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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Поделитесь в соц.сетях:

Оцените статью: (Пока оценок нет) Загрузка...

Читайте также:

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