GIF-изображения - отличный способ разнообразить и «оживить» своей динамичностью классические статичные профили. Предоставляю гайд на тему их создания и добавления в профили.
Создание GIF-изображений[]
Ремарка: Создать GIF можно множеством способов - начиная с отдельных программ (GifCam, Photoshop) и заканчивая сайтами с соответствующим функционалом. Так как проще и быстрее делать это через сайты, то данный мануал в основном будет направлен на обучение использованию одного сервиса, через который делают GIF на этой вики большая часть пользователей.
Для этого мы будем использовать сайт ezgif.com.
Загрузка видеофрагмента[]
Чтобы создать GIF, необходимо загрузить на сайт видеофайл, который будет преобразован в картинку.
Можно загрузить фильм/эпизод целиком, но так как сайт не обрабатывает файлы весом более 100 мегабайт, в большинстве случаев придется вырезать нужный фрагмент отдельно.
Для этого подойдет любой видеоредактор (в том числе и онлайн-сервисы для обрезки видео), но тут будет рассмотрен пример использования программы Movavi Video Suite 2020. В ней есть функция SplitMovie, которая подходит для того, чтобы вырезать нужный фрагмент видео.
Созданный фрагмент необходимо добавить на сайт ezgif. Для этого открываем раздел Video to GIF и загружаем видеофайл.
Хронометраж GIF-изображения[]
После загрузки можно выбрать время, которое будет длиться гифка, если в ней изначально есть лишние моменты, что по какой-то причине остались в видеофайле после его обрезки.
Для этого под видео есть шкалы, в которых можно выбрать время начала и окончания гифки. В большинстве случаев, если у гифки нет лишних участков, то можно пропустить этот шаг.
Базисная ширина[]
После загрузки определяем ширину картинки. На вики установлены 2 варианта ширины - 350 и 704 пикселей. 350 пикселей располагаются парно, а 704 - это заглавная картинка или выделение в профиле чего-то важного, к примеру, изображений после блока с атаками, техниками и способностями; новыми абзацами и перед результатами. (просмотрите примеры профилей, использующих GIF разного формата)
Поэтому, чтобы создать маленькие гифки выбираем ширину 400хAUTO. Для крупных выбираем Original (up to 800px).
Количество кадров в секунду[]
После определения размеров переходим к фпс. Чем больше фпс - тем больше вес гифки, но чем меньше фпс - тем более рваное повествование.
Не рекомендуется выбирать величину фпс ниже 12 кадров в секунду, так как гифки при подобных значениях выглядят скорее как слайдшоу. Однако, учитывая что на вики нельзя загружать файлы больше 10 мегабайт, слишком большие показатели фпс также не подойдут. Необходимо выбрать оптимальное количество фпс, при котором картинка и выглядит плавно, и подходит по весу - в большинстве случаев в диапазоне от 12 до 25 кадров в секунду.
Если гифка в результате вышла слишком большой, то ее можно сжать с помощью специальных инструментов, что описывается ниже.
Длительность гифки привязана к количеству ее кадров в секунду. В меню Frame rate (FPS) указана максимальная длительность гифки в зависимости от выбранного значения фпс. Не рекомендуется делать слишком длинные гифки.
После выбора значения фпс нажимаем на Convert to GIF! и получаем изображение.
Размеры[]
Теперь нужно скорректировать размеры гифки. Для этого открываем вкладку Resize.
Помним про требования к ширине гифок на вики, т.е. для мелких парных гифок выбираем ширину в 350 пикселей, а для крупной - 704. Вторую строчку не трогаем, ее значение рассчитывается сервисом автоматически.
Нажимаем Resize image! и этом базисный курс создания GIF заканчивается. Если у нее нет проблем с фреймами и весом, то её уже можно добавить в профиль, обернув в специальный шаблон для обводки. Если она ещё не готова, то идём дальше.
Решение проблем[]
Сервис ezgif.com обладает значительным функционалом по коррекции и модификации GIF-изображений, что позволяет исправить практически любой возможный дефект у гифки.
Размеры гифок[]
Если вес файла превышает 10 мегабайт, есть 2 способа его уменьшить:
Сжатие[]
Нажимаете на кнопку "Optimize" и задаете степень сжатия. Как правило, даже минимальное сжатие порой ощутимо уменьшает вес гифки, не влияя на её качество. Не рекомендуется задавать значение степени сжатия выше 30-40 единиц, так как начиная с этого момента качество изображения начинает значительно уменьшаться.
Если размер гифки после оптимизации в 40 единиц все еще превышает предел в 10 мегабайт, то стоит задуматься о уменьшении количества фпс на первом этапе, ибо последующее увеличение степени сжатия сильно повредит качеству изображения.
В случае наличия множества статичных фреймов или посторонных/ненужных сцен в гифке, ее вес может ощутительно уменьшить их удаление при помощи нарезки.
Нарезка[]
Нажимаете на кнопку "Frames" и удаляете ненужные фреймы. Так же эта вкладка используется для того, чтобы убрать из гифки лишние кадры или вставки, не несущие смысловой нагрузки.
Порой эта функция просто бесценна, если вы работаете с медленными или полустатичными анимациями, в которых одно событие может растягиваться на сотни фреймов.
После того, как ненужные фреймы будут удалены посредством нажатия кнопки Skip, нажимаете Make a GIF! и смотрите на результат. Что-то не понравилось - прокручиваете страницу обратно вверх и продолжаете ваять.
Скорость[]
Если GIF слишком медленный или слишком быстрый, то решить это можно, открыв вкладку Speed.
В этом окне можно регулировать скорость проигрывания гиф-файла - уменьшать и увеличивать. Опытным путём находим оптимальную скорость и нажимаем Change speed!.
Черные полосы[]
Если у гифки есть черные полосы, то их можно обрезать при помощи функции "Crop".
Аккуратно перемещая ползунок удаляем черные полосы, не задевая при этом активную часть GIF-изображения и нажимаем Crop image!.
Для того, чтобы все обрезанные таким образом гифки имели одинаковую высоту, запоминаем значения параметров Top и Height после редактирования первой гифки (к примеру, в данном случае они равны 25 и 145) и обрезаем остальные используя уже не ползунок, а ручной ввод данных значений в эти строки.
На этом с ezgif-ом покончено.
Обводка и добавление изображений в профиль[]
Любые используемые в профилях изображения, в том числе и gif-формата, должны иметь аккуратный внешний контур. Его можно создать, используя шаблоны обводки - рассмотрим доступные вариации для гифок в зависимости от ширины последних:
704px[]
{{IMG1|[[Файл:НазваниеГифки.gif|center]]}}
{{IMG2|[[Файл:НазваниеГифки.gif|center]]}}
350px[]
{{GIF1|[[Файл:Гиф1.gif]]|[[Файл:Гиф2.gif]]}}
{{GIF2|[[Файл:Гиф1.gif]]|[[Файл:Гиф2.gif]]}}
После добавления гифки в шаблон, работу над ней можно считать окончательно завершенной. Ниже вы сможете найти некоторые дополнительные функции и руководства по решению наиболее распространенных проблем.
Советы и рекомендации[]
Функция нажатия[]
Если вы хотите отключить функцию открытия гифки нажатием на неё, можно добавить к коду файла значение |link=
{{IMG1|[[Файл:НазваниеГифки.gif|center|link=]]}} {{GIF1|[[Файл:Гиф1.gif|link=]]|[[Файл:Гиф2.gif|link=]]}}
Гифки и подпункты[]
Если вы поставите гифки перед двойной (тройной и т.д.) звёздочкой, то подпункт сломается.
Для решения проблемы замените количество звездочек в подпунктах после гифки (вплоть до следующего подпункта первого уровня или конца абзаца) на двоеточия, и добавьте к полученным двоеточиям одну звездочку в конец. К примеру, если у вас в профиле есть подобный код:
*Способность - ее описание {{GIF1|[[Файл:Гиф1.gif]]|[[Файл:Гиф2.gif]]}} **Связанная способность 1 - ее описание **Связанная способность 2 - ее описание
То его следует заменить на:
*Способность - ее описание {{GIF1|[[Файл:Гиф1.gif]]|[[Файл:Гиф2.gif]]}} ::*Связанная способность 1 - ее описание ::*Связанная способность 2 - ее описание