Приветствую вас! Сегодня мы поведём разговор о нечто большем, чем просто изображение. Сегодня мы будем рассматривать то, при помощи чего возможно заставить вашу картинку ожить: заставить плясать на ней куколку, показать, как на фото подмигивает девушка, сделать так, чтобы река на фото ожила, и пустилась дальше по своему течению. Всё это мы с вами сможем сделать если освоим анимацию в Фотошопе.

Многие из вас смотрели Футураму и помнят знаменитую гипнотизирующую лягушку. У той лягушки, которая сама оставалась на месте, странным образом переливались глаза. Вот именно этим мы сегодня и займёмся!

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

Ну раз вы всё поняли, приступим к копированию слоя с картинкой лягушки. Скопировать его можно перетащив миниатюрное изображение в меня “Слои” на соответствующий значок, который находится на этой же панели снизу, и называется “Создать новый слой”. После того как вы копировали изображение с лягушкой на верхнем слое нам нужно немного изменить глаза лягушки. Поскольку её глаза то расширялись, то сужались, нам поможет фильтр “Пластика”. Зайдя в этот фильтр “Фильтр” – “Пластика”, перед вами откроется ваше изображение, только в другом окне. Слева вы увидите новые инструменты. Все инструменты мы не будем сейчас рассматривать, а посвятим это другому уроку, поскольку этот урок у нас посвящён не фильтрам, а анимации. Так вот, для нашей лягушки здесь понадобятся два инструмента, это “Сморщивание” и “Вздутие”. Выбрав тот или иной инструмент, наведите его на глаз лягушки и сузьте или расширьте его. После чего нажмите “Ок” и ваше окно закроется сохранив изменения лягушки. Теперь повторите это действие несколько раз. Расширяйте и сужайте глаза лягушки на новых слоях. Как только это сделаете преступим к следующему заданию.

Теперь, когда количество изображений нашей лягушки достаточно для коротенького фильма на картинке, мы приступаем к созданию анимации. Для начала нам нужно открыть окно “Анимация”. Это можно сделать, открыв меню сверху под названием “Окно” и найти в нём пункт “Анимация”. Поставив рядом с этим пунктом галочку вы увидите, что это окно появилось в вашем рабочем поле Фотошоп. Теперь, когда перед нами появилось окно “Анимация”, мы можем приступить непосредственно к  созданию анимации. В чём состоит суть использования этого окна? Когда вы нажимаете кнопочку “Создать новый слой”, которая точно такая же как и в окне “Слои”, у вас появляется слой с текущим изображением на данный момент. То есть тем изображением, которое показывается у вас в основном окне. Вы, наверное, заметили, что при открытии окна у вас там уже было одно изображение. Это изображение текущего на данный момент окна.  Для начала мы выключим все наши слои с лягушкой и оставим только одно, которое было начальным. И создадим новый слой. На новом слое окажется то изображение, которое у вас находится непосредственно в окне. Поскольку мы все остальные окна закрыли, кроме начального, у нас на новом слое окажется начальное изображение. Предлагаю вам удалить слой который был при включении окна “Анимация”, поскольку это не нужное изображение. Теперь мы включим следующий слой и нажмём кнопочку “Создать новый слой”. Эта последовательность обязательна: сначала открываем слой, потом создаём новый слой. В ином случае у вас на новом слое будет то же изображение которое было текущим в окне при создании нового слоя. И в точно такой же последовательности мы делаем все окне далее. И вот когда все наши окна открыты, я предлагаю вам сделать тоже в обратном направлении, потому что конечное изображение не соответствует начальному, и переход от одного к другому будет резким и будет заметен. Теперь последовательность будет другой. Мы сначала закрываем изображение, а потом создаем новый слой. Когда операция будет завершена нажмите на треугольник в окне “Анимация” и ваша анимация оживёт.

Теперь давайте разберёмся с вопросом: как же сохранять анимацию? Когда вы удостоверились, что ваша анимация в готовом состоянии найдите пункт “Сохранить для Web и устройств”, он находится в меню “Файл” на верхней панели. В открывшимся окне обязательно проверьте что в настройках справа в “Формате оптимизации файла” стоял формат GIF. И нажимаем клавишу “Сохранить”.

Вот мы и справились с оживлением нашей картинки. Теперь наша лягушка действительно гипнотизирует. Теперь вы можете творить волшебство каждый день при помощи Фотошопа. Ведь оживлять рисунки это поистине магия!