Логотип
  • Telegram
  • WhatsApp
  • ВК
  • Youtube
  • Artstation
+74992296669
г. Москва Пн - Вс с 10:00 до 19:00
Содержание
Показать содержание
4195
0

Основы фотобаша для новичков: что это за техника и как ей пользоваться 

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

Игровая графика и софт
Основы фотобаша для новичков: что это за техника и как ей пользоваться 

Работа преподавателя Smirnov School Алишера Мирзоева, созданная при помощи фотобаша

Фотобаш  —  это техника создания digital-рисунка при помощи фотографий.

Работает это так: художник находит в интернете подходящую под стиль рисунка фотографию и использует её в своём изображении. Использовать картинку из интернета можно целиком, либо только её часть — в последнем случае художник вырезает из фотографии нужные для себя элементы. Фотография используется только как «скелет» для дальнейшего развития рисунка. 

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

Зачем нужен фотобаш и где он пригодится

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

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

Набросок в Фотошопе при помощи фотобаша
Imad Awan показывает, как делать набросок в Фотошопе при помощи фотобаша

Технику часто используют на ранних этапах проекта, когда надо нарисовать концепт-арт. На этом этапе идёт поиск идей для будущих персонажей, окружения, сцен с действиями — всё это нужно рисовать в разных вариантах. Фотобаш помогает не только делать такие арты быстрее и в большом количестве, но еще позволяет проверить идею и подручными средствами создать более реалистичное изображение.

Сбор референсов в рамках фотобаша
Фотобаш используют для поиска идей. Поэтому на этой картинке всё так неаккуратно, а сами референсы принадлежат разным стилям 

У фотобаша есть свои сложности — хотя техника и призвана упрощать работу художников, неумелый подбор фотографии скорее испортит набросок, чем поможет в создании готовой картины.

Качество фотографии и её «вписываемость» в композицию напрямую влияют на итоговый рисунок. Если фотография выбрана неподходящая, то художник потратит больше времени на её подгон к остальным элементам, чем если бы он рисовал всё с нуля.

Неудачный результат применения фотобаша
Вот что может получиться, если подбирать для рисунка неподходящие фотографии

Смежные техники: что такое matte painting и kitbash, и чем они отличаются от фотобаша

Фотобаш тесно переплетается с двумя другими техниками: kitbash и matte paint. Во всех них в рисунки подмешиваются другие элементы. Разница техник в самих элементах.

В китбаше художник использует при создании рисунка 3D-модели, которые выступают в роли болванки. Модель помещается на рисунок в нужном ракурсе, после чего художник с помощью различных инструментов встраивает 3D-болванку в свою композицию.

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

Китбаш из 3D-болванок зданий и монумента
Пример китбаша. Крупные элементы рисунка (здания, монумент в центре кадра) созданы из 3D-болванок. Источник

Matte paint — это photobashing + kitbash. Техника пришла из индустрии кино — её используют для совмещения в одном кадре настоящего актёра и нарисованного окружения. Для создания реалистичного окружения в ход идут разные digital-приемы: дорисовка сцены в Фотошопе, photobashing, kitbash, VR-инструменты и другие средства. За счёт многообразия инструментов технике и дали такое название (matte paint переводится с английского как «‎маскировочное рисование»).

Пример matte paint на основе китбаша
Пример matte paint. При создании арта использовались и 3D-модели, и цифровое рисование в Фотошопе, а вместо персонажа — реальный актёр на переднем плане. Источник

Что нужно для фотобаша

Графический редактор

Первое и самое важное — растровый редактор, в котором можно делать цветокоррекцию, есть режимы наложения и поддержка слоев. Лучший выбор — Фотошоп. Хоть программу и использует большинство digital-художников, изначально она затачивалась под обработку фотографий, а не рисование. А это значит, что в ней много инструментов по работе с техникой фотобаша. 

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

