1. Яким ПО ми користувалися щоб зробити GIF
2. Технічні моменти створення GIF
3. Художні моменти створення GIF
4. Корисні поради
5. Зосередьтеся на чомусь одному
6. Збільшуйте і обрізайте
7. Робіть GIF коротким
8. У кадрі має бути рух
9. Підлаштовувати красиві сцени в порядку речей
10. Пару рад наостанок
11. Пора робити гіф!
12. Якщо ви все ж вибрали відео
13. Будьте винахідливі!

Один із способів бюджетного просування для інді гри - це публікація відео та GIF в різних соцмережах. У цій статті маркетолог з команди Midnight Hub розповідає про свої напрацювання і спостереженнях, використаних під час просування гри Lake Ridden. Читайте, як зробити гіф вашої гри красивим і знаменитим!

Цей GIF показує атмосферу Lake Ridden. Він викликав багато реакцій в соціальних мережах. При записи використовували статичну камеру, рух передається частками і туманом, що створює приємно враження безтурботності.

Зображення добре працюють, коли ви просуваєте свою гру. Але зображення і скріншоти мають свої недоліки, коли ви показуєте те, що по суті є рухомим середовищем.

Короткі (3-4 сек) GIF краще. Ви отримаєте файл невеликого розміру, а інтерес тільки підвищиться! Ролик вище запущений в зворотному напрямку, щоб красивіше показати танець світлячків.

Щоб рознести по мережі звістку про гру Lake Ridden, команда використовувала як зображення, так і відео / GIF в різних комбінаціях. На них можна було побачити ігровий світ, особливості геймплея, колірну палітру, атмосферу і дещо з-за лаштунків. У порівнянні з фотографіями і скріншотами хороші GIF завжди отримували більше уваги і відгуків в соціальних мережах. До того ж, створювати GIF виявилося дуже цікаво, це свого роду творчість. Два основних моменти роблять GIF великим: сам контент, який він показує, і технології, за ним стоять. Не всі GIF записуються однаково. Почнемо з вивчення технології.

Яким ПО ми користувалися щоб зробити GIF

Різні розробники користуються для запису публікуються на Твіттер GIFок різними програмами. Хтось користується Fraps, щоб зробити скріншоти кадрів в грі, а хтось віддає перевагу прості і швидкі програми на зразок GifCam або що-небудь власного приготування. Швидше за все, вибір технічних засобів залежить від того, скільки часу є у вас в розпорядженні, якої якості необхідно отримати зображення і які характеристики гри. Коли треба щось простіше і швидше, підійде ScreenToGif . Але якщо вам потрібні супер чіткі фрагменти з ідеальним кольором, доведеться витратитися на більш складні інструменти. Вищезгаданий Fraps дозволить максимально точно зберегти деталі арту і палітру гри.

Не забувайте про обмеження на розміри файлів. Наприклад, в Твіттері це 15 Мб. Коли потрібно зменшити всі файлу, при цьому не зменшуючи довжину ролика, зберегти якість кадрів допоможе Photoshop.

Ще одна порада: визначте, яка кількість часу ви збираєтеся витрачати на виготовлення GIF. Якщо ви просто хочете отскріншотіть, відредагувати і викинути в мережу, спробуйте LiceCap . Він не запропонує вам сотні варіантів подальшої обробки. Якщо ви хочете налаштовувати найтонші нюанси, використовуйте Photoshop + Fraps (ДА, ви можете редагувати відео в Photoshop!).

Якість GIF необхідно перевірити і пропрацювати, бо багато платформи стискають файл. Після публікації це призведе до того, що зміняться кольору або зменшиться кількість піскселей. Twitter візьме ваш GIF і таємно перетворює його в .mp4. Facebook не дозволяє публікувати GIF-файли взагалі, якщо ви не лінкуете їх через GIF-сервіс, наприклад Giphy (докладніше про це пізніше).

Технічні моменти створення GIF

Нижче дається опис, як використовувати зв'язку Fraps і Photoshop для створення GIF-файлу і як управляти його розміром.

