Анимация в программе PhotoShop. Как локализовать анимацию в ограниченной области кадра

2021-04-06

При создании баннера с анимацией или просто анимированного рисунка порой возникает необходимость локализовать анимацию в пределах определенной ограниченной области.

Если Вы создаете анимацию в программе PhotoShop, то сделать это несложно. Эта функция позволяет сделать великолепную подборку из ваших фото, или же вы можете обратиться на https://new.fotokartina.com.ua/ и заказать фотокартину. А выглядеть это будет примерно так, как на следующем примере.

Давайте разберемся, как локализовать анимацию в ограниченной области кадра

  • Откройте подготовленный Вами рисунок и разблокируйте задний план. Для этого в палитре Слои выполните двойной левый щелчок по заднему плану и подтвердите предложенное имя в появившемся диалоговом окне. Этот слой станет редактируемым слоем с именем Слой 0.
  • Сделайте копию слоя, назовите эту копию Основной.

Основной слой будет видимым на всех кадрах анимации, а часть Слоя 0 будет служить фоном для локализованной анимации.

  • Прикройте Основной слой в палитре и уменьшите непрозрачность Слоя 0.

Если Вы решите оставить рисунок таким, то сквозь него будет виден фон страницы, на которую Вы эту анимацию поместите. Но Вы можете сами создать белый фон следующим образом.

  • Создайте новый слой под Слоем 0. Для этого зажмите на клавиатуре кнопку ctrl и нажмите левой кнопкой мыши по картинке с загнутым уголком в палитре Слои. Залейте его белым цветом.

Вы заметили, что в Ваш рисунок словно добавили белил?

  • Выберите простой инструмент выделения любой формы (я выбрала прямоугольный) и отрисуйте им в Вашем рисунке на Основном слое окно для того, чтобы локализовать анимацию именно в нем. После этого нажмите на клавиатуре кнопку del (delete). Снимите выделение.

Видите, у Вас получилось окно, сквозь которое виден Слой 0. Именно в этом окне и будет локализована анимация. В нашем уроке это будет перемещающийся текст.

  • Откройте файл с подготовленным текстом, скопируйте его в Ваш рисунок и разместите между слоями Основной и Слой 0.

Соберите анимацию:

  • В горизонтальном меню Окно выберите команду Анимация.
  • На первом кадре установите текст (начало) у самой кромки нижней части окна и задержку в 0, 1 – 0, 2 сек.
  • Скопируйте кадр и на этом втором кадре установите текст (последнее слово или фраза) за верхней границей окна (якобы он уже уплыл ха пределы окна).
  • Запросите промежуточные кадры, которые будут расположены между этими двумя. Чем больше количество промежуточных кадров, тем более плавно будет перемещаться Ваш текст. В моем примере их 50.

Сохраните анимацию в формате gif командой Сохранить для Web и устройств.

Назад к разделу

Просмотров: 21