Превратить фотографию в коллаж из квадратов с Photoshop

сделать закладку в соцсетях

Вот оригинальное фото я буду начиная с:
А вот изображение с заполненной "Коллаж квадратов" эффекта:
Как я уже сказал, большая часть работы это просто повторение, поэтому, как только вы получите "в паз" с тем, что вы делаете, вы даже не нужно думать об этом. Вы можете просто развлекаться, создавая эффект.
Давайте начнем!

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

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

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

Нам нужно добавить новый пустой слой между двумя слоями у нас сейчас есть в палитре Layers. Чтобы сделать это, с "Layer 1" не установлен, нажмите и удерживайте клавишу Ctrl / (Win) командной кнопки (Mac) на клавиатуре и нажмите на New Layer значок в нижней части палитры Layers. Обычно Photoshop добавляет новый слой выше выбранного слоя, но удерживая Ctrl / Command, это говорит Photoshop, чтобы добавить новый слой ниже его вместо:
Теперь у меня есть новый пустой слой "Layer 2", между двумя другими слоями:
Просто быстрое примечание прежде чем мы продолжим .... Мы собираемся в конечном итоге с большим количеством слоев к тому времени этот эффект будет завершена, и, как правило это будет означать, мы определенно хотим, чтобы убедиться, что мы назвав наши слои, как мы идем. В этом случае, хотя, вы, вероятно, вести себя с ума, пытаясь придумать описательные имена для каждого слоя, так что если такого рода вещи обращается к вам, я бы не беспокоиться о именовании слоев при создании этого эффекта.Вообще говоря, хотя, называя слои является привычка вы должны попасть.
Сказав, что, давайте продолжим. Мы должны заполнить этот новый слой с белым, так как мы собираемся использовать белый, как наш цвет фона для эффекта, поэтому нажмите букву D на клавиатуре, чтобы сбросить цвета текста и фона, белые цвет фона, и затем с новой пустой слой, выбранный в палитре Layers, использовать сочетание клавиш Ctrl + Backspace (Win) / Command + Delete (Mac), чтобы заполнить слой белым цветом.
Вы не увидите что-нибудь случится в окне документа, так как копию фонового слоя блокировки "Layer 2" из поля зрения, но если вы посмотрите в палитре слоев, вы увидите, что с миниатюрами предварительного просмотра для слоя сейчас заполнено с белым:

Шаг 3: Перетащите квадратное выделение вокруг части изображения

Я собираюсь кликнуть обратно на копию моего фоновый слой "Layer 1", в палитре слоев, чтобы выбрать его.Тогда я иду, чтобы захватить мой Rectangular Marquee инструмент из палитры Tools:
Я мог бы также нажмите M на клавиатуре, чтобы быстро выбрать его. Затем, с помощью инструмента Rectangular Marquee в руке и "Layer 1", выбранного в палитре Layers, я собираюсь вытащить квадратной формы выбор внутри изображения. Я вытащить квадрат вокруг лица мальчика справа:
Для того, чтобы ограничить выделенную полного квадрата, нажмите и удерживайте клавишу Shift при перетаскивании.

Шаг 4: Добавьте слой-маску

Если у вас есть квадратной формы отбора, и снова убедившись, что "Layer 1" выбран в палитре слоев, щелкните на Добавить маску слоя значок в нижней части палитры слоев:
Это позволит добавить маску слоя, чтобы "Layer 1", и потому что я имел площадь изображения, выбранного, когда я нажал на значок "Добавить маску слоя", Photoshop будет использовать этот выбор, чтобы создать маску, это означает, что только области образ, который был внутри выделения - лицо мальчика - останется видимым в окне документа. Остальная часть изображения будет скрыта из виду, открывая белую заполненные слой под ним:

Шаг 5: Отсоединение слой-маску из слоя Содержание

Если мы посмотрим на нашу палитре слоев еще раз, мы видим маску слоя, который был добавлен в "Layer 1". Маска заполнено черный, для небольшого квадратного области, белого, который является площадь вокруг лица мальчика, который отображается в окне документа, за исключением. Если вы посмотрите внимательно, вы также увидите небольшой значок ссылки между миниатюрой слоя и маски уменьшенное изображение:
При том, что пиктограмма ссылку видна, то это означает, что содержание слоя (изображение) и маской слоя, а, связаны между собой. Если вы переместите один, вы переместите их обоих. Это не то, что мы хотим. Мы хотим, чтобы иметь возможность перемещать маску, не перемещая изображение. Для того, чтобы сделать это, все, что мы должны сделать, это нажать на этот значок линии связи, что заставит его исчезнуть, и в этот момент маску слоя можно перемещать независимо от содержимого слоя. Я собираюсь кликнуть на значок ссылки, чтобы удалить его:

