[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Стильный анимированный аватар в фотошопе
Rmk [ Offline ] Дата: Вторник, 12.01.2010, 17:26:47 | Сообщение # 1
Наставник
Сообщений: 370
[ 215 ]
Награды: 4  
1. Создаём новое изображение размером 100x100 пикселей. Создаём новый слой и заливаем его любым цветом (с помощью инструмента Paint Bucket Tool):

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

3. Переходим на вкладку Gradient Overlay и выставим там следующие параметры (красным текстом я написал шестнадцатиричные кода цветов):

4. Жмём Ok и получаем такой фон:

5. Создаём новый слой и нарисуем на нём что-нибудь, напирмер с помощью какой-либо кисточки (кисточку, которую я использовал в уроке, можно скачать в конце урока):

6. Параметр Blend Mode данного слоя изменим с Normal на Overlay (данный параметр изменяется на панеле слоёв Layers в верхнем левом углу):

7. Создадим ещё один слой, зальём любым цветом. Непрозрачность Fill выставьте в 0%. Теперь зайдите в Layer Style на вкладку Pattern Overlay, выберите текстуру ввиде косой штриховки (как она создаётся было рассказано в уроке о создании логотипа (пункт №6) или UserBar'а (в пункте №5) ) и выставьте следующие значения:

Жмём Ok и видим результат:

8. Напишем какой-нибудь текст, например свой ник:

9. Заходим в Layer Styles на вкладку Stroke и выставим следующие значения:

10. На вкладке Gradient Overlay сделаем такой градиент:

11. А на вкладке Outer Glow добавим внешнее свечение:

12. Жмём Ok и получаем такой-вот сияющий текст:

13. Снова создаем новый слой и выполним следующее выделение (для этого можно использовать любой понравившийся вам инструмент для выделения, например Polygonal Lasso Tool):

14. Выбираем инструмент Gradient Tool, выбираем белый цвет и способ заливки с плавным переходом белого цвета в прозрачный, и заливаем им выделение сверху вниз. И в результате мы получим слегка заметный блик (у вас может получиться немного по-другому):

15. Создаём новый слой, заливаем его любым цветом и заходим в Layer Style на вкладку Inner Glow:

16. И на вкладку Stroke:

17. Жмём Ok и получаем такой-вто бордюрчик:

18. Увеличим изображение, быбираем инструмент Polygonal Lasso Tool и не спеша делаем следующее выделение:

19. Зальём его белым цветом:

20. Сейчас нужно зайти в Layer Style и добавить внутреннюю тень (Inner Shadow):

21. Жмём Ok. Должно получиться примерно так, как и у меня:

22. А сейчас создадим новый слой и нарисуем там (по желанию) кирпичики:

23. Напишем над полученным фоном что-нибудь, например название сайта, ваше ICQ или E-Mail:

24. Сейчас добавим несложную анимацию. Для этого нужно перенести изображение в программу Adobe ImageReady (чтобы это сделать в меню File выберите пункт Edit in ImageReady).

На панеле Animation добавьте несколько кадров (мне хватило 14 кадров) — для этого нажмите несколько раз кнопку Duplicates current frame на той же панеле, снизу:

25. Осталось изменить каждый кадр. Делается это так:

Первый кадр мы оставим как есть, сразу кликаем по второму кадру.

Затем на панеле слоёв Layers выбираем слой с ником и заходим в Layer Style, там, на вкладке Outer Glow уменьшите немного непрозрачность свечения (Opacity), жмите Ok:

Переходим на следующий кадр и снова немного уменьшим непрозрачность свечения и делаем так до тех пор, пока свечение не станет еле заметным.

После этого нужно так же постепенно увеличивать непрозрачность. Как это всё сделаете — нужно настроить параметры оптимизации изображения (качество):

Осталось только сохранить наш анимированный аватар. Для этого в главном меню жмём File —> Save Optimized As.... Вот что получилось у меня:

Дополнительно:

Скачать шрифт, используемый в нике — « TempusSans ITC » | ZIP, 52,7 КБ

Скачать шрифт для нижней надписи — « Hooge 05 55 Cyr 2 » | ZIP, 15,2 КБ

Скачать кисточку, используемую в уроке — « Splatteris M1 » | ZIP, 385 КБ

 
Neoxrus86 [ Offline ] Дата: Вторник, 12.01.2010, 18:12:20 | Сообщение # 2
Добрый МОДЕР
Сообщений: 231
[ 213 ]
Награды: 3  
КРУТО! =) для нубов вроде меня очень подробно всё описанно


Больше флэш игр на Portal-Flash.Ru (кликни сюда!)
Те, кого я уважаю:
SToRM
SmaileS
master
RoleX-X
 
ZoLtaN [ Offline ] Дата: Среда, 13.01.2010, 12:12:15 | Сообщение # 3
Ученик
Сообщений: 49
[ 104 ]
Награды: 4  
скажите пожалуйста тут как сделать косую линию,чтобы не искать


[url=http://modensoft.3dn.ru/]Мой сайт[/url]
[url=http://www.mnogo-softa.ru/forum/6-3057-1]Набираю[/url]
 
k1ngSD [ Offline ] Дата: Среда, 13.01.2010, 12:21:18 | Сообщение # 4
Начинающий
Сообщений: 608
[ 85 ]
Награды: 1  
Не очень
 
  • Страница 1 из 1
  • 1
Поиск:
 
 
Последние темы Популярные темы Лучшие флудеры Новые пользователи

Конкурс "Угадай автомобиль"

(79)

Порно С Юной Девкой _952P

(2)

Скачать Трах Пэрис Хилтон _686O

(3)

Баги, ошибки на сайте

(21)

Сделано так как у вас.

(1)

FAQ по uCoz

(6)

Конверты на выписку весна лето от компании Baby Goldfinch

(0)

Здесь заказываем программы,ключи,keygen,patch

(5)

Ваш оператор

(6)

Какую трубу вы бы хотели?

(7)

Общение

(993)

GOLD-аккаунты к другим файлообменникам

(383)

GOLD-аккаунты к Letitbit.net

(233)

GOLD-аккаунты к Vip-file.com

(156)

Поиграем в смайлики

(115)

GOLD-аккаунты к другим файлообменникам

(93)

8-знак

(86)

Конкурс "Угадай автомобиль"

(79)

считаем до 100 и обратно

(77)

Раздача ICQ-номеров!

(61)

SToRm1k

(2948)

-==S_k_i_F==-

(632)

k1ngSD

(608)

mimonetut

(412)

SmaileS

(400)

Kojin

(387)

Rmk

(370)

adrefefex

(357)

}{0TT@БЬ)Ч

(341)

Aldo

(306)

utaletmwec

(23:16:18)

ttaletfzfe

(19:57:44)

ztaletaxuz

(06:59:26)

ctaletkrzs

(06:59:01)

gtaleteljd

(16:47:55)

staletmhfr

(12:49:05)

btaletkokj

(08:58:29)

ukvartirachink

(12:11:40)

etaletcxbm

(07:46:24)

leifwoolnug

(09:15:37)

Новых сегодня:0

 
 
Владельцы и создатели данного сайта не несут ответственность за использование и содержание ссылок и информации, представленных на этом сайте.
Переделка шаблона by SToRM.Сайт оптимизирован для просмотра с разрешением
1024x768, 1280x800, 1280x1024 и 1600x1200 браузером Opera.
PR-CY.ru