Как делать гифки самому?

Создать GIF анимацию онлайн: инструкция.

Создание gif анимации на онлайн конструкторе Gifius.ru происходит в три простых шага:

Шаг 1. Загрузите картинки. Можно просто перетащить картинки в браузер или воспользоваться зеленой кнопкой «Загрузить картинки». Изображения можно загружать как по очереди, так и все сразу. Обязательно дождитесь пока все каринки будут загружены.

Шаг 2. Задайте настройки анимации. В верхней панели вы можете видеть ползунки и другие параметры, с помощью которых вы можете настроить гиф анимацию. Порядок кадров можно изменить в нижней панели, просто поменяв миниатюры местами с помощью мыши. Далее подробно о каждой настройке.

  • Ширина. Задает ширину анимации. Можно изменять как двигая ползунком, так и вписывая числовое значение (для этого кликните по цифре)
  • Высота. Задает высоту анимации. Аналогично ширине, данным параметром можно управлять либо ползунком, либо вводя цифры с клавиатуры.
  • Пропорции. Если в данном поле стоит галочка, то включен режим пропрциональности. Это означает, что высота изображения всегда пропорциональна его ширине, т.е. при изменении ширины, высота будет подгоняться автоматически. Пропорции берутся из оригинальных размеров самого большого загруженного изображения. Если выключить режим пропорциональности (снять галочку), то появится отдельный ползунок высоты и каждый параметр размера можно будет задать индивидуально.
  • Сбросить всё. Данная восстанавливает настройки по умолчанию, т.е. сбрасывает любые изменения, которые вы вносили с момента загрузки изобажений в конструктор.
  • Позиционирование. Включает в себя три режима. По центру — выравнивает каждый кадр по центру. Не позиционировать — оставляет каждый кадр «как есть», т.е. позиция исходит из левого верхнего угла. Растянуть — растягивает каждый кадр на полную ширину и высоту анимации.
  • Скорость. Задает скорость смены кадров. Проще говоря, задержку междку ними. Наименьшее значение означает наименьшкую скорость смены. Параметр можно регулировать как ползунком, так и вписывая значения с помощью клавиатуры (поле редактируется при клике на цифру). Максимальная скорость: 60.
  • Изменения порядка кадров. Для того, чтобы изменить порядок кадров — просто поменяйте миниатюры местами (в нижней панели). Т.е. возьмите миниатюрку левой кнопкой мыши и перетащите на нужное место. Мы проиллюстрировали этот процесс:

Шаг 3. Скачайте готовую анимацию. Для этого нажмите на зеленую кнопку «Скачать GIF» или просто сохраните гифку через «Сохранить как…»

Создание GIF анимации онлайн теперь проще.

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

Благодаря использованию технологиги ajax, создание гиф анимации происходит без обновления страницы. Это ускоряет достижение поставленной перед приложением задачи и устраняет ненужное мелькание страниц, медленную загрузку и т.д. По сути, Gifius.ru — это полноценная программа для создания gif анимации онлайн, ничем не уступающая своим декстопным аналогам.

Создать gif онлайн быстрее, чем оффлайн.

Когда человек задается вопросом «как создать gif анимацию», то он, как правило, находит в Интернете множество вариантов программ, которые надо скачивать на компьютер, устанавливать, разбираться в них и так далее. В результате, через пару часов он все-таки получает не только нужную анимацию, но и головную боль, красные глаза и плохое настроение.

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

Политика конфиденциальности при создании GIF анимации на Gifius.ru.

Во время сеанса работы с сервисом Gifius.ru все используемые вами изображения сохраняются в одну папку, которая автоматически удаляется сразу после того, как вы уходите с сайта. Во избежание ошибок удаления, каждые 30 минут сервер стирает все временные файлы. Таким образом, вы можете быть уверены в том, что ваши изображения, фотографии и творческие продукты никто не видит, не присваивает и не использует.

Как создать гифку бесплатно и без регистрации: 9 онлайн-сервисов

