Это цитата сообщения SneznyBars Оригинальное сообщение
Анимация при создании аватара (ч1)
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 и получаем что-нибудь похожее на вот это:
В моём примере вы можете заметить горизонтальную штриховку поверх логотипа. Добавил я её не подумав, а сейчас понял, что при последующем уменьшении изображение (мы же делаем аватар размера 100x100 px) она заметна вообще не будет. Но, если вам интересно как она делается, то прочесть об этом можно тут: урок о создании логотипа.
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. Чтобы картинка выглядела ещё реальней, доработаем тень. Добавим к слою маску и зальём её чёрно-белым градиентом сверху вниз, немного под углом: