Урок. Делаем анимированную аватарку
|
|
| Дата: Вторник, 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 и жмем Сохранить. Вот что получилось: Всем удачи и вдохновения в создании аватарок. Если у Вас возникли вопросы по этому уроку то задавайте их в этой теме
|
|
|
|
|