*Обновление статьи.

Тот, кто придумал гифки, должен попасть в рай без очереди. В тему подобранные анимированные картинки оживят любой контент.

Пример из блога TexTerra – статья о буднях SMM-щика в гифках.

И самое крутое, что их можно легко сделать самостоятельно, из любых изображений или видео.

Здесь собрано 9 онлайн-сервисов для создания gif-изображений. На самом деле их гораздо больше, но я отбирала самые удобные. С интуитивно понятным интерфейсом, без кучи всплывающих окон. Сохраните эту подборку себе, чтобы не потерять.

Как сделать гифку из видео с YouTube

YouTube to GIF

Очень простой и изящный способ. Не нужно даже заходить на сервис из поиска или вкладок. Просто добавьте «gif» в адрес видео, вот сюда:

Вас перебросит на зарубежный сервис YouTube to GIF. Нужное видео сразу открывается в интерфейсе.

Выберите нужный отрезок. При желании добавьте эффекты с панели слева. Я добавила текст (Caption). Меню на английском, но все быстро осваивается методом тыка.

Нажмите Create Gif. Появится окошко настроек, где можно изменить название, добавить теги, звук, водяной знак и сделать гифку приватной (это значит, что ее не увидят другие пользователи сервиса).

Сервис предложит купить премиум-версию для полного доступа к функционалу. Можно вежливо отказаться или оценить старания разработчиков и потратить 10 $. Я выбрала первое 🙂

Готово! Скачиваем гифку и пользуемся.

Скачивать результаты своих трудов могут только зарегистрированные пользователи. Если вам лень регистрироваться в сервисе, можно открыть ссылку в поле «Direct Link» в новой вкладке и скачать гифку прямо из браузера.

Вместо «gif» в адресе видео можно добавлять «conv». Вас перебросит на сервис Conv., а затем, при нажатии на «Конвертировать Gif» – на YouTube to GIF. То же самое, но в профиль.

Недостатки сервиса:

  • На всех гифках автоматически появляется вотермарка сервиса (в премиум-версии ее можно убрать). В остальном все идеально как для бесплатного онлайн-сервиса.

Giphy GIF Maker

Очень простой и удобный сервис для создания гифок из видео, взятого с YouTube. Чтобы им воспользоваться, скопируйте ссылку на видео, вставьте ее в строку поиска на главной странице сайта, и сервис автоматически начнет загружать видео:

Как только видео загрузилось, выберите нужный вам отрезок видео. Giphy тут же покажет вам, как будет выглядеть ваша будущая гифка:

Нажмите «Continue to Decorate», чтобы добавить надписи, стикеры или фильтры к вашему gif-изображению.

Если в этом нет необходимости, кликайте на «Continue to Upload». Добавляем теги или же сразу переходим к шагу «Upload to GIPHY».

Готово! Получившуюся гифку можно скачать к себе, расширить в соцсетях или вставить на сайт с помощью embed code.

Недостатки сервиса:

  • Можно добавить только одну подпись
  • Невозможно выбрать размер изображения
  • Работает только для видео до 15 минут.

Гифки – замечательный развлекательный формат контента, но только один из многих. Для эффективного продвижения в социальных сетях нужен разнообразный контент и комплексный подход: от разработки стратегии до работы с комьюнити.

Как сделать гифку из загруженного видео

Convertio

Удобный конвертер файлов в разных форматах. Доступен также в виде расширения в Google Chrome.

Работать с ним просто:

  • Загрузите видео и нажмите «Преобразовать». Одновременно можно конвертировать несколько файлов.
  • Нажмите «Скачать».

Недостатки сервиса:

  • Нельзя редактировать гифки и добавлять на них новые элементы. Сервис только преобразует один формат в другой.

Photoshop

Если вы не хотите, чтобы на видео присутствовали логотипы сторонних сервисов, можно воспользоваться фотошопом. Даже если у вас нет опыта работы в этой программе, у вас все получится – просто следуйте инструкции ниже.

  • Найдите подходящее видео на YouTube и скачайте его к себе на компьютер. Это можно сделать с помощью сервиса Savefrom (вызывается из адресной строки путем добавления ss перед youtube.com).
  • Вырежьте из видео нужный вам фрагмент. Это можно сделать с помощью любого видео-сплиттера или стандартных Windows Movie Maker или «Киностудии». Убедитесь, что длительность видео не превышает 2-3 секунды, иначе файл получится слишком большим и тяжелым. В этих же программах можно добавить нужные надписи.
  • Откройте его в фотошопе. Нажмите «Файл – Импортировать – Кадры видео в слои» (или, если фотошоп на английском, File – Import – Video frames to layers).
  • Поиграйте с настройками. Нажмите Файл – Сохранить для Web и постарайтесь изменить настройки так, чтобы вес изображения не превышал нескольких мегабайтов. Изначально мое трехсекундное видео весило 11,02 мегабайта.

После изменения размера гифки и уменьшения диапазона цветов вес уменьшился до 2,425 мегабайт. Этот вес уже считается нормальным.

  • Сохраните гифку. И наслаждайтесь красивым изображением без всяких водяных знаков и логотипов сервисов.

Как сжать гифку до нужного размера и веса

Воспользуйтесь бесплатным онлайн-сервисом ezgif.com. Вы можете перевести видео в гифку и сразу ее отредактировать. Максимальный размер для загрузки видео – 100 МБ, для загрузки гифки – 35 МБ.

После загрузки ролика у вас появится окно настройки. В верхнем сайд-баре можно настроить масштабирование, скорость, наложить текст или порезать хронометраж. Это полезно, если вам нужно использовать только определенную часть для гифки/видео.

Я взяла стоковое видео в разрешении 1920×1080, которое весило около 50 мегабайт. Цель – сжать до 3-5 мегабайт для размещения в этой статье.

До начала конвертации в гифку выберите нужный размер итогового файла: чем меньше ширина, тем меньше вес. Укажите количество кадров в секунду: чем больше кадров, тем короче гифка. Метод сжатия можно не трогать, но если после всех манипуляций у вас не получится снизить вес – поиграйте с его настройками.

Я выбрала ширину в 400 пикселей, укзал 10 кадров в секунду и включил оптимизацию заднего фона.

В результате получилась гифка весом 6,5 МБ. Чтобы снизить вес нажимаем на кнопку Optimize. Также вы можете наложить эффекты, изменять скорость, кадрировать и вырезать лишнее.

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

Я выбрала компрессию, выставив в ползунке средний уровень сжатия.

Вы можете по-разному настраивать размеры и вес гифки: где-то оставлять большое разрешение и жертвовать количеством кадров и цветов, а где-то уменьшать размер, чтобы сохранить максимум визуальной информации. Все зависит от поставленных задач.

Вот вариант с шириной 800 пикселей, где я сократила количество кадров, оптимизировала компрессию и ускорила время воспроизведения.

Как создать гифку из записи экрана

Licecap

Приложение Licecap позволяет выделить любую часть экрана и сделать из нее гифку. Большой плюс этой программы заключается в том, что она может записывать не только в браузере, но и в любой другой программе. Вот, например, гифка, записанная мною в ворде.

Gifcam

Инструмент работает по такому же принципу, как и Licecap, но имеет более современный интерфейс. В принципе, это единственное отличие.

Как создать гифку из картинок

Brush Ninja

Стильный и удобный сервис для создания гифок из собственных рисунков. Минимализм сейчас в моде, так что этот сервис будет актуален.

Нарисуйте что-нибудь. 1 рисунок = 1 экран.

Добавьте новый экран (опция New Frame) и опять нарисуйте что-нибудь. И так далее. Количество экранов, похоже, не ограничено – я доходила до 50 шт. Для гифки этого более чем достаточно. В настройках можно выбирать цвет экрана, выбирать скорость смены слайдов, а также использовать изображения из галереи Brush Ninja.

Чтобы использовать свои картинки, придется проспонсировать разработчика. Cервис изначально создавался в некоммерческих целях, как хобби, но полный функционал доступен только спонсорам проекта. Стать спонсором можно, отправив донат через сервис Patreon или купив фирменную футболку от Brush Ninja.

Чтобы сохранить гифку, используйте опцию Export. Появится окно, где можно выбрать формат сохранения. Нас вполне устроит Animated Gif.

Вот как это выглядит:

Недостатки сервиса:

Работает только с собственноручно нарисованными или загруженными из галереи картинками (в бесплатной версии).

Ezgif

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

Gifovina

Аналог предыдущего сервиса, но с небольшими визуальными «плюшками» – к изображениям можно добавлять забавные диалоговые пузыри и видеоэффекты наподобие тех, что доступны в «Киностудии» и Windows Movie Maker.

Пример гифки, созданной с помощью этого сервиса:

Внимательным читателям! Дарим скидку 10 % на оплату любого тарифа курса «Коммерческий автор» от онлайн-университета TeachLine. Чтобы активировать скидку, используйте промокод AVTOR при оплате.

Кстати, мы готовы помочь с созданием визуального контента в рамках работ по комплексному продвижению в интернете. Услуга включает подготовку инфографики, white paper, картинок для соцсетей и многое другое.

Гифки в интернете и соцсетях — тренд, который только набирает популярность. Каждый день мы замечаем новые фишки в анимационном дизайне постов, баннерной рекламы, e-mail-рассылках крупных брендов. Гифки помогают сделать общение более динамичным и веселым, поднимают вовлеченность пользователей, увеличивают охваты, заставляют ставить лайки и даже продают. В этой статье мы собрали 25 шаблонов с gif-анимацией и рассказали, какие задачи они могут решать. В первой части вы найдете идеи и советы для личных аккаунтов, во второй — для профессиональных блогов и коммерческих соцсетей. Все идеи вы сможете применить в работе с Canva.

Как создавать гифки для личного аккаунта и общения

1. Как сделать минималистичную гифку

Начнем с самого простого примера: минималистичное фото чашки кофе + анимированный стикер = самая простая гифка.

Чтобы создать подобную гифку в Canva, воспользуйтесь меню «Элементы» и задайте поисковой запрос «стикеры». Вам откроется галерея анимированных стикеров. Добавляйте их на фото.

Создание макета с gif-анимацией в Canva

При скачивании готового шаблона выбирайте формат gif-анимации (в расширенной версии Canva Pro) или видео (в обычной версии Canva). Сделать гифку из видео можно с помощью специальных сервисов, таких как Convertio и Online-Converting.

2. Как сделать гифку с анимированным текстом

В галерее анимированных стикеров Canva вы найдете множество стикеров с надписями. Используйте их, чтобы разнообразить ваши публикации или отправить фото с приветом из отпуска близким.

Обратите внимание, что при скачивании gif-анимации из Canva Pro вы можете выбрать стиль анимации. В этом примере мы использовали стиль «Плавный».

Выбор стиля анимации в Canva Pro

3. Как сделать гифку с фото

Иногда можно сделать гифку просто для настроения. Например, если вы хотите дольше наслаждаться теплыми воспоминаниями об ушедшем лете.

В этом шаблоне мы использовали 2 анимированных стикера из галереи. При выгрузке выбрали стиль анимации «Слайд» от Canva Pro.

4. Как сделать гифку-фотоколлаж

В этом примере мы объединили анимированные стикеры и надписи с фото. Поддержали общее настроение фотоколлажа эффектным плавным появлением кадров и графики (доступно в Canva Pro).

5. Как сделать гифку-приглашение

Если ищете оригинальный способ пригласить близких на свадебное торжество, вот отличная идея: традиционные сообщения Save The Date можно разослать в формате gif-анимации.

Другие идеи вы найдете в статье «25 идей и готовых шаблонов для свадебных пригласительных».

6. Как сделать гифку-открытку

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

7. Как сделать гифку с цитатой

Мотивирующие цитаты в статусах уходят в прошлое. Сегодня это, можно сказать, диджитал-моветон. Красиво оформленные посты — другое дело. Если вас впечатлила какая-то идея или цитата из книги, дополните ее смысл простым дизайном и добавьте динамики. Друзья точно оценят.

8. Как сделать гифку для поста с рецептом

Если вы любите делиться в соцсетях своими кулинарными шедеврами, то и посты с рецептами сможете «приготовить вкусно». Вам понадобится:

  • красивое фото с правильным светом и ракурсом;
  • gif-анимация;
  • эффектный стиль анимации от Canva Pro;
  • щепотка текста.

А еще вам точно понравится статья «Как делать фуд-фото, которые собирают лайки: 62 совета».

9. Макеты с готовыми гифками от GIPHY

В Canva есть доступ к галерее забавных гифок от Giphy. Их можно добавлять в макеты и сразу публиковать в Фейсбук.

Для выбора готовых гифок перейдите во вкладку «Еще», в появившемся меню нажмите на лого GIPHY. Вам откроется галерея прикольных гифок из видео и мультфильмов.

Как создавать макеты с готовыми гифками от GIPHY в Canva

Как создавать гифки для профессиональных блогов, коммерческих соцсетей и рассылок

10. Как сделать гифку с заданием

Распространенный способ привлечения активных пользователей в блог профессионала — проведение марафона. Текстовые, арт- и фото-марафоны в Инстаграм сейчас очень популярны. Суть марафона в том, что в течение одной или нескольких недель участники выполняют определенные творческие задания и размещают результаты в публикациях на своей странице с заданным хэштегом. Организатор проверяет публикации по хэштегу и выбирает победителей.

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

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

Если вы работаете в стандартной версии Canva, скачайте все страницы в формате jpg одним архивом, распакуйте на своем компьютере, а затем загрузите на сайт gifius.ru. Этот сайт позволяет создавать gif-анимацию из нескольких изображений. При сохранении из расширенной версии Canva Pro выберите формат «Анимация», стиль «Простой», скорость «Быстро».

11. Как сделать гифку для гадания

Гифки-гадания вызывают любопытство у пользователей, побуждают их задержаться на вашей страничке, чтобы попытаться прочесть все варианты, сделать несколько скриншотов, поделиться с друзьями. Придумывайте смешные и забавные «предсказания», а чтобы они выглядели правдоподобными — учитывайте особенности целевой аудитории. Такую гифку можно разместить, например, в сообществе для студентов.

Чтобы создать гифку, где надписи будут меняться с большей скоростью, чем предусмотрено в Canva Pro, при скачивании изображений из редактора выбирайте формат jpg. Скачайте все страницы и загрузите на gifius.ru. Сайт позволяет уменьшать и увеличивать скорость смены отдельных изображений в гифке. Для этой задачи вам подойдет максимальная скорость смены кадров — 60.

12. Как сделать гифку-подсказку

Такой же прием можно использовать, чтобы посоветовать подписчикам определенный контент: книги, сериалы, видео на Youtube. Или новинки в кинотеатрах, как в нашем примере.

13. Как сделать гифку-квест

Такие гифки удерживают внимание и развлекают подписчиков. Мы разместили на этом шаблоне 24 одинаковых гиф-стикера. Один из них расположили под углом, отличным от остальных. Заметить его с первого взгляда не так просто, нужно присмотреться внимательнее. Разместите подобную гифку в своем аккаунте и предложите подписчикам написать в комментариях, где именно спрятался «бунтарь». Вы удивитесь, как такой простой прием поднимет вовлеченность в комментариях.

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

14. Как сделать гифку для игры «Найди лишнее»

