Своими силами. Мы рассмотрим в данном материале возможность создания такой анимации в программе «Фотошоп», а также приведем другие программные решения, которые для этого подходят.

Программа «Фотошоп»

GIF - это созданное без кодирования либо при помощи Flash. Далее мы рассмотрим, как сделать GIF в «Фотошопе». Запускаем программу Photoshop. Создаем новый документ, кликнув по вкладке «Файл», а затем выбрав «Новый» среди пунктов выпадающего меню, вводим нужную высоту и ширину для будущей GIF-анимации.

Устанавливаем стандартное разрешение - 72 пикселя на дюйм. Далее левой кнопкой мышки нажимаем «ОК». Выбираем вкладку под названием «Файл», после этого «Открыть». Указываем файлы, которые будем использовать в анимации. Нажимаем левой кнопкой мышки на нужное изображение, чтобы его выделить. Для того чтобы выбрать несколько изображений, нажимаем и удерживаем клавишу Ctrl.

работа с изображением

Используем функцию «Открыть», когда выбраны все файлы. После этого Photoshop откроет картинки на рабочей области. Переходим к где левой кнопкой мышки нажимаем на «Перемещение». Расположена кнопка в верхней части левой колонки. Зажав левую кнопку мыши на изображении, переносим его в новый документ.

Photoshop поместит каждое из изображений на новый слой. При этом все слои находятся в одноименной вкладке. На следующем этапе нажимаем на вкладку «Файл» и выбираем «Открыть с помощью ImageReady». Если не открылась анимационная панель, нажимаем «Окно», а затем «Анимация». Палитра возникнет в нижнем участке рабочей области и будет показывать маленькое изображение выбранного вами файла.

Как сделать GIF-картинку: первый кадр

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

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

Повторяем процесс

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

Нажимаем «Стоп». Левой кнопкой мышки нажимаем по чёрной стрелке внизу 1-го кадра на анимационной палитре. Укажите в меню один из вариантов «Один раз» или «Всегда». В первом случае, анимация будет воспроизводиться единожды, во втором - проигрывание станет безостановочным.

Нажимаем левой кнопкой мыши по чёрной стрелке, которая находится внизу каждого из кадров, и выбираем время, в течение которого будет отображаться данный рисунок. В итоге сохраняем анимацию, нажав «Файл», после этого выбираем вариант «Сохранить как». Вводим имя анимации и нажимаем чёрную стрелочку в поле «Тип файлов». Выбираем Images only.

Альтернативы

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

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

Приложение подойдет веб-разработчикам. Дело в том, что программа автоматически генерирует код HTML, который готов к размещению на сайте. Чтобы создать анимацию вы можете использовать разнообразные графические форматы: GIF, BMP, PNG и JPG. Чтобы уменьшить размер результирующих файлов, разработчики внедрили систему оптимизации готового материала, которая включает несколько подходов к данному вопросу. Программа идеально подходит разработчикам рекламной продукции.

В решении поставленной задачи вам также могут помочь следующие программы: Adobe Flash, Blender, Pivot Stickfigure, Anime Studio, FotoMorph, 3DMonster, Funny Photo, Active GIF, Falco GIF, Abrosoft FantaMorph, Hippo Animator, Flex Gif, CoffeeCup GIF. Теперь вы знаете, как сделать GIF. Надеемся, наши советы вам помогут.

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

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

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

Кстати, это отличный способ оформить статью уникальными изображениями. Простых способов достать в интернете которые не так уж и много. Вот несколько из них: . А использование гифок — это отличная и интересная практика, которая положительно влияент на восприятие контента читателем.

Как легко сделать GIF изображение для рекламы, баннеров и тизеров?

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

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

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

Сервис для создания GIF из видео

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

Сервис простой и удобный, работает быстро.

Но это еще не все. Ведь не всегда нам подойдет весь фрагмент из видео. Часто нужно его дополнительно обработать — добавить какие-то эффекты, надписи или обрезать GIF. Да те же черные границы, или срезать ватермарк самого сервиса. Данный сервис это не умеет. Благо, есть много других. И опять надо выбирать среди них. Поэтому идем в другой сервис, который позволяет это делать удобно.

Как обрезать GIF или добавить текст к нему?

Для этого наиболее удобным оказался сервис ezgif.com и его функция обрезки GIF — crop

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

Наложить надпись на GIF-анимацию

Создание Gif из видео с помощью расширения для браузера Google Chrome

Небольшой мануальчик про то, как можно создать gif-анимацию онлайн, без установки программ. Установить придется только одно маленькое расширения для нашего любимого Google Chrome. А видео для создания гифок будем брать с видеохостинга YouTube.com. Предупреждение: Всех тех, кто при виде названия браузера Chrome начал плеваться, просьба отойти от экрана - статья не для вас.

