Объёмные фигуры в Photoshop | Photoshop
0 ∞
В этом уроке я расскажу, как создавать текстовые 3D-эффекты. Для выполнения этого руководства вам понадобится Adobe Photoshop CS4 версии Extended. Не сомневайтесь, будет весело, и я уверен, что вы сможете придумать множество других интересных ходов в Photoshop, используя эту технику. Приступим!
- Финальное изображение
- Шаг 1
- Шаг 2
- Шаг 3
- Шаг 4
- Шаг 5
- Шаг 6
- Шаг 7
- Шаг 8
- Шаг 9
- Шаг 10
- Шаг 11
- Шаг 12
- Шаг 13
- Шаг 14
- Шаг 15
- Шаг 16
- Шаг 17
- Шаг 18
- Шаг 19
- Шаг 20
- Шаг 21
- Шаг 22
- Шаг 23
- Шаг 24
- Шаг 25
- Шаг 26
- Шаг 27
- Заключение
- Другие предложения
Взгляните на рисунок, который должен получиться в итоге:
Прежде чем начать, вам понадобится скачать шрифты, которые мы будем использовать в этом уроке.
Растровые шрифты хорошо подойдут для этого эффекта, потому вы можете использовать любой или же скачать шрифт, который использовал я. Называется он Acknowledge.
Создайте новый документ 1000 пикселей в ширину и 600 пикселей в высоту. Установите «Разрешение» (Resolution) 300 пикселей/дюйм, а «Цветовой режим» (Color Mode) установите RGB, сохраните документ под именем «Blocks.»
Установите цвет фона (Background) равным #3a3a3a. Сделайте черный цвет цветом переднего плана (Foreground Color), возьмите инструмент «Горизонтальный текст» (Horizontal Type Tool) и напишите «PSD». Установите шрифт Acknowledge, размер букв (Font Size) 120 пунктов и «Метод сглаживания» (Anti-aliasing Method) в режим None, чтобы достичь шероховатости:
Создайте новый слой и назовите его «Mosaic». Цвет переднего плана (Foreground Color) сделайте 70% черного и цвет фона — 85% черного. Примените Фильтр > Рендеринг > Облака (Filter > Render > Clouds). Затем примените Фильтр > Оформление> Мозаика (Filter > Pixelate > Mosaic), где параметр «Размер ячейки» (Cell Size) установите 50:
Выберите слой «Background» и нажмите комбинацию клавиш Command + J для создания его копии.
Теперь, удерживая клавишу Alt, щелкните левой кнопкой мыши по линии между слоями «PSD» и «Mosaic» для создания маски слоя «Mosaic»:
В панели слоев (Layers Palette) выберите все слои, кроме «Background». Выполните 3D > Новая сетка из градаций серого > Двусторонняя плоскость (3D > New Mesh From Grayscale > Two-sided Plane). Photoshop создаст две симметричные плоскости и применит выбранный слой как карту глубины.
Это означает, что наш мозаичный текст теперь является картой глубины для плоскости, светлые квадраты будут располагаться выше, а темные — глубже. Самая темная область – поверхность цветом «a3a3a3», а все остальные области светлее нее, потому не будет никаких углублений, а образуются неровности на поверхности:
Теперь у нас есть 3D-объект, на который мы смотрим со стороны его передней части. На самом деле мы рассматриваем его с помощью камеры, а камера находится в передней части 3D-объекта. У вас есть два варианта для получения вида в перспективе. Вы можете вращать сам объект, или же изменить ориентацию камеры.
Мы решили оставить объект в покое и заняться камерой.
Выберите инструмент «3D – орбита» (3D Orbit Tool) и перетащите его так, чтобы изменить точку ракурса камеры. Вы также можете использовать инструмент «3D – Вращение» (3D Roll View Tool) для вращения камеры.
Инструмент «3D – орбита» (3D Orbit Tool) крутит камеру в координатах осей X и Y. «3D – Вращение» (3D Roll View Tool) вращает камеру в плоскости Z-оси.
Используя эти инструменты, попытайтесь достичь перспективы, которая показана на рисунке ниже. Затем с помощью инструмента «3D – Увеличение» (3D Zoom Tool) сделайте необходимое приближение, а с помощью инструмента 3D – Панорамный вид (3D Pan View Tool) передвиньте камеру при необходимости:
Есть разные настройки для рендеринга в Photoshop. Но единственный способ рендеринга, который даст нам и тени, и отражения — метод трассировки лучей. Но для достижения нужного нам эффекта, мы не будем его использовать. Таким образом, нам нужно создать отражение, используя одну хитрость.
Поэтому мы и используем двустороннюю плоскость:
Откройте меню Окно > 3D (Window > 3D) или дважды кликните по иконке 3D слоя «Mosiac» в панели слоев. Выберите «Сцена» (Scene) и отметьте галочку «Поперечное сечение (Cross Section)».
Эта операция уберет видимость всей 3D-модели, а отобразит только выбранную плоскость. Плоскость перпендикулярна выбранной оси. Выбираем ось Y. Таким образом, нижняя часть объекта станет отлично видна:
При создании сетки из черно-белого изображения, Photoshop использует оттенки серого как глубинную карту. В панели слоев (Layers Palette), когда выберите слой «Mosaic», вы сможете увидеть текстуру его глубины.
Двойной щелчок мыши по этому материалу откроет карту глубины в окне нового документа. Так как вы выбрали три слоя, чтобы создать сетку, то сможете видеть и редактировать их все в открывшемся документе.
Все изменения будут сохранены и отобразятся, когда вы вернетесь к главному окну документа «Blocks». Потому, если вам не нравится получившаяся структура, вы можете открыть текстуру Mosaic Depth, зайти в слой «Mosaic» и применить фильтр «Облака» (Clouds) и Mosaic повторно, как описано в шаге 2.
Карта глубины также назначается модели как карта «Размытия» (Diffuse) и карта «Непрозрачности» (Opacity).
Так как мы не нуждаемся в этих текстурах, мы удалим их. Выберите материал Mosaic в панели «3D», щелкните мышью по иконке меню «Карты текстур» (Texture Map Menu) рядом с «Размытием» (Diffuse) и выберите «Удалить текстуру» (Remove Texture). Тоже самое сделайте и для «Непрозрачности» (Opacity):
В панели «3D» выберите «Сцена» (Scene) и нажмите кнопку «Настройки рендеринга» (Render Settings). Установите «Стиль обложки» (Face Style) как «Плоский» (Flat), включите «Линейный Рендеринг», установите черный цвет (Color), «Стиль края» (Edge Style) задайте «Постоянный» (Constant) и «Порог складок» (Crease Threshold) задайте равным 2 (чем выше данное значение, тем меньше будут видны края).
Установите ширину линии (Line Width) в значение 1 и нажмите OK. В панели «3D» установите значение параметра «Сглаживание» (Anti-Alias) в положение «Наилучшее»:
Теперь мы изменим некоторые настройки материала.
Вернитесь к материалу Mosaic в панели «3D», установите значение цвет естественного освещения равный #880022. Установите «Размытие» (Diffuse) равным #ee8800. Значение «Глянец» (Glossiness) 0%.
В «Сцене» (Scene) панели «3D» установите «Глобальный цвет естественного освещения» (Global Ambient Color) #575757. Цвет внешней среды определяет яркость сцены, когда выключены все искусственные источники освещения:
Вы увидите три источники света в 3D панели. Это текущие источники света в сцене. Сейчас мы немного их настроим. Все они являются бесконечными источниками света (Infinite Lights).
В Photoshop есть три типа световых источников. Это бесконечные источники света (Infinite lights), светят как солнце, из одной точки. Точечные источники (Point lights) блестят во все стороны, как лампочки. И прожекторы (Spotlights) способны излучать свет в виде настраиваемого конуса.
Выберите Infinite Light 1 и установите ему белый цвет (Color). Выберите Infinite Light 2, цвет назначьте #696969 и уберите галочку «Создавать тени» (Create Shadows).
Очевидно, что наши источники не дают теней на текущий момент, но когда они начнут их создавать – это должен быть один источник.
Выберите Infinite Light 3, установите белый цвет и уберите галочку «Создавать тени» (Create Shadows), а «Тип источника» (Light Type) установите равным «Точка» (Point):
Третий источник света расположен под нашей плоскостью, потому мы не наблюдаем никакого эффекта. Чтобы исправить ситуацию, нам нужно сменить точку обзора, а для этого, чтобы затем иметь возможность вернуться к этой перспективе, нам нужно сохранить ее.
Выберите один из инструментов для «Камеры 3D», например «3D-орбита» (3D Orbit Tool) и щелкните «Сохранить текущую перспективу» (Save the Current View). Назовите ее «Cam». Откройте список «Перспектив» (View list) и выберите «Top»:
Щелкните «Включить источники света» (Toggle Lights) внизу 3D панели, чтобы увидеть источники света в сцене. Возьмите инструмент «Увеличение» (3D Zoom Tool) и увеличивайте сцену до тех пор, пока не увидите точки освещения.
Нажмите кнопку «Перетащить освещение» (Drag the Light) в 3D панели и переместите источники освещения, как показано на рисунке ниже.
Возьмите любой инструмент для камеры, откройте «Список перспектив» (View list) и выберите «Cam», чтобы вернуться к виду от камеры. Нажмите кнопку «Включить освещение» (Toggle Lights), чтобы спрятать лампы. Установите «Интенсивность» (Intensity) источника света 0.6:
В панели слоев сделайте копию слоя «Mosaic», назовите ее «Line». В панели «3D», выберите набор настроек «Рисованные линии» (Line Illustration) и нажмите «Настройки рендеринга» (Render Settings). Установите «Ширину линии» (Line Width) 1 и нажмите OK.
Возьмите инструмент «Волшебная палочка» (Magic Wand Tool), установите значение «Допустимое отклонение» (Tolerance) 80. Нажмите на черную область вне текста, чтобы выбрать область вокруг него. Удерживая Shift, нажмите левой кнопкой мыши внутри буквы и любой закрытой области.
Затем возьмите инструмент «Полигональное лассо» (Polygonal Lasso Tool) и добавьте к выделению любую из невыделенных областей вокруг текста путем нажатия клавиши Shift:
В панели слоев сделайте невидимым слой «Line».
В меню Выделение > Инвертировать (Select > Inverse) инвертируйте выделение и мы получаем выделенный текст.
Выбрав слой «Mosaic», удерживая Command (CTRL) + C скопируйте и вставьте Command (CTRL) + V выделение на новый слой. Назовите его «Text».
Скопируйте слой «Mosaic» и назовите копию «Reflection». Выключите видимость слоя «Mosaic»:
Убедитесь, что выбран слой «Reflection» и зайдите в 3D панель. Чтобы получить отражение, нам понадобится другая половина двусторонней плоскости. Выберите пункт «Сцена» (Scene) в 3D панели. Нажмите на «Отразить поперечное сечение» (Flip Cross Section), чтобы сделать видимой вторую часть плоскости.
Выберите материал Mosaic в 3D панели и снимите отметку «Двусторонний» (Two Sided). Это сделает задние грани невидимыми и останется только отражение:
Единственная проблема с отражением — оно расположено довольно далеко. Мы должны привязать его к тексту, но сделать это из поля зрения “Cam” будет довольно сложной задачей. Слой «Text» делаем невидимым, а у слоя «Mosaic» видимость наоборот включаем.
Это может выглядеть странно, но слой «Reflection» нужно поместить под слой «Mosaic» в панели слоев (Layers Palette).
Теперь из списка перспектив (View list) выберите «Справа» (Right), причем сделайте это как для слоя «Mosaic», так и для слоя «Reflection». Теперь нам видны две плоскости, так мы смотрим на них справа и видим, насколько далеки они друг от друга. С помощью стандартного инструмента «Увеличение» (Zoom), расположенного на панели инструментов (Toolbox), приблизите обе плоскости.
Возьмите инструмент «3D панорама» (3D Pan Tool), убедитесь в том, что выбран слой «Reflection» и перетащите плоскость влево, а зажав кнопку Shift — вправо, как показано на рисунке ниже:
Теперь снова выберите любой инструмент для камеры, и для слоев «Mosaic» и «Reflection» верните «Вид перспективы» в «Cam». Выключите видимость слоя «Mosaic» и включите видимость слоя «Text».
Для того чтобы очистить строки в слое «Reflection» нам нужно для начала их растрировать. Выберите слой «Reflection», зайдите в меню 3D > Растризация (Rasterize).
Возьмите инструмент «Ластик» (Eraser Tool), установите режим «Карандаш» (Pencil), чтобы избежать случайного стирания каких либо частей отражения, и зачистите края плоскости. Непрозрачность (Opacity) слоя «Reflection» установите 45%:
Теперь создадим тень. В панели слоев (Layers Palette), включите видимость слоя «Mosaic», дублируйте слой «Mosaic» и назовите копию «Shadow». Поместите слой «Shadow» над слоем «Text».
В 3D панели выберите «Сцена» (Scene) и установите настройки рендеринга в «Трассировка лучей» (Ray Traced). Выберите материал Мозаика «Mosaic» в 3D панели и цвет «Окружения» (Ambient) поставьте черный, а «Размытие» (Diffuse) сделайте белым.
Выберите «Источник света 1» (Infinite Light 1) и установите «Интенсивность» (Intensity) в значение 4. А «Источник света 3» (Infinite Light 3) выключите. Выполните команду 3D > Растеризация (Rasterize):
Режим смешивания для слоя «Shadow» ставим на «Умножение» и непрозрачность слоя 90%. У нас получились довольно острые блоки, но лучи сгенерировали довольно гладкие тени.
Чтобы избавиться от смягченных углов нам понадобится «помощь» слоя «Line».
Выберите слой «Line», сделайте его видимым, выполните команду 3D > Растеризация (Rasterize) и снова выключите его видимость:
Возьмите инструмент «Волшебная палочка» (Magic Wand Tool) и установите «Допустимое отклонение» (Tolerance) равным 60. Убедитесь, что в палитре слоев выбран слой «Line». Увеличьте букву «P». Щелкните слева вверху внутри буквы и, хотя слой «Line» невидим, нужные клетки будут выделены. Удерживая клавишу Shift, выделите оставшиеся ячейки, но тень оставьте вне выделения.
После выбора ячеек в верхнем ряду, как в изображении ниже, в слое «Shadow» установите цвет переднего плана (Foreground Color) белым и заполните выделение нажатием Alt + Backspace. Не забудьте сделать выбор слоя «Line» и залить выделение в слое «Shadow».
Так как мы использовали фильтр «Облака» (Clouds), который генерировал облака случайным образом, ваши буквы получатся другими, нежели мои. Идея же остается прежней:
Вернитесь к слою «Lines».
Используя «Волшебную палочку» (Magic Wand Tool), выделите ячейки, которые должны быть затенены плоским и залейте выделение цветом #4e4e4e на слое «Shadow»:
Полностью осветленные и полностью затененные клетки довольно легко поправить. Поправить клетку, у которой есть тень, займет немного больше времени. Снова вернитесь к слою «Lines» и выберите ячейку с тенью, используя «Волшебную палочку» (Magic Wand Tool).
Возьмите «Полигональное лассо» (Polygonal Lasso Tool), и, удерживая клавишу Alt, выберите тень, чтобы удалить ее из выделения. В слое «Shadow» заполните выделение белым:
Теперь нужно повторить эти три шага для всех остальных клеток:
Сделайте слой «Mosaic» невидимым. В слое «Text» примените «Наложение градиента» (Gradient Overlay) со следующими настройками: «Режим смешивания» (Blend Mode) — цвет (Color), «Непрозрачность» (Opacity) 70%.
«Градиент» (Gradient) установим на синий (Blue), красный (Red), желтый (Yellow), а «Стиль» (Style) — линейный (Linear) и «Угол» (Angle) равный 10 градусам.
Выполните команду меню Слои > Стиль слоя > Скопировать стиль слоя (Layer > Layer Style > Copy Layer Style). Выберите слой «Reflection», затем в меню Слой > Стиль слоя > Вставить стиль слоя (Layer > Layer Style > Paste Layer Style) установите «Режим смешивания» (Blending Mode) «Жесткий свет» (Hard Light) и непрозрачность (Opacity) 35% для слоя «Reflection»:
Теперь мы добавим немного текстуры. Скачайте это фото с Flickr. Добавьте его в качестве нового слоя в документ и назовите слой «Texture».
Поместите его над слоем «Text». Удерживая клавишу Alt, кликните мышью на линии между слоями «Texture» и «Text», чтобы маскировать текстуру. Установите «Режим смешивания» (Blending Modе) – «Наложение» (Overlay):
Теперь мы сделаем текстуру для фона. Создайте новый слой и назовите его «BG». Установите цвет переднего плана (Foreground Color) 85% серого и цвет фона (Background Color) равным 90% серого. Возьмите инструмент «Градиент» (Gradient Tool), установите режим от переднего (Foreground) к фону (Background) и выберите «Радиальный» (Radial).
Заполните слой, как показано на рисунке ниже. Примените Фильтр > Художественный > Зернистая пленка (Filter > Artistic > Film Grain) с параметром 0. Фильтр > Искажение > Стекло (Filter > Distort > Glass).
Примените со следующими настройками: «Искажение» (Distortion) равно 20, «Сглаживание» (Smoothness) — 1, «Текстура» (Texture) в режиме «Изморозь» (Frosted) и «Масштаб» (Scaling) равный 100%:
Поместите слой «BG» над слоем «Background» и на этом все. Я надеюсь, вам понравился урок, и вы будете довольны своим результатом!
Вы можете достичь различных эффектов, экспериментируя с текстурами и их параметрами. Можно использовать карты текстур вместо сплошных цветов, настроить «Глянец» (Glossiness) и «Яркость» (Shininess), использовать карты отражающих текстур. Различные типы световых источников, цвета и углы будут создавать различные эффекты.
Экспериментируйте!
Вадим Дворниковавтор-переводчик статьи «Blocks in Photoshop»
Объёмные фигуры в Photoshop | Photoshop
0 ∞
В этом уроке я расскажу, как создавать текстовые 3D-эффекты.
Для выполнения этого руководства вам понадобится Adobe Photoshop CS4 версии Extended. Не сомневайтесь, будет весело, и я уверен, что вы сможете придумать множество других интересных ходов в Photoshop, используя эту технику. Приступим!
- Финальное изображение
- Шаг 1
- Шаг 2
- Шаг 3
- Шаг 4
- Шаг 5
- Шаг 6
- Шаг 7
- Шаг 8
- Шаг 9
- Шаг 10
- Шаг 11
- Шаг 12
- Шаг 13
- Шаг 14
- Шаг 15
- Шаг 16
- Шаг 17
- Шаг 18
- Шаг 19
- Шаг 20
- Шаг 21
- Шаг 22
- Шаг 23
- Шаг 24
- Шаг 25
- Шаг 26
- Шаг 27
- Заключение
- Другие предложения
Взгляните на рисунок, который должен получиться в итоге:
Прежде чем начать, вам понадобится скачать шрифты, которые мы будем использовать в этом уроке. Растровые шрифты хорошо подойдут для этого эффекта, потому вы можете использовать любой или же скачать шрифт, который использовал я.
Называется он Acknowledge.
Создайте новый документ 1000 пикселей в ширину и 600 пикселей в высоту. Установите «Разрешение» (Resolution) 300 пикселей/дюйм, а «Цветовой режим» (Color Mode) установите RGB, сохраните документ под именем «Blocks.»
Установите цвет фона (Background) равным #3a3a3a. Сделайте черный цвет цветом переднего плана (Foreground Color), возьмите инструмент «Горизонтальный текст» (Horizontal Type Tool) и напишите «PSD». Установите шрифт Acknowledge, размер букв (Font Size) 120 пунктов и «Метод сглаживания» (Anti-aliasing Method) в режим None, чтобы достичь шероховатости:
Создайте новый слой и назовите его «Mosaic». Цвет переднего плана (Foreground Color) сделайте 70% черного и цвет фона — 85% черного. Примените Фильтр > Рендеринг > Облака (Filter > Render > Clouds). Затем примените Фильтр > Оформление> Мозаика (Filter > Pixelate > Mosaic), где параметр «Размер ячейки» (Cell Size) установите 50:
Выберите слой «Background» и нажмите комбинацию клавиш Command + J для создания его копии.
Теперь, удерживая клавишу Alt, щелкните левой кнопкой мыши по линии между слоями «PSD» и «Mosaic» для создания маски слоя «Mosaic»:
В панели слоев (Layers Palette) выберите все слои, кроме «Background». Выполните 3D > Новая сетка из градаций серого > Двусторонняя плоскость (3D > New Mesh From Grayscale > Two-sided Plane). Photoshop создаст две симметричные плоскости и применит выбранный слой как карту глубины.
Это означает, что наш мозаичный текст теперь является картой глубины для плоскости, светлые квадраты будут располагаться выше, а темные — глубже. Самая темная область – поверхность цветом «a3a3a3», а все остальные области светлее нее, потому не будет никаких углублений, а образуются неровности на поверхности:
Теперь у нас есть 3D-объект, на который мы смотрим со стороны его передней части. На самом деле мы рассматриваем его с помощью камеры, а камера находится в передней части 3D-объекта. У вас есть два варианта для получения вида в перспективе. Вы можете вращать сам объект, или же изменить ориентацию камеры.
Мы решили оставить объект в покое и заняться камерой.
Выберите инструмент «3D – орбита» (3D Orbit Tool) и перетащите его так, чтобы изменить точку ракурса камеры. Вы также можете использовать инструмент «3D – Вращение» (3D Roll View Tool) для вращения камеры.
Инструмент «3D – орбита» (3D Orbit Tool) крутит камеру в координатах осей X и Y. «3D – Вращение» (3D Roll View Tool) вращает камеру в плоскости Z-оси.
Используя эти инструменты, попытайтесь достичь перспективы, которая показана на рисунке ниже. Затем с помощью инструмента «3D – Увеличение» (3D Zoom Tool) сделайте необходимое приближение, а с помощью инструмента 3D – Панорамный вид (3D Pan View Tool) передвиньте камеру при необходимости:
Есть разные настройки для рендеринга в Photoshop. Но единственный способ рендеринга, который даст нам и тени, и отражения — метод трассировки лучей. Но для достижения нужного нам эффекта, мы не будем его использовать. Таким образом, нам нужно создать отражение, используя одну хитрость.
Поэтому мы и используем двустороннюю плоскость:
Откройте меню Окно > 3D (Window > 3D) или дважды кликните по иконке 3D слоя «Mosiac» в панели слоев. Выберите «Сцена» (Scene) и отметьте галочку «Поперечное сечение (Cross Section)».
Эта операция уберет видимость всей 3D-модели, а отобразит только выбранную плоскость. Плоскость перпендикулярна выбранной оси. Выбираем ось Y. Таким образом, нижняя часть объекта станет отлично видна:
При создании сетки из черно-белого изображения, Photoshop использует оттенки серого как глубинную карту. В панели слоев (Layers Palette), когда выберите слой «Mosaic», вы сможете увидеть текстуру его глубины.
Двойной щелчок мыши по этому материалу откроет карту глубины в окне нового документа. Так как вы выбрали три слоя, чтобы создать сетку, то сможете видеть и редактировать их все в открывшемся документе.
Все изменения будут сохранены и отобразятся, когда вы вернетесь к главному окну документа «Blocks». Потому, если вам не нравится получившаяся структура, вы можете открыть текстуру Mosaic Depth, зайти в слой «Mosaic» и применить фильтр «Облака» (Clouds) и Mosaic повторно, как описано в шаге 2.
Карта глубины также назначается модели как карта «Размытия» (Diffuse) и карта «Непрозрачности» (Opacity).
Так как мы не нуждаемся в этих текстурах, мы удалим их. Выберите материал Mosaic в панели «3D», щелкните мышью по иконке меню «Карты текстур» (Texture Map Menu) рядом с «Размытием» (Diffuse) и выберите «Удалить текстуру» (Remove Texture). Тоже самое сделайте и для «Непрозрачности» (Opacity):
В панели «3D» выберите «Сцена» (Scene) и нажмите кнопку «Настройки рендеринга» (Render Settings). Установите «Стиль обложки» (Face Style) как «Плоский» (Flat), включите «Линейный Рендеринг», установите черный цвет (Color), «Стиль края» (Edge Style) задайте «Постоянный» (Constant) и «Порог складок» (Crease Threshold) задайте равным 2 (чем выше данное значение, тем меньше будут видны края).
Установите ширину линии (Line Width) в значение 1 и нажмите OK. В панели «3D» установите значение параметра «Сглаживание» (Anti-Alias) в положение «Наилучшее»:
Теперь мы изменим некоторые настройки материала.
Вернитесь к материалу Mosaic в панели «3D», установите значение цвет естественного освещения равный #880022. Установите «Размытие» (Diffuse) равным #ee8800. Значение «Глянец» (Glossiness) 0%.
В «Сцене» (Scene) панели «3D» установите «Глобальный цвет естественного освещения» (Global Ambient Color) #575757. Цвет внешней среды определяет яркость сцены, когда выключены все искусственные источники освещения:
Вы увидите три источники света в 3D панели. Это текущие источники света в сцене. Сейчас мы немного их настроим. Все они являются бесконечными источниками света (Infinite Lights).
В Photoshop есть три типа световых источников. Это бесконечные источники света (Infinite lights), светят как солнце, из одной точки. Точечные источники (Point lights) блестят во все стороны, как лампочки. И прожекторы (Spotlights) способны излучать свет в виде настраиваемого конуса.
Выберите Infinite Light 1 и установите ему белый цвет (Color). Выберите Infinite Light 2, цвет назначьте #696969 и уберите галочку «Создавать тени» (Create Shadows).
Очевидно, что наши источники не дают теней на текущий момент, но когда они начнут их создавать – это должен быть один источник.
Выберите Infinite Light 3, установите белый цвет и уберите галочку «Создавать тени» (Create Shadows), а «Тип источника» (Light Type) установите равным «Точка» (Point):
Третий источник света расположен под нашей плоскостью, потому мы не наблюдаем никакого эффекта. Чтобы исправить ситуацию, нам нужно сменить точку обзора, а для этого, чтобы затем иметь возможность вернуться к этой перспективе, нам нужно сохранить ее.
Выберите один из инструментов для «Камеры 3D», например «3D-орбита» (3D Orbit Tool) и щелкните «Сохранить текущую перспективу» (Save the Current View). Назовите ее «Cam». Откройте список «Перспектив» (View list) и выберите «Top»:
Щелкните «Включить источники света» (Toggle Lights) внизу 3D панели, чтобы увидеть источники света в сцене. Возьмите инструмент «Увеличение» (3D Zoom Tool) и увеличивайте сцену до тех пор, пока не увидите точки освещения.
Нажмите кнопку «Перетащить освещение» (Drag the Light) в 3D панели и переместите источники освещения, как показано на рисунке ниже.
Возьмите любой инструмент для камеры, откройте «Список перспектив» (View list) и выберите «Cam», чтобы вернуться к виду от камеры. Нажмите кнопку «Включить освещение» (Toggle Lights), чтобы спрятать лампы. Установите «Интенсивность» (Intensity) источника света 0.6:
В панели слоев сделайте копию слоя «Mosaic», назовите ее «Line». В панели «3D», выберите набор настроек «Рисованные линии» (Line Illustration) и нажмите «Настройки рендеринга» (Render Settings). Установите «Ширину линии» (Line Width) 1 и нажмите OK.
Возьмите инструмент «Волшебная палочка» (Magic Wand Tool), установите значение «Допустимое отклонение» (Tolerance) 80. Нажмите на черную область вне текста, чтобы выбрать область вокруг него. Удерживая Shift, нажмите левой кнопкой мыши внутри буквы и любой закрытой области.
Затем возьмите инструмент «Полигональное лассо» (Polygonal Lasso Tool) и добавьте к выделению любую из невыделенных областей вокруг текста путем нажатия клавиши Shift:
В панели слоев сделайте невидимым слой «Line».
В меню Выделение > Инвертировать (Select > Inverse) инвертируйте выделение и мы получаем выделенный текст.
Выбрав слой «Mosaic», удерживая Command (CTRL) + C скопируйте и вставьте Command (CTRL) + V выделение на новый слой. Назовите его «Text».
Скопируйте слой «Mosaic» и назовите копию «Reflection». Выключите видимость слоя «Mosaic»:
Убедитесь, что выбран слой «Reflection» и зайдите в 3D панель. Чтобы получить отражение, нам понадобится другая половина двусторонней плоскости. Выберите пункт «Сцена» (Scene) в 3D панели. Нажмите на «Отразить поперечное сечение» (Flip Cross Section), чтобы сделать видимой вторую часть плоскости.
Выберите материал Mosaic в 3D панели и снимите отметку «Двусторонний» (Two Sided). Это сделает задние грани невидимыми и останется только отражение:
Единственная проблема с отражением — оно расположено довольно далеко. Мы должны привязать его к тексту, но сделать это из поля зрения “Cam” будет довольно сложной задачей. Слой «Text» делаем невидимым, а у слоя «Mosaic» видимость наоборот включаем.
Это может выглядеть странно, но слой «Reflection» нужно поместить под слой «Mosaic» в панели слоев (Layers Palette).
Теперь из списка перспектив (View list) выберите «Справа» (Right), причем сделайте это как для слоя «Mosaic», так и для слоя «Reflection». Теперь нам видны две плоскости, так мы смотрим на них справа и видим, насколько далеки они друг от друга. С помощью стандартного инструмента «Увеличение» (Zoom), расположенного на панели инструментов (Toolbox), приблизите обе плоскости.
Возьмите инструмент «3D панорама» (3D Pan Tool), убедитесь в том, что выбран слой «Reflection» и перетащите плоскость влево, а зажав кнопку Shift — вправо, как показано на рисунке ниже:
Теперь снова выберите любой инструмент для камеры, и для слоев «Mosaic» и «Reflection» верните «Вид перспективы» в «Cam». Выключите видимость слоя «Mosaic» и включите видимость слоя «Text».
Для того чтобы очистить строки в слое «Reflection» нам нужно для начала их растрировать. Выберите слой «Reflection», зайдите в меню 3D > Растризация (Rasterize).
Возьмите инструмент «Ластик» (Eraser Tool), установите режим «Карандаш» (Pencil), чтобы избежать случайного стирания каких либо частей отражения, и зачистите края плоскости. Непрозрачность (Opacity) слоя «Reflection» установите 45%:
Теперь создадим тень. В панели слоев (Layers Palette), включите видимость слоя «Mosaic», дублируйте слой «Mosaic» и назовите копию «Shadow». Поместите слой «Shadow» над слоем «Text».
В 3D панели выберите «Сцена» (Scene) и установите настройки рендеринга в «Трассировка лучей» (Ray Traced). Выберите материал Мозаика «Mosaic» в 3D панели и цвет «Окружения» (Ambient) поставьте черный, а «Размытие» (Diffuse) сделайте белым.
Выберите «Источник света 1» (Infinite Light 1) и установите «Интенсивность» (Intensity) в значение 4. А «Источник света 3» (Infinite Light 3) выключите. Выполните команду 3D > Растеризация (Rasterize):
Режим смешивания для слоя «Shadow» ставим на «Умножение» и непрозрачность слоя 90%. У нас получились довольно острые блоки, но лучи сгенерировали довольно гладкие тени.
Чтобы избавиться от смягченных углов нам понадобится «помощь» слоя «Line».
Выберите слой «Line», сделайте его видимым, выполните команду 3D > Растеризация (Rasterize) и снова выключите его видимость:
Возьмите инструмент «Волшебная палочка» (Magic Wand Tool) и установите «Допустимое отклонение» (Tolerance) равным 60. Убедитесь, что в палитре слоев выбран слой «Line». Увеличьте букву «P». Щелкните слева вверху внутри буквы и, хотя слой «Line» невидим, нужные клетки будут выделены. Удерживая клавишу Shift, выделите оставшиеся ячейки, но тень оставьте вне выделения.
После выбора ячеек в верхнем ряду, как в изображении ниже, в слое «Shadow» установите цвет переднего плана (Foreground Color) белым и заполните выделение нажатием Alt + Backspace. Не забудьте сделать выбор слоя «Line» и залить выделение в слое «Shadow».
Так как мы использовали фильтр «Облака» (Clouds), который генерировал облака случайным образом, ваши буквы получатся другими, нежели мои. Идея же остается прежней:
Вернитесь к слою «Lines».
Используя «Волшебную палочку» (Magic Wand Tool), выделите ячейки, которые должны быть затенены плоским и залейте выделение цветом #4e4e4e на слое «Shadow»:
Полностью осветленные и полностью затененные клетки довольно легко поправить. Поправить клетку, у которой есть тень, займет немного больше времени. Снова вернитесь к слою «Lines» и выберите ячейку с тенью, используя «Волшебную палочку» (Magic Wand Tool).
Возьмите «Полигональное лассо» (Polygonal Lasso Tool), и, удерживая клавишу Alt, выберите тень, чтобы удалить ее из выделения. В слое «Shadow» заполните выделение белым:
Теперь нужно повторить эти три шага для всех остальных клеток:
Сделайте слой «Mosaic» невидимым. В слое «Text» примените «Наложение градиента» (Gradient Overlay) со следующими настройками: «Режим смешивания» (Blend Mode) — цвет (Color), «Непрозрачность» (Opacity) 70%.
«Градиент» (Gradient) установим на синий (Blue), красный (Red), желтый (Yellow), а «Стиль» (Style) — линейный (Linear) и «Угол» (Angle) равный 10 градусам.
Выполните команду меню Слои > Стиль слоя > Скопировать стиль слоя (Layer > Layer Style > Copy Layer Style). Выберите слой «Reflection», затем в меню Слой > Стиль слоя > Вставить стиль слоя (Layer > Layer Style > Paste Layer Style) установите «Режим смешивания» (Blending Mode) «Жесткий свет» (Hard Light) и непрозрачность (Opacity) 35% для слоя «Reflection»:
Теперь мы добавим немного текстуры. Скачайте это фото с Flickr. Добавьте его в качестве нового слоя в документ и назовите слой «Texture».
Поместите его над слоем «Text». Удерживая клавишу Alt, кликните мышью на линии между слоями «Texture» и «Text», чтобы маскировать текстуру. Установите «Режим смешивания» (Blending Modе) – «Наложение» (Overlay):
Теперь мы сделаем текстуру для фона. Создайте новый слой и назовите его «BG». Установите цвет переднего плана (Foreground Color) 85% серого и цвет фона (Background Color) равным 90% серого. Возьмите инструмент «Градиент» (Gradient Tool), установите режим от переднего (Foreground) к фону (Background) и выберите «Радиальный» (Radial).
Заполните слой, как показано на рисунке ниже. Примените Фильтр > Художественный > Зернистая пленка (Filter > Artistic > Film Grain) с параметром 0. Фильтр > Искажение > Стекло (Filter > Distort > Glass).
Примените со следующими настройками: «Искажение» (Distortion) равно 20, «Сглаживание» (Smoothness) — 1, «Текстура» (Texture) в режиме «Изморозь» (Frosted) и «Масштаб» (Scaling) равный 100%:
Поместите слой «BG» над слоем «Background» и на этом все. Я надеюсь, вам понравился урок, и вы будете довольны своим результатом!
Вы можете достичь различных эффектов, экспериментируя с текстурами и их параметрами. Можно использовать карты текстур вместо сплошных цветов, настроить «Глянец» (Glossiness) и «Яркость» (Shininess), использовать карты отражающих текстур. Различные типы световых источников, цвета и углы будут создавать различные эффекты.
Экспериментируйте!
Вадим Дворниковавтор-переводчик статьи «Blocks in Photoshop»
Более 40 отличных 3D-эффектов.
Учебники по Photoshop. Photoshop открыл мир возможностей для художников и дизайнеров . И одна из таких возможностей — создание 3D-эффектов.Итак, мой сегодняшний пост направлен на то, чтобы предоставить вам исчерпывающую коллекцию высококачественных 3D-эффектов Photoshop . Список охватывает все, от 3D-дизайна продуктов, текстовых эффектов, плакатов и всего, что между ними. Давайте проверим список.
50 Лучший интерфейс веб-сайта, учебники Photoshop
50 Лучший интерфейс веб-сайта, учебники Photoshop
Photoshop — отличный инструмент для разработки веб-сайтов, но он также очень сложен. Всегда есть… Подробнее
Текстовые 3D-эффекты
Как создать 3D-вывеску-лампочку
Прочтите эту статью, чтобы узнать , как сделать текст-вывеску-лампочку с помощью Adobe Photoshop. Вы будете использовать стили слоя, текстуры, изображения и инструменты настройки.
3D Mosaic Cork Text Effect
Используйте пробковую текстуру и примените ее к тексту , чтобы получить потрясающий 3D-эффект.
Учебник проведет вас через весь процесс.
Создание 3D-текста #3
Создайте эту потрясающую типографику с 3D-эффектом в Adobe Photoshop. Вы будете использовать Type Tool и Blending Options .
Создание 3D-текста #4
Вот краткое руководство, показывающее процесс создания красивого глобуса в Photoshop.
Number Candles Text Effect
Трудно поверить, что это изображение не является реальной фотографией свечей на день рождения, а является трехмерной фотоманипуляцией, созданной в Photoshop . Это первая часть этого руководства, вы можете найти ссылку на вторую часть в тексте.
Как создать эффектный, огненный текст
В этом видеоуроке показано, как создать эффектную трехмерную букву в огне. Вам потребуются базовые знания Photoshop, чтобы воспроизвести эту технику .
Текстовый 3D-эффект состаренного металла
Вы можете создать этот красивый текст со словами любви , используя пару текстур и фильтров , и отправить любимому человеку в День святого Валентина или просто в любой другой день.
Трехмерная вывеска в стиле Chanel Текстовый эффект
Посмотрите на эти удивительные блестящие буквы. Вы можете создать их с помощью настроек Photoshop 3D, нескольких текстур и изображений .
3D Floaties Text Effect
В этом уроке вы будете использовать настройки материала, несколько изображений, фильтры и корректировки для создания этого классного 3D-текста, выскакивающего из волн.
Текстовый эффект в стиле полосатой дороги
Чтобы создать этот текст в стиле дороги с цифрами «20», вам необходимо применить режимы наложения , инструмент «Кисть» и инструмент «Перо» в Photoshop.
3D, Блестящий, Увеличенный текстовый эффект
Посмотрите на эти фантастические 3D блестящие цифры, созданные в Photoshop. Этот урок покажет вам, как использовать 3D-инструменты и настройки Photoshop , а также кисти и корректирующие слои , чтобы создать забавный, блестящий, надутый текстовый эффект.
Текстовый эффект с объемными буквами
Эти прикольные подушки в виде букв на диване не настоящие аксессуары для дома, а умный трехмерный текстовый эффект , созданный с помощью пары шаблонов и стоковых изображений . Смотрите учебник сами.
Создание 3D-текста #2
Это видео-руководство научит вас применять этот классный 3D-эффект к тексту с помощью Adobe Photoshop. Вы будете использовать настройки слоя.
Как создать эффект объемного вычурного текста
Используйте 3D-инструменты, заливки узором и корректирующие слои для создания этого удивительного эффекта вычурного текста в Photoshop.
Потрясающий 3D-дизайн надписей
Вот красивая яркая вывеска с 3D-эффектом и огромным розовым фоном. Такой же знак вы сможете создать после просмотра этого видео.
Создание 3D-текста #1
3D — отличное решение для создания логотипа. Вы можете использовать это видео, чтобы научиться применять 3D-эффект к тексту .
Дизайн продукта
Замороженные кубики льда 3D-эффект
Чтобы добиться этого потрясающего 3D-эффекта в Photoshop, вам нужно объединить бумажное изображение с кубиком льда . Посмотрите видео, чтобы сделать то же самое.
Сделайте iPod Classic или новый Nano
Вы научитесь создавать iPod classic , но вы также сможете использовать ту же технику для изготовления iPod Nano .
Рендеринг эффектного спичечного коробка в Photoshop
Этот урок состоит из создания цифровая иллюстрация в Photoshop коробки спичек. .
Иллюстрация создания плавающего в воздухе USB-ключа
В этом учебном пособии показано, как изобразить USB-ключ, парящий в воздухе и отражающийся от поверхности.
Блестящий фотореалистичный пульт Apple Remote
Компания Apple отличается дизайном продуктов, включая удивительный пульт Apple Remote. В этом уроке вы будете узнайте, как сделать новый блестящий пульт Apple .
Детализированная иконка с компасом в Photoshop
Создаем суперблестящую иконку с карандашом
Как нарисовать иконку с карандашом. Мы рассмотрим градиенты , инструменты выделения и базовые операции преобразования .
Создайте реалистичную иллюстрацию бутылки вина с нуля
В этом уроке вы узнаете, как создать суперреалистичную бутылку вина полностью с нуля.
Создание игрового контроллера в стиле суперретро
Реалистичный мобильный телефон в стиле Blackberry
Эффектный 3D-рендеринг деревянной чашки в Photoshop
Как создать 3D-чашку с нуля в Illustrator, применить к ней текстуру в Photoshop, а также как использовать фильтр «Исправление перспективы» для имитации создайте сценарий и примените реалистичные тени.
Создание вуфера BanginâÂÂ, встроенного в дерево
Как проиллюстрировать низкочастотный динамик и создать простую текстуру дерева для фона.
Плакаты и искусство
Красно-синий 3D-эффект Easy Photoshop
В этом уроке вы узнаете, как добавить винтажный красно-синий ретро-эффект к мужскому портрету. Вы можете применить этот эффект к любому другому изображению .
Как создать всплывающий 3D-эффект
Посмотрите это видео на YouTube, чтобы узнать, как создать великолепное изображение с 3D-эффектом с помощью iphone, травы, овцы, собаки и приятного рассеянного света сбоку.
Easy 3D Effect
В этом видеоруководстве рассказывается о процессе создания 3D-эффекта с использованием красного, зеленого и синего каналов . Используйте для этого черно-белую фотографию.
Создать 3D-анаглиф-эффект
Это ретро-эффект, показывающий 3D. Вы можете применить его к своим изображениям после прочтения этой быстрой статьи.
Учебное пособие по 3D-эффекту рассеяния
Это учебное пособие по работе с фотографиями, показывающее эффект 3D-рассеивания .
Используйте пошаговое видео-руководство, чтобы добиться этого эффекта.
Всплывающее 3D-окно из обычной фотографии
Превратите обычную морскую картинку в манипуляцию с 3D-фотоэффектом с помощью этого видео. Выглядит как страница из детской книжки-раскладушки.
Создание 3D-манипуляций
В этом видео-руководстве вы узнаете, как создать фантастическую сцену с мужчиной, сидящим на волнах на iPhone.
Эффект 3D-планеты
Создайте планету с 3D-эффектом вместе с девушкой, смотрящей это видеоруководство. Видео довольно длинное, но оно того стоит.
Quick Vintage 3D Effect
В этом руководстве вы найдете пошаговые инструкции по созданию винтажного 3D-эффекта. Он был вдохновлен старыми 3D-очками.
3D Planet в Photoshop
Для тех, кто предпочитает создавать свои собственные обои космоса и планеты.
Красочный дизайн Mac
Полезное руководство, в котором рассказывается, как создать потрясающие обои с логотипом Mac.
Интеграция 3D-элементов в ваши проекты
В этом руководстве будут рассмотрены некоторые методы интеграции 3D-элементов в ваши 2D-проекты.
Рисование пользовательских 3D-стрелок с помощью Photoshop
3D Pop Up Effect — Photoshop Tutorial
Шаг 1: сделайте две копии фонового слоя
С нашей фотографией, недавно открытой в Photoshop, если мы посмотрим на панель Layers , мы увидим, что наше изображение сидит само по себе на фоновом слое :
Фоновый слой содержит исходное изображение.
Начнем с создания пары копий слоя. Нажмите Ctrl+J (Win) / Command+J (Mac) на клавиатуре, чтобы быстро сделать первую копию. Вы увидите, что копия, которую Photoshop автоматически называет «Слой 1», появится над фоновым слоем на панели «Слои». Эти имена по умолчанию, которые Photoshop дает новым слоям, не очень полезны, поэтому, поскольку эта первая копия будет использоваться как «плоская» версия нашего изображения, дважды щелкните непосредственно на имени слоя и переименуйте его в flat .
Измените имя нового слоя с «Слой 1» на «плоский».
Теперь сделаем вторую копию слоя. Нажмите Ctrl+J (Win) / Command+J (Mac) еще раз на клавиатуре. Еще один новый слой, на этот раз названный «плоская копия», появится над двумя другими слоями на панели «Слои». Мы будем использовать этот слой для создания всплывающего эффекта, поэтому дважды щелкните на имени слоя и переименуйте его всплывающее окно . Нажмите
Измените имя второй копии с «плоская копия» на «всплывающее окно».
Шаг 2. Отключите видимость новых слоев
Нам пока не нужно видеть эти два новых слоя в документе, поэтому нажмите на «плоский» и «всплывающий» слой значок видимости (глазное яблоко) в крайнем левом углу каждого слоя, чтобы временно отключить их и скрыть из поля зрения (даже если в окне документа ничего не произойдет, поскольку все три наших слоя содержат одно и то же изображение):
Когда глазное яблоко исчезает, это означает, что слои отключены.
Шаг 3: выберите фоновый слой
Щелкните исходный фоновый слой , чтобы выбрать его (выбранные слои выделяются синим цветом):
Выбор фонового слоя.
Шаг 4. Добавьте слой градиентной заливки
Давайте добавим слой для использования в качестве фона для нашего эффекта. Мы будем использовать слой «Градиентная заливка», так как градиенты немного интереснее, чем сплошные цвета. Щелкните значок New Fill или Adjustment Layer в нижней части панели слоев:
Щелкните значок «Новый слой-заливка» или «Корректирующий слой».
Затем выберите Градиент из появившегося списка:
Выбор слоя градиентной заливки.
Шаг 5. Выберите черно-белый градиент
Откроется диалоговое окно «Градиентная заливка». Нажмите на панель предварительного просмотра градиента в верхней части диалогового окна, чтобы отредактировать градиент:
Щелчок по панели предварительного просмотра градиента.
Это открывает большое диалоговое окно Gradient Editor с набором предустановленных градиентов, которые мы можем выбрать вверху. Выберите градиент Black, White , щелкнув его миниатюру (третий слева, верхний ряд):
Щелкните миниатюру черно-белого градиента, чтобы выбрать его.
Шаг 6. Замените черный на светло-серый
С выбранным черно-белым градиентом давайте отредактируем его и внесем небольшое изменение. Мы можем редактировать градиенты в нижней половине редактора градиентов. Дважды щелкните на метке черного цвета ниже и в крайнем левом углу панели предварительного просмотра градиента:
Двойной щелчок по остановке черного цвета.
Это открывает Photoshop Color Picker , позволяющий нам изменить черный цвет в градиенте на другой цвет. Черный цвет слишком темный для нашего фона, поэтому выберите более светло-серый, чтобы заменить его, по крайней мере, на данный момент.
Выбор светло-серого цвета с помощью палитры цветов.
Нажмите «ОК», чтобы закрыть палитру цветов, затем нажмите «ОК», чтобы закрыть редактор градиентов. Наконец, нажмите «ОК», чтобы закрыть диалоговое окно «Градиентная заливка». Если мы посмотрим на панель «Слои», то увидим, что наш новый слой «Градиентная заливка» находится прямо над фоновым слоем (но ниже двух других слоев):0005
Панель «Слои» со слоем «Градиентная заливка» над фоновым слоем.
И если мы посмотрим в окно нашего документа, мы увидим градиентный фон, который мы только что добавили:
Наш градиентный фон.
Шаг 7: выберите и включите «плоский» слой
Далее мы создадим «плоскую» версию нашей фотографии. Нажмите на «плоский» слой на панели «Слои», чтобы выбрать его (чтобы он был выделен синим цветом), затем нажмите на значок видимости слоя , чтобы снова включить слой в окне документа:
Выбор и включение «плоского» слоя.
Ваша фотография снова появится в окне документа, так как «плоский» слой находится над слоем «Градиентная заливка» и теперь блокирует слой «Градиентная заливка» из поля зрения:
Фотография снова отображается в окне документа.
Шаг 8. Выберите инструмент «Прямоугольная область»
Возьмите инструмент Rectangular Marquee Tool на панели инструментов или нажмите букву M на клавиатуре, чтобы быстро выбрать его с помощью сочетания клавиш:
Выбор инструмента «Прямоугольная область выделения» на панели «Инструменты».
Шаг 9. Выделите прямоугольное выделение внутри изображения
Выбрав инструмент Rectangular Marquee Tool, щелкните и перетащите прямоугольное выделение внутри изображения вокруг области, которая станет плоской версией фотографии. Пока не беспокойтесь о том, чтобы получить что-то точно правильное. Все, что нам нужно, это первоначальный выбор вокруг общей области:
Перетаскивание прямоугольного выделения внутри изображения.
Шаг 10. Выберите команду преобразования выделения
Давайте изменим форму нашего контура выделения, чтобы придать ему трехмерную перспективу. Для этого мы будем использовать команду Photoshop Transform Selection . Перейдите к меню Выберите в строке меню в верхней части экрана и выберите Преобразовать выделение :
.Выберите «Выделение» > «Преобразовать выделение».
Шаг 11. Переключение в режим перспективы
Как только вы выберете «Преобразовать выделение», вы увидите 9Вокруг контура выделения появляются маркеры преобразования 0003
Выбор «Перспектива» в меню.
Шаг 12. Перетащите угловые маркеры для создания трехмерной перспективы
Теперь, когда мы находимся в режиме перспективы, щелкните маркер в верхнем левом углу
Перетащите верхний левый маркер вправо. Верхняя правая ручка переместится влево.
Затем нажмите на ручку в нижний левый угол контура выделения и, снова удерживая нажатой кнопку мыши, перетащите этот маркер наружу влево. Поскольку мы все еще находимся в режиме перспективы, противоположная ручка в правом нижнем углу будет двигаться вместе с ней наружу:
.Перетащите нижний левый маркер влево. Нижняя правая ручка переместится вправо.
Шаг 13. Переключение в режим масштабирования
Далее нам нужно переключить команду «Трансформировать выделение» из режима «Перспектива» в более распространенный режим «Масштаб».
Выбор «Масштаб» в меню.
Теперь, когда мы находимся в режиме Масштабирования, нажмите на верхний маркер контура выделения и, удерживая нажатой кнопку мыши, перетащите маркер вниз:
Перетащите верхнюю часть контура выделения вниз к центру.
Наконец, нажмите на ручку в внизу контура выделения, удерживая нажатой мышь, перетащите этот маркер вверх:
Перетащите нижнюю часть контура выделения вверх к центру.
Продолжайте перетаскивать маркеры, чтобы изменить форму контура выделения, переключаясь между режимами «Перспектива» и «Масштаб» по мере необходимости, пока контур выделения не станет выглядеть так, будто он исчезает вдали. Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы принять его и выйти из команды Transform Selection:
Контур выделения теперь выглядит более «трехмерным» (технический термин).
Шаг 14. Добавьте маску слоя
После выбора места щелкните значок Слой-маска в нижней части панели «Слои»:
Щелчок по значку Слой-маски.
Это преобразует наше выделение в маску слоя. Мы видим новую миниатюру маски слоя , которая была добавлена к «плоскому» слою на панели «Слои». Черная область на миниатюре представляет часть слоя, которая скрыта от просмотра в документе, а белая область представляет часть, которая остается видимой в документе:
Миниатюра маски слоя появляется на «плоском» слое.
И если мы посмотрим в наше актуальное окно документа, мы увидим, что все на слое, которое попало за пределы нашего выделения, исчезло, осталась только область, которая была внутри выделения:
Изображение после преобразования выделения в маску слоя.
Шаг 15. Добавьте стиль слоя «Белая обводка»
Давайте используем белую обводку, чтобы добавить границу фотографии. Щелкните значок Layer Style (значок «fx») в нижней части панели «Слои»:
Щелкните значок стиля слоя.
Затем выберите Stroke из появившегося списка стилей слоя:
Выбор стиля слоя «Обводка».
Откроется диалоговое окно «Стиль слоя Photoshop». Во-первых, нам нужно изменить цвет нашей обводки, поэтому щелкните образец цвета :
.Нажатие на образец цвета.
Выберите белый в палитре цветов, когда она появится, затем нажмите OK, чтобы закрыть палитру цветов:
Измените цвет обводки на белый с помощью палитры цветов.
Вернувшись в диалоговое окно Layer Style, измените Position штриха с Outside на Inside :
Изменение параметра «Положение» на «Внутри».
Наконец, щелкните ползунок Размер и начните перетаскивать его вправо, чтобы увеличить размер границы вокруг фотографии (следите за окном документа, когда перетаскиваете ползунок). Я собираюсь установить размер обводки на 16 пикселей, но в зависимости от разрешения вашего изображения вам может потребоваться установить размер еще больше, чтобы получить аналогичный результат:
Увеличьте размер обводки с помощью ползунка.
Когда вы закончите, нажмите «ОК», чтобы закрыть диалоговое окно «Стиль слоя». Теперь у нас есть граница нашей фотографии:
.Изображение после добавления белой обводки вокруг фотографии.
Шаг 16: выберите и включите всплывающий слой
Мы готовы добавить всплывающий эффект. Нажмите на «всплывающий» слой на панели «Слои», чтобы выбрать его, затем нажмите на его значок видимости , чтобы снова включить слой в окне документа:
Выберите верхний слой и щелкните значок его видимости.
Шаг 17: выберите основной объект
С помощью инструмента выделения по вашему выбору (инструмент «Лассо», инструмент «Быстрое выделение», инструмент «Перо» и т. д.) нарисуйте выделение вокруг основного объекта на фотографии. Здесь я выбрал двух мальчиков и снеговика. Постарайтесь сделать выделение как можно более точным вокруг областей, которые на самом деле будут появляться на фотографии (другими словами, области, которые в конечном итоге окажутся перед градиентным фоном), но можно сделать свободное выделение.
вокруг нижних областей, которые появятся перед плоской версией фотографии:
Выбор основных объектов, которые будут выделяться из изображения.
Шаг 18. Добавьте маску слоя
После того, как мы выделили основной объект, щелкните еще раз значок Слой-маска в нижней части панели «Слои»:
Щелчок по значку Слой-маски.
Как мы видели ранее, Photoshop преобразует наше выделение в маску слоя, отображая миниатюру маски на всплывающем слое:
Панель «Слои», показывающая миниатюру новой маски слоя для «всплывающего» слоя.
И с добавленной маской слоя выделенная область теперь появляется вне изображения:
Изображение после добавления маски второго слоя.
Шаг 19: Выберите «плоский» слой
Давайте завершим эффект, согнув углы фотографии и добавив тень. Нажмите на «плоский» слой на панели «Слои», чтобы выбрать его:
Выбор «плоского» слоя.
Шаг 20: перезагрузите маску слоя как выделение
Удерживайте Ctrl (Win) / Command (Mac) нажмите клавишу на клавиатуре и щелкните прямо на миниатюре маски «плоского» слоя :
Щелкните, удерживая нажатой клавишу Ctrl (Win)/Command (Mac), на миниатюре маски слоя.
Это перезагружает маску слоя как выделение в окне документа. Вы увидите, что контур выделения снова появится вокруг плоской версии фотографии:
.Вокруг фотографии снова виден контур выделения.
Шаг 21. Добавьте новый слой ниже «плоского» слоя
Удерживая нажатой клавишу Ctrl (Win) / Command (Mac) на клавиатуре еще раз, щелкните значок New Layer в нижней части панели слоев:
Удерживая нажатой клавишу Ctrl (Win)/Command (Mac), щелкните значок «Новый слой».
Обычно Photoshop добавляет новые слои непосредственно над текущим выбранным слоем, но при добавлении клавиши Ctrl (Win)/Command (Mac) Photoshop помещает новый слой ниже выбранного слоя. В нашем случае он помещает его ниже «плоского» слоя. Дважды щелкните на имени нового слоя и переименуйте его в «тень», затем нажмите Введите (Win) / Верните (Mac), чтобы принять изменение имени:
Photoshop добавляет новый слой ниже «плоского» слоя.
Назовите новый слой «тень».
Шаг 22: Залейте выделение на новом слое черным цветом
Залейте наше выделение на слое «тень» черным цветом. Перейдите в меню Edit в верхней части экрана и выберите команду Fill :
Выберите Правка > Заполнить.
Откроется диалоговое окно заливки Photoshop. Измените параметр Использовать вверху на Черный, затем убедитесь, что для параметра Режим в нижней половине диалогового окна установлено значение Нормальный , а для параметра Непрозрачность установлено значение 100% :
Диалоговое окно «Заливка».
Когда закончите, нажмите OK, чтобы закрыть диалоговое окно. Photoshop заполняет выделение на слое «тень» черным цветом. На самом деле мы не можем видеть его в данный момент в окне документа, потому что фотография на «плоском» слое над ним закрывает его от просмотра, но мы можно увидеть нашу залитую черным цветом область, если мы посмотрим на миниатюру предварительного просмотра слоя «тень» на панели «Слои»:
Миниатюра предварительного просмотра каждого слоя показывает нам, что находится на слое, даже если мы не можем видеть это в окне документа.
Шаг 23: Выберите «плоскую» маску слоя
Мы вернемся к тени после того, как загнем углы нашей фотографии, что мы и сделаем дальше. Нажмите непосредственно на миниатюру маски слоя на «плоском» слое, чтобы выбрать маску:
Выбор маски «плоского» слоя нажатием на миниатюру маски.
Шаг 24. Отсоедините слой от его маски
Если вы внимательно посмотрите, вы увидите небольшой значок ссылки между миниатюрой предварительного просмотра «плоского» слоя и миниатюрой его маски на панели «Слои». Нажмите на значок ссылки, чтобы удалить ее, что отсоединит маску от содержимого слоя:
Щелкните значок ссылки, чтобы отменить связь маски с содержимым слоя (фотографии).
Шаг 25: Выберите команду деформации
Выбрав миниатюру маски слоя и отсоединив ее от самой фотографии, перейдите в меню Edit в верхней части экрана, выберите Transform , затем выберите Warp :
Выберите «Правка» > «Трансформация» > «Деформация».
Шаг 26. Перетащите четыре угловых точки вверх, чтобы загнуть углы
Вокруг фотографии появится сетка деформации . Нажмите на каждую из четырех угловых ручек на сетке и перетащите их вверх. Когда вы перетаскиваете каждый маркер, вы увидите, что этот угол фотографии загибается вверх, и вы обнаружите часть черного «теневого» слоя под фотографией. Нажмите Введите (Win) / Верните (Mac), когда вы закончите, чтобы принять эффект и выйти из команды Warp:
Перетащите каждый угол сетки вверх, чтобы деформировать фотографию и загнуть углы.
Шаг 27: Выберите слой «тень»
Давайте закончим, смягчив тень под фотографией. Нажмите на слой «тень» на панели «Слои», чтобы выбрать его:
Выбор слоя «тень».
Шаг 28. Применение фильтра размытия по Гауссу
Перейдите в меню Filter в верхней части экрана, выберите Blur , затем выберите Gaussian Blur :
Выберите «Фильтр» > «Размытие» > «Размытие по Гауссу».
Это открывает диалоговое окно Gaussian Blur в Photoshop. Перетащите ползунок радиуса в нижней части диалогового окна вправо, чтобы увеличить степень размытия, применяемого к тени. Чем больше размытия мы применяем, тем мягче будут казаться края теней. Я собираюсь увеличить значение радиуса примерно до 10 пикселей, но в зависимости от разрешения вашего изображения вы можете установить большее значение радиуса, поэтому обязательно следите за изображением в окне документа, когда перетаскиваете слайдер:
Увеличьте радиус, чтобы размыть и смягчить края теней.
Когда закончите, нажмите OK, чтобы закрыть диалоговое окно. Вот как теперь выглядит моя тень после применения фильтра размытия:
Края теней стали мягче благодаря фильтру Gaussian Blur.
Шаг 29: Уменьшите непрозрачность тени
Мы смягчили края тени, но она все еще слишком темная и интенсивная. Перейдите к опции Opacity в правом верхнем углу панели «Слои» и уменьшите непрозрачность слоя «тень» со 100% до 9.
0003 60% :
Снижение непрозрачности слоя до 60%.
С пониженной непрозрачностью тень теперь больше уходит на задний план:
Изображение после снижения непрозрачности тени.
Шаг 30: Измените форму тени с помощью команды Free Transform
И последнее. Давайте немного подкорректируем тень, чтобы она выглядела так, как будто она находится под фотографией. Перейдите в меню Edit и выберите Free Transform :
.Перейдите в Редактирование > Свободное преобразование.
Это помещает поле Free Transform и обрабатывает тень. Я просто щелкну и перетащу слева , справа и снизу немного обработают внутрь, чтобы края тени лучше совпадали с краями фотографии:
Перемещение левого, правого и нижнего краев тени внутрь.
Когда вы закончите, нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы принять преобразование и выйти из команды Free Transform.
Вот мой эффект после небольшого изменения формы тени с помощью Free Transform:
Края теней теперь лучше совпадают с краями фотографии.
Изменение цвета градиента фона
Если вы решите, что вам не нравится цвет фонового градиента, вы можете попробовать выбрать цвет непосредственно из изображения для использования в качестве фона. Давайте быстро посмотрим, как это сделать. Сначала дважды щелкните на миниатюре слоя «Градиентная заливка» на панели «Слои»:
Дважды щелкните миниатюру градиентной заливки.
Это повторно открывает диалоговое окно Gradient Fill , как мы видели в начале урока. Нажмите на панель предварительного просмотра градиента , чтобы повторно отредактировать градиент:
Щелчок по панели предварительного просмотра градиента.
Это повторно откроет Редактор градиентов . Я хочу изменить серый цвет в градиенте на что-то другое, поэтому я дважды щелкну на границе серого цвета ниже и в крайнем левом углу панели предварительного просмотра градиента:
Двойной щелчок на остановке серого цвета.
