Сегодня мы обсудим такой вопрос: “Как создать анимацию в фотошопе?”. Я попробуй дать вам подробную инструкцию по созданию анимации. А в конце предоставлю небольшой видеоурок…
Как сделать анимацию в фотошопе: что она под собой подразумевает и сложно ли это?
Делать анимацию в фотошопе довольно просто, если знать как ее делать=) Но а если честно, то попробовав один раз, вы все будете делать с закрытыми глазами… Именно в этой статье, под моим четким руководством вы научитесь делать анимацию без каких либо проблем!
Анимация, мы станем настоящими аниматорами?
Наша анимация – это плавное появление надписи, которое мы будем делать с помощью инструмента Анимация в фотошопе, именно этим мы и займемся. Сегодня вы сможете побывать в роли начинающего аниматора=)
Ну что начнем?
Для начала определимся, что нам нужно! А нужен нам фотошоп: не важно какая версия. Можете воспользоваться версией, которой пользуюсь я, скачать можете тут!
Открываем программу фотошоп и выводим вкладку анимация на рабочую среду: Окно – Анимация. В моей версии программы эта вкладка называется Шкала времени, поэтому я делаю так (ставим галочку):
В итоге у вас появится вот такая панель внизу:
P.S. Я ее немного обрезал…
Ну а теперь с помощью вкладок Файл – Создать…, или нажатием на клавиши CTRL+N – создаем новый файл. Выставляем размеры, жмем ок и пишем наш текст, с которого будем делать анимацию. У меня вот что получилось:
P.S. Это я немного с деформацией поигрался=)
Этот кадр автоматом стает в нашу Шкалу времени, ставим его на скорость 0,1 сек и с помощью Создание копии выделенных кадров создаем еще 10 (это зависит от того как вы будете выставлять прозрачность – дальше посмотрите и все поймете):
P.S. Это уже готовая картинка.
На первом кадре отключаем картинку (нажмите на вторую картинку и в слоях отключите видимость слоя – надпись, и данную картинку перетяните на первое место). В итоге, у меня 10 кадров со скоростью по 0,1 сек, а последний (11 кадр) – 1 сек.
На второй картинке текст должен быть включен, меняем только прозрачность: в слоях правой кнопкой мыши делаем клик по слою с надписью, выбираем вкладку - Параметры наложения…
В Основные параметры – Непрозр. ставим 10%. Такие действия повторяем с каждым кадром, увеличивая прозрачность: второй – 20 %, третий – 30% и т.д., пока не дойдем до 100% – финальный кадр (именно из-за того как вы будете использовать прозрачность зависит количество кадров).
Также, в Параметрах наложения можете попробовать использовать дополнительные фишки (просто нужно поставить галочку и результат перед вами).
Остальные кнопки Шкалы времени я не объясняю: думаю, кнопка play и другие вам знакомы… (чтобы просмотреть, что за кнопка перед вами – просто наведите курсором мыши на нее и у вас перед глазами появится надпись с обозначением)
Вот и все, осталось только сохранить наш небольшой проект под кодовым названием “Анимация в фотошопе“!
Для того чтобы сохранить нашу анимацию открываем меню Файл – Сохранить для Web… (Alt+Shift+Ctrl+S):
Выбираем формат Gif (он там уже автоматом стоит) и жмем Сохранить… (выбираем путь сохранения, к примеру – рабочий стол), Все анимация сохранилась=)
P.S. С анимации можно убрать фон – удалив слой “Фон” (но у меня он сливается с шаблоном)
Я думаю, тут и без видеоурока все понятно… Но все равно, как и обещал, вот смотрите:
http://amplay.ru/uroki-fotoshop/urok-2-kak-sozdat-...ili-plavnoe-poyavlenie-nadpisi