Не забувайте, що ваш файл в соціальних мережах має побачити багато людей. При редагуванні вихідних кадрів необхідно звернути особливу увагу на налаштування кольорів і освітленості. Невеликі GIF, як правило, стають темнішими. Особливо, якщо вони зображують таку темну сцену як ця - зірки на нічному небі.

1. Запускайте свою гру з максимальними налаштуваннями графіки. Будь-які лаги, падіння fps і тому подібні речі особливо добре помітні при записі GIF.
2. Fraps давно зарекомендував себе в запису кадрів з відеоігор. Не пошкодуйте грошей на придбання преміум-версії, тоді ваші тизери будуть на найвищому рівні.
3. Коли ви вирішили, який з сирих кадрів хочете перевести в яскравий GIF, відкривайте його в Photoshop. Він дуже простий і зрозумілий у використанні для дрібного редагування відео. Вам не потрібен After Effects або інші просунуті програми, якщо ви цього не хочете.
4. У Photoshop можна відредагувати відео, обрізати кадр, коригувати кольору, а потім експортується в потрібний формат. Перейдіть в меню Файл> Експорт> Зберегти для Інтернету, і з'явиться потрібне діалогове вікно.
5. На даному етапі необхідно звернути увагу на кілька моментів. Вище вже говорилося, що в Твіттер розмір файлу не повинен перевищувати 15 Мб. Якраз зараз ви маєте можливість керувати розміром файлу. Далі ви можете залишити або прибрати галочку в пункті «Прозорість». Іноді це дозволяє зменшити розмір файлу без втрати якості. Тільки після цих маніпуляцій, якщо файл як і раніше важить надто багато, варто повернутися і обрізати його тривалість в секундах. На завершення натисніть «Завжди» в «Параметри повтору» і зберігайте файл. Готово!

Художні моменти створення GIF

Переходимо до найцікавішої частини. Хороший GIF - це не тільки набір відмінної якості картинок. Що ви показуєте (або не показуєте) в превью, ще важливіше.

До речі, ви не забули під час редагування додати на картинку невеликий водяний знак? Ваші вдалі GIF можуть бути скопійовані і розміщені в найнесподіваніших місцях, а по знаку завжди можна вийти на гру, чого ви власне і домагаєтеся.

Отже, ваш GIF повинен бути помітний і пізнаваний у розмірі мініатюр (порівняйте з результатом нижче).

Остаточний GIF показує важливу і моторошну ігрову локацію.

1. Вирішіть, що ви хочете показати і чому. Що буде зіркою вашого GIF? У кожному GIF найкраще сфокусуватися на показі тільки чогось одного: або класної анімації або бойового ефекту або атмосфери в грі.
2. Запишіть багато (15-20) невеликих фрагментів в грі, всього по кілька секунд. Вони демонструватимуть одне і те ж під різними кутами, з різними настройками камери, в різному масштабі і т. Д.
3. Знову відкрийте свої кращі кліпи в Photoshop, обріжте і поверніть для відображення в реально маленьких вікнах. Ви зможете побачити, чи буде GIF добре відображатися, наприклад, в смартфонах. Багато людей переглянуть його в своїх каналах Twitter або Facebook, на різних пристроях. Вони повинні миттєво визначити, що дивляться на обличчя, собаку або будинок. Якщо люди плутаються, то ви упустили свій шанс викликати їх цікавість і, в кінцевому рахунку, реакцію на вашу гру.
4. Не бійтеся обрізати кадр, щоб зосередитися на тому, що важливо в зображенні. Знову ж таки, це повинно бути читаемо.
5. Налаштуйте яскравість, кольори і насиченість. У більшості випадків краще зробити зображення трохи яскравіше, так як воно стає темніше при публікації в стрічці.
6. Для Twitter краще робити GIF до 3-5 секунд і включати нескінченний повтор. Для Facebook файли можна робити трохи довше, наприклад, 5-8 секунд. У людей дуже мало уваги, і ваш GIF повинен потрапляти прямо в ціль. При будь-яких сумнівах робіть GIF коротше.

