Создание GIF анимации в Photoshop. Как сделать гифку из фото

Всем привет. Анимация gif — это анимированное видео. Используется для привлечения внимания, в вконтакте используются как приколы. Изначально администрация Вконтакте выступала против добавления gif анимации на сайт. Время идет, популярность анимированных видео в интернете возросла. Чтобы не отставать от «моды» разработчики Вконтакте дали возможность добавлять гифки на стену. У пользователей возник вопрос: как добавить гифку в Вк .

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

Как сохранить гифку на компьютер

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

Как загрузить gif Вконтакте

Добавлять gif анимацию надо следующим образом. Входите в раздел меню Документы .

Если его нет, нужно настроить. Жмите шестерёнку возле меню, или в настройках ⇒ Общее ⇒ Настройка пунктов меню .

В разделе Документы жмёте Добавить документ .

Выбираете файл на компьютере. Ограничение по обьёму файла — 200 Мб. После загрузки указываете доступность, метки при необходимости, по которым gif-файл будет доступен в поиске.

Как добавить гифку в Вк на стену

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

Как добавить gif сообщением в вк

Проделав манипуляции, описанные выше, можно отправить gif анимацию сообщением любому собеседнику.

Где найти gif анимацию в Вконтакте

Gif анимацию можно найти на просторах интернета в достаточном количестве. Забейте в поиск — гифки для Вк, прикольные гифки, допустим, и тысячи сайтов выдадут свои предложения. В самом Вконтакте есть сообщества где можно найти гифку: vk.com/best_gif и vk.com/gif_01. Выбираете понравившуюся, добавляйте в документы и делитесь с друзьями.

Создать gif самому

Делится популярными изображениями, конечно классно. Но высшим пилотажем будет делится гифками созданными самим. Вконтакте запустил приложение чтобы можно было сделать гифку из видео онлайн — http://vk.com/gifcreator .

Необходимо выполнить следующие действия:

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

Как видите, всё очень просто. Надеюсь, вопрос как добавить гифку в Вк снят.

Отпишитесь в комментариях, пригодилась ли Вам статья.

Желаю удачи!

GIF-анимация – череда циклически изменяющихся изображений и кадров видео – один из популярных форматов интернет-контента. Этот формат особо любим интернет-маркетологами за его способность привлекать внимание аудитории. Формат GIF используется для создания рекламных баннеров, презентационных материалов продукции и услуг в коммерческой среде, развлекающего контента в соцсетях. GIF-анимация эффектнее статических картинок, а у видеоконтента выигрывает малым весом и способностью донести суть информации, как и изображение, почти мгновенно. Да и создание «гифок» – процесс, в разы проще, чем съемка и монтаж видео.

Безусловно, у процесса создания GIF-анимации есть свои уровни мастерства. На профессиональном уровне «гифки» создаются с использованием мощных графических редакторов типа Adobe Photoshop. Способ попроще – применение функциональных узконаправленных программ, предназначенных именно для создания GIF-анимации. Они не столь сложны, как графические редакторы профессионального уровня, но все же освоить их за один вечер удастся не каждому.

Программы для gif-анимации – это EximiousSoft GIF Creator, FotoMorph, Ulead Gif Animator и их аналоги – примечательны наличием специальных эффектов. Для создания простенькой GIF-анимации особых каких-то навыков не нужно. Любительские «гифки» можно создать просто, быстро и бесплатно. Для этого в Интернете существуют специальные веб-сервисы. Они могут дополнить функционал несложных графических редакторов или менеджеров изображений, которые не умеют экспортировать в формат GIF, но обладают необходимыми опциями для коррекции картинок, интересными эффектами и просты в использовании. Как сделать gif - анимацию из картинки? Тройку простых веб-сервисов и предлагаемых ими способов создания GIF-анимации онлайн рассмотрим ниже.

Программы для создания GIF-анимации

1. Веб-сервис ToolsOn

Веб-сервис ToolsOn – этой такой себе обывательский портал, предлагающий бесплатные простенькие инструменты для решения разного рода задач: создание рингтонов, логотипов, иконок, фотоколлажей, GIF-анимации. GIF-файлы можно создавать из изображений и видеороликов. Чтобы оживить статичные картинки, жмем раздел сервиса «Создать GIF-анимацию», добавляем хранящиеся на компьютере изображения (их общий вес не должен превышать 15 Мб), даем анимации имя, устанавливаем время задержки кадров и параметр цикличного воспроизведения (при необходимости).

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

После обработки задачи созданная анимация скачивается на компьютер.

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

Так же просто, как из картинок, создается GIF-анимация из видеороликов. В разделе ToolsOn «Конвертировать видео в GIF» жмем кнопку с надписью «Видео в GIF конвертер».

В форму сайта добавляем находящийся на компьютере видеофайл в поддерживаемых сервисом форматах MP4, OGV, OGG, WEBM. Далее в плеере-превью загруженного видео выбираем точку начала анимации. Задаем значение частоты кадров и жмем «Start Recording». По завершении нужного отрезка видео жмем кнопку «Stop Recording». Сохраняем GIF-анимацию на выходе в файл.

2. Веб-сервис Gif creator

Веб-сервис Gif creator предлагает больший перечень исходных материалов для создания GIF-анимации на выходе, нежели предыдущий участник обзора. «Гифки» могут быть созданы не только из хранящихся на диске картинок и видео, но также из фото, создаваемых по ходу процесса с помощью камеры компьютера. GIF-анимация, создаваемая посредством инструментария в окне браузера, размещается на сервере веб-сервиса, откуда файлы можно скачивать на компьютер. Не потерять веб-адрес созданного «шедевра» помогут кнопки расшаривания ссылки в соцсетях. Но Gif creator может работать и локально, для этого лишь нужно воспользоваться бесплатными клиентским приложением для iOS, Android или Windows 10. Благодаря наличию клиентских приложений, их простоте и удобству веб-сервис Gif creator и был выбран для этого обзора из немалого числа веб-ресурсов, предлагающих бесплатное создание GIF-анимации онлайн.

Клиентские приложения Gif creator поддерживают только создание GIF-анимации из изображений – имеющихся на компьютере или создаваемых по ходу процесса с помощью камеры. В окне приложения выбираем раздел «Gif из картинок».

Соответствующими кнопками внизу либо активируем камеру для создания снимков, либо добавляем имеющиеся изображения. По итогу жмем кнопку-галочку.

Затем задаем значение задержки кадров анимации, при желании добавляем какую-то надпись и нажимаем кнопку «Применить». Если нужно только локальное сохранение GIF, далее используем кнопку «Сохранить», и файл будет сохранен в специальном месте устройства. Для Windows 10, например, это папка «Gif creator» внутри папки пользовательского профиля «Изображения».

Все созданные с помощью приложения GIF-файлы отображаются в местной галерее «Мои Gif». Любую из них в дальнейшем можно удалить и с компьютера, и с сервера Gif creator.

3. Веб-сервис Google Фото

Веб-сервис Google Фото – фотохостинг от крупнейшего поисковика Интернета – явный победитель в номинации «Самый простой способ создания GIF». Но это пока что. Дело в том, что фотохостинг от Google активно развивается, но уже можно предположить, что поисковой гигант намеревается сделать своего рода уникальный продукт с минимумом инструментария для пользователей, но с максимумом заявленных возможностей. Плюс к этому, Google Фото задуман как интеллектуальный продукт. Сервис сам каталогизирует загруженные изображения по тегам мест съемки, тематики, сам может создавать из фото эффектные видео по типу слайд-шоу. А после установки клиентского приложения для iOS, Android или Windows и оставлении его работать в фоновом режиме, компания Google будет еще и незримо стоять на страже сохранности пользовательских медиатек, автоматически отправляя копии созданных фото и видео в интернет-хранилище Google Фото. Из доступных для пользователей возможностей внутри сервиса – несложное редактирование изображений, наложение эффектов, создание коллажей и GIF-анимации.

Для создания «гифки» в веб-интерфейсе Google Фото выбираем первый раздел «Ассистент», а в нем жмем кнопку «Анимация».

Выделяем нужные картинки из числа предварительно загруженных в Google Фото, жмем кнопку «Создать».

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

Все созданные таким образом GIF-анимации хранятся в разделе Google Фото «Альбомы», в подразделе «Анимации».

Не имея настроечных опций при создании GIF, Google Фото выигрывает у других сервисов возможностью загрузки большего веса исходных изображений. Для бесплатного хранения медиаконтента в Google Фото каждому зарегистрированному пользователю выделяется 15 Гб облачного пространства. Включить в состав анимации можно аж до 50-ти изображений.

Отличного Вам дня!

Сделать гифку онлайн может каждый пользователь. Такая анимация – это набор упрощенных кадров, которые переведены в формат изображения.

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

Благодаря стремительному росту спроса на интернет, появился и спрос на услуги провайдеров соответственно.

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

Анимацию можно сделать двумя способами:

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

Сервис Минимультик

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

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

Создание проводится абсолютно бесплатно.

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

• Зайдите на официальный сайт разработчика сервиса. Ссылка: http://minimultik.ru/
• Вы увидите три условно разделенных столбика, информацию в которых необходимо заполнить. Для начала загрузите картинки на сервер сайта, используя клавишу «выбор фотографии и картинки…», которая имеет бежевый цвет на рисунке ниже;

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

Также на сервисе поддерживается возможность создания короткой гифки со звуком.

Анимация со звуком – это уже своеобразный видеоролик, который современные пользователи интернета называют вайном (от английского слова “vine”).

Создание анимации прямиком с веб-камеры – с эффектами

Многие пользователи задаются вопросом о том, где создать красивую гифку с вебки.

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

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

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

Примеры созданных гифок с веб камер пользователями сервиса в режиме реального времени

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

Готовую гиф-картинку можно скачать на компьютер, а уже с компьютера ее можно распространять в интернете.

Использование сервиса Buildgif

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

Следуйте короткой инструкции, чтобы создать собственное анимационное изображение с ютуб:

1. Зайдите на официальную страницу приложения в интернете. Ссылка: http://buildgif.com/
2. В текстовом поле вставьте ссылку на веб-страницу с видео, которая ведет на сайт «Ютуб»;
3. Если поиск проведен успешно, ниже появится само видео, как показано на рисунке выше;
4. Проставьте объем анимации в настройках и нажмите на клавишу «Создать анимацию».

Процесс создания анимации с видео на видеохостинге Ютьюб

Возникла задача создать гифки на определенную тему.
Дело в том, что баннеры и тизеры лучше всего работают анимированные. Продажа реального товара проще всего получается если покупатель визуально видит рекламируемые товары. Поэтому лучше всего делать такие баннеры из обзоров нужного товара. Благо в 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. Насколько я знаю, подобных сервисов в Интернете довольно так много. Похвастайтесь, если вдруг знаете что-то получше.

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

В конце концов люди начали спрашивать нас: «Как вы создаете GIF анимации?». Пришло время раскрыть секрет.

Дизайн GIF изображений

1. Секретный ингредиент

Вот мой небольшой секрет: все мои GIF анимации сначала были видео-файлами. Обычно я использую ScreenFlow , который я кстати также применяю для создания видео наших продуктов. Это простая программа, которая в то же время содержит множество полезных анимационных инструментов.
После того как я сохраняю анимацию как видео файл, я импортирую его в Photoshop через File > Import > Video Frames As Layers.

Совет: Если ScreenFlow или After Effects вам не по карману, то создайте анимацию в Keynote, и экспортируйте ее как видео. Наконец-то, хоть какое-то применение этой функции в Keynote.

2. Меньше цветов = больше веселья

Если вы хотите делать крутые GIF анимации, то нужно с особым трепетом подойти к выбору цвета. Это повлияет не только на размер файла, но и позволит создать более продолжительные анимации с маленьким размером файла. (Для меня маленький - это менее 1MB)

3. Используйте размытие в движении (motion blur), если возможно

Такие программы как ScreenFlow и After Effects позволяют экспортировать видео с применением размытия в движении. Это не только придаст вашей анимации профессиональный вид, но и упростит процесс уменьшения размера файла в Photoshop.

4. Будьте (отчасти) ленивыми

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

Экспорт GIF анимаций

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

5. Удалите кадры-дубликаты

Скорее всего ваша анимация останавливается или остается неподвижной на какой-то момент времени. Присмотревшись, можно заметить, что этот момет состоит из нескольких одинаковых кадров. Если таких кадров 10 штук, то удалите 9 из них и установите длительность оставшегося кадра на, например, 1 секунду.

Если это не поможет, попробуйте заново импортировать видео, но на этот раз выберите параметр Limit To Every 2 Frames. Это должно значительно уменьшить размер файла.

Совет: Если ваша анимация состоит из более 150 кадров, то возникнут проблемы при попытках уменьшить размер файла.

6. Меньше цветов

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

7. Измените параметр Lossy* (потери)

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

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

Ничего не изменилось! Помогите!

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

От переводчика. Со всеми пожеланиями и замечаниями по поводу перевода прошу обращаться ко мне в личку. Спасибо!