Вы вошли как Гость Группа "Гости"Приветствую Вас Гость RSS  
Главная


Форма входа
E-mail:
Пароль:

[Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: _1_, Mystikal, Любанечка  
Весенний Форум. Общение на любые темы » Уроки Photoshop и Image Ready » Уроки ImageReady » Анимированный аватар
Анимированный аватар
ThiefДата: Суббота, 26.01.2008, 11:27 | Сообщение # 1
Знаток
Группа: Пользователи
Сообщений: 150
Репутация: 42
Подарки: 1
Статус: Оффлайн
1. Создаём новое изображение размером 100x100 px:

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

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

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

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

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

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

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....

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


________________________________________________________________________________________________________________________________
Что получилось у меня можно увидеть посмотрев на мою авку:) Спасиб за внимание happy

SketchДата: Суббота, 31.05.2008, 20:12 | Сообщение # 2
Бывалый
Группа: Пользователи
Сообщений: 71
Репутация: -16
Подарки: 0
Статус: Оффлайн
мой аватар мой результат =))))) ваще КРУТЬ biggrin :D
я ток добавил еще движения в сторону =)
автору респект! cool


eLineДата: Суббота, 31.05.2008, 23:10 | Сообщение # 3
V.I.P.
Группа: Проверенные
Сообщений: 964
Репутация: 208
Подарки: 14
Статус: Оффлайн
Sketch, молодец. Смотриться ничего так. Попробуй полоску горизонтальную делать более прозрачной. Используй маску слоя. Блин не очень смотриться. Надпись попробуй обвести черёным цветом толщиной в 1рх в настройках слоя.

- разработка и создание сайтов!
SketchДата: Воскресенье, 01.06.2008, 07:54 | Сообщение # 4
Бывалый
Группа: Пользователи
Сообщений: 71
Репутация: -16
Подарки: 0
Статус: Оффлайн
ОКЕЙ СПАСИБО RED за честность подысправлю ща biggrin

crazy_lenkaДата: Вторник, 03.06.2008, 13:27 | Сообщение # 5
СЛАДКОЕЖКА
Группа: Проверенные
Сообщений: 357
Репутация: 109
Подарки: 4
Статус: Оффлайн
урок отличный!!
спасибо огромное!))

вот что получилось, немного изменила фон, т.к. не нашла как создавать текстуру shy


PR_91Дата: Воскресенье, 08.06.2008, 10:04 | Сообщение # 6
Эксперт
Группа: Пользователи
Сообщений: 763
Репутация: 66
Подарки: 1
Статус: Оффлайн
не получается у меня выделить кругом авик,как в уроке

у меня выделение только внутри видно,потому и не могу дальше сделать sad


You can not kill what you did not create...© Corey Taylor
eLineДата: Воскресенье, 08.06.2008, 12:09 | Сообщение # 7
V.I.P.
Группа: Проверенные
Сообщений: 964
Репутация: 208
Подарки: 14
Статус: Оффлайн
PR_91, сделав круг любых размеров, выбери инструмент Move Tool, далее нажми сочетание клавиш Ctrl+T.

- разработка и создание сайтов!
PR_91Дата: Пятница, 27.06.2008, 17:27 | Сообщение # 8
Эксперт
Группа: Пользователи
Сообщений: 763
Репутация: 66
Подарки: 1
Статус: Оффлайн
вроде вышло happy


You can not kill what you did not create...© Corey Taylor
DMITRIYДата: Пятница, 01.08.2008, 01:09 | Сообщение # 9
Новичок
Группа: Пользователи
Сообщений: 6
Репутация: 1
Подарки: 0
Статус: Оффлайн
урок нечо так, вот собственно моя работа





^-^
FeDoRДата: Среда, 13.08.2008, 11:59 | Сообщение # 10
Завсегдатай
Группа: Пользователи
Сообщений: 129
Репутация: 41
Подарки: 0
Статус: Оффлайн
урааааааааааа



Не забывайте ставить мне + !
Весенний Форум. Общение на любые темы » Уроки Photoshop и Image Ready » Уроки ImageReady » Анимированный аватар
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:

Сегодня к нам заходили:

Мини-чат:


Аватарочка © 2024
Сайт управляется системой uCoz