Решила написать простенький урок по созданию анимации в Adobe Photoshop CS3, чтобы понять основы, а потом уже сами дойдёте до сложных анимаций.
1. Открываем новый файл и заливаем его Линейным градиентом от цвета 810000 к цвету fd0101, от верхнего правого угла к нижнему левому.
2. Создаём новый слой (внизу окна слоёв есть для этого иконка). Берём готовую кисть цветочного орнамента (любые наборы кистей можно скачать тут), и, используя те же цвета, светлый на тёмной стороне, тёмный на светлой, и делаем такие узоры:
Можно ещё немного украсить фон, опять на новом слое, взять другую кисть с орнаментом и, меняя цвета, но желательно в той же гамме, ставим ещё такие вот отпечатки и меняем прозрачность этого слоя до 50%. В общем, всё украшение фона зависит от вашей фантазии.
3. Добавим сердечки. Я нашла в клипарте такое сердце:
Инструментом Перемещение (Move) перетаскиваем сердце на нашу картинку:
Ну, одного сердца мало, добавим ещё одно, такое же, для этого создаём дубликат слоя (Ctrl+J) и инструментом Перемещение (Move) смещаем второе сердце:
4. Добавим праздничную надпись, можно написать что-нибудь о любви, ну я общую фразу написала «С Днём Святого Валентина!» Как добавить надпись знаете? Берём инструмент «Текст» (Type), он вызывается нажатием клавиши (Т), и пишем текст:
Повыбирайте цвет надписи, можно добавить в Стилях слоя тень.
5. Сейчас нам нужно все слои с фоном и тектовый слой слить вместе (Сtrl+E) или объединить в группу (Ctrl+G), для этого выделяем слои в окне слоёв и сливаем или делаем группу, я просто слила, а если вы планируете ещё как то менять фон или надпись, то лучше объединить в группу, чтобы потом можно было работать со слоями.
И теперь у нас такие слои в окне слоёв:
Тут Фоновый слой, слой с первым сердцем и слой со вторым сердцем.
6. Приступим к анимации. Открываем окно Анимации, идём Окно – Анимация (Window – Animation), откроется вот такое окно:
Нажимаем на иконку создания новых кадров (указана стрелкой) ещё три раза, чтобы у нас было 4 кадра. Первый кадр оставляем таким какой есть, переходим на второй кадр (нажимаем на него левой кнопкой мыши) и в окне слоёв закрываем глаз на одном из слоев с сердцем:
Третий кадр оставляем таким какой есть, с двумя сердцами, переходим на четвёртый кадр. Закрываем там глаз на другом слое с сердцем:
Ну вот, почти всё готово, сейчас выставим время задержки кадра. Сейчас у нас стоит 0 секунд, видите надпись под каждым кадром? Нажимаем на треугольничек рядом с этой надписью и ставим 0,2 сек.(потом можно другое значение выставить, если это не подойдёт). Проделываем это с каждым кадром. Сейчас проверим как работает наша анимация, нажимаем на кнопку «Воспроизведение» (Plays) (указана стрелкой)
Если всё нам понравилось, сохраним нашу анимацию. Но сначала советую сохранить файл в формате PSD, чтобы иметь возможность что-то изменить, если это потребуется. Знаете как сохранить в PSD? Идём Файл – Сохранить как…(File - Save As…) и сохраняем в какую-нибудь папку (лучше завести отдельную папку со всеми вашими файлами в формате PSD).
Всё, теперь идём сохранять анимацию, идём Файл – Сохранить для Web и устройств (File – Save for Wem & Devices), откроется такое окно:
Выбираем формат файла GIF , можно также поизменять разные настройки оптимизации, чтобы уменьшить размер файла, если вам это нужно, так же можно включить проигрывание вашей анимации и ещё раз на неё полюбоваться. Если всё устраивает, то жмём кнопку Save (Записать).
Всё, анимация готова:
Вот ещё один вариант:
Желаю успеха в освоении анимации и приглашаю всех принять участие в нашем конкурсе анимированной валентинки!
