Страницата на игра се оценява по картинките, преди някой да прочете и дума. В itch.io корицата се показва в списъците с ширина няколкостотин пиксела. В Steam същата игра се появява като заглавна картинка, малка капсула в резултатите от търсене, голяма капсула на първа страница, висока капсула при разпродажби и широк банер в библиотеката на играча, всяка със свой размер и свои правила. Да ги направите всичките на ръка отнема цял ден, а обичайният резултат е заглавие, което не се чете в малката капсула, и лице на герой, отрязано на широк екран. Тук изброяваме какво иска всеки магазин, обясняваме безопасните зони и правилата за текста, в които хората се спъват, и показваме как да направите целия комплект от една картина.
#Започнете от една основна картина без текст
Всичко е по-лесно с една голяма картина без текст в нея: основната картина (key art). Тя трябва да е голяма, в идеалния случай 3840x2160 или повече, за да има всяко изрязване достатъчно пиксели. Не слагайте заглавието в нея и направете отделно лого, PNG с прозрачен фон с името на играта. Когато картината и логото са отделно, всяка картинка може да сложи заглавието там, където се чете най-добре, а картинките, които не бива да съдържат текст, като героичния банер в библиотеката на Steam, са просто картината.
Решете къде е фокусът на картината: героят, замъкът, колата. Всяка капсула има различна форма и всяко изрязване трябва да е около тази точка, а не около средата на картината.
#itch.io
- Корица: препоръчителният размер е 630x500, а минималният 315x250. Списъците я показват в малкия размер, затова заглавието трябва да е голямо, а картината проста.
- Банер: по желание, показва се над описанието вместо заглавието. Колоната на страницата по подразбиране е широка 960 пиксела; височината е ваш избор.
- Снимки от играта: няма фиксиран размер; често се ползва 16:9, например 1280x720. Показват се малки отстрани, затова важното трябва да е в средата.
Почти всички наши безплатни игри в itch.io ползват точно това: корица 630x500 и снимки 1280x720.
#Game Jolt
- Миниатюра: 16:9, от 588x331 до 2000x2000 пиксела. 1280x720 е сигурен избор.
- Заглавна лента: широка лента между 900 и 5120 пиксела, със съотношение от 2,7 до 6,3 (препоръчва се 4, така че 2000x500 върши работа). Телефоните режат страните, затова дръжте заглавието и фокуса в средната половина.
- Снимки от играта: всякакъв размер до 5120x5120; 1920x1080 е добър избор по подразбиране.
#Steam
Steam иска най-много картинки, в две групи. Картинките за магазина:
- Заглавна капсула (header capsule) 920x430, картинката най-горе на страницата в магазина и в много списъци;
- Малка капсула (small capsule) 462x174, ползва се в резултатите от търсене и в списъци в много малки размери. Съветът на Steam е логото почти да я запълва;
- Основна капсула (main capsule) 1232x706, за въртележката на първа страница;
- Вертикална капсула 748x896, за страници на разпродажби и събития;
- Фон на страницата 1438x810, по желание, тъмен и спокоен, без текст;
- Снимки от играта поне 1920x1080 в 16:9, които показват играта, докато се играе.
И картинките за библиотеката, които играчите виждат, след като имат играта:
- Капсула в библиотеката 600x900;
- Заглавна картинка в библиотеката 920x430;
- Героичен банер (library hero) 3840x1240, само картина, изобщо без текст. Steam пази безопасна зона в центъра от 860x380 в половин размер (1720x760 в пълен), която не се реже при промяна на прозореца; лицата и фокусът трябва да са в нея;
- Лого в библиотеката 1280 пиксела ширина и/или 720 височина, PNG с прозрачен фон само с изписването на името на играта, което Steam слага върху банера.
#Правилата за текста, заради които страници се връщат
Steam е строг за думите върху картинките. Капсулите могат да показват името на играта и нищо друго: без цитати от ревюта, без „Носител на награда“, без „Сега с 50 % отстъпка“, нарисувани върху картината. Героичният банер не приема никакъв текст, а логото приема само изписването на името. Снимките трябва да показват играта, докато се играе, а не концептуални рисунки, рендерирани сцени или рекламен текст.
itch.io и Game Jolt са по-спокойни и кратък подзаглавен ред под заглавието на корицата е обичаен и полезен там („Бой с възглавници за един до четирима“). Ако правите един комплект картинки за трите магазина, слагайте подзаглавието само във версиите за itch.io и Game Jolt.
#Текст, който се чете във всеки размер
- Оразмерявайте заглавието според полето му, а не по размер на шрифта: едно и също заглавие трябва да се побере в малка капсула от 462 пиксела и в лента от 2000 пиксела в Game Jolt.
- Ползвайте контур и мека сянка, както и лек тъмен преход зад заглавието върху натоварена картина. Тънък шрифт върху светло небе е най-честата нечетима капсула.
- Проверявайте в най-малкия размер, който магазинът показва. Смалете малката капсула и корицата за itch.io до една трета и ги прочетете от другия край на стаята.
- Дръжте важното в безопасните зони, в средната половина на лентата в Game Jolt и в центъра на банера в Steam, макар картината да стига до краищата.
#Снимки, които пасват
Истинските снимки от играта рядко пасват на размера на всеки магазин. Игра за телефон във вертикален режим, ретро игра в 4:3 или снимка от свръхширок екран трябва да станат 16:9. Има три честни начина: изрязване, обикновени ленти или снимката върху размазано и потъмнено свое копие, което запълва рамката, без да реже нищо. Размазаният вариант обикновено изглежда най-добре при вертикалните игри. Каквото и да изберете, никога не разтягайте.
#Проверете файловете, преди да ги качите
Формите за качване хващат някои грешки, а други приемат без дума. Преди пускане проверете всеки файл по списъка: точен размер, където магазинът иска един, съотношение и граници, където приема диапазон, PNG или JPEG, прозрачност за логото в Steam, размер на файла. Магазините също сменят правилата си, затова сравнете със самата форма за качване преди деня на пускането.
#Инструмент, който прави целия комплект
Вградихме това във Vitrinka, програма за команден ред, която прави всички картинки за страницата на инди игра в itch.io, Game Jolt и Steam от една основна картина, лого по желание и снимките ви от играта. Изрязва всяка картинка около избраната от вас точка, пише заглавието (или слага логото ви) така, че да запълни полето си, с контур и преход зад него, слага подзаглавието само където магазинът го позволява, пази важното в безопасните зони и вмества снимките, без да ги реже. Страница за преглед показва целия комплект, опция рисува безопасните зони, а команда за проверка сверява картинки, които сте направили сами, с правилата на магазините, с код за изход за скриптове при пускане:
vitrinka init mygame
vitrinka build -c mygame/vitrinka.json -guides
vitrinka check mygame/store-assets
vitrinka check -p steam/main_capsule my-capsule.pngС включения пример прави 25 картинки, които минават собствената ѝ проверка. Има версии за Linux, macOS и Windows; в нашите тестове е пускана само тази за Linux. Vitrinka е обявена като „Очаквайте скоро“.
#Често задавани въпроси
Мога ли да ползвам една картинка за заглавната капсула в Steam и за корицата в itch.io?
Не особено добре. Формите са различни (920x430 срещу 630x500), а Steam позволява само заглавието, докато в itch.io подзаглавието помага. По-добре изрежете двете от една и съща основна картина.
Може ли капсулата ми в Steam да споменава награди или ревюта?
Не. Steam иска върху капсулите да няма цитати или друг текст освен името на играта. Наградите и цитатите са за описанието на страницата.
Какъв размер да са снимките от играта?
За Steam поне 1920x1080 в 16:9. За itch.io и Game Jolt 1280x720 или 1920x1080 е добре. Ползвайте истински кадри от играта.
Сменят ли се тези размери?
Понякога. Steam вече е добавял и променял капсули, а всеки магазин може да промени формите си. Сравнявайте с формата за качване преди всяко пускане.
Коментари
Коментари
Напишете първия коментар.
Оставете коментар