Постобработка визуализаций. — Сладкие интерьеры, манящие экстерьеры — LiveJournal
Постобработка визуализаций.
Решил рассказать про свою постобработку. Не могу похвастаться, что я придумал что-то новое в постобработке, но мне кажется, что эти примеры могут быть полезными для начинающих.
Сами рендеры очень часто выглядят достаточно убого и сыро и сделать идеальную визуализацию без фотошопа достаточно трудно.
Скачать файл в psd можно тут http://narod.ru/disk/14055760001/baba.psd.html
Много новых подробностей об уроке можно увидеть в записи моего вебинара про фотошоп.
Конкретно на этой обработке я особо останавливаться не буду, так как там был отдельный подход, а я хотел бы рассказать о некой универсальной постобработке, которая подходила бы для почти любого изображения.
Если вкратце, то обратите там внимание на режимы смешивания, например для слоя с сигаретным дымом.
НАЧАЛО КУСКА НЕИНТЕРЕСНОГО ТЕКСТА
В том рендере была одна особенность. Я попробовал рендерить по слоям. Обычно конечный рендер это сумма всех слоев с отражениями, бликами, светом и кучей всего. Но можно включить так, чтоб получить отдельно слои и потом в фотошопе их соединять, корректируя каждый. На этой теме я не буду останавливаться, так как во-первых сам не сильно в ней разбираюсь, а во-вторых использование этих слоев очень и очень широкое, да и у каждого человека разное.
А вот на этом примере мы тоже особо останавливаться не будем.
Скачать файл в psdhttp://narod.ru/disk/14055834001/yalt.psd.html
Это коллаж, но чтоб добиться некоторой реальности освещения, мне пришлось добавить несколько градиентов поверх финальной картинки. Все они сгруппированы вверху. В них вся «красота». Это, конечно, лишь общий принцип. Цвета и режимы смешивания слоев могут быть совершенно разными.
Детальней я бы хотел остановиться на следующей простой и быстрой обработке.
Вся обработка занимает всего три слоя.
Скачать файл в psd http://narod.ru/disk/14055460001/provance.psd.html
Это интерьер из текучки, но который нужно было сделать очень и очень быстро, поэтому времени на обработку особо не было. Общий принцип это исправить первоначальный рендер, который очень плоский сделать его глубоким, добавив объемный солнечный свет, а часть визуализации затемнить, дав ей другой тон.
Подобные уроки есть в интернете, но я делаю немного по-своему.
Очень часто нужно осветлить рендер. Нажимаем ctrl+M и тянем кривые вверх.
Это не правило, особенно если свет правильно настроен изначально, но обычно становится лучше любая картинка.
Тянуть кривые по вкусу.
Во-вторых нужно добавить резкости. Тут главное не перешарпить. На каждый размер картинки нужны свои настройки. Но для обычных средних размеров подойдет нечто подобное по настройке. Смотрите на картинку.
Теперь сам процесс создания глубины изображению.
Для начала нужно скопировать основной слой. Потом выбрать градиент и нажать все как на картинке. Обратите внимание, что градиент черно-белый и белый цвет слева.
Если сделано все правильно то у вас будет нечто схожее после добавления градиента.
Теперь нажимаете вот эту кнопочку снизу слева, которую я обвел красным и нажимаете кнопку delete на клавиатуре. В вашем верхнем слое должно удалиться все каким был градент.
После этого нажимаем ctrl+В и настраиваем цвета слоя по своему вкусу. В моем случае нужно было сделать слой более холодным, добавиви голубого цвета, чтоб выразительней читался переход от окна к неосвещенной части комнаты.
Подобный слой с изменением цвета я делаю почти всегда.
Снова нажимаем ctrl+M и теперь уже тянем кривые вниз, чтоб наоборот затемнить слой. Для большего контраста желательно поставить слой в режим смешивания overlay и немного уменьшить прозрачность. Но опять же все зависит от эффекта, который хотите достичь вы. Возможно с другими цветами будет лучше, если вы поставить другой режим смешивания.
Дальше создается объемный свет. Рисуете прямоугольник нужной формы и размываете его фильтром гаусиан блур Filter > Blur > Gaussian blur
Настройки блура разные. в моем случае такие.
После чего уменьшаете прозрачность слоя и вытираете резинкой лишнее.
Вот и все. Когда нужно вытянуть картинку, то подобный прием по высветлению освещенной части изображения и затемнения с измененим цвета неосвещенной части, улучшает почти все слабые рендеры.
Постобработка рендеров в Photoshop | Daz3D в рунете
12.
03.2016 — 13:56
#1
Галя
Не в сети
Последнее посещение: 3 года 11 месяцев назад
Регистрация: 19.12.2015
Сообщения: 81
Рейтинг: 160
Постобработка рендеров в Photoshop
Сегодняшний туториал позволит поразмышлять на тему постообработки в Photoshop.
Вы сделали рендер, и он выглядит хорошо. Вы подправляете немного здесь, немного там. Вы довольны результатом. Но не потрясены. Чего-то не хватает. Нам нужна постобработка, к ней обращаются, когда рендеринг закончен, чтобы он выглядел совершенней, добавляют больше эффектов и тогда финальный результат восхищает. Вы можете добавить такие вещи как туман, дымка, свечение, дополнительное освещение, тени или… можете сделать более мелкие вещи, улучшающие внешний вид — изменить цвет, исправить ошибки, скрыть или показать предметы.
Одна из самых простых и самых крутых вещей, которые вы можете сделать в Photoshop — просто дублировать слой и добавить режим наложения экрана для скопированного слоя.
Затем установить непрозрачность слоя в соответствии с вашим вкусом. Это как фальшивый гамма-эффект, который осветляет светлые участки и затемняет темные. Это помогает многим 3D художникам в работе, когда их изображения слишком темные или недоэкспонированны. На самом деле, свету без разницы, как выглядит вещь. Часть любого фото передержана (слишком яркая), и это часть природы. То же самое касается и 3D. Не торопитесь с завершением следующего рендеринга. Веселье только начинается.Я считаю, что постобработка намного важнее, чем сам рендеринг, так как во время нее вы можете многое добавить или изменить, чтобы рендер казался интереснее. Одно из самых значимых преимуществ при работе в Photoshop — невероятная экономия времени. Вместо траты часов на тонкую настройку 3D сцены, рендеринга и освещения, вы можете все изменить за секунды или минуты в
Еще одной удивительной особенностью Photoshop является работа со слоями. Вы можете разделить свою 3D картину на части, или слои, и каждый сохранит долю целого изображения.
Вы можете поместить одиночный свет на слой, и затем в Photoshop комбинировать и добавлять интенсивность, цвет или даже сделать его интерактивным. Возможно создание «контрольных слоев» для управления над сочетанием 3D-слоев.Одна из основных проблем 3D графики в том, что она выглядит слишком чистой и цветастой. Это легко устраняется в
Взрывы, вспышки и размытость можно добавить при постобработке. При создании своих 3D-работ я использую бутафорию и фигуры, добавляю освещение и камеру, но довожу до ума все в Photoshop. Эта самая веселая часть, когда все преобразуется и получается финальное изображение. Становится еще интереснее, когда задумываешься о взаимодействии 3D и 2D приложений.
В следующий раз, закончив рендеринг знайте — это только половина работы. Запускайте Photoshop и заставьте рендер сверкать.
Источник статьи: DREAMLIGHT3D.
Лайк
Вверх
Понравилось 2.
Учебное пособие по архитектурному рендерингу в Photoshop – Постобработка
В этом учебном пособии по архитектурному рендерингу в Photoshop мы дадим вам некоторое представление о процессе постобработки архитектурной визуализации в Photoshop на основе рендеринга, сделанного нами в 3d Studio MAX и Vray. В частности, мы используем специальную технику, основанную на определенных элементах рендеринга, таких как VrayRawShadows, VrayWireColor, VrayExtraTex, для ускорения работы в Photoshop.
В основном мы используем наш архитектурный антураж tonytextures и показываем вам, где взять, например. бесплатные загрузки, чтобы вы могли научиться работать с нашей графикой наилучшим образом — так что давайте начнем!
Прежде всего, мы открываем Photoshop и открываем базовую визуализацию, которую мы ранее создали в 3d Studio Max. Я использовал формат файла .PNG в качестве вывода, чтобы убедиться, что фон не отображается, а вместо этого фон прозрачен.
Формат файла .JPG не будет работать, так как он не поддерживает прозрачность и фон будет черным (или белым). Прямой прозрачный фон облегчит процесс добавления нового фонового изображения неба.
В поисках нового фонового изображения я просматриваю нашу галерею из более чем 4000 бесплатных текстур и нашел это здесь:
Бесплатно скачать фото можно ЗДЕСЬ.
Или проверьте или другие бесплатные текстуры фона ландшафта!
Импортируйте изображение и сначала масштабируйте его в соответствии с размером холста вашей архитектурной визуализации в Photoshop.
Затем отрегулируйте оттенок и насыщенность, чтобы они соответствовали исходному рендерингу. В этом примере он использовал
- Оттенок +5
- Насыщенность +30
- Яркость +15
Поскольку теперь мы хотим добавить элементы текстуры к определенным элементам здания или рендеринга, мы используем наш первый элемент рендеринга, который является изображением VrayWireColor. Идея состоит в том, что различные элементы здания визуализируются простым цветом, поэтому довольно легко выбрать определенные области с помощью инструмента «Волшебная палочка» и заменить их другой, более реалистичной текстурой. Наш цветной рендеринг VrayWireColor выглядит следующим образом:
Хорошо, здесь я выбираю оранжевую и желтую области с помощью инструмента Magic Wand Tool в Photoshop и снова ищу бесплатную фотографию с красивой перспективной травой на переднем плане. Изображение. Я буду искать два изображения, одно с какой-то классической садовой лужайкой (для участка с травой рядом с домом), а второе с травяным полем, на котором также есть цветы для области переднего плана.
Так что я выбрал этот…
…и одно изображение текстуры с перспективным травяным полем и цветами:
Если вы хотите загрузить оба файла, пожалуйста, возьмите их ЗДЕСЬ и ЗДЕСЬ .
Теперь мы выбираем желтую и оранжевую области с помощью инструмента «Волшебная палочка» и удаляем область из исходного слоя визуализации (или используем маску слоя, чтобы иметь возможность изменить ее позже)
Если вы просто поместите новые слои текстуры ниже слоя рендеринга — там, где вы только что удалили области — это выглядит так:
Если вам нужны красивые фототекстуры, вам обязательно стоит ознакомиться с нашими бесплатными 4000+ фототекстурами, где вы найдете различные текстуры кирпичной стены и текстуры зданий!
ОК, теперь я хотел бы еще лучше объединить новые элементы с нашей сценой. В каждом проекте визуализации архитектуры это неотъемлемая часть процесса. Поэтому мы концентрируемся на краях текстуры, где они соприкасаются со стеной, чтобы придать ей немного реализма, используя кисть травы номер 134, и стираем края.
Опять же, мы можем настроить Оттенок и Насыщенность так, как они выглядят лучше всего для нас (в этом примере использовались Оттенок +4, Насыщенность +23 и Яркость +3 для первой текстуры и Оттенок +8, Насыщенность +7 и яркость +2 для вторых текстур).
Посмотрите на изображение ниже, которое показывает, как элементы травы теперь лучше сливаются со сценой…
Теперь, чтобы создать эффект тени на нашей новой текстуре травы, мы переходим к вставке еще одного элемента Vray, который называется VrayRawShadows.
Сначала я инвертирую фотографию (CTRL+I), чтобы изменить все темные цвета на белые и наоборот. Затем я меняю режим наложения слоя на «Умножение» и устанавливаю непрозрачность слоя примерно на 40%.
Теперь приступим к вставке растительности в виде кустов, растений, лиан, деревьев и других элементов. Я упомяну файлы, которые я использую в этом руководстве, но если вам нужны бесплатные материалы для выполнения шагов, просто возьмите наши 9 файлов.
0017 бесплатный «OpenArchiVIZpack» с большим количеством бесплатных вырезанных растений, деревьев и т. д.
Начнем с кустов на каменной стене. Здесь я использую элемент архитектурного антуража из нашего CutoutPlants V03 и размещаю его в окружающей среде.
Если у вас есть свободное время и вы можете вырезать изображения самостоятельно, загляните в нашу бесплатную галерею фототекстур, где вы найдете, например, нашу галерею текстур куста.
Как всегда, я играю с исходным файлом Hue and Saturation, чтобы он соответствовал внешнему виду моей сцены. Мне также нужна тень этого растения, поэтому мы создаем копию этого слоя и отражаем ее по вертикали, меняем только насыщенность на -9.6 и Яркость до -54. После этого я помещаю слой ниже исходного слоя и, наконец, устанавливаю непрозрачность до 84%.
Далее я также копирую куст, включая слой с тенью, и перемещаю его влево. Затем я уменьшаю непрозрачность (33%), чтобы он выглядел так, как будто он находится за стеклянными перилами.
Такую же процедуру проделываем с растениями, которые будут располагаться на балконе. Поэтому я использую несколько вырезанных цветов из коллекции CutoutPlantsV04. Снова меняю некоторые базовые настройки — в данном случае:
- Тон +6
- Насыщенность -16
- Яркость +2
Далее я создаю тень с помощью той же техники.
Далее я хочу добавить кое-что на белую стену справа — нам нужна виноградная лоза или плющ. Я нашел вырезанное изображение виноградной лозы в коллекции CutoutPlantsV01, которое может выполнять эту работу:
После импорта вырезанного изображения виноградной лозы я трансформирую его в соответствии с перспективой стены:
Кроме того, импортированное изображение необходимо изменить в соответствии с настроением моего исходного рендеринга. Я увеличиваю насыщенность и немного уменьшаю яркость.
Вырезанные деревья являются частью почти каждой визуализации архитектуры и постобработки в Photoshop.
Поэтому я выбираю красивое дерево из нашей коллекции CutoutTrees V01. Как обычно изменяются Оттенок, Насыщенность и Яркость, и будет создан теневой слой.
На этот раз мне нужно трансформировать и растянуть скопированный слой для тени вот так:
OK Думаю, теперь вы поняли, как добавлять растения. Поэтому я добавлю еще немного, пока декорации не будут выглядеть так:.
Очевидно, что люди важны для того, чтобы вдохнуть жизнь в каждую визуализацию архитектуры. Мне нравится использовать текстуры с размытием в движении, как в коллекции ArchitecturePeople. Преимущество готовых коллекций в том, что вы действительно можете загрузить их в свою сцену, масштабировать и готово!
Мы вставляем наш последний элемент рендеринга, которым является VrayExtraTex…
… после того, как это изображение выбрано, мы переходим в Слои и нажимаем Умножение, затем мы настраиваем непрозрачность на 90% или как хотим, и это все, мы получили другой эффект на краях или вершинах, которые создают тени.
Теперь, когда у нас есть все элементы окружения, я хотел бы добавить эффект виньетирования к конечному изображению, используя корректирующий слой, который изменяет кривые всех элементов ниже. Здесь я сначала затемняю всю сцену:
Затем мы выбираем рассеянный круговой ластик и продолжаем стирать область от центра к краям на маске слоя и корректируем значения кривой, чтобы получить что-то похожее на изображение.
Как вы можете видеть, теперь углы и внешние части изображения стали немного темнее. Может быть, это слишком много, но для урока можно показать это:
И, наконец, мы вставляем дополнительный слой карты градиента, в этом случае мы использовали карту градиента Gold 2, но вы можете использовать любую по своему вкусу и сделайте несколько тестов, мы используем это и даем ему значение 25%, чтобы добиться более теплого ощущения.
Не зацикливайтесь на этом процессе, не стесняйтесь провести свой собственный тест, и волшебство произойдет.
Мой окончательный результат теперь выглядит так:
Я очень надеюсь, что вам понравился этот урок! Я надеюсь, что вы сможете следовать инструкциям и протестировать несколько методов в своем следующем проекте визуализации архитектуры! Самая важная часть — попытаться объединить новые элементы, такие как вырезанные деревья, растения и другой архитектурный антураж, с вашим оригинальным рендерингом, регулируя насыщенность, оттенок и яркость. Кроме того, всегда полезно потратить дополнительное время на некоторые детали, как я сделал с фотографией травы на переднем плане, чтобы лучше объединить ее с моим рендерингом. Если вы затем добавите какой-нибудь уникальный штрих в конце, я думаю, вы готовы к работе!
Если вам понравился этот учебник по архитектурному рендерингу в Photoshop и вы хотите протестировать его самостоятельно, не стесняйтесь получить нашу совершенно бесплатную коллекцию архитектурного антуража для вашего следующего проекта визуализации здесь:
Пожалуйста, распространяйте любовь, если вам это нравится.
..
0001
По завершении этого занятия учащиеся смогут:
- (CO 1) Понимать кисти Photoshop и планшет Wacom
- (CO 2) Понимание постобработки для рендеринга внешней перспективы
Основные моменты сеанса
В конце занятия учащиеся смогут создать приведенную ниже графику.
Содержание лекций
(CO1) Знакомство с кистями Photoshop и планшетом WacomКисть для фотошопа
Дизайнеры используют инструмент [Кисть] для рисования любых форм и линий с помощью мыши и планшета Wacom. Выбрав кисть, вы можете рисовать, просто щелкнув левой кнопкой мыши один раз или удерживая ее и перетаскивая курсор по странице, чтобы создать несколько меток одним штрихом.
Несмотря на термин «кисть», кисти можно использовать не только для воспроизведения физических носителей, таких как краски.
На самом деле, кисти можно использовать для всего: от текстур и узоров до освещения. Простота использования и универсальность этого инструмента делают его удобным ресурсом как для новичков, так и для опытных дизайнеров, чтобы добавить глубины вашим проектам.
Photoshop поддерживает основные кисти, но вы можете импортировать/загружать кисти (файл ABR).
Подробнее об установке кистей Photoshop см. на странице Creative Market.
Полезные наборы кистей для фотошопа (бесплатный ресурс)
- ARQUI9 – Наборы архитектурных кистей
- Show It Better – наборы архитектурных кистей
- Облака
- Лучи света
- Фары IES
- Вспышки
Импортные кисти
- [ШАГ 01] Откройте панель [Кисть].
- [ШАГ 02] Щелкните настройки.
- [ШАГ 03] Выберите [Импортировать кисти] и установите флажок [Подсказки по кистям], чтобы увидеть одну кисть > Щелкните файл ABR и нажмите [ЗАГРУЗИТЬ].
Используйте инструмент [Кисть]
- [ШАГ 01] Щелкните инструмент [Кисть] или нажмите [B].
- [ШАГ 02] Выберите кисть.
- [ШАГ 03] Измените размер, непрозрачность, режим, жесткость и цвет.
- [ШАГ 04] Нажмите или перетащите, чтобы применить выбранную кисть.
(CO2) Понимание постобработки для рендеринга внешней перспективы
В этом уроке я продемонстрирую постобработку рендеринга внешней перспективы. Часть информации совпадает с CO3 в сеансе 19.
- [ШАГ 01] Настройка рендеринга с помощью [Экспорт идентификатора объекта, идентификатора материала и канала глубины], выберите лучшее время дня, когда вы хотели бы показать концепцию пространства, и подумайте (CO 1) 8 советов по улучшению перспективной визуализации в Сессии 19.
- [ШАГ 02] Откройте обработанное изображение в Photoshop.
- [ШАГ 03] Сохранить как файл в формате PSD.
- [STPE 04] Дублируйте фоновый слой, щелкнув правой кнопкой мыши и выбрав [Дублировать слой…] или Выбрать все [Ctrl+A] и [Ctrl+J].
- [ШАГ 05] Нажмите [Camera Raw] в меню [Фильтр].
Настройка [Camera Raw] представляет собой комбинированную версию настроек настройки изображения.
- [ШАГ 06] Добавьте [Канал глубины] и [ID материала], перетащив файл.
- [ШАГ 07] Используйте инструмент [Обрезка], нажав [C] и измените область, чтобы показать больше неба
- [ШАГ 08] Нажмите [Цветовой диапазон] в меню [Выбрать] > выберите черный > нажмите [ОК].
- [ШАГ 09] Скрыть [ID материала] и [Канал глубины] > Выберите слой [Randed image] > Инвертируйте выделение, нажав [Ctrl+Shift+I] > Дублируйте выделенную область на новый слой, нажав [Ctrl+J] > Изменение имени слоя [Визуализированное изображение+Без неба] > Скрыть слой [Визуализированное изображение].
- [ШАГ 10] Поиск изображений на веб-сайте [Фон Sky HD] и нажмите «Расширенный поиск» с изображением [Большого] размера и [авторскими правами], если необходимо.
- [ШАГ 11] Добавьте загруженное изображение неба в файл > слой должен быть ниже визуализированного изображения > измените размер и расположение изображения неба.
- [ШАГ 12] Отрегулируйте цвет визуализации или неба, чтобы они гармонировали для обоих изображений, используя [Цветовой баланс] в меню [Изображение] > [Настройка].
- [ШАГ 13] При необходимости измените цвет или рисунок материалов, используя слой [ID материала], чтобы выбрать материалы > Добавить высококачественную бесшовную текстуру > преобразовать в слой > изменить цвет, чтобы он соответствовал исходному цвету материала. текстура.
- [ШАГ 14] Скопируйте/измените размер изображения, чтобы создать узор > При необходимости используйте инструмент [Штамп клонирования], чтобы удалить эффекты узора > При необходимости используйте инструмент [Затемнение] или инструмент [Осветление], чтобы добавить тени и блики > используйте [Маска], чтобы скрыть ненужную область.
- [ШАГ 15] В рендеринге уже есть трава на земле. Однако я добавлю планы на траву и бетонную стену с помощью инструмента [Кисть].
- Щелкните инструмент [Кисть] > выберите [Herbe3] из [Argui9LearnSet] > щелкните панель [Настройки кисти] > отрегулируйте [Динамика формы] — дрожание размера, отрегулируйте [Динамика цвета] — дрожание переднего плана/фона и дрожание оттенка.
- Изменение цвета переднего плана/фона.
- Создайте новый слой.
- Нажмите и удерживайте кнопку мыши или используйте планшет Wacom.
- Используйте другую кисть для планов на бетонной стене и примените [Drop Dhadow] к эффекту слоя.
- [ШАГ 16] Загрузите деревья с сайтов поиска изображений и добавьте изображения на сцену. Вам может понадобиться только изображение дерева без фона. Вы можете использовать инструмент [Цветовой диапазон], чтобы выбрать фон и инвертировать выделение, а затем скопировать только изображение дерева. Было бы полезно, если бы у вас также были изменения цвета и изменения непрозрачности слоя для лучшего вида.
- [ШАГ 17] Для драматического эффекта вы можете добавить [Луч света].
