Создание gif из фотографий. Как сделать гифку из фото

В данной статье мы расскажем о том, как добавить гифку в Одноклассники, следуя нашей пошаговой инструкции, а также вы узнаете подробнее про гиф-анимацию. Помимо обычных медиафайлов в социальной сети ОК (фотографий, аудиозаписей и видеороликов) вы также можете добавлять gif-изображения. Чтобы узнать, к себе на компьютер или в альбом в социальной сети, переходите по соответствующей ссылке.

Что это такое и как работает?

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

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

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

Пошаговая инструкция

Закачать Гиф на Одноклассники можно с помощью нашего пошагового алгоритма:

• сначала зайдите на вашу страницу, предварительно авторизовавшись на сайте;

• далее у вас есть два пути добавления: в статус на вашей странице или через раздел заметки;

• рассмотрим подробнее первый вариант. В своем профиле кликните по полю «О чем вы думаете?»;

• в увеличенном окне выберите кнопку «Фото»;

• перед вами откроется окно с вашей директорией на компьютере. Найдите необходимую анимацию и нажмите кнопку «Загрузить»;

• Запись появится на вашей стене и будет видна всем вашим друзьям в ленте обновлений.

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

Как добавить в альбом гифы в Одноклассниках?

Для этого выполните следующие действия:

• на своей личной странице нажмите на раздел «Фото» в верхней полоске меню;

• здесь кликните на кнопку «Добавить фото»;

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

• после этого вы можете разместить гифку из альбома на аватарку или на свою стену.

Как установить гифку на аву в Одноклассниках?

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

• на странице с вашим профилем кликните на кнопку «Добавить фото» на месте вашей аватарки, если вы хотите заменить текущую аватарку, наведите на нее и нажмите «Сменить фото»;

• здесь вы можете перенести GIF на аву с компьютера, либо те, которые уже загружены в ваш альбом;

• на экране предпросмотра кликните на кнопку «Установить».

Как добавить гифку

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

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

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

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

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

Мы все это читаем и нажимаем на кнопку «Выбрать файл»:

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

Гифка появляется у вас в сохраненных доках и вы теперь можете ее вставлять куда-угодно. Начнем со своей стены.

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

Заходим на свою главную страничку, начинаем писать сообщение на стене до того места, пока не нужно будет вставлять анимацию. Далее нажимаем «Еще – Документ». Смотрим на скриншот:

У нас подгружается список наших доков. Напротив нужной гифки нажимаем на кнопку «Прикрепить»:

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

У нас находится куча анимашек. Напротив нужной также необходимо нажать кнопочку «Прикрепить»:

После того, как анимация в окошко добавлена, жмем на кнопочку «Отправить»:

Как отправить gif-анимацию сообщением вк

Загружать с компьютера гифки и искать их мы с вами уже научились, теперь рассмотрим, как их отправлять сообщениями.

Находим собеседника, которому хотим отправить анимацию. Пишем сообщение, далее нажимаем «Еще – Документ»:

Выполняем уже знакомую нам процедуру и прикрепляем гифку:

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

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

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

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

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. Надеемся, наши советы вам помогут.

Ранее на сайте мы рассматривали сторонние , однако большинство из них запросто может заменить обычный Фотошоп. Анимированные 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 анимацию в Фотошопе или есть дополнения, пишите в комментариях.

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

Как сделать «гифку» из фотографии?

Как мы писали, создание «гифки» — простой процесс. Сегодня используют специальные онлайн сервисы для создания «гифок». Мы расскажем Вам, как сделать «гифку» из фотографии использовав онлайн сервис:

1. найдите в Интернете онлайн сервисы «гиф»-анимации (например: gifovina.ru или minimultik.ru).
2. найдите картинки, которые Вы будете использовать для создания «гифки»
3. скопируйте эти файлы к себе на компьютер
4. выберите желаемые размер будущей анимации («большой», «аватар» и др.)
5. выберите скорость, с какой будут сменяться кадры
6. нажмите кнопку «продолжить» (или «continue»).

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

Если есть готовая «гифка»

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

1. скопировать или запомнить ссылку на «гифку»
2. вставить или ввести ссылку на «гифку» в окошко на Вашей стене.
3. после чего нажать на кнопку «Отправить»

Сохраняем «гифку»

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

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

Видео уроки