Сегодня 20.09.2018

На Go-Vegas.ru вы можете скачать всё интересующие вас для cs. У нас есть Карты CS 1.6, Читы Cs 1.6, Плагины cs 1.6 и многое другое. Так же у нас есть Шаблоны uCoz, Скрипты uCoz. Еще у нас есть Читы для Css, Читы для WoW, Читы для RF-Online, Читы для CoD4, Читы для CoD7, Читы для Point Blank. Интересные статьи CS 1.6.
Главная »
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Комната Дизайнера » Уроки Photoshop » [Урок] Иконки групп для форума с анимированными смайлами
[Урок] Иконки групп для форума с анимированными смайлами
LostUndeadДата: Среда, 23.03.2011, 12:18 | Сообщение # 1


Сержант
Сообщений: 31
Награды: 0
[ 2 ]
В этом уроке вы научитесь рисовать иконки для форума с анимированными смайлами. И так приступим: 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. Откроется окно, в котором выставлены параметры по умолчанию (их изменять не надо) просто нажимаем кнопку "сохранить" Вот и все! смотрим и радуемся.
Форум » Комната Дизайнера » Уроки Photoshop » [Урок] Иконки групп для форума с анимированными смайлами
  • Страница 1 из 1
  • 1
Поиск: