Добавлен , опубликован
Раздел:
Основы
Вступление
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
К сожалению, при изменении расширения экрана, загрузочный экран меняется соответствующе.
`
ОЖИДАНИЕ РЕКЛАМЫ...

Показан только небольшой набор комментариев вокруг указанного. Перейти к актуальным.
1
25
9 лет назад
1
Я к тому, что твой загрузочный экран выглядит весьма сомнительно в плане художественной ценности\эстетики.
Если писать большую статью по созданию экранов, даже несмотря на существование способа полегче, то можно было бы написать о том, как создать изображение, которое не сильно потеряет от оптимизации в качестве. Например использовать меньше цветов и выбирать стиль с меньшим количеством деталей.
Или заменить лишь кусок оригинального экрана и импортировать 1\4 текстуры.
Короче художественные способы справиться с весом.
А так статья не нужна.
6
12
9 лет назад
Отредактирован pas logique
6
JesusHipster:
Короче художественные способы справиться с весом.
А так статья не нужна.
ах. я тут два часа потратил трендя как импортировать экран без минимальной потери качества, а ты мне заявляешь, что статья не нужна и что лучше сжатые экраны нежели полноценные.
думаю, что с тобой много людей не согласятся.
0
24
9 лет назад
0
Reach, ты растягиваешь изображение так чтобы оно стало больше оригинального? То есть было 1366*768 ты растянул до 1024*1024? Ну конечно качество поедет, чего ты хотел. Я ж подчеркнул -
Melissa:
уравниваем большую сторону с меньшей(не наоборот!)
Ещё подробнее - большую сторону уменьшаем до меньшей.
Допустим у тебя изображение 1152*900, максимальное качество для квадратной картинки - будет 900*900(без сохранения пропорций при сжатии). А вовсе не 1152*1152 и не 2048*2048.
0
12
9 лет назад
0
Melissa: нормально я всё сделал. Проверь сам.
при том там правильно написали, что размер должен равняться степени двойки
иначе качество падает ещё сильнее
1
24
9 лет назад
1
Хотя есть ещё 1 возможное "но" - вроде оговаривалось что-то вроде "варик ужимает текстуры больше чем 512*512 до 512*512" если это так, то вполне возможно, что тут он то же самое вытворяет.
0
12
9 лет назад
0
Melissa:
Хотя есть ещё 1 возможное "но" - вроде оговаривалось что-то вроде "варик ужимает текстуры больше чем 512*512 до 512*512" если это так, то вполне возможно, что тут он то же самое вытворяет.
я говорю же, что экран в примере он не лучше выглядит. просто на сайте он показан в уменьшенном размере.
я про твою ссылку
0
24
9 лет назад
0
Знач таг.
Я взял картинку 1600*1200 щас и сжал её до 1024*1024. Вроде бы всё окай.
Скинь свою исходную картинку или карту
Reach:
я говорю же, что экран в примере он не лучше выглядит. просто на сайте он показан в уменьшенном размере.
Я разве что-то насчёт лучше говорил? 8-/ Там картинка 512*512 в карте, конечно она не больно-то качественная
0
12
9 лет назад
0
1024*768
Загруженные файлы
1
24
9 лет назад
Отредактирован Melissa
1
Вообщем для лучшего качества можно и меньшую с большей уравнять. Я прост всегда ориентируюсь на вес поменьше, так что слова "не наоборот" можно убрать. Вот сравнение короче, 1 рисунок - растянут до 1024*1024, второй - уменьшен до 768*768, решайте сами кого как больше устраивает.
Разница в весе - 1736кб против 1050 кб
Загруженные файлы
0
12
9 лет назад
Отредактирован pas logique
0
Melissa:
Вообщем для лучшего качества можно и меньшую с большей уравнять. Я прост всегда ориентируюсь на вес поменьше, так что слова "не наоборот" можно убрать. Вот сравнение короче, 1 рисунок - растянут до 1024*1024, второй - уменьшен до 768*768.
почему меня нельзя было с первого раза послушать ?
Reach:
Melissa: увы, но нет.
Падает качество, выглядит размыто, хотя конвертировал со 100% качества. И в файле нету красной загрузочной полосы.
Сам экран примера выглядит не лучше. Просто на сайте он в уменьшенном размере.
Качество всё равно падает. У моего же способа оно сохраняется более лучше.
0
24
9 лет назад
Отредактирован Melissa
0
Качество всё равно падает. У моего же оно более лучше.
Cразу бы карту прикрепил в тему. Любите же усложнять всё. Я хочу заскринить оба варианта - по старому способу с 4 кусочками и 1 файлом с 1024*1024.
Проверил. Вообщем вердикт печальный - ужимаются текстурки. Изображение стало мыльнее, а на линиях появились "рёбра". Эксперты считают, что текстура ужалась до меньшего размера(512*512 предположительно) и без вариантов.
Причём я ни фига не пойму, с фига ли разница тогда выплыла между 1024*1024 и 768*768. Ну, да не так важно -_-

Ну зато 512*512 лоадскрин занимает всего 150-700(у меня в среднем 238 кб скрины занимают) кб в зависимости от качества и это не ударит по весу и мультиплееру.
А самое главное - не нужно делить картинку, импортировать 4 осточертелых файла и прописывать каждому путь, который запомнишь далеко не с 1 раза.
Показан только небольшой набор комментариев вокруг указанного. Перейти к актуальным.
Чтобы оставить комментарий, пожалуйста, войдите на сайт.