Маски для фотошопа рамки: » , , , , , , PNG, PSD, EPS, AI, JPEG,

Создание маски слоя | Руководства по Adobe Photoshop

Что такое маскирование слоев?

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

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

Создание маски слоя

1. Выберите слой на панели «Слои».
2. Нажмите кнопку «Добавить маску слоя» в нижней части панели «Слои». На выбранном слое отображается миниатюра белой маски, сквозь которую видно все, что находится на этом слое.

Добавление черного цвета к маске для скрытия слоя

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

1. Перейдите на панель «Слои» и убедитесь, что миниатюра маски слоя отображается в белой рамке. Если белой рамки нет, нажмите миниатюру маски слоя.
2. Выберите инструмент «Кисть» на панели инструментов. На панели параметров откройте «Выбор кисти», затем выберите размер и жесткость кисти.
3. Нажмите «D», чтобы установить белый и черный цвета по умолчанию на панели инструментов. Затем нажмите «X» для переключения цветов, чтобы черный стал цветом переднего плана.
4. Закрасьте изображение, чтобы добавить черный цвет к маске слоя. Черный цвет на маске слоя скрывает этот слой, поэтому вы увидите предыдущий слой или шахматный узор, который обозначает прозрачность.

Добавление белого цвета к маске для отображения слоя

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

1. Нажмите «X», чтобы переключить цвета переднего и заднего плана на панели инструментов и выбрать белый цвет для переднего плана.
2. Закрасьте скрытые области изображения. К маске слоя будет добавлен белый цвет, и вы снова увидите соответствующие участки замаскированного слоя.

Точная настройка маски слоя с помощью черного, белого и серого цвета

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

Сохраните изменения слоев

• Сохраните изображение в формате .PSD или .TIFF, чтобы вернуться к редактированию слоев и масок в дальнейшем.

Создание фоторамок в фотошопе с масками и фильтрами

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

рамки для фотографий, используя не более чем простую маску слоя и выбранный вами фильтр Photoshop. Я говорю «на ваш выбор», потому что в Photoshop нет недостатка в фильтрах, и многие из них отлично подходят для создания уникальных рамок для фотографий. Мы рассмотрим несколько примеров тех, которые действительно хорошо работают, но вы определенно захотите поэкспериментировать самостоятельно с различными фильтрами, чтобы увидеть, какие эффекты фото-границы вы можете придумать!

Вот изображение, которое я буду использовать для этого урока:

Оригинальное фото.

Шаг 1: дублируем фоновый слой

С моим новым открытием в Photoshop я вижу в палитре Layers, что у меня есть один слой, фоновый слой, который содержит мое изображение:

Палитра «Слои» в Photoshop показывает изображение на фоновом слое.

Поскольку наш фоновый слой содержит информацию об исходном изображении, всегда хорошо продублировать его перед выполнением какой-либо работы. Таким образом, мы не будем трогать оригинал, и у нас всегда будет возможность использовать его в случае необходимости. Самый простой способ дублировать слой в Photoshop — использовать сочетание клавиш Ctrl + J (Победа) / Command + J (Mac). Если мы снова посмотрим на палитру слоев, то увидим, что теперь у нас есть два слоя — исходный фоновый слой внизу и его копия, которую Photoshop назвал «Слой 1» сверху:

Нажмите «Ctrl + J» (Победа) / «Command + J» (Mac), чтобы дублировать фоновый слой.

Шаг 2: Добавить новый пустой слой между двумя существующими слоями

Далее нам нужно добавить новый слой между нашими двумя существующими слоями. Для этого убедитесь, что в палитре слоев выделен «Слой 1» (он должен быть выделен синим цветом). Затем, удерживая нажатой клавишу Ctrl (Победа) / Command (Mac), щелкните значок «Новый слой» в нижней части палитры «Слои»:

Удерживая нажатой клавишу «Ctrl» (Победа) / «Команда» (Mac), нажмите значок «Новый слой».

Обычно Photoshop добавляет новый слой над текущим выбранным слоем в палитре «Слои», но, удерживая нажатой клавишу «Ctrl» / «Command», это говорит Photoshop добавить его ниже текущего выбранного слоя.

Теперь мы можем видеть в палитре слоев, что у нас есть новый пустой слой между фоновым слоем и «слоем 1»:

Новый пустой слой появляется между фоновым слоем и «Слой 1».

Шаг 3: залейте новый слой белым

Мы будем использовать белый цвет в качестве цвета рамки, поэтому нам нужно заполнить наш новый пустой слой белым. Чтобы сделать это, давайте сначала удостоверимся, что наши цвета переднего плана и фона в Photoshop установлены в их значения по умолчанию, нажав клавишу D на клавиатуре. Это устанавливает цвет переднего плана на черный и цвет фона на белый. Это можно увидеть, посмотрев на образцы цветов переднего плана и фона в нижней части палитры «Инструменты». Квадрат в верхнем левом углу представляет текущий цвет переднего плана, в то время как квадрат в нижнем правом углу показывает текущий цвет фона:

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

Если для цветов переднего плана и фона заданы значения по умолчанию, убедитесь, что новый пустой слой выбран в палитре слоев. Затем используйте сочетание клавиш Ctrl + Backspace (Win) / Command + Delete (Mac), чтобы залить слой текущим цветом фона, который является белым. Похоже, что ничего не произошло в окне документа, так как изображение на «Слой 1» блокирует новый слой из вида, но если мы посмотрим на нашу палитру слоев, мы можем увидеть на миниатюре предварительного просмотра слоя, что слой действительно был заполнен с белым:

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

Шаг 4: Добавьте дополнительное пространство холста вокруг изображения

Давайте дадим себе немного пространства для игры при создании нашей границы. Сначала мы добавим немного дополнительного холста вокруг фотографии. Для этого перейдите в меню «Изображение» в верхней части экрана и выберите «Размер холста». Когда появится диалоговое окно «Размер холста», введите значение 1 дюйм для ширины и высоты. Это добавит дополнительный дюйм пространства холста вокруг изображения. Также убедитесь, что опция Относительный отмечена:

Используйте диалоговое окно «Размер холста», чтобы добавить дополнительный дюйм холста вокруг фотографии.

Нажмите OK, чтобы добавить дополнительное пространство холста и выйти из диалогового окна. Вы увидите дополнительный пробел, добавленный вокруг изображения в окне документа:

Теперь вокруг фотографии добавлено дополнительное пространство холста.

Шаг 5: Загрузите выделение вокруг фотографии

Мы также добавим немного места только по краям фотографии. Удерживая нажатой клавишу «Ctrl» («Победа») / «Command», щелкните непосредственно на миниатюре предварительного просмотра слоя для «Слоя 1» в палитре слоев:

Удерживая нажатой клавишу «Ctrl» (Победа) / «Команда» (Mac), нажмите на эскиз предварительного просмотра слоя 1.

Это загружает выделение вокруг содержимого слоя, и если вы посмотрите в окно документа, вы увидите, что выделение появилось вокруг фотографии:

Вокруг фотографии появляется выбор.

Шаг 6: контракт выбора

Нам нужно сделать выделение немного меньше, и мы можем легко это сделать, используя одну из встроенных функций Photoshop для работы с выделениями. Поднимитесь в меню Select в верхней части экрана, выберите Modify, а затем выберите Contract. Когда появится диалоговое окно «Выбор контракта», введите значение от 5 до 15 пикселей для параметра «Контракт по», в зависимости от размера и разрешения вашего изображения. Это говорит Photoshop, на сколько пикселей сократить выбор, или, другими словами, насколько меньше мы хотим сделать это. Я собираюсь ввести значение 10 пикселей:

Перейдите в Select> Modify> Contract и введите значение 5-15 пикселей в диалоговом окне.

Нажмите кнопку ОК, чтобы выйти из диалогового окна, и выделение вокруг фотографии уменьшится в размере, оставляя немного места между окном выбора и краями фотографии:

Теперь есть место между выделением и краями фотографии.

Шаг 7: добавь маску слоя

Мы собираемся добавить маску слоя к «Слою 1». Однако прежде чем мы сможем это сделать, нам нужно выбрать «Слой 1», поэтому щелкните его в палитре слоев, чтобы выбрать его. Он будет выделен синим цветом:

Нажмите «Слой 1» в палитре слоев, чтобы выбрать его.

Затем, выбрав «Слой 1», щелкните значок «Маска слоя» в нижней части палитры «Слои»:

Нажмите на значок «Маска слоя» в нижней части палитры слоев.

Это добавляет маску слоя к «Слою 1», и мы можем видеть в палитре слоев, что миниатюра маски слоя была добавлена ​​справа от миниатюры предварительного просмотра слоя:

Миниатюра маски слоя отображается в «Слой 1» в палитре «Слои».

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

на веб-сайте.

Мы собираемся создать наш эффект границы с нашим первым фильтром Photoshop дальше!

Шаг 5: Загрузите выделение вокруг фотографии

Мы также добавим немного места только по краям фотографии. Удерживая нажатой клавишу «Ctrl» («Победа») / «Command», щелкните непосредственно на миниатюре предварительного просмотра слоя для «Слоя 1» в палитре слоев:

Удерживая нажатой клавишу «Ctrl» (Победа) / «Команда» (Mac), нажмите на эскиз предварительного просмотра слоя 1.

Это загружает выделение вокруг содержимого слоя, и если вы посмотрите в окно документа, вы увидите, что выделение появилось вокруг фотографии:

Вокруг фотографии появляется выбор.

Шаг 6: контракт выбора

Нам нужно сделать выделение немного меньше, и мы можем легко это сделать, используя одну из встроенных функций Photoshop для работы с выделениями. Поднимитесь в меню Select в верхней части экрана, выберите Modify, а затем выберите Contract. Когда появится диалоговое окно «Выбор контракта», введите значение от 5 до 15 пикселей для параметра «Контракт по», в зависимости от размера и разрешения вашего изображения. Это говорит Photoshop, на сколько пикселей сократить выбор, или, другими словами, насколько меньше мы хотим сделать это. Я собираюсь ввести значение 10 пикселей:

Перейдите в Select> Modify> Contract и введите значение 5-15 пикселей в диалоговом окне.

Нажмите кнопку ОК, чтобы выйти из диалогового окна, и выделение вокруг фотографии уменьшится в размере, оставляя немного места между окном выбора и краями фотографии:

Теперь есть место между выделением и краями фотографии.

Шаг 7: добавь маску слоя

Мы собираемся добавить маску слоя к «Слою 1». Однако прежде чем мы сможем это сделать, нам нужно выбрать «Слой 1», поэтому щелкните его в палитре слоев, чтобы выбрать его. Он будет выделен синим цветом:

Нажмите «Слой 1» в палитре слоев, чтобы выбрать его.

Затем, выбрав «Слой 1», щелкните значок «Маска слоя» в нижней части палитры «Слои»:

Нажмите на значок «Маска слоя» в нижней части палитры слоев.

Это добавляет маску слоя к «Слою 1», и мы можем видеть в палитре слоев, что миниатюра маски слоя была добавлена ​​справа от миниатюры предварительного просмотра слоя:

Миниатюра маски слоя отображается в «Слой 1» в палитре «Слои».

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

Мы собираемся создать наш эффект границы с нашим первым фильтром Photoshop дальше!

Шаг 8: примени фильтр «Брызги» к маске слоя

На этом этапе создание нашего эффекта границы — это просто вопрос применения одного из фильтров Photoshop к только что созданной маске слоя. Единственное, в чем вам нужно убедиться, это то, что у вас есть маска слоя, а не сам слой, выбранный до применения фильтра, в противном случае вы можете по ошибке применить фильтр к содержимому слоя. Так как мы только что закончили добавление нашей маски слоя, она должна быть выбрана, но на всякий случай посмотрите на две миниатюры для «Слоя 1» в палитре слоев. Какой бы из них ни был выделен белым выделенным квадратом, это тот, который выбран в данный момент. Вы должны увидеть рамку выделения вокруг миниатюры маски слоя, но если по какой-то причине вы этого не сделаете, просто нажмите на миниатюру маски слоя, чтобы выбрать ее:

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

Теперь, когда мы уверены, что у нас выбрана маска слоя, а не сам слой, мы можем применить наш фильтр. Как я уже упоминал в начале этого урока, в Photoshop можно выбирать из множества фильтров, которые отлично работают, когда дело доходит до создания интересных рамок для фотографий. Мы рассмотрим несколько примеров здесь, но вы определенно захотите поэкспериментировать самостоятельно с другими фильтрами. Сначала мы попробуем один из моих любимых фильтров — кисть Spatter. Поднимитесь в меню Filter в верхней части экрана, выберите Brush Strokes, а затем выберите Spatter. Когда появится диалоговое окно, я собираюсь ввести значение 10 для радиуса распыления и 5 для гладкости:

Диалоговое окно фильтра «Брызги». Введите «10» для «Радиуса распыления» и «5» для «Гладкости».

Вы можете увидеть предварительный просмотр того, как будет выглядеть граница, в большой области предварительного просмотра в левой части диалогового окна, поэтому не стесняйтесь экспериментировать с различными значениями «Радиус распыления» и «Гладкость», чтобы увидеть, какой эффект вы получите. Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна и применить фильтр. Вот моя граница с фотографией после применения фильтра Spatter к маске слоя:

Эффект границы фотографии, созданный с помощью фильтра «Брызги».

Шаг 9: примени «стеклянный» фильтр

Давайте попробуем другой фильтр для другого эффекта границы фотографии. Сначала нажмите Ctrl + Z (Победа) / Command + Z (Mac), чтобы отменить фильтр разбрызгивания. Затем вернитесь в меню «Фильтр», на этот раз выберите «Искажение», а затем выберите «Стекло». Когда появится диалоговое окно фильтра «Стекло», я собираюсь ввести 8 для величины искажения и 4 для сглаживания. Я собираюсь оставить для параметра Текстура значение Frosted, а для параметра Масштабирование — 100%:

Введите «8» для «Искажение» и «4» для «Сглаживание» в диалоговом окне «Фильтр стекла» или поэкспериментируйте с настройками самостоятельно, используя окно предварительного просмотра слева.

Опять же, вы можете поэкспериментировать с этими настройками, если хотите использовать большую область предварительного просмотра в левой части диалогового окна для предварительного просмотра создаваемого эффекта границы. Нажмите OK, когда закончите, чтобы применить фильтр к маске слоя и выйти из диалогового окна. Вот моя рамка для фотографий, созданная с помощью фильтра «Стекло»:

Граница фотографии, созданная путем применения фильтра «Стекло» в Photoshop к маске слоя.

Шаг 10: примени фильтр «Распыленные мазки»

Давайте попробуем еще один. Нажмите Ctrl + Z (Победа) / Command + Z (Mac) еще раз, чтобы отменить последний фильтр, который мы применили. На этот раз перейдите в меню «Фильтр», выберите « Мазки кистью», а затем выберите «Распыленные мазки». Когда появится диалоговое окно, я собираюсь ввести 6 для длины хода, 10 для радиуса распыления и установить направление удара по диагонали вправо:

Когда появится диалоговое окно «Распыленные штрихи», введите «6» для «Длина хода» и «10» для «Радиус распыления» и установите «Направление хода» на «Диагональ вправо».

Опять же, вы можете поэкспериментировать с этими настройками, если вам нравится использовать область предварительного просмотра слева. Когда вы закончите, нажмите OK, чтобы выйти из диалогового окна и применить фильтр к маске слоя. Вот моя рамка для фотографий, созданная с помощью фильтра «Распыленные мазки»:

Граница фотографии, созданная путем применения фильтра «Распыленные мазки» к маске слоя.

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

Шаг 11: Обрежь лишнее пространство вокруг фотографии

Как только вы будете удовлетворены созданным эффектом фоторамки, вам, вероятно, захочется привести в порядок все лишние белые области вокруг фотографии. Для этого перейдите в меню «Изображение» вверху экрана и выберите «Обрезать». Когда появится диалоговое окно «Обрезать», убедитесь, что в разделе «На основе» в верхней части выбран параметр «Цвет верхнего левого пикселя», который скажет Photoshop обрезать все, что имеет тот же цвет, что и цвет пикселя в верхний левый угол документа. Кроме того, убедитесь, что у вас есть все четыре варианта внизу — вверху, внизу, слева и справа — выбраны:

Используйте команду «Обрезать», чтобы обрезать все лишние пробелы вокруг изображения.

Нажмите кнопку «ОК», чтобы выйти из диалогового окна, и Photoshop обрежет все лишние пробелы, оставив вокруг себя только изображение и эффект границы фотографии:

Лишний пробел вокруг изображения теперь исчез.

И там у нас это есть! Есть только несколько примеров того, как легко создавать интересные рамки для фотографий в Photoshop, используя не более чем простую маску слоя и фильтры Photoshop! Посетите наш раздел «Фотоэффекты», чтобы узнать больше об эффектах Photoshop!

Как сделать рамку в Фотошопе

В этом уроке по Adobe Photoshop мы научимся оформлять свои (и не только) изображения и фотографии с помощью различных рамок.

Создание рамок в Фотошопе

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

Вариант 1: Простая рамка в виде полоски

1. Открываем фотографию в Фотошопе и выделяем все изображение комбинацией CTRL+A. Затем идем в меню «Выделение» и выбираем пункт «Модификация – Граница».

2. Задаем необходимый размер для рамки.

3. Выбираем инструмент «Прямоугольная область».

4. Кликаем правой кнопкой мыши по выделению и выбираем «Выполнить обводку».

5. Настраиваем параметры.

6. Снимаем выделение (CTRL+D). Конечный результат:

Вариант 2: Закругленные углы

1. Для скругления углов фотографии выбираем инструмент «Прямоугольник со скругленными углами».

2. На верхней панели отмечаем пункт «Контур».

3. Задаем радиус скругления углов для прямоугольника.

4. Рисуем контур, жмем ПКМ и преобразуем его в выделение.

5. Значение для растушевки указываем «0».

   Результат:

6. Инвертируем область сочетанием CTRL+SHIFT+I, создаем новый слой и заливаем выделение любым цветом, по Вашему усмотрению.

Вариант 3: Рамка с рваными краями

1. Повторяем действия по созданию границы для первой рамки. Затем включаем режим быстрой маски (клавиша Q).

2. Далее переходим в меню «Фильтр – Штрихи – Аэрограф».

3. Настраиваем фильтр по своему усмотрению.

   Получится следующее:

4. Отключаем режим быстрой маски (клавиша Q) и заливаем получившееся выделение цветом, например, черным. Делать это лучше на новом слое. Снимаем выделение (CTRL+D).

Вариант 4: Рамка со ступенчатым переходом

1. Выбираем инструмент «Прямоугольная область» и рисуем рамку на нашей фотографии, а затем инвертируем выделение (CTRL+SHIFT+I).

2. Включаем режим быстрой маски (клавиша Q) и несколько раз применяем фильтр «Оформление – Фрагмент». Количество применений по Вашему усмотрению.

   Получим примерно следующее:

3. Выключаем быструю маску и заливаем выделение выбранным цветом на новом слое.

Такие вот интересные варианты рамок мы научились создавать в данном уроке. Теперь Ваши фотографии будут оформлены надлежащим образом.

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

Поделиться статьей в социальных сетях:

Создание границ фотографий в Photoshop с помощью масок и фильтров

Автор Стив Паттерсон.

В этом уроке Photoshop мы узнаем, как легко создавать забавные и интересные рамки фотографий , используя не более чем простую маску слоя и выбранный вами фильтр Photoshop. Я говорю «ваш выбор», потому что в Photoshop нет недостатка в фильтрах, и многие из них отлично подходят для создания уникальных границ фотографий.Мы рассмотрим несколько примеров из них, которые действительно работают, но вы определенно захотите поэкспериментировать самостоятельно с различными фильтрами, чтобы увидеть, какие эффекты границ фотографий вы можете придумать!

Вот изображение, которое я буду использовать для этого урока:

Исходное фото.

