Форум » Уроки » Урок с Maricca » Ответить
Урок с Maricca
Maricca: Доброе время суток, всем! Говорить красиво и правильно я не умею, мне легче показать))) так что не подсмеивайтесь над неумелыми фразами)))))))
Ответов - 2
Maricca: Хочу показать урок с анимацией эффекта «шум» 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. Вот готовый графический ник. Надеюсь все было понятно.
Эмбрион: В конце немного по другому сделал.
полная версия страницы