Для чего все это нужно? Можно просто побаловаться, можно вставлять эти самые гифки к себе в блог, а можно наполнять ими свою страничку в соц сети. Я ради интереса недавно создала gif-анимацию из видео про кошачьи проделки и выложила в тематическую группу на Google+. Результат - картинка набрала около 400 плюсиков и более 80 перепостов менее чем за двое суток.

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

Как всегда, я люблю немного потянуть резину. Давайте уже начну что ли. Сразу скажу, тестировала я это расширение только с видео YouTube, хотя, по утверждению создателей полезного довеска для браузера, с Vimeo все тоже должно работать. Но вы уж это сами проверяйте если хотите.

Тогда давайте приступим к созданию гиф-анимации. Сделать это действительно очень просто. Но для начала вам потребуется кое с чем согласиться. Не пугайтесь, вам нужно всего лишь зайти на страницу http://www.youtube.com/html5
и согласиться участвовать в тестировании HTML5-плеера. Если вас что-то не устроит, то в дальнейшем вы всегда сможете зайти и отказаться.

После этой нехитрой манипуляции вам останется скачать расширение для браузера Chrome (оно называется MakeGIF Video Capture) и найти подходящее видео. Вы можете выбрать абсолютно любое видео на YouTube - не важно ваше оно или нет. Выбрали? Тогда нажмите на воспроизведение, а затем нажмите на кнопку расширения в оминбоксе. К сожалению это расширение не может похвастать богатыми настройками и эффектами. Максимум что вам удастся сделать - это настроить качество анимации, максимальное количество кадров (до 1000) и размер картинки. Также вы можете вставить какой-либо простенький текст, а также заставить анимацию проигрываться задом наперед (зачастую так гораздо смешнее и интереснее).

Итак, выбираете нужный момент в видео и нажимаете на старт. В процессе можно нажать на паузу и опустить ненужное. Когда момент, который вы решили запечатлеть, подошел к концу, нажмете на стоп. И не беда, если попадутся лишние кадры. Вы сможете их попросту вырезать.
Если анимация готова, то можно загрузить ее к себе на компьютер или же отправить на онлайн-сервис MakeGif.com. Второй вариант гораздо привлекательнее, потому что для вас открываются дополнительные возможности. Какие? Сейчас расскажу.

Таким образом, при помощи расширения MakeGIF Video Capture и сайта MakeGif.com вы получаете сразу два полезных в работе инструмента для создания gif-анимации онлайн, без установки программ на свой PC. Насколько я знаю, подобных сервисов в Интернете довольно так много. Похвастайтесь, если вдруг знаете что-то получше.

Гифки — мощный инструмент привлечения внимания для СММщика. Сегодня посмотрим на самые интересные инструменты для создания гифок бесплатно!

Что можно использовать на компьютере?

Презентации. Самый простой и удобный вариант, использовать PowerPoint или Keynote. Каждый слайд передает одно простое движение. Конвертируете как видео, задаёте нужные настройки, а затем видео конвертируете как гифку.

Легко и просто.

Гимп или Фотошоп . Самые суровые и надежные инструменты для изготовления гифок. Гимп — бесплатный аналог фотошопа. Преимущество — любая сложность. Недостаток — очень сложно и долго.

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

Варианты попроще, через онлайн-сервисы

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

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

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

Imgur . Простой сервис по созданию гифок из видео. Поддерживает видео с Ютьюб, Вимео, Фейсбука. Видео из «Одноклассников» и «Вконтакте» не поддерживается.

Если просто загуглить «Создать гифку онлайн», можно получить кучу ссылок на сервисы по созданию гифок из фотографий, которые нужно собрать самому. 100% аналог презентаций.

Мне понравился сервис простой как «кейс в паблике Церебро», и умеет все то же самое, что умеет Keynote или PowerPoint

Пейте кефир, развивайте свои навыки и мойте руки с мылом.

Наверняка все знают о небольших анимированных картинках, иначе говоря о GIF-ках. Пользователи сайта vk.com особенно знакомы с ними, потому что там есть возможность добавлять их в комментариях. Конечно, есть такой вариант, как брать уже готовые изображения. Но не всегда найдешь то что хочешь, и, поэтому я хочу рассказать о сервисах, которые позволяют создать собственные анимированные изображения. При этом от вас не требуется каких-либо супернавыков владения компьютером. В полной новости приводится ряд сервисов, поэтому какой-нибудь из них подойдет и вам!

GIF анимации онлайн

