|
Анимированный аватар в PhotoShop
|
|
|
Дата: Четверг, 10.09.2009, 12:42 | Сообщение # 1 | |
| | | | | | |
|
Как сделать анимированный аватар в фотошопе — урок по PhotoShop... Дополнительно: Набор кисточек (пригодится)
1. Создаём новое изображение размером 100x100 px:
2. Разблокируем слой или создадим новый.
За тем заходим в Layer Style (для этого кликните правой клавишей по слою и там выберите пункт Blending Options), там переходим на вкладку Inner Shadow и настройте параметры самозатенения следующим образом:
3. За тем на вкладке Stroke настройте обводку:
| | | |
Сообщений: 236
Статус: Offline
| |
| | | | | |
| | | | | | |
|
|
| |
|
|
Дата: Четверг, 10.09.2009, 12:50 | Сообщение # 2 | |
| | | | | | |
|
4. А на вкладке Pattern Overlay выберите текстуру ввиде горизонтальной штриховки (текстура эта не стандартная, как её создавать можно прочитать здесь — 1й и 2й пункты):
Везде жмём Ok и получаем следующий фон:
5. Создайте новый слой, непрозрачность Opacity уменьшите до 50% и какими-либо кисточками что-нибудь нарисуйте (кисточки для PhotoShop можно скачать тут):
6. Снова создайте новый слой, выберите кисточку из набора Silhouette (ссылка на набор в конце урока) и нарисуйте силуэт, например такой:
| | | |
Сообщений: 236
Статус: Offline
| |
| | | | | |
| | | | | | |
|
|
| |
|
|
Дата: Четверг, 10.09.2009, 12:58 | Сообщение # 3 | |
| | | | | | |
|
7. Зайдите в Layer Style и добавьте внешнее свечение (Outer Glow):
Получиться должно вот так:
8. Сейчас напишите какой-нибудь текст, например свой ник, шрифтом чёрного цвета:
9. Буквы, расположенные над силуэтом, закрасьте белым цветом:
| | | |
Сообщений: 236
Статус: Offline
| |
| | | | | |
| | | | | | |
|
|
| |
|
|
Дата: Четверг, 10.09.2009, 13:04 | Сообщение # 4 | |
| | | | | | |
|
10. С помощью Polygonal Lasso Tool выделите половину аватара (по диагонали), создайте новый слой и залейте выделение белым цветом (с помощью инструмента Paint Bucket Tool):
11. Создадим блик. Для этого сразу добавьте к слою маску (нажмите на кнопку Add Layer Mask на панели слоёв):
12. Выберите инструмент Gradient Tool и залейте выделение чёрно-белым градиентом:
Должно получиться вот так:
| | | |
Сообщений: 236
Статус: Offline
| |
| | | | | |
| | | | | | |
|
|
| |
|
|
Дата: Четверг, 10.09.2009, 13:12 | Сообщение # 5 | |
| | | | | | |
|
13. Теперь выберите Ellipse Tool, зажмите клавишу Shift и нарисуйте круг размером раза в два больше чем аватар (в моём примере это круг, вписанный в квадрат со сторонами 277x277 пикселей):
14. Зайдите в Layer Style слоя с кругом и на вкладке Stroke установите примерно следующие значения (размер Size может быть другим — он зависит от размера нарисованного вами круга):
15. Теперь непрозрачность заливки слоя Fill уменьшите до 0%:
Получить мы должны следующую картину:
| | | |
Сообщений: 236
Статус: Offline
| |
| | | | | |
| | | | | | |
|
|
| |
|
|
Дата: Четверг, 10.09.2009, 13:18 | Сообщение # 6 | |
| | | | | | |
|
16. Ну а сейчас перейдём к добавлению анимации в наш аватар. Для этого его нужно открыть в программе ImageReady, чтобы это следать зайдите в меню File и там выберите пункт Edit in ImageReady. В ImageReady передвиньте слой с кружком в самый низ, чтобы он не был виден. Потом на панели с раскадровкой (Animation) создайте новый кадр:
17. На новом кадре слой с кружком немного передвиньте вверх, чтобы он стал немного виден:
18. Снова создайте новый кадр:
| | | |
Сообщений: 236
Статус: Offline
| |
| | | | | |
| | | | | | |
|
|
| |
|
|
Дата: Четверг, 10.09.2009, 13:24 | Сообщение # 7 | |
| | | | | | |
|
19. Передвиньте слой с кружком ещё немного выше (примерно на 4 пикселя):
20. Продолжайте данные операции до тех пор, пока кружок не будет над головой:
21. Сейчас будем расширять наш круг. Ддя этого снова создайте новый кадр, на нём зайдите в Layer Style слоя с кружком, на вкладку Stroke и там уменьшите размер Size до 116 px:
Получится вот так:
| | | |
Сообщений: 236
Статус: Offline
| |
| | | | | |
| | | | | | |
|
|
| |
|
|
Дата: Четверг, 10.09.2009, 13:36 | Сообщение # 8 | |
| | | | | | |
|
22. Снова создайте кадр и уменьшите размер обводки до 112 px:
Получится вот так:
23. Продолжайте повторять последние действия, пока круг не исчезнет из кадра.
Всё. Осталось сохранить нащ анимированный аватар (но ни кто не запрещает его ещё доработать — всё в ваших силах), для этого нажмите File —> Save Optimized As....
Всё! Анимированный аватар готов:
Доступно только для пользователей
| | | |
Сообщений: 236
Статус: Offline
| |
| | | | | |
| | | | | | |
|
|
| |
|
о нас 
ЧаВо
©2009 kavzik, kav103@mail.ru