Магия Фотошопа

Объявление


Последние новости на форуме !!!
Задание в мини-школе - Чистка заднего фона!
Ищем нового модератора в ОДНОКЛАССНИКАХ!!!!!!
Будь в курсе наших новостей - Рассылка форума !!!


Пользовательского поиска

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Магия Фотошопа » Анимация » * Урок - Анимированный аватар. Мигающие буквы


* Урок - Анимированный аватар. Мигающие буквы

Сообщений 1 страница 2 из 2

1

http://s47.radikal.ru/i116/0807/de/8b1081a04db2.gif

1.Подберите картинку, которая будет вашим аватаром, откройте ее в фотошопе, обработайте ее, если надо, не забудьте сделать ее правильного размера, т.к. аватары имеют ограничение по размерам.В среднем допустимые размеры аватаров на сайтах примерно 100*100 px.

2. сделайте надпись поверх вашей картинки, ставя каждую букву в отдельный Layer. для того, чтобы аватар "мигал" разными цветами, нужно создать стольк новых Layеrs одной и той же букры, сколько цветов она будет менять и в каждом изменить цвет на нужный.
В моем варианте у меня каждая буква будет менять три цвета, меню с Layers будет выглядеть вот так, и вот акая у меня картинка.

http://s47.radikal.ru/i118/0807/b6/4a865c153edft.jpg   http://s48.radikal.ru/i120/0807/b4/0b3998a6d380t.jpg

3.Когда картинка выглядик, как вы пожелаете выполняем слдующий шаг: идем Menu- Edit in EmageReady и кликаем на эту опцию меню.
http://s57.radikal.ru/i156/0807/7b/f578dd69d27ft.jpg

4. Автоматически должен открытся ImageReady и выглядит это примерно так:
http://s53.radikal.ru/i140/0807/49/ae15ae07cff5t.jpg
T.e. все перенеслось  в ImageReady, все слои и кратинка.

5. теперь нужно размножить нашу картинку, чтобы сделать анимацию.
Внизу, где стоит одна картинка в окошке Animation , кликните на кнопку Tween (на нее показывает синяя стрелка на картинке) Если эта кнопка не активна, т.е. на нее нельзя кликнуть, то кликните не соседнюю справа от нее  Duplicates current frame ( на нее показывает красня стрелка) Рядом с существующей картинкой появится ее точная копия. Теперь посчитайте сколько картинко вам надо (я меню Layers посчитайте колличество всех букв, елси вы ошибетесь, то ни чего страшного картинки можно будет добавить или убрать). теперь нажмите на кнопку Тween (она должна быть активной) в меню появится возможность впечатаь нужное колличество копий, которой вам надо, минус 2, которые уже есть. вот что должно получится:
http://s50.radikal.ru/i128/0807/31/df6f7cf01f6ct.jpg

6. Teперь можно занятся и буквами. На моей картинке видно, что в каждом новом фрейме цвет у букв меняется. Под каждок картинкой есть маленькая стрелочка выпадающего меню и редом стоит  цифра 0.1 , измените ее на 0.2 в каждом фрейме.
Чтобы моя бувка "R"стала красного цвета я меню Layer я сделал видимой ее только там, где она красная, остальное ни чего не трогала.

http://s44.radikal.ru/i106/0807/31/a2e9a4ca24e9t.jpg

в каждом последующем фрайме я делала букву "R"красной и добавляла еще одну красную ,так постепенно получилось все краснов слово. Чтобы посмотреть как это будет выглядет нажмите на кнопочку Play под фреймами. Тепврь все тоже постррите с желтым цветом и от желтого с фиолетовому. Проверте, устриваете ли вас скорость смены картинок, елси нет - измените. Вот что получилось у меня в окошке animation
http://s57.radikal.ru/i157/0807/bb/a67cc2d123a7t.jpg

8. Когда вы совершенно довольны как буквы менют цвет, выполняете этот шаг: File- Save Optimizes As... и сохраняете.

http://s54.radikal.ru/i146/0807/f2/6abd590f9d05t.jpg

в моем случаи получилось вот это, это смамя простая амнимация, но с ней можно поиграть и сделать достаточно много эффектов, посдвигать  буквы, чтоб они подпрыгивали или еще что угодно.
Удачных вам аватарок!

http://s47.radikal.ru/i116/0807/de/8b1081a04db2.gif

Отредактировано KrasotkaDJo (2008-10-28 16:02:05)

+3

2

8. "...в моем случаи получилось вот это, это смамя простая амнимация, но с ней можно поиграть и сделать достаточно много эффектов, посдвигать  буквы, чтоб они подпрыгивали или еще что угодно."  :) спасибо

0


Вы здесь » Магия Фотошопа » Анимация » * Урок - Анимированный аватар. Мигающие буквы