Часть 2. Анимация НЛО.

  Часть1 я делала на всём фото размером 1024 на 768 пкс., для анимации я уменьшила размер изображения до 500 на 375 пкс., чтобы вес конечного файла был не очень большим. Уменьшаем так: Изображение – Размер изображения ( Image – Image Size ) и ставим нужные размеры.

Теперь начнём:

1. Идём на слой «Задний план» нашей, созданной в первой части, картинки. Дублируем этот слой ( Ctrl + J ). Напомню, что у нас вот такие слои сейчас:

2. Щёлкаем ещё 14 раз ( Ctrl + J ) и создаём 14 слоёв, назовём их 1,2,3 и т.д.

3. Переходим на слой «Шар» и щелкаем на иконке , внизу окна Слои ( Layers ), чтобы добавить маску слоя.

4. Выбираем инструмент «Овальная область»( Elliptical Marquee Tool ) (М) и рисуем овал таким образом, чтобы основание эллипса проходило примерно на 10 пкс. ниже центра волны.

5. Сейчас выбираем инструмент «Прямоугольная область»( Rectangular Marquee Tool ) (М), на панели опций инструмента, нажимаем на иконку «Добавить к выделению» ( Add to Selection )

И рисуем квадрат, чтобы захватить верхнюю часть рисунка, получится вот такое фигурное выделение:

6. Идём Выделение – Инверсия ( Select – Inverse ) ( Ctrl + Shift + I ),выделение изменится:

Далее нажимаем клавишу D , затем клавишу Х, чтобы установить белый цвет фоновым цветом на панели инструментов, и заливаем нашу область, на рисунке мы не заметим изменений, они появятся в окне Маски на слое «Шар».

Снимаем выделение ( Ctrl + D ).

7. Удалим связь шара и Маски, нажав мышкой на значок их связи:

8. Правой кнопкой мыши щёлкаем на окне Маски и выбираем «Добавить слой-маску к выделенной области (Add layer mask to selection). Инвертируем выделение ( Ctrl + Shift + I ).

9. Переходим на слой «Отражение» и нажимаем на иконку , внизу окна Слои ( Layers ), чтобы добавить маску слоя к слою «Отражение». Убираем связь между окном Маски и Отражением.

Вот так будут выглядеть слои "Шар" и "Отражение" в окне Слои:

Сейчас переходим к составлению кадров для анимации.

10. Кадр1:

Щелкаем на окне Шара в слое «Шар» и инструментом «Перемещение» ( Move ) ( V ) сдвигаем шар вниз, чтобы он выглядывал из маски примерно на 10 пкс.

Щелкаем на окне Отражения в слое «Отражение» и инструментом «Перемещение» ( Move ) ( V ) сдвигаем отражение вверх, чтобы оно выглядывало из маски примерно на 5 пкс. и располагаем его в соответствии с шаром.

И, ещё такой совет, для каждого кадра, желательно изменять волны фильтром «Зигзаг», чтобы картинка получилась более реалистичной.

Сейчас самое основное: щёлкаем с нажатым Ctrl на слои «Отражение», «Шар» и «1» и нажимаем сразу 4 клавиши: Ctrl + Shift + Alt + E . У нас образовался Слой1 со сконструированной нами картинкой. Он должен встать на самый верх в окне Слои ( Layers ) и закрываем на нём глаз .

Кадр 2:

Щелкаем на окне Шара в слое «Шар» и инструментом «Перемещение» ( Move ) ( V ) сдвигаем шар вверх нажав 2 раза на клавиши Shift +стрелка «Вверх».

Щелкаем на окне Отражения в слое «Отражение» и инструментом «Перемещение» ( Move ) ( V ) сдвигаем отражение вниз, и располагаем его в соответствии с шаром.

Щёлкаем с нажатым Ctrl на слои «Отражение», «Шар» и «2» и нажимаем: Ctrl + Shift + Alt + E . У нас образовался Слой2 со сконструированной нами картинкой. Ставим его на самый верх в окне Слои (Layers) и закрываем на нём глаз .

Таким образом, делаем 8 – 10 кадров, пока шар не поднимется над водой.

11. Откроем окно Анимации, заходим Окно – Анимация ( Window – Animation ) и начинаем выстраивать кадры. Первым кадром ставим Слой1, у остальных слоёв должен быть закрыт глаз, затем нажимаем на иконку , она дублирует кадр, и закрываем глаз на Слое1, открываем его на Слое2, так выставляем все готовые у нас слои.

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

И, когда шар улетел, для оживления водной глади можно выставить поочерёдно кадр с копией заднего плана, где вода без волн и кадр со слоями «Задний план» и «Волны».

Выставляем кадрам без шаров время смены кадра – 0,5 сек, а остальным – 0,1 сек.

12. Ну и последнее. Переходим в Image Ready (кнопка, внизу окна инструментов) и идём Файл – Сохранить оптимизированный как…( File - Save Optimized As ), и сохраняем документ в формате gif . И вот так должно получиться:

Источник урока взят с сайта DevelopingWebs.

Перевод: Любовь.

Обсудим этот урок на Форуме.