{"id":13966,"url":"\/distributions\/13966\/click?bit=1&hash=1a044cc6345278590de5b4f9ad30f94940547c94f8a1582a9f34801c8c0314a4","title":"\u041a\u0430\u043a Big Data \u043c\u0435\u043d\u044f\u0435\u0442 \u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0435 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0432 Tele2","buttonText":"","imageUuid":""}

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