Как самому сделать gif-анимацию
Анимации захватывают сплетник! Но это так приятно, поскольку они всегда разбавляют пост и помогают ̶л̶у̶ч̶ш̶е̶ ̶р̶а̶с̶с̶м̶о̶т̶р̶е̶т̶ь̶ ̶в̶с̶е̶м̶и̶ ̶л̶ю̶б̶и̶м̶ы̶х̶ ̶п̶и̶р̶о̶ж̶к̶о̶в̶ передать суть и настроение.
И, конечно, нам всем захотелось объяснения, как их сделать, но никто не писал. Что делать?
Безусловно, можно найти анимацию на тамблере или посмотреть гугл поиск. Вариантов много, но не всегда можно найти то, что вам нужно. А ещё там могут быть надписи или ужасная колоризация. А вдруг вы ещё хотите подписать?
Я анимацию делаю уже лет 8, иногда даже находила мои в постах сплетниц (и тихо радовалась), поэтому хочу рассказать, как вы можете их сделать сами.
1) Прежде всего, нужен фотошоп. Я думаю, у многих его установили вместе со
всевозможными программами, а если нет, то скачать его с торрентов и убрать
временную версию не составит труда. От себя скажу, что особой разницы между
CS4, CS5 или CS6 я не вижу, кроме несколько расширенного функционала, но
нашего дела это не коснется.
2) Вам нужно видео. Может, вы его уже скачали, а скачать с ютюба всегда можно с savefromnet, но я уверена, что все об этом знают.
Тем не менее, это может быть и другая анимация, которую нужно исправить.
3) Относительно нормальный компьютер, чтобы он не возмущался и не закрывал фотошоп. У меня порой бывало, что я делала длинную анимацию, ну и он находил «ошибку»…. Горе, слёзы, психи….
И приступим… Нет, ещё нужно терпение.
Чтобы посмотреть картинку в полном размере, откройте её в новой вкладке.
Для начала, предложим, как обрезать другую анимацию на превью.
Вариант Skarletty с сайтом мне понравился, но иногда оно портит пропорции. А ещё я люблю все сама) Это
не столь важно, но предположим, что вы перфекционист, и вам надо сделать как
можно красивее или так, как хотите вы.
Открываем программу, ждем, жуем конхвету. Эта гадина может тупить. Программа
почти загрузилась — хл:)ем из чашки и приступаем.
У меня это имеет подобный вид, но размещение панелек можно настроить. Теперь откройте вашу анимацию через file-open, но можно сразу из папки перетащить, или «открыть файл через». Это особой роли не играет.
Я взяла вот такое безобразие, которое, конечно, больше 340 на 220. Если у вас нет этой линейки timeline внизу, то нажмите «windows»-«timeline», и она явится.
Дальше все просто. Вам надо обрезать картинку и уменьшить её. И при этом
сохранить пропорции. Для этого выбираем в панели инструментов crop, а в панели
вверху вводим наше разрешение 340х220. На картинке сразу обозначит поле, как
оно обрежет. Можете уменьшить, сдвинуть, а потом два раза тыкнуть кнопкой
мыши, или просто нажать enter.
Финишная прямая. После этого выбираем Image — Image size и в появившемся окне
вводим 340.
Поскольку пропорции сохраняются, то размер высоты автоматически
изменится на 220. Нажимаем ок. Наша анимация для превью готова.
По подобной методике можно сделать любое фото для превью.
Дальше переходим в File — Save for web, в окошке выбираем тот вариант, качество которого вам нравится больше всего, посмотрите, чтобы обязательно было в Looping — FOREVER, иначе она проиграет только раз. После чего жмем «ок» и сохраняем вашу анимацию (на моих примерах я потом ещё добавила контраста и насыщенности, но это не обязательно).
Итог:
Да, скорость я тоже сменила.
Это вариант исправления другой анимации. А дальше мы будем делать сами.
***
Буду проводить на примере видео, не очень большого, поскольку так удобней всего. С фильмами тоже можно, но сложней.
Для примера возьмем томного Фассбендера, который… летает. Нет, я не курю. Откройте aайл с видео, как мы открывали анимацию.
Перед вами квадрат Малевича, ещё в этой непонятной timeline черный квадрат, и
вы думаете, в какую Уганду и Гондурас меня послать, но фиг вам.
Поиграйте, прикиньте, где вы хотите обрезать видео. Перетаскивая синий ползунок, вы можете просматривать кадры без проигрывания.
Когда вы определились с участком, из которого будете делать анимацию, чуть выше видео, в его начале и конце на timelime вы найдете серые маркеры. Перетащите их там, где должна анимация начинаться и заканчиваться.
Мне это что-то напомнило это.
Но продолжаем.
Вам желательно, простите, нужно обрезать картинку. Ваше видео огромное, а
большую анимацию оно не сохранит. Обрезайте так, как мы сделали с анимацией.
Можете выбирать свои размеры, посмотреть, что и как, потом это лучше
уменьшить. Как это сделать — как и с анимацией. Все очень просто. Пускай
только ширина будет около 500 пикселей, поскольку больше не имеет смысла.
Я обрезала его в произвольной манере и уменьшила ширину до 500 пикселей.
Собственно, тут можно закончить. Но давайте я покажу, как сделать его ярче и четче (как на районе).
Для этого посмотрите на палитру (это так называется) слоев у себя справа. Если не можете найти, то нажмите меню вверху Window-layers, Они явятся. Нажмите на ваш слой с видео, как на картинке, после чего переходите в filters-sharpen-sharpen. Оно сделает автоматически. Если же вы решили, что лучше знаете, то можете выбрать smart sharpen и самостоятельно выставить настройки.
Вы замечательны. Теперь добавим света!
Вернемся к слоям. Внизу их палитры есть значки. Вам нужен кружочек, что похож
на инь-ян. Нажимаем. Тут мы можем выбрать, как поменять именно
цветовое-световое-теневое настроение изображения (простите за терминологию,
словом, тут прыщей не замазать :D). Для корректировки света лучше всего
выбрать contrast/levels/curves. Выберите, что нравится больше, и настройте
так, как вам красиво. Я выбрала Уровни (Levels) и немного добавила света.
Ваша анимация, по сути, готова. Нажмите Play, посмотрите, как это должно выглядеть, но с музыкой. Если все нормально, то отлично. Если нет — меняйте. Например, лучше не делать её очень длинной. 4 секунды уже достаточно, иначе будет очень много весить. Маленькая картинка (это когда ширина и высота не больше 250 пикселей) может быть длиннее.
Вы можете её сохранить через file-save for web, как и раньше, но прежде я хочу
внести некоторые замечания. Так, когда вам отроются параметры сохранения, 
Если вы присмотрелись, то вы можете менять размер анимации прямо тут, и я, как
вам кажется, нагрузила вас лишним. Но, поверьте мне, это порой лучше сделать
ДО сохранения, поскольку если ваш агрегат тормозит, как мой, то когда вы
нажмете save for web без изменения размера (а тут конечная анимация весит 5
мегабайт), то фотошоп пошлет вас и закроет программу. Поверьте мне.
Нажимаем save.
Летающий Фасси готов.
Я ознакомила вас с таким способом, потому что с помощью timeleine можно вырезать фрагмент из огромного фильма. Есть и другие способы, но с длинным видео они не будут работать хорошо, вы не сможете выбрать нормально момент.
Но они есть, и я оставляю видео с уроком.
Как пример.
!ВАЖНО!
У того примера, что я показала, есть недостаток — в кеше остаются файлы, что
вы загружали в фотошоп.
Если вы грузили фильм размером с 1 гб, то у вас на
жестком диске пропадет это место. Чтобы не пугаться, перейдите, если у вас
Windows, в User — AppData — Roaming — Adobe — Common. Если вы установили
на жесткий диск, все так и будет. Зайдите в каждую из трех папок и удалите
лишние из них файлы, а ещё удалите папку adobe из Документов.
Если я что упустила, то прошу прощение. Есть вопросы — спрашивайте. Собственно, у меня все)
Как превратить видео в GIF в Adobe Premiere Pro
Любой может превратить свои любимые видео в анимированные зацикленные GIF-файлы в Adobe Premiere Pro. Если вы создаете презентацию в виде слайд-шоу, возможно, вы захотите узнать, как создать GIF, чтобы вам не приходилось загружать весь видеофайл. Если вы создаете онлайн-портфолио, вы можете показать GIF-файлы ваших видео-образцов, чтобы сэкономить время зрителей, ожидающих буферизации видео. Или вы можете просто захотеть превратить забавное семейное видео в гифку реакции, достойную мемов.
Какой бы ни была у вас причина, любой видеоклип легко превратить в анимированный зацикленный GIF-файл в Premiere Pro. Вы можете сделать GIF из любого движущегося изображения, но в этом уроке мы сосредоточимся на экспорте видеоклипа в Premiere Pro. Если вы имеете дело с иллюстрациями или покадровой анимацией, рассмотрите возможность использования Adobe Photoshop или Adobe Animate. Как превратить видео в GIF 
Большинство GIF-файлов длятся всего 5-10 секунд. Используйте инструмент бритвы на панели инструментов, чтобы обрезать клип в начале и в конце. После того, как вы выбрали свой клип, удалите лишние фрагменты видео. Вы также можете щелкнуть любое пустое место перед вашим клипом и избавиться от него, нажав клавишу удаления вашего компьютера.
Если вы хотите сделать GIF из иллюстраций вместо видеоклипа, вы, вероятно, захотите попробовать сделать это в Photoshop. Узнайте, как сделать покадровую анимацию. Вы действующий студент? Посмотрите, как вы можете сэкономить более 60%.
ПОХОЖИЕ…НО ТАКЖЕ СОВЕРШЕННО РАЗНЫЕ
Как упорядочивать и комментировать заметки
6 Клавиши Adobe, найденные случайно
Как оставаться творческим под давлением
Как создать анимированный GIF
минуты на чтение
Даже если вы не можете определить GIF, вы, вероятно, видели его раньше. Это изобретение раннего Интернета, но сегодня оно более популярно, чем когда-либо прежде. В этой статье мы более подробно расскажем вам, что такое GIF и как сделать анимированный GIF.
Содержание:
- Что такое GIF?
- Как сделать GIF из видео?
- Как сделать GIF в Photoshop?
Совет 1. Найдите и удалите дубликаты медиафайлов с вашего Mac
Прежде чем мы объясним, как создавать анимированные GIF-файлы, мы хотели бы сообщить вам, что медиафайлы могут занимать значительную часть вашего дискового пространства.
Если вы регулярно редактируете фотографии и видео на своем компьютере Mac, вы можете создавать дубликаты и даже не подозревать, сколько места они занимают.
Дублирующиеся медиафайлы могут засорить дисковое пространство и в результате замедлить работу Mac. Вот почему очень важно регулярно сканировать ваш Mac на наличие дубликатов файлов и удалять ненужные дубликаты. Вы можете сделать это быстро и безопасно с помощью приложения Duplicate File Finder от Nektony.
Поиск дубликатов файлов
Скачать бесплатно
Что такое GIF?
GIF — это цифровое изображение, обычно анимированное, которое состоит из нескольких кадров, бесконечно меняющихся в цикле. По сути, файл GIF — это просто файл изображения. GIF является одним из популярных форматов цифровых изображений, наряду с JPEG и PNG. Но у GIF есть одна особенность — его также можно использовать для создания анимированных изображений, подобных приведенному ниже.
через GIPHY
GIF считаются анимированными изображениями, поскольку на самом деле они не являются видео.
Скорее, они больше похожи на флипбуки, потому что, во-первых, в них нет звука, а во-вторых, формат GIF изначально создавался не для анимации.
Формат GIF был впервые опубликован в 1987 году. Они были очень популярны на заре Интернета, когда еще не существовал YouTube, а компьютеры не были достаточно мощными для воспроизведения HD-видео. Тем не менее, в наши дни это все еще значительная часть интернет-культуры. На самом деле, GIF-файлы могут быть более популярными, чем когда-либо прежде. Такие гиганты, как Instagram и Facebook, даже сделали их официальной частью своих платформ.
Как сделать гифку из видео онлайн?
Яркие, забавные и быстро загружающиеся GIF-файлы являются неотъемлемой частью блогов, веб-сайтов и социальных сетей. GIF-файлы стали отличным способом цифрового описания ваших эмоций и настроения.
Если вы не можете найти идеальный GIF и вам нужно сделать его самостоятельно, знайте, что выбор инструментов и приложений для этой цели обширен.
Ниже мы перечислили некоторые приложения и веб-сайты для создания GIF.
Лучшие приложения и веб-сайты для создания GIF:
- Gify
- Гифки
- GIF Пивоварня 3
- Подари мне подарок! Создатель камеры
- Тостер GIF – Создатель GIF
Несмотря на то, что существует огромное количество готовых GIF-файлов, создать свой — дело простое и займет всего несколько минут. Вы можете создавать GIF-файлы онлайн, используя любое из упомянутых выше приложений для создания GIF-файлов, но мы покажем вам, как создать GIF-файл, используя пример приложения под названием Gify.
Чтобы сделать GIF из видео, вам следует зайти на сайт Giphy и в правом верхнем углу выбрать «Создать», после чего вы попадете в редактор. Там вы увидите возможность загрузить свое видео или добавить его, вставив URL-адрес видео. Вы можете ввести URL-адреса мультимедиа с YouTube, Vimeo и других ресурсов.
После выбора файла следует выбрать нужную часть видео и продолжительность GIF.
Теперь вы можете стилизовать свой GIF, добавляя текст, фильтры или стикеры. Как только ваш GIF будет готов, просто нажмите кнопку «Продолжить». Теперь вы можете поделиться GIF в социальных сетях или на своем веб-сайте. Для этого просто скопируйте ссылку на гифку.
Прочтите также эту статью о 6 лучших сайтах для обмена фотографиями.
Как сделать GIF в Photoshop?
Если вы предпочитаете не использовать онлайн-инструменты для создания анимированных GIF-файлов, есть много способов создать их в автономном режиме. Лучшим автономным инструментом, который даст вам полный контроль над процессом и обеспечит высокое качество, является Adobe Photoshop. Давайте посмотрим, как превратить видео в GIF с помощью Photoshop.
Чтобы сделать GIF в Photoshop, выполните следующие действия:
- Запустить Фотошоп.
- Нажмите на File в строке меню, выберите Import и выберите Video Frames To Layers…
- Найдите видео, которое хотите использовать, и нажмите Открыть .
- Щелкните OK , чтобы преобразовать видеокадры в однослойный файл.
- Щелкните Окно в строке меню и выберите Временная шкала .
- Щелкните значок стрелки и выберите Создать анимацию кадра . Затем нажмите кнопку, чтобы создать новую анимацию кадра.
- Щелкните значок Меню в правом верхнем углу панели временной шкалы и выберите параметр Создать кадры из слоев . Для предварительного просмотра анимации вы можете использовать пробел.
- Чтобы зациклить анимацию, щелкните меню «Повтор» в нижней части панели «Таймлайн» и выберите Навсегда .
Поздравляем! Ваш анимированный GIF почти готов. Последний шаг — экспорт из Photoshop. Для этого перейдите на File в строке меню и выберите Export -> Save for Web (Legacy)… В открывшемся окне необходимо изменить следующие настройки:
- рядом с Present – выбрать GIF 128 Dithered ,
- установите необходимые Ширину и Высоту в разделе Размер изображения,
- выберите Forever в меню «Параметры цикла».
