Как написать на табличке в террарии

Гайд по созданию лого в стиле Террарии

Данный гайд был переведён группой Terraria Phone&PC. Со страницей гайда в их группе вы можете ознакомиться тут.

Нажмите для открытия полного изображения.

Добрый день, сейчас я расскажу, как сделать лого в стиле Террарии, которые Вы могли уже заметить на странице. Для начала:

Я использую Adobe Photoshop CS4, как вы заметите, далее в туториале.
Все, что я делаю в Photoshop также возможно сделать в бесплатных программах, например в GIMP или Paint.net
Я никогда не работал с GIMP или в других бесплатных программах поэтому, пожалуйста, не спрашивайте меня, как они работают. Загуглите, или спросите на форумах, где люди могут вам помочь.
Важно никогда не сохранять файлы в формате JPEG файлов. Jpeg серьезно снижает качество картинки. Я рекомендую вам сохранить все, что вы сделать в формате .png.

1.0 Буквы

Я создал почти каждую свою букву по макету оригинального лого Террарии. Также в пример приведены буквы, которые я использовал в своем лого, не стесняйтесь их использовать.

1.1 Как создавать новые буквы

Я хочу научить вас создавать надписи. Мы создадим букву ‘О’ из блоков грязи, покрытую травой. Мы начнём рисовать букву с нормальным размером кисти (Для строчных букв я рекомендую 5 или 6 пикселей, а для больших — 8 или 9). Если у вас проблемы с рисовкой букв или что-то выглядит криво я советую вам написать букву в Comic Sand MS в размере 50 pt. Мы получим что-то такое:

Нажмите на картинку для полного просмотра.

Зеленая буква это заготовка из Comic Sans MS, а коричневая — буква из лого. Запомните то, что она не должна выглядеть превосходно в конце, когда земля будет перемешена с травой. Чтобы сделать нашу «о» более похожей на блок из Terraria мы должны ее немного деформировать. Звучит сложно, но на самом деле это просто. Просто переместите части буквы в сторону. Это будет смотреться лучше если вы не будете перемещать больше 3-ёх раз. Можете также использовать ластик, чтобы удалить пиксели или добавить новые. Наша «O» должна выглядеть примерно так:

Нажмите на картинку для полного просмотра.

Почти закончили. Теперь нужно добавить тени. Чтобы получить нужные цвета используйте логотип игры. Просто скопируйте с него нужный вам цвет и вставьте его в программу. Это может занять 5 секунд или минуту, если вы хотите поставить каждый пиксель вручную. Я учу вас не по простому пути, так как вам понадобится Photoshop и небольшой опыт использования. Таким образом,вы должны поставить каждый пиксель по-своему. Теперь ‘О’ будет выглядеть так:

Нажмите на картинку для полного просмотра.

Теперь мы добавим 2 линии травы вокруг нашей ‘о’. Нам опять понадобится Photoshop, это займет пару секунд, но вы должны расставить их вручную. Два цвета должны иметь 2 тени на траве. Конечно,вы можете использовать свои цвета. Теперь О будет выглядеть так:

Нажмите на картинку для полного просмотра.

Круто ребят, мы почти закончили (с одной буквой. лол). Мы должны добавить черный контур, чтобы соединить буквы и заполнить его цветом травы. Пытайтесь соблюдать форму буквы, когда рисуете контур. Также не рисуйте его слишком длинным. Это сделает контур некрасивым. Должно быть 2-3 пикселя между линиями травы и контуром.»О» закончена и выглядит так:

Нажмите на картинку для полного просмотра.

Теперь мы должны добавить детали,характерные для биома. Добавим траву и цветки. Превосходно,теперь буква точно завершена и выглядит так:

Нажмите на картинку для полного просмотра.

1.2 Как добавлять в надписи другие блоки

В этой части вы узнаете, как добавлять дополнительные блоки на ваши лого. Чтобы соответствовать биомам мы будем добавлять камень в нашу «о». Начнем с маркировки той части лого, которая будет камнем.

Нажмите на картинку для полного просмотра.

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

Нажмите на картинку для полного просмотра.

Для добавления самой текстуры камня, я буду использовать шаблон спрайта, который я создал заранее. Позже я объясню, как создавать такие шаблоны. Нужно разместить шаблон под буквой и отметить все пробелы, где должен находиться камень. После этого можно считать букву «о» полностью готовой. Потрясающе! Создание лого пригодится для создания логотипов игроков.

Нажмите на картинку для полного просмотра.

После создания буквы вы можете использовать её столько раз, сколько вы хотите. После того, как вы создадите весь алфавит, создание лого будет так просто, как съесть кусок пирога.

2.0 Слово

2.1 Как создать простое слово

Теперь начинается фактическая часть туториала. Я объясню вам, как создать слово, используя пример «DevilBro». Во первых соберем все буквы что нам нужны. А нужны нам буквы «D»,»e»,»v»,»i»,»l»,»B»,»r» и «о»

Нажмите на картинку для полного просмотра.

Теперь поставим их рядом друг с другом. Но имейте в виду, что надо разместить их практически на одной высоте, в противном случае слово будет выглядеть косо. Расстояние между буквами не должно превышать 1-2 пикселя. Тогда слово будет выглядеть как у меня (Красная линия позволяет увидеть наиболее правильную высоту):

