Анимация движения облаков

Урок рассказывает о том, как создать красивый анимированный эффект полёта облаков над зданием.

анимамация движения облаков

Шаг 1 Откроем изображение неюоскреба с облаками над ним анимамация движения облаков

Шаг 2 Выделите дом и перенесите выделение (ctrl+J) на новый слой

Шаг 3 Поместите большое изображение облаков, поверх слоя с домом, это потребуется для создания иллюзии движущихся облаков

анимамация движения облаков

Шаг 4 Дублируйте слой с облаком, скопируйте изображение, и отобразите вертикально

анимамация движения облаков

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

анимамация движения облаков

Шаг 6 Вставьте ранее сделаный слой с домом, и используя pen tool создаем прямоугольники на стеклах дома, и заливаем их цветом

анимамация движения облаков

Шаг 7 Используйте для слоя оконных квадратов layer style с настройками

анимамация движения облаков

получится

анимамация движения облаков

Шаг 8 Дублируйте слой с облаками, разместите его выше слоя со стеклом переходим на layer pallet и жмем Ctrl+Alt+G, создавая таким образом маску

анимамация движения облаков

Снизьте opacity до 40%

анимамация движения облаков

Шаг 9 Создайте новый слой черного цвета

анимамация движения облаков

идем в filter-render-lens flare с настройками

анимамация движения облаков

получим блик

анимамация движения облаков

Шаг 10 Перенесем этот блик на слой с домом и поставим режим

анимамация движения облаков

Получится

анимамация движения облаков

Шаг 11 Открываем окно анимации. Тут получается, что верхний слой с облаками движется, а маска облака на стекле копируют движение

анимамация движения облаков

Шаг 12 Дублируем кадр двигая слой с облаками и маску

анимамация движения облаков

Шаг 13 Жмем на tween с настройками

анимамация движения облаков

В итоге

анимамация движения облаков

Шаг 14 Выделите и удалите последний кадр, чтобы получился эффект непрерывного движения

анимамация движения облаков

Сохраните optimized конечный результат

анимамация движения облаков