Добавлен , опубликован
Вступление
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
Oh GOD, mah drills ^______^
Загрузочные экраны делаются во сто крат проще.
Внешнее ссылко
Картинка загрузочного экрана должна быть квадратной, т.е. длина = ширине. Если же одна сторона больше другой - уравниваем большую сторону с меньшей(не наоборот!)
К сожалению, при изменении расширения экрана, загрузочный экран меняется соответствующе.
Ну, это проблема тех кто варик в широкоформате запускает, хотя никто не отменял изменить размер картинки так, чтобы в "растянутом" виде она была нормальной на широкоформате.
Вообщем в топку всё, кроме картиночек, почитай статью под спойлером, она сделает твою жизнь легче.
Как видите, весят они довольно прилично, так что такие экраны очень туго подходят для мультиплеера
В blp-lab достаточно сохранения не 100% качестве, а в 85-95% чтобы вес резко упал.
11
Melissa:
Oh GOD, mah drills ^______^
Загрузочные экраны делаются во сто крат проще.
Я попробую сделать так как там написано... очень заинтересовало... но если там лучше, стоит ли в таком случае копипастить?
Меня больше поразила полоса загрузки красного цвета! Я уже давно охочусь на эту наработку, переменял все файлы в игровых константах и путём импорта заменял mpq файлы, не получалось... поэтому двойное спасибо!
24
Reach, цвет полосы загрузки вроде бы меняется только внутри самого вара ну или если локальные файлы закинуть.
Насчёт размеров проэкспериментировал - всё в порядке с большими размерами, главное картинку сделай квадратной, не сохраняя пропорции.
ну и назови так же как в примере. Либо файл ладскрина в mdlvis открой и измени название текстуры.
Ах и там небольшая дезинформация - размер необязательно должен быть степенью двойки, он просто должен делиться на 2.
11
Melissa: увы, но нет.
Падает качество, выглядит размыто, хотя конвертировал со 100% качества. И в файле нету красной загрузочной полосы.
Сам экран примера выглядит не лучше. Просто на сайте он в уменьшенном размере.
24
Reach, это ты про созранение в 95% качества или про что
Reach:
И в файле нету красной загрузочной полосы
цвет полосы загрузки вроде бы меняется только внутри самого вара
11
Melissa:
Reach, это ты про созранение в 95% качества или про что
качество в blp и там и там 100%, просто все эти растягивания в конце только ухудшают качество.
цвет полосы загрузки вроде бы меняется только внутри самого вара
скорее всего просто делали руководство на репаке, и меня это отчасти очень смущает
25
выглядит размыто
оно изначально выглядело размыто))00
Melissa:
Загрузочные экраны делаются во сто крат проще.
(((
11
JesusHipster:
оно изначально выглядело размыто))00
из двух размытостей нужно выбирать меньшее
25
Я к тому, что твой загрузочный экран выглядит весьма сомнительно в плане художественной ценности\эстетики.
Если писать большую статью по созданию экранов, даже несмотря на существование способа полегче, то можно было бы написать о том, как создать изображение, которое не сильно потеряет от оптимизации в качестве. Например использовать меньше цветов и выбирать стиль с меньшим количеством деталей.
Или заменить лишь кусок оригинального экрана и импортировать 1\4 текстуры.
Короче художественные способы справиться с весом.
А так статья не нужна.
11
JesusHipster:
Короче художественные способы справиться с весом.
А так статья не нужна.
ах. я тут два часа потратил трендя как импортировать экран без минимальной потери качества, а ты мне заявляешь, что статья не нужна и что лучше сжатые экраны нежели полноценные.
думаю, что с тобой много людей не согласятся.
24
Reach, ты растягиваешь изображение так чтобы оно стало больше оригинального? То есть было 1366*768 ты растянул до 1024*1024? Ну конечно качество поедет, чего ты хотел. Я ж подчеркнул -
Melissa:
уравниваем большую сторону с меньшей(не наоборот!)
Ещё подробнее - большую сторону уменьшаем до меньшей.
Допустим у тебя изображение 1152*900, максимальное качество для квадратной картинки - будет 900*900(без сохранения пропорций при сжатии). А вовсе не 1152*1152 и не 2048*2048.
Показан только небольшой набор комментариев вокруг указанного. Перейти к актуальным.
Чтобы оставить комментарий, пожалуйста, войдите на сайт.