Для того чтобы не захламлять тему с уроками их излишним количеством в отдельных одностраничных постах я решила собрать все уроки по созданию несложной анимации в одной теме. Вам остается только выбрать с какого именно начать. ВНИМАНИЕ! Пожалуста:В этой теме - никаких комментов и вопросов! Только уроки, найденные в сети! Примечание: Тут нет и не будет распределения уроков от азов для чайников до сложных уроков. Всё выкладывается по мере нахождения уроков в сети и по мере написания этих уроков теми добрыми и умными людьми, которым не лень это делать. Позволю себе напомнить: это симс-форум, а не форум по фотошопу. Тут все что найдено выкладывается по мере сил, желания и времени.
Когда мы работаем в фотошопе и что нибудь делаем в формате PNG а потом его еще и анимируем..ну, например. добавляем свечение...блестки..лучи...то при сохранении готовой работы вокруг неё мы видим досадное белое свечение...которое раздражает...так вот...это издержки сохранения работы в формате GIF ..и избавиться от этого просто...посмотрите на скрин и выставьте значения так как там они указаны...
Цель этого урока не научить новому приему анимации, а просто рассказать, как создается анимация в фотошопе. Так сказать, основы.
Для урока Вам понадобятся 3-4 статичные картинки (jpeg или png). Я вырезала малыша отсюда
Вы можете взять любые другие, примерно одинакового размера. Откройте их в фотошопе.
1. Создайте новый документ (Файл - Создать). Размер документа - на Ваше усмотрение.
2. С помощью инструмента "Перемещение" (или сочетанием клавиш Ctrl+C и Ctrl+V), перетащите Ваши картинки на документ.
В результате у Вас получится примерно так:
Я специально сделала слой 0, который я переименую в "фон", т.к. в дальнейшей работе у Вас может появиться такая необходимость, делать анимацию на отдельных слоях, не трогая фон. 3. Отключаем "глазки" на всех слоях, кроме нижнего и фона. 4. Открываем панель "Анимация" (Окно - Анимация) 5. Создаем копию кадра, нажав на конвертик (см. скрин выше) 6. В панели слои выключаем видимость на слое 1 и включаем на слое 2 7. В панели "Анимация" - создаем копию второго кадра 8. В панели "Слои" - выключаем видимость на слое 2 и включаем на слое 3 9. В панели "Анимация" - создаем копию третьего кадра 10. В панели "Слои" - выключаем видимость на слое 3 и включаем на слое 4 11. В панели "Анимация" нажмите на "Воспроизведение". Кадры меняются очень быстро? Выставим время. 12. Активируйте 1 кадр, кликнув на него. Чтобы выставить время сразу на всех кадрах, зажмите на клавиатуре клавишу "Shift" и кликните по последнему кадру. Все кадры станут активными (синими). Теперь на любом кадре нажмите на крошечный треугольник Выпадет вот такое меню: Можно выбрать время на нем, нажав на нужные цифры, но мы рассмотрим такую ситуацию, когда нужного нам интервала времени нет, поэтому мы жмем на "Другое". И в новом окошке выставляем свои цифры Еще раз просматриваем результат. Если он Вас устраивает, сохраняем - Файл>Сохранить для Web и устройств(правая верхняя часть)
Многие задают вопрос - почему созданный в фотошопе GIF курсор, баннер, кнопка или фигурка - в общем, любая анимашка без фона, при публикации на страничке интернета, которая имеет цвет, кроме белого, появляется ореол, типа этого
Дело в том, что гиф не поддерживает прозрачность в изображениях.
Я не буду вдаваться в заумные подробности реагировании и воспроизведении браузером гиф изображения. Скажу только одно: так как гиф не поддерживает прозрачность в изображении, то всегда будет ореол на анимашке без фона.
Как избавиться от этого ореола? Да очень просто. Нужно в созданную анимашку добавить фон с тем же цветом, что и страница интернета, на которой эта анимашка будет опубликована. Давайте рассмотрим это дело на конкретном примере, а именно на публикации анимированной кнопки на моём сайте в уроке по созданию кнопки " DOWNLOAD".
Как видите ореол присутствует, так как гифка было сохранена без фона.
1. Открываю рабочий фал, который у меня сохранён при написании урока В панели слоёв создаю новый слой, располагаю его в самом низу и заливаю цветом фона страницы моего сайта.
2. Сохраняю гифку и публикую на сайте. Ореол исчез.
3. Как узнать цвет экрана, т.е. странички, на которой публикуете анимашку? Да проще париной репы.
1) Сделайте скрин страницы, откройте его в фотошопе и пипеткой определите цвет.
Большое спасибо Михаилу Яковлеву за подсказку. В продолжении темы Как избавиться от ореола на анимашке без фона. Рассмотрим вариант избавления от ореола уже на готовой анимашке. 1. Открываем готовую анимашку, которую хотим вставить в свою работу. Либо переносим её на файл с работой (этот вариант я описывала ЗДЕСЬ.)
Если у вас готовый фон, то можно поступить так:
1) Увеличить размер холста у файла с анимашкой до размера вашего фона
2) Перетащить фон на файл с анимашкой и расположить его в самом низу в панели слоёв.
Как видите, фон отобразился на всех кадрах анимашки.
2. В панели слоёв переходим на первый слой анимашки и применяем эффект слоя - обводка.
Настройки: Размер - 1 пиксель (но может и больше, смотрите по анимашке) Расположение - внутри Цвет - цвет фона, который определяете пипеткой.
Ореол исчез.
3.Копируем стиль слоя.
Клик правой кнопкой мыши по слою - скопировать стиль
2)Клик правой кнопкой мыши по выделенным слоям - вклеить стиль.
Стиль во всех выделенных слоях.
5. Включаем просмотр и видим, что стиль работает - ореол исчез, а фон прыгает.
Останавливаем просмотр, активируем первый кадр в панели анимации, а в панели слоёв активным делаем слой с фоном. Жмём на иконку "унифицировать положение слоя"
Появится окошко, в котором жмём на "синхронизировать".
Включаем просмотр и видим, что всё в порядке.
Сохраняем в формате GIF.
6. А как поступить, если фон цветной, с текстурой, в общем, не однотонный.
Думаю, что при создании обводки подбирать пипеткой более оптимальный цвет, а если очень контрастный фон и текстура явная, то обводку сделать из фона:
1)Загрузить выделение слоя. 2) На новом слое сделать обводку с положением "внутри" любым цветом. 3) Отменить выделение. 4) Загрузить выделение слоя с обводкой. 5) Скопировать выделение со слоя с фоном. 6)Разместить полученный слой над слоем с анимашкой, а слой с обводкой удалить.
Всё это нужно проделать с каждым слоем анимашке. Работа большая по объёму, но ничего сложного. Если очень хочется сделать качественную работу, нужно потрудиться.
Урок по просьбе моих дорогих любительниц фотошопить.....Иллюзия движения летящих санок с горы В уроке не стала расписывать подробно о снежных облаках,поэтому надеюсь что сделаете сами по подсказкам на скрине,именно они и создают иллюзию движения с горы
Зима на пороге и становятся актуальными анимации с зимней тематикой. И как же обойтись без падающего снега - без него и зима не зима. В этом уроке я предлагаю вам сделать глиттер, который избавит вас от создания новой анимации снега для каждой картинки. Достаточно будет применить глиттер Это очень удобно, особенно, при комбинированной анимации
Создание глиттера. 1. Создаём новый документ 200х200пикселей, фон прозрачный. 2. Заливаем слой чёрным цветом 3. Создаём новый слой с параметрами "снег1" и приступаем к рисованию снега. 1) Берём мягкую кисточку размером 20пикселей и сделаем 3 клика по документу.
2) Уменьшаем размер кисточки до 10 пикселей и на том же слое делаем ещё несколько кликов
3) Ещё уменьшаем размер кисточки до 2 пикселей и и на том же слое натыкаем точек.
Снег готов. Вы можете и свой вариант сделать, это зависит только от вашего желания. Можно воспользоваться фигурными кистями - снежинками, звёздочками и т.д. Учитывайте только одно - чем больше снежинок, тем гуще будет снег. Располагайте снежинки в хаотичном порядке, иначе анимация будет не очень эффектной. 4. Дублируем слой "снег ! и меняем параметры на "снег 2". Я это делаю для того, чтобы тем. кто не знаком с принципом создания анимации падения, не запутался в слоях.
5. Создаём анимацию Пожалуйста, внимательно читайте и следуйте точно описанию - шаг за шагом. Если вы поменяете порядок шагов, то анимация не получится. 1) Закрываем видимость слоя "снег 1".
2) Активируем инструмент "перемещение", зажимаем клавишу Shift ( для равномерного перемещения) на слое "снег2" перемещаем его наверх, пока он не исчезнет за границами документа.
3) Открываем видимость слоя "снег 1".
4) Открываем панель анимации. Метод постоянный, задержка времени 0,1 сек.
5)Создаём следующий кадр (вторая иконка внизу панели анимации))
6) Активируем инструмент "перемещение", зажимаем клавишу Shift, на слое "снег 1" перемещаем его вниз, пока он не исчезнет за границами документа.
7) Переходим на слой "снег 2" и тем же способом перемещаем снег вниз пока он полностью не заполнит документ, т.е. возвращаем его на исходное место.
8) В панели анимации открываем список опций и выбираем "выделить все кадры
Оба кадра стали активными.
9) Применяем промежуточные кадры. Для этого, в панели анимации жмём на третью иконку справа внизу панели анимации. В открывшемся окне оставляем настройки по умолчанию - 5 кадров.
После применения в панели образовалось 7 кадров.
10) Так как 7 кадр идентичен первому, то мы его удаляем, нажав на иконку корзинки в панели анимации.
Глиттер готов. Включаем просмотр и, если всё устраивает, сохраняем в формате GIF. После создания глиттера загрузите его в заливку ( как это сделать читайте ЗДЕСЬ) и применяйте по мере необходимости.
Приминение глиттера. 1.Открываем картинку. 2. В панели слоёв создаём новый слой. (вторая иконка справа внизу панели слоёв). Так как глиттер имеет чёрный фон, меняем режим наложения слоя на "экран" или "осветление основы", или "замена светлым"
3. Дублируем новый слой 5 раз. Всего новых слоёв должно быть 6, так как наш глиттер состоит из 6 кадров.
4. Теперь заполняем новые слои глиттером.
1) Находясь на первом пустом слое топаем в меню - редактирование - выполнить заливку. Находим первый кадр глиттера и жмём ок.
После заливки видим такую картину.
Чёрный фон на картинке отсутствует, а снег есть. 2) Переходим на следующий слой и заливаем его следующим кадром глиттера.
3) Повторяем предыдущий подпункт для всех пустых слоёв. В итоге, получаем такую картину.
5. Анимация.
1) Оставляем видимость первого слоя с глиттером, открываем панель анимации. Метод - постоянный, задержка времени - по желанию, я установила 0,15 сек.
2) Создаём следующий кадр, открываем видимость следующего слоя с глиттером, а видимость предыдущего закрываем.
3) Повторить предыдущий подпункт для всех слоёв с глиттером. В итоге, в панели анимации получится 6 кадров.
Не забывайте. что для одного кадра видимость только одного слоя с глиттером И не меняйте порядок слоёв, иначе анимация будет дёргаться.< Включаем просмотр и любуемся своим творением. Если всё устраивает. то сохраняем в формате GIF Я у всех слоёв с глиттером изменила непрозрачность на 80%
Надеюсь, что урок вам пригодится. С теплом, Ольга Бор.
В данном уроке Фотошопа мы создадим Анимацию Сверкающей розы. Исходная картинка:
Этап 1. Для начала найдём подходящую анимированую картинку со звёздами.
Этап 3. Переходим в Photoshop. Открываем картинку с розой и дублируем её 7 раз.
Этап 4. Вернёмся к картинке со звёздочками. Выделяем первый слой и заносим его в Pattrn (Edi>Define pattern). Так же второй слой и т.д. все 8. Этап 5. Теперь берём картинку которую будем обрабатывать. На первом слое выделяем нужные области и заливаем их >Edit>Fill>Pattern выбираем 1. На втором слое соответственно 2 и .т.д. заливаем все слои.
Этап 6. Переходим в ImageReady. Создаём 7 кадров.
На первом кадре ставим видимость первого слоя, на втором второго и так далее.
Этап 7. Время смены кадров 0,2.
И вот что получаем:
Этап 8. Сохраняем File>Save Optimized As.
Урок подготовлен для Вас командой сайта PhotoshopLessons.ru
Мы с вами уже умеем писать текст на анимированной картинке, мы можем простую картинку добавлять на анимированную...а сегодня мы будем учиться КАК АНИМАЦИЮ на прозрачном фоне добавлять на АНИМИРОВАННУЮ картинку..Сложность этого урока ТОЛЬКО в том..что нужно не торопясь, а предельно внимательно делать все его пункты, по которым я вас провожу с наглядными скринами,чтобы не запутаться в порядке действий...только и всего...Но, поверьте, один раз его сделав вы поймете принцип очередности и будете сами выполнять такие задания с легкостью...Я вас еще ни разу не обманывала))))Так ведь?..Ну...чтобы много не говорить..-поехали...
Открываем фотошоп...потом открываем файл, на который мы должны будем поместить анимацию.
Этот файл-картинка тоже должен быть с анимацией...совершенно любой анимацией...
и открываем рядом анимацию на прозрачном фоне...ну вот так например
вы видите что я поместила файлы в середине экрана...это сделать просто ..
а нам необходимо уравнять количество слоев в двух этих изображениях...как мы поступаем
и нам нужно добавить недостающие кадры до количества 8...(в других случаях при другом количестве кадров мы просто выбираем те. которые дублируем...сами выбираем) а сейчас
и получится на панели АНИМАЦИЯ у нас вот это
Берем инструмент
А вот теперь ВНИМАНИЕ!! делаем все по пунктам на картинке..
В преддверие Нового года хочется настоящей снежной погоды. Почувствовать ее нам поможет этот урок Фотошоп, в котором вы узнаете, как нарисовать очаровательного снеговика и создать имитацию падающего снега. Нам понадобятся инструменты Перо (Pen Tool), Эллипс (Ellipse Tool) для создания снеговика и настройки Кисти (Brush) для рисования пушистого снега. Мы будем использовать множество корректирующих слоев для художественного оформления открытки и Маски слоя (Layer Mask) для индивидуальной коррекции элементов. А чтобы наш снег превратился в снегопад, мы воспользуемся панелью «Анимация» (Animation) и будем наслаждаться созданным результатом! Начнем! Предварительный просмотр анимации:
Шаг 1.
Создаем Новый документ (Ctrl+N) большого размера (1000х1200 рх) и прозрачным (Transparent) фоном. Инструментом Заливка ((Paint Bucket Tool) Shift+F5) заполняем фоновый слой голубым цветом # 89defd.
Шаг 2.
Создаем Новый слой (Layer-New Layer или Ctrl+Shift+N) и инструментом Эллипс (Ellipse tool) в режиме Заливки пикселей (в верхнем меню значок квадрата) рисуем большой круг белого цвета (ffffff). Вообще-то ваш круг может быть не идеальной формы, но если хотите сделать ровный круг, удерживайте Shift при рисовании.
Затем, создайте Новый слой (Ctrl+Shift+N) выше предыдущего и нарисуйте еще один круг меньше поверх большого. Если круг расположен неровно, инструментом «Перемещение» (Move Tool) выровняйте его положение относительно большого круга.
Шаг 3.
Устанавливаем цвет переднего плана (Foreground) на серый (CCCCC). Создаем новый слой (Layer-New Layer) между двумя слоями с кругами и инструментом Эллипс (Ellipse Tool) в режиме Заливки пикселей делаем окружность чуть больше размера верхнего круга слева от него.
Переходим на слой с телом будущего снеговика (большой круг) и загружаем его выделение (Ctrl+клик по иконке слоя). Теперь, на слое с серым кругом нажимаем сочетание Ctrl+J, копируя часть серого круга на другой слой. Этот слой нам нужен для создания тени головы, а оригинал с серым кругом можно удалить (Delete).
На дубликате серой части переходим в меню Фильтр-Размытие-Размытие по Гауссу (Filter-Blur-Gaussan Blur) и ставим радиус опции на 3-4 рх. Тень головы готова.
Шаг 4.
Загружаем выделение слоя с телом (Ctrl+клик по иконке этого слоя) и активируем инструмент Градиент с радиальным стилем (Gradient Tool radial gradient) черно-белого цвета. На Новом слое (Layer-New Layer) проводим линию из центра круга к его краю, заполняя градиентом. Затем снижаем непрозрачность (Opacity) слоя до 20%. Снимаем выделение (Ctrl+D).
То же самое проделываем с головой снеговика, добавив ей градиент на отдельном слое, предварительно выделив ее.
Шаг 5.
Теперь сделаем нашего снеговика более реальным, добавив ему текстуру снега. Создаем новый слой (Ctrl+Shift+N) выше всех слоев и устанавливаем цвета по умолчанию, нажав на клавиатуре «D». Выбираем инструмент Кисть (brush tool) размером 10-15 рх с жесткими краями (100% hardness) и открываем панель настроек инструмента (F5). В опции «Форма отпечатка кисти» (Tip Shape) настраиваем интервал на 20%. Находим параметр «Динамика формы» (Shape Dynamics) и все значения уравниваем до 0. Далее в опции «Рассеивание» (Scattering) изменяем значение рассеивания на 372%, счетчика (Count) 1%. Переходим к параметру «Другая динамика» (Other Dinamics) и настраиваем колебание непрозрачности (Opacity Jitter) на 100%.
Загружаем выделение слоя с головой (Ctrl+клик по иконке этого слоя). Проводим кистью по ее краям и немного в центре. Изменяем режим смешивания для слоя на Перекрытие (Overlay) и Непрозрачность (Opacity) снижаем до 35-40%. Повторяем рисование кистью на туловище снеговика, предварительно выделив его. Выполняем мазки кистью на отдельном слое. Изменяем режим смешивания на Перекрытие (Overlay) и снижаем непрозрачность до 35-40 %. Можете использовать Фильтр «Размытие по Гауссу» (Gaussan Blur) с небольшим радиусом, сглаживая мазки кисти.
Шаг 6.
Выберите Кисть (Brush) с жесткими краями, маленького размера черного цвета с настройками по умолчанию и нарисуйте два глаза на лице снеговика. Затем двойным щелчком по миниатюре слоя откройте окно «Стилей слоя» (Layer Style) и поставьте значения со скриншота ниже:
Внутреннее свечение (Inner Glow):
Тиснение (Bevel and Emboss):
Шаг 7.
На Новом слое (Ctrl+Shift+N) выше всех предыдущих, инструментом Перо (Pen Tool) в режиме контуров (Paths) создайте фигуру морковки, имитируя нос снеговика. После того, как вы закроете контур, нажмите по нему правой кнопкой мыши и выберите из меню – Выполнить заливку контура (Fill Path). В диалоговом окне заливки укажите оранжевый цвет # e37b19. Возьмите Осветлитель (Dodge Tool) и проведите им сверху и по правой части носа. Затемнителем (Burn) создайте тень внизу морковки.
Шаг 8.
Теперь добавим тень от носа снеговика. Для этого, создадим Новый слой (Layer-New Layer) ниже слоя с носом. Кистью (Brush) черного цвета с жесткими краями размером больше головы делаем клик в основании морковки. Затем, переключаемся на Ластик (Eraser) такого же размера и удаляем лишнюю часть круга. Загружаем выделение головы (Ctrl+клик по иконке слоя) и нажимаем Ctrl+J на слое с кистью. Cнимаем выделение (Ctrl+D). Удаляем оригинал с кругом (delete) и на дубликате добавляем Маску слоя (Layer-Layer Mask или значок круга в квадрате внизу панели слоев). Мягкой черной кистью с низкой непрозрачностью смягчаем тень, делая ее светлее у края головы.
Если тень выглядит грубо, снизьте непрозрачность слоя (Opacity).
Шаг 9.
Далее нарисуем рот. Выбираем инструмент Овальное выделение (Ellipse Marquee tool) и создаем окружность (удерживая Shift) на лице снеговика на Новом слое (Ctrl+Shift+N). Затем, нажимаем правой кнопкой мыши по выделению и выбираем из меню – Выполнить обводку (Stroke..). Указываем ширину в 4 рх черного цвета и нажимаем Ок.
Добавляем Маску (клик по ее значку внизу панели слоев) на этот слой и черной кистью (Brush) удаляем лишнее, оставляя только нижнюю часть обводки.
На новом слое нарисуйте поперечные маленькие швы поверх рта снеговика Кистью (Brush) черного цвета, как на изображении ниже:
Шаг 10.
Пером (Pen Tool ) рисуем меховой отворот шапки поверх головы. Образуем выделение после закрытия контура (клик правой кнопкой мыши) и заполняем его (Shift+F5) белым цветом (ffffff). Затемняем левую нижнюю часть отворота мягкой Кистью (Brush) темного цвета с низкой непрозрачностью. Снимаем выделение (Ctrl+D).
Шаг 11.
Далее, сделаем форму шапки инструментом Перо (Pen Tool) на отдельном слое под слоем с мехом. Заполните (Shift+F5) контур красным цветом # a90505, предварительно загрузив его выделение. Завершив действие, снимите выделение (Ctrl+D).
Откройте тканевую текстуру в Фотошоп и перенесите ее в наш документ. Расположите слой с текстурой над слоем шапки. Загрузите выделение шапки (Ctrl+клик по иконке слоя), затем инвертируйте его (Ctrl+Shift+I) и на текстурном слое нажмите Delete (удалить). Снимите выделение (Ctrl+D) и измените режим смешивания для этого слоя на Яркость/Свечение (Luminosity), снизьте непрозрачность (Opacity) до 20-25%.
Шаг 12.
Добавьте тень на шапку снеговика, используя инструменты Затемнитель (Burn Tool) в нижней ее части и около мехового отворота, и объем, применяя Осветлитель(Dodge Tool ) наверху.
Шаг 13.
Дополним образ снеговичка пуговицами на животе. Применим технику, как в шаге при создании глаз. На Новом слое (Ctrl+Shift+N) используем Кисть (Brush) черного цвета с жесткими краями маленького размера, делая пять точек вниз по линии живота. Дважды нажимаем на миниатюру слоя и открываем «Стили слоя» (Layer-Layer Style). Выполняем настройки со скриншота для параметров Тень (Drop Shadow) и Тиснение (Bevel and Emboss).
Шаг 14.
Под слоем с шапкой создаем новый слой (Ctrl+Shift+N) для помпона. Инструментом «Овальное выделение» (Ellipse Marquee tool) рисуем круг на кончике шапки. Заливаем (Shift+F5) выделение белым цветом (ffffff). Создаем небольшую тень в центре помпона на месте соединения с шапкой при помощи мягкой кисти (Brush) темного цвета с низкой непрозрачностью.
Установите цвет переднего плана на белый, и нарисуйте по краю помпона кистью с настройками снежной текстуры, которую мы использовали в шаге 5, имитируя мех помпона.
Шаг 15.
Теперь займемся созданием симпатичного шарфика. На Новом слое (Ctrl+Shift+N) Пером (Pen Tool) рисуем полукруглую фигуру по форме нижней части головы. Заполняем контур (Shift+F5) красным цветом # 8b0404, предварительно загрузив его выделение.
Добавьте Пером (Pen Tool) края шарфа спереди и позади туловища снеговика, заполнив их контуры таким же цветом.
Шаг 16.
Теперь нарисуйте поверх шарфа полоски Пером (Pen tool) в режиме Добавления к области контура на отдельном слое, затем создайте выделение полос и заполните их (Shift+F5) зеленым цветом # 0b6a16.
pen tool.jpg
Добавьте объема шарфику при помощи Затемнителя и Осветлителя (Burn и Dodge Tool) в указанных местах, как на примере ниже:
Создайте новый слой (Ctrl+Shift+N) под слоем с шарфом и нарисуйте тень Кистью (Brush) c мягкими краями темного цвета.
Шаг 17.
Создайте новый слой наверху панели слоев и мягкой Кистью (Brush) белого цвета нарисуйте сугробы в нижней части холста.
Шаг 18.
Применим несколько корректирующих слоев для художественной обработки снеговика, иначе он будет выглядеть, как обычная иконка для рабочего стола.
Для создания первой коррекции переходим в меню Слои-Новый корректирующий слой- Кривые (Layer-New Adjustment Layer-Curves или значок черно-белого круга внизу панели слоев) и изменяем значения в окне опции, следуя примеру ниже.
Создаем дубликат всех слоев, предварительно выделив их (Ctrl+клик по миниатюрам слоев), затем нажимаем сочетание Ctrl+Shift+Alt+E. Теперь, на объединенном слое переходим во вкладку Фильтр-Имитация-Акварель (Filter > Filter Gallery > Watercolor) и выполняем настройки со скриншота. Создаем Маску слоя (Layer Mask) и Кистью (Brush) черного цвета с мягкими краями удаляем акварельный эффект с шарфа и шапки с помпоном. Снижаем непрозрачность (Opacity) слоя до 30%.
Далее идем в меню Слой-Новый корректирующий слой- Фотофильтр (Layer-Adjustment Layers > Photo Filter) и выбираем теплый фильтр 50% (Warming Filter 50%). Плотность изменяем на 51%.
Добавляем еще один корректирующий слой «Цветовой баланс» (Color Balance) и выполняем настройки со скриншота ниже. Затем, активируем маску этого слоя, щелкнув по ней, и инструментом Заливка (Paint Bucket Tool) заполняем ее черным цветом. Белой Кистью (Brush) рисуем на маске по шарфику снеговика, восстанавливая коррекцию на нем.
Добавляем Корректирующий слой (Adjustment Layer) «Карта градиента» (Gradient Map). Нажимаем на Редактор градиентов в диалоговом окне (Gradient Editor) и вводим цветовые значения, как на изображении внизу. Заполняем Маску этого слоя черным цветом (000000), кликнув по холсту инструментом Заливка (Paint Bucket Tool), затем Кистью (Brush) белого цвета проводим по шарфику снеговика, чтобы градиент распространялся только на него.
На маске этого слоя переходим в Фильтр-Размытие-Размытие по Гауссу (Filter > Blur > Gaussian Blur) и ставим радиус в 3 рх. Снижаем непрозрачность (Opacity) этого слоя до 30%.
Далее, выделим все слои (клик по верхнему слою, затем, удерживая Shift, клик по нижнему) и скопируем их на один слой (Ctrl+Shift+Alt+E). Переходим в Фильтр-Штрихи-Акцент на краях (Filter > Filter Gallery > Accented Edges) и выполняем настройки для слоя:
Добавляем Маску (Layer Mask) на этот слой и заполняем ее черным цветом. Кистью (Brush) белого цвета рисуем по шарфу.
Добавляем корректирующий слой «Цветовой баланс» (Layer-Adjustment Layer-Color Balance), вводим значения, а затем на маске слоя черной Кистью (Brush) закрашиваем снеговика и сугробы, удаляя коррекцию с них и воздействуя только на фон.
И, наконец, создадим последний корректирующий слой «Кривые» (Curves). Вводим значения со скриншота:
Объедините все слои документа в один слой (Ctrl+E).
Шаг 19.
Наша зимняя картина готова к анимации, не хватает только падающего снега. Создайте Новый документ (Ctrl+N) в два раза больше, чем документ со снеговиком. Используйте темный фон для удобства, потом мы его удалим. На новом слое активируйте Кисть (Brush) с мягкими краями белого цвета (ffffff) и настройте ее в палитре инструмента (F5) в параметрах: «Динамика формы», «Рассеивание» «Форма отпечатка кисти». Можете использовать свои кисти со снежинками или кисти из ресурсов данного сайта «Зимние» Winter. Нарисуйте по всему полотну снег. Затем, удалите фоновый слой, чтобы снежинки остались на прозрачном фоне.
Шаг 20.
Перетащите слой со снегом в документ «Снеговик». Переместите снег в верхнюю область рабочего окна так, чтобы слой со снеговиком находился в его левом нижнем углу. Весь снежный слой не просматривается, видна только его часть на изображении снеговика. Для удобства работы уменьшите масштаб в рабочем окне (Ctrl -) и выполняйте действия в таком режиме. Назовите слой снега «Снежный кадр 1».
Дублируйте этот слой (Ctrl+J) и назовите копию «Снежный кадр 2». Выключите его видимость (глазик напротив иконки слоя). Вернитесь на оригинал и, удерживая Shift, переместите снежный слой по диагонали вниз. Ваш снеговик теперь должен находиться в правом верхнем углу снежного слоя.
Теперь включите видимость дублированного слоя. Чтобы анимация выглядела естественно без перерывов, завершающий кадр должен быть таким же, как и первый.
На слое «Снежный кадр 2» нажмите Ctrl+A, чтобы выделить весь холст, а затем дублируйте видимую выделенную часть снега (Ctrl+J) на другой слой.
Выберите слой «Снежный кадр 2 копия» и «Снежный кадр 1» (Ctrl+ клик по миниатюрам слоев) и объедините их в один слой (Ctrl+E).
Шаг 21.
Переместите объединенный слой снега по диагонали вверх так, чтобы слой со снеговиком оказался, как в начале, в нижнем левом углу полотна.
Шаг 22.
Перейдите в меню Окно-Анимация (Window > Animation), чтобы открыть рабочую панель. Там вы увидите первый кадр (Frame), соответствующий активному на данный момент слою.
Шаг 23.
Нажмите внизу панели анимации кнопку дублирования кадра (значок нового слоя). Затем, переместите слой «Снежный кадр 2 копия» вниз по диагонали, чтобы ваш снеговик оказался вверху снегопада.
Шаг 24.
Выставьте время отображения кадров в анимации на 0,2 секунды. Теперь, когда вы нажимаете на первый кадр, снежный слой должен быть расположен вверху, и, наоборот, если вы нажмете на второй кадр, снежный слой будет находиться ниже снеговика. Если при нажатии на кадры ничего не меняется, значит анимация выстроена неверно. В этом случае, удалите анимацию (нажмите на стрелку в правом углу панели и выберите опцию – Удалить анимацию) и внимательно сделайте все снова по инструкции.
Шаг 25.
Далее, внизу панели анимации нажмите кнопку Промежуточных кадров (Tween) и в диалоговом окне укажите их число (25 в данном случае). Всего должно получиться 27 кадров, каждый из которых длится 0,2 сек.
Теперь смело нажимайте кнопку Воспроизведения (треугольник) и наслаждайтесь настоящим новогодним снегопадом!
Шаг 26.
Чтобы сохранить сделанную анимацию, переходим в меню Файл-Сохранить для Веб и устройств (File > Save for Web & Devices). В диалоговом окне сверяем настройки: разрешение GIF, количество цветов 256 и нажимаем кнопку Сохранить (Save). Указываем любое место вашего компьютера, где будет храниться ваша анимация.
Теперь вы можете просмотреть картинку вне программы Фотошоп. Успехов и с Новым годом!
Используемые материалы:
Автор (переводчик): Alexandro Hernandez/Анастасия Суркова
Сегодня на уроке анимации мы создадим очаровательного влюбленного смайлика с горящим взглядом. Все, что от вас потребуется – это начальные навыки работы в Фотошоп и немного терпения. Приступаем!
Предварительный просмотр финального результата:
Шаг 1.
Создаем новый документ любого размера (Ctrl+N или File-New) в Фотошоп и активируем инструмент «Эллипс» (Elliptical shape tool) в режиме слой-фигуры (иконка рамки в верхней панели). Устанавливаем цвет переднего плана на желтый. Удерживая Shift, рисуем ровный желтый кружок.
Шаг 2.
Открываем двойным кликом по миниатюре этого слоя окно «Стили слоя» (Layer Style) и выполняем настройки для параметров: Внутренняя тень (Inner Shadow), Внешнее свечение (Outher Glow) и Тиснение (Bevel and Emboss). Вводим значения со скриншотов ниже.
Шаг 3.
Снова выбираем инструмент Эллипс (Elliptical shape too) и рисуем горизонтальный овал белого цвета поверх желтого круга. Это будет глаз смайлика.
Шаг 4.
На слое с глазом открываем «Стили слоя» (двойной клик по миниатюре слоя или клик по иконке «fx» внизу панели слоев) и активируем параметр «Тиснение» (Bevel and Emboss). Выполняем настройки.
Шаг 5.
Устанавливаем насыщенно-голубой цвет переднего плана и активируем инструмент Эллипс (Elliptical Shape Tool). Создаем радужку глаза смайлика, рисуя голубой круг поверх глаза. Не забываем удерживать Shift для создания ровного круга, а не овала.
Шаг 6.
Теперь, выбираем инструмент Произвольная фигура (Custom Shape Tool) и в верхнем меню открываем панель фигур. Выбираем фигуру сердечка и рисуем красным цветом его поверх радужки на новом слое (Ctrl+Shift+N). Каждая созданный элемент смайлика должен находиться на отдельном слое.
Шаг 7.
Снова открываем «Стили слоя» (Layer Style) на слое с сердечком и вводим значения для опции «Тиснение» (Bevel and Emboss).
Шаг 8.
Устанавливаем черный цвет переднего плана и инструментом Эллипс (elliptical shape tool) рисуем горизонтальный овал, который будет носом смайла. Копируем стили слоя со слоя глаза (клик пр.кн.мыши по миниатюре слоя с глазом и выбираем – Copy Layer Style), затем переходим на слой с носом и вставляем стили (снова нажимаем пр.кн.мыши по миниатюре и выбираем – Paste Layer Style).
Шаг 9.
Теперь, инструментом Перо (pen tool) создаем бровь смайлика. После того, как вы создали нужную вам форму брови, выделите контур (Ctrl+Enter) и заполните (Edit-Fill или Shift+F5) его черным цветом. Снимите выделение (Ctrl+D). Чтобы бровь получилась закругленной, используйте инструмент Угол на опорных точках контура, чтобы вытянуть кривые из них и сформировать нужную фигуру.
Шаг 10.
Дублируем слой с глазами (без сердечка) и слой с бровью, нажав Ctrl+J. Используя Трансформирование (Edit-Transform или Ctrl+T), отражаем дубликат брови по горизонтали (клик пр.кн.мыши по рамке трансформирования и выбираем - Flip horizontal).
Размещаем дубликат брови на другой стороне лица. Второй глаз также перемещаем (Move Tool) на другую половину лица.
Шаг 11.
Далее, рисуем рот. Устанавливаем белый цвет переднего плана (#ffffff) и Пером (Pen Tool) создаем контур рта. Выделяем его (Ctrl+Enter) и заливаем (Edit-Fill) белым цветом. Чтобы нарисовать по краям рта ямочки, снова используем инструмент Эллипс (Elliptical Shape tool) и рисуем круг с левого края рта. Дублируем этот слой (Ctrl+J) и переносим (Move Tool) дубликат на другую сторону рта.
Выделяем все слои со ртом (Ctrl+клик по миниатюрам слоев) и объединяем их в один слой (Ctrl+E). Добавляем стили слоя на рот, копируя их со слоя носа или глаза (см. шаг 8).
Шаг 12.
Дублируем оба слоя с сердечками (Ctrl+J) и масштабируем дубликаты (Ctrl+T), увеличивая их размер.
Шаг 13.
Еще раз дублируем слои с сердцами (Ctrl+J) и снова увеличиваем их еще больше, чем в предыдущем шаге, используя Трансформирование (Ctrl+T).
Шаг 14.
Открываем окно «Анимация» (Window-Animations). Для первого кадра скрываем видимость слоев с увеличенными сердцами (клик по глазикам миниатюр), оставляя все остальные слои.
Шаг 15.
Дублируем кадр (клик по иконке нового кадра внизу панели анимации) и включаем видимость слоя с сердцем средней величины.
Перемещаем слой с бровями на несколько пикселей вверх (Move Tool и стрелки клавиатуры).
Шаг 16.
Снова дублируем кадр и открываем видимость слоев с самыми крупными сердцами. Перемещаем слой с бровями еще на несколько пикселей вверх.
Шаг 17.
Дублируем второй кадр и перемещаем его в конец последовательности анимации. Установите время каждого кадра на 0 сек. Можете поэкспериментировать с разным временем для каждого кадра.
Шаг 18.
Теперь вы можете посмотреть свою получившуюся анимацию, нажав клавишу Play (треугольник на панели анимации). Чтобы сохранить анимацию, нажимаем сочетание Ctrl + Alt + Shift + S и в открывшемся окне «Сохранить для Web и устройств» (Save for Web&Devices) сохраняем анимацию в формате gif.
Надеюсь, вас порадовал сегодняшний урок. Удачи в творчестве!
Автор (переводчик): avivadirectory.com/Анастасия Суркова
621994101
(или сочетанием клавиш Ctrl+C и Ctrl+V), перетащите Ваши картинки на документ. 
. Кадры меняются очень быстро? 
