Отправляет email-рассылки с помощью сервиса Sendsay

Дизайн сайта - инструмент Бизнеса

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Левитас: Почему Ваш бизнес-сайт не работает?" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Ноябрь 2007   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Автор
Александр Левитас

Статистика

8.318 подписчиков
-17 за неделю
←   Все выпуски   →

Photoshop - трюки и эффекты. Создание анимированного баннера


Здравствуйте уважаемый подписчик!

В этом выпуске мы отвлечемся от теории и рассмотрим работу в Photoshop и ImageReady  на конкретном примере, а именно создадим простой анимированный баннер

Итак открываем Photoshop и создаем новый документ File – New (Ctrl+N) (файл – новый документ)

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

Напишем любой текст на нашем изображении и применим к текстовым слоям свойства стилей.

Щелкните правой кнопкой мыши по интересующему вас слою в палитре слоев (Layer) и в раскрывшемся списке выберите пункт Blending options  (Смешивание вариантов)  Для удобства работы Вы можете отключить неиспользуемые соли сняв изображение глаза напротив слоя в палитре слоёв.

На этом работа в  Photoshop закончена и щелкнув по кнопке Edit in ImageReady (Ctrl+Shift+M) (Прыжок в ImageReady)

Перейдем в программу ImageReady

Отключим видимость первого текстового слоя и при нажатой кнопке Ctrl щелкнем по двум другим слоям. Правой кнопкой мыши вызовем контекстное меню и выберем пункт Merge Layer (склеить слои). Затем  Вызовем Палитру Animation (Анимация)  из меню Window (Окно)

В появившейся палитре мы увидим первый кадр нашей анимации  Зададим для него нужные настройки В палитре слоев Layers сделаем видимым первый слой с надписью www.vdstyle.ru   для следующего слоя  зададим Opacity (Непрозрачность) 0% . Далее воспользовавшись кнопкой  Duplicate New Frame (Дублировать Новый Кадр) создадим новый кадр

И вновь в палитре  Layers зададим  новые настройки для наших слоев

Слой www.vdstyle.ru  Opacity (Непрозрачность) 0%  Второй слой Opacity (Непрозрачность) 100%

Затем перейдем в первый кадр анимации и нажмем кнопку Tween

Появится диалоговое окно  Tween

Жмем ОК. Промежуточные кадры нашей анимации будут рассчитаны автоматически. Ну вот почти и весь пример но не совсем. Снова перейдите в первый кадр  анимации И щелкните мышью на маленькой треугольной стрелке, расположенной ниже миниатюры кадра  Рядом с ней выводится текущее время демонстрации кадра – 0 sec. В раскрывающемся списке выберите  вариант 0.2 sec.

Для четвертого кадра 0.5 sec.  Попробуйте поэкспериментировать и количеством кадров и временем их демонстрации.

Теперь осталось сохранить нашу анимацию.

 

Результат

На этом наш небольшой урок закончен  Мы не касались в нем таких важный тем как Оптимизация анимации Экспорт изображений и других, это темы наших следующих выпусков

Рекомендуем Вам посетить наш сайт http://vdstyle.ru  и заказать  СD, материалы представленные на диске помогут Вам существенно сократить время на изучение программы.

 С уважением  Виктор.

 

 

 
В избранное