Баннер с простейшей анимацией

Уроки Photoshop

Рисунок Баннер с простейшей анимацией
Баннер с простейшей анимацией Баннер с простейшей анимацией
оценка: 4.2 из 5
оценок: 5, отзывов: 1

А сегодня у нас весьма кропотливый урок, по созданию баннера с анимацией текста. Приступим.

Для выполнения урока нам понадобятся:

Финальный результат:

Предисловие:

Простой и в то же время красивый баннер, под тематику сайта сделать не так уж сложно. Достаточно заполнить фон баннера фоном сайта и в левую (или правую) часть добавить логотип сайта.

Создаем новый документ 468px ширина и 60px высота.

Уже не плохо, верно? Но как то слишком пустовато. Добавим ка мы часть шапки вправо.

Вот, уже можно наполнять текстом (и анимацией)

Шаг первый:

Пишем наш текст примерно в центре баннера. Я писал tahoma'ой в 12px с настройками bold (жирный шрифт) и без сглаживания. После написания текста применим к нему пару эффектов.

Тень и Наложение градиента

После этого отводим текст за пределы видимости баннера (например вниз) и переходим к следующему шагу.

Шаг второй:

В верхнем горизонтальном меню программы выбираем "Окно" - "Анимация". На первом кадре текста видно не должно быть.

Создаем новый кадр и ровно выводим текст на центр баннера.

Затем выбираем "Создание промежуточных кадров" и ставим значения как на скрине ниже:

Теперь запустим анимацию нажав play. Если Вы все сделали правильно,то текст должен плавно выезжать.

Скорость можно редактировать под миниатюрой слоя в кадре анимации.

Авторство:
Урок подготовил и опубликовал: Андрей Andreshka Алтунин.
Для сайта: szenprogs.ru.

Вы можете присоедениться к моему микроблогу в Твиттере @SzenProgs. Буду благодарен, если оцените мой труд, и щелкните по звездочкам ниже.




Баннер с простейшей анимацией
Уроки Photoshop
Скрипты, инструкции, справочники

rss
Категория:Уроки Photoshop
Просмотрено:6223
Рейтинг:4.2/5
Дата добавления:2011-05-15 16:39, Воскресенье
Добавил:Andreshka
Теги:создать баннер, создаем баннер, баннер сайта, баннер

Мини-форум

№ 02011-05-15 16:39
Andreshka
Аватар участника Andreshka
Здесь вы можете задать вопрос или оставить комментарий по теме "Баннер с простейшей анимацией".
Гость
№ 1
2011-05-28 10:39 Спам
sanyota
Аватар участника sanyota
Спасибо большое. Несколько месяцев искал как сделать нормальную анимацию а не с рисунков (отдельных файлов).
alex
Учавствовать в обсуждении "Баннер с простейшей анимацией" могут только зарегистрированные пользователи.
Реклама
Кнопка портала
Друзья портала
Вакантное место для вашей рекламы!
RSS лента Блога
RSS лента Каталога файлов
RSS лента Новостей
Будьте в курсе событий.
Введите ваш email:

Личный блок
  • Гость портала.
  • Личных данных нет.
Вход на сайт
Регистрация
Опрос
Ваша оценка дизайна
Всего ответов: 1204
Статистика
Valid HTML 4.01 Transitional

Яндекс цитирования



Онлайн всего: 1
Гостей: 1
Пользователей: 0
Портал SzenProgs.ru © 2008 - 2017 · Условия
Администратор и дизайнер портала: Szen
Хостинг от uCoz