Хочу показать урок с анимацией эффекта «шум»
1. Открываем фотошоп. У меня установлен CS 5
2. Создаем новый файл: Файл – создать
3. Имя файла пишем то какое вам удобно, я указала свой ник в чате
4. Выставляем Ширину и высоту в пикселях, размер тоже тот, который вам нужен, на данный момент 135 на 40
5. Содержание фона: ставим прозрачный
6. Нажимаем ОК)))
7. Выбираем черный цвет, нажимаем заливку и заливаем слой черным цветом
8. Создаем новый слой, на котором сделаем надпись нашего чата (значок с буквой Т), выбрав желаемый цвет.
9. Создаем новый слой и на нем пишем ник, выбираем размер и шрифт надписи. Переместим надпись в нужное для нас место. «Украшая» надпись можно воспользоваться ручными «настройками» надписи, а можно выбрать стили (я качала с интернета стили для фотошопа). Для этого правой кнопки мыши двойным щелчком по слою с надписью «Nyuta».
10. Воспользуемся стилями. Я выбрала один из стилей, который мне понравился для данной надписи, ниже, где стоят галочки, можно для собственного любопытства посмотреть какие параметры выбраны для этого стиля.
11. Вставляем картинку: Файл – открыть – выбираем нашу картинку и ОК.
12. Картинку я выбрала бабочку, для того чтобы ее вставить в граф, у нее нужно убрать белый фон, то есть сделать его прозрачным. Воспользуемся инструментом «волшебный ластик» (правой кнопкой мыши по ластику-там выбираем «волшебный ластик»)
13. Волшебным ластиком «тыкаем» на фон (белый и серую тень), ну и если остануться недочеты-убрать таким же способом. У нас остается одна бабочка.
14. Надо эту бабочку сделать с размером по высоте нашего графа, для этого выбираем: Изображение – размер изображения - ставим высоту 50 пикселей (чуть больше чем высота графа, потому от бабочки есть еще пустое свободно место на картинке)
15. Теперь просто слой с бабочкой перетаскиваем на наш граф
16. Украшаем фон нашего графа кистями (кисти тоже у меня не стандартные, скачанные с интернета). Для этого опять создаем новый слой, можно рисовать кистями на нескольких слоях по детально, чтобы эти детали можно было передвинуть потом по отдельности, если понадобиться. Обвела в кружочки то что делала: выбрала инструмент «кисть», выбрала саму кисть (узор), настроила этот узор размером, поворотом и нарисовала на графе. (надпись и бабочку мы потом подвинем как нужно будет нам).
17. Следующий узор желательно сделать опять на новом слое и все остальное так же, выбираем узор, настраиваем, незабываем о выборе цвета узора.
18. К слою с сиреневым цветочком я добавила обводку (цвет сиреневый, чтобы поярче был, размер 1 пикс.)
19. К слоям с желтыми узорами добавила внешнее свечение.
20. Расставила все по местам, то есть, переместила бабочку к цветочку, надпись немного подвинула. Расставила слои: первый с низу слой черный, потом с желтыми кистями, следующий по наложению сиреневый цветочек, потом бабочка, надпись с ником и надпись с названием чата.
21. Теперь приступим к анимации. Но для начала объединим те слои, на которые будем накладывать «шум». Уберем глазки с ненужных слоев, оставив только те, которые нужно будет объединить. Потом по одному из оставшихся слоем правой кнопкой мышки – вылезет контекстное меню, где надо будет выбрать: объединить видимые.
22. Вот что у нас получилось.
23. Увеличиваем наше изображение, для удобства, и инструментом «Лассо» выделяем на слое с фоном (узовами) те места, где хотим видеть мерцание, при этом удерживаем кнопку Shift на клавиатуре. Вернуть изображение и исходный размер можно щелкнув по лупе 2 раза.
24. Теперь эти выделенные места нам надо скопировать на новый слой, нажимаем ctrl+J и этот слой дублируем еще 2 раза (в общем из 3 слоя будет одинаковых) – правой кнопкой мышки по слою, который надо дублировать – выбрать в контекстном меню – создать дубликат слоя – ОК.
25. Рразмножим кадры, нажимая создать копию кадра – выделила в кружок. Нам нужно 3 кадра.
26. Осталось наложить эффект шума на наши дублированные слои и расставить их по кадрам. Активируем первый слой, где наши выделения для мерцания. Фильтр (сверху) – шум – добавить шум. В открывшимся окне выбираем настройки: По Гауссу, 9. Следующий слой все также, только выбираем уже цифру размера 11, а на третьем слое – 13.
27. Выставляем по кадрам, убираем глазики. Активируем первый кадр (нажимаем на него) и убираем глазки со «слоя 3 копия» и со «слоя 3 копия2». При активном втором кадре глазик ставим на «слое 3 копия», и со «слоя3» и «слоя 3 копия 2» убираем глазики, ну и на третьем кадре оставляем глазик со «слоем 3 копия 2», а со «слоя 3» и «слоя копия» – глазки убираем. Вытсвим время у кадров 0,1 сек нажимаем play для просмотра анимации.
28. Удаляем слой с черным фоном или просто убираем с него глазик (то есть делаем его невидимым)
29. Сохраняем графический ник. Файл – сохранить для web и устройств, смотрим на размер графа, проверьте то, что я обвела в настройках. Если размер превышает 12 К, то надо уменьшить количество цветов (я отметила галочкой на картинке). Сохраняем .
30. Вот готовый графический ник. Надеюсь все было понятно.