<


Делаем анимационный аватар в фотошоп
Сначала теория, а затем потренируемся на примере...

1) С чего нужно начинать, это идея. к примеру хотим мы создать небо со звездочками мигающими, это, пожалуй, наиболее простой пример...

2) открываем ФШ(фотошоп), создаем новый документ. разрешением тем, которым у нас будет анимация, т.е. аватар, или баннер, не имеет значения.
во я примеру создал документ разрешением 150*150px
затем рисуем на нем звездочки. тут уж у кого на что фантазии хватит, я просто возьму кисточку и сделаю несколько точек...

затем создаем еще один слой опять же заливаем черным цветом. т.е тем же, которого был первый слой, и на нем тоже рисуем точки. как на первом, только в других местах желательно, в тоге у нас получилось 2 слоя со "Звездами"

затем нажимаем: "Файл -> редактировать в Image Ready..." или "Shift+Ctrl+M" открывается Image Ready
сниу экрана мы видим полосу, на которой находятся уменьшенные изображения наших слоев, т.е. слоя... но если на него нажать, то в правом нижнем углу в панеле слоев появится изображение этих слоев, двух!

затем выбираем на нижней полоске эту нашу картинку со "Звездами" и нажимаем кнопочку:
"дублировать кадр"(1)

итак, теперь у нас 2 кадра,

дальше нажимаем на второй, и в панели слоев справа делаем первый невидимым, т.е. первую картинку, а вторую видимой
затем нажимаем на полоске кадров на первый кадр. и для него в панеле слоев делаем видимым первую картинку, и невидимой вторую
(видимость и не видимость, кто не знает ставится добавлением или удалением "Глазика" соответственно, глазик этот возле Аттача изображения, (слева), на панели слоев)э
затем задаем сколько каждый кадр будет виден по времени, делается это так: нажимаем на панели с кадрами под каждым из кадров на маленькую стрелочку (2), прямо под ними. откроется выплывающий список, в нем выбираем время сколько кадр будет виден, я помставил 0,5 сек.
нажимаем воспроизвести (3) и смотрим...

дальше, если все устраивает смело жмем: "Файл -> Сохранить оптимизированный как..." или "Ctrl+Shift+Alt+S"
выбираем формат сохранения ".gif" указываем имя, и нажимаем сохранить.


все, наша первая анимация готова
все последующие анимации делаются так же, можно еще таким способом:

2) рисуешь картинки которые тебе надо. т.е. из которых будет состоять сама гифка, хочешь создавай их в Фотошопе, хочешь хоть в Пэинте, пофигу совершено, это уж дело того. кто рисует. да короче любые картинки берешь. которые ужны тебе. делаешь их одного разрешения, желательно, и засовываешь все в одну папочку. потом открываешь ImageReady нажимаешь " файл -> Импорт -> папку как кадры..."
указываешь путь к твоей папке, где картинки лежат. и нажимаешь "ок"
дальше у тебя появится внизу такая полоса, на которой эти картинки только маленькие, типа их иконки. все кадры там лежат как раз, так вот там можно настроить время их смены, т.е. время сколько какая картинка будет времени показана, делается это так:
есть под каждой из этих картинок маленьких (иконок), такое число, по умолчанию "0" так вот, справа от этого числа есть стрелочка вниз. нажимаешь левой кнопочкой на него. и выбираешь время которое каждый кадр будет виден. для каждого кадра задается отдельно, потом еще можно на этой же полосочке удалять ненужные кадры, добавлять новые, и т.д.а потом совсем просто: нажимаешь "файл -> сохранить оптимизированный как..." и там указываешь формат .Gif
и название файла нового. после чего открываешь его и радуешься своим успехам, это был один из самых простых способов работы в ImageReady, освоить его очень просто.
Ну вот в общем то и все, еще есть готовый урок: http://demiart.ru/forum/index.php?showtopic=2592

очень интересный, и красиво получается, вот так вот:
  если интересно. только сначала нужно так просто потренироваться... всем удачи

Автор:Photoshopinka
Добавил: FableMakeR (08.08.2009)
Теги: урок фотошоп, анимация, текст, Аватор | Рейтинг: 0.0/0
 

Уважаемый пользователь,
кликните по одной из ссылок, мы будем вам очень благодарны!

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Сделать бесплатный сайт с uCoz.
©2009 г. Все права защищены FP.
При копировании материалов необходимо наличие прямой индексируемой ссылки на первоисточник.