Этот урок из нашей серии «Фотоэффекты». Давайте начнем!

Загрузите это руководство в виде готового к печати PDF-файла!

Шаг 1. Дублируйте фоновый слой

Когда мое изображение было открыто в Photoshop, я вижу в палитре слоев, что в настоящее время у меня есть один слой, слой Background , который содержит мое изображение:

Палитра слоев в Photoshop, показывающая изображение на слое Background .

Поскольку наш фоновый слой содержит информацию об исходном изображении, всегда рекомендуется продублировать его перед выполнением какой-либо работы. Таким образом, мы не будем касаться оригинала, и у нас всегда будет возможность вернуться к нему, если он нам понадобится. Самый простой способ дублировать слой в Photoshop — использовать сочетание клавиш Ctrl + J (Win) / Command + J (Mac). Если мы снова посмотрим на палитру «Слои», то увидим, что теперь у нас есть два слоя — исходный фоновый слой внизу и его копия, которую Photoshop назвал «Слой 1», вверху:

Нажмите «Ctrl + J» (Win) / «Command + J» (Mac), чтобы продублировать фоновый слой.

Шаг 2. Добавьте новый пустой слой между двумя существующими слоями

Затем нам нужно добавить новый слой между двумя существующими слоями. Для этого убедитесь, что в палитре слоев выбран «Слой 1» (он должен быть выделен синим). Затем, удерживая нажатой клавишу Ctrl (Win) / Command (Mac), щелкните значок «Новый слой» в нижней части палитры «Слои»:

Удерживая нажатой клавишу «Ctrl» (Win) / «Command» (Mac), щелкните значок «Новый слой».

Обычно Photoshop добавляет новый слой выше текущего выбранного слоя в палитре слоев, но, удерживая нажатой клавишу «Ctrl» / «Command», это говорит Photoshop добавить его ниже текущего выбранного слоя.Теперь мы видим в палитре слоев, что у нас есть новый пустой слой между фоновым слоем и «Слоем 1»:

Новый пустой слой появляется между фоновым слоем и «слоем 1».

Шаг 3: Залейте новый слой белым цветом

Мы собираемся использовать белый цвет в качестве цвета границы, поэтому нам нужно заполнить наш новый пустой слой белым. Для этого давайте сначала убедимся, что для цветов переднего плана и фона в Photoshop установлены значения по умолчанию, нажав букву D на клавиатуре.Это устанавливает цвет переднего плана на черный, а цвет фона на белый. Мы можем увидеть это, посмотрев на образцы цвета переднего плана и фона в нижней части палитры инструментов. Квадрат в левом верхнем углу представляет текущий цвет переднего плана, а квадрат в правом нижнем углу показывает текущий цвет фона:

Образцы цвета переднего плана и фона в палитре инструментов Photoshop
. Нажмите букву «D» на клавиатуре, чтобы восстановить настройки по умолчанию.

Если для цветов переднего плана и фона установлены значения по умолчанию, убедитесь, что в палитре «Слои» выбран новый пустой слой.Затем используйте сочетание клавиш Ctrl + Backspace (Win) / Command + Delete (Mac), чтобы залить слой текущим цветом фона, который является белым. В окне документа ничего не произойдет, так как изображение на «Слое 1» блокирует просмотр нового слоя, но если мы посмотрим на нашу палитру слоев, мы увидим в миниатюре предварительного просмотра слоя, что слой действительно был заполнен. с белым:

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

Шаг 4. Добавьте дополнительное пространство холста вокруг изображения

Давайте дадим себе немного места для экспериментов при создании границы. Во-первых, мы добавим немного дополнительного холста вокруг фотографии. Для этого перейдите в меню «Изображение» вверху экрана и выберите «Размер холста». Когда появится диалоговое окно «Размер холста», введите значение 1 дюйм как для ширины, так и для высоты. Это добавит дополнительный дюйм холста вокруг изображения. Также убедитесь, что отмечен параметр Относительный:

Используйте диалоговое окно «Размер холста», чтобы добавить дополнительный дюйм холста вокруг фотографии.

Щелкните OK, чтобы добавить дополнительное пространство холста и выйти из диалогового окна. Вы увидите дополнительное белое пространство, добавленное вокруг изображения в окне документа:

Теперь вокруг фотографии добавлено дополнительное пространство холста.

Шаг 5. Загрузите выделение вокруг фотографии

Мы также добавим немного места по краям фотографии. Удерживая нажатой клавишу Ctrl (Win) / Command, щелкните непосредственно на миниатюре предварительного просмотра слоя для «Layer 1» в палитре слоев:

Удерживая нажатой клавишу «Ctrl» (Win) / «Command» (Mac), щелкните миниатюру предварительного просмотра слоя 1.

Это загружает выделение вокруг содержимого слоя, и если вы посмотрите в окно документа, вы увидите, что выделение появилось вокруг фотографии:

Вокруг фотографии появится выделенная область.

Шаг 6: Договоритесь о выборе

Нам нужно сделать выделение немного меньше, и мы можем легко это сделать, используя одну из встроенных функций Photoshop для работы с выделением. Поднимитесь к меню «Выбрать» в верхней части экрана, выберите «Изменить», а затем выберите «Контракт».Когда появится диалоговое окно «Выбор контракта», введите значение где-то между 5-15 пикселями для параметра «Контракт по», в зависимости от размера и разрешения вашего изображения. Это сообщает Photoshop, на сколько пикселей нужно сузить выделение, или, другими словами, насколько меньше мы хотим его сделать. Я собираюсь ввести значение 10 пикселей:

Перейдите в Select> Modify> Contract и введите значение 5-15 пикселей в диалоговое окно.

Нажмите OK, чтобы выйти из диалогового окна, и выделение вокруг фотографии уменьшится в размере, оставляя немного места между полем выбора и краями фотографии:

Теперь между выделенной областью и краями фотографии осталось немного места.

Шаг 7: Добавьте маску слоя

Мы собираемся добавить маску слоя к «Layer 1». Однако, прежде чем мы сможем это сделать, нам нужно выбрать «Слой 1», поэтому щелкните по нему в палитре слоев, чтобы выбрать его. Он будет выделен синим цветом:

Щелкните «Layer 1» в палитре слоев, чтобы выбрать его.

Затем, выбрав «Слой 1», щелкните значок «Маска слоя» в нижней части палитры «Слои»:

Щелкните значок «Маска слоя» в нижней части палитры слоев.

Это добавляет маску слоя к «Layer 1», и мы можем видеть в палитре слоев, что миниатюра маски слоя была добавлена ​​справа от миниатюры предварительного просмотра слоя:

Миниатюра маски слоя отображается на «Слое 1» палитры «Слои».

Обратите внимание, что область, которая была внутри нашего выделения, отображается на миниатюре белой, а область, которая была за пределами нашего выделения, отображается черной. Если вы не знакомы с тем, как работают маски слоев, и хотите узнать больше, обязательно ознакомьтесь с нашим учебным курсом Understanding Layer Masks в разделе Photoshop Basics на веб-сайте.

Теперь мы собираемся создать эффект границы с помощью нашего первого фильтра Photoshop!

Шаг 5. Загрузите выделение вокруг фотографии

Мы также добавим немного места по краям фотографии. Удерживая нажатой клавишу Ctrl (Win) / Command, щелкните непосредственно на миниатюре предварительного просмотра слоя для «Layer 1» в палитре слоев:

Удерживая нажатой клавишу «Ctrl» (Win) / «Command» (Mac), щелкните миниатюру предварительного просмотра слоя 1.

Это загружает выделение вокруг содержимого слоя, и если вы посмотрите в окно документа, вы увидите, что выделение появилось вокруг фотографии:

Вокруг фотографии появится выделенная область.

Шаг 6: Договоритесь о выборе

Нам нужно сделать выделение немного меньше, и мы можем легко это сделать, используя одну из встроенных функций Photoshop для работы с выделением. Поднимитесь к меню «Выбрать» в верхней части экрана, выберите «Изменить», а затем выберите «Контракт». Когда появится диалоговое окно «Выбор контракта», введите значение где-то между 5-15 пикселями для параметра «Контракт по», в зависимости от размера и разрешения вашего изображения. Это сообщает Photoshop, на сколько пикселей нужно сузить выделение, или, другими словами, насколько меньше мы хотим его сделать.Я собираюсь ввести значение 10 пикселей:

Перейдите в Select> Modify> Contract и введите значение 5-15 пикселей в диалоговое окно.

Нажмите OK, чтобы выйти из диалогового окна, и выделение вокруг фотографии уменьшится в размере, оставляя немного места между полем выбора и краями фотографии:

Теперь между выделенной областью и краями фотографии осталось немного места.

Шаг 7: Добавьте маску слоя

Мы собираемся добавить маску слоя к «Layer 1».Однако, прежде чем мы сможем это сделать, нам нужно выбрать «Слой 1», поэтому щелкните по нему в палитре слоев, чтобы выбрать его. Он будет выделен синим цветом:

Щелкните «Layer 1» в палитре слоев, чтобы выбрать его.

Затем, выбрав «Слой 1», щелкните значок «Маска слоя» в нижней части палитры «Слои»:

Щелкните значок «Маска слоя» в нижней части палитры слоев.

Это добавляет маску слоя к «Layer 1», и мы можем видеть в палитре слоев, что миниатюра маски слоя была добавлена ​​справа от миниатюры предварительного просмотра слоя:

Миниатюра маски слоя отображается на «Слое 1» палитры «Слои».

Обратите внимание, что область, которая была внутри нашего выделения, отображается на миниатюре белой, а область, которая была за пределами нашего выделения, отображается черной. Если вы не знакомы с тем, как работают маски слоев, и хотите узнать больше, обязательно ознакомьтесь с нашим учебным курсом Understanding Layer Masks в разделе Photoshop Basics на веб-сайте.

Теперь мы собираемся создать эффект границы с помощью нашего первого фильтра Photoshop!

Шаг 8: примените фильтр «Spatter» к маске слоя.

На этом этапе создание нашего эффекта границы — это просто вопрос применения одного из фильтров Photoshop к только что созданной маске слоя.Единственное, в чем вам нужно убедиться, это то, что у вас есть маска слоя, а не сам слой, выбранный перед применением фильтра, иначе вы можете по ошибке применить фильтр к содержимому слоя. Поскольку мы только что закончили добавлять нашу маску слоя, она должна быть выделена, но на всякий случай посмотрите на две миниатюры для «Layer 1» в палитре слоев. Любой из них, вокруг которого находится белое поле выделения, является выбранным в данный момент. Вы должны увидеть рамку выделения вокруг миниатюры маски слоя, но если по какой-то причине вы этого не сделаете, просто щелкните миниатюру маски слоя, чтобы выбрать ее:

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

Теперь, когда мы уверены, что у нас выбрана маска слоя, а не сам слой, мы можем применить наш фильтр. Как я уже упоминал в начале этого урока, в Photoshop есть множество фильтров, которые отлично работают, когда дело доходит до создания интересных границ фотографий. Мы рассмотрим здесь несколько примеров, но вы определенно захотите поэкспериментировать с другими фильтрами. Сначала мы попробуем один из моих любимых фильтров, фильтр кисти «Брызги».Поднимитесь в меню «Фильтр» вверху экрана, выберите «Мазки кистью», а затем выберите «Брызги». Когда появится диалоговое окно, я собираюсь ввести значение 10 для радиуса распыления и 5 для гладкости:

.

Диалоговое окно фильтра «Брызги». Введите «10» для «Радиуса распыления» и «5» для «Гладкости».

Вы можете предварительно увидеть, как будет выглядеть граница, в большой области предварительного просмотра в левой части диалогового окна, поэтому не стесняйтесь экспериментировать с различными значениями для радиуса распыления и гладкости, чтобы увидеть, какой эффект вы получите. .По завершении нажмите кнопку «ОК», чтобы выйти из диалогового окна и применить фильтр. Вот граница моей фотографии после применения фильтра Spatter к маске слоя:

Эффект границы фотографии, созданный с помощью фильтра «Брызги».

Шаг 9: Применение фильтра «Стекло»

Давайте попробуем другой фильтр для другого эффекта границы фотографии. Сначала нажмите Ctrl + Z (Win) / Command + Z (Mac), чтобы отменить фильтр Spatter. Затем вернитесь в меню «Фильтр», на этот раз выберите «Искажение», а затем выберите «Стекло».Когда появится диалоговое окно фильтра «Стекло», я введу 8 для величины искажения и 4 для гладкости. Я собираюсь оставить для параметра текстуры значение Frosted, а для параметра Scaling — значение 100%:

.

Введите «8» для «Искажения» и «4» для «Гладкость» в диалоговом окне «Стеклянный фильтр» или поэкспериментируйте с настройками самостоятельно, используя окно предварительного просмотра слева.

Опять же, вы можете поэкспериментировать с этими настройками, если вам нравится использовать большую область предварительного просмотра в левой части диалогового окна для предварительного просмотра создаваемого вами эффекта границы.Когда закончите, нажмите OK, чтобы применить фильтр к маске слоя и выйти из диалогового окна. Вот рамка моей фотографии, созданная с помощью фильтра «Стекло»:

Граница фотографии, созданная применением фильтра Photoshop «Стекло» к маске слоя.

Шаг 10: Применение фильтра «Распыленные штрихи»

Попробуем еще. Нажмите Ctrl + Z (Win) / Command + Z (Mac) еще раз, чтобы отменить последний примененный нами фильтр. На этот раз перейдите в меню «Фильтр», выберите Мазки кистью , а затем выберите «Мазки с распылением».Когда появится диалоговое окно, я собираюсь ввести 6 для длины штриха, 10 для радиуса распыления и установить направление штриха на правую диагональ:

Когда появится диалоговое окно «Распыленные штрихи», введите «6» для «Длины штриха» и «10» для «Радиуса распыления» и установите «Направление штриха» на «Правую диагональ».

Опять же, вы можете поэкспериментировать с этими настройками, если хотите, используя область предварительного просмотра слева. Когда вы закончите, нажмите OK, чтобы выйти из диалогового окна и применить фильтр к маске слоя.Вот моя граница фотографии, созданная с помощью фильтра «Распыленные штрихи»:

Граница фотографии, созданная применением фильтра «Распыленные штрихи» к маске слоя.

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

Шаг 11: Обрежьте лишнее белое пространство вокруг фотографии

Когда вы будете довольны созданным эффектом границы фотографии, вы, вероятно, захотите навести порядок, обрезав все лишние белые области вокруг фотографии. Для этого перейдите в меню «Изображение» вверху экрана и выберите «Обрезать». Когда появится диалоговое окно «Обрезка», убедитесь, что у вас выбран параметр «Цвет верхнего левого пикселя» в разделе «На основе» вверху, который сообщает Photoshop об обрезке всего, что имеет тот же цвет, что и цвет пикселя в левый верхний угол документа.Кроме того, убедитесь, что у вас есть все четыре варианта внизу — вверху, внизу, слева и справа — выбраны:

Используйте команду «Обрезать», чтобы удалить все лишнее белое пространство вокруг изображения.

Нажмите OK, чтобы выйти из диалогового окна, и Photoshop уберет все лишнее пустое пространство, оставив только ваше изображение и эффект границы фотографии вокруг него:

Лишнего белого пространства вокруг изображения больше нет.

И вот оно! Вот лишь несколько примеров того, как легко создавать интересные рамки фотографий в Photoshop, используя не что иное, как простую маску слоя и фильтры Photoshop! Посетите наш раздел «Фотоэффекты», чтобы получить больше уроков по эффектам Photoshop!

Руководство по обтравочной маске Photoshop + 5 основных советов

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

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

Отличный пример того, когда использовать обтравочную маску в Photoshop, — это когда вы хотите создать какую-то композицию — например, поместить фотографию в фоторамку.

Если это просто прямоугольник, не так сложно изменить размер фотографии и расположить ее сверху.

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

Давайте подробнее рассмотрим обтравочную маску в Photoshop.

Что такое обтравочная маска в Photoshop?

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

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

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

Рассмотрим изображение «ПЕРЕД», взятое из Photoshop. Изображение состоит из одного слоя, часть которого является текстом, а остальная часть пуста от содержимого — поэтому прозрачна.

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

В Photoshop теперь мы можем добавить слой поверх него и превратить его в обтравочная маска.

Комбинация содержимого и прозрачности, содержащихся в нижнем слое, определяет, что будет видно на новом слое, расположенном выше.

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

В приведенном выше примере вы видите два слоя. Нижний слой представляет собой простой черный текст, а остальная часть этого слоя прозрачна. Верхний слой — фотография какого-то пламени.

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

Когда добавляется обтравочная маска, т. Е. Когда верхний слой «применяется» к нижнему слою, изображение пламени исчезает, за исключением того места, где есть содержимое, т. Е. Текста «ПЛАМЯ» — в нижнем слое. — см. Изображение ПОСЛЕ.

Обратите внимание, что на верхнем слое на панели слоев слева есть маленькая стрелка. Вот как Photoshop показывает, что была создана обтравочная маска и что этот слой применяется к слою ниже.

Вот панель слоев до того, как была добавлена ​​обтравочная маска:

А вот панель слоев после была добавлена ​​обтравочная маска:

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

Кроме того, я могу изменить размер пламени на верхнем слое или полностью заменить его на другое изображение.

В чем разница между маской слоя и обтравочной маской?

Обтравочную маску полезно сравнить с маской слоя.

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

Фактически у вас есть два слоя: нижний слой, который является вашим контентом, и маска наверху, которая контролирует то, что можно увидеть.

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

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

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

Создать обтравочную маску в Photoshop очень просто, если у вас есть слои в правильном порядке.

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

Этот пример научит вас использовать обтравочную маску, показывая, как поместить изображение в рамку.

Шаг 1. Настройте документ

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

Шаг 2: Создайте новый слой и добавьте форму

Затем я создал новый слой, нажав Shift + Command + N (macOS) или Shift + Control + N (Windows).Вы также можете щелкнуть значок «Создать новый слой» на вкладке «Слои».

На моем новом слое я нарисовал нужную форму с помощью инструмента «Прямоугольник» и убедился, что она залита цветом.

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

Если вам не удается найти инструмент «Прямоугольник», обычно он находится на панели инструментов внизу.Убедитесь, что для параметра Заливка выбран цвет.

Шаг 3: Создайте третий слой и добавьте свое изображение

Затем я создал еще один новый слой (не забудьте этот шаг!), Прежде чем перетащить на него одну из моих фотографий из Finder (macOS) или Проводник (Windows). Вам нужно нажать Enter, чтобы поставить его на место. Это слой, который будет обрезан.

Теперь у нас есть три слоя: внизу у нас есть изображение, которое мы впервые открыли в Photoshop в офисе с пустой рамкой для изображения.

Выше я нарисовал фигуру: «Прямоугольник 1».

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

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

Шаг 4: Создайте свою обтравочную маску

Я выбрал верхний слой на панели слоев и в меню выбрал «Слой» и «Создать обтравочную маску».«В качестве альтернативы мы могли бы использовать сочетание клавиш: Command + Option + G (macOS) или Control + Alt + G (Windows).

Есть еще способ. Убедитесь, что выбран самый верхний слой, затем, удерживая клавишу Option (macOS) или Alt (Windows), наведите указатель мыши на разделение между активным слоем и слоем ниже. Мышь превратится в маленькую белую рамку со стрелкой рядом с ней.

При нажатии создается обтравочная маска.

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

5 основных советов по обтравочной маске

Прелесть обтравочных масок Photoshop заключается в том, что вы сохраняете так много контроля, чтобы иметь возможность настраивать то, что вы создали.

Вот несколько советов, чтобы начать вносить некоторые изменения.

1. Как переместить контент в обтравочной маске

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

2. Как изменить размер содержимого в обтравочной маске

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

Или нажмите Command + T (macOS) или Control + T (Windows).

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

Фотография сохранит свои пропорции при изменении размера.

(Связано: как изменить размер изображения без потери качества)

