Как научиться искать гифки и делать их самостоятельно? Где искать свежие интересные гифки? Как создать гифку из записи экрана

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

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

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

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

Что необходимо для появления альбома на вашей странице?

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

Где находятся анимации?

Чтобы найти Гифы, вы должны следовать представленной инструкции:

  • зайдите на сайт;
  • авторизуйтесь со своей личной страницы;
  • на странице со своим профилем нажмите на раздел «Фото»;


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


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

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

Гифки не воспроизводятся автоматически. Для этого вам необходимо один раз кликнуть левой кнопкой мышки по изображению. Файл загрузится с сервера (скорость зависит от вашего провайдера) и после этого вы можете его посмотреть. Так же вы можете смотреть гифки в Одноклассниках на Андроиде или любом другом мобильном устройстве (смартфоны, планшеты).

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

Как создать гифку из видео

1. Giphy GIF Maker

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

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



Пролистайте ниже, чтобы добавить надписи к вашему gif-изображению, а также прописать тэги, если хотите, чтобы аудитория находила вашу гифку прямо в каталоге Giphy:



Если вам это не нужно, то просто нажмите кнопку Create GIF. В новом окне вам будет дан HTML-код вставки gif-файла, а во вкладке Advanced – прямая ссылка на его скачивание. Гифка, созданная с помощью этого сервиса:



Недостатки сервиса:

  • Можно добавить только одну подпись
  • Невозможно выбрать размер изображения

2. Imgflip

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





Гифка, созданная с помощью этого сервиса:

Недостатки сервиса:

  • Многие полезные функции работают только в платной версии, которая стоит $9,95 в месяц

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

  • Найдите подходящее видео на Youtube и скачайте его к себе на компьютер . Это можно сделать с помощью сервиса Savedeo или любого другого подобного.
  • Вырежьте из видео нужный вам фрагмент . Это можно сделать с помощью любого видео-сплиттера или стандартных Windows Movie Maker или Киностудии. Убедитесь, что длительность видео не превышает 2-3 секунды, иначе файл получится слишком большим и тяжелым. В этих же программах можно добавить нужные надписи.
  • Откройте его в фотошопе . Нажмите Файл – Импортировать – Кадры видео в слои (или, если фотошоп на английском, File – Import – Video frames to layers).



  • Поиграйте с настройками . Нажмите Файл – Сохранить для Web и постарайтесь изменить настройки так, чтобы вес изображения не превышал нескольких мегабайтов. Изначально мое трехсекундное видео весило 11,02 мегабайта.



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



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

Как создать гифку из записи экрана

4. Licecap

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



5. Gifcam

Работает по такому же принципу, как и Licecap, но имеет более современный интерфейс. В принципе, это единственное отличие.

Что случилось?

Гифки захватили мир! Опять. Лет десять назад они уже переживали пик популярности, но затем начали уступать место видео. Теперь гифки вернулись. Giphy , крупнейший сборник анимированных картинок, рассказал , что каждый день его пользователи просматривают по миллиарду гифок и проводят суммарно за этим занятием по два миллиона часов. И это неудивительно: гифки рассказывают короткие (и часто очень смешные) истории, и никакой эмодзи никогда так точно не выразит эмоцию, как это сделает удачно подобранная гифка.

2

Где искать свежие интересные гифки?

Лучше всего заглянуть туда, где их сбором занимается большое сообщество людей - в специализированные разделы Reddit , 9GAG и Dirty . Это три главных места, за которыми стоит следить. Те, кто об этом знают, собирают много лайков.

3

А если мне нужна определенная гифка?

Тогда упомянутые выше сайты вам не помогут. Вам нужны каталоги с хорошим поиском: GIPHY , Imgur и Tumblr . Первый из них сразу ищет по гифкам (надо лишь ввести ключевые слова), второй умеет отфильтровывать анимированные изображения (вот ссылка , в которой уже включена эта опция), а в третьем в поиске надо к ключевым словам добавить «gif» (либо зайти на Tumblr TV , там только гифки).

Если вы ищете что-то древнее, воспользуйтесь сервисом GifCities - это поисковик по «олдскульным» гифкам. Вот таким:

4

Нельзя просто погуглить?

Можно, и иногда это даже помогает. Надо открыть поиск по картинкам. Под поисковой строкой нажать «Инструменты поиска» и в меню «Тип» выбрать «Анимированные». Тогда в выдаче будут только гифки.

5

А если я хочу сделать свою собственную гифку?

Лучший инструмент для этого - Photoshop. Проще всего взять за основу какое-то видео, а поверх него добавить эффекты, надписи или изображения. Чтобы импортировать видео как гифку, нужно в Photoshop открыть меню File, выбрать пункт Import, и в нем - Video Frames to Layers.

Чтобы превратить в гифку серию фотографий, действуйте так: File > Scripts > Load Files into Stack. Дальше вы сможете работать как с каждым кадром по отдельности, так и над всей гифкой - менять размеры, задержку между кадрами и количество цветов (это сильно влияет на размер файла). Чтобы узнать побольше о создании гифок, почитайте соответствующие инструкции - например, вот эту от Adobe, - или посмотрите видеоуроки (хотя бы что-то такое).

6

Что-то сложновато. Можно попроще?

Поддержите проект — поделитесь ссылкой, спасибо!
Читайте также
Правильное поведение при родах и схватках, чтобы родить без боли и разрывов Правильное поведение при родах и схватках, чтобы родить без боли и разрывов Как сшить корсет Моделирование корсетного платья Как сшить корсет Моделирование корсетного платья Рецепт том быть хорошим другом Рецепт том быть хорошим другом