1. Design & Illustration
  2. Theory
  3. Design Trends

Создаём Текст, используя Геометрический Коллаж в программе Adobe Photoshop

Scroll to top
Read Time: 4 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

Данный текстовый эффект был вдохновлён другими текстовыми эффектами, которые доступны на сайте GraphicRiver.

Исходные материалы

Следующие исходные материалы были использованы для создания данного урока:

1. Редактируем Изображение и Добавляем Текст

Шаг 1

Откройте исходное изображение с горами в программе Photoshop. Далее, идём Изображение - Размер изображения (Image > Image Size), укажите значение 1500 в строке Ширина (Width), а затем нажмите кнопку OK

Image SizeImage SizeImage Size

Шаг 2

Напишите текст заглавными буквами, используя шрифт Peace Sans. Цвет шрифта чёрный, размер шрифта 250 pt, а также установите Интерлиньяж (Leading) на 210 pt.

Create the TextCreate the TextCreate the Text

2. Создаём Сегменты

Шаг 1

Установите цвет переднего плана на белый цвет, а затем выберите инструмент Линия (Line Tool), а панели управления данного инструмента, установите значение Толщины (Weight) на 1.

Щёлкните, а затем потяните мышкой, чтобы создать линию, которая разделит первую букву вашего текста.

Create a Line ShapeCreate a Line ShapeCreate a Line Shape

Шаг 2

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

Create the SegmentsCreate the SegmentsCreate the Segments

Шаг 3

Сгруппируйте все слои с линиями в одну группу, а затем продублируйте эту группу. Отключите видимость оригинального слоя с группой, для этого щёлкните по глазку рядом с миниатюрой слоя.

Group the LinesGroup the LinesGroup the Lines

Шаг 4

Щёлкните правой кнопкой мыши по дубликату слоя с группой и в появившемся окне. выберите опцию Объединить группу (Merge Group). Назовите новый объединённый слой Линии (Lines).

Merge the GroupMerge the GroupMerge the Group

3. Используем Параметры Выделения

Шаг 1

Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с текстом, чтобы загрузить активное выделение.

Create a SelectionCreate a SelectionCreate a Selection

Шаг 2

Удерживая клавиши (Shift+Ctrl+Alt), щёлкните по миниатюре слоя Линии (Lines), чтобы загрузить пересечение линий.в пределах контура текста.

Intersect the SelectionIntersect the SelectionIntersect the Selection

Шаг 3

Далее, идём Выделение - Инверсия (Select > Inverse), нажмите клавишу (Delete), а затем нажмите клавиши (Ctrl+D), чтобы отменить активное выделение.

Inverse the SelectionInverse the SelectionInverse the Selection

4. Создаём Внешнюю Обводку

Шаг 1

Продублируйте оригинальный слой с текстом. Назовите дубликат слоя с текстом Обводка 1 (Stroke 1).

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

Шаг 2

Щёлкните правой кнопкой мыши по слою Обводка 1 (Stroke 1) в палитре слоёв и в появившемся окне, выберите опцию Преобразовать в кривые (Convert to Shape).

Выберите инструмент Стрелка (Direct Selection Tool (A), а затем в панели управления данного инструмента. установите Заливку (Fill) на Нет (None), Цвет (Stroke Color) Обводки на белый, Размер (Size) обводки на 1.

Stroke SettingsStroke SettingsStroke Settings

Шаг 3

Выделите оба слоя Обводка 1 (Stroke 1) и Линии (Lines), а затем нажмите клавиши (Ctrl+E), чтобы объединить их вместе.

Merge LayersMerge LayersMerge Layers

Шаг 4

Отключите видимость слоя с текстом.

Hide the Text LayerHide the Text LayerHide the Text Layer

5. Создаём Коллаж

Шаг 1

Выберите инструмент Волшебная палочка (Magic Wand Tool (W), в панели управления данного инструмента, поставьте галочку в окошке Смежные пикс.(Contiguous).

Щёлкните один раз, чтобы выделить первый сегмент у первой буквы.

Select a SegmentSelect a SegmentSelect a Segment

Шаг 2

Т.к. инструмент Волшебная палочка (Magic Wand) всё ещё активен, щёлкните, а затем потяните мышкой, чтобы сместить выделение. Примечание переводчика: мышкой зажмите выделение, которое вы создали в предыдущем шаге, а затем переместите выделенную область на любой участок холста изображения с горами.

Move the SelectionMove the SelectionMove the Selection

Шаг 3

Теперь, перейдите на слой Задний фон (Background), а затем нажмите клавиши (Ctrl+J).

Duplicate the Selected AreaDuplicate the Selected AreaDuplicate the Selected Area

Шаг 4

Выберите инструмент Перемещение (Move Tool (V), далее, зажав кнопкой мыши продублированный фрагмент изображения гор, переместите его на первый сегмент первой буквы.

Move the SegmentMove the SegmentMove the Segment

Шаг 5

Повторите предыдущие шаги, чтобы заполнить все сегменты первой буквы, а затем сгруппируйте все сегменты в одну группу. Назовите новую группу по названию этой буквы. 

Fill the Letter SegmentsFill the Letter SegmentsFill the Letter Segments

Шаг 6

Заполните оставшиеся буквы, сгруппировав их по группам. Далее, сгруппируйте все группы с сегментами изображений в одну группу, назовите новую группу Коллаж (Collage).

Collage GroupCollage GroupCollage Group

6. Создаём Внешнюю Обводку и Тень

Шаг 1

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

Shadow Shape LayerShadow Shape LayerShadow Shape Layer

Шаг 2

Продублируйте слой Тень (Shadow), назовите этот дубликат слоя Обводка (Stroke).

Выберите инструмент Стрелка (Direct Selection Tool (A), а затем в панели управления данного инструмента, установите Заливку (Fill) на Нет (None), цвет обводки на белый, Размер (Size) обводки 2.

Stroke SettingsStroke SettingsStroke Settings

Шаг 3

Сместите слой Тень (Shadow) вниз, расположив ниже слоя с группой Коллаж (Collage), а затем поменяйте цвет обводки на чёрный, размер обводки 2.

Shadow SettingsShadow SettingsShadow Settings

Шаг 4

Далее, с помощью инструмента Перемещение (Move Tool) и клавиш со стрелками, слегка сдвиньте тень от текста.

Nudge the ShadowNudge the ShadowNudge the Shadow

Шаг 5

Уменьшите степень Непрозрачности (Opacity) для слоя Тень (Shadow) до 30%.

Shaow OpacityShaow OpacityShaow Opacity

7. Проводим Цветовую Коррекцию с помощью Корректирующего слоя Кривые

Шаг 1

Нажмите значок Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слов и в появившемся меню, выберите опцию Кривые (Curves).

Add a Curves Adjustment LayerAdd a Curves Adjustment LayerAdd a Curves Adjustment Layer

Шаг 2

В панели настроек Свойства (Properties), слегка измените кривые для каждого цветового канала, чтобы получить результат, который вам нравится.

Change the Channel ValuesChange the Channel ValuesChange the Channel Values

Поздравляю! Мы завершили урок!

В этом уроке мы создали текст, а затем разделили его на пару сегментов.

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

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

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

Final ResultFinal ResultFinal Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads