Значит сейчас я вас научу делать вот такой аватар I Part - Photoshop 1.Берем любой фон который вы захотите... я свой сам нарисовал...вот он 2.Пишем ник в нашем случае Slek и потом прописываем каждую букву как на образце.Убедитись что каждая буква будет на новом слое и будет совпадать с положением букв на нике. 3.Добавляем эффекты к тексту чтоб он казался объемным.(здесь можно делать произвольно, но в 1 раз лучше по уроку).[Layer-Layer Style or layer style] Drop shadow - оставляем все как было. Inner shadow - изменяем цвет на 144ede. Outher glow - изменяем цвет на becfff. Inner glow - изменяем цвет на 1611f1. Bevel and Emboss - изменяем цвет в Shading-Shadow mode на 4e79e5. Bevel and Emboss-Contour - изменяем на этот. Stroke - оставляем все без изменений. 4.Для оживления картинки добавляем эту белую часть. 5.На этом наша работа в Photoshop законченна.Переходим в ImageReady.[File-Edit in ImageReady or Shift+Cntr+M] II Part - ImageReady 1.Дублируем кадр. 2.На втором кадре делаем все буквы видимыми. 3.В Первом кадре произвольно двигаем каждую букву в любом направлении, как вам захочется.Я же двигал буквы строго вверх или вниз.Для ровного движения букв как у меня, зажмите Shift и передвиньте Буквы за пределы аватара, на любую высоту, чем выше или ниже вы передвините букву, тем быстрее(или медленее) они будет двигаться. 4.После того как вы сделаете 3 пункт - жмем на кнопку Tween. 5.У Вас появится окно, в котором вы должны будете установить количество кадров.(чем больше кадров - медленее анимация и наоборот).Я установил 15. 6.Теперь переходим на последний кадр и устанавливаем задержку.Я Поставил 0.5.Для установки задержки необходимо кликнуть по надписи, где по-началу будет написано 0 sec. 7.Теперь переходим к этапу "Исчезновение Теста".Дублируем кадр с задержкой 0.5 sec., убираем задержку и выставляем видимость каждой буквы на 75%(в следующем кадре 50%, после него 25%, а в последнем просто убираем видимость букв и делаем задержку 0.1 sec.) 8.Наш аватар готов!Идем в File-save optimized as и сохраняем файл в формате .gif Все ссылки ведут на картинки для точного описания действий.
|