Как в Photoshop создать обтравочную маску

В данной статье по обтравочным маскам я расскажу, как создавать пользовательские макеты фото и шрифты. Это может оказаться полезным при создании блога и дизайна, которые выглядят профессионально. Если у вас нет Photoshop, вы можете скачать бесплатную 30-дневную ознакомительную версию:

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

Использование обтравочной маски для шрифтов

Шаг 1: Создайте в Photoshop новый документ. Если документ будет использоваться в интернете, я рекомендую установить разрешение 72. Далее введите слова:

Как в Photoshop создать обтравочную маску Шаг 2: Создайте поверх текстового слоя новый слой. Это можно сделать либо перейдя в Слои> Новый> Слой(в верхнем меню), либо нажав на иконку в правой нижней части палитры слоев. Ваш новый слой будет пустым(белым). Я решила создать пару красочных набросков при помощи инструмента «Кисть»:
Как в Photoshop создать обтравочную маску Шаг 3: Убедитесь, что в палитре выбран новый слой(как у меня, например). Далее перейдите в Слои> Создать обтравочную маску в Фотошопе. Или наведите курсор мыши между двумя слоями(в палитре), удерживая при этом клавишу Alt. Вы увидите, что в этом месте появилась небольшая стрелка, и при нажатии левой кнопки мыши будет создана обтравочная маска:
Как в Photoshop создать обтравочную маску Шаг 4: Полюбуйтесь, какая крутая вещь у нас получилась:
Как в Photoshop создать обтравочную маску Вместо того чтобы создавать новый слой в два шага, можно перетащить фотографию или другую графику поверх текста. В приведенном ниже примере я перетащила в документ блестящее золотое изображение. Далее, когда вы создадите обтравочную маску в Фотошопе, надпись приобретет эффект картинки, которое вы используете, чтобы сделать надпись выглядящей золотой!
Как в Photoshop создать обтравочную маску

Использование обтравочной маски для пользовательских макетов фото

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

Шаг 1: Перед тем, как создать обтравочную маску, помощью инструмента «Прямоугольник»(слева в палитре инструментов) создайте квадрат. Не имеет в себя значения, какого цвета он будет:

Как в Photoshop создать обтравочную маску Шаг 2: Создайте ещё три квадрата. Для этого кликните правой кнопкой мыши по слою первого квадрата, а далее нажмите кнопку «Создать дубликат слоя». Таким образом, вы создадите точную копию квадрата, которую можно поместить рядом с первым. После этого можно легко выделить первые два квадрата(справа в палитре слоев), снова нажать кнопку «Создать дубликат слоя» и перетащить данные две новые копии вниз. Сейчас у нас есть четыре квадрата одинаковых размеров, выровненные по горизонтали и вертикали:
Как в Photoshop создать обтравочную маску Шаг 3: Перетащите в документ фотографию или изображение. Эта фотография примет форму квадрата, поскольку она находится в палитре слоев ВЫШЕ квадрата. Приведенный ниже рисунок показывает, что в палитре слоев мое изображение находится выше верхнего левого квадрата, а он находится выше фонового слоя документа.

Снова перейдите в Слои> Создать обтравочную маску. При создании обтравочной маски вам необходимо выбрать верхний слой(то есть фотографию, которую вы хотели бы обрезать). Как упоминалось выше, ускоренно это делается при помощи наведения курсора мыши между двумя слоями(в палитре слоев) при нажатой клавише Alt. Изображение будет подрезано под размеры квадрата. Планируете переместить изображение? Просто перетащите слой фото в нужную позицию:

Как в Photoshop создать обтравочную маску Шаг 4: Сделайте то же самое для всех оставшихся квадратов, пока не получите макет. Я часто создаю макеты наподобие этого, а далее сохраняю их в виде шаблонов на компьютере, чтобы их можно было использовать для будущих записей в блоге:
Как в Photoshop создать обтравочную маску

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *