Карта подземелья в Photoshop за 10 минут
Недавно в группе Norp был вот этот пост о неком грядущем инструменте для рисования подземелий от Dyson Logos. Там было приведено видео, где рисуется подземелье в стиле Dyson Logos, а вокруг сразу появляется штриховка (стилизованный объём земли в срезе). Я очень уважаю и ценю творчество этого человека, но высказал мнение, что то, что представлено в демо ролике можно легко сделать любому мало-мальски знакомому с фотошопом человеку. Некоторых людей заинтересовал метод создания подобного в Photoshop и было предложено сделать туториал. Это статья и есть этот туториал.
Туториал предназначен для людей, обладающих хотя-бы минимальными знаниями фотошопа. В общем это очень простые решения и в них нет никакой диковины или новшества, но, как я понял, некоторым именно это и нужно, чтобы не вникать в тонкости фотошопа и обладая минимальными знаниями сделать нечто подобное. Версия фотошопа не так важна. Все приведённые в статье инструменты одинаковы во всех более-менее последних версиях программы.
Итак…
Итак, здесь я приведу несколько методов, но для начала нам понадобится текстура самой штриховки. Нечто подобное:
Паттерн
После этого откройте это изображение в фотошопе и сделайте из этого паттерн. Это изображение будет множиться автоматически внутри обводки подземелья. Делается это тут.
После этого фотошоп определит его как паттерн и запомнит. Вы сможете применять его в любых других файлах. Я рисовал штриховку сам и делал свой паттерн, бесшовный. Но сейчас это не важно и вы можете взять любой.
Кисть
Ещё нам понадобится кисть квадратной формы. Ею мы будем рисовать коридоры подземелья, которые имеют ширину 2,5см в реале. Для этого делаем новый файл с квадратом чёрного цвета необходимого размера и заходим сюда:
После этого кисть появится в наборе кистей и будет отображаться во всех файлах, открытых в фотошопе.
Сетка
Для удобства, на скорую руку я выставил сетку (которая, отображается и скрывается сочетанием клавиш ctrl+') размером 0,5х0.5см, чтобы использовать её как ориентир. Для масштаба карты 1:1 нужен более точный подход. Об этом нужно говорить отдельно. Хотя, если вас не парит некоторые шероховатости, то просто ставьте сетку 2,5х2,5см и вперёд. Настройки сетки можно найти кликнув дважды по линейкам (отображаются ctrl+r) в разделе Guides, Grid & Slices.
Способ #1: Stroke, самый простой
Настраиваем слой. Создаём пустой слой. Затем клик правой кнопкой мыши на слой и заходим в Blending options, там в раздел Stroke. Настраиваем Stroke примерно как на моей картинке.
Затем выбираем нашу квадратную кисть, подгоняем под сетку, если надо, и вперёд. Рисуя подземелье ведя мышкой, коридоры будут выходить кривоватые, как у Dysonlogos. Но вы можете кликать точками с зажатым Shift и прога будет соединять эти точки прямой линией. Обратите внимание, что Spaсing в кисти должен быть ноль или около того. Это расстояния между оттисками кисти.
Для пущего эффекта я задал Drop shadow и Color overlay светло-серым. Вот скрины настроек. Это всё так же находится в Blending options.
В итоге у вас получится эффект типа такого. Да, заветной штриховки пока нет. Но потерпите немного, скоро всё будет.
Продублируйте этот слой и скройте его (глазик на слое в панели слоёв). Это наш бэкап и он нам понадобится для проб разных способов штриховки. Надо сказать, что сделать новый слой можно кликнув на иконку листика в панели слоёв, а продублировать можно перетащив дублируемый слой на ту же иконку с листиком в панели слоёв. Затем небекапный слой скопируйте ещё один раз и положите под оригинальный. Заходите в его Blending options и настраивайте Stroke вот так:
Всё, к вас должно получиться примерно так:
Способ #2: Stroke, чуть сложнее, но и интереснее
Берём из бекапа две копии слоя. Верхний слой такой же, ка предыдущий, а в нижнем заходим в Blending options и меняем Stroke на Outer glow с примерно следующими настройками:
Получаем примерно это:
Делаем этот слой прозрачным, скрываем все настройки, кроме Outer glow. Создаем пустой слой над ним и склеиваем оба: через ctrl выбираем 2 слоя и нажимаем ctrl+E. После этого мы получим слой с обводкой, которая стала обычными пикселями, а не настройкой.
Теперь кладём над этим слоем слой с картинкой штриховки или размножаем несколько, если изображение маленькое, и склеиваем вместе в один так же, как делали ранее. А можете ещё немного поднять скил и замостить своим паттерном слой. Для этого выбираем новый пустой слой и идём сюда: Далее вы знаете, что делать…
Теперь зажимаем Alt и наводим мышь между слоя со штриховкой и нижним слоем. У вас появится значок в виде двух пересекающихся кругов. Кликаем. Должна появиться стрелочка вниз, которая означает зависимость. Теперь фотошоп будет брать инфу с верхнего, но показывать только те пиксели, что есть на нижнем. Что-то типа трафарета.
У вас должно выйти что-то в роде этого.
Способ #3: художественный
Берём одну копию из бэкапа, под неё кладём слой, замощённый штриховкой. Выделяем слой со штриховкой и идём сюда:
Создастся маска, тоже трафарет своего рода. Теперь на этом слое будет отображаться только те места, которые на маске белого цвета, учитывая градацию от белого к чёрному. То есть белый виден на 100%, светло-серый будет чуть проявляться, тёмно-серый еле видно, а чёрный будет не виден. По умолчанию маска заливается белым, но мы выделяем её (на слое в панели слоёв кликнуть на ней) и заливаем чёрным.
Теперь идём делать спецкисточку. Для этого выбираем какую-нибудь рваную кисть из стандартного набора кистей и заходим в настройки кистей. Для начала настроим Spacing
Затем идём в Shape dynamics в том же меню. Нас интересует Angle jitter в первую очередь. Так же можете поэкспериментировать с другими ползунками или другими формами кисти.
Теперь выбираем белый цвет и художественно рисуем на слое с маской торчащие куски штриховки.
В конце у вас получится нечто похожее:
На мой взгляд этот способ самый симпатичный и из него можно больше выжать, но он требует немного больше времени.
В конце скажу, что если вы не можете найти какое-либо меню у себя справа, то ищите его тут:
Заключение
Возможно, эта статья для новичка в фотошопе покажется громоздкой и неподъёмной, но на самом деле информации здесь не так много и если вы запомните, а лучше поймёте этот способ, то такие карты вы будете делать очень быстро, особенно если у вас будет готов файл с настройками. На эту карту, например, я потратил менее пяти минут, учитывая, что делал её с ноля, без настроек, имея лишь штриховку в виде картинки. Если со временем вы обзаведётесь базой наполнения ваших подземелий (бочки, лестницы, столы, ямы пр.) и текстур, то вы сможете вывести своё картостроение на новый качественный и временной уровень.
На сегодня это всё. Спасибо за внимание.
#Tgamecrafts #TGC #Tgamecraft #RPG #dungeon #DnD #Dungeonsanddragons #TGCполезное