Задача в игре на внимательность и логику: различить предмет, который не имеет общих признаков с остальными. Если разместить подобную анимацию в сторис в Инстаграм, это будет стимулировать подписчиков несколько раз возвращаться к вашей истории. Ведь различить лишний предмет с первого просмотра при быстрой смене кадров не так просто. Алгоритмы Инстаграма будут фиксировать эти действия подписчиков и в дальнейшем продвигать ваш контент как наиболее интересный.

Чтобы разместить такую анимацию в Инстаграм Сторис, необходим формат mp4. Вы можете задать его при скачивании из Canva, а скорость смены кадров увеличить в видеоредакторе на смартфоне.

15. Как сделать гифку для анонса праздника

Гифка — хороший прием, чтобы привлечь больше внимания к публикации с анонсом события в социальных сетях. При первом взгляде на этот макет не сразу понимаешь, что именно «цепляет», пока не различишь 4 пары блуждающих глаз на кусочках пиццы:

16. Как сделать гифку для анонса мастер-класса

Чтобы привлечь еще больше внимания к гифке с анонсом, выберите выразительный стиль анимации в Canva Pro. Предварительный просмотр перед скачиванием позволяет выбрать наиболее удачный стиль с учетом использованных элементов дизайна. В данном случае мы применили стиль «Слайд».

17. Как сделать акцентную гифку

Информативные посты в соцсетях и статьи в блогах можно сопровождать акцентными гифками. В нашем примере мы составили макет для статьи об этапах ухода за кожей лица.

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

18. Как сделать обучающую гифку

Gif-анимация — удобный формат представления простых пошаговых инструкций. В нашем примере это обучающая гифка на тему «Как завязать галстук».

19. Как сделать гифку-обзор

По такому же принципу можно создавать гифки-обзоры для презентации товаров. В этом случае потребуется больше времени на подготовку, поскольку вам нужно будет заранее продумать «сценарий» будущей гифки и подготовить серию фото.

Чтобы сделать подобную гифку, загрузите подходящие кадры в Canva: перейдите в меню «Загрузки», нажмите «Загрузить изображения» и задайте нужный путь к файлам. Когда все фото будут загружены, перенесите их на отдельные страницы шаблона будущей гифки. Добавьте поясняющие надписи и стрелки. Готово — можно скачивать файл в формате gif (для презентации) или mp4 (для сторис).

20. Как сделать гифку, которая будет собирать лайки

Не всегда пользователи отмечают лайками публикации, которые им нравятся, потому что быстро переходят к следующим публикациям в ленте. Если вы хотите поднять вовлеченность, напомните подписчикам про заветную кнопочку с сердечком. Для этого в Canva есть специальные анимированные стикеры.

21. Как сделать гифку с эмодзи

Чтобы поднять вовлеченность, предложите пользователем делиться смайликами в комментариях к публикации. Посыл такого поста может быть совсем простым:

22. Как создать гифку со стрелками для привлечения внимания

Если вы обладатель или администратор аккаунта в Инстаграм с количеством подписчиков более десяти тысяч, наверняка уже оценили возможность добавить ссылку на сторонний сайт в сторис. Приложение обращает внимание пользователей на сторис со ссылками маленькой стрелочкой, которая появляется в нижней части экрана. Вы можете привлечь больше внимания к этой кнопке и побудить пользователей смахивать вверх по экрану для перехода на сайт. Для этого выбирайте анимированные стикеры в виде стрелок и располагайте их в нижней части макета.

23. Как сделать гифку с местом встречи

Собрать группу людей в одном месте иногда становится сложной задачей.

Чтобы обозначить место встречи максимально точно, сделайте гифку с картой. Используйте специальный стикер, имитирующий росчерк красной ручки.

24. Как сделать гифку для анонса нового видео на канале

Если вы развиваете видеоблог на Youtube, ваши аккаунты в соцсетях должны «работать» на его развитие. Например, вы можете размещать анимированные истории со ссылками на видео в своем аккаунте в Инстаграм.