3. Как преобразовать контент в рамках обтравочной маски

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

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

4. Как добавить больше обтравочных масок

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

В нашем примере, скажем, мы хотели сделать изображение в кадре черно-белым.

Для этого создайте новый корректирующий слой и выберите «Black & White…».

Вы заметите, что это удаляет цвет со всего изображения.

Однако мы можем применить этот корректирующий слой к слою «Прямоугольник» ниже. Просто повторите шаги, описанные ранее: удерживая Option (macOS) или Alt (Windows), щелкните между нашим черно-белым корректирующим слоем и слоем ниже.

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

Обратите внимание, что наш офис снова стал красочным, а изображение в рамке осталось черно-белым.Вы заметите, что теперь рядом с корректирующим слоем «Черно-белый» на панели слоев появился символ обтравочной маски.

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

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

5. Как удалить обтравочную маску

Если в какой-то момент вам понадобится отменить созданную вами обтравочную маску — возможно, вы обрезали не тот слой — процесс очень прост. Просто нажмите «Слой» и «Освободить обтравочную маску».

Или вы можете удерживать Option (macOS) или Alt (Windows) и навести курсор между обрезанным слоем и слоем выше:

Часто задаваемые вопросы об обтравочной маске Photoshop

Как работает обтравочная маска?

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

Для чего используются обтравочные маски?

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

Что такое горячая клавиша обтравочной маски в Adobe Photoshop?

Ярлык для создания обтравочной маски: Command + Option + G (macOS) или Control + Alt + G (Windows). Либо, удерживая Option (macOS) или Alt (Windows), наведите указатель мыши на два верхних слоя на панели «Слои». Когда появится стрелка вниз, щелкните, чтобы применить маску.

Почему я не могу создать обтравочную маску?

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

Заключительные слова

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

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

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

Если у вас есть комментарии или вопросы, обязательно оставьте комментарий ниже!

Границы Photoshop — Как их создать с помощью масок слоя

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

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

Если вы не знаете, как использовать такие функции, как маски слоев, стоит пройти вводный курс Photoshop, например, этот, посвященный основам Photoshop.

Создание границ в Photoshop

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

Если вы хотите принять дополнительные меры предосторожности перед началом работы, вы можете продублировать слой, на котором находится изображение, выбрав Слой> Дублировать слой в меню вверху или выделив слой, который вы хотите скопировать, и нажав Ctrl + Дж.

Шаг 1. Создайте новый слой

После того, как базовое изображение будет готово, создайте новый слой между исходным и дублирующим слоями. Вы можете сделать это, выбрав «Слой»> «Создать»> «Слой» в верхнем меню, или нажав Ctrl + Shift + N, или щелкнув небольшой квадратный значок, выделенный на приведенном выше примере изображения. В любом случае убедитесь, что новый слой находится между исходным слоем и его копией.

Шаг 2 — Раскрасьте новый слой в белый цвет

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

Цвета переднего плана и фона по умолчанию представлены наложенными квадратами в образце цвета, при этом цвет фона является квадратом сзади. Щелкните этот квадрат и установите цвет фона. Вы можете сделать это с помощью ведра с краской или инструмента заливки, или выделив наш новый средний слой — в приведенном выше примере переименованный в Border Layer — и нажав Ctrl + Backspace.

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

Шаг 3. Разверните изображение, увеличив размер холста

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

Вы можете найти эту опцию, перейдя в меню вверху и выбрав «Изображение»> «Размер холста» или нажав Alt + Ctrl + C.Когда приглашение откроется, установите флажок «Относительный» и увеличьте размер холста на любое удобное для вас значение. В этом примере мы добавили по два дюйма с каждой стороны холста. Результат выглядит так:

Наше изображение не стало больше — размер только что скорректирован, а рабочая область очищена, так что вы можете хорошо увидеть, что произошло при расширении холста. Теперь, когда у нас есть передышка, пора приступить к работе с выборками .

Шаг 4. Создайте выделение вокруг изображения и сократите его

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

Сделайте это, выбрав «Выбрать»> «Изменить»> «Контракт», а затем введите число. Он будет зависеть от размера вашего изображения. После того, как вы нажмете ОК, ваше изображение должно выглядеть примерно так:

Шаг 5 — Создайте маску слоя

Затем мы должны добавить маску слоя к слою, на котором мы только что сделали выделение.

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

Нам не нужно слишком много знать о том, как работают маски слоев, для этого урока — только о том, как их создать.

Сначала убедитесь, что выделен правильный слой. В этом примере это базовое изображение — копия . Затем нажмите кнопку «Маска слоя» в образце слоев, как показано на рисунке слева.Вы заметите маленький значок цепочки, связывающий Base Image — Copy и его маску слоя вместе в образце слоев.

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

Шаг 6. Создайте границу с помощью фильтров

После того, как вы создали маску слоя, ваш документ Photoshop должен выглядеть примерно так, как в примере выше.Следующий шаг — просто применить фильтр по вашему выбору к маске слоя, и все готово!

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

После того, как вы выбрали маску слоя, перейдите в меню вверху, перейдите в Фильтр и начните экспериментировать.

В этом примере давайте сделаем что-нибудь смелое и заметное, выбрав «Фильтр»> «Пикселизация»> «Кристаллизация» и установив для параметра «Размер ячейки» значение 25.На скриншоте выше предварительный просмотр увеличен на 100%, чтобы вы могли видеть детали, но вы можете увеличивать и уменьшать масштаб, используя знаки + и -, если вы хотите увидеть, как будет выглядеть готовый продукт.

Кстати о…

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

Страница Последнее обновление: декабрь 2013 г.

Как объединить вырезы в Photoshop | Small Business

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

Откройте меню «Окно» и выберите «Маски», чтобы открыть одноименную панель. Если панель «Слои» не отображается, снова откройте меню «Окно» и выберите «Слои».

Убедитесь, что слой, который вы хотите замаскировать, поддерживает прозрачность. Если он называется «Фон» и его имя отображается курсивом на панели «Слои», дважды щелкните соответствующий элемент на панели «Слои» и примите имя по умолчанию, предлагаемое Photoshop, или переименуйте слой самостоятельно.

Выберите один из инструментов Adobe Photoshop «Прямоугольник», «Прямоугольник со скругленными углами», «Эллипс», «Многоугольник», «Линия» или «Произвольная форма» — или инструмент «Перо». Если вы используете инструмент «Линия», установите для него значение, достаточно большое для получения прямоугольной формы. Чтобы нарисовать перекрывающийся путь, который вычитается из первого контура, который вы рисуете, нажмите кнопку «Вычесть из области формы» на панели параметров, прежде чем рисовать второй контур. Панель параметров также включает кнопки, которые заставляют последующие контуры добавляться к существующим контурам и пересекаться с ними, а также исключать перекрывающуюся часть.Нарисуйте набор перекрывающихся путей.

Активируйте инструмент выбора пути и щелкните отдельный путь, чтобы активировать и расположить его. Удерживая нажатой клавишу «Shift», щелкните, чтобы добавить второй путь к вашему выбору. Нажмите кнопку «Объединить» на панели параметров, чтобы объединить пути в один. Нажмите кнопку «Добавить векторную маску» в правом верхнем углу панели «Маски», чтобы превратить ваши контуры в маску для текущего слоя.

Ссылки

Ресурсы

• Photoshop CS3 / CS4 WOW! Книга; Линни Дейтон и Кристен Гиллеспи
• Маскирование и композитинг в Photoshop; Катрин Эйсманн
• Восстановление и ретушь в Photoshop, третье издание; Катрин Эйсманн и Уэйн Палмер

Советы

• Вам не нужны инструменты рисования, чтобы добавить векторную маску, которая показывает или скрывает весь слой.Когда нет активных контуров, нажмите кнопку «Векторная маска» на панели «Маски». Полученная маска показывает весь слой. Удерживая Alt, щелкните кнопку, чтобы создать маску, скрывающую слой.
• Используйте ползунок «Плотность» на панели «Маски» для управления непрозрачностью векторной маски.
• Чтобы сделать векторную маску более похожей на пиксельную маску слоя, отрегулируйте ползунок «Растушевка» на панели «Маски», чтобы добавить мягкую кромку.
• Чтобы отключить векторную маску, щелкните ее значок на панели «Слои», удерживая нажатой клавишу «Shift».

Предупреждения

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

Писатель Биография

Элизабет Мотт — писатель с 1983 года. Мотт имеет большой опыт написания рекламных текстов для всего, от кухонной техники и финансовых услуг до образования и туризма. Она имеет степень бакалавра искусств и магистра искусств по английскому языку в Университете штата Индиана.

Messenger — добавьте праздничные наклейки, рамки, маски и …

Nguyễn Nguyên Phan