1. Loogix

Чтобы воспользоваться данным сервисом вам необходимо как минимум 3 изображения. Если вам нужна GIF-ка, которая содержит более 3 изображений, тогда вы можете добавить до 10 изображений с помощью ссылки с текстом «Add one more picture». Сервис может создать анимировенное изображение в 5-ти различных скоростях. Также есть возможность добавления эффектов для вашей анимации (например «Размытие»).

Также этот сервис включает еще две возможности для создания анимаций:
• Создание обратных анимаций

2. Picasion

Picasion очень похож внешне на сервис Loogix, но немного отличается. Кроме всего, этот сервис предлагает импортировать изображения с сайта Flickr используя специальный тег изображения (для поиска).

Помимо основного сервиса есть еще три:
• Создание блестящих GIF
• Создание аватарок
• Изменение размера изображения

3. Gickr

Как и два предыдущих сервиса Gickr для создания анимации использует от 3 до 10 изображений. Также этот сервис позволяет не только создавать анимации различных размеров, но и с различными скоростями (до 10 секунд). Присутствует возможность импортировать изображения с сайтом Flickr и Picasa.

4. MakeaGIF

Makeagif представляет собой еще более упрощенный сервис для создания анимаций, чем рассмотренные предыдущие. Почти по центру находится большая кнопка с текстом «add pictures», с помощью которой можно загрузить необходимые изображения. Для того чтобы загрузить сразу несколько изображений необходимо удержить клавишу CTRL и выделять нужные.

Плюс к этому сервису есть еще:
• Создание GIF из роликов Youtube
• GIF-ки с помощью веб-камеры
• Преобразование видео в анимацию GIF

5. GIFMaker.me

Еще один сервис для создания GIF анимаций который поддерживает форматы изображений JPG, PNG и GIF. Всё что нужно для создания анимации сразу видно. Вам лишь нужно загрузить необходимые изображения, а затем, передвигая ползунки, смотреть в окно предпросмотра справа вверху.

6. ImgFlip

Сразу скажу, что при создании анимаций на этом сервисе у вас на GIF-ках будет водяной знак. Чтобы убрать этот знак, нужно иметь аккаунт Pro. А в остальном этот сервис сильно похож на рассмотренные нами выше.

7. GIFPal

Кроме основных возможностей по созданию анимаций, этот сервис позволяет добавлять различные эффекты для GIF-ок: яркость, контрастность и насыщенность.

Зачем вообще может понадобиться сделать гифку из видео?

Почему просто не использовать видео?

Видео — тяжелое. Видеоролик будет весить несколько Мб, а аналогичная гифка в 10-100 раз меньше.

Да, интернет-каналы толстеют, но ведь есть еще и мобильный интернет, есть медленные компьютеры и прочее.

У GIF-анимации есть 2 функции…

Для чего используют GIF?

Я вижу 2 функции. Первая — показать какой-то процесс наглядно.

Вот, например, моя гифка, показывающая как работает программа Punto Switcher:

Можно было долго описывать, как работает программа, но гораздо проще засунуть такую вот гифку. И всем все понятно. Ее вес — всего 29 Кб.

Кстати, второй вариант — сделать крутой скриншот со стрелками. О том, как это делать я писал .

Вторая функция — просто ФАН (развлечение, шутка и т. д.).

Когда в статье нужно показать какую-то эмоцию лучше средства, чем GIF-анимация не найти.

Например, эта гифка отлично показывает злость (499 кб):

а это — скуку (392 кб):

а вот задумчивость (385 кб):

Вставив такую картинку в статью вы сразу сполна передадите вашу эмоцию. Разве не здорово?

Но как найти подходящую гифку онлайн?

Например, я с его помощью смастерил за 5 минут такую гифку из видео на YouTube. Размер -всего 390 Кб:

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

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

Вариант 2. Гифка со съемки экрана

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

Я же для этого пользуюсь удобным программой-комбайном ShareX (ссылка).

Она, конечно, позволяет снять и видео с экрана, но может и сразу создать гифку из всего процесса.

Не гифом единым. Coub!

Картинка — хорошо. Но иногда со звуком все еще лучше. Гифка со звуком — это Coub.

В Интернете полно смешных кубов.

Моя любимая — «Ну и пожалуйста! Не очень то и хотелось!»

А вот про наших народных умельцев, которые дадут жару любому Масачусетскому технологическому:

А этот куб про дороги России. Мы такие сцены видим каждую весну, к сожалению:

Лесной стриптиз. Ни разу не был на стриптизе, теперь знаю, как это бывает:

Ну, а в этом состоянии, я уверен, каждый бывает в пятницу вечером.