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

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

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


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

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

Оригинальное фото.  Изображение получено по лицензии iStockphoto от Photoshop Essentials.

Оригинальное фото.

И вот как это будет выглядеть, когда мы закончим:

Фотошоп пиксельный фотоэффект.

Конечный результат.

Содержание

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

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

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

Фоновый слой на панели «Слои» в Photoshop.

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

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

Копия фонового слоя появится над оригиналом на панели «Слои».

Копия фотографии появляется на «Слой 1».

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


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

Выбор фонового слоя на панели «Слои» в Photoshop.

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

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

Значок «Новый заливочный или корректирующий слой» на панели «Слои» в Photoshop.

Нажав на значок «Новый заливочный слой» или «Корректирующий слой».

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

Выбор сплошного цвета заливки слоя в Photoshop.

Выбрав «Сплошной цвет» из списка.

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

Выбор белого из палитры цветов в фотошопе.

Выберите белый из палитры цветов.

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

Слой заливки «Сплошной цвет» появится на панели «Слои».

Photoshop помещает слой заливки «Сплошной цвет» между двумя слоями изображения.

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

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

Выбор слоя 1 на панели «Слои».

Выберите слой 1.

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

Значок «Маска слоя» на панели «Слои» в Photoshop.

Удерживая нажатой клавишу «Alt» (Победа) / «Option» (Mac), щелкните значок «Маска слоя».

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

Черное заполненное изображение маски слоя появляется на Слой 1.

Миниатюра маски слоя, заполненная черным цветом, появляется на слое 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 , затем щелкните значок маленькой стрелки в верхнем правом углу:

Photoshop Brush Picker.

Нажмите на маленький значок стрелки.

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

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

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

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

Добавление новых кистей с оригиналами в Photoshop.

Нажмите «Добавить», добавьте новые кисти, не удаляя оригиналы.

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

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

Дважды щелкните миниатюру для квадратной кисти размером 24 пикселя.

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

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

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

Нажмите непосредственно на слова «Динамика формы» на панели «Кисти».

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

Параметры «Динамика фигуры» на панели «Кисти» в Photoshop.

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

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


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

Выбор параметров рассеяния на панели «Кисти» в Photoshop.

Выберите Scattering в левой части панели «Кисти».

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

Параметры рассеяния на панели «Кисти» в Photoshop.

Варианты рассеяния.

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

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

Нажав на миниатюру маски слоя для верхнего слоя на панели «Слои».

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

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


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

Значение непрозрачности для верхнего слоя установлено на 100%.

Значение непрозрачности для верхнего слоя должно быть установлено на 100%.

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

Образцы цветов переднего плана и фона Photoshop.

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

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

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

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

Фотография раскрывается через квадраты, когда вы рисуете.

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

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

Первый этап пиксельного эффекта.

Первая часть эффекта завершена.

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

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

Нажав на миниатюру маски для второго слоя.

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

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


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

Понижение непрозрачности слоя до 70%.

Измените непрозрачность слоя до 70%.

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

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

Второй этап пиксельного эффекта.

Вновь выявленная область выглядит слегка блеклой вокруг основной области.

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

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

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

Выберите маску следующего слоя.

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

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

Понижение непрозрачности слоя до 35%.

Измените непрозрачность слоя до 35%.

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

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

Третий этап пиксельного эффекта.

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

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

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

Выбор маски слоя на слое 1.

Выберите маску слоя 1.

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

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

Понижение непрозрачности слоя до 10%.

Измените непрозрачность слоя до 10%.

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

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

Фотошоп пиксельный фотоэффект.

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

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

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

Нажав на образец цвета для слоя заливки сплошным цветом.

Дважды щелкните образец цвета заливочного слоя.

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

Выборка цвета из изображения с помощью инструмента «Пипетка».

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

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

Фотошоп пиксельный фотоэффект.

Тот же эффект с новым цветом фона.

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



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

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

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

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

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