Работая в сфере дизайна, интернет-лаборатория «Бюро идей» часто использует все более популярный метод Matte Painting («Мэт-пэйнтинг» или «Мэт-пэйнт»). Он применим для компьютерных игр, при съемках кино и рекламных роликов, рекламных имиджей. Но не все пока понимают, что такое Matte Painting, с чем его едят, зачем он нужен и как его правильно использовать.
Мы решили заполнить эту пустующую ячейку информацией. Этой статьей мы начинаем цикл публикаций по Matte Painting – вы не только узнаете, что это, но и сможете научится создавать свои картины.
Что же такое Matte Painting? Это крупномасштабные фотореалистичные изображения, которые используются для того, чтобы в кадре создавать иллюзии окружающей среды, поскольку часто натуральные съемки не могут создать нужного антуража, атмосферы. К тому же, работа с материальными декорациями, откровенно говоря, имеет меньше графических возможностей. Но все равно, именно с традиционных декораций начался Matte Painting – его историю можно разделить на два периода: рисованный Matte Painting и цифровой.
Началась история рисованного Matte Painting ещё в 1907 году с фильма «Калифорнийские Миссии» (The Missions of California). У оператора Нормана Доуна (Norman O. Dawn) возникла идея приукрасить здания – и это было сделано благодаря рисункам на стекле. Эти «декорации» заслоняли самые непривлекательные части здания. Такую методику назвали Glass Shot («кадр со стеклом»). Позже этот же оператор перестал рисовать на стекле – он использовал просто черную краску, а затем к делу приступали художники.
Такой, кажущийся нам сейчас допотопным, способ использовался вплоть до середины 1980-х годов. Например, городские пейзажи из «Бегущий по лезвия бритвы» или бесконечные шахты «Звезды смерти» из «Звездных воин».
Понятно, что создание и распространение компьютеров не могло не повлиять и на Matte Painting. Теперь компьютерные технологии пришли на помощь. В 1985 году в фильме «Молодой Шерлок Холмс» (Paramount Pictures), в сцене, где «оживает» изображение рыцаря на витраже, использовали компьютер. Витраж был нарисован художником, а затем его отсканировали и обработали в графическом редакторе.
Цифровой Matte Painting начался с финальной сцены фильма «Крепкий орешек-2» – здесь были использованы натурные съемки и традиционный Matte Painting: сначала были отсняты созданные изображения, которые потом комбинировались на компьютере.
Эра рисованного Matte Painting окончательно пришла к концу тысячелетия – в 1997 при съемках «Титаника» вручную был изготовлен спасательный корабль «Карпатия».
На сегодняшний день Matte Painting – это практически исключительно использование редакторов компьютерной графики – трёхмерной и плоской. То есть это комбинация обработанных, дорисованных (часто до неузнаваемости) изображений. Для этого, конечно же, существуют даже отдельные программные пакеты.
И так, с объяснениями, что же такое Matte Painting, разобрались. Теперь перейдем к вопросу техники создания таких фотореалистичных изображений. В последующих восьми публикациях мы поэтапно приоткроем для вас некоторые секреты рисования, создания нужных визуальных эффектов.
В первом уроке мы научим вас создавать свои кисти с помощью Paint Engine из Photoshop. Понятно, что кисти – это всего лишь небольшая деталь из всего разнообразия функций, которые предлагает нам Paint Engine. Теперь вы можете креативить ровно настолько, насколько работает фантазия и хватит желания.
Создание своих кистей может быть как максимально простым, так достаточно сложным процессом. Мы будем создавать кисть, имеющую вид шероховатой поверхности и в подальшем сможем использовать её для создания текстур каменных или бетонных стен, тканей, земли и тп.
Итак, начинайте с достаточно большого холста с прозрачным фоном – например, 300х300 px – это, чтобы у вас было пространство для «маневров» в процессе создания кисти. Дальше следуйте таким шагам:
1. Для начала определите неправильную форму на холсте с помощью инструмента Lasso tool. После создания формы, удерживая клавишу Alt, как бы врезайтесь в нарисованную фигуру, рисуя что-то похожее на щели или складки.

2. Залейте эту форму черным или темно-серым с помощью Paint Bucket tool. Конечно, можно использовать и другие цвета, но помните, что когда вы подойдете к шагу определения своего рисунка как кисточки, Photoshop будет использовать информацию о яркости. Оттенки серого и черного – саме удобные для этих целей цвета.

3. Выберите Select (Выделение) > Modify > Feather (Растушевывание), поставьте на уровне приблизительно 15 px.

4. Выберите Select > Inverse (Инверсия), а затем нажмите Delete или Backspace два или три раза. Это смягчит внешние края вашей фигуры, что очень существенно для процесса.

5. Проделайте немного мелкой работы. Воспользуйтесь инструментом Eraser (Ластик), чтобы смягчить немного внутренние края. Четкая фигура не будет соответствовать нашим целям. Вы можете воспользоваться ластиком с мягким краем, добавлять обратно черный и т.д.

6. Теперь наложите несколько фильтров. Нам нравится зернистый фильтр (Filter > Texture > Grain). Сначала с установкой вертикально и сразу же горизонтально. Затем примените фильтр Texturizer (Filter > Texture > Texturizer), используя текстуру холста (Canvas texture). Примените любые другие фильтры, которые, на ваш взгляд, будут придавать вид ткани нашему рисунку.

7. А теперь выберите Edit > Define Brush (Редактировать > Определить кисть). Когда выскочит диалоговое окно, назовите нашу кисть «Кисть 1,» подразумевая, что мы еще не закончили. На этом этапе у вас уже есть вполне функциональная «шершавая» кисть.

Теперь мы хотим сделать нечто большее из этой фигуры, поэтому обратимся к нашей кисти (Кисть 1) как к основе для построения более интересной картинки. В принципе, эта кисточка и так выглядит вполне прилично, но нет предела совершенству)) Вы можете создавать вариации с большим количеством деталей и менее «заданным» видом.
Сначала сохраните текущий документ на тот случай, если вы захотите позже еще над ним поработать. Затем откройте новый чистый документ с прозрачным фоном. Его вам наверняка захочется сделать больше, чтоб иметь рабочее пространство пошире, скажем, 500х500 px.
Первый метод, которым вы можете воспользоваться, это просто рисовать на вашем холсте с помощью созданной ранее кисточки. Просто сделайте несколько находящих друг на друга штрихов, пытаясь сгладить некоторые детали в процессе.

Когда вы закончили, снова выберите Edit > Define Brush (Редактировать > Определить кисть), т.е. сохраните свой рисунок как кисть, и назовите ее «Кисть2.» Теперь у вас абсолютно новая кисть, сделанная на основе первой.

Другой метод – более удобный, как нам кажется – поиграться с динамикой формы кисти до последующих действий. Откройте палитру кистей (Brushes palette) и выберите «Shape Dynamics.» Установите «Size Jitter» до 0%, но также поставьте «Angle Jitter» на 100%. Затем, перейдите в «Растушевывание» (Scattering settings) в палитре кистей и активируйте его (Scattering). Оставьте на уровне 90% – 100%. Не переборщите с этой функцией, иначе ваша кисточка выйдет за пределы холста, и у вас останутся резкие, контрастные края. Наконец, перейдите к прозрачности (Transfer > Opacity Jitter) в палитре кистей. Если у вас есть планшет, установите прозрачность на уровне 0%, но отметьте «Pen Pressure», чтобы с помощью силы натиска во время рисования вы могли контролировать степень прозрачности. Если же у вас нет планшета, деактивируйте «Pen Pressure», а вот прозрачность установите в пределах 50% – 100%.
Теперь поместите курсор в центре холста и сделайте один небольшой штрих (просто точку).

Заметили, как ваша кисть стала более «случайной», произвольной? Это придает природный вид. Вы также можете потом добавить белого цвета поверх черного, чтобы вернуть некоторые детали, которые могут быть утеряны из-за вашего предыдущего черного штриха.

Когда вы закончили, снова выберите Edit > Define Brush (Редактировать > Определить кисть) и назовите «Кисть 3.» Пользуйтесь на здоровье новой кистью, с её помощью вы можете создавать вполне реалистичные текстуры шероховатых поверхностей.

И обязательно поэкспериментируйте с цветами, создавая текстуры на свой вкус и цвет. Вам понравится!
Благодарчик!!! От души!)
HHIS I sohlud have thought of that!
This site is like a cslasroom, except I don’t hate it. lol
Весьма полезная статья
You’re the one with the brains here. I’m watchnig for your posts.
Heck yeah bay-bee keep them cminog!
This can be a superb guidelines specially to people new to blogosphere, short and correct information… Many thanks for sharing this one particular. A need to examine report.