{"id":13975,"url":"\/distributions\/13975\/click?bit=1&hash=c478312beb84dcbceb6a1a7092f68f87ccfa936134342b123caf8c4d814698df","title":"\u041e\u043f\u0435\u0440\u0430\u0442\u043e\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 18 \u0442\u044b\u0441\u044f\u0447 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0432 \u043c\u0435\u0441\u044f\u0446","buttonText":"\u0423\u0437\u043d\u0430\u0442\u044c","imageUuid":"937a9028-eb27-565a-a921-939fd5ab575e"}

Как создать анимированный баннер (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.

0
5 комментариев
Sergey Mikhalev

а кто такой лендинг бот?

Ответить
Развернуть ветку
Нелля Заббарова
Автор

это лендинг со встроенным чат-ботом, здесь нельзя ссылки кидать, погуглите кликчат, Вам сразу выдаст

Ответить
Развернуть ветку
Нелля Заббарова
Автор

интерактивный сайт, новый инструмент)) очень рекомендую почитать на эту темы и потестить))

Ответить
Развернуть ветку
Max Poz

А есть гайд о том как сохранить картинку без фона?

Ответить
Развернуть ветку
Нелля Заббарова
Автор

нет)))

Ответить
Развернуть ветку
Читать все 5 комментариев
null