В этом уроке вы научитесь рисовать иконки для форума с анимированными смайлами .

И так приступим:

1. Для начала создадим новое изображение размером к примеру 160 x 25px, и закрасим в синий цвет (инструментом заливка).

2. После этого мы нарисуем рамку нашей иконки, делается это так:

создаем новый слой, выделяем нашу иконку (ctrl+A) потом выбираем инструмент (прямоугольная область) клацаем курсором (правой кнопкой) на иконку и выбираем "выполнить обводку"

Далее в открытом окне указываем ширину и цвет нашей рамки (в нашем случаи это ширины 1px и черный цвет), после этого снимаем выделение (ctrl+D) .

3.Чтобы наша рамка была еще красивее и эффектнее мы сделаем двойную рамку, делается это так:
выбираем наш слой с рамкой, клацаем по нем инструментом "волшебная палочка", создаем новый слой, выбираем инструмент "прямоугольная область", и выполняем шаги создания рамки который рассказан в пункте №2.(ток цвет обводки возьмем белый).

И выберем режим наложения для второй рамки "мягкий свет"

4. Потом на иконку мы наложим какой то узор (клацаем правой кнопкой мыши на слой, выбираем пункт "параметры наложения", потом переходим к "наложения узора") и выбираем ему режим наложения "линейный осветлитель".

Вот что должно получится:

5. Какая же иконка без небольшого логотипа сайта (краткое название сайта) и названия группы пользователя (делаем надпись через инструмент "горизонтальный текст")
6. Далее для большего эффекта мы наложим на иконку градиент, а делается это так:
выбираем наш слой фона, копируем его (ctrl+c), и вставляем (ctrl+v). перемещаем в самый верх, устанавливаем значение "заливка" - 0потом "параметры наложения" переходим до "наложение градиента" и ставим в значение "прозрачность 10 или 15" так же по желанию можно подобрать "режим наложения".

7. Ну а теперь приступим к самому интересному, к вставке смайла в иконку.Для начала качаем программу Ulead GIF animator v5 Rus, после откроется окно, в котором клацаем на "открыть существующий файл"

 Ищем наш смайлик, и пересохраняем его в формате psd.

8. Затем заходим обратно в photoshop, открываем наш psd смайлик, затем выделяем похожие слои

И переносим на нашу иконку с помощью инструмента "перемещение"

Далее выбираем в головном меню photoshop -> окно -> анимация

9. И в окне с анимацией открываем меню

Выбираем пункт "создать кадры из слоев"

В окне анимации открылись все наши слои, нам они все не нужны, удаляем лишние оставив лишь кадры смайлика

10. После этого клацаем на первый кадр и указываем видимость всех наших слоев (слои смайлов не трогать) Теперь можем проверить нашу анимационную иконку со смайлом.

11. Если все как и ожидалось можете настроить параметры анимации (параметр цикла - навсегда, и скорость каждого кадра 0сек.) и смело сохранять нашу иконку с анимационным смайликом (файл->сохранить для web и устройств...)

12. Откроется окно, в котором выставлены параметры по умолчанию (их изменять не надо) просто нажимаем кнопку "сохранить"

Вот и все! смотрим и радуемся.