Как делать анимированные гифки. Как загрузить gif вконтакте. Добавление изображений GIF анимации в Photoshop

Ранее на сайте мы рассматривали сторонние , однако большинство из них запросто может заменить обычный Фотошоп. Анимированные GIF файлы с его помощью делаются достаточно легко и быстро. Они, как правило, состоят из нескольких изображений (кадров), которые при пошаговой смене и образуют финальный результат. Сегодня постараемся максимально детально рассмотреть данный вопрос от А до Я:

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

Процесс занял буквально минут 5-10. Тут важно просто внимательно выполнять все шаги. В конце поста найдете англоязычный видеоурок по данной теме.

Добавление изображений GIF анимации в Photoshop

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

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

На следующем шаге выделяете все слои в проекте (кликаете по ним удерживая клавишу Ctrl). После этого открываете контекстное меню в правом верхнем углу окна Timeline и по выбираете «Make Frames From Layers».

Из всех видимых и выделенных слоев Adobe Photoshop создаст кадры анимированного GIF. В результате увидите их в панели Timeline.

Настройки GIF анимации в Фотошопе

Здесь вам нужно будет указать 2 вещи: продолжительность отображения разных кадров + число повторений гифки. Начнем с первого. Под каждым объектом-картинкой в Timeline найдете время показа и стрелочку вниз. Кликаете по ним и во всплывающем меню выбираете длительность карда.

Элементам можно указывать разное время либо задать параметр одновременно для нескольких из них (совместное выделение как и в слоях — с помощью Ctrl).

Чтобы «зациклить» GIF в Фотошопе при создании анимации выбираете значение Forever в соответствующей настройке как показано на скриншоте ниже.

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

Сохранение GIF анимации в Фотошоп

В финальной части нашего руководства рассмотрим как правильно сохранить GIF анимацию в Фотошопе. Для этой цели используется знакомый всем инструмент Save for Web, однако в последних версиях Adobe Photoshop СС он располагается в новом месте меню (File — Export). К счастью Alt + Shift + Ctrl + S все еще работает.

В открывшемся окне настроек надо выбрать формат GIF, а также убедиться, что настройка Looping Options установлена в Forever. В нижнем правом углу окна есть возможность запустить созданный вами анимированный GIF в Photoshop для предпросмотра.

Если все функционирует так, как нужно, кликаете Save и сохраняете файл на локальном компьютере. Чтобы проверить работоспособность GIF требуется открывать его в браузере, т.к. встроенный просмотрщик Windows анимацию не проигрывает.

Кстати вы также легко можете экспортировать ваш проект в видео формат. Порядок действий аналогичный как при сохранении GIF анимации, но в Фотошоп меню выбираете пункт File — Export — Render Video.

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

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

Если у вас остались еще какие-то вопросы о том как сделать GIF анимацию в Фотошопе или есть дополнения, пишите в комментариях.

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

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

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

Для начала разберём онлайн сервисы. Представляю вашему вниманию ToolsOn – популярный ресурс по созданию GIF-анимации. Присутствуют и другие функции, к примеру, создание коллажей, иконок формата ICO, создание логотипа и конвертер рингтонов.

Чтобы создать гифку онлайн необходимо перейти в раздел . Нам предлагают загрузить пару изображений. Вы можете как выбрать файлы с компьютера с помощью соответствующей кнопки «Выберите файлы» или просто их перетащить.

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

В прочих параметрах вы можете выбрать повторяться ли анимации, а также накладывать эффекты или нет.

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

Здесь вы можете создать гифку при нажатии на кнопку «Create Animation» . Выбираете изображения с компьютера или сразу с камеры.

Справа появится выбор скорости изменения анимации в миллисекундах.

Также есть возможность скачать приложения для Android, iOS и Windows.

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

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

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

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

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

Сервис GIF Maker

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

Когда оно загрузится появятся функциональные параметры. Например, «Start Time» означает, с какого момента начинать анимацию.

Ползунок ниже означает конец анимации, выбираете, как хотите.

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

После настройки параметров нажмите «Create GIF» и ждём окончания процесса. Если видео по размеру было большое, то придётся долго ждать.

Какие недостатки в этом сервисе можно наблюдать?

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

Создание гифок из видео с помощью Imgflip

Очередной. Доступно для Windows и OSX.

Что эта программа умеет? Она записывает видео с определённой области на экране и сохраняет его в формате GIF. Кто занимается компьютерной деятельностью и даёт какие-то советы может использовать этот способ.

Gifcam

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

У нас в 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 анимация сделает акцент на одном аспекте.

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