А ось ще одна команда розповідає про те, як вони роблять GIF для просування своєї гри.

Корисні поради

Ми з другом @heydahoon являємо собою невелику ігрову студію Contingent99 . Працюємо над швидкісною грою Wizard of Legend в жанрі Dungeon Crawl. Коли ми почали це підприємство ще в 2014 році, ми знали, що найперша гра буде найскладнішою в розробці. У нас не було відомості чи маркетингових навичок, які є у ветеранів.

Тому було важливо, щоб ми не займалися розробкою в ізоляції. Ми хотіли отримувати зворотний зв'язок і відповідати на неї якомога швидше. І ось, коли ми почали ділитися своєю роботою, ми швидко зрозуміли, що наша гра відмінно виглядає в русі, але абсолютно непривабливо на скріншотах. У нерухомих зображеннях дуже складно було передати атмосферу ігрових дій.

Скріншот Wizard of Legend в порівнянні з GIF

Це додало нам роботи, але GIF явно виглядали виграшніше. Вони точно захоплювали дію і привертали увагу людей в стрічці. Коли ми це зрозуміли, для демонстрації ігрового процесу Wizard of Legend ми стали використовувати тільки анімовані GIF. Зворотній зв'язок і кількість отриманих відповідей показали, що GIF - це правильний шлях.

Рік по тому ми багато вивчили про те, як робити gif класними, і тепер хочемо поділитися деякими порадами і трюками, які зібрали по шляху.

Зосередьтеся на чомусь одному

Для розробника типово захоплюватися великою кількістю функцій в грі, але ваш GIF повинен показати тільки одну річ. Не намагайтеся пояснити всю гру в одному GIF. Якщо ви демонструєте нове заклинання, вимкніть довгі анімації і виділіть ефекти заклинання. Якщо ви показуєте красиве оточення, не вводьте в сцену перешкоди на зразок масивної битви. Ваша мета - виділити аспект гри, який викличе у людини бажання дізнатися більше.

Рання версія GIF з Wizard of Legend, в якому немає фокусу

Фокус на одному особливому заклинання - крижана хвиля в Wizard of Legend

Збільшуйте і обрізайте

Відредагуйте сцену і усуньте всі «мертве» простір так, щоб на зображенні було тільки те, що важливо. Вам стане простіше створювати GIF, тому що з'явиться можливість приховати всі можливі недоробки. Дозвіл гифов в середньому менше, ніж у скріншотів, тому збільшення масштабу дозволяє людям бачити, що відбувається. Ваша гра може виглядати чудово в 1080p, але який сенс, якщо доводиться жмуритися заради деталей, які прекрасно вмістилися б на анімації шириною 600 пікселів. Також обрізайте або повністю приховуйте призначений для користувача інтерфейс, якщо тільки він не інтегрований прямо в геймплей, або якщо ви раптом не хочете показати саме його.

Оригінальний кадр з Wizard of Legend в порівнянні з обрізаним і збільшеним gif

Робіть GIF коротким

Оптимальна тривалість GIF близько 3-4 секунд. Трохи довше, і ви ризикуєте втратити інтерес людей, та й час завантаження теж збільшується. Робити GIF треба коротким і цікавим, щоб більшість людей подивилися його як мінімум двічі. Коротке повідомлення завжди отримує більше уваги і розуміння.

Якщо вам важко вирішити, що треба обрізати для скорочення ролика, швидше за все ви упустили попередній пункт і намагаєтеся показати занадто багато.

Остаточний варіант після обрізки і доопрацювання анімації

У кадрі має бути рух

В наші дні все важче залучати увагу людей, коли вони переглядають свої стрічки, а рух впадає в очі. Тому рух має бути помітно на всьому протязі GIF. Одного погляду на картинку повинно бути достатньо для розуміння, що вона анімована. У реальному проходженні дуже рідко можна побачити, щоб персонажі залишалися нерухомими, і в GIF це теж буде виглядати неприродно.

Рух завжди захоплює увагу!

Підлаштовувати красиві сцени в порядку речей

