Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
В этом уроке вы научитесь рисовать иконки для форума с анимированными смайлами. И так приступим: 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. Откроется окно, в котором выставлены параметры по умолчанию (их изменять не надо) просто нажимаем кнопку "сохранить" Вот и все! смотрим и радуемся.
В этом уроке вы научитесь рисовать иконки для форума с анимированными смайлами. И так приступим: 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. Откроется окно, в котором выставлены параметры по умолчанию (их изменять не надо) просто нажимаем кнопку "сохранить" Вот и все! смотрим и радуемся.
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. Откроется окно, в котором выставлены параметры по умолчанию (их изменять не надо) просто нажимаем кнопку "сохранить" 
Вот и все! смотрим и радуемся. 
