О чем думаете?

 -Тэги

Маски аватарки акварель арт афоризмы бродилка видео винтаж все для блога все для компа все для компьютора все для фотошопа гифки гламур глиттеры городской пейзаж девушки декор дети для оформления дневника женские образы женский образ живопись животные здоровье игры иллюстрации иллюстрация интересно интересное картинки картинки для комментариев с кодами для днева картинки для комментов картинки для комментов с кодами картинки с кодами картинки+код картиночки к пасхе + код кисти клип арт клипарт кошки красота куклы кулинария маски. медицина миниатюра молитлослов музыка набор дл коллажа набор для дизайна набор для коллажа надписи для комментариев + код натюрморт натюрморты обои обои на рабочий стол открытки открытки с кодами пейзаж песни плагин плагины полезное полезняшка праздник программа программы птицы разделители рамки рамочки религия рецепт рецепты скрап скрап-набор смайлики стили текстуры уголки украшения . декор урок урок фотошоп урок фотошопа урок фшопа уроки фотошоп уроки фотошопа фильм онлайн фильмы онлайн фильтр фильтры фоны фоны бесшовные фоны для коллажей фото цветы часики для дневничков шрифты эпиграф для дневника-с кодом

 -Рубрики

 -Битвы

Лучшее домашнее животное

Я голосовал за Tan_and_Ann


caramelechka
Голосовать
VS
Tan_and_Ann
Голосовать

Прикиньте, еще есть много других битв, но вы можете создать свою и доказать всем, что вы круче!

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

Воскресенье, 06 Декабря 2009 г. 20:36 (ссылка) + в цитатник

Цитата сообщения FlashStudio

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

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

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

Всё! Анимированный аватар готов:
 
Анимированный аватар
Рубрики:  Урок фотошопа
Теги:  

 

Добавить комментарий:
Текст комментария: показать смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
Подписаться на комментарии
Подписать картинку

Найти дневники