Не соромтеся змінювати будь-які налаштування гри. Якщо ви записуєте чорнові кадри і виявляєте, що вони не виглядають так красиво, як ви цього хочете, підігнати ігрові умови не забороняється. Наприклад, ми відзняли за спеціальним сценарієм GIF, який демонструє руйнівну силу нового заклинання. Проте, ми виявили, що деякі з найсильніших супротивників будуть завжди виживати, якщо заздалегідь не знизити їх здоров'я як-небудь ще. Замість того, щоб витрачати на це час в грі, ми тимчасово виставили інші хітпоінтов прямо в коді, так щоб руйнівні наслідки заклинання відразу мали задуманий нами масштаб. Як підсумок, було простіше зробити GIF і показати в ньому заклинання. Але про всяк випадок попереджаємо: робіть бекап!

Результат: зачистка всієї кімнати за допомогою самонавідного вихору!

Пару рад наостанок

По можливості зациклюватися GIF: робіть початок і кінець однаковими, щоб перехід не був помітний.

Там, де тільки можна, прибирайте текст. Його складно читати і це забирає час.

Якщо ви показуєте кілька GIF поспіль, порядок має значення. Найкращі ставте в початок і в кінець. Показуйте різні речі, щоб глядач не втомлювався.

Впровадити технічні засоби для запису і перегляду її результатів не відриваючись від ігрового процесу, і продумайте, як уникнути необхідності грати в гру, поки ви не дійдете до потрібної красивою сцени.

Додайте просте меню розробника, з яким можна перезавантажити всю сцену для запису.

Пора робити гіф!

Не всі вищесказане може відноситися до вас і вашої грі, але ми сподіваємося, що ви знайшли деякі з цих порад корисними. Ми, в свою чергу, застосували багато з цього в кампанії для Wizard of Legend на Kickstarter , Там майже все зображення на сторінці були GIF.

Якщо ви все ж вибрали відео

Сторонні сервіси, такі як Giphy, урізують якість файлу. Для прямої публікації Facebook приймає відео в форматі .avi і .mp4.

Вода в Lake Ridden - як приклад чітко визначеного змісту для одного поста.

Можна розмістити посилання з Youtube, але для відстеження статистики (і для зручності людей в соціальній мережі) краще публікувати трейлер в форматі .mp4 на своїй особистій сторінці в Facebook. Перетворення GIF в mp4 можна також зробити в Photoshop, а можна - будь-якими зручними вам програмами, в тому числі і онлайн.

Будьте винахідливі!

Для запису GIF з гри необов'язково вигадувати будь-які спеціальні технічні засоби. Просто майте на увазі, що камера гравця може нахилятися, ви можете використовувати присідання, йти назад, стояти, знімати рухомі об'єкти і т.д. Використовуйте стільки способів пересування і точок огляду, скільки можливо. Але якщо ваші програмісти впровадять спеціальну камеру для зйомки відео, це може дати відмінні результати в довгостроковій перспективі. Можна дати доступ до камери гравцям, це найпотужніший інструмент вірусного просування.

Іноді вам потрібно шукати нові, цікаві способи показати те ж саме трохи інакше. У цьому GIF камера трохи виходить за межі сцени (порівняйте з наступним зображенням).

Тут камера рухається вздовж сцени, і це створює інше відчуття. Будьте винахідливі у використанні своїх інструментів! Однакові методи зйомки можуть змусити ваших передплатників на каналах нудьгувати так само, як якщо б ви публікували схожі кадри.

Багато часу розробнику доводиться працювати над такими речами в грі, які він не може показати, тому завжди думайте про нові цікаві способи показувати свою роботу. Багато також публікують забавні помилки і збої під час програмування або всередині ігрового движка. Подумайте про свою аудиторію і запитайте себе, що їм може сподобатися. У Reddit або інших спільнотах гравців популярністю зазвичай користуються прикольні помилки або гумор сам по собі, в той час як іншим розробникам подобається знайти хорошу підказку. Завжди безпрограшний варіант - подражнити гравців атмосферою гри або зробити забавну анімацію за участю головного персонажа.