В этом уроке по эффектам Photoshop мы собираемся объединить несколько различных эффектов. Сначала мы дадим фотографию, которую легко создать нарисованными краями , а затем сделаем так, как если бы она была напечатана на холсте . Мы будем загружать и использовать пару кистей Photoshop для эффекта закрашенных краев, добавим маску слоя для рисования и, наконец, используем фильтр Texturizer для эффекта canvas. Когда мы закончим, мы увидим, как мы можем использовать наш файл Photoshop в качестве шаблона, чтобы быстро и легко придать другим фотографиям точно такой же вид!
Эта версия учебника предназначена для Photoshop CS5 и более ранних версий. Для Photoshop CS6 и CC (Creative Cloud), ознакомьтесь с нашей полностью обновленной версией .
Вот исходное изображение, которое я буду использовать для этого урока:
А вот эффект «нарисованные края на холсте», для которого мы собираемся:
Этот урок из нашей серии фотоэффектов . Давайте начнем!
Содержание
- 1 Шаг 1: Добавить новый слой
- 2 Шаг 2: залейте новый слой белым
- 3 Шаг 3: Загрузи набор кистей «Толстые тяжелые кисти»
- 4 Шаг 4: выбери «плоскую щетину» 111-пиксельная кисть
- 5 Шаг 5: добавь маску слоя к слою «Белый фон»
- 6 Шаг 6: Начни рисовать из стороны в сторону на маске слоя
- 7 Шаг 7: выберите 111-пиксельную кисть «Rough Flat Bristle»
- 8 Шаг 8: Нарисуй маленькие штрихи по краям, чтобы усилить эффект
- 9 Шаг 9: добавь новый слой выше слоя с белым фоном
- 10 Шаг 10: заполните слой «Canvas» белым
- 11 Шаг 11: примени текстуру холста к слою с фильтром текстуризатора
- 12 Шаг 12: измени режим смешивания слоя «Canvas» на «Multiply»
- 13 Шаг 13: понизь непрозрачность слоя «Canvas»
- 14 Шаг 1: выберите фоновый слой в файле Photoshop «Рисованные края»
- 15 Шаг 2: выберите инструмент Move
- 16 Шаг 3: перетащите новую фотографию в документ с эффектом закрашенных краев
Шаг 1: Добавить новый слой
Когда моя фотография открыта в Photoshop, моя панель «Слои» показывает мне, что у меня есть один слой — фоновый слой, который Photoshop добавляет по умолчанию и содержит мое исходное изображение:
Первое, что я хочу сделать для этого эффекта, это добавить новый пустой слой над моим фоновым слоем, поэтому я щелкну значок « Новый слой» в нижней части панели «Слои»:
Это дает мне новый слой над фоновым слоем, который Photoshop автоматически называет «Слой 1»:
Я собираюсь дважды щелкнуть непосредственно по названию слоя и переименовать его из «Слоя 1» в нечто более описательное, например «белый фон», так как на следующем шаге мы будем заполнять его белым, и он будет в конце концов кажется, что это фон, на котором сидит фотография:
Шаг 2: залейте новый слой белым
Далее, потому что я хочу, чтобы моя фотография выглядела так, как будто она нарисована на белом фоне, мне нужно заполнить этот новый слой белым. Я мог бы использовать команду Photoshop Fill для этого, но есть еще более простой способ. Сначала нажмите букву D на клавиатуре, чтобы сбросить цвета переднего плана и фона по умолчанию на черный и белый соответственно, если они еще не установлены. Вы увидите, что они переключаются обратно в черно-белое в палитре инструментов Photoshop:
Теперь, когда в качестве цвета фона выбран белый, а слой «белый фон» выбран на панели «Слои», используйте сочетание клавиш Ctrl + Backspace (Win) / Command + Delete (Mac), чтобы залить слой белым цветом. Изображение теперь будет временно скрыто от сплошного белого слоя над ним:
Шаг 3: Загрузи набор кистей «Толстые тяжелые кисти»
Чтобы создать эффект закрашенных краев, нам нужна пара кистей Photoshop, которые устанавливаются вместе с Photoshop, но не загружаются по умолчанию, поэтому нам нужно загрузить их самим, что очень легко сделать. Сначала выберите инструмент «Кисть», выбрав его из палитры «Инструменты» или нажав клавишу B на клавиатуре:
Выбрав инструмент «Кисть», щелкните правой кнопкой мыши (Win) или « Command» (Mac) в любом месте окна документа, чтобы открыть диалоговое окно «Параметры инструмента кисти», а затем нажмите небольшую стрелку вправо в верхнем правом углу окна. Это:
Затем выберите набор кистей « Толстые тяжелые кисти» из появившегося списка:
Появится диалоговое окно с вопросом, хотите ли вы заменить текущий набор кистей новым. Выберите « Добавить», а не «ОК», чтобы новый набор кистей добавлялся с кистями по умолчанию и не заменял их полностью:
Шаг 4: выбери «плоскую щетину» 111-пиксельная кисть
С загруженным набором кистей «Толстые тяжелые кисти» прокрутите список доступных кистей, пока не дойдете до нижней части списка, и там вы найдете кисть с плоской щетиной 111 пикселей . Если в настройках Photoshop настроено отображение подсказок, имя кисти появится, когда вы наведете указатель мыши на кисть:
Вы найдете две 111-пиксельные кисти внизу внизу. То, что нам нужно в первую очередь, это то, что сверху, но мы также будем использовать то, что ниже, через несколько минут. Теперь, когда наша кисть загружена и выбрана, пришло время приступить к созданию эффекта закрашенных краев. Сначала нам понадобится маска слоя, и мы добавим ее дальше.
Шаг 5: добавь маску слоя к слою «Белый фон»
Мы собираемся начать рисовать с помощью кисти, чтобы создать эффект нарисованных краев, но мы не собираемся рисовать непосредственно на самом изображении. Мы собираемся нарисовать маску слоя, и прежде чем мы сможем нарисовать ее, нам нужно ее создать, так что давайте сделаем это. Убедитесь, что слой «белый фон» выбран на панели «Слои», затем щелкните значок « Добавить маску слоя» в нижней части палитры:
Это добавит маску слоя к слою «белый фон». Вы можете увидеть его на панели «Слои» прямо справа от области предварительного просмотра миниатюр слоя:
Используя нашу 111-пиксельную кисть Flat Bristle, которую мы уже выбрали, и с черным, уже установленным в качестве цвета переднего плана, когда мы сбрасываем цвета переднего плана и фона на их значения по умолчанию минуту назад, мы будем рисовать на этом черном маска слоя, и когда мы рисуем, фотография на фоновом слое начнет вновь появляться через этот сплошной белый слой.
Это интересно: Интерфейс Photoshop CS4 Quick Tour
Шаг 6: Начни рисовать из стороны в сторону на маске слоя
Убедитесь, что выбрана маска слоя, а не сам слой. Вы можете видеть рамку выделения вокруг миниатюры маски слоя на скриншоте выше, что означает, что она выбрана. Нажмите на него, чтобы выбрать его, если он не выбран по какой-либо причине. Затем, с выбранной маской, начните рисовать мазки слева направо внутри окна документа. Поскольку мы закрашиваем маску слоя черным, все области, которые мы закрашиваем, становятся прозрачными, показывая слой ниже, который в данном случае является фоновым слоем, содержащим нашу фотографию. Вы можете видеть, как эффект нарисованных краев начинает обретать форму при рисовании кистью:
Кисть «Плоская щетина», которую мы используем, делает хорошую работу, давая нам окрашенный вид и ощущение не только по краям, но и внутри области, которую мы рисуем, поскольку она оставляет случайные белые промежутки в мазке кисти, которые добавляют иллюзия, что мы действительно рисуем эту фотографию сухой кистью.
На панели «Слои» видно, что области, которые мы рисуем в окне документа, отображаются черным цветом в области предварительного просмотра миниатюр маски слоя:
Продолжайте рисовать кистью, пока не будете довольны тем, как она выглядит. Если вы рисуете обводку и она вам не подходит, просто отмените ее с помощью Ctrl + Z (Победа) / Command + Z (Mac), а затем перекрасьте обводку. Вот мой результат:
Мы собираемся переключиться на другую 111-пиксельную кисть, которую мы загрузили, и затем подправить края.
Шаг 7: выберите 111-пиксельную кисть «Rough Flat Bristle»
Сейчас мы собираемся поменять кисти и подправить края, чтобы улучшить нарисованный вид. Еще раз, щелкните правой кнопкой мыши (Win) / Command-click (Mac) в любом месте изображения, чтобы открыть диалоговое окно параметров кисти, прокрутите вниз до нижней части списка доступных кистей, и на этот раз нажмите 111 -пиксельная щетка прямо под той, которую мы только что использовали, кисть Rough Flat Bristle :
Шаг 8: Нарисуй маленькие штрихи по краям, чтобы усилить эффект
Выбрав новую кисть и убедившись, что на панели «Слои» по-прежнему выбрана маска слоя, а не сам слой, обведите края и нарисуйте маленькие штрихи, чтобы добавить некоторые пятнышки и брызги краски, усиливая эффект. Хитрость заключается в том, чтобы держать большую часть кисти внутри уже окрашенной области, так что лишь небольшой процент ее выходит за края. Вы не хотите переусердствовать здесь. Разрешить только небольшую часть кисти, чтобы распространиться в белой области и рисовать очень короткими мазками. Даже простого нажатия на область кистью может быть достаточно. Опять же, если вы чувствуете, что допустили ошибку, нажмите Ctrl + Z (Победа) / Command + Z (Mac), чтобы отменить и попробуйте снова. Там нет никакого давления, чтобы сделать это правильно с первого раза, поэтому не стесняйтесь экспериментировать:
Наш эффект крашеных краев завершен! Вы можете остановиться здесь, если хотите, но я собираюсь пойти дальше и сделать так, чтобы фотография была напечатана на холсте, и мы собираемся сделать это так, чтобы мы могли повторно использовать этот Photoshop файл в качестве шаблона для других фотографий без повторных шагов. Мы сделаем это дальше.
Шаг 9: добавь новый слой выше слоя с белым фоном
С выбранным слоем «белый фон» (здесь не имеет значения, выбран ли слой или маска слоя, подойдет любой из них), добавьте новый слой. На этот раз давайте воспользуемся сочетанием клавиш Shift + Ctrl + N (Победа) / Shift + Command + N (Mac), которое откроет диалоговое окно Photoshop « Новый слой »:
Внутри диалогового окна переименуйте новый слой, который мы создаем, в «Холст», как я обведен красным выше. Больше ничего не нужно менять, затем нажмите OK, и Photoshop добавит новый слой над слоем «белый фон» и назовет его «Холст»:
Мы назвали его «Холст», потому что этот слой будет содержать наш эффект холста, как мы увидим ниже.
Шаг 10: заполните слой «Canvas» белым
Как и в случае со слоем «белый фон», используйте сочетание клавиш Ctrl + Backspace (Win) / Command + Delete (Mac), чтобы залить этот слой белым, поскольку белый цвет по-прежнему остается нашим фоновым цветом:
Наше изображение снова скрыто от глаз, но пока это нормально.
Шаг 11: примени текстуру холста к слою с фильтром текстуризатора
Теперь мы собираемся применить текстуру холста к этому слою. Перейдите в меню «Фильтр» в верхней части экрана, выберите « Текстура» , а затем выберите « Текстуризатор» , который откроет диалоговое окно массивной галереи фильтров, показывающее нам варианты фильтра «Текстуризатор» в правом нижнем углу:
Я обвел варианты, которые нас интересуют, красным цветом выше. Убедитесь, что для текстуры выбрано Canvas , для Scaling установлено значение 100% , для параметра Relief установлено значение 4 , а для направления Light установлено значение Top . Нажмите кнопку ОК, и Photoshop применит текстуру к слою «Холст»:
Мы можем видеть текстуру холста, но не можем видеть наше изображение. Мы собираемся исправить это дальше.
Шаг 12: измени режим смешивания слоя «Canvas» на «Multiply»
Мы почти закончили. Еще пара быстрых шагов. Чтобы увидеть наше изображение через текстуру холста, мы собираемся изменить режим наложения слоя «Холст». Перейдите к параметрам режима наложения в верхней части панели «Слои», нажмите стрелку, указывающую вниз, справа от слова «Нормальный», и выберите « Умножить» из списка:
Как только мы это сделаем, наше изображение станет видимым за текстурой:
Шаг 13: понизь непрозрачность слоя «Canvas»
Эффект текстуры слишком интенсивный, поэтому давайте уменьшим его, и мы можем сделать это, уменьшив значение непрозрачности слоя. Поднимитесь к значению «Непрозрачность» в верхнем правом углу панели «Слои», щелкните мышью непосредственно по слову «Непрозрачность», чтобы вызвать «ползунки» в Photoshop, а затем перетащите мышь влево, чтобы уменьшить непрозрачность. Я собираюсь немного опустить шахту, до 30% :
Итак, вот мой окончательный результат с эффектом закрашенных краев и текстурой холста, уменьшенной до значения непрозрачности 30%:
Эффект завершен. Сохраните ваш файл Photoshop .PSD на этом этапе , поскольку теперь мы можем использовать его в качестве шаблона, чтобы быстро добавить этот же эффект к другим фотографиям, как мы увидим в последнем разделе этого урока.
Эффект «Окрашенные края на холсте» завершен, а документ Photoshop .PSD сохранен. Так что, если у нас есть еще одна фотография, к которой мы хотим применить этот же эффект? Должны ли мы пройти через все эти шаги снова? Нет, мы уверены, что нет.
Давайте посмотрим на то, что мы имеем на нашей панели Layers, теперь, когда мы прошли все шаги для создания эффекта:
Всего у нас три слоя. Во-первых, внизу находится наш оригинальный фоновый слой с фотографией. Над ним находится слой «белый фон», содержащий эффект крашеных краев. Наконец, наверху наш слой текстуры холста. Теперь предположим, что у меня есть другая фотография, с которой я хочу использовать этот эффект. Я буду использовать эту фотографию ниже:
Я хочу применить тот же эффект к этой фотографии, не повторяя ни одного шага. Как мне это сделать? Легко.
Шаг 1: выберите фоновый слой в файле Photoshop «Рисованные края»
Возвращаясь к моему PSD-файлу «Окрашенные края на холсте», я нажму на свой фоновый слой на панели «Слои», чтобы выбрать его:
Шаг 2: выберите инструмент Move
Возьмите инструмент Move из палитры Tools или нажмите букву M :
Шаг 3: перетащите новую фотографию в документ с эффектом закрашенных краев
Выбрав инструмент «Перемещение» и выделив фоновый слой на панели «Рисованные края», щелкните в любом месте окна документа новой фотографии и перетащите его в окно документа с эффектом «Рисованные края»:
Удерживайте нажатой клавишу « Shift» перед отпусканием мыши после перетаскивания нового изображения в документ эффектов, и это автоматически отцентрирует его в документе.
Давайте теперь посмотрим на панель «Слои» документа «Рисованные края на холсте», которую я перетащил на свою новую фотографию:
Поскольку здесь я выбрал фоновый слой перед перетаскиванием новой фотографии в документ, Photoshop автоматически поместил новую фотографию на новый слой непосредственно над фоновым слоем, эффективно блокируя исходную фотографию из вида, сохраняя два слоя эффектов над ним, чтобы они остаются видимыми, и новая фотография теперь заменила оригинальную фотографию в эффекте, без необходимости повторять какие-либо шаги:
Прекрасно работает и с портретными снимками:
И там у нас это есть! Вот так можно создать нарисованные края фото рамки с фотошопом! Посетите наш раздел « Фотоэффекты », чтобы узнать больше об эффектах Photoshop!