В этом уроке « Эффекты Photoshop» мы узнаем, как создать границу фотографии с «выцветшими пикселями», при этом изображение будет отображаться в виде случайных по размеру квадратных пиксельных фигур, которые постепенно исчезают на сплошном цветном фоне.
Чтобы создать эффект, мы будем загружать один из дополнительных наборов кистей, включенных в Photoshop, и будем использовать некоторые параметры Brush Dynamics для случайного изменения размера и разброса кисти при рисовании. Мы начнем с белого в качестве цвета фона, но в конце урока мы узнаем, как мы можем легко изменить цвет, в том числе как выбрать цвет непосредственно из самого изображения!
Я буду использовать Photoshop CS5 для этого урока, но любая последняя версия Photoshop будет работать.
Вот исходное изображение, с которого я начну:
Оригинальное фото.
И вот как это будет выглядеть, когда мы закончим:
Конечный результат.
Как создать границу фото с блеклыми пикселями
Шаг 1: дублируем фоновый слой
С фотографией, недавно открытой в Photoshop, давайте начнем с создания копии изображения, чтобы мы могли оставить оригинал нетронутым на случай, если он нам понадобится снова. Если мы посмотрим на панель «Слои», то увидим, что мы начинаем с исходной фотографии, которая находится на фоновом слое:
Панель «Слои», показывающая исходную фотографию на фоновом слое.
Чтобы быстро дублировать слой, нажмите Ctrl + J (Победа) / Command + J (Mac) на клавиатуре. Photoshop делает копию слоя, называет копию «Layer 1» и размещает ее над оригиналом:
Копия фотографии появляется на «Слой 1».
Шаг 2: Добавить белый сплошной цвет заливки между существующими слоями
Выберите фоновый слой, щелкнув по нему на панели «Слои»:
Нажмите на фоновый слой, чтобы выбрать его.
Выбрав фоновый слой, щелкните значок « Новый заливочный или корректирующий слой» в нижней части панели «Слои»:
Нажав на значок «Новый заливочный слой» или «Корректирующий слой».
Выберите слой заливки сплошного цвета в верхней части списка, который появляется:
Выбрав «Сплошной цвет» из списка.
Мы собираемся использовать этот слой заливки сплошным цветом в качестве фона для нашего эффекта. Фотошоп откроет палитру цветов, чтобы мы могли выбрать нужный цвет. Выберите белый на данный момент, либо щелкнув по белому в верхнем левом углу поля выбора цвета слева, либо введя 255 для значений R, G и B рядом с нижним центром диалогового окна. В конце урока мы узнаем, как легко изменить цвет фона, но пока подойдет белый:
Выберите белый из палитры цветов.
Нажмите OK, когда вы закончите, чтобы закрыть из палитры цветов. Мы пока не сможем увидеть белый цвет фона в документе, но если мы снова посмотрим на панель «Слои», мы увидим новый слой заливки сплошным цветом, который Photoshop назвал «Цветная заливка 1», расположенный между слоями. 1 и фоновый слой:
Photoshop помещает слой заливки «Сплошной цвет» между двумя слоями изображения.
Шаг 3: добавь заполненную черным слоем маску к слою 1
Нажмите на слой 1 на панели слоев, чтобы выбрать его:
Выберите слой 1.
Выбрав «Слой 1», нажмите и удерживайте клавишу « Alt» (Win) / « Option» (Mac) на клавиатуре и щелкните значок « Маска слоя» в нижней части панели «Слои»:
Удерживая нажатой клавишу «Alt» (Победа) / «Option» (Mac), щелкните значок «Маска слоя».
Это добавляет маску слоя к слою 1, и поскольку мы удерживали клавишу Alt (Win) / Option (Mac), когда щелкали по значку маски слоя, Photoshop заполнил маску слоя черным, что полностью скрывает фотографию на слое. с точки зрения. Мы видим миниатюру маски слоя с черным цветом на слое 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, затем щелкните значок маленькой стрелки в верхнем правом углу:
Нажмите на маленький значок стрелки.
Откроется меню с различными параметрами, включая список внизу дополнительных наборов кистей, в которые мы можем загрузить. Выберите набор квадратных кистей :
Выберите набор квадратных кистей из списка.
Фотошоп спросит, хотите ли вы заменить оригинальные кисти новыми. Нажмите « Добавить», чтобы сохранить оригиналы и просто добавить новые кисти после них:
Нажмите «Добавить», добавьте новые кисти, не удаляя оригиналы.
После загрузки новых кистей прокручивайте миниатюры кистей в средстве выбора кистей, пока не дойдете до квадратных кистей (которые должны находиться в самом низу списка). Дважды нажмите на квадратную кисть размером 24 пикселя, чтобы выбрать ее и закрыть из Brush Picker:
Дважды щелкните миниатюру для квадратной кисти размером 24 пикселя.
Шаг 7: установите размер дрожания кисти на 100%
Нажмите клавишу F5 на клавиатуре, чтобы быстро открыть основную панель « Кисти» в Photoshop, затем щелкните непосредственно слова « Динамика формы» в левой части панели. Убедитесь, что вы нажимаете на сами слова, а не только на флажок слева от слов:
Нажмите непосредственно на слова «Динамика формы» на панели «Кисти».
Увеличьте параметр « Размер джиттера» до 100%, чтобы при рисовании кистью создавались квадраты произвольного размера. Убедитесь, что для параметра « Минимальный диаметр» установлено значение 0%, а для параметров « Угловой джиттер» и « Скругление джиттера» также установлено значение 0% :
Увеличьте размер джиттера до 100% и убедитесь, что другие параметры установлены на 0%.
Шаг 8: добавь рассеяние к кисти
Нажмите непосредственно на слово « Рассеяние» под «Динамика фигуры» в левой части панели «Кисти». Опять же, убедитесь, что вы нажимаете на само слово, а не внутри флажка:
Выберите Scattering в левой части панели «Кисти».
Увеличьте значение Scatter примерно до 700% или около того, чтобы квадраты разбрасывались при рисовании. Выберите опцию « Обе оси», установив флажок внутри ее, затем убедитесь, что для параметра «Количество» задано значение 1, а для параметра « Дрожание счета» установлено значение 0% . Когда вы закончите, снова нажмите F5 на клавиатуре, чтобы закрыть панель «Кисти»:
Варианты рассеяния.
Шаг 9: выбери маску верхнего слоя
Когда наша квадратная кисть готова к работе, нажмите на миниатюру маски верхнего слоя на панели «Слои». Таким образом, мы будем рисовать на маске слоя, а не на фотографии. Вокруг миниатюры появится белая подсветка, сообщающая, что маска выбрана:
Нажмите на миниатюру маски слоя для верхнего слоя.
Шаг 10: закрасьте основные области фотографии
Убедитесь, что значение непрозрачности для верхнего слоя установлено на 100%, что должно быть по умолчанию:
Значение непрозрачности для верхнего слоя должно быть установлено на 100%.
Кроме того, прежде чем начать рисовать, нажмите букву D на клавиатуре, чтобы быстро убедиться, что для цветов переднего плана и фона установлены значения по умолчанию: белый (цвет переднего плана) и черный (цвет фона). Photoshop использует цвет переднего плана в качестве цвета кисти, и мы хотим быть уверены, что мы рисуем на маске слоя белым, чтобы мы могли показать фотографию во время рисования:
Нажмите D на клавиатуре, чтобы сбросить цвета переднего плана и фона.
С квадратной кистью в руке, непрозрачность слоя установлена на 100%, а цвет переднего плана - белый, начинайте рисовать только над основными, важными областями вашей фотографии. Конечно, поскольку на данный момент все, что мы можем видеть, это сплошной белый фон, вам необходимо сделать «наилучшее предположение» относительно того, где находятся эти важные области. Если в первый раз вы ошиблись, просто нажмите Ctrl + Z (Победа) / Command + Z (Mac), чтобы отменить мазок кисти, а затем повторите попытку.
Когда вы рисуете, вы увидите, что фотография появляется через ряд случайных размеров и разбросанных квадратов, создавая первые этапы нашего пиксельного эффекта:
Фотография раскрывается через квадраты, когда вы рисуете.
Если вас не устраивает размер вашей квадратной кисти, нажмите Ctrl + Z (Победа) / Command + Z (Mac), чтобы отменить мазок кисти (или нажмите Ctrl + Alt + Z (Победа) / Command + Option + Z (Mac) несколько раз, чтобы отменить несколько мазков кисти), затем измените размер кисти с помощью клавиш левой и правой скобок на клавиатуре. Каждый раз, когда вы нажимаете левую клавишу скобки ( ( ), вы будете уменьшать размер кисти, а правая клавиша скобки ( ) - увеличивать ее. Начните рисовать снова, когда вы будете довольны размером кисти.
Продолжайте рисовать над основными частями вашего изображения. Вот мой документ до сих пор. Обычно я делаю размер кисти немного меньше, чем я использую здесь, что дает мне меньшие квадраты, но меньшие квадраты может быть трудно увидеть на скриншотах, поэтому ради этого урока я оставляю Кисть установлена в исходный размер 24 пикселя:
Первая часть эффекта завершена.
Шаг 11: выбери маску слоя на следующем слое
Нажмите на миниатюру маски для слоя прямо под верхним слоем. Опять же, белая рамка появится вокруг миниатюры, давая вам знать, что маска слоя выбрана:
Нажмите на миниатюру маски для второго слоя сверху.
Шаг 12: понизь непрозрачность слоя до 70%
Уменьшите значение непрозрачности для этого слоя примерно до 70% :
Измените непрозрачность слоя до 70%.
Шаг 13: Нарисуйте вокруг начальной области, чтобы показать больше фотографии
С уменьшенной непрозрачностью слоя нарисуйте вокруг начальной области, чтобы показать больше фотографии. Поскольку непрозрачность слоя установлена только на 70%, эта новая область будет выглядеть немного бледной по сравнению с предыдущей областью, которую мы закрасили:
Вновь выявленная область выглядит слегка блеклой вокруг основной области.
Шаг 14: выбери маску следующего слоя
Нажмите на миниатюру маски для третьего слоя сверху:
Выберите маску следующего слоя.
Шаг 15: понизь непрозрачность слоя до 35%
Уменьшите непрозрачность для этого третьего слоя примерно до 35% :
Измените непрозрачность слоя до 35%.
Шаг 16: Нарисуй, чтобы показать больше фото
Продолжайте рисовать вокруг предыдущей области, чтобы показать больше фотографии. Эта новая область будет выглядеть еще более блеклой, чем предыдущая, благодаря значению непрозрачности 35%:
Продолжайте рисовать, чтобы показать больше изображения.
Шаг 17: выбери маску следующего слоя
Наконец, нажмите на исходное изображение маски слоя 1, чтобы выбрать его:
Выберите маску слоя 1.
Шаг 18: понизь непрозрачность слоя до 10%
Уменьшите непрозрачность слоя 1 до 10% или около того:
Измените непрозрачность слоя до 10%.
Шаг 19: Нарисуйте в оставшихся областях фотографии
Нарисуйте оставшиеся белые области вокруг изображения, чтобы показать остальное. Эта последняя часть будет очень слабой с непрозрачностью слоя только на 10%:
Нарисуйте оставшиеся белые области вокруг документа, чтобы показать оставшуюся часть изображения.
Шаг 20: измени цвет фона (необязательно)
На этом этапе эффект завершен, но если вы хотите изменить цвет фона на что-то отличное от белого, просто дважды щелкните образец цвета для слоя заливки «Сплошной цвет» на панели «Слои»:
Дважды щелкните образец цвета заливочного слоя.
Это снова откроет палитру цветов. Вы можете выбрать новый цвет в палитре цветов, но мне нравится делать выборку цвета непосредственно из самого изображения. Чтобы сделать это, с открытой палитрой цветов, наведите курсор мыши на изображение. Вы увидите, что курсор временно изменится на значок инструмента «Пипетка» . Нажмите на область изображения, которая содержит цвет, который вы хотите для вашего фона. Я нажму на область на лбу женщины:
Нажмите на цвет изображения, чтобы использовать в качестве фона для эффекта.
Нажмите OK, когда вы закончите, чтобы закрыть из палитры цветов. Слой заливки «Сплошной цвет» мгновенно обновляется до вновь выбранного цвета, предоставляя нам наш новый цвет фона для эффекта:
Тот же эффект с новым цветом фона.