25. Как сделать продающую гифку для e-mail-рассылки

Gif-анимацию можно внедрять и в шаблоны электронных писем. Доказано, что анимированные e-mail-письма дают больший процент переходов на сайты интернет-магазинов. Чтобы создать гифку для заголовка электронного письма в Canva, выбирайте стандартный формат 600*200 пикселей. В галерее есть множество готовых шаблонов. Дополните шаблон подходящим анимированным стикером или соберите собственный дизайн с нуля.

Создавайте живой контент вместе с Canva!

Подписывайтесь на обновления в Телеграме, Фейсбуке, ВКонтакте и Яндекс Дзене, чтобы всегда быть в курсе трендов графического дизайна и возможностей Canva, которые помогут воплотить их в жизнь!

Поиск по блогу

Продолжаем оскорблять профессионалов, и делаем работу за них. В этот раз в Фотошопе создадим простую гифку с нуля.

Создавать гифки в фотошопе с нуля — долго. Очень долго. Чтобы создать гифку как в примере, у меня ушло 40 минут. На FL создание гиф-баннера стоит от 500 рублей. За 2500 можно сделать красивую анимацию. Есть ещё разные сервисы по созданию гифок, некоторые бесплатны.

Я делаю простенькие анимации для Инстаграма и «ВКонтакте»:

  • Когда нет идей для публикаций,
  • Когда лень что-то снимать,
  • Когда хочу протестировать новую рекламу.

Гифки можно использовать для публикаций в соцсетях, для анимированных изображений в емейлах, в баннерах для РСЯ. Для Фейсбука, Инстаграма, Твитера и некоторых других соцсетей, гифки — статичные картинки, чтобы они зашевелились и постоянно проигрывались, гифку нужно конвертировать в mp4.
Перед тем как начать, вам нужно придумать идею для анимации. Что будет анимироваться. Я буду делать анимацию для Инстаграм историй. Буду создавать эффект пишущей машинки. Достаточно простая анимация, но придется сделать много нудной работы.
Вы можете посмотреть видео-процесс с комментариями, как создавать такую анимацию. Видео длится 14 минут. Чтение статьи занимает 5 минут.



Создаем новый файл

Открываем фотошоп и создаем новый файл с разрешением 1080×1920 px.
«Файл» → «создать новый файл» или ctrl+N


Я буду создавать эффект пишущей машинки. Буду анимировать только одно слово. Но просто белое полотно, мне не нравится, поэтому я его дополнительно украсил.


Добавляю нужный мне текст, и открываю шкалу времени.
«Окно» → «Шкала времени»


Появляется новое меню, которое чем-то похоже на видеоредактор. Это он и есть.


Тут надо поиграться и понять особенности этого меню. Вкратце — чем длинее слой, тем дольше он показывается. Каждый слой, должен быть другим, чтобы была анимация. Я обычно создаю дубликат слоя и передвигаю или добавляю новые штуки. В конкретно этой анимации я буду добавлять и забирать буквы.
После нужно будет все проверить и можно создавать. Инстаграм увидит файл типа gif на телефоне, но не поймет, что это анимированный файл, и отнесется к ней как к фотографии. Поэтому нам нужно сохранить как видео файл. Нужно найти кнопку внизу Шкалы времени «Экспорт видео». И создать видеофайл.


Но чаще мне нужны и видеофайл и гиф. Поэтому я сохраняю и в гифе. Жмите «Файл» → «Экспортировать» → «Сохранить для веб». И сохраняйте как гифку.




Советы

Используйте минимум цветов. Это уменьшит размер файла.
Размер гифки имеет значение, если вы делаете сайт. Для соцсетей это не имеет значения. «ВКонтакте» любую гифку пережимает в видео, и из гифки в 40 Мб, может получиться файл в 700 кБ.
Будьте умеренно ленивым. Серьезно, создавать картинку больше получаса ну как-то несерьезно.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *