Как вырезать текст из фигуры фотошоп
В этом уроке вы узнаете, как использовать 3D-инструменты, настройки Photoshop и некоторые корректирующие слои, чтобы создать эффект 3D текста. Давайте начнем!
1. Создаем слои с текстом
Шаг 1
Создайте новый документ размером 1250 x 800 пикселей.
Затем создайте текст, только установите All Caps (Все заглавные) и используйте шрифт «Built Titling Bold». Установите Size (Размер) до 300 пт, а Tracking (Трекинг) установите на 100.
Шаг 2
Назовите слой с текстом «Text», а затем кликните правой кнопкой мыши и выберите Convert to Shape (Преобразовать в кривые).
Шаг 3
Продублируйте слой с текстом два раза, а затем переименуйте первую копию в «Bottom» и вторую в «Top».
2. Вычитаем фигуры
Шаг 1
Перетащите Guide (Направляющую) на то место, где вы хотите получить 3D-эффект согнутого текста.
Шаг 2
Примечание переводчика: чтобы не удерживать клавишу «Alt», вы можете на верхней панели настроек инструмента «Прямоугольник» выбрать Операции с контуром > Вычесть переднюю фигуру.
Создайте прямоугольник, который будет покрывать нижнюю часть текста. После, отпустите клавишу Option (Alt) и используйте клавишу Space (Пробел) (либо клавишу Ctrl), чтобы переместить прямоугольник, если это будет необходимо.
Шаг 3
Когда вы создадите прямоугольник, нижняя часть теста на верхнем слое будет удалена.
Чтобы убрать контур, кликните по значку Path operations (Операции с контуром) на панели «Параметры», а затем выберите параметр Merge Shape Components (Объединить компоненты фигуры).
Шаг 4
Повторите те же шаги на нижнем слое («Bottom»), на этот раз вычесть нужно верхнюю часть.
3. Создаем трехмерные фоновые слои
Шаг 1
Шаг 2
Дублируйте фоновый слой, а затем выделите оба слоя «Background copy» и «Text».
Шаг 3
Перейдите в Layer > CombineShapes > SubtractShapesatOverlap (Слои > Объединить фигуры > Вычесть фигуры в наложении). Тем самым мы вычтем текст из прямоугольника.
4. Преобразовываем слои с формами в 3D слои
Шаг 1
Теперь каждый слой нужно выбрать отдельно, а затем перейти в 3D > New 3D Extrusion from Selected Path (3D > Новая 3D-экструзия из выделенного контура).
Шаг 2
Выделите все получившиеся 3D-слои, а затем перейдите в 3D > Merge 3D Layers (3D > Слияние 3D-слоев)
5. Как работать с 3D-сценой
Шаг 1
Чтобы получить доступ к настройкам и свойствам 3D-сетки, вам нужно открыть две панели: панель 3D и панель Properties (Свойства) (обе находятся в меню Window (Окно)).
3D-панель имеет все компоненты 3D-сцены, и когда вы кликните на любую из них, то сможете получить доступ к настройкам на панели Properties (Свойства). Поэтому, перед изменением настроек на панели Properties (Свойства) обязательно выберите вкладку того элемента, который хотите изменить на панели 3D.
Шаг 2
Вы можете выбрать один из них, чтобы сделать изменения (на выбранном элементе в 3D-панели).
6. Как изменить настройки 3D-сетки
Шаг 1
Выберите вкладки «Top», «Bottom» и «Background» в панели 3D, а затем на панели Properties (Свойства) измените Extrusion Depth (Глубину экструзии) на 2 пикселя.
Шаг 2
Выберите вкладку «Text», а затем измените Extrusion Depth (Глубину экструзии) на 5 пикселей.
Шаг 3
Выберите все вкладки, а затем кликните по значку Coordinates (Координаты) в верхней части панели Properties (Свойства) и измените угол поворота X на 90º.
Шаг 4
Кликните по значку, который находится в правом верхнем углу на панели 3D и выберите Move Object to Ground Plane (Переместить объект на плоскость основания).
Если вы все еще не видите все трехмерные сетки, то перейдите в 3D > PackObjectsonGroundPlane (3D > Упаковать объект на плоскость основания) или выберите каждую сетку и перенесите ее на плоскость основания отдельно.
7. Как переместить трехмерные сетки
Шаг 1
Стрелки на концах оси перемещают сетку, часть под ними используется для вращения, а кубы используются для масштабирования. Куб в центре используется для равномерного масштабирования объекта. Все, что вам нужно сделать, это кликнуть мышью и перетащить нужную деталь.
Шаг 2
Вы также можете кликнуть на вкладку Current View (Текущий вид), а затем выбрать любой вариант в ниспадающем меню View (Вид) на панели Properties (Свойства).
Шаг 3
Шаг 4
Создайте небольшое расстояние между фоном и текстом, чтобы получить немного пространства.
Выполнение данного шага займет у вас некоторое время, нужно будет поработать с текстом и фоном, каждый раз меняя вид при использовании 3D-оси, но вы должны получить результат, который показан ниже.
Вы всегда сможете изменить настройки, если это будет необходимо, особенно после того, как примените материалы и регулировку освещения.
В этом уроке я покажу вам, как вырезать текст из фигуры, а затем с помощью стилей слоя и нескольких текстур, придать ему вид мрамора.
Сложность урока: Средний
В этом уроке я покажу вам, как вырезать текст из фигуры, а затем с помощью стилей слоя и нескольких текстур, придать ему гранжевый вид мрамора.
Итоговый результат:
Создаём узоры и загружаем контуры
Перед тем, как мы приступим, откройте программу Photoshop. Теперь откройте текстуру Шума и текстуру Мрамора, которые вы скачали вначале этого урока, для каждой текстуры примените следующее действие Редактирование – Определить узор (Edit>Define Pattern), а затем нажмите кнопку ‘OK’. Когда закончите, закройте текстуры без сохранения.
Примечание переводчика: созданные узоры мы используем в стилях слоя.
Возможно, вам также понадобится загрузить контуры, которые мы используем в стилях слоя. Для этого идём Редактирование – Управление наборами (Edit>Presets>Preset Manager) и в появившемся окне управления наборами, выберите опцию Контуры (Contours) из выпадающего меню Тип набора (Preset Type).
Щёлкните по маленькому треугольнику в верхнем правом углу и в выпадающем меню, выберите опцию Контуры (Contours).
Шаг 1
Идём Файл – Новый (File>New), чтобы создать новый рабочий документ со следующими размерами 1250×700 px, нажмите кнопку ‘OK’. Далее, идём Файл – Открыть (File > Open) и в появившемся окне навигации, выберите изображение с текстурой Стены, а затем нажмите кнопку Открыть (Open). Выберите инструмент Перемещение (Move tool (V)), нажмите и удерживайте клавишу (Shift), а затем переместите текстуру на наш рабочий документ, расположив поверх слоя с Задним фоном (Background layer) (клавиша Shift поможет выставить текстуру по центру слоя с задним фоном). Далее, мы выполним сведение слоя текстуры со слоем заднего фона, для этого идём Слой - Выполнить сведение (Layer > Flatten Image).
Нажмите значок Создать новый корректирующий слой или слой-заливку (Create New Adjustment Layer) (получёрный / полубелый кружок) в нижней части панели слоёв и в появившемся меню, выберите опцию Цветовой тон / Насыщенность (Hue/Saturation). В панели настроек данного корректирующего слоя Свойства (Properties), Окно – Свойства (Window>Properties), установите значение Цветового тона (Hue) на +45, а значение Насыщенность (Saturation) -50, и Яркости (Lightness) на -50. Таким образом, мы создали тёмно-изумрудно-зелёный задний фон.
Откройте исходное изображение с потрескавшейся текстурой, а затем с помощью инструмента Перемещение (Move tool (V)) переместите текстуру на наш рабочий документ, расположив поверх корректирующего слоя. Поменяйте режим наложения для данного слоя с текстурой на Умножение (Multiply), а затем нажмите клавиши (Ctrl-T) для выбора режима Свободной трансформации (Free Transform). Примените масштабирование и нужное расположение при необходимости, нажмите клавишу (Enter), чтобы подтвердить изменения.
Шаг 2
Выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle tool) (данный инструмент расположен ниже инструмента Прямоугольник (Rectangle tool [U])), а затем в панели управления данного инструмента, установите режим на Фигура (Shape), цвет Заливки (Fill) белый, Радиус (Radius) 2 px. Создайте прямоугольник со скруглёнными углами в центре рабочего документа.
Примечание переводчика: 1. в некоторых версиях программы Photoshop, режим Фигура (Shape) представлен как Слой-фигура (Shape-Layer) 2. Как только вы создали фигуру прямоугольника, преобразуйте его в смарт-объект.
Дважды щёлкните по слою с прямоугольником со скруглёнными углами, чтобы применить следующие стили слоя:
Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:
Не закрывайте пока окно стилей слоя.
Добавьте стиль слоя Контур (Contour) со следующими настройками:
- Контур (Contour) Shallow Slope - Valley
- Поставьте галочку в окошке Сглаживание ( Anti-aliased)
- Диапазон (Range) 35%.
Добавьте стиль слоя Текстура (Texture) со следующими настройками:
- Узор ( Pattern) Шум (выберите узор, который вы создали вначале этого урока)
- Глубина ( Depth) +1000%.
Добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки:
- Режим наложения ( Blend Mode): Затемнение основы (Color Burn)
- Непрозрачность ( Opacity): 60%
Добавьте стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки:
- Узор ( Pattern) выберите узор мрамора, который мы создали вначале этого урока (он должен быть последним в списке узоров).
Добавьте стиль слоя Тень (Drop Shadow). Установите следующие настройки:
- Режим наложения ( Blend Mode): Затемнение основы (Color Burn)
- Смещение ( Distance): 9
- Размер ( Size): 16
Итак, мы создали мраморный блок.
Шаг 3
Нажмите клавишу ‘D’, чтобы установить цвет переднего плана на чёрный цвет. Выберите инструмент Горизонтальный текст (Type tool (T)), удерживая клавишу Shift, щёлкните по документу, а затем напечатайте текст ‘DELETE’ заглавными буквами, используя шрифт Titillium Bold, или любой другой шрифт на своём усмотрение. (Примечание: клавиша Shift не позволит инструменту Горизонтальный текст (Type tool (T)) добавить текст на контур вдоль слоя с фигурой). Размер шрифта 200 pt, в панели настроек Символ (Character) Окно – Символ (Window > Character), установите Трэкинг (tracking) на 150.
Щёлкните правой кнопкой по слою с текстом и в появившемся окне выберите опцию Преобразовать в кривые (Convert to Shape).
Переместите слой с текстом вниз, расположив ниже слоя с прямоугольником со скруглёнными углами, далее, удерживая клавишу Shift, щёлкните по слою с прямоугольником, чтобы выделить оба слоя.
Выберите инструмент Стрелка (Direct Selection tool) (данный инструмент расположен ниже инструмента Выделение контура (Path Selection tool [A])), далее, полностью выделите всю фигуру прямоугольника.
В средней части панели управления, щёлкните по значку Работа с контурами (Path Operations) и в появившемся меню выберите опцию Вычесть область пересечения фигур (Exclude Overlapping Shapes).
Далее, идём Слой – Объединить слои (Layer > Merge Shapes (Ctrl+E)). Таким образом, мы объединим обе фигуры и вырежем текст из мраморного прямоугольного блока.
Примечание переводчика: если у вас не получается вырезать текст из мрамора, тогда вы можете получить тот же результат другим путём, создайте текст, преобразуйте его в смарт-объект, затем щёлкните по миниатюре слоя со смарт-объектом, чтобы загрузить активное выделение, проведите инверсию выделенной области (Ctrl+Shift+I), перейдите на слой с мраморным блоком и добавьте слой-маску.
Шаг 4
Нажмите значок Создать новый корректирующий слой или слой-заливку (Create New Adjustment Layer) в нижней части панели слоёв и в появившемся меню выберите опцию Карта градиента (Gradient Map).
Перейдите на самый верхний слой, а затем нажмите клавиши (Shift+Alt+Ctrl+E), чтобы объединить все видимые слои в один слой, сохранив оригинальные слои нетронутыми. Дважды щёлкните по названию слоя, чтобы дать другое название Заключительный (Final).
Далее, идём Фильтр – Преобразовать для Смарт-фильтров (Filter > Convert for Smart Filters), чтобы преобразовать слой в смарт-объект, а затем идём Фильтр – Рендеринг – Эффекты освещения (Filter > Render > Lighting Effects). Преобразование слоя в смарт-фильтр позволит вам проводить коррекцию эффектов освещения после применения фильтра.
Примените следующие настройки в панели Свойства (Properties):
- Цвет (Color): RGB (246, 242, 234)
- Тонирование (Colorize): RGB (247, 240, 223)
- Интенсивность ( Intensity): 25,
- Центросвещённости (Hotspot): 33
- Экспозиция (Exposure): -15,
- Глянец (Gloss): -100,
- Металл (Metallic): -50,
- Среда (Ambience): 50.
Вы можете увидеть итоговый результат на скриншоте ниже. Стили слоя и эффекты освещения - отличный способ созданий интересных эффектов. Надеюсь, что вам понравился этот урок, и он был для вас полезным.
В этом уроке мы будем учиться, как создавать оригинальный эффект прорезанного текста, который идеально подходит для открыток, плакатов и флаеров.
Сложность урока: Легкий
В этом уроке мы будем учиться, как создавать оригинальный “прорезной” эффект текста! Этот эффект идеально подходит для открыток, плакатов и флаеров.
Для выполнения этого урока, вы должны владеть базовыми знаниями Photoshop, такими как корректирующие слои и маски слоя.
Исходные материалы:
Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант бесплатных изображений для выполнения урока.
1. Создаем задний фон
Создайте новый рабочий документ 1626×1080 px и разрешением 72 пикс/дюйм в программе Photoshop. Откройте изображение леса и перетащите его в наш документ. Измените его размеры и расположите на всю ширину нашего холста: Редактирование (Edit) - Трансформирование (Transform) – Масштабирование (Scale).
Над слоем с лесом, создайте новый Корректирующий слой Поиск цвета (Color Lookup) и выберите стиль "Мягкое тепло" (Soft Warming). Создайте второй Корректирующий слой Поиск цвета (Color Lookup) и установите его на “Цвета осени” (FallColors.Look) с непрозрачностью 50%.
Примечание переводчика: Корректирующий слой Поиск цвета (Color Lookup) доступен в версии Фотошоп CS6 и выше. Если у вас нет такой функции, то это шаг можно пропустить.
Выше этих двух корректирующих слоев создайте новый слой Слой (Layer) - Новый слой (New Layer) (Ctrl+Shift+N) и установите Режим наложения Экран (Screen).
Создайте еще один новый слой Слой (Layer) - Новый слой (New Layer) и установите режим наложения Мягкий свет (Soft Light).
Используя ту же кисть, выберите черный цвет и прокрасьте в темных частях леса, чтобы усилить тени.
Сгруппируйте все слои вместе в группу, и назовите ее "Лес".
Примечание переводчика: Используя кисть светло-желтого цвета выставьте непрозрачность кисти примерно 18%, а для кисти черного цвета - 30%. Чтобы поместить слои в группу, щелкните по знаку внизу на панели слоев "Создать новую группу", в появившуюся группу перетащите нужные слои.
2. Добавляем текст
В этом шаге, мы будем создавать текст. Над группой "Лес", создайте новый слой Слой (Layer) - Новый слой (New Layer) (Ctrl+Shift+N) выберите инструмент Прямоугольное выделение (Rectangular Marquee), в правой части холста создайте форму квадрата и залейте белым цветом. Используя инструмент Горизонтальный текст (Text), создайте надпись.
Примечание переводчика: автор использует шрифт Nevis, но можно использовать и другой шрифт с толстыми буквами, например, Eras Bold ITC.
Удерживая нажатой клавишу Ctrl, выберите слой с текстом и щелкните по окошечку слоя левой кнопкой мыши, чтобы выделить текст. Вернитесь на слой с белым прямоугольником, а затем добавьте маску слоя к нему.
Примечание переводчика: Внизу на панели слоев нажмите знак Добавить слой-маску.
Щелкните на маске слоя и нажмите Ctrl + I, чтобы инвертировать маску слоя. Наши буквы получились как бы "вырезаны" в белом прямоугольнике, и теперь можно удалить исходный текст.
Откройте фотографии цветов и поместите их выше слоя с надписью. Расположите стебельки цветов над прорезями в буквах.
Примечание переводчика: Быстро выделить цветы на белом фоне можно, используя инструмент Волшебная палочка (Magic Wand). Внизу на панели слоев нажмите знак Добавить слой-маску. Щелкните на маске слоя и нажмите Ctrl + I, чтобы инвертировать маску слоя. Теперь белый фон на изображении с цветами исчез. Чтобы изменить размер цветов для нашей работы, используйте инструмент Трансформация: Редактирование (Edit) - Трансформирование (Transform) - Масштабирование (Scale).
Теперь создадим эффект прорастания цветов прямо сквозь буквы. Для этого, зажав клавишу Ctrl, щелкните левой кнопкой мышки по маске слоя с буквами на белом прямоугольнике. У нас появился бегущий пунктир выделения. Переходим на маску слоя с цветами и жесткой кистью, черным цветом закрасим области стебля, которые должны быть скрыты.
Создайте новую группу "Цветы" и перетащите туда слои с цветами. Примените к группе слоев "Цветы", корректирующий слой: меню Слой (Layer) - Новый корректирующий слой (New Adjustment Layer) - Цветовой тон/насыщенность (Hue / Saturation), и снизим насыщенность до -14. И еще один корректирующий слой: меню Слой (Layer) - Новый корректирующий слой (New Adjustment Layer) -Яркость/Контрастность (Brightness/Contrast), и выставим яркость +5, контрастность -21.
Примечание переводчика: Возможность добавлять корректирующие слои к группе в качестве обтравки появилась в версии CS6, в более ранних версиях Фотошоп, режим наложения группы нужно сменить с Пропустить на Нормальный и в этой группе выше всех слоёв добавить корректирующий слой, который будет действовать только на слои в данной группе.
Теперь, придадим иллюзию объема цветов. Над слоем с белым прямоугольником, но, под слоем с цветами, создадим новый слой: Слой (Layer) - Новый слой (New Layer) (Ctrl+Shift+N), используя мягкую черную кисть, с нажимом (Flow) 10%, нарисуем легкие тени под цветами.
Создайте новую группу, назовите ее "Текст" и переместите в нее слой с прямоугольником и тенью.
3. Добавляем листву
Добавим зеленых растений на нашу композицию и подчеркнем глубину изображения.
Еще раз используем изображения цветов, красиво разместим их под группой "Текст", изменим размер и скроем белый фон, как в шаге 2.
Примечание переводчика: Объедините слои с цветами в один: на панели слоев выделите эти слои нажатием мышки - меню Слой (Layer) -Объединить слои (Merge Down) (Ctrl+E) и примените к нему корректирующие слои Цветовой тон/насыщенность (Hue / Saturation) и Яркость/Контрастность (Brightness/Contrast) с теми же настройками, как мы делали это выше. При создании корректирующего слоя, поставить галочку "Использовать предыдущий слой для создания обтравочной маски", и настройки будут действовать только на нижележащий слой.
Откройте изображение папоротника, при необходимости, аккуратно отделите его от фона, и перенесите на наше изображение, под группу текст. Расположите его за левым верхним углом белого прямоугольника таким образом, чтобы выглядывали закрученные кончики.
Для слоя с папоротником создайте Корректирующий слой: меню Слой (Layer) - Новый корректирующий слой (New Adjustment Layer) - Корректирующий слой Яркость/контрастность (Brightness/Contrast), и выставим яркость +20, контрастность -48
Откройте оставшиеся изображения цветов и расположите их под группой текст, очистив от фона и изменив размеры.
Создайте новую группу "Растения" и поместите все слои с растениями, находящиеся под белым прямоугольников, в эту группу.
4. Добавляем оленя
Добавим фигуру оленя в нашу работу. Откроем изображение, аккуратно вырежем оленя и перенесем на наш холст, выше всех остальных слоев.
Создайте еще один слой: Слой (Layer) - Новый слой (New Layer) (Ctrl+Shift+N) с режимом Перекрытие (Overlay). Используя мягкую круглую кисть белого цвета для создания бликов и черную для теней, мы добавим больше контраста и света. Сосредоточимся на рогах, глазах и краях меха.
Примечание переводчика: Не забудьте при создании слоев для коррекции изображений с оленем, поставить галочку "Использовать предыдущий слой для создания обтравочной маски", и прозрачность кисти выставите около 30%.
И последний корректирующий слой для слоя с Оленем, нам надо понизить яркость: меню Слой (Layer) - Новый корректирующий слой (New Adjustment Layer) - Яркость/Контрастность (Brightness/Contrast), и выставим яркость -30.
Теперь создадим новую группу "Олень", и поместим в нее все слои с оленем, в т.ч. корректирующие.
5. Финальная цветокоррекция
Настало время поработать над заключительным этапом. Подкорректируем общие цвета в нашей работе. Созданные на этом этапе слои должны находиться над всеми остальными слоями.
Повысим контраст: меню Слой (Layer) - Новый корректирующий слой (New Adjustment Layer) -Яркость/Контрастность (Brightness/Contrast), и выставим контрастность +30.
Создайте новый Корректирующий слой Поиск цвета (Color Lookup) и выберите стиль "Мягкое тепло". Создайте второй слой Поиск цвета (Color Lookup) и установите его на "Янтарный", с 20% непрозрачностью.
Создайте новый слой - Слой (Layer) - Новый слой (New Layer) (Ctrl+Shift+N) и установите режим наложения Мягкий свет (Soft Light), прокрасьте большой мягкой кистью в левом верхнем углу, и черной в правом нижнем. Непрозрачность (Opacity) слоя около 56%.
И последний штрих - создайте корректирующий слой Карта градиента: меню Слой (Layer) - Новый корректирующий слой (New Adjustment Layer) - Карта градиента (Gradient Map) градиент от Черного до белого, непрозрачность слоя 33%.
В этом уроке я покажу вам, как вырезать текст из фигуры, а затем с помощью стилей слоя и нескольких текстур, придать ему гранжевый вид мрамора.
Итоговый результат:
Создаём узоры и загружаем контуры
Перед тем, как мы приступим, откройте программу Photoshop. Теперь откройте текстуру Шума и текстуру Мрамора, которые вы скачали вначале этого урока, для каждой текстуры примените следующее действие Редактирование – Определить узор (Edit>Define Pattern), а затем нажмите кнопку ‘OK’. Когда закончите, закройте текстуры без сохранения.
Примечание переводчика: созданные узоры мы используем в стилях слоя.
Возможно, вам также понадобится загрузить контуры, которые мы используем в стилях слоя. Для этого идём Редактирование – Управление наборами (Edit>Presets>Preset Manager) и в появившемся окне управления наборами, выберите опцию Контуры (Contours) из выпадающего меню Тип набора (Preset Type).
Щёлкните по маленькому треугольнику в верхнем правом углу и в выпадающем меню, выберите опцию Контуры (Contours).
Шаг 1
Нажмите значок Создать новый корректирующий слой или слой-заливку (Create New Adjustment Layer) (получёрный / полубелый кружок) в нижней части панели слоёв и в появившемся меню, выберите опцию Цветовой тон / Насыщенность (Hue/Saturation). В панели настроек данного корректирующего слоя Свойства (Properties), Окно – Свойства (Window>Properties), установите значение Цветового тона (Hue) на +45, а значение Насыщенность (Saturation) -50, и Яркости (Lightness) на -50. Таким образом, мы создали тёмно-изумрудно-зелёный задний фон.
Шаг 2
Примечание переводчика: 1. в некоторых версиях программы Photoshop, режим Фигура (Shape) представлен как Слой-фигура (Shape-Layer) 2. Как только вы создали фигуру прямоугольника, преобразуйте его в смарт-объект.
Дважды щёлкните по слою с прямоугольником со скруглёнными углами, чтобы применить следующие стили слоя:
Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:
Не закрывайте пока окно стилей слоя.
Добавьте стиль слоя Контур (Contour) со следующими настройками:
- Контур (Contour) Shallow Slope - Valley
- Поставьте галочку в окошке Сглаживание (Anti-aliased)
- Диапазон (Range) 35%.
Добавьте стиль слоя Текстура (Texture) со следующими настройками:
- Узор (Pattern) Шум (выберите узор, который вы создали вначале этого урока)
- Глубина (Depth) +1000%.
Добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки:
- Режим наложения (Blend Mode): Затемнение основы (Color Burn)
- Непрозрачность (Opacity): 60%
Добавьте стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки:
- Узор (Pattern) выберите узор мрамора, который мы создали вначале этого урока (он должен быть последним в списке узоров).
Добавьте стиль слоя Тень (Drop Shadow). Установите следующие настройки:
В этом уроке мы будем учиться, как создавать оригинальный “прорезной” эффект текста! Этот эффект идеально подходит для открыток, плакатов и флаеров.
Для выполнения этого урока, вы должны владеть базовыми знаниями Photoshop, такими как корректирующие слои и маски слоя.
Исходные материалы:
Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант бесплатных изображений для выполнения урока.
1. Создаем задний фон
Создайте новый рабочий документ 1626×1080 px и разрешением 72 пикс/дюйм в программе Photoshop. Откройте изображение леса и перетащите его в наш документ. Измените его размеры и расположите на всю ширину нашего холста: Редактирование (Edit) - Трансформирование (Transform) – Масштабирование (Scale).
Над слоем с лесом, создайте новый Корректирующий слой Поиск цвета (Color Lookup) и выберите стиль "Мягкое тепло" (Soft Warming). Создайте второй Корректирующий слой Поиск цвета (Color Lookup) и установите его на “Цвета осени” (FallColors.Look) с непрозрачностью 50%.
Примечание переводчика : Корректирующий слой Поиск цвета (Color Lookup) доступен в версии Фотошоп CS6 и выше. Если у вас нет такой функции, то это шаг можно пропустить.
Выше этих двух корректирующих слоев создайте новый слой Слой (Layer) - Новый слой (New Layer) (Ctrl+Shift+N) и установите Режим наложения Экран (Screen).
Создайте еще один новый слой Слой (Layer) - Новый слой (New Layer) и установите режим наложения Мягкий свет (Soft Light).
Используя ту же кисть, выберите черный цвет и прокрасьте в темных частях леса, чтобы усилить тени.
Сгруппируйте все слои вместе в группу, и назовите ее "Лес".
Примечание переводчика : Используя кисть светло-желтого цвета выставьте непрозрачность кисти примерно 18%, а для кисти черного цвета - 30%. Чтобы поместить слои в группу, щелкните по знаку внизу на панели слоев "Создать новую группу", в появившуюся группу перетащите нужные слои.
2. Добавляем текст
Примечание переводчика: автор использует шрифт Nevis, но можно использовать и другой шрифт с толстыми буквами, например, Eras Bold ITC.
Удерживая нажатой клавишу Ctrl , выберите слой с текстом и щелкните по окошечку слоя левой кнопкой мыши, чтобы выделить текст. Вернитесь на слой с белым прямоугольником, а затем добавьте маску слоя к нему.
Примечание переводчика: Внизу на панели слоев нажмите знак Добавить слой-маску.
Щелкните на маске слоя и нажмите Ctrl + I , чтобы инвертировать маску слоя. Наши буквы получились как бы "вырезаны" в белом прямоугольнике, и теперь можно удалить исходный текст.
Откройте фотографии цветов и поместите их выше слоя с надписью. Расположите стебельки цветов над прорезями в буквах.
Теперь создадим эффект прорастания цветов прямо сквозь буквы. Для этого, зажав клавишу Ctrl , щелкните левой кнопкой мышки по маске слоя с буквами на белом прямоугольнике. У нас появился бегущий пунктир выделения. Переходим на маску слоя с цветами и жесткой кистью, черным цветом закрасим области стебля, которые должны быть скрыты.
Создайте новую группу "Цветы" и перетащите туда слои с цветами. Примените к группе слоев "Цветы", корректирующий слой: меню Слой (Layer) - Новый корректирующий слой (New Adjustment Layer) - Цветовой тон/насыщенность (Hue / Saturation), и снизим насыщенность до -14. И еще один корректирующий слой: меню Слой (Layer) - Новый корректирующий слой (New Adjustment Layer) - Яркость/Контрастность (Brightness/Contrast), и выставим яркость +5, контрастность -21.
Примечание переводчика: Возможность добавлять корректирующие слои к группе в качестве обтравки появилась в версии CS6, в более ранних версиях Фотошоп, режим наложения группы нужно сменить с Пропустить на Нормальный и в этой группе выше всех слоёв добавить корректирующий слой, который будет действовать только на слои в данной группе.
Теперь, придадим иллюзию объема цветов. Над слоем с белым прямоугольником, но, под слоем с цветами, создадим новый слой: Слой (Layer) - Новый слой (New Layer) (Ctrl+Shift+N), используя мягкую черную кисть, с нажимом (Flow) 10%, нарисуем легкие тени под цветами.
Создайте новую группу, назовите ее "Текст" и переместите в нее слой с прямоугольником и тенью.
3. Добавляем листву
Добавим зеленых растений на нашу композицию и подчеркнем глубину изображения.
Еще раз используем изображения цветов, красиво разместим их под группой "Текст", изменим размер и скроем белый фон, как в шаге 2.
Примечание переводчика: Объедините слои с цветами в один: на панели слоев выделите эти слои нажатием мышки - меню Слой (Layer) - Объединить слои (Merge Down) (Ctrl+E) и примените к нему корректирующие слои Цветовой тон/насыщенность (Hue / Saturation) и Яркость/Контрастность (Brightness/Contrast) с теми же настройками, как мы делали это выше. При создании корректирующего слоя, поставить галочку "Использовать предыдущий слой для создания обтравочной маски", и настройки будут действовать только на нижележащий слой.
Откройте изображение папоротника, при необходимости, аккуратно отделите его от фона, и перенесите на наше изображение, под группу текст. Расположите его за левым верхним углом белого прямоугольника таким образом, чтобы выглядывали закрученные кончики.
Для слоя с папоротником создайте Корректирующий слой: меню Слой (Layer) - Новый корректирующий слой (New Adjustment Layer) - Корректирующий слой Яркость/контрастность (Brightness/Contrast), и выставим яркость +20, контрастность -48
Откройте оставшиеся изображения цветов и расположите их под группой текст, очистив от фона и изменив размеры.
Создайте новую группу "Растения" и поместите все слои с растениями, находящиеся под белым прямоугольников, в эту группу.
Читайте также: