Как создать gif анимацию онлайн. Создание GIF-анимации онлайн. Добавление изображений GIF анимации в Photoshop

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

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

Когда вы загрузили фотографии, и выбрали нужный анимационный шаблон и довольны результатом, что бы сформировать и сохранить полученную анимацию нажмите кнопку “Готово". Формирование анимации требует немного времени, подождите, после приложение даст вам возможность сохранить гиф-анимацию на диск. Надеюсь вам понравиться наше приложение и вы зайдете еще на сайт создать прикольную GIF анимацию. Если у вас возникли вопросы или пожелания по работе приложения пишите в комментариях (пока только для пользователей vk.ru и facebook.com), либо в разделе "Отзывы и комментарии" (см. внизу справа).

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

Вот одна из анимашек которую я сделала в PixMix за 5 минут

Как начать пользоваться онлайн фоторедактором PixMix

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

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

Вы можете написать блестящий или однотонный текст с обводкой на своём анимированном шедевре. Для этого надо кликнуть на букву «T» (жёлтая стрелочка). Написать текст (синяя стрелка). Наверху выбрать стиль шрифта (Бирюзовая стрела) и обводку (сиреневая) или без обводки (красная).

Выбрать чернила слева (то есть заливку текста), когда вы нажимаете на текст в онлайн фоторедакторе автоматически выставляется раздел «Чернила»

Жмите на слово «Хорошо» и увидите текст на своей анимационной картинке.

Вокруг текста вы увидите прямоугольную рамку и инструменты в каждом углу этой рамки:

Крестик – удалить
Стрелочка с двумя наконечниками – сделать надпись больше или меньше
Стрелочка закруглённая – наклонить в одну, либо в другую сторону
Прямоугольник в кружке – размножение текста

Вы можете менять «чернила», обводку и стиль текста, не меняя самого текста. Нажимать «Хорошо» и смотреть что у вас получится.

А после того как вы создадите свой шедевр – нужно нажать на зелёную галочку внизу слева от картинки. Когда сервис сгенерирует картинку, вас перекинет на страницу где нужно ввести название картинки. Описание – не обязательно.

Там же вы можете выбрать скорость анимации. По умолчанию там выставлена средняя.

И в заключении надо нажать на зелёную кнопку «Реестр».

После этого фоторедактор PicMix сгенерирует вашу блестящую анимированную картинку. И под своей анимационной картинкой вы увидите вот такие функции:

А ещё вы сможете добавить использованные в этой анимационной картинке блестяшки к себе в избранное. И они у вас появятся в разделе «Мои любимые марки» и вы их увидите когда начнёте создавать новую gif картинку. Для этого наводим на марку мышку и в выпавшем окне кликаем на слова «Добавить в избранное».

Марки вы можете так же добавить в избранное в разделе STAMPS на главном меню сайта ПикМикс.

Когда нас перекинет на другую страницу — нажимаем на слова «Версия без логотипа»

И наша анимированная картинка открывается в новом окне.

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

Скорее всего на Фейсбуке картинка будет прочитана не сразу, а сначала появится вот такая публикация

Не спешите нажимать на слово «Опубликовать». Обновите страницу и поставьте ссылку туда ещё раз. Если опять появится то же самое, то опять обновите страницу. И только когда появится ваша красавица анимированная картинка, кликайте на слово «Опубликовать».

Красиво смотрится анимированная картинка на Фейсбуке. Гугл+ и Одноклассниках. А вот ВКонтакте картинка получается маленькая и чтобы увидеть анимашку во всей красе надо кликать на неё. Мне это не очень нравится, если честно.

А ещё в разделе «Мой PicMix» вы можете установить аватар для вашей учётной записи в качестве любой, из созданных вами Gif картинок, для этого сервиса.

Теперь вы сможете создавать потрясающие анимационные картинки в онлайн фоторедакторе PicMix и выкладывать их в социальных сетях.

А если вам не слишком то понятны скриншоты и объяснения в моей статье, то предлагаю посмотреть видеоурок

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

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

Способ 1: Easy GIF Animator

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

Откройте программу. В блоке опций «Мастера создания» щёлкните по пункту «Создать новую анимацию» .

Откроется окно «Мастера создания анимации» . В нём нажмите на кнопку «Добавить изображения» .

Запустится «Проводник» — используйте его, чтобы открыть каталог с фотографиями, из которых хотите сделать GIF. Добравшись до нужной папки, выделите файлы (удобнее всего это сделать комбинацией CTRL+ЛКМ ) и нажмите «Открыть» .

Вернувшись обратно к «Мастеру…» , можете изменить порядок изображений, используя кнопки-стрелки. Для продолжения работы нажимайте «Далее» .

Настройте циклы и задержку готовой анимации, затем снова используйте кнопку «Далее» .

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

Нажмите «Завершить» .

В случае необходимости воспользуйтесь другими возможностями программы – например, предварительным просмотром готовой GIF.

Для сохранения результата щёлкните по пункту меню «File» .

Далее выберите пункт «Сохранить» .

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

Готово – в выбранной папке появится GIF-анимация.

Использовать Easy GIF Animator очень удобно, но это платная программа с коротким сроком действия пробной версии. Впрочем, для единичного использования подойдёт прекрасно.

Способ 2: GIMP

Свободный графический редактор ГИМП является одним из самых удобных решений для нашей сегодняшней задачи.

Как видим, очень и очень просто, справится даже начинающий пользователь. Единственный недостаток ГИМП – медленно работает с многослойными изображениями и тормозит на слабых компьютерах.

Способ 3: Adobe Photoshop

Самый технически навороченный также имеет в своём составе инструменты для превращения серии фотографий в 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. Надеемся, наши советы вам помогут.