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

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

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


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

Исходное изображение.  Изображение лицензировано от iStockphoto фотошопом Essentials.com.

Исходное изображение.

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

Кисти фотошоп эффект фото границы.

Один из многих возможных дизайнов фото границы.

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

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

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

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

Панель «Слои» в Photoshop, отображающая изображение на фоновом слое.

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

Новый слой с помощью команды «Копировать» в Photoshop.

Перейдите в «Слой»> «Новый»> «Слой через Копирование» или нажмите Ctrl + J (Победа) / Command + J (Mac).

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

Панель «Слои» в Photoshop показывает копию фонового слоя.

Photoshop помещает копию над фоновым слоем и называет его «Слой 1».

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


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

Команда «Размер холста» в Photoshop.

Перейдите в Изображение> Размер холста.

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

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

Диалоговое окно «Размер холста» в Photoshop.

Добавьте дополнительное пространство вокруг фотографии с помощью диалогового окна «Размер холста».

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

Добавлено дополнительное пространство для холста в Photoshop.

Дополнительное пространство холста было добавлено и заполнено черным.

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

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

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

Добавьте новый пустой слой, щелкнув значок «Новый слой» на панели «Слои».

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

Новый пустой слой был добавлен на панель «Слои».

Добавьте новый пустой слой, щелкнув значок «Новый слой» на панели «Слои».

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


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

Нажав на эскиз предварительного просмотра слоя на панели «Слои».

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

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

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

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

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

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

Панель «Пути» в Photoshop.

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

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

Преобразование выделения в путь в Photoshop.

Нажмите на значок «Создать рабочий путь из выделения», чтобы преобразовать выбор в путь.

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

Временный рабочий путь отображается на панели «Пути».

Контуры на панели «Контуры» очень похожи на слои на панели «Слои».

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

Схема выбора была преобразована в путь.

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

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


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

Выбор инструмента «Кисть» в Photoshop.

Выберите инструмент Brush Tool.

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

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

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

Образец цвета переднего плана на панели «Инструменты» в Photoshop.

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

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


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

Значок переключения панели «Кисти» в Photoshop.

Откройте и закройте панель «Кисти» с помощью переключателя на панели параметров.

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

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

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

Панель

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

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


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

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

Путь обводки со значком кисти на панели «Контуры» в Photoshop.

Щелкните значок «Путь обводки кистью» на панели «Контуры».

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

Поглаживая путь первой кистью.

Результат с первой кистью.

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

Выбор другой кисти на панели «Кисти» в Photoshop.

Попытка еще раз с другой кистью.

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

Другая граница фото, созданная кистью в Photoshop.

Другая кисть дает нам совершенно другой результат.

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

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

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

Значок меню панели «Кисти» в Photoshop CS4.

Нажмите на значок меню в правом верхнем углу панели «Кисти».

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

Загрузка набора кистей для сухих сред в Photoshop.

Выберите другой набор кистей из списка.

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

Добавление нового набора кистей в конец текущего загруженного набора кистей.

Выберите опцию «Добавить», чтобы добавить новые кисти вместе с существующими.

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

Выбор кисти из набора «Кисти для сухих сред» в Photoshop.

Кисть Heavy Smear Wax Crayon выглядит так, как будто она создаст хорошую рамку для фотографий.

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

Рамка для фотографий, созданная с помощью кисти «Восковой жирный мазок» в Photoshop.

Третий фоторамка создается просто путем выбора другой кисти.

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

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


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

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

Инструмент Ластик в Фотошопе.

Выберите инструмент «Ластик».

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

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

Выбор кисти для использования с Eraser Tool.

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

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

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

Обводка контура с помощью инструмента «Ластик», чтобы добавить больше интереса к рамке фотографии.

Поглаживание пути с помощью инструмента «Ластик» стерло часть существующей границы вдоль пути.

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

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

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

Выбор стиля наложения цветов в Photoshop.

Вернитесь на панель «Слои», щелкните значок «Стили слоев» и выберите «Цветовое наложение».

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

Изменение цвета стиля слоя Color Overlay.

Нажмите на образец цвета, чтобы изменить цвет границы фотографии.

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

Палитра цветов в фотошопе.

Диалоговое окно выбора цвета в Photoshop.

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

Выборка цвета из фотографии.

Нажмите на цвет на фотографии, чтобы попробовать его и использовать в качестве цвета рамки.

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

Кисти фотошоп эффект фото границы.

Окончательный эффект фото границы.

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



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

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

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

Ваш e-mail не будет опубликован.