Заменить Фотошоп можно бесплатными GIMP и Krita, но важно учитывать, что возможности обеих программ скуднее. GIMP больше заточен под цветокоррекцию, а Krita — под цифровое рисование.

Набросок гор с помощью фотобаша
Imad Awan показывает, как делать набросок гор при помощи фотобаша. Источник

Фотографии

Если вы собираетесь продавать свой рисунок или использовать его в коммерческой сфере (игры, кино), то лучше не использовать фото из поисковика — можно нажить себе проблемы из-за нарушения авторских прав.

Мы собрали для вас список полезных сайтов, на которых можно найти материалы для фотобаша и китбаша:

  • Gumroad — торговая площадка для продажи цифровых товаров и услуг. Среди товаров есть и фотографии, и 3D-модели — настоящая кладезь материалов для фотобаша и китбаша. На сайте есть и бесплатные наборы.
  • Photobash — сайт с паками фотографий и 3D-моделей. Материалы разделены по тематикам: пустыня, горящий лес, центр мегаполиса, средневековые персонажи и много других подборок на разные темы. Почти все паки платные, но есть и три бесплатных.
  • Unsplash — популярный бесплатный фотосток c 4 миллионами фотографий, которые можно скачивать и применять их в коммерческих работах. 

Фотостоки — это в целом основа этой техники и лучший друг фотобашеров. В интернете их много. Помимо Unsplash, рекомендуем присмотреться к Burst, PicJumbo, StockSnap, Freepik и ISO Republic.

Наборы для фотобаша на Gumroad
Наборы фотографий в Gumroad. Слева можно установить максимальную цену за набор в 0 долларов. После этого сайт покажет вам все бесплатные наборы

Советы по работе с фотографиями 

Выбор правильной фотографии

В основе фотобаша лежит правильный подбор фотографии. Случайные фото не подойдут.

Совет: обращайте внимание на то, как ложится свет на объект или персонажа на фотографии. Для того, чтобы изображение хорошо вписалось в рисунок, освещение должно быть мягким.

Сравнение жесткого и мягкого света на картинках для фотобаша
Для фотобаша больше подходит фотография с мягким светом — на ней нет ярко выраженных бликов, а сам свет распределен равномерно. Фотография с жёстким светом подстраивать под рисунок тяжелее

Помимо света, важно многое: ракурс, цвета, перспектива и контраст — все эти свойства определяют, ляжет ли фотография на рисунок или будет только его портить. Всему этому мы учим на наших курсах по фотобашу.

Курс по основам фотобаша включает в себя 4 урока и подходит как для начинающих цифровых художников, так и для тех, у кого уже есть опыт в CG-рисовании. На уроках по фотобашу мы научим подбирать правильные изображения и покажем, как делать рисунок с их использованием гармоничным и цельным. 

Вырезаем простые объекты

Часто для фотобаша не нужна вся фотография, а только её часть. Для перемещения элементов фото на свой рисунок в Фотошопе используются инструменты выделения  — «Волшебная палочка», «Выделение объектов», «Быстрое выделение» и все виды «Лассо». 

После выделения объектов они копируются и переносятся на рисунок комбинацией клавиш «Ctrl» + «С» и «Ctrl» + «V».

Выделение объектов на изображении для фотобаша
Инструмент «Выделение объектов» в действии

Вырезаем сложные объекты

К сложным объектам можно отнести распущенные волосы персонажа или дерево с кучей веток. Выделять и вырезать такие объекты можно при помощи цветовых каналов. 

Изображение собаки для фотобаша
Пример сложного объекта. Попробуем отделить эту собачку от фона

Для этого перейдите во вкладку «Окно» в раздел «Каналы». У фотографии появится 4 канала: красный, зелёный, синий и RGB. Не RGB каналы будут серые, несмотря на свои названия. Когда вы будете кликать на конкретный канал с конкретным цветом, программа покажет, сколько этого цвета используется в картинке: чем чернее тон, тем больше цвета.

Выделение сложного объекта через цветовые каналы
Сейчас виден только канал с красным цветом — на нём мы и остановимся, так как тона здесь самые контрастные

Выберите наиболее контрастный цветовой слой — то есть тот, где самая сильная разница в чёрном и белом между объектом и фоном. В нашем случае это канал с красным цветом. 

Нажмите правой кнопкой мыши по слою и выберите пункт «Создать дубликат слоя», а затем перейдите по пути Изображение -> Коррекция -> Уровни.

Опция «Уровни» в Фотошопе
Путь до опции «Уровни»

Настройте ползунки так, чтобы фон и объект стали ещё контрастнее — картинка должна быть максимально чёрно-белой.

Настройка контрастности в Фотошоп
Регулируйте ползунки под диаграммой

После этого надо залить нужный объект белым цветом, а фон — чёрным. Если при залитии объекта цвет попадает и на другие области, то контрастность картинки недостаточно сильная. В этом случае можете использовать белую и чёрную кисть вместо заливки.

Заливка сложного объекта белым цветом в Фотошопе
Должно получиться примерно так

Когда рисунок станет полностью чёрно-белым, нажмите клавишу «Ctrl» + ЛКМ по каналу, на котором вы редактировали контрастность. Затем перейдите в окно слоев и создайте маску слоя — готово, вы отделили объект от фона.

Результат отделения сложного объекта от фона
Маску слоя также можно создать при нажатии на значок фотоаппарата в правом нижнем углу

Убираем ореолы

Ореолы — это линия на границе вырезанного объекта, которая включает в себя текстуру фона. Она возникает из-за того, что не всегда получается идеально отделить объект от фона. Избавиться от ореола можно двумя способами, про которые рассказал блогер под ником PiXimperfect.

Способ №1: в меню слоев нажмите на маску с обтравленным объектом, после чего выберите инструмент «Палец» и настройте интенсивность на 50% и жёсткость — на 0%. 

Настройка инструмента «Палец» в Фотошоп
Положение параметров

Аккуратно проведите инструментом «Палец» по ореолам, чтобы размыть края маски и скрыть текстуру, которая осталась от фона.

Удаление ореолов у изображения в Фотошоп
Меняйте область инструмента в зависимости от величины ореола. Источник

После применения «Пальца» границы объекта будут нечёткими. Чтобы вернуть былую резкость перейдите в раздел «Изображение», во вкладку «Коррекция» и выберите пункт «Яркость/Контрастность». Поставьте галочку в окошке «Использовать прежние», после чего потихоньку передвигайте ползунок контрастности вправо.

Увеличение четкости краев фото в Фотошопе
При увеличении контрастности вы убираете средние тона и делаете края более чёткими. Источник

Способ №2: сузьте границы маски. Для этого зажмите клавишу «Ctrl» и кликните левой кнопкой мыши по маске — так вы увидите контур выделенного пространства. 

После этого перейдите в раздел «Выделение», во вкладку «Модификация» и выберите пункт «Сжать».

Инструмент «Сжать» для удаления ореолов в Фотошоп
Попробуйте сжать сразу на 10 или несколько десятков пикселей. Если вы перестарались, то всё можно вернуть обратно комбинацией клавиш «Ctrl» + «Z» 

В появившемся окне вбейте число пикселей, на которые вы хотите сжать границы выделенной области. Затем инвертируйте маску комбинацией «Ctrl»+«Shift»+«I» и закрасьте чёрной кистью то, что осталось за границей контура.

Ещё больше полезной инфы мы рассказываем на нашем курсе по основам фотобаша. Курс включает в себя 4 урока и нацелен на новичков. Мы расскажем про методы работы с техникой, научим анализировать и подбирать референсы, а также покажем, как придавать арту реалистичный, законченный вид.

Автор
Никита Барышников
специально для SmirnovSchool
Расскажи коллегам

Комментарии

    СТОИТ ИЗУЧИТЬ ПО ТЕМЕ