« Анимация в PhotoShop, создание аватара » Урок по анимации в фотошопе (PhotoShop). Создание анимированного аватара. Изображение фигур в перспективе...
Сегодня перед вам такой вот комбинированный урок: в нём вы научитесь создавать анимацию в фотошопе, изображать фигуры в перспективе, ну и делать аватары :)
Надеюсь, что никаких трудностей данный урок у вас не вызовет. Вот, собственно, и всё предисловие...
Анимированный аватар в PhotoShop (фотошоп)
1. Создаём новое изображение размером, примерно, 450x450 px (с изображением такого размера легче работать) и заливаем серым цветом (#969696):
2. Выбираем Ellipse Tool и рисуем эллипс белого цвета:
3. Растрируем слой с эллипсом (для этого на панели слоёв Layers кликните по изображению слоя правой клавишей мыши и в появившемся меню выберите пункт Rasterize Layer).
После этого размойте изображение, применив следующий фильтр: Filter —> Blur —> Gaussian Blur с такими настройками:
Вот что должно получиться:
4. Теперь создайте новый слой и вставьте туда какой-нибудь логотип, букву, фигуру или ещё что-нибудь (если это буква или фигурка (Shape), то её нужно будет растрировать таким же образом, как было сказано выше).
Изображение обязательно должно быть одноцветным, чёрного цвета:
5. Зайдите в Layer Style (для чего на панели слоёв Layers кликните правой клавишей мыши по изображению слоя и в появившемся меню выберите пункт Blending Options...) и перейдите на вкладку Outer Glow (внешнее свечение), выставьте там следующие параметры:
6. Теперь перейдём на вкладку Inner Glow и добавим внутреннее свечение:
7. Переходим на вкладку Stroke и добавляем обводку:
8. Раскрасим нашу фигуру, залив её градиентом. Для этого перейдём на вкладку Gradient Overlay и настроим параметры градиента следующим образом:
А вот так выглядит окошко с подробными настройками градиента (оно открывается по нажатию на полосу с градиентом):
Всё. Теперь кликаем везде Ok и получаем что-нибудь похожее на вот это:
9. Теперь, чтобы фигура казалась размещённой в пространстве, трансформируем её. Для этого в меню выберите пункт: Edit —> Transform —> Distort и трансформируйте фигуру следующим образом:
10. Нарисуем отражение фигуры.
Создайте копию слоя с логотипом (для этого просто переместите изображение слоя на иконку создания нового слоя, или кликните по изображению слоя правой клавишей и выберите пункт Duplicate Layer) и отразите её по вертикали (Edit —> Transform —> Flip Vertical):
11. Выберите произвольную трансформацию (Edit —> Free Transform) и разместите фигуру следующим образом:
12. Сожмите немного фигуру, чтобы отражение было более реальным:
13. Создайте из слоя с отражением смарт-объект (на панели слоёв Layers кликните правой клавишей на изображении слоя и выберите пункт Group into New Smart Object). Добавьте к нему маску. Для этого на панели слоёв нажмите кнопку Add layer mask...:
14. За тем выберите чёрно-белый (или т.н. чёрно-прозрачный) градиент и залейте им маску снизу вверх, немного под наклоном:
Вот что должно после этого получиться — довольно правдоподобное отражение:
15. Начнём создание тени.
Создайте копию слоя с логотипом и разместите её под слоем-оригиналом.
Отключите все эффекты слоя, чтобы фигура стала снова чёрной (для этого кликните правой клавишей на этом слое и выберите пункт Clear Layer Style).
С помощью трансформации (Edit —> Transform —> Distort) трансформируйте фигуру следующим образом:
16. Размойте изображение, применив фильтр Filter —> Blur —> Gaussian Blur:
Вот что должно произойти с тенью:
17. Чтобы картинка выглядела ещё реальней, доработаем тень. Добавим к слою маску и зальём её чёрно-белым градиентом сверху вниз, немного под углом:
А вот что должно у вас получиться:
18. Теперь, чтобы приукрасить логотип, добавим к нему блик.
Выше всех слоёв создайте ещё один слой. После этого зажмите клавишу Ctrl и кликните на панели слоёв по изображению слоя с логотипом, благодаря чему создасться выделение:
19. Теперь выбираем Elliptical Marquee Tool и, зажав Ctrl создаём выделение следующего вида:
20. Выделение должно вырезаться одно из другого. Теперь выбираем Paint Bucket Tool и заливаем выделение белым цветом:
21. Добавляем к слою маску и заливаем её снизу вверх чёрно-белым градиентом:
Вот что мы получим:
22. Теперь обрежим ненужную часть изображения. Для этого выберите Crop Tool, зажмите Shift (чтобы получить квадратное выделение, а не прямоугольное) и обрежите вот так:
23. Сейчас выделите всю картинку (Ctrl + A или в меню: Select —> All), скопируйте всё изображение в буфер обмена (Shift + Ctrl + C или в меню: Edit —> Copy Merged) и вставьте скопированное изображение (Ctrl + V или в меню: Edit —> Paste), разместив полученный слой выше всех слоёв. Уменьшите изображение до размеров 100x100 px:
Вот так оно выгладит в уменьшенном виде:
