Новое разрешение изображений 2600х2160

Грядет крупное обновление, которое плющит вселенные. Да-да, мы говорим о ваших историях. И первым давлением на себя взял -формат изображений-.
Вот так теперь будут выглядеть кадры новеллы
Вот так теперь будут выглядеть кадры новеллы

Новый формат изображений: 2600 (ширина) на 2160 (высота) пикселей.

Новое разрешение изображений 2600х2160, image #2

Объясняем на картинках

Предыстория

Формат, с которым вы и мы работали все то время был оптимален из-за того, что браузер, в котором вы читали истории, занимает около 20% экрана своими блоками интерфейса, уменьшая рабочую область экрана до очень близких к 9:16. Но современные телефоны абсолютно не следуют… никаким стандартам, поэтому сохранить такое разрешение нельзя.

Для вашего понимания: iPhone SE имеет соотношение сторон 9:16, а Sony Xperia 9:21. Разница в высоте – 30%

Новая реальность

Без лишних слов: мы подготовили для вас шаблон в фотошопе (GIMP, Clip Studio Paint, Paint Tool SAI и другие аналогичные тоже его откроют): ищите файл «Shablon_MakeOn_2600x2160.psd» в посте с этой статьей: https://vk.ru/wall-228176645_912.

Если вы работаете в графическом редакторе не на ПК (Procreate, ibis Paint и др.), мы сохранили все слои в png, чтобы вы могли их использовать в своей программе (скачивайте архив под постом со статьей «Шаблон MakeOn 2600х2160.rar») ссылка: https://vk.ru/wall-228176645_911

Новое разрешение изображений 2600х2160, image #3

Пояснение

Теперь для вас существует 4 вида видимой области (в.о.) экрана:

  • ПК, весь экран – займет всю возможную ширину относительно высоты экрана
  • Планшет
  • Нормальный телефон
  • Узкий телефон

Теперь поясняем от обратного:

«Узкий телефон»

Эта область точно видна на 100% экранах (любое устройство)
Эта область точно видна на 100% экранах (любое устройство)

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

«Нормальный телефон»

Эта область видна на большинстве экранов (90% устройств)
Эта область видна на большинстве экранов (90% устройств)

Большинство телефонов (90%) – шире, поэтому скорее всего влезать на экран будет больше. Наша рекомендация: ставить крайне плечо к границе этой области.

«Планшет»

Эта область видна на среднестатистическом планшете (есть шире, есть уже)
Эта область видна на среднестатистическом планшете (есть шире, есть уже)

Если у вашего персонажа пышный наряд, есть крылья или длинное оружие; он изображен вместе с предметом интерьера (за столом, баром и т.д.) – его будет видно полностью, поэтому важно, чтобы изображение не обрезалось. Проверяйте, сколько всего влезает по границе шаблона.

Но планшеты тоже бывают разные!

«ПК»

Новое разрешение изображений 2600х2160, image #7

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

Вопросы:

Обязательно ли занимать изображением (фоном, артом) всю область 2600 на 2160?
  • На ваше усмотрение.

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

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

Итого: вне зависимости от того, сколько места вы будете занимать картинкой (\локация(), \арт(), \наложение(), вызов персонажа) – она должна быть на изображении расширением 2600 на 2160.

Новое разрешение изображений 2600х2160, image #8
Нужно ли менять визуал всем?
  • Если вы хотите попасть в приложение – да.

Истории, у которых будет старый визуал, останутся в веб-версии (на сайте), но в приложение не попадут. Вы сможете работать над этими проектами и дальше, но уже только в новом формате. И пока не будет обновлен визуал во всех вышедших главах – в приложении истории не будет.

Важно понимать: мы делаем очень большой шаг вперед. А это требует своих жертв: без них движения не бывает.

Мне обязательно ставить персонажей, как на примере?
  • Нет.

В шаблоне мы предусмотрели два вида позиционирования: «по колено» и «по голень», корректируя положение персонажа по плечу. Вы же можете ставить персонажа так, чтобы он не обрезался вообще (полностью в пределах 400 пикселей), можете ставить по пояс, можете размещать всех в центре. Главное - это единообразие. Можете ориентироваться по ростовой сетке.

Обратите внимание, что персонажи Олега и Олеганиты в примерах не становятся выше\ниже за счет боле близкой обрезки – их высота сохраняется. Потому что, по-хорошему, рост персонажа регулируется длинной туловища и ног, а не более высокой или низкой обрезкой.

Мне надо ждать выхода приложения, чтобы обновлять картинки?
  • Нет.

Публиковать истории в новом формате можно уже сейчас, загрузчик обновлен. Если хотите, дождитесь приложения. Как вам удобно.

Ухудшится ли качество персонажей?
  • Нет.

Они стали даже больше, чем были до этого.

Новое разрешение изображений 2600х2160, image #9

Итого

Если вы умеете пользоваться фотошопом, то «переделывать» нужно будет только локации. С персонажами все намного проще:

  • Открываете все файлы одного персонажа
  • Выделяете слои и комбинацией Ctrl+t активируете «Свободное трансформирование»
  • Разом регулируете размер и перетаскиваете картинки в нужное положение
  • Скачиваете все картинки отдельно («Файл»-«Быстрый экспорт в PNG» для этого не подходит! Экспортируйте «как PNG») и загружаете их на сайт под старыми именами
Новое разрешение изображений 2600х2160, image #10

Если не умеете пользоваться фотошопом – лучше всего научиться. Это, на самом деле, не так сложно и очень облегчит вам жизнь! В сети достаточно информации и о том, как его «скачать» и как в нем работать.

Если вы не можете установить Photoshop, то попробуйте воспользоваться его онлайн аналогом Photopea.

Новое разрешение изображений 2600х2160, image #11

Дорожная карта

Откладываем панику. Еще ничего не произошло:

А) Приложение еще не готово, мы его доделаем не раньше первых чисел марта (стараемся успеть к нашему дню рождения!)

Б) Приложение будет проходить проверку маркетов!!

А это все время.

Вот как будут развиваться события дальше:

  • 1) Владельцы android`ов смогут первыми скачать APK файл, которым мы поделимся сразу по готовности приложения. Вы станете нашими первыми тестировщиками и будете докладывать обо всем, что видите, слышите и чувствуете
  • 2) Как только мы убедимся, что все работает так, как надо, мы пойдем на проверку к маркетам

Проверка у маркетов – это игра в рулетку. Она может потребовать что пару, дней, что пару недель, что пару месяцев (и такие случаи бывали). Google play держит приложение минимум две недели; App Store, если очень повезет, пропустит побыстрее. Но, в общем и целом, владельцы iOS`ов, будут ждать дольше всех.

Надеемся, что к началу апреля приложение будет у всех желающих.
Новое разрешение изображений 2600х2160, image #12

Резюмируем

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

И поверьте, будущий результат будет стоить затраченных усилий. Это правда выглядит красиво. Буквально в лучших мировых традициях.

С разницей лишь в том… что эта новелла будет только вашей. Такой, какой захотите ее видеть именно вы.

А дальше – больше.

Спасибо за внимание!

Новое разрешение изображений 2600х2160, image #13
597 views·9 shares