Форум чата Новая Городская Легенда

Хочу показать урок с анимацией эффекта «шум»
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. Вот готовый графический ник. Надеюсь все было понятно.