|
Урок. Делаем анимированную аватарку
|
|
| Дата: Вторник, 28.12.2010, 15:40 | Сообщение # 1 | |
| В этом уроке попробую объяснить Вам, как я делаю вот такие аватарки
Создаем новый документ, со следующими параметрами:
Получаем вот такой документ:
Открываем картинки, которые хотим добавить на наш аватар. Я возьму вот такие:
Перетаскиваем все 3 картинки на наш аватар, т.к. аватар имеет размер 150х150 пикселей, то картинки, добавляемые на него, в любом случае будут больше. Поэтому, при добавлении картинки не забываем ее уменьшить. Правой кнопкой мыши на картинке, Произвольная трансформация, удерживая клавишу Shift, тянем за угол картинки, и уменьшаем. Для удобства, советую увеличить окно аватара:
Перетащив все 3 картинки, мы получаем, что в документе аватара, у нас теперь 4 слоя, 3 картинки и один пустой слой, самый нижний, на нем сделаем фон:
|
| |
|
|
| Дата: Вторник, 28.12.2010, 15:41 | Сообщение # 2 | |
| Фон можно сделать самим, либо добавить уже готовый, я сделаю сама, простенький фон. Просто залью последний слой, например рыжим цветом:
Теперь переходим собственно к анимации. Анимация делается в Adobe ImangeReady, это приложение которое всегда входит в комплект к Adobe Photoshop. Сохраняем нашу аватарку в Photoshop в формате PSD, и закрываем. Открываем аватарку в Adobe ImangeReady, я это делаю нажав правой кнопкой на документе, Открыть с помощью Adobe ImangeReady:
После открытия аватарки в Adobe ImangeReady, откроется документ, который будет выглядеть вот так:
Если Вы не видите окно анимация и слои, то их нужно открыть:
Я буду делать 3 кадра и на каждом буду писать текст. Вы можете добавить столько слоев и кадров сколько хотите, это уже Ваша фантазия.
Делаю первый кадр, на нем у меня будет фон, Бибомбл, и текст. В окошке анимации, первый кадр у нас уже есть. Нам осталось указать, что на нем будет. Поэтому я выключаю все слои, кроме слоя с фоном и слоя, который будет у меня на кадре:
Теперь пишу текст. На панели слева, выбираю инструмент текст, и пишу, далее можно подкорректировать размер и цвет текста. У меня получилось вот так:
|
| |
|
|
| Дата: Вторник, 28.12.2010, 15:41 | Сообщение # 3 | |
| Обратите внимание, что теперь у меня активны 3 слоя, фон, Бибомбл и тест, они то и будут на первом кадре.
Теперь делаем второй кадр. На панели анимации нажимаем кнопку, Дублировать слой:
Получаем второй кадр. На нем я хочу разместить фон, Бибомбла в шубе Деда мороза и надпись. Поэтому, я создаю еще одну надпись и делаю видимыми эти 3 слоя:
Теперь создаю 3 кадр. Опять дублирую слой. Создаю надпись и делаю активными 3 слоя, фон, надпись и Дидлину:
Все кадры готовы. Теперь нужно зада интервал, с которым кадры будут меняться. Для этого, нажимаем, в окне анимации, на окошко 0 sec, и выбираем нужный нам интервал для каждого слоя, я выберу 0,5 sec:
Все готово, нажимаем на стрелочку воспроизведения, в окне анимации и видим, что у нас получилось. Если все устраиваем, то сохраняем:
Далее выбираем формат gif и жмем Сохранить.
Вот что получилось:
Всем удачи и вдохновения в создании аватарок.
Если у Вас возникли вопросы по этому уроку то задавайте их в этой теме 
|
| |
|
|
|
