Делаем анимацию с помощью Фотошопа

Доброго вам дня уважаемые читатели блога Сам себе Seoшник. Сегодня материал моей новой статьи будет посвящен самой популярной программе для корректировки, создания, изменения изображений, а именно о Фотошопе. Но на этот раз я не буду расказывать о самой программе её возможностях и так далее, а по пунктам с картинками поясню, как сделать анимацию. Конечно существуют масса способов как сделать красивую анимированную картинку в фотошопе, но я дам вам один пример, а вы в свою очередь будете сами развиваться и придумывать для себя новые изящные изображения.

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

Как сделать анимацию?

И так, для начала мы создадим надпись. Для этого я использую программу Paint, которая есть в каждом компьютере. Предлагаю сделать на черном фоне слово Photoshop белым цветом

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

Создаем так три фоновых копии нашей с вами записи.

После чего начинаем исправлять каждую копию. Для этого оставляем на одной из копии "глазик"...

... и открываем в настройках "Фильтр" фукцию "Стилизация", затем выбираем "Соляризация".

Дальше клавишами Ctrl + U открываем окно "Цветовой фон", нажимаем на галочку "Тонирование"

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

Если вы все сделали правильно то в окне "Анимация" должны быть четыре кадра.
Чтобы выбрать с какой скоростью кадры сменяли друг друга вы должны выбрать время под каждым кадром.

Вот, что получилось у меня:

Чтобы сохранить получившуюся анимацию, нужно пройти в настройках "Файл" и нажать "Сохранить для Web устройств..."

После чего у вас выйдет окно, в котором нужно указать следующие настройки:

Не забудьте подписаться на обновление, вас ждёт много интересного!

автор: Ловцов Алексей