GIF (произносится как «gif» или «jiff») является просто файлом изображения. Как и форматы файлов JPEG или PNG, формат GIF можно использовать для создания неподвижных изображений. Но у формата GIF есть специальная функция — его также можно использовать для создания анимированных изображений.
Как сделать гифку из картинок или рекламный баннер за 7 минут
Как сделать гифку из картинок, даже если Вы никогда раньше не знали о GIF-анимациях
Как сделать гифку из картинок? Если Вы искали эту информацию, тогда Вы по адресу!
В этой статье Вы узнаете, как сделать GIF-анимацию очень простым способом. Гифки невероятно полезны для онлайн-бизнеса, маркетологов и SMM-щиков. Очень часто GIF-файлы используют в рекламных кампаниях и в статьях на блогах, на подписных или продающих страницах, а также в email-маркетинге.
Как сделать гифку за 2 минуты в Photoshop
Причина довольна проста. В отличии от обычных статичных картинок, GIF анимация очень привлекает внимание и значительно улучшает взаимодействие с пользователем на Вашем блоге или на веб-сайте. Поэтому использование GIF-баннеров в рекламе, очень популярный и довольно эффективный способ.
Если Вы заинтересованы увеличить эффективность рекламы в интернете, что приведёт к удвоению Вашего дохода, тогда Вы просто обязаны узнать как сделать гифку из картинок. Сейчас я покажу Вам, как использовать программу Camtasia Studio для создания оригинальных GIF-баннеров как этот:
Шаг 1. Подбираем картинки для баннера простым способом
Естественно, чтобы сделать гифку из картинок, нам понадобятся эти картинки.
Нам нужен будет фон для баннера и какой-нибудь объект или персонаж. А где их брат?
Ну конечно, нам в этом поможет старый добрый «Яндекс». Переключаемся в поисковике на «Картинки» и вводим в поиск «Фон»:
Дальше жмём на понравившуюся картину правой кнопкой мыши и сохраняем её на компьютер:
Тоже самое делаем с изображением девушки. Только учтите, персонажей или объекты для баннера нужно скачивать с прозрачным фоном. Просто укажите в строке поиска формат «png» и выберите картинку с фоном в виде шахматной доски:
Кода картинки для нашего баннера готовы, переходим к следующему шагу.
Шаг 2. Подготавливаем проект в программе Camtasia Studio за 6 кликов
На следующем шаге запускаем программу Camtasia Studio, загружаем в программу наши картинки и устанавливаем размер нашего баннера. Для начала загрузим изображения для баннера. Нажимаем на кнопку «Импортировать файлы», выделяем необходимые картинки и жмём «Открыть:
Дальше устанавливаем размер баннера. К слову, в программе Camtasia Studio можно создавать GIF-баннеры любых популярных размеров. Для примера я возьму размер, который применяется практически во всех тизерных сетях (рекламные баннерные сети) — 468×60.
Чтобы поставить необходимый размер в программе Camtasia Studio, кликаем по чёрному квадрату правой кнопкой мыши и выбираем «Параметры проекта»:
Дальше в расширениях выбираем пункт «Настройки» и выставляем своё расширение 468×60:
Жмём на кнопку «Применить».
Так, полотно для баннера подготовили.
Шаг 3. Теперь рассмотрим, как сделать гифку из картинок, чтобы получился полноценный баннер для рекламы.
Берём фоновое изображение из материалов и тянем его вниз в «трек1». Дальше хватаем изображение на временной шкале и растягиваем его к нужному нам времени. За это время будет проигрываться gif анимация. Рекомендую делать баннеры продолжительностью не более 20 секунд.
После, в зоне просмотра, растягиваем фон по размеру баннера ухватившись мышью за углы изображения так, чтобы оно закрыло собой весь чёрный прямоугольник. И для удобства можно увеличить предварительный просмотр баннера до 200%:
Дальше на «Трек2» перетягиваем девушку немного отступив от начала временной шкалы и раздвинув это изображение по размеру фона, при этом разместив изображение девушки в нужном нам месте на баннере:
Теперь можно придать эффект анимации для фото девушки.
Переходим в раздел «Поведения» и тащим любой эффект на фотографию.
Теперь жмём на «Свойства», чтобы открыть управление эффектами:
Далее устанавливаем эффекты на «Вход» и «Выход» для изображения девушки. Можно выбрать любой из предоставленных эффектов по вкусу. Их здесь более чем предостаточно! Чтобы просмотреть как у нас получилось, отводим ползунок в шкале времени на начало и жмём на кнопку «Плей». Таким образом подбираем эффекты для анимации баннера.
Шаг 4. Сейчас Вы узнаете как сделать gif анимацию с рекламного текста
Чтобы добавить текст к нашему рекламному баннеру, переходим в раздел «Примечания». Перетягиваем элемент текста на временную шкалу в «Трек3» и растягиваем по размеру изображения девушки.
Далее кликам двойным щелчком по тексту в предварительном просмотре и редактируем наш текст в разделе «Свойства», предварительно написав нужное нам предложение:
Чтобы придать нашему тексту эффект анимации, переходим в раздел «Поведения» и выполняем те же действия, что и с изображением девушки:
Шаг 5. Сохраняем готовый GIF-баннер и радуемся результату
Ну вот, мы добились желаемого результата в анимации для нашего баннера и теперь осталось сохранить нашу гифку на компьютер.
Чтобы сохранить баннер, нажимаем на кнопку «Вывод» и жмём «Локальный файл»:
Дальше нажимаем «Далее».
В следующем окне выбираем формат «GIF» и жмём «Далее».
Потом выбираем частоту кадров не более 10 и снова жмём «Далее». Частота кадров будет отвечать за размер файла нашего баннера. Чем дольше поставим частоту кадров, тем «тяжелее» будет наша гифка.
Дальше идут ещё два окна, в которых нужно нажать кнопку «Далее». А в последнем окне нужно дать название для нашей гиф-анимации, указать путь сохранения и нажать «Готово»
Ну вот и всё! Только что Вы узнали, как сделать гифку из картинок и теперь сможете создавать рекламные баннеры под любые свои нужды. Также этот метод можно использовать для создания любых других анимированных картинок для сайта, форума, или профиля в соц-сетях.
Смотрите коротенькую видео-инстркуцию,
как сделать гифку из картинок:
Внимание! Если у Вас нет программы Camtasia Studio, Вы можете скачать её ниже по ссылке.
Для этого нужно всего лишь рассказать про эту статью своим друзьям в социальных сетях нажав на одну из кнопок предоставленных ниже. И ссылка на скачивание программы Camtasia Studio сразу появится
Загрузка замка.
Рекомендую также посмотреть как создавать красивые обложки для сообществ ВКонтакте >>>
А также подписывайтесь на моё сообщество ВКонтакте >>>
Источник: pronetinfo.ru
Как создать гифку для креативов самостоятельно
Арбитраж трафика предполагает постоянное тестирование новых креативов, ведь то, что выстрелило сегодня, может перестать приносить лиды уже завтра. Поэтому успешные арбитражники научились «готовить» вкусные, конвертящие креативы со скоростью звука.
Один из самых популярных видов креатива — это гифки, но вот беда — их не так то просто делать. В этой статье мы рассмотрим несколько проверенных способов создавать гифки быстро и без напряга.
Получи целый ПАК бонусов только за регистрацию в AFFSTAR!
Содержание скрыть
№1. Партнер Youtube — Gifs
Этот способ позволяет сделать гифку без лишних программ, прямо в окне просмотра видео — нужно найти ролик в Youtube и в строке браузера прописать слово gif после www. и перед youtube.
Нажимаем Enter — открывается редактор. В нем можно выбрать нужный фрагмент из видео, обрезать его, вставить текст, стикеры, сделать поля, наложить размытие, изменить цветовой оттенок гифки и насыщенность, сделать инверсию, отразить по вертикали или горизонтали, изменить скорость воспроизведения, зациклить гифку.
Анимация скачается с водяным знаком, чтобы убрать его, придется перейти на премиум версию за $9.99 в месяц.
Другой способ работы с редактором — зайти сразу на сайт Gifs.
№2. Giphy.com
На сайте Giphy можно не только найти готовую гифку, но и создать собственную. Заходим на главную страницу, нажимаем Create. Здесь можно выбрать, из чего сделать гифку — из фотографий, из другой гифки или из видео. Видео можно загрузить с компьютера или вставить ссылку с Youtube и Vimeo.
Сначала нам предложат обрезать видео, затем можно переходить к оформлению. У Giphy более простой редактор, чем у Gifs — можно добавить текст (статичный или анимированный), стикеры, нарисовать что-то от руки поверх гифки и наложить цветовой фильтр. Гифка зальется на сервис и будет доступна всем посетителям сайта, поэтому если вы планируете создать уникальное крео, которым не хочется делиться — этот способ не подойдет. С другой стороны, вероятность того, что на Giphy зайдет другой арбитражник, из миллиона гифок выберет ваше крео и начнет лить трафик на один и тот же оффер одновременно с вами — катастрофически мала, так что, не парьтесь.
№3. Canva
Canva уже полюбилась многим арбитражникам, ведь в ней можно делать с нуля баннеры, посты, инфографику и многое другое совершенно бесплатно. Не так давно в функционал Canva добавили анимацию, правда возможности у редактора гиф весьма ограничены, да и сама функция работает только в Pro аккаунте за $9.95 в месяц. Доступно 6 видов анимации.
№4. ScreenToGif
Эта программа позволяет делать запись с экрана и переводить ее в гиф. Не требует установки (Portable версия). Можно работать с флешки. Программа бесплатная, не содержит рекламу. Открываем ScreenToGif, нажимаем Запись.
Перед началом записи нужно установить размер области — можно установить точный размер в пикселях в нижней части программы или просто потянуть за края окна. Также можно установить максимальный размер кадров в секунду. По умолчанию это 15, лучше ставить не меньше 5, чтобы анимация была плавной.
После записи видео делится на кадры. Лишние кадры можно удалить, зажимая Сtrl и кликая левой кнопкой мыши по кадрам. Когда все ненужные кадры выделены, жмем Delete. Просмотреть готовую анимацию можно в разделе Плеер или в нижнем правом углу программы. Чтобы ускорить или замедлить гифку нужно зайти в раздел Кадры и нажать Изменить.
Затем указываем нужную скорость для кадров (предварительно надо выделить все кадры комбинацией клавиш Ctrl+A). Минимальная скорость — 10 мс. Также можно изменять скорость отдельно выделенных кадров, а не всей анимации.
В программе также есть редактор, но кроме добавления текста интересных функций там нет.
№5. Kapwing
Kapwing — это онлайн сервис, который включает в себя сразу несколько инструментов — видеоредактор, генератор мемов, конструктор коллажей, конвертер видео и многое другое. Полный список возможностей можно посмотреть на сайте Kapwing. Можно загрузить готовые видео, картинки, конвертировать их в видео или сделать анимацию с нуля.
Программа позволяет сделать простенькую анимацию, используя пару картинок и текст. Никаких супер-пупер эффектов, но даже без них сервис весьма перспективный, особенно, если разобраться во всех его функциях и настройках.
В бесплатной версии гифка сохраняется с водяным знаком. За 20$ в месяц можно перейти в премиум версию, впрочем, в этой проге водяной знак смотрится ненавязчиво, можно и оставить. Чтобы результат сохранился в гиф, нужно зайти в Settings в нижней панели и напротив Output File указать GIF. Только после этого нажимаем Publish, а затем Download. Иначе файл сохранится в видео формате.
№6. Shout
Пожалуй, самый простой способ сделать гифку из слайдов. Можно использовать только текст и фоновую заливку или добавить изображение в качестве фона. По умолчанию стоит 2 сцены, но можно добавить больше, для этого нужно нажать Add frame. Функционал минимальный, минусы: текст нельзя перемещать по полотну, выбора шрифтов и его размера тоже нет, как и скорости воспроизведения. Но даже используя такой минималистичный сервис, можно сделать неплохое крео.
№7. Guggy
Этот сервис лучше использовать для англоязычной аудитории, впрочем, он распознает и русские буквы, но результатов показывает меньше. Суть работы сервиса проста как дважды два — вы вписываете любое слово или фразу в строке поиска и нажимаете Make Gif. Сайт подбирает гифки по теме запроса, а саму фразу пишет снизу. Получается нечто такое:
№8. Bannersnack
Платный сервис, который стоит своих денег. Арбитражнику он будет интересен тем, что тут можно делать баннеры и гифки за несколько минут, хотя это далеко не единственное, что предлагает сервис. В Bannersnack большое количество шаблонов баннеров, в том числе анимированных — просто замените текст и картинки на свои и качайте.
Анимация делается очень просто. Заходим в личный кабинет, нажимаем Create new. Выбираем 1 баннер (Single banner) или коллекцию (Banner set). Кстати, коллекции — это еще одно преимущество сервиса, можно сделать баннер сразу в нескольких размерах, доступно только в платном тарифе.
Если выбираете 1 баннер, то нужно указать его размер.
Приступаем к редактированию. Есть 3 способа сделать анимированный gif баннер — начать с нуля, выбрать статичный шаблон, а затем анимировать или работать с готовым анимированным шаблоном. Естественно, третий вариант самый быстрый и простой. Все части баннера настраиваются.
Кроме баннеров в Bannersnack можно делать крео для соцсетей — на выбор более 4000 шаблонов.
№9. Photoshop
Для тех, кто привык делать креативы в фотошопе, но не знал, что в этой программе можно также создавать гифки — небольшая инструкция.
Сначала нужно подготовить слои с кадрами для будущей анимации, это могут быть картинки, сделанные в фотошопе заранее или импортированные туда уже готовыми кадрами. Далее нажимаем на вкладку Окно — Временная шкала — Создать покадровую анимацию (Window > Timeline > Create Frame Animation).
В качестве кадров нужно задать подготовленные слои, для этого справа в выпадающем меню таймлайна нажимаем Создать кадры из слоев (Make Frames From Layers). Выбираем число повторов анимации, например, если выбрать Once, то анимация будет проигрываться только 1 раз, а если Forever, то это будет беспрерывная зацикленная гифка.
Экспортируем готовый файл, для этого нажимаем «Экспорт» → «Сохранить для Веб» (Export → Save For Web). В открывшемся окошке выбираем формат Gif. Вот и все! Вам осталось выбрать наиболее приемлемый способ и создавать креативы. Удачи!
Источник: protraffic.com