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

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

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

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

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

Как создать фото рамки с кистями в фотошопе

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

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

Чтобы сделать копию этого слоя, перейдите в меню « Слой» в верхней части экрана, выберите « Новый» , а затем выберите « Слой через Копирование» . Или, для более быстрого способа, используйте сочетание клавиш Ctrl + J (Win) / Command + J (Mac):

Если мы снова посмотрим на панель «Слои», теперь вы должны увидеть два слоя — исходный фоновый слой внизу и копию слоя, который Photoshop автоматически назвал «Слой 1», расположенный над ним:

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

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

Это вызывает диалоговое окно Photoshop’s Canvas Size. Я собираюсь добавить полдюйма пространства холста вокруг моей фотографии, введя значение 0,5 дюйма для параметров Ширина и Высота . Убедитесь, что ваш тип измерения установлен в дюймах, а не в пикселях или каком-либо другом типе. Кроме того, убедитесь, что параметр Относительный ниже параметров Ширина и Высота отмечен.

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

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

Шаг 3: добавьте новый пустой слой выше «слоя 1»

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

Похоже, что ничего не произошло в окне документа, поскольку новый слой пуст, но мы можем видеть на панели «Слои», что новый слой был добавлен над «Слоем 1», который Photoshop предсказуемо назвал «Слой 2»:

Шаг 4: добавляем схему выделения вокруг исходного изображения

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

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

Шаг 5: преобразовать схему выбора в путь

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

Теперь, когда открыта панель «Пути», щелкните значок « Создать рабочий путь из выделения» в нижней части панели «Пути» (третий значок справа):

На панели «Пути» появится новый путь с именем «Рабочий путь». Термин «Рабочий путь» просто означает, что путь является временным. Мы могли бы сделать путь постоянным, если бы захотели, перетащив его вниз на значок « Новый путь» в нижней части панели «Пути» (значок непосредственно слева от корзины), но для этого не нужно делать это. мы создаем:

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

Шаг 6: выбери инструмент Brush Tool

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

Шаг 7: установите цвет переднего плана на белый

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

Самый простой способ установить цвет переднего плана на белый — сначала нажать клавишу D на клавиатуре. Это сбрасывает ваши цвета переднего плана и фона на их значения по умолчанию, с черным в качестве цвета переднего плана и белым в качестве цвета фона. Затем, чтобы поменять их местами так, чтобы белый цвет стал основным цветом, нажмите клавишу X на клавиатуре. Образцы цветов переднего плана и фона вы найдете в нижней части панели «Инструменты». Образец в левом верхнем углу (цвет переднего плана) теперь должен быть белым:

Шаг 8: открой панель кистей

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

Шаг 9: выбери набор кистей

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

Не всегда легко определить, как будет выглядеть кисть, просто по ее маленькому значку, но когда вы видите, что кисть выглядит так, как будто она может быть интересной, щелкните по ней, чтобы выбрать ее, и вы увидите предварительный просмотр внизу панель, которая дает вам гораздо лучшее представление о том, как будет выглядеть мазок кисти. Например, здесь я нажал на кисть Dry Brush 39 px, и, судя по предварительному просмотру внизу панели, он может создать интересную рамку для фотографии:

Шаг 10: обведи путь кистью

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

Чтобы обвести контур кистью, убедитесь, что рабочий контур выделен и выделен синим цветом на панели «Пути», поскольку этот путь должен быть активным, иначе значки в нижней части панели будут выделены серым цветом и недоступен. Затем щелкните значок « Обводка контура кистью» в нижней части панели «Контуры» (второй значок слева):

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

Неплохо, но давайте посмотрим, что еще мы можем придумать. Большая часть процесса создания рамок для фотографий с помощью кистей включает в себя эксперименты, поэтому, если вы недовольны результатом и хотите попробовать еще раз, просто нажмите Ctrl + Z (Win) / Command + Z (Mac), чтобы отменить мазок кисти, затем снова откройте панель «Кисти», щелкнув значок переключателя на панели параметров или нажав клавишу F5 на клавиатуре. На этот раз я попробую кисть Rough Round Bristle 100 px, щелкнув по ней, чтобы выбрать ее:

Чтобы повторить попытку с новой кистью, сначала щелкните «Рабочий путь» на панели «Контуры», чтобы выбрать его и сделать его активным. Затем нажмите еще раз на иконку Stroke Path With Brush . Щелкните в любом месте пустой серой области под рабочим путем на панели «Пути», чтобы временно скрыть путь из окна просмотра, а затем оцените результаты в окне документа. На этот раз я получаю совершенно другой вид границы фотографии:

Если вы обнаружите, что мазок кисти слишком толстый или слишком узкий, отмените мазок кисти с помощью Ctrl + Z (Победа) / Command + Z (Mac), а затем измените размер кисти с помощью клавиш левой и правой скобок на клавиатура. Нажмите клавишу левой скобки ([) несколько раз, чтобы уменьшить размер кисти, или клавишу правой скобки (]), чтобы увеличить ее, затем щелкните значок «Путь штрихом с кистью», чтобы повторить попытку. Помните, что вам нужно сначала щелкнуть рабочий путь на панели «Пути», чтобы активировать путь, прежде чем нажимать на значок.

Шаг 11: загрузи дополнительные наборы кистей для большего разнообразия

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

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

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

Новые кисти появятся ниже оригинальных на панели «Кисти». Возможно, вам придется прокрутить список вниз, чтобы просмотреть их. Выберите любую из недавно добавленных кистей, нажав на их значки. Предварительный просмотр мазка кисти появляется в нижней части панели, как и в случае с оригинальными кистями. Я собираюсь щелкнуть кистью Heavy Smear Wax Crayon 20 px из набора кистей Dry Media, чтобы выбрать ее:

Еще раз, я нажму на иконку Stroke Path With Brush в нижней части панели Paths, и вот мой результат границы фотографии:

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

Шаг 12: выбери инструмент ластика

Одним из наиболее интересных аспектов кистей Photoshop является то, что они работают с любым инструментом кисти, а не только с официальным инструментом Brush Tool. Например, вы можете не думать о Eraser Tool как о кисти, но это так, и все кисти, которые мы использовали с Brush Tool, можно использовать с Eraser Tool. Единственное отличие состоит в том, что вместо рисования нового мазка кистью можно использовать инструмент «Ластик», чтобы стереть часть существующего мазка, добавив еще больший творческий потенциал к границам ваших фотографий!

Я собираюсь оставить свою текущую границу фотографии на месте, и я выберу инструмент Eraser Tool на панели инструментов. Вы также можете выбрать его, нажав букву E на клавиатуре:

Шаг 13: обведи путь с помощью инструмента «Ластик», чтобы стереть часть границы

Выбрав Eraser Tool, вы теперь можете выбрать любую из кистей на панели «Кисти», как мы это делали с Brush Tool. Например, я выберу ту же кисть, которую я выбрал изначально, кисть Dry Brush 39 px. Однако на этот раз я буду использовать его с инструментом «Ластик», а не с инструментом «Кисть», что означает, что я буду использовать его для удаления части моей существующей границы фотографии:

Шаг 14: обведи путь с помощью инструмента «Ластик», чтобы стереть часть границы

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

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

Шаг 15: добавь стиль наложения цвета на слой 2

Чтобы изменить цвет рамки фотографии на что-то отличное от белого, сначала вернитесь на панель «Слои». Убедитесь, что «Слой 2» выбран и выделен синим цветом, затем щелкните значок « Стили слоев» в нижней части панели «Слои» и выберите « Цветовое наложение» в появившемся списке:

Откроется диалоговое окно «Стиль слоя» в Photoshop с настройками «Цветовое наложение» в центральном столбце. Чтобы изменить цвет, нажмите на образец цвета :

Это вызывает Photoshop ‘ Color Picker :

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

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