Анимация с Photoshop CS3
Почти все пользователи компьютера знают и пользуются программой Adobe Photoshop,но многие не знают,что с помощью Фотошопа можно делать неплохую анимацию для сайта,в основном баннеры.Конечно она уступает по возможностям разработки анимации выполняемой на языке JavaScript или во Flash или в специализированных программах GIF анимации.
Но за то клипы сделанные в Photoshop-e в любом случае будут изображаться во всех браузерах,тогда как JavaScript может быть отключен в компьютере,или не установлены Flash-плагины и пользователь не увидит анимации.
Что бы включить поддержку JavaScript например в Opera включите Настройки>>> Общие настройки >>>Расширенные>>> Содержимое>>> и поставьте галочку рядом с текстом Включить JavaScript. Начиная с версии Photoshop CS3 аниматор встроен в программу.
Рассмотрим основные действия по выполнению баннера
Открываем Adobe Photoshop CS3 и установим фоновый цвет
В меню "Файл" выбираем вкладку "Новый".
В окне "Новый" пишем имя файла,ширину и высоту стандартного длинного баннера 468 x 60 , в разделе "Содержимое фона" выберете "Фоновый цвет" и нажимаем "Да"
Перед вами появится окно
Настроим программу для работы с анимацией.Для этого сверху в меню "Окно" ставим галочки против "Слои","Анимация","История","Параметры".Также у вас должно быть включено "Навигатор","Инструменты","Цвет"
Напишем для баннера к примеру такой текст "Создание рекламного баннера".
В меню"Слой" выбираем "Новый" и далее "Слой".Включаем "Да".
В "Инструментах" включаем кнопку "Т"-текст,в параметрах выбираем
гарнитуру текста(по умолчанию-Arial)и размер шрифта.Переходим на баннер и пишем букву "С".
Выключаем слой 1 с буквой "С" далее повторяем добавление нового слоя,пишем вторую букву "О" и закрываем 2 слой.И так далее повторяем эту операцию до полного написания текста.Дальше в новом слое выбираем инструмент "Кисть" и рисунок листа,переключаем цвет на зеленый, и заполням баннер рисунком.Создаем еще слой и пишем не забывая про слои "Adobe Photoshop CS3"
Теперь устанавливаем время показа каждой буквы.Для этого во временной шкале анимации двигаем ползунки темно-зеленого цвета против буквы.Далее преобразовываем в покадровую анимацию и устанавливаем точное время кадра и частоту показа.
Далее сохраняем анимацию.В меню "Файл" включаем "Сохранить для WEB и устройств." В окне ставим формат GIF и в кнопке "Looping Options" переключаем на непрерывный показ и сохраняем.
Самое важное при работе,не забывать переключение слоев.
Если вы все сделали правильно то у вас должно получиться вот так :
Если у вас что-то выглядит по другому,скорее всего вы неправильно включали слои.
Анимация сделанная в Photoshop.
