При создании анимированных открыток очень часто применяется такой эффект, как непрерывное движение фона.
При создании анимированных открыток очень часто применяется такой эффект, как непрерывное движение фона.
Например, чтобы создать видимость того, что самолет летит сквозь облака, нужно оставить неподвижным сам самолет, а вот облака и небо на заднем фоне должны перемещаться.
Откройте для себя мир военного антиквариата. Широкий выбор холодного антикварного оружия России, Европы, Японии...
Униформа, полевое снаряжение всех стран, участниц второй мировой войны. И все на сайте antic-war.ru
ШАГ 1.
Подыскиваем подходящие картинки. В данном случае это самолет и облака.
(Для урока можете взять эти же, что и у меня. По щелчку по картинке она откроется в новом окне в полном размере. Картинка самолета в формате png без фона.)
 |
 |
ШАГ 2.
ШАГ 3.
Для того, чтобы облака двигались достаточно медленно, необходимо, чтобы картинка с облаками была намного длиннее по ширине, чем картинка самолета.
Плюс еще важно, чтобы во время того, когда начало картинки и ее конец сменяют друг друга (движение облаков будет циклическим), не было бы видно этого перехода.
Поэтому выполняем следующие действия:
Удлиняем картинку с облаками.Даем команду Изображение - Размер холста (Image - Canvas Size...)
В открывшемся окошке изменяем сначала центр холста, выбираем левый центральный, чтобы холст увеличивался в одну сторону. А затем вводим длину холста в два раза больше исходной. Снизу на картинке видно, что исходная ширина (Width) 600px, а новая ширина 1200px.
 |
 |
Копируем слой с облаками.
Для этого выделяем слой и нажимаем комбинацию клавиш Ctrl+J или даем команду Слой - Дублировать слой (Layer - Duplicate Layer).
Рисунок облаков на верхнем слое передвигаем вправо на свободное место.
Затем разворачиваем его по горизонтали для того, чтобы не было видно место стыка.
Для того, чтобы развернуть картинку, выделяем ее (клавиша Ctrl + щелчок мышкой по картинке на соответствующем слое), нажимаем комбинацию клавиш Ctrl+T, щелкаем по картинке правой кнопкой мыши и в открывшемся меню выбираем пункт Повернуть по горизонтали (Flip Horizontal)
Склеиваем оба слоя. Для этого проще всего выделить верхний слой и нажать комбинацию Ctrl+E, ну или выделить оба слоя и дать команду Слой - Слить слои (Layer - Merge Layers).
В итоге получаем вот такую длинную картинку с облаками:
ШАГ 4.
Приступаем к созданию движения.
Возвращаем исходный размер холста у картинки облаков.
Даем команду Изображение - Размер холста (Image - Canvas Size...) и указываем исходную ширину в 600px.Двигаем картинку так, чтобы совместить левый край холста и левый край картинки с облаками. Лучше пользоваться не инструментом Перемещение (Move Tool) 
, а клавишами управления курсором.
Так как у нас один слой, то и на панели анимации мы увидим всего один кадр.
Добавляем еще один кадр к анимации. На этом кадре сдвигаем картинку с облаками влево, пока не совместим правый край холста и правый край картинки.
Внизу на иллюстрации стрелками показана кнопка создания кадров, новый кадр и правая граница холста и картинки.
Выбираем первый кадр и вставляем промежуточные кадры. У меня их 15. Но можно поставить любое количество, чем больше кадров, тем более плавно плывут облака. Но и вес анимации увеличивается тоже. Надо искать нужную пропорцию между качеством и весом гифки.
Между первым и вторым кадрами вставиться еще 15, то есть второй кадр станет 17. Нам он не нужен больше (16 и 17 полностью совпадают), поэтому удаляем его.Выставляем время смены кадров в 0,1 сек и делаем повторение анимации постоянным (Forever).
В итоге получаем вот такую анимацию движущихся облаков.
ШАГ 5.
Осталось добавить рисунок самолета. Если у вас рисунок с фоном, то фон, конечно же нужно удалить. У меня самолет сразу в формате png с прозрачностью.Поэтому я просто открываю его в фотошопе, затем выделяю все 16 кадров на анимации с облаками (Shift) и вставляю самолет на новый слой.
Вот в принципе и все!
Сохраняем наше произведение следующим способом.
Даем команду:
Файл - Сохранить для WEB и устройств. В открывшемся окне ОБЯЗАТЕЛЬНО выбираем формат GIF и сохраняем с нужным именем.
Узнайте о законодательных ограничениях и правилах времени, в который разрешено проводить ремонтные работы в жилых квартирах, чтобы избежать конфликтов с соседями и штрафов от контролирующих органов.
Сравнение вторичного жилья и новостройки при покупке в ипотеку. Решение о приобретении жилья сегодня может быть осложнено выбором между уже построенными объектами и жилыми комплексами на стадии строительства. 
