Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.142.133.41
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Создаём иконку с анимированным смайлом
Сообщение оставлено 17.01.2011 в 08:12:08 | Сообщение #1

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

И так приступим:
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.

 
 
   
Сообщение оставлено 18.01.2011 в 14:52:57 | Сообщение #2
Спасибо кул урок!
 
 
   
Сообщение оставлено 18.01.2011 в 15:05:49 | Сообщение #3
Хороший урок,спасибо
 
 
   
Сообщение оставлено 18.01.2011 в 16:47:24 | Сообщение #4
Mаyzel, хороший урок, как раз нужен. Но думаю, я задалбусь делать иконки со смайлами)
 
 
   
Сообщение оставлено 19.01.2011 в 01:41:26 | Сообщение #5
eDignes, смайлы это ерунда
 
Я вам не нравлюсь? Целуйте в попу - я исправлюсь.
 
   
Сообщение оставлено 19.01.2011 в 08:41:03 | Сообщение #6
PyT1[H], spayder, спс eDignes, ))это точно Kеnt, а че они у тебя в титуле стоят тогда???
 
 
   
Сообщение оставлено 19.01.2011 в 10:06:33 | Сообщение #7
Mаyzel, я имел виду сделать смайлы это ерунда
 
Я вам не нравлюсь? Целуйте в попу - я исправлюсь.
 
   
Сообщение оставлено 19.01.2011 в 11:52:57 | Сообщение #8
Kеnt, почему же???
 
 
   
Сообщение оставлено 19.01.2011 в 12:38:21 | Сообщение #9
Mаyzel, скажи что там токого сложного
 
Я вам не нравлюсь? Целуйте в попу - я исправлюсь.
 
   
Сообщение оставлено 22.01.2011 в 14:05:49 | Сообщение #10
А что мне нравится! biggrin
 

icon - by me
sig - by me

Модератор!
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика