Добро пожаловать!

Уважаемый Гость, пожалуйста, авторизируйтесь или зарегистрируйтесь!

Регистрация, откроет Вам много новых возможностей, недоступных для гостя, таких как скачивание песен, альбомов, клипов и возможность оставлять свои сообщения на форуме.


Присоединяйтесь ;)




Это окно закроется Секунд

Storm Cheats

Объявление

Коллекция Java скриптов. Библиотека JavaScript в примерах. Прокручивающиеся ссылки

Купить адену на l2.ru:
1kk
10kk
20kk
50kk

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Storm Cheats » Творчество » Обучение Photoshop: Создаем анимированный аватар (gif)


Обучение Photoshop: Создаем анимированный аватар (gif)

Сообщений 1 страница 5 из 5

1

1. Создаём новое изображение размером 100x100 px.
2. Разблокируем слой или создадим новый.
За тем заходим в Layer Style (для этого кликните правой клавишей по слою и там выберите пункт Blending Options), там переходим на вкладку Inner Shadow и настройте параметры самозатенения следующим образом:
http://samouchka.net/uploads/posts/2008-03/thumbs/1205000343_1.png
3. За тем на вкладке Stroke настройте обводку:
http://samouchka.net/uploads/posts/2008-03/thumbs/1205000342_2.png
4. А на вкладке Pattern Overlay выберите текстуру ввиде горизонтальной штриховки:
http://samouchka.net/uploads/posts/2008-03/thumbs/1205000372_3.png
Везде жмём Ok и получаем следующий фон:
http://samouchka.net/uploads/posts/2008-03/1205000343_untitled-1.jpg
5. Создайте новый слой, непрозрачность Opacity уменьшите до 50% и какими-либо кисточками что-нибудь нарисуйте:
http://samouchka.net/uploads/posts/2008-03/1205000331_untitled-2.jpg
6. Снова создайте новый слой, выберите кисточку из набора Silhouette (ссылка на набор в конце урока) и нарисуйте силуэт, например такой:
http://samouchka.net/uploads/posts/2008-03/1205000331_untitled-3.jpg
7. Зайдите в Layer Style и добавьте внешнее свечение (Outer Glow):
http://samouchka.net/uploads/posts/2008-03/thumbs/1205000346_4.png
8. Сейчас напишите какой-нибудь текст, например свой ник, шрифтом чёрного цвета.
9. Буквы, расположенные над силуэтом, закрасьте белым цветом:
http://samouchka.net/uploads/posts/2008-03/1205000376_untitled-5.jpg
10. С помощью Polygonal Lasso Tool выделите половину аватара (по диагонали), создайте новый слой и залейте выделение белым цветом (с помощью инструмента Paint Bucket Tool).
11. Создадим блик. Для этого сразу добавьте к слою маску (нажмите на кнопку Add Layer Mask на панели слоёв).
12. Выберите инструмент Gradient Tool и залейте выделение чёрно-белым градиентом:
http://designarts.ru/lessons/photoshop/25/14.png
13. Теперь выберите Ellipse Tool, зажмите клавишу Shift и нарисуйте круг размером раза в два больше чем аватар (в моём примере это круг, вписанный в квадрат со сторонами 277x277 пикселей).
14. Зайдите в Layer Style слоя с кругом и на вкладкеStroke установите примерно следующие значения (размер Size может быть другим — он зависит от размера нарисованного вами круга):
http://samouchka.net/uploads/posts/2008-03/thumbs/1205000341_5.png
15. Теперь непрозрачность заливки слоя Fill уменьшите до 0%:
http://samouchka.net/uploads/posts/2008-03/1205000384_6.png
Получить мы должны следующую картину:
http://samouchka.net/uploads/posts/2008-03/1205000355_untitled-6.jpg
16. Ну а сейчас перейдём к добавлению анимации в наш аватар. Для этого его нужно открыть в программе ImageReady, чтобы это следать зайдите в меню File и там выберите пункт Edit in ImageReady.
В ImageReady передвиньте слой с кружком в самый низ, чтобы он не был виден. Потом на панели с раскадровкой (Animation) создайте новый кадр.

17. На новом кадре слой с кружком немного передвиньте вверх, чтобы он стал немного виден.
18. Снова создайте новый кадр.
19. Передвиньте слой с кружком ещё немного выше (примерно на 4 пикселя).
20. Продолжайте данные операции до тех пор, пока кружок не будет над головой.
21. Сейчас будем расширять наш круг. Ддя этого снова создайте новый кадр, на нём зайдите в Layer Style слоя с кружком, на вкладку Stroke и там уменьшите размер Size до 116 px.
22. Снова создайте кадр и уменьшите размер обводки до 112 px.

23. Продолжайте повторять последние действия, пока круг не исчезнет из кадра.
Всё. Осталось сохранить нащ анимированный аватар (но ни кто не запрещает его ещё доработать — всё в ваших силах), для этого нажмите File —>Save Optimized As....
Всё! Анимированный аватар готов:
http://samouchka.net/images/aumn_avatar.gif

0

2

GIFRON написал(а):

1. Создаём новое изображение размером 100x100 px.
2. Разблокируем слой или создадим новый.
За тем заходим в Layer Style (для этого кликните правой клавишей по слою и там выберите пункт Blending Options), там переходим на вкладку Inner Shadow и настройте параметры самозатенения следующим образом:

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

4. А на вкладке Pattern Overlay выберите текстуру ввиде горизонтальной штриховки:

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

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

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

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

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

10. С помощью Polygonal Lasso Tool выделите половину аватара (по диагонали), создайте новый слой и залейте выделение белым цветом (с помощью инструмента Paint Bucket Tool).
11. Создадим блик. Для этого сразу добавьте к слою маску (нажмите на кнопку Add Layer Mask на панели слоёв).
12. Выберите инструмент Gradient Tool и залейте выделение чёрно-белым градиентом:

13. Теперь выберите Ellipse Tool, зажмите клавишу Shift и нарисуйте круг размером раза в два больше чем аватар (в моём примере это круг, вписанный в квадрат со сторонами 277x277 пикселей).
14. Зайдите в Layer Style слоя с кругом и на вкладкеStroke установите примерно следующие значения (размер Size может быть другим — он зависит от размера нарисованного вами круга):

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

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

16. Ну а сейчас перейдём к добавлению анимации в наш аватар. Для этого его нужно открыть в программе ImageReady, чтобы это следать зайдите в меню File и там выберите пункт Edit in ImageReady.
В ImageReady передвиньте слой с кружком в самый низ, чтобы он не был виден. Потом на панели с раскадровкой (Animation) создайте новый кадр.
17. На новом кадре слой с кружком немного передвиньте вверх, чтобы он стал немного виден.
18. Снова создайте новый кадр.
19. Передвиньте слой с кружком ещё немного выше (примерно на 4 пикселя).
20. Продолжайте данные операции до тех пор, пока кружок не будет над головой.
21. Сейчас будем расширять наш круг. Ддя этого снова создайте новый кадр, на нём зайдите в Layer Style слоя с кружком, на вкладку Stroke и там уменьшите размер Size до 116 px.
22. Снова создайте кадр и уменьшите размер обводки до 112 px.
23. Продолжайте повторять последние действия, пока круг не исчезнет из кадра.
Всё. Осталось сохранить нащ анимированный аватар (но ни кто не запрещает его ещё доработать — всё в ваших силах), для этого нажмите File —>Save Optimized As....
Всё! Анимированный аватар готов:

кульно , но где его взять ? =)

0

3

купить или скачать....  :sceptic:

0

4

над попробывать)

0

5

Можно увеличить скрины или перезалить?

0


Вы здесь » Storm Cheats » Творчество » Обучение Photoshop: Создаем анимированный аватар (gif)