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

Показан только небольшой набор комментариев вокруг указанного. Перейти к актуальным.
0
24
9 лет назад
0
Reach, цвет полосы загрузки вроде бы меняется только внутри самого вара ну или если локальные файлы закинуть.
Насчёт размеров проэкспериментировал - всё в порядке с большими размерами, главное картинку сделай квадратной, не сохраняя пропорции.
ну и назови так же как в примере. Либо файл ладскрина в mdlvis открой и измени название текстуры.
Ах и там небольшая дезинформация - размер необязательно должен быть степенью двойки, он просто должен делиться на 2.
0
12
9 лет назад
Отредактирован pas logique
0
Melissa: увы, но нет.
Падает качество, выглядит размыто, хотя конвертировал со 100% качества. И в файле нету красной загрузочной полосы.
Сам экран примера выглядит не лучше. Просто на сайте он в уменьшенном размере.
0
24
9 лет назад
0
Reach, это ты про созранение в 95% качества или про что
Reach:
И в файле нету красной загрузочной полосы
цвет полосы загрузки вроде бы меняется только внутри самого вара
0
12
9 лет назад
0
Melissa:
Reach, это ты про созранение в 95% качества или про что
качество в blp и там и там 100%, просто все эти растягивания в конце только ухудшают качество.
цвет полосы загрузки вроде бы меняется только внутри самого вара
скорее всего просто делали руководство на репаке, и меня это отчасти очень смущает
0
25
9 лет назад
0
выглядит размыто
оно изначально выглядело размыто))00
Melissa:
Загрузочные экраны делаются во сто крат проще.
(((
0
12
9 лет назад
0
JesusHipster:
оно изначально выглядело размыто))00
из двух размытостей нужно выбирать меньшее
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" если это так, то вполне возможно, что тут он то же самое вытворяет.
Показан только небольшой набор комментариев вокруг указанного. Перейти к актуальным.
Чтобы оставить комментарий, пожалуйста, войдите на сайт.