• Авторизация


Как создать анимацию в фотошопе? Или плавное появление надписи… 08-02-2015 20:24 к комментариям - к полной версии - понравилось!

Это цитата сообщения Татьяна_Козырева Оригинальное сообщение

Урок 2. Как создать анимацию в фотошопе? Или плавное появление надписи…

[550x400]

 

Сегодня мы обсудим такой вопрос: “Как создать анимацию в фотошопе?”.  Я попробуй дать вам подробную инструкцию по созданию анимации. А в конце предоставлю небольшой видеоурок…

Как создать анимацию в фотошопе?

Как сделать анимацию в фотошопе: что она под собой подразумевает и сложно ли это?

Делать анимацию в фотошопе довольно просто, если знать как ее делать=) Но а если честно, то попробовав один раз, вы все будете делать с закрытыми глазами… Именно в этой статье, под моим четким руководством вы научитесь делать анимацию без каких либо проблем!

Анимация, мы станем настоящими аниматорами?

Наша анимация – это плавное появление надписи, которое мы будем делать с помощью инструмента Анимация в фотошопе, именно этим мы и займемся. Сегодня вы сможете побывать в роли начинающего аниматора=)

Ну что начнем?

Для начала определимся, что нам нужно! А нужен нам фотошоп: не важно какая версия. Можете воспользоваться версией, которой пользуюсь я, скачать можете тут!

 

Открываем программу фотошоп и выводим вкладку анимация на рабочую среду: Окно – Анимация. В моей версии программы эта вкладка называется Шкала времени, поэтому я делаю так (ставим галочку):

[186x400]

В итоге у вас появится вот такая панель внизу:

[455x113]

P.S. Я ее немного обрезал…

Ну а теперь с помощью вкладок Файл – Создать…, или нажатием на клавиши CTRL+N – создаем новый файл. Выставляем размеры, жмем ок и пишем наш текст, с которого будем делать анимацию. У меня вот что получилось:

[250x80]

P.S. Это я немного с деформацией поигрался=)

 

Этот кадр автоматом стает в нашу Шкалу времени, ставим его на скорость 0,1 сек и с помощью Создание копии выделенных кадров создаем еще 10 (это зависит от того как вы будете выставлять прозрачность – дальше посмотрите и все поймете):

[710x135]

P.S. Это уже готовая картинка.

На первом кадре отключаем картинку (нажмите на вторую картинку и в слоях отключите видимость слоя – надпись, и данную картинку перетяните на первое место). В итоге, у меня 10 кадров со скоростью по 0,1 сек, а последний (11 кадр) – 1 сек.

На второй картинке текст должен быть включен, меняем только прозрачность: в слоях правой кнопкой мыши делаем клик по слою с надписью, выбираем вкладку - Параметры наложения…

В Основные параметры – Непрозр. ставим 10%. Такие действия повторяем с каждым кадром, увеличивая прозрачность: второй – 20 %, третий – 30% и т.д., пока не дойдем до 100% – финальный кадр (именно из-за того как вы будете использовать прозрачность зависит количество кадров).

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

Остальные кнопки Шкалы времени я не объясняю: думаю, кнопка play и другие вам знакомы… (чтобы просмотреть, что за кнопка перед вами – просто наведите курсором мыши на нее и у вас перед глазами появится надпись с обозначением)

Вот и все, осталось только сохранить наш небольшой проект под кодовым названием “Анимация в фотошопе!

Как сохранить анимацию в фотошопе?

Для того чтобы сохранить нашу анимацию открываем меню Файл – Сохранить для Web… (Alt+Shift+Ctrl+S):

[319x282]

Выбираем формат Gif (он там уже автоматом стоит) и жмем Сохранить… (выбираем путь сохранения, к примеру – рабочий стол), Все анимация сохранилась=)

[250x80]

P.S. С анимации можно убрать фон – удалив слой “Фон” (но у меня он сливается с шаблоном)

Я думаю, тут и без видеоурока все понятно… Но все равно, как и обещал, вот смотрите:

 

 

http://amplay.ru/uroki-fotoshop/urok-2-kak-sozdat-...ili-plavnoe-poyavlenie-nadpisi

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Как создать анимацию в фотошопе? Или плавное появление надписи… | Dudnichenkoipatova - ТИНА 1953 - МОЙ ЛАРЕЦ с сокровищами,для ВСЕХ желающих | Лента друзей Dudnichenkoipatova / Полная версия Добавить в друзья Страницы: раньше»