«Анимация в фотошопе CS6: хрустальный шар».

Я решил показать вам как можно сделать приятный сюрприз вашим любимым в уроке «Анимация в фотошопе CS6: хрустальный шар». Мы в очередной раз посмотрим как работает анимация в фотошопе, делать мы будем хрустальный шар с вашей любимой фотографией.

Я заранее подготовил изображение хрустального шара, с которым будем работать и  фотографию влюбленной пары, вы же можете использовать вместо нее свои фото.

Приступаем к выполнению урока

Готовим основу

Открываем фото хрустального шара — нажимаем  Ctrl+O, выбираем место на компьютере, где находится картинка, нажимаем «Открыть».

Заходим в палитру слоев — клавиша F7.

Сейчас в палитре только один слой с изображением хрустального шара. Напротив слоя справа стоит замочек, это значит, что слой заблокирован и свободно редактировать его вы не можете. Дважды щелкните по слою, чтобы снять блокировку. Для удобства можете сразу переименовать слой в появившемся окне, например, назвать его «хрустальный шар». Затем нажмите «Ok»

Сейчас нам необходимо выделить и вырезать стеклянную часть шара на новый слой, чтобы в дальнейшем было удобнее работать непосредственно с заменяемой верхушкой шара.

На панели инструментов слева выбираем инструмент перо Pen Tool(P).

Обводим хрустальную часть нашего шара по контуру, при этом, не отпуская мыши, вытягивайте направляющие для каждой опорной точки, чтобы в дальнейшем было удобнее редактировать контур. Если сразу не получилось создать идеальный контур, выберите инструмент Direct Selection Tool (А)(светлая стрелка), выделяйте по одной точки, которые хотите поправить и регулируйте положение контура с помощью касательных.

После того, как закончите создавать контур, щелкните правой кнопкой по выделению и выберите в выпадающем меню «Make Selection «(Образовать выделенную область), радиус ставим 0. После этого контур превратится в мерцающий пунктир, это значит что мы выделили часть изображения и можем теперь работать с выделением.

Теперь выберите на панели инструментов любой инструмент выделения, например, Lasso Tool(L) или Rectangular Marquee Tool(M).

Щелкните правой кнопкой по выделению, в появившемся меню выберите «Layer via cut»(Вырезать на новый слой).

Если вы обратите внимание на панель слоев(F7), теперь в ней стало уже 2 слоя: исходник с основанием шара и слой с хрустальной верхушкой шара.

Добавляем фотографию

Теперь открываем нашу фотографию — Ctrl+O -»Открыть».

Располагаем окно с хрустальным шаром и окно с вашей фотографией рядом, чтобы видеть оба окна.

На самом верху панели инструментов выбираем черную стрелку Move Tool (V).

Делаем активным окно с фотографией, щелкнув по нему. Перетягиваем фотографию в окно с хрустальным шаром.

Сейчас фотография перекрывает картинку с шаром.

Чтобы аккуратно вписать фото в хрустальный шар, поместим курсор в палитре слоев между слоем с фото(3слой) и слоем с верхушкой шара(2слой), зажимаем Alt, курсор поменяет вид, щелкаем мышкой между слоями.

Если вы все сделали правильно, верхушка шара станет маской для вашей фотографии, при этом фото не будет выходить за пределы слоя, который является для него маской. Немного уменьшим непрозрачность слоя с фото, установив значение Opacity в верху палитры слоев на 80%.

Берем инструмент ластик Eraser Tool(E), выбираем стандартную круглую кисть с размытыми краями большого диаметра, чтобы было удобно работать (я взял 70px), немного проходимся по краю фото, чтобы органичнее вписать фото в шар.

Рисуем снег

Создаем новый слой — Ctrl+Shift+N, либо щелкаем по иконке нового слоя внизу панели слоев.

На новом слое рисуем белым цветом снег специальной кистью Brush Tool(B).

Если на лицах или каких-то значимых элементах окажется слишком много снега, пройдитесь ластиком Eraser Tool(E), такой же кистью в этих местах. Также пройдитесь ластиком по краям шара.

Чтобы снег не выходил за пределы шара, в палитре слоев расположите курсор между слоем со снегом и слоем с фото, зажмите Alt и кликните.

Сделайте дубликат слоя со снегом  — Ctrl+J, примените к дубликату слоя маску — зажмите Alt и кликните между слоями.

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

Нажимаем Ctrl+T, приближаем мышку к угловому маркеру, когда стрелка примет круглый двухсторонний вид, поверните немного снег в любую сторону.

После того, как повернете снег, возможно, он опять попадет на лица, тогда просто сотрите ластиком (E) лишнее.

Все готово.

Анимируем снег

Теперь приступаем непосредственно к анимации в фотошопе CS6.

Открываем окно анимации — заходим в меню «Window» -  «Timeline» (Окно — Шкала времени).

Сейчас на временной шкале есть один кадр, он содержит все видимые в данный момент слои.

Давайте временно выключим видимость последнего слоя с дубликатом снега (щелкните по глазу слева от миниатюры слоя в палитре слоев «Layers»).

Таким образом, в первом кадре у нас будут:

1 слой — основа шара,

2 слой -верхушка шара,

3-слой — фото,

и 4 слой -снег.

Создаем новый кадр, щелкнув по иконке внизу временной шкалы. Сейчас в новом кадре содержатся те же слои, что и в первом.

Отключаем видимость первого слоя со снегом, включаем его повернутый дубликат.

Теперь нам нужно повторить такую же последовательность кадров второй раз.

Схематично это будет выглядеть так: А Б А Б, где А — кадр со снегом, Б — кадр с дубликатом снега, повернутый.

Выделяем первый кадр на временной шкале, жмем иконку нового кадра. Новый кадр появится рядом с первым и будет вторым по счету (А А Б), нам его надо передвинуть на третье место, чтобы разные кадры чередовались (А Б А).

Выделяем теперь второй кадр, создаем его дубликат, щелкнув по иконке нового кадра(А Б Б А). Переносим только что созданный кадр на последнее, 4 место. Теперь кадры у нас чередуются.

Теперь настроим длительность кадров и повтор воспроизведения анимации, а также создадим промежуточные кадры.

Выделяем первый кадр на шкале, зажимаем Shift, щелкаем по последнему кадру — выделятся все кадры.

Ставим продолжительность каждого кадра 0.2сек, количество повторов анимации — «Постоянно»(Forever).

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

Выделяем первый кадр на временной шкале, щелкаем по третьей справа иконке внизу временной шкалы. Задаем количество промежуточных кадров 2. Для всех, кроме последнего ключевых кадров ставим значение «Следующий кадр», для последнего «Первый кадр», чтобы замкнуть анимацию. Поступаем таким образом со всеми ключевыми кадрами. Обращаю ваше внимание на то, что промежуточные кадры появляются сразу за ключевым, значит следующий ключевой кадр перемещается от предыдущего на 2 кадра.

Когда закончим создавать промежуточные кадры, запускаем анимацию, созданную нами в фотошопе, нажав на треугольник воспроизведения.

Вот что получилось в результате урока:

Для того, чтобы сохранить анимацию, созданную в фотошопе, заходим в меню «File» — «Save For Web & Devices» («Файл» — «Сохранить для Web»).

Выбираем формат файла для сохранения GIF, нажимаем «Сохранить…», выбираем директорию, куда будем сохранять, жмем опять «Сохранить».

В этом уроке мы посмотрели как создавалась анимация хрустального шара с вашей фотографией  в фотошопе.