• Авторизация


Без заголовка 05-10-2010 17:40 к комментариям - к полной версии - понравилось!

Это цитата сообщения gaki1818 Оригинальное сообщение

Анимированный аватар( урок фотошопа)

Урок про анимированный аватар в PhotoShop


1. Создаём новое изображение размером 100x100 px:


[209x161]


2. Разблокируем слой или создадим новый.


За тем заходим в Layer Style (для этого кликните правой клавишей по слою и там выберите пункт Blending Options), там переходим на вкладку Inner Shadow и настройте параметры самозатенения следующим образом:


[508x444]


3. За тем на вкладке Stroke настройте обводку:


[508x444]


4. А на вкладке Pattern Overlay выберите текстуру ввиде горизонтальной штриховки (текстура эта не стандартная, как её создавать можно прочитать здесь — 1й и 2й пункты):


[508x444]


Везде жмём Ok и получаем следующий фон:


[209x161]


5. Создайте новый слой, непрозрачность Opacity уменьшите до 50% и какими-либо кисточками что-нибудь нарисуйте (кисточки для PhotoShop можно скачать тут):


[209x161]


6. Снова создайте новый слой, выберите кисточку из набора Silhouette (ссылка на набор в конце урока) и нарисуйте силуэт, например такой:


[209x161]


7. Зайдите в Layer Style и добавьте внешнее свечение (Outer Glow):


[508x444]


Получиться должно вот так:


[209x161]


8. Сейчас напишите какой-нибудь текст, например свой ник, шрифтом чёрного цвета:


[209x161]


9. Буквы, расположенные над силуэтом, закрасьте белым цветом:


[209x161]


10. С помощью Polygonal Lasso Tool выделите половину аватара (по диагонали), создайте новый слой и залейте выделение белым цветом (с помощью инструмента Paint Bucket Tool):


[209x161]


11. Создадим блик. Для этого сразу добавьте к слою маску (нажмите на кнопку Add Layer Mask на панели слоёв):


[212x187]


12. Выберите инструмент Gradient Tool и залейте выделение чёрно-белым градиентом:


[261x31]


Должно получиться вот так:


[209x161]


13. Теперь выберите Ellipse Tool, зажмите клавишу Shift и нарисуйте круг размером раза в два больше чем аватар (в моём примере это круг, вписанный в квадрат со сторонами 277x277 пикселей):


[209x161]


14. Зайдите в Layer Style слоя с кругом и на вкладкеStroke установите примерно следующие значения (размер Size может быть другим — он зависит от размера нарисованного вами круга):


[508x444]


15. Теперь непрозрачность заливки слоя Fill уменьшите до 0%:


[212x187]


Получить мы должны следующую картину:


[209x161]


16. Ну а сейчас перейдём к добавлению анимации в наш аватар. Для этого его нужно открыть в программе ImageReady, чтобы это следать зайдите в меню File и там выберите пункт Edit in ImageReady.


В ImageReady передвиньте слой с кружком в самый низ, чтобы он не был виден. Потом на панели с раскадровкой (Animation) создайте новый кадр:


[358x140]


17. На новом кадре слой с кружком немного передвиньте вверх, чтобы он стал немного виден:


[248x189]


18. Снова создайте новый кадр:


[358x140]


19. Передвиньте слой с кружком ещё немного выше (примерно на 4 пикселя):


[209x161]


20. Продолжайте данные операции до тех пор, пока кружок не будет над головой:


[248x205]


21. Сейчас будем расширять наш круг. Ддя этого снова создайте новый кадр, на нём зайдите в Layer Style слоя с кружком, на вкладку Stroke и там уменьшите размер Size до 116 px:


[489x386]


Получиться вот так:


[248x205]


22. Снова создайте кадр и уменьшите размер обводки до 112 px:


[489x386]


Получится вот так:


[248x185]


23. Продолжайте повторять последние действия, пока круг не исчезнет из кадра.


Всё. Осталось сохранить нащ анимированный аватар (но ни кто не запрещает его ещё доработать — всё в ваших силах), для этого нажмите File —> Save Optimized As....


Всё! Анимированный аватар готов:


анимированный аватар в PhotoShop

урок взят здесь

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Без заголовка | murzyak - Дневник murzyak | Лента друзей murzyak / Полная версия Добавить в друзья Страницы: раньше»