Как создать анимированный баннер (Gif ) для лендинг бота в Photoshop

Семь пошаговых действий с примерами

Создайте новый документ (Ctrl + N) с размерами файла 700 х 280 пикселей. В новый документ любым удобным для вас способом добавляем изображение, которое будет являться фоном баннера.

• Шаг 2

Добавляем на наш баннер текст или же картинки, которые у нас будут появляться\передвигаться, создавая тем самым анимацию. Например, для добавления текста необходимо выбрать на панели инструментов «Горизонтальный текст».

• Шаг 3

Добавляем текст, который мы хотим анимировать — каждую фразу отдельно!

• Шаг 4

После того, как мы добавили всю необходимую информацию, открываем временную шкалу. Для этого идём в меню Окно – Шкала времени (Window > Timeline). В нижней части рабочей области у нас откроется шкала времени, на которой будет один кадр — текущее состояние нашего баннера.

• Шаг 5

В редакторе слоев снимаем видимость (убираем «глаз») со всех элементов, кроме тех, которые нам нужны на первом кадре нашей анимации. В Шкале времени нажимаем на кнопку «Создании копии выделенных кадров», переходим на второй кадр и в редакторе слоев убираем видимость со всех ненужных слоев.

• Шаг 6

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

Что бы посмотреть результат своей работы, жмем на кнопку «запуск воспроизведения анимации»

• Шаг 7

Как только все будет готово, перейдите в меню Файл - Сохранить для Web (File > Save for Web) (CTRL+SHIFT+ALT+S) и примените настройки, как показано на скриншоте. После этого нажмите кнопку Сохранить (Save) и сохраните анимацию в формате GIF.