Я надеюсь и попрошу мессенджера сотрудничать с facebook, чтобы восстановить учетную запись мессенджера nguyen nguyen, созданную 1 января 2020 года по причине щелкнув отчет facebook, потому что газета facebook остановлена, потому что facebook messenger nguyen nguyen и nguyen nguyen phan, которые я использую, все используют один и тот же номер телефона 0981125042, когда я хочу поделиться через другую учетную запись мессенджера, чтобы отправить сообщение, но я теряю свою учетную запись в мессенджере nguyen nguyen вместо учетной записи мессенджера, которую Нгуен Нгуен Фан использует в мессенджере facebook. Нгуен Нгуен подружился через другую учетную запись мессенджера facebook с именем hoai nam anh и отправил сообщения через аккаунт мессенджера facebook hoai nam anh и мессенджер facebook nguyen nguyen сделал 11 друзей мессенджером и отправили сообщения через другие учетные записи мессенджера и добавили еще одну учетную запись мессенджера, и я нажал d, чтобы добавить 3 других аккаунта в мессенджере, пожалуйста, сотрудничайте с facebook, пожалуйста, найдите все способы восстановить аккаунт мессенджера nguyen nguyen перед восстановлением аккаунта мессенджера, пожалуйста, проверьте номер телефона 0981125042 аккаунт мессенджера nguyen nguyen и nguyen nguyen phan — это номер телефона мессенджера nguyen nguyen учетная запись сопоставлена ​​с номером телефона 0981125042 учетной записи мессенджера nguyen nguyen phan отсутствует или отличается от номера телефона, у которого нет того же номера. сотрудничать с facebook, найти все способы восстановить учетную запись мессенджера nguyen nguyen после восстановления, мессенджер, пожалуйста, разместите свою учетную запись мессенджера в разделе списка в разделе электронной почты или номер телефона в разделе продолжения в разделе забытого пароля.пароль, потому что я не могу найти учетную запись мессенджера в списке, потому что она утеряна или удалена или находится где-то в списке других учетных записей мессенджера с именем nguyen nguyen, созданных с помощью facebook 1 января 2020 г., поэтому, пожалуйста, мессенджер, пожалуйста, опубликуйте учетную запись мессенджера nguyen nguyen, созданную в январе 1, 2020 на facebook в разделе списка в разделе электронной почты или номера телефона, продолжайте в разделе забытого пароля, чтобы узнать, как выбрать учетную запись мессенджера из списка учетных записей мессенджера с именем nguyen nguyen, когда это необходимо в мессенджере и мессенджере с двумя приложениями и messenger lite также делает то же самое, что и мессенджер и мессенджер с двумя приложениями, а также учетные записи мессенджера nguyen nguyen с nguyen nguyen phan и nguyen phan с номером телефона 0986665930, которые еще не использовались.выберите учетную запись мессенджера, сохраненную в умной блокировке Google, и отобразите элемент выберите учетную запись мессенджера, сохраненную в умной блокировке Google, чтобы знать, и выберите 3 учетных записи мессенджера nguyen nguyen phan nguyen nguyen и nguyen phan 0986665930 при необходимости в мессенджере и двойном приложении Messenger и Messenger Lite do то же самое и отправить мессенджер nguyen nguyen account и мессенджер nguyen nguyen phan в разделе телефонных номеров, продолжить и раздел «не друзья» в электронном письме или номер телефона в разделе продолжается в разделе забытого пароля, потому что обе учетные записи мессенджера используют тот же номер телефона, 84981125042, поэтому, пожалуйста, отправьте мессенджер nguyen nguyen 01.01.2020 с nguyen nguyen phan в разделе no.телефон в разделе электронной почты или номера телефона продолжайте в разделе забытого пароля при наборе номера телефона, чтобы найти нужную учетную запись в программе обмена сообщениями по номеру телефона, чтобы узнать и выбрать нужную учетную запись в программе обмена сообщениями, когда это необходимо, в программе обмена сообщениями, а также в программе обмена сообщениями с двумя приложениями и Messenger Lite сделайте то же самое, что и мессенджер и мессенджер с двумя приложениями, после восстановления учетной записи мессенджера nguyen nguyen, созданной в facebook 1 января 2020 г., мессенджер, пожалуйста, найдите все способы защиты учетной записи мессенджера nguyen, первоначально созданной 1 января 2020 г., созданной в facebook и многие другие учетные записи мессенджера, включая учетную запись nguyen nguyen phan messenger, и сохраняли те же сообщения других учетных записей мессенджеров каналов мессенджера учетной записи мессенджера nguyen nguyen, включая учетную запись vh2 class messenger, трудно 18 и dcn 18, потому что я отправлял сообщения через учетную запись мессенджера 2 канала мессенджера vh2 class channel 18 и dcn 18 и другие учетные записи мессенджера также отправляются через 2 аккаунта мессенджера v h2 class messenger channel 18 и dcn 18 и аккаунт мессенджера nguyen nguyen phan отправлял сообщения через другие аккаунты мессенджера и мессенджеры, пожалуйста, найдите любой способ любой ценой восстановить аккаунт мессенджера nguyen nguyen 1 января 2020 года, поскольку запрос был создан на facebook для иметь возможность использовать мою учетную запись в мессенджере для отправки сообщений как обычно, в мою учетную запись в мессенджере добавлена ​​еще одна учетная запись с именем hudson steve при восстановлении учетной записи мессенджера nguyen nguyen, созданной на facebook 1 января 2020 г., требуется сотрудничество с facebook после восстановления, пожалуйста, покажите мессенджер nguyen nguyen учетная запись с записью под именем nguyen nguyen, созданная на facebook 1 января 2020 г. в мессенджере с двумя приложениями или учетная запись для входа в мессенджер nguyen nguyen, уже созданная на facebook 1 января 2020 г. с учетной записью facebook nguyen nguyen phan отображает сохраните тот же раздел, продолжайте вход под именем nguyen nguyen, созданным на facebook 1 января 2020 года, и с разделом входа и под именем nguyen nguyen phan в мессенджере или мессенджере Lite или отображать возможность выбора сохраненной учетной записи мессенджера с умной блокировкой Google в двойном приложении мессенджера и мессенджере Lite после восстановления учетной записи мессенджера nguyen nguyen после публикации созданной учетной записи мессенджера nguyen nguyen войти в facebook 1 января 2020 г. с учетными записями мессенджера nguyen nguyen phan и nguyen phan 0986665930, поэтому помните об одном при восстановлении учетной записи мессенджера nguyen nguyen, созданной на facebook 1 января 2020 г., пожалуйста, сохраните все сообщения другого мессенджера учетные записи и попросите помощи в программе обмена сообщениями

Полное руководство по маскам яркости в Photoshop

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

Маски яркости — один из самых мощных инструментов, когда дело доходит до выделения. Если вы новичок в Photoshop или не знакомы со слоями и масками слоев, у нас есть подробное руководство по Photoshop для новичков. Эта статья требует понимания слоев и масок слоев, которые рассматриваются в руководстве для начинающих.

Что такое маска яркости?

Как следует из названия, маска яркости — это выбор, сделанный в отношении яркости изображения.Мы можем лучше понять это на примере:

NIKON D750 @ 20 мм, ISO 100, 1/100, f / 5,6

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

Но использование кисти имеет несколько недостатков. Во-первых, если мы не будем очень осторожны при рисовании областей, которые нужно показать или скрыть, мы можем получить ореолы вокруг крайних контрастных выделений. Во-вторых, практически невозможно сделать сложное выделение, подобное иллюстративному изображению ниже:

Layer Mask View | Белые отображаются, а черные скрыты.

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

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

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

Маски слоя связаны со слоем (отмечены красным)

Как создать маски яркости

Мы начнем с 50% серого и создадим маски на основе яркости , вплоть до выбора только самого яркого из ярких. Как правило, работают шесть разных масок или каналов. Точно так же мы создадим шесть разных масок для темных оттенков, начиная со среднего серого.Наконец, мы создадим шесть масок для полутонов.

Создание ярких каналов

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

Шаг 1:
Перейдите на вкладку «Каналы» (отмечена красным), которая находится рядом с вкладкой «Слои». Вы можете увидеть каналы по умолчанию.Первый — это канал RGB, который представляет собой смесь красного, зеленого и синего каналов, представленных ниже. Убедитесь, что выбран канал RGB, и вы увидите все четыре выбранных канала.

Вкладка «Каналы»

Шаг 2:
Выбрав RGB, щелкните левой кнопкой мыши по каналу RGB, одновременно нажимая Alt + Control + Shift на ПК или Option + Command + Shift на Mac. Помните, что если вы отметите какой-либо из каналов Красный, Зеленый или Синий, будет выбран только этот канал. Тогда как при выборе канала RGB вы можете заметить, что выбраны все четыре канала по умолчанию.Когда вы сделаете выбор, вы увидите, как марширующие муравьи появляются вокруг выбранной области. В этом примере вы можете увидеть выбор яркости, начиная примерно с 50% серого.

Шаг 3:
Теперь, когда выбор сделан, щелкните значок «Сохранить выделение как канал» (отмечен красным на иллюстративном изображении ниже). Теперь вы можете увидеть новый канал под названием Alpha1 (отмечен зеленым). Для удобства переименуйте его в Brights1.

Создан новый канал Selection с именем Alpha1.

Шаг 4:
Теперь выберите канал Brights1.Убедитесь, что выделение Brights1 все еще выделено марширующими муравьями. Щелкните левой кнопкой мыши на Brights1, удерживая Alt + Control + Shift / Option + Command + Shift, как мы это делали на шаге 2. Вы увидите, что выделение изменилось. В этом примере при выборе игнорируется больше полутонов. Теперь мы сохраняем это выделение как канал. Поскольку мы переименовали предыдущий канал в Brights1, этот новый канал по умолчанию будет называться Alpha 1. Если мы не переименуем, каждый последующий канал будет называться Alpha 1, Alpha 2, Alpha 3 и так далее.Переименуйте новый Alpha 1 в Brights 2.

Вы можете видеть, что выделение замаскировало больше полутонов

Шаг 5:
Давайте повторим то же самое. Теперь, выбрав Brights2, нажмите Alt + Control + Shift + Click, сохраните это выделение как канал и переименуйте его в Brights3. Можно увидеть выделение с площадью меньше, чем у предыдущего канала.

С Brights3 выбор сместился вправо.

Шаг 6:
Повторяйте описанную выше процедуру, пока мы не дойдем до Brights6.Если мы посмотрим на выбранные области, начиная от Brights6 до Brights1, мы увидим, что мы сделали постепенное выделение от очень ярких до почти среднего серого постепенно.

Все 6 каналов для яркости созданы.

Создание темных каналов

Теперь, когда мы закончили с яркостью, приступим к созданию темных каналов. Темные каналы в основном противоположны ярким. Есть два способа сделать это. Мы можем просто инвертировать выбор соответствующих яркостей.Инвертируйте выделение Brights1 как Darks1, инвертируйте выделение Brights2 как Darks2 и так далее. Другой способ сделать это — поменять местами Brights1 и затем постепенно улучшать его до самых темных темных оттенков, как мы это делали с яркими каналами. Ниже представлена ​​пошаговая процедура выбора темных оттенков.

Шаг 1:
Выберите Brights 1, щелкнув его левой кнопкой мыши, удерживая клавишу Control / Command. Вы можете увидеть марширующих муравьев вокруг выделенной области. Теперь инвертируйте выделение, выбрав пункт меню Select-> Inverse.Вы также можете использовать комбинацию горячих клавиш Brights1 в качестве выбора, а затем нажать Shift + Control / Command + I. Вы можете видеть, что выбор был отменен.

Опция меню для инвертирования выделения

Как и в случае с яркостью, мы сохраняем выделение как канал и называем его Blacks1.

Шаг 2:
Выбрав Blacks1, мы повторяем шаги с 4 по 6, создавая шесть каналов для черных.

Все 6 каналов для темных оттенков

Создание полутоновых каналов

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

Шаг 1:
Сначала выберите весь кадр, нажав Control / Command + A. Марширующие муравьи появляются вокруг всего кадра, что означает, что было выбрано все изображение. Щелкните Brights1, одновременно нажимая клавиши Alt + Control / Option + Command. Под указателем мыши будет знак минус. Вы можете увидеть изменение выбора. При текущем выборе нажмите Darks1, удерживая нажатыми клавиши Alt + Control / Option + Command.

Что мы здесь сделали, так это то, что мы выделили весь кадр и вычли блики из Brights1 и тени из Darks1. Это оставляет нам средние тона между Brights1 и Darks1.

Вычитание светлых и темных участков из всего кадра

Шаг 2:
Теперь, когда у нас есть Midtones1, мы собираемся создать еще пять каналов. Снова выделите весь кадр (Control / Command + A), а затем, удерживая Alt + Ctrl, щелкните Brights2 и Darks2. Это даст нам Midtones2.Точно так же мы можем создать Midtones3, вычтя Brights3 и Darks3 из всего кадра. Мы можем пройти весь путь до Midtones6 этим путем. Теперь у нас есть все восемнадцать каналов: шесть ярких, шесть темных и шесть средних тонов.

Выбрано 6 каналов для средних тонов

Создание масок слоя с использованием каналов

Когда мы закончим создание каналов, применить их в качестве маски слоя довольно просто. Выберите канал, который вы хотите применить, щелкнув по нему левой кнопкой мыши, удерживая нажатой клавишу Control или Command.Вы можете увидеть выбранные области, обведенные марширующими муравьями. Перейдите на вкладку «Слои» и щелкните корректирующий слой или создайте маску слоя. Вы можете увидеть маску слоя с выбранным каналом.

Регулировка применяется к белым областям в маске

В приведенном выше примере я выбрал канал Brights3. Затем я создал новый корректирующий слой Exposure. Канал Brights3 применяется к маске слоя, связанной с этим корректирующим слоем. Теперь, когда я увеличиваю экспозицию до +20, вы можете видеть, что затрагиваются только яркие цвета (зеленые), тогда как средние тона затрагиваются меньше, а темные практически не затрагиваются.

Когда вы закончите использовать каналы, вы можете удалить те, которые вы не использовали. Имейте в виду, что создание каналов значительно увеличивает размер файла.

Большая часть того, что мы делали до сих пор, использовалась в иллюстративных целях. А теперь рассмотрим пример с реальным изображением. Взгляните на картинку ниже. На изображении хорошо видны тени справа, при этом почти все детали потеряны. Сделаем тени ярче и добавим контраст изображению с помощью масок яркости.

NIKON D5100 @ 18 мм, ISO 160, 1/250, f / 14.0

Я создал маски яркости и выбрал Darks6. Затем я выбрал маску в режиме просмотра маски слоя, щелкнув маску слоя, удерживая нажатой клавишу Alt / Option. Вид маски показан ниже:

Layer Mask View

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

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

Затем я увеличил тени в корректирующем слое кривых — вы можете увидеть разницу ниже. Обратите внимание, что светлые участки остаются нетронутыми, а средние тона оказывают сравнительно меньшее влияние.

Канал Darks6 применен как маска слоя

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

Средние тона4 Применяется как маска слоя

Объединение масок яркости с помощью инструмента «Кисть»

Могут быть случаи, когда маски яркости или инструмент кисти не особенно полезны при использовании по отдельности.В таких случаях вы можете получить желаемый результат, объединив оба инструмента. Давайте вернемся к маске изображения, которое мы видели в предыдущем примере. Вы можете просмотреть маску, щелкнув маску слоя, удерживая нажатой клавишу Alt / Option.

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

Серый цвет неба стал черным, чтобы полностью замаскировать его.

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

Корректировка применяется только к теням

Заключение

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

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

Если что-то вас смущает, дайте мне знать в разделе комментариев ниже!

Как изменить форму веб-камеры

Хотите изменить форму веб-камеры? Вам надоело использовать одни и те же кулачковые блоки 4: 3 или 16: 9? Вы когда-нибудь задумывались, как некоторые стримеры используют классные формы для своей камеры — например, круги, треугольники или вертикальные прямоугольники? А как насчет рамок веб-камер со скругленными углами или вырезов и выемок по краям?

Что ж, это проще, чем вы думаете — и все это делается с помощью фильтра, который называется масок веб-камеры или «масок изображений» .Все, что вам нужно для начала, — это источник веб-камеры, а также OBS или Streamlabs OBS.

В этом руководстве мы покажем вам:

• Что такое маски веб-камеры?
• Как создавать маски в Photoshop (необязательно)
• Как использовать базовые маски в OBS & Streamlabs
• Советы и приемы по использованию расширенного дизайна масок

У вас нет Photoshop? Не стоит беспокоиться. Мы создали бесплатный набор из 21 маски для веб-камеры, которую вы можете загрузить и опробовать в своей трансляции.

Ознакомьтесь с нашим сопутствующим видеоуроком, чтобы получить пошаговое руководство:

Что такое маски веб-камеры?

Маски

веб-камеры — это фильтры в OBS и Streamlabs, которые позволяют скрыть части источника камеры . Маскируя веб-камеру, вы можете выбрать, какие области должны быть видны вашей аудитории, а какие — «невидимыми». Это позволяет создавать классные формы и вырезы по краям рамы.

Например, допустим, мы хотим, чтобы наша веб-камера имела закругленные углы.Мы могли бы создать (или использовать) маску, которая скрывает острые углы вашей веб-камеры под углом 90 градусов. Все, что находится внутри новых изогнутых краев, будет отображаться в вашей веб-камере. Все снаружи будет скрыто.

Звучит сложно? Не волнуйтесь, это НАМНОГО проще, чем вы думаете. Мы покажем вам шаг за шагом, как создать и настроить маску камеры. Маски изображений — это суперпростой трюк, который должен освоить каждый стример. И у них есть особые преимущества:

• Они выглядят потрясающе и помогут вашему стриму выделиться из общей массы .Подавляющее большинство вещателей по-прежнему используют те же веб-камеры в коробках с соотношением сторон 16: 9 или 4: 3.
• Многие профессиональные наложения потоков — например, наши пакеты Spartan и Community — требуют масок изображений. Вам понадобится , чтобы знать основы маскирования. , чтобы использовать такие расширенные рамки веб-камеры.
• Они помогут вашему стриму работать быстрее ! Каждый раз, ограничивая область действия своей веб-камеры, вы экономите на пропускной способности сжатия. А это означает меньшее отставание и больше FPS.
• Маски помогают убрать часть «мертвого пространства» в традиционной рамке веб-камеры.Это гарантирует, что ваши зрители будут сосредоточены на вас , а не на стене позади вас.

Итак, , как найти маски изображений? Что ж, вы можете создать свою собственную или загрузить ее из нашего бесплатного пакета из 21 маски стримеров. Если вы являетесь стримером или дизайнером своими руками, ознакомьтесь со следующим разделом, чтобы узнать, как создавать собственные маски в Photoshop. Если нет, перейдите к следующему разделу, чтобы узнать, как настроить маску в OBS или Streamlabs.

Как сделать маску веб-камеры

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

1. Откройте новый проект в Photoshop. Если у вас нет Photoshop, вы можете скачать бесплатную 7-дневную пробную версию здесь.
2. Выберите холст . Вы используете камеру 16: 9 или 4: 3? Скорее всего, вы используете веб-камеру с соотношением сторон 16: 9 — и в этом случае вы захотите использовать размеры 1920 x 1080 пикселей. Если ваша камера 4: 3, выберите холст 1600 x 1200 пикселей.
3. Установите черный фон для заливки . По умолчанию любая часть вашей веб-камеры на этом черном фоновом слое будет отфильтрована (то есть сделана невидимой) вашей маской.
4. Создайте маску изображения . Добавьте новый слой переднего плана и установите белый цвет заливки. Эта белая область представляет собой часть вашей веб-камеры, которая будет видна зрителям. Сам слой может иметь любую форму; экспериментируйте с разными формами и границами, пока не найдете ту, которая вам нравится!
5. Экспортируйте маску. Когда вы будете готовы, мы рекомендуем сохранить в формате JPEG или PNG — на ваш выбор.

Просто помните — все будет отображаться белым цветом; все в черном будет скрыто. Белый, видимый. Черный, невидимый. Имеет смысл?

Теперь, когда у вас есть новая маска изображения, давайте приступим к ее настройке.

Базовая настройка маски веб-камеры

Настроить маску веб-камеры в Streamlabs или OBS очень просто. Фактически, процесс почти одинаков для обоих программ — за исключением нескольких небольших различий в пользовательском интерфейсе.

Мы начнем с Streamlabs, а затем покажем вам, что может быть по-другому в OBS Studio.

Настройка масок веб-камеры в Streamlabs (базовая)

Вот как выглядит установка Streamlabs OBS:

1. Добавьте источник веб-камеры , если вы еще этого не сделали. Перейдите на вкладку «Источники», нажмите значок «+», затем выберите «Устройство видеозахвата». Назовите его как-нибудь узнаваемым (например, «Веб-камера»), затем выберите камеру в раскрывающемся меню.
2. Добавить фильтр веб-камеры . На вкладке «Источники» щелкните правой кнопкой мыши новый источник веб-камеры. В меню выберите «Фильтры», затем нажмите «+» в следующем окне, чтобы добавить новый фильтр. По умолчанию для Типа фильтра должно быть установлено значение «Маска изображения / Переход», поэтому просто нажмите «Готово».
3. Добавьте маску веб-камеры. В следующем окне нажмите «Обзор» рядом с полем «Путь», затем перейдите к своей новой маске изображения, чтобы открыть ее. Если вы выбрали правильный размер холста в Photoshop, ваша маска должна хорошо ложиться на исходную веб-камеру.Нажмите «Готово».
4. Оптимизируйте расположение камеры. Теперь, когда маска наложена, вы сможете изменять размер и положение веб-камеры, не затрагивая маску изображения. При уменьшении масштаба всегда удерживайте клавишу CTRL и перетаскивайте внутрь от угла, чтобы веб-камера сохранила исходное соотношение сторон.

Вот и все! Вскоре мы покажем вам несколько расширенных советов и приемов, но сначала давайте рассмотрим OBS.

Настройка масок веб-камеры в OBS (базовая)

Маски веб-камер в OBS и StreamElements (OBS.Live) практически идентичны, с небольшими отличиями:

1. Добавьте источник веб-камеры , перейдя на вкладку «Источники» и щелкнув значок «+». В меню выберите «Устройство видеозахвата», затем назовите источник веб-камеры. В раскрывающемся меню устройства выберите камеру и нажмите ОК.
2. Добавьте фильтр веб-камеры , щелкнув правой кнопкой мыши новый источник камеры и выбрав «Фильтры» в меню. В следующем окне вы увидите, что OBS имеет два разных типа фильтров: «Звуковые фильтры» и «Фильтры эффектов».Нажмите кнопку «+» в разделе «Фильтры эффектов», выберите «Маска изображения / переход» и дайте вашему новому фильтру быстрое имя.
3. Добавьте маску веб-камеры , нажав кнопку «Обзор» рядом с полем «Путь». Перейдите к своей новой маске изображения и откройте ее. Маска должна автоматически отображаться поверх вашей веб-камеры. Если он не подходит, вернитесь в Photoshop и убедитесь, что вы используете правильные размеры изображения.
4. Оптимизируйте камеру , чтобы она соответствовала вашей уникальной структуре потока.Измените размер веб-камеры, удерживая клавишу CTRL и перетаскивая угол внутрь. При необходимости измените положение, щелкнув и перетащив. Ваша маска должна остаться неизменной, несмотря на трансформации.

И вот оно! Освоив эти шаги, вы сможете использовать большинство основных масок веб-камеры, в том числе 21 бесплатную маску, которую мы дадим вам позже!

Расширенная настройка маски веб-камеры

Для многих стримеров достаточно базового понимания масок веб-камеры.Однако, если вы используете профессиональные наложения потоков, такие как наши пакеты Kraken или Primatic, вам нужно пойти немного дальше. Подобные сложные конструкции масок требуют нескольких дополнительных шагов. Не волнуйтесь, установка займет всего несколько минут, и мы предоставим вам все необходимое.

Среди советов и приемов мы научим вас, как добавить рамку к маске веб-камеры. — одна из самых распространенных и важных задач для стримера. Мы также покажем вам, как создать сцену веб-камеры , в которой будут размещены все элементы вашей веб-камеры и применены их сразу к нескольким сценам.

Настройка масок веб-камеры в Streamlabs (Advanced)

И снова начнем с Streamlabs OBS:

1. Создайте новую сцену , нажав кнопку «+» на вкладке «Сцены». Мы рекомендуем назвать его «Сцена веб-камеры» или что-то подобное.
2. Выбрав сцену веб-камеры, добавьте источник камеры , нажав кнопку «+» на вкладке «Источники» и выбрав «Устройство захвата видео». Назовите его «Веб-камера», выберите свое устройство и нажмите «ОК».
3. Добавьте маску изображения , щелкнув правой кнопкой мыши новый источник веб-камеры, выбрав «Фильтры», затем выбрав «Маска изображения / переход». Нажмите «Обзор» рядом с полем пути, затем найдите и откройте маску веб-камеры. Затем щелкните раскрывающееся меню рядом с «Тип» — убедитесь, что выбрано «Альфа-маска (альфа-канал)». После этого закройте окно и вернитесь на панель управления Streamlabs.
4. Пока ваша сцена веб-камеры все еще выделена, добавьте кадр веб-камеры , создав новый источник.Выберите «Изображение» и назовите его «Рамка веб-камеры». Затем откройте файл кадра веб-камеры, который должен находиться в том же месте, что и ваша маска. Рамка вашей веб-камеры должна появиться в предварительном просмотре сцены.
5. Теперь вам нужно оптимизировать кадр веб-камеры , поскольку он изначально не умещается на весь размер вашего холста. Чтобы увеличить его, просто щелкните рамку правой кнопкой мыши, выберите «Преобразовать» и выберите «По размеру экрана». Теперь рамка вашей веб-камеры должна быть выровнена с камерой и маской. После этого все элементы вашей веб-камеры должны быть успешно объединены в одну сцену.
6. На этом этапе вы можете использовать сцену с веб-камерой в качестве источника для других сцен — например, вашего антракта или сцены игрового процесса. Для этого выберите целевую сцену на вкладке «Сцены», затем нажмите «+» на вкладке «Источники». В следующем окне выберите «Сцена», затем выберите новую «Сцену веб-камеры». Измените размер камеры (удерживая CTRL и перетащите из угла) и измените положение в соответствии с вашим уникальным макетом.

Теперь ваша камера, маска изображения и рамка веб-камеры могут быть использованы в любой сцене, которую вы хотите! Аккуратно, да?

Настройка масок веб-камеры в OBS (расширенный)

Для OBS Studio есть несколько небольших отличий, но в целом процесс очень похож:

1. Чтобы создать новую сцену , нажмите кнопку «+» на вкладке «Сцены».Назовите его «Сцена с веб-камеры», чтобы его было легко идентифицировать, затем не забудьте щелкнуть по нему, чтобы он был выбран.
2. Добавьте источник камеры , нажав кнопку «+» на вкладке «Источники». Выберите «Устройство видеозахвата» и назовите его «Веб-камера».
3. Теперь добавьте маску изображения . Щелкните правой кнопкой мыши источник веб-камеры и выберите «Фильтры» в раскрывающемся списке. В следующем окне нажмите кнопку «+» под вкладкой «Фильтры эффектов», затем выберите «Маска изображения / Переход». Нажмите «Обзор» рядом с полем «Путь», чтобы выбрать и открыть файл маски.Затем убедитесь, что в раскрывающемся списке «Тип» выбрано «Альфа-маска (альфа-канал)». Когда будете готовы, закройте окно и вернитесь на панель инструментов OBS.

4. В добавьте рамку для веб-камеры , убедитесь, что сцена веб-камеры все еще выбрана, затем нажмите «+» на вкладке «Источники» и выберите «Изображение». Теперь найдите и откройте файлы кадра веб-камеры, вероятно, в той же папке, что и ваша маска.
5. Измените настройку рамы веб-камеры , щелкнув ее правой кнопкой мыши, выбрав «Преобразовать» в раскрывающемся меню и нажав «По размеру экрана».Теперь все элементы вашей веб-камеры объединены в единую сцену.
6. Хотите добавить вашу новую веб-камеру к другим сценам ? Просто выберите сцену, в которую хотите ее добавить, затем нажмите «+» на вкладке «Источники». В раскрывающемся списке выберите «Сцена», затем выберите сцену веб-камеры. Отсюда вы можете уменьшать масштаб веб-камеры и перемещать ее по своему усмотрению.

Получите бесплатные маски и рамки для веб-камеры

Нужны маски веб-камеры для трансляции? Мы создали бесплатный набор масок, который включает:

• 21 маска для веб-камеры
• 21 рамка для веб-камеры

Каждый комплект включает ТОННУ уникальных форм и границ веб-камеры — и мы тоже принимаем запросы! Хотите увидеть новую фигуру в комплекте? Напишите нам, и мы добавим его!

В ваш комплект также входит 21 дополнительная рамка для веб-камеры, которую вы можете настроить в своих уникальных цветах.Чтобы добавить рамку и настроить цвет, выполните следующие действия:

1. Добавить источник кадра веб-камеры: Выберите сцену веб-камеры в Streamlabs или OBS. Нажмите «+» на вкладке «Источники», выберите «Изображение» и назовите его «Рамка веб-камеры». Нажмите «Обзор», затем найдите папку, в которой вы сохранили кадры веб-камеры.
2. Откройте кадр веб-камеры: Выберите кадр, соответствующий маске веб-камеры, которую вы используете. Например, если вы уже применили маску изображения «Шестиугольник» к своей веб-камере, выберите рамку «Шестиугольник».Это обеспечит правильное совмещение маски и рамки. Нажмите «Готово».
3. Добавьте фильтр коррекции цвета: Вернитесь на вкладку «Источники», щелкните правой кнопкой мыши новый источник кадра веб-камеры, затем выберите «Фильтры» в раскрывающемся списке. В следующем окне щелкните значок «+», затем выберите «Коррекция цвета» в меню «Тип фильтра».
4. Измените цвет рамки: В этом новом окне найдите ползунок «Сдвиг оттенка». Перемещайте селектор вверх и вниз, пока не найдете нужный цвет.Вы можете пока игнорировать другие параметры ползунка. Когда будете готовы, нажмите «Готово».

Довольно просто, да? Продолжайте экспериментировать, пока не найдете идеальную комбинацию маски и рамки для вашего стрима.

Завершение

Добавление масок веб-камеры — забавный и простой способ выделить ваш поток. Теперь, когда вы освоили основы, а также несколько продвинутых советов и приемов, вы готовы перейти на новый уровень.

Мы ожидаем, что в ближайшие годы маски для веб-камеры будут становиться все более популярными.Вещательные компании становятся более креативными, экспериментируя с новыми, нестандартными схемами потоковой передачи. Тем временем поставщики графики (такие как мы) включают в свои проекты более уникальные возможности веб-камер. Вскоре десятки — если не сотни — тысяч создателей будут использовать маски в прямом эфире.

К счастью, прочитав это, вы получите преимущество в соревнованиях.