Как сделать визуализацию в фотошопе

Обновлено: 04.07.2024

Фильтр «Эффекты освещения» позволяет создавать в RGB-изображениях различные эффекты освещения. Предусмотрена также возможность применять для создания объемных эффектов текстуры, полученные из файлов изображений в градациях серого (они называются карты рельефа), а также сохранять собственные стили для использования в других изображениях.

Выберите пункт «Фильтр» > «Рендеринг» > «Эффекты освещения».

В меню «Наборы» в верхнем левом углу выберите стиль.

В окне просмотра выберите отдельные источники света, которые необходимо настроить. Затем на верхней половине панели свойств выполните одно из следующих действий.

  • В верхнем меню выберите тип источника (направленный, бесконечный или точечный).
  • Настройте цвет, интенсивность и размер центра освещенности.

На нижней половине панели свойств настройте весь набор источников света с помощью следующих параметров:

Щелкните, чтобы придать оттенок всему освещению.

Управляет сведениями о светлых и темных участках.

Определяет, сколько поверхностей отражают свет.

Определяет, какой цвет в большей степени присутствует в отраженном свете: цвет падающего света или цвет объекта, на который он падает.

Рассеивает свет, как если бы он смешивался с другим (солнечным или флуоресцентным) светом в помещении. Чтобы использовать только источник освещения, выберите значение 100, а чтобы его удалить, выберите значение –100.

Быстро освойте специальную рабочую среду эффектов освещения. В этом руководстве от Дэна Мугамяна (Dan Moughamian) содержится пошаговое описание действий.

Также см. обзорное видео Эффекты освещения, подготовленное Мэттом Клосковски (Matt Kloskowski).

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

Освещение во всех направлениях непосредственно над изображением, как лампочка.

Освещение всей плоскости, как солнце.

Излучает пучок света эллиптической формы. Линия в окне просмотра определяет направление и угол света, а рукояти — края эллипса.

В верхнем меню панели свойств выберите пункт «Точечный».

В окне просмотра настройте источник света.

  • Чтобы переместить источник света, перетащите его в любое место холста.
  • Чтобы изменить распространение света (отражающее приближение или удаление источника света), перетащите белый раздел кольца интенсивности в центре.

При значении интенсивности, равном 100, достигается самая яркая освещенность, нормальная освещенность составляет около 50, при отрицательных значениях интенсивности источник света отдаляется, а при значении –100 освещенность отсутствует.

В верхнем меню панели свойств выберите пункт «Бесконечный».

  • Чтобы изменить направление, перетаскивайте маркер, находящийся в конце линии.
  • Чтобы изменить яркость, перетащите белый раздел кольца интенсивности в центре элементов управления светом.

В верхней части панели свойств выберите «Направленный».

В окне просмотра настройте источник света.

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

Меню «Наборы» в рабочей среде «Эффекты освещения» позволяет выбрать один из 17 стилей освещения. Предусмотрена также возможность создать собственные наборы, задав дополнительные источники света в параметре «По умолчанию». Фильтр «Эффекты освещения» требует применения по крайней мере одного источника освещения. В один момент времени допускается редактирование характеристик только одного источника освещения, но для создания эффекта используются и все дополнительно введенные.

Прожектор на 2 часа

Желтый прожектор со средней (17) интенсивностью и широкой (91) фокусировкой.

Синяя верхняя лампа с полной (85) интенсивностью и без фокусировки.

Четыре прожектора. Белый имеет полную (100) интенсивность и концентрированную (8) фокусировку. Желтый имеет сильную интенсивность (88) и концентрированную (3) фокусировку. Красный имеет среднюю (50) интенсивность и концентрированную (0) фокусировку. Синий имеет полную (100) интенсивность и среднюю (25) фокусировку.

Белый прожектор со средней (35) интенсивностью и широкой (69) фокусировкой.

Два белых прожектора со средней (35) интенсивностью и широкой (100) фокусировкой.

Белый прожектор средней интенсивности (35) с широкой фокусировкой (69).

Пять прожекторов вниз/пять прожекторов вверх

Пять прожекторов, направленных вниз или вверх, с полной (100) интенсивностью и широкой (60) фокусировкой.

Желтая лампочка со средней (46) интенсивностью.

Белый прожектор со средней (35) интенсивностью и широкой (69) фокусировкой.

Направленный синий дневной свет с полной (98) интенсивностью и без фокусировки.

Источники света RGB

Красный, синий и зеленый источники света, которые излучают свет со средней (60) интенсивностью и широкой (96) фокусировкой.

Мягкий направленный свет

Два направленных источника света, белый и синий, без фокусировки. Белый источник света имеет слабую (20) интенсивность. Синий источник света имеет среднюю (67) интенсивность.

Мягкая лампочка со средней (50) интенсивностью.

Белый прожектор с полной (98) интенсивностью и широкой (100) фокусировкой.

Три белых прожектора со слабой (35) интенсивностью и широкой (96) фокусировкой.

Три прожектора с небольшой (35) интенсивностью и широкой (100) фокусировкой.

Авторизуясь в LiveJournal с помощью стороннего сервиса вы принимаете условия Пользовательского соглашения LiveJournal

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

Под катом большой туториал и ссылка на исходник в psd.


Берем заготовку под визуалку и снимаем с нее этикетку. Если это коробка, то ничего не снимаем а сразу обклеиваем коробку бумагой или собираем новую коробку из белого картона.


Клеим на место этикетки белую бумагу. Если будущая этикетка будет глянцевой, то глянцевую бумагу, если матовой, то матовую.



Слева стоит белый лист. В данном случае не как отражатель, а как затенятель, чтобы этикетка и бутылка была более объемной.



Скачиваем исходники на компьютер, открываем фотошоп и начинаем обрабатывать.


Обтравливаем бутылку, копируем на новый слой.


К бутылке применяем маску и копируем этикетку на новый слой.


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


Это делается за пару минут инструментом Patch tool (J).


Высветляем бутылку в центре, чтобы сделать ее более объемной.


Кроме того из бутылки надо убрать синеву и нарисовать фон. Никогда нельзя забывать про фон, красивый бэкграунд это половина успеха.


Начинаем натягивать этикетку.


Делаем выделение, применяем фильтр. Filter/Distort/Spherize - Horizontal only, 60%.


И еще раз применяем, но уже только 30%.


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


Будущую этикетку ограничиваем маской с белой этикетки и опускаем ее на слой ниже.


Белую этикетку дважды накладываем мультиплаем и протираем в середине.


Так как на бутылке справа есть жесткий блик, то и на этикетке нам нужен такой же.


Слева на бутылке мягкий блик. Рисуем его на этикетке.


Поскольку бутылка стоит на светлом фоне, этикетке не помешают еще два тонких рефлекса по краям.


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

Инструменты рисования Photoshop подходят как для рисования на поверхности 3D-модели, так и для рисования на 2D-слое. Обозначить области модели для рисования можно как вручную, используя инструменты выделения, так и автоматически (Photoshop самостоятельно выделит области, доступные для рисования). Команды меню 3D позволят очистить требуемые области модели, для того чтобы при рисовании можно было получить доступ к ее внутренним или скрытым частям.

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

Для каждого случая использования применяется индивидуальный метод рисования. Приложение Photoshop предоставляет следующие методы 3D-рисования.

Интерактивное 3D-рисование (по умолчанию в Photoshop). Штрихи кисти, применяемые в представлении 3D-модели или текстуры, отображаются в режиме реального времени в другом представлении. Этот метод 3D-рисования обеспечивает высокую эффективность и минимальное искажение.


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


Рисование в проекции. (По умолчанию в Photoshop Extended CS6) Рисование в проекции подходит для одновременного рисования нескольких текстур или для рисования стыка между двумя текстурами. Однако, как правило, этот метод рисования отличается низкой производительностью и может привести к сбоям при рисовании сложных 3D-объектов.

Рисование на текстуре. Можно открыть 2D-текстуру и рисовать непосредственно на ней.

Photoshop: интерактивное 3D-рисование

Интерактивное 3D-рисование

3D-функции Photoshop будут удалены в будущих обновлениях. Пользователям, работающим с 3D-функциями, рекомендуется ознакомиться с новой коллекцией Adobe Substance 3D, которая представляет собой новое поколение 3D-инструментов от Adobe.

Дополнительную информацию о прекращении поддержки 3D-функций Photoshop можно найти здесь: Photoshop 3D | Распространенные вопросы об упраздненных 3D-функциях.

Photoshop позволяет создавать множество разнообразных базовых 3D-объектов с использованием 2D-слоев в качестве основы. После создания 3D-объекта его можно поместить в 3D-пространство, изменять настройки рендеринга, добавлять источники света или включать его в другие 3D-слои.

Преобразуйте двухмерные слои в трехмерные открытки (плоскости с трехмерными свойствами). Если начальным слоем является текстовый слой, все настройки прозрачности сохраняются.

Обернуть 2D-слой вокруг 3D-объекта, например конуса, куба или цилиндра.

Создайте 3D-сетку из содержимого в градациях серого, сохраненного в 2D-изображении.

Смоделируйте технику работы по металлу под названием чеканка путем вытеснения двухмерного объекта в трехмерное пространство. См. раздел Создание 3D-чеканки.

Строить 3D-объемы из мультикадрового файла, например файла изображения DICOM. Photoshop обработает отдельные изображения из файла и создаст на их основе 3D-объект, который можно будет поместить в 3D-пространство, где им можно будет манипулировать и рассматривать с разных сторон. Для оптимизации изображения различных материалов во время сканирования, например кости или мягкой ткани, можно использовать различные эффекты рендеринга 3D-объема. См. раздел Создание 3D-тела.

Создание 3D-открытки

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

Откройте 2D-изображение и выберите слой, который требуется преобразовать в открытку.

Выберите «3D» > «Новая 3D-открытка из слоя».

2D-слой преобразуется в 3D-слой на панели «Слои». Содержимое 2D-слоя накладывается в качестве материала на обе стороны открытки.

Исходный 2D-слой появляется на панели «Слои» в качестве текстурной карты «Диффузия» объекта 3D-открытки. (См. раздел Обзор панели 3D.)

Созданный 3D-слой сохраняет все размеры исходного 2D-изображения.

(Необязательно) Чтобы добавить 3D-открытку в 3D-сцену в качестве плоскости поверхности, объедините новый 3D-слой с уже существующим 3D-слоем, содержащим другие 3D-объекты, затем при необходимости осуществите выравнивание. (См. раздел Объединение 3D-объектов.)

Чтобы обеспечить доступ к 3D-содержимому, экспортируйте 3D-слой в 3D-файл или сохраните его в формате PSD. (См. раздел Экспорт 3D-слоев.)

Создание 3D-фигур

В зависимости от выбранного типа объекта результирующая 3D-модель может содержать одну или несколько сеток. При использовании параметра «Сферическая панорама» изображение накладывается на внутреннюю поверхность 3D-сферы.

Откройте 2D-изображение и выберите слой, который требуется преобразовать в 3D-фигуру.

Выберите «3D» > «Новая фигура из слоя», затем выберите в меню форму фигуры. Фигуры могут содержать объекты с одной сеткой, например пончик, сфера или шляпа, а также объекты с несколькими сетками, например конус, цилиндр, жестяная банка с лимонадом или бутылка вина.

В меню фигуры можно добавлять произвольные фигуры. Фигуры являются файлами моделей Collada и имеют расширение «.dae». Чтобы добавить фигуру, поместите файл модели Collada в папку «Presets\Meshes» с установленной программой Photoshop.

2D-слой преобразуется в 3D-слой на панели «Слои».

Исходный 2D-слой появится на панели «Слои» в качестве текстурной карты «Диффузия». Он может быть использован для наложения на поверхности новых 3D-объектов. На остальные поверхности могут накладываться текстурные карты «Диффузия» по умолчанию с соответствующими настройками цвета. См. раздел Обзор панели 3D.

(Необязательно) Воспользуйтесь параметром «Сферическая панорама» при использовании панорамного изображения в качестве 2D-входа. Этот параметр осуществляет полное преобразование (360 x 180 градусов) сферической панорамы в 3D-слой. После преобразования в 3D-объект можно наносить краску на области панорамы, которые часто находятся в труднодоступных местах, например, полюса или области с прямыми линиями. Дополнительную информацию по созданию 2D-панорамы см. в разделе Создание панорам с углом обзора 360 градусов.

Экспортируйте 3D-слой в формате 3D-файла или PSD, чтобы сохранить полученное 3D-содержимое. См. раздел Экспорт 3D-слоев.

Создание 3D-сетки

Команда «Новая сетка из градаций серого» преобразует изображение в градациях серого в карту глубины, где значения освещенности принимаются за значения глубины. Более светлые области преобразуются в возвышенности, а более темные — в углубления. Затем Photoshop накладывает карту глубины на одну из четырех возможных геометрических фигур для создания 3D-модели.

Откройте 2D-изображение и выберите один или несколько слоев, которые требуется преобразовать в 3D-сетку.

(Необязательно) Преобразуйте изображение в изображение в градациях серого. (Выберите «Изображение» > «Режим» > «Градации серого» или «Изображение» > «Корректировки» > «Черно-белое» для проведения более точного процесса преобразования.)

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

(Необязательно) Отредактируйте изображение в градациях серого, если требуется ограничить диапазон значений яркости.

Выберите «3D» > «Новая сетка из градаций серого», затем выберите тип сетки.

Накладывает карту глубины на плоскую поверхность.

Создает две плоскости-отражения по обе стороны центральной оси; карта высот накладывается на обе плоскости.

Накладывает карту глубины на внешнюю поверхность относительно центра вертикальной оси.

Накладывает карту глубины по радиусу на внешнюю поверхность относительно центральной точки.

Photoshop создаст 3D-слой, в котором будет содержаться новая сетка. Для 3D-объекта также создаются текстурные карты «Диффузия», «Прозрачность» и «Глубина плоскости», данные для которых берутся из исходного цветного слоя или слоя в градациях серого.

Карту высот можно в любой момент открыть в качестве смарт-объекта и отредактировать. При сохранении карты генерируется сетка.

Текстурная карта «Прозрачность» не отображается на панели «Слои», так как в этой карте используется тот же фоновый файл, что и в карте «Диффузия» (исходный 2D-слой). Если две текстурные карты ссылаются на один и тот же файл, этот файл на панели «Слои» отображается в единственном экземпляре.

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

3D-объект или позиция камеры. Используйте инструменты 3D-позиционирования или камеры для перемещения модели или 3D-камеры с течением времени. Photoshop может создавать промежуточные кадры между перемещениями камеры или изменением позиции для создания эффекта плавного движения.

Настройки 3D-рендеринга. Изменение режимов рендеринга с возможностью анимировать преобразования между переключениями некоторых режимов рендеринга. Например, постепенный переход от режима «Вершины» к режиму «Каркас» для симуляции процесса создания эскиза структуры модели.

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

Для получения высококачественной анимации можно использовать настройку «Рендеринг для фин. вывода». См. раздел Изменение эффектов рендеринга.

Читайте также: