Эффект границы фото в блеклых пикселях в фотошопе

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

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

Я буду использовать Photoshop CS5 для этого урока, но любая последняя версия Photoshop будет работать.

Вот исходное изображение, с которого я начну:

Как создать границу фото с блеклыми пикселями

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

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

Чтобы быстро дублировать слой, нажмите клавиши Ctrl + J (Победа) / Command + J (Mac) на клавиатуре. Photoshop делает копию слоя, называет копию «Layer 1» и размещает ее над оригиналом:

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

Выберите фоновый слой , щелкнув по нему на панели «Слои»:

Выбрав фоновый слой, щелкните значок « Новый заливочный или корректирующий слой» в нижней части панели «Слои»:

Выберите слой заливки сплошного цвета в верхней части списка, который появляется:

Мы собираемся использовать этот слой заливки сплошным цветом в качестве фона для нашего эффекта. Фотошоп откроет палитру цветов, чтобы мы могли выбрать нужный цвет. Выберите белый на данный момент, либо щелкнув по белому в верхнем левом углу поля выбора цвета слева, либо введя 255 для значений R , G и B рядом с нижним центром диалогового окна. В конце урока мы узнаем, как легко изменить цвет фона, но пока подойдет белый:

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

Шаг 3: добавь заполненную черным слоем маску к слою 1

Нажмите на слой 1 на панели слоев, чтобы выбрать его:

Выбрав «Слой 1», нажмите и удерживайте клавишу « Alt» (Win) / « Option» (Mac) на клавиатуре и щелкните значок « Маска слоя» в нижней части панели «Слои»:

Это добавляет маску слоя к слою 1, и поскольку мы удерживали клавишу Alt (Win) / Option (Mac), когда щелкали по значку маски слоя, Photoshop заполнил маску слоя черным, что полностью скрывает фотографию на слое. с точки зрения. Мы видим миниатюрную маску слоя с черным цветом на Слое 1 на панели «Слои»:

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

Шаг 4: дублируй слой 1 три раза

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

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

Выберите инструмент « Кисть» в Photoshop на панели «Инструменты»:

Шаг 6: загрузи набор квадратных кистей

Мы собираемся использовать одну из кистей Photoshop для создания нашего пиксельного эффекта, но нужная нам кисть не загружена для нас по умолчанию, поэтому сначала нам нужно загрузить ее вручную. Выбрав Brush Tool, щелкните правой кнопкой мыши (Win) / Control-click (Mac) в любом месте документа, чтобы быстро открыть Brush Picker , затем щелкните значок маленькой стрелки в верхнем правом углу:

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

Фотошоп спросит, хотите ли вы заменить оригинальные кисти новыми. Нажмите « Добавить», чтобы сохранить оригиналы и просто добавить новые кисти после них:

С новыми загруженными кистями прокручивайте миниатюры кистей в Brush Picker, пока не дойдете до квадратных кистей (которые должны быть в самом низу списка). Дважды щелкните квадратную кисть размером 24 пикселя, чтобы выбрать ее и закрыть из Brush Picker:

Шаг 7: установите размер дрожания кисти на 100%

Нажмите клавишу F5 на клавиатуре, чтобы быстро открыть основную панель « Кисти» в Photoshop , затем щелкните непосредственно слова « Динамика формы» в левой части панели. Убедитесь, что вы нажимаете на сами слова, а не только на флажок слева от слов:

Увеличьте параметр « Размер джиттера» до 100% , чтобы при рисовании кистью создавались квадраты произвольного размера. Убедитесь, что для параметра « Минимальный диаметр» установлено значение 0% , а для параметров « Угловой джиттер» и « Скругление джиттера» также установлено значение 0% :

Шаг 8: добавь рассеяние к кисти

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

Увеличьте значение Scatter примерно до 700% или около того, чтобы квадраты разбрасывались при рисовании. Выберите Both Axes вариант, щелкнув внутри его флажком, то убедитесь , что граф параметр установлен в 1 и Count Jitter установлен на 0% . Когда вы закончите, снова нажмите F5 на клавиатуре, чтобы закрыть панель «Кисти»:

Шаг 9: выбери маску верхнего слоя

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

Шаг 10: закрасьте основные области фотографии

Убедитесь, что значение непрозрачности для верхнего слоя установлено на 100% , что должно быть по умолчанию:

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

С квадратной кистью в руке, непрозрачность слоя установлена ​​на 100%, а цвет переднего плана — белый, начинайте рисовать только над основными, важными областями вашей фотографии. Конечно, поскольку на данный момент все, что мы можем видеть, это сплошной белый фон, вам нужно сделать «наилучшее предположение» относительно того, где находятся эти важные области. Если в первый раз вы ошиблись, просто нажмите Ctrl + Z (Победа) / Command + Z (Mac), чтобы отменить мазок кисти, затем повторите попытку.

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

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

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

Шаг 11: выбери маску слоя на следующем слое

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

Шаг 12: понизь непрозрачность слоя до 70%

Опустите Opacity значение для этого слоя примерно до 70% :

Шаг 13: Нарисуйте вокруг начальной области, чтобы показать больше фото

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

Шаг 14: выбери маску следующего слоя

Нажмите на миниатюру маски для третьего слоя сверху:

Шаг 15: понизь непрозрачность слоя до 35%

Опустите непрозрачность для этого третьего слоя примерно до 35% :

Шаг 16: Нарисуй, чтобы показать больше фото

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

Шаг 17: выбери маску следующего слоя

Наконец, нажмите на оригинальную миниатюру слоя 1, чтобы выбрать ее:

Шаг 18: понизь непрозрачность слоя до 10%

Уменьшите непрозрачность слоя 1 до 10% или около того:

Шаг 19: Нарисуйте в оставшихся областях фотографии

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

Шаг 20: измени цвет фона (необязательно)

На данный момент, эффект будет завершен, но если вы хотите изменить цвет фона на что — то другое , кроме белого, просто дважды щелкните на образце цвета для Solid Color Fill слоя в палитре слоев:

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

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