Описание:
В этом уроке вы научитесь рисовать иконки для форума с анимированными смайлами .
И так приступим:
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. Откроется окно, в котором выставлены параметры по умолчанию (их изменять не надо) просто нажимаем кнопку "сохранить"
Вот и все! смотрим и радуемся.
Урок by slonik, copyright & copy IGood.