Шаг 6: Добавить белом "Outer Glow" Layer Style маске

Для того, чтобы иметь возможность видеть края квадратов, как мы создаем эффект, я иду, чтобы добавить "Outer Glow" стиль слоя с маской. Во-первых, я собираюсь перейти непосредственно по иконке маски слоя, чтобы выделить его. Я могу сказать, что он выбран, когда она имеет выделите прямоугольник вокруг него.Затем, с маска выбран, я собираюсь нажать на New Adjustment Layer значок в нижней части палитры слоев:
Тогда я выберу Outer Glow из списка, который появляется:
Это поднимает в Photoshop Layer Style диалоговое окно с вариантами Outer Glow в средней колонке. По умолчанию, стиль слоя Outer Glow использует желтоватый цвет. Я хочу изменить его на белый, так, чтобы сделать это, я собираюсь перейти непосредственно на Outer Glow в образце цвета :
Когда я нажимаю на цветовом образце, в Photoshop Color Picker появится. Я собираюсь выбрать белый в левом верхнем углу:
Тогда я нажму кнопку OK, чтобы выйти из палитры цветов. Мой цвет Outer Glow теперь белый.
Я собираюсь оставить все другие варианты для Outer Glow в одиночку и нажмите OK на данный момент, чтобы выйти из диалогового окна Layer Style. Белый Внешнее свечение будет добавлен к маске слоя. Мы не будем в состоянии видеть его в образе только пока, потому что это белое свечение на белом фоне, но мы будем видеть его, как только мы начнем добавить больше квадратного сечения с изображением, как мы собираемся делать.

Шаг 7: Дублируйте слой

Помните, в начале урока, когда я сказал, что большая часть работы простое повторение? Ну, это там, где начинается. Эти ближайшие пару шагов будет повторяться снова и снова, но не волнуйтесь, они легко. Во-первых, с "Layer 1", выбранного в палитре Layers, я собираюсь дублировать его с помощью комбинации клавиш Ctrl + J (Win) / Command + J (Mac). Теперь у меня есть точная копия его в верхней части палитры слоев:
Когда я говорю "точную копию", я имею в виду точную копию. Мало того, что копия содержит изображение, оно также содержит копию маски и слоя стиля Outer Glow, так что мы не должны добавить другую маску или другой Outer Glow себя. Все уже там для нас. Кроме того, поскольку содержание уровня и маску слоя "Layer 1" не были связаны, они не связаны на копии, либо, что это именно то, что мы хотим.

Шаг 8: переместить слой-маску на новое место, чтобы создать вторую площадь

Я собираюсь захватить мой Move Tool из палитры инструментов:
Я мог бы также нажмите V на клавиатуре, чтобы выбрать его. Затем, в палитре Layers, я собираюсь нажать на миниатюре маски дубликат слоя, чтобы выделить его, убедившись, что у меня есть маска установлен и не самого слоя. Миниатюру маски будет иметь рамка выделения вокруг него, чтобы указать, что он выбран:
Затем, с маска слоя выбрана, я просто собираюсь кликнуть в окне документа и перетащите маску на новое место, которое собирается создать вторую площадь. Я перетащите его вниз и влево, так правый верхний угол перекрывает нижний левый угол исходного квадрата:
Теперь у меня есть два квадрата, и если вы посмотрите в правом верхнем углу, который я только что созданной, вы можете увидеть белый Outer Glow определения края площади.

Шаг 9: Продолжайте дублировать слой и перетащите маску, чтобы создать больше квадратов

На данный момент, это просто вопрос повторять последние два действия, пока основные области изображения не видны внутри квадратов. Итак, сначала вы нажимаете Ctrl + J (Win) / Command + J (Mac), чтобы дублировать слой. Тогда и эта часть очень важна, нажмите на миниатюру слоя-маски вновь созданного слоя, чтобы убедиться, что вы маску выбран, не содержимого слоя. Если вы попытаетесь перетащить маску, чтобы создать новую площадь и вместо этого вы видите изображение внутри квадрата перемещения, у вас есть сам слой, выбранный по ошибке. В этом случае, нажмите Ctrl + Z (Win) / Command + Z (Mac), чтобы отменить, а затем нажмите на миниатюру слоя-маски и повторите попытку.
Продолжайте этот процесс дублирования слоя, выбрав маску, и перетащить маску на новое место в изображении, пока все важные участки изображения не показывают. Это нормально перекрывать квадраты, и не бойтесь оставить случайные пустое пространство между ними либо. Это только добавляет к эффекту.
Я буду продолжать дублирования слоя и перемещение маску, пока все четыре человека на фото не показывает внутри квадратов. Вот мой образ после создания достаточно площади, чтобы принести покой мальчика в образ:
После дублирования несколько слоев и перемещения маски вокруг, чтобы создать больше квадратов, я принес маме мальчика и младшего брата в том,:
Наконец, я добавил достаточно квадратов, чтобы привести все основные области фотографии в поле зрения. Я также уверен, что лица всех четырех человек хорошо видны на фото и не нарезанный краями любых площадей. Это было бы просто неправильно:

Шаг 10: Продублируйте еще ​​один слой и уменьшить размер квадрата до 50%

Основная часть эффекта завершена, и для записи, у меня теперь есть в общей сложности 36 квадратов на изображении. Вы можете иметь больше, вы можете иметь меньше. Это действительно зависит от изображения, которое вы используете, и сколько квадратов вы думаете, что происходит перед эффект выглядит "право". Я собираюсь завершить эффект добавив некоторые меньшие квадраты в углах и вокруг внешних краев.
Чтобы сделать это, я собираюсь дублировать другой слой с помощью Ctrl + J (Windows / Command + J(Mac), а затем я нажмите на маску слоя, чтобы выделить его, так же, как я сделал в 36 раз уже. На этот раз, хотя, скорее, чем просто перемещая маску, чтобы создать другую клетку, я собираюсь нажать Ctrl + T (Win) /Command + T (Mac), чтобы открыть в Photoshop Free Transform окно и ручки вокруг площади, а потом я иду, чтобы перетащить один из угловых маркеров внутрь, чтобы уменьшить размер площади примерно на 50%. Как я перетащите маркер внутрь, я собираюсь удерживать Shift + Alt (Win) / Shift + Alt (Mac) , которая собирается ограничить маску полного квадрата и сказать Photoshop, чтобы изменить размер площади от его центра:
После того, как я изменил размер квадрата примерно на половину своего первоначального размера, я буду нажмите Enter (Win) / Return (Mac), чтобы принять трансформацию, а потом так же я сделал с другими квадратов, я буду использовать Перемещение инструмента на перетащите его на новое место, на этот раз куда-то по внешнему краю коллажа:

Шаг 11: Продолжайте добавлять ещё меньших квадратов вокруг внешнего края Коллаж

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

Шаг 12: Объедините все площади маски слоя в один

После добавления всех моих меньших квадратов на изображении, у меня теперь есть в общей сложности 56 квадратов, это означает, я 56 слоев, которые содержат квадратной формы маски. Я хочу, чтобы завершить этот эффект, добавив тень в коллаж, но я не могу этого сделать очень легко, когда коллаж из 56 отдельных слоях. Мне нужно, чтобы объединить их все на один слой. Для этого, на мой палитре слоев, я собираюсь нажать на самой верхней слой, чтобы выбрать его. Тогда я иду, чтобы просмотреть весь путь вниз и Shift, щелкните на "Layer 1", которая является слой, который начал все коллаж. При этом будут выбраны все квадратные маску слоя за один раз (вы увидите их все выбранные в палитре слоев).
С ними все выбраны, нажмите Ctrl + E (Win) / Command + E (Mac), чтобы объединить все из них на одном слое над белым заполнено слоя. Теперь вы будете иметь только три слоя в палитре слоев - фоновый слой, белый заполненный слой и объединенный слой:

Шаг 13: Добавляем Drop Shadow для завершения эффекта

С объединенного слоя выбраны, нажмите кнопку еще раз на Новый корректирующий слой значок в нижней части палитры Layers, и на этот раз выберите Drop Shadow из списка:
Это собирается принести в Photoshop Layer Style диалогового окна резервного копирования, на этот раз установить в опции Drop Shadow. Единственный вариант, я собираюсь изменить это Opacity . Я просто хочу, тонкий тень, ничего, что займет внимание от самого коллажа, так что я собираюсь понизить значение непрозрачности все, вплоть до 25%:
Нажмите ОК для выхода из диалогового окна Layer Style, и мы сделали! Вот мой окончательный "Коллаж квадратов" эффекта:
И у нас это есть! Вот, как превратить фотографию в коллаж квадратов с Photoshop!
Превратить фотографию в коллаж из квадратов с Photoshop
сделать закладку в соцсетях