Нажмите на картинку для полного просмотра.

Концы все еще открыты и не все черные линии соединены друг с другом. Это и будет нашим следующим заданием. Тут на самом деле особо объяснять нечего. Правда это потребует приличное количество времени для соединения пикселей. Законченный вариант вы можете посмотреть тут:

Нажмите на картинку для полного просмотра.

Теперь мы можем добавить другие блоки. Я например добавлю блоки камня вокруг буквы. К тому же я добавил дерево с левой стороны как на оригинальном лого. Посмотреть законченный вариант с большими деталями вы можете тут:

Нажмите на картинку для полного просмотра.

Финальная версия будет выглядеть как тут:

Нажмите на картинку для полного просмотра.

2.2 Как делать надписи в стиле других биомов

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

Создание надписи в которой контур травы не одноцветный намного сложнее. Сначала перекрасьте темно-коричневые контуры в чёрные. Это смотрится гораздо лучше во многих спрайтах. Всё должно выглядеть так:

Нажмите на картинку для полного просмотра.

Мы будем делать подпись в стиле адского биома. Для начала сотрите темно-коричневый контур земли, и замените его на адский, поместив соответствующий шаблон под словом.

Нажмите на картинку для полного просмотра.

Удалите всё, что находится не в пределах букв.

Нажмите на картинку для полного просмотра.

Как мы будем добавлять контур пепла. Удалите весть светло-зелёный цвет, используйте пепельный шаблон и вставьте его под слово.

Нажмите на картинку для полного просмотра.

Снова удалите все за пределами контура.

Нажмите на картинку для полного просмотра.

Сейчас предстоит добавить два более тёмных контура с пепельным спрайтом. Помечаем ярко-зелёный контур. Выделите этот контур так, чтобы вы могли рисовать только на выделенной части. Используйте кисть, которая будет покрывать всю надпись. Поставьте прозрачность кисти на 30%. Не бойтесь, она не будет рисовать на остальных частях. Используйте чёрный, чтобы рисовать с 30% прозрачностью на пепельном спрайте под зелёным контуром (нужно переключиться на слой с пепельным шаблоном). Я не смогу вам помочь, если вы ничего не знаете о слоях в программах для рисования, извините. Теперь это должно выглядеть так:

Нажмите на картинку для полного просмотра.

Сделайте тоже самое с темно-зелёным контуром. Просто используйте 70% прозрачность вместо 30%. Это сделает данный контур более темнее предыдущего. Всё как тут:

Нажмите на картинку для полного просмотра.

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

Конечная версия выглядит так:

Нажмите на картинку для полного просмотра.

Данный метод работает со всеми шаблонами.

3.0 Дополнительные гайды

3.1 Извлечение спрайтов

Чтобы извлечь спрайты из игры используйте программу под названием «XNB Exporter». Обсуждение можете найти [1]. 1. Скачайте «XNB Exporter» [2]. 2. Поместите «XNB Exporter.exe» в папку «Steam\steamapps\common\terraria\Content\Images». 3. Откройте «XNB Exporter.exe». 4. Вы можете ввести имя файла .xnb в текстовое поле без .xnb и нажать «Вперёд!». Например, для преобразования файла «NPC_1.xnb», вы должны ввести в «NPC_1» или вы можете конвертировать все доступные файлы .xnb в той же папке, оставив текстовое поле пустым и нажав «Вперед!». 5. Выбранный .xnb файл теперь будет преобразован в файл .png и сохранится в той же папке, с таким же именем. Оригинальный файл не будет удален.

3.2 Шаблоны из спрайтов

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

Нажмите на картинку для полного просмотра.

Теперь соедините их вместе.

Нажмите на картинку для полного просмотра.

Скопируйте линии из трёх блоков и поместите три копии под оригиналом, всегда смещая линию на блок вправо.

Нажмите на картинку для полного просмотра.

Копируйте данный шаблон, пока линия не заполнится полностью. Я использую 320×320 (160×160 в 1px версии).

Нажмите на картинку для полного просмотра.

Теперь копируйте данную линию, пока весь квадрат не заполнится.

Нажмите на картинку для полного просмотра.

Шаблон закончен и выглядит следующим образом:

Нажмите на картинку для полного просмотра.

3.3 Изменение размера

Это в основном используется для изменения размера НИПов, и других предметов, чтобы соответствовать размерам подписей. Как вы все должны знать Terraria использует 2x2px пиксели. Чтобы изменить размер изображения без потери качества, вы должны изменить режим из RGB-цветов в индексированные цвета. Это позволит предотвратить размытие пикселей, когда изображение будет растягиваться. Если изображение находится в индексированных цветах, то вы можете изменить размер изображения или с 1×1 до 2×2, или с 2×2 в 1×1. Это будет отличаться, в зависимости от программы, которую вы используете. Если ваше изображение 50x200px (большое), и вы хотите его использовать 2x2px пиксели, вместо 1x1px, то вы должны изменить его на 100x400px. Если у вас есть фотографии, которые должны быть изменены с 2х2 до 1х1 просто разделите размер на 2. Например 100×300 станет 50×150. Вы не можете уменьшить фотографии, которые уже имеют 1x1px. Если вы делаете вы будете удалять пиксели и картинка будет выглядеть плохо.

Нажмите на картинку для полного просмотра.