Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Анимированная валентинка

Alex | 7.03.2014 | нет комментариев

В этом уроке показано, как создать анимированную валентинку. Вот, что у нас получилось.

Создайте новый документ размером 400х400 пикселей. Залейте фон цветом # d9f9f7. Возьмите Custom Shape Tool и выберите фигуру heart card. Нарисуйте сердечко красным цветом.

Двойной щелчок по слою и примените следующие стили слоя.

Таким же образом нарисуйте еще одно сердце и примените к нему те же стили слоя.

Добавим текст. Создайте новый слой и выберите Text Tool. Выберите красивый шрифт (я использовала шрифт Boyarsky размером 18 pt цветом #ff0000) и напишите текст.

Я решила немного поэкспериментировать с фоном и добавила белые поцелуйчики, нарисованные кистью on_thin_air_lipstickiss14.

Валентинка готова. Теперь добавим анимацию. Идем в Image Ready (Ctrl+Shift+M).
В первом кадре видимым будет только первое сердечко и фон, во втором – к этому прибавится верхний текст, в третьем – нижний текст, а в четвертом будут все слои видимыми.

Теперь выберите первый кадр и нажмите кнопку tweens animation frame. Установите количество промежуточных кадров 5.

Также добавьте промежуточные кадры после второго и третьего оригинального кадра. Всего у вас получится 19 кадров.
Поэкспериментируйте со временем задержки. Вот мой конечный результат.

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB