Добавлен , опубликован
Вступление
19.08.15

Я уже давно пилю загрузочные экраны и это не единственная моя работа для WarC, но недавно меня попросили запилить экран для проекта История Джайны. Я никогда раньше не пытался публиковать свои работы просто они получались не совсем такими как я их задумывал, но мои друзья сказали что это довольно сносно, и всё же я решился опубликовать.
Сам экран представляет собой изображение Иллидана смотрящего на один из людских городов.
старые работы

Поствступление.

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

Принцип создания и Процесс импорта.

Если кто нибудь из вас имел удовольствие шариться в mpq архивах, то вы скорее всего замечали папку с загрузочными экранами UI\Glues\Loading\Backgrounds\...множество директорий. Все они разделены на четыре составляющие 512 на 512 (x2) и 512 на 256 (x2) пикселей. Позже при загрузке карты они соответствующим образом деформируются и растягиваются относительно нашего расширения экрана.
К слову. Почему просто нельзя импортировать целое изображение. Всё просто, там задано максимальное расширение для файла импорта не помню но где-то 800 на 600, что разумеется очень убого будет выглядить. Данный ниже метод импортирования позволяет запихнуть изображение без сжатия.
Для удобства нужно создать изображение 1024 на 768 пикселей.

Четыре файла: BotLeft; TopLeft; BotRight; TopRight.
Top -верх. Bot - низ. Left- лево. Right - право.
После создания изображения его нужно разбить.
Все с индексом Top режутся 512 на 512 от соответствующих боков.
Все с индексом Bot режутся 512 на 256 от соответствующих боков.

После присвоения индексов дописываем имя "Generic-Loading- без пробелов индекс".
Получаются такие четыре файла. Импортируем их в WarC под путями " UI\Glues\Loading\Load-Generic\ "

Как видите, весят они довольно прилично, так что такие экраны очень туго подходят для мультиплеера.

Осталось только поменять экран загрузки на стандартный, и экран готов.
Люди! Пытайтесь избегать цветовой коррекции вашего экрана с помощью фотофильтров в фотошопе. При показе в WarC используются упрощённые цвета и такие фильтры не будут видны.

ps
К сожалению, при изменении расширения экрана, загрузочный экран меняется соответствующе.
`
ОЖИДАНИЕ РЕКЛАМЫ...

Показан только небольшой набор комментариев вокруг указанного. Перейти к актуальным.
24
Вообщем для лучшего качества можно и меньшую с большей уравнять. Я прост всегда ориентируюсь на вес поменьше, так что слова "не наоборот" можно убрать. Вот сравнение короче, 1 рисунок - растянут до 1024*1024, второй - уменьшен до 768*768, решайте сами кого как больше устраивает.
Разница в весе - 1736кб против 1050 кб
Загруженные файлы
11
Melissa:
Вообщем для лучшего качества можно и меньшую с большей уравнять. Я прост всегда ориентируюсь на вес поменьше, так что слова "не наоборот" можно убрать. Вот сравнение короче, 1 рисунок - растянут до 1024*1024, второй - уменьшен до 768*768.
почему меня нельзя было с первого раза послушать ?
Reach:
Melissa: увы, но нет.
Падает качество, выглядит размыто, хотя конвертировал со 100% качества. И в файле нету красной загрузочной полосы.
Сам экран примера выглядит не лучше. Просто на сайте он в уменьшенном размере.
Качество всё равно падает. У моего же способа оно сохраняется более лучше.
24
Качество всё равно падает. У моего же оно более лучше.
Cразу бы карту прикрепил в тему. Любите же усложнять всё. Я хочу заскринить оба варианта - по старому способу с 4 кусочками и 1 файлом с 1024*1024.
Проверил. Вообщем вердикт печальный - ужимаются текстурки. Изображение стало мыльнее, а на линиях появились "рёбра". Эксперты считают, что текстура ужалась до меньшего размера(512*512 предположительно) и без вариантов.
Причём я ни фига не пойму, с фига ли разница тогда выплыла между 1024*1024 и 768*768. Ну, да не так важно -_-

Ну зато 512*512 лоадскрин занимает всего 150-700(у меня в среднем 238 кб скрины занимают) кб в зависимости от качества и это не ударит по весу и мультиплееру.
А самое главное - не нужно делить картинку, импортировать 4 осточертелых файла и прописывать каждому путь, который запомнишь далеко не с 1 раза.
11
Melissa: я не пойму, ты мою проверил или "свою". ? где линии, где рёбра... где текстуры ужимаются... у меня рёбер никаких нет, и качество страдает не так сильно.
24
Reach, я не знаю как тебе ещё по другому объяснить, что я выше написал.
Melissa:
оба варианта - по старому способу с 4 кусочками и 1 файлом с 1024*1024
ужимаются текстурки. Изображение стало мыльнее, а на линиях появились "рёбра". Эксперты считают, что текстура ужалась до меньшего размера(512*512 предположительно) и без вариантов.
относится к варианту "1 файлом". Как и можно было догадаться из ленты ответов.~Melissa:
Хотя есть ещё 1 возможное "но" - вроде оговаривалось что-то вроде "варик ужимает текстуры больше чем 512*512 до 512*512" если это так, то вполне возможно, что тут он то же самое вытворяет.
11
Melissa: нет нет, я понять не могу в каком ты месте нашёл в моём способе "рёбра". И с чего вы взяли что при таком способе текстуры ужимаются, когда они наоборот растягиваются?
25
Reach, растягиваются модели. А текстуры падают в качестве независимо от этого из-за движка. Чего сложного?
11
Nosferoh:
Reach, растягиваются модели. А текстуры падают в качестве независимо от этого из-за движка. Чего сложного?
а вы не думали вообще, зачем близзам требовалось разбивать экраны?
то что так тупо искажение меньше. я ведь приводил примеры выше. на что мне ответили, что в моём способе как недостаток- это рёбра.
в каком месте то они?
24
Reach, в каком месте ты увидел, что я про способ 4 делений говорю, лал?
Мб у тебя там есть части картинок размером больше 512*512 или что?
Объясни мне как ты пришёл к такому выводу
11
Melissa:
Объясни мне как ты пришёл к такому выводу
Просто скажи, мол Паша, если делать твоим способом, то и вправду качество получается лучше. ну оно же правда лучше
24
Разве сообщение 22 оказалось недостаточно информативным, излагая мою мысль?
Довольно ясное подытоживание, как по мне.
Показан только небольшой набор комментариев вокруг указанного. Перейти к актуальным.
Чтобы оставить комментарий, пожалуйста, войдите на сайт.