Меню сайта
Разделы дневника
Спецэффекты [3]
Уроки анимации [1]
Компьютерная графика [1]
Дизайн [2]
Обработка фотографий [0]
Эффекты с текстом [0]
Видео уроки [1]
Мини-чат
200
Наш опрос
Что добавить на сайт?

Результат опроса Результаты
Все опросы нашего сайта Архив опросов
Всего голосовало: 17
Обсудить на форуме
Главная » 2009 » Февраль » 22 » Анимационный баннер
Анимационный баннер
12:29

В этом Фотошоп уроке будем создавать анимационный баннер для сайта.

1. Создайте новый документ нужных вам размеров. Размеры нашего баннера будут 380х50 px.

2. Разместите на ваш документ фоновую картинку, которая будет статичной.

3. Напишите текст.

Если текст состоит из нескольких строчек, то напишите каждую строчку на новом слое.

4. Встаньте на первый текстовый слой.
Кликните в палитре слоев на кнопочку "Добавить маску слоя"
Возьмите инструмент , выделите текст.

Затем нажмите Ctrl+Alt+D, чтобы сделать легкую растушевку, установите значение 2 px.
Теперь установите черный цвет, возьмите Заливку  и залейте выделение при активной маске. Выделение должно оказаться белым.
Ctrl + D - снимите выделение.

Те же самые действия повторите с другими текстовыми слоями.

Вот как будет выглядеть ваша палитра слоев.

Найдите изображение подобное моим карандашам - они будут открывать слова.

Перейдите в Image Ready.

Для первого кадра закройте глазики у текстовых слоев и переместите карандаши в то место, где начинается первая фраза. У меня это "Видео-уроки..."

Нажмите на кнопочку "Дублировать кадр"

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

Кликните по маске, чтобы сделать ее активной.

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

Старайтесь в этом уроке для перемещения пользоваться именно стрелками!!!


Нажмите на кнопочку "Размножить"  и в окошке установите количество кадров 10 шт.

Дублируйте последний кадр и спрячьте слой с карандашами.

А теперь повторяем все вышеописанные действия еще для двух текстовых слоев. Открываем карандаши, переносим на начало фразы, скрываем первый текстовый слой, затем открываем второй и т.д.
Если что забыли, смотрите выше.

У меня в итоге получилось 38 кадров. Время я поставила по 0,1 сек

Теперь Файл - Сохранить оптимизированный как..., сохраните в формате GIF.

Вот, что у меня получилось (немного сокращенный вариант)


Категория: Дизайн | Просмотров: 536 | Добавил: Темыч | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Календарь
«  Февраль 2009  »
ПнВтСрЧтПтСбВс
      1
2345678
9101112131415
16171819202122
232425262728
Поиск
Друзья сайта
Все Сайт Болельщиков Баварии Мюнхен //loadsoft.ucoz.net/ igrozona
Статистика

Всего на сайте: 1
Гостей: 1
Пользователей: 0
Copyright MyCorp © 2024
Конструктор сайтов - uCoz