Как сделать фон квадратиками в фотошопе
С помощью данного эффекта Вы сможете замаскировать полупрозрачными квадратиками лицо человека, номера автомобиля, строки текста и практически всё, что угодно.
Ещё этот эффект называется «эффект цензуры» и служит не только для того, чтобы скрыть какие-либо элементы на фотографии, но с помощью квадратиков можно сделать забавные приколы над фотками знакомых, например, замаскировать лицо на групповом портрете или предмет одежды на человеке. С одеждой получается наиболее забавно — цвет детали одежды заменяется на телесный, а потом закрывается мозаикой. Эффект, думаю, понятен.
Кроме всего прочего, способ, описываемый в данной статье, очень прост и предоставляет возможность изменения настроек фильтров после сохранения документа.
Для создания эффекта нам понадобится штатный фильтр Photoshop «Мозаика», смарт-объект и маска смарт-фильтра.
На примере, я закрыл квадратиками лицо невесты. Если Вы наведёте мышь на фото, увидите оригинал. Уберите курсор с фото, чтобы увидеть размытое лицо:
А теперь о том, как это сделать.
Открываем фотографию в Photohop и сразу преобразуем фоновый слой в смарт-объект.
Идём по вкладке главного меню Фильтр —> Оформление —> Мозаика (Filter —> Pixelate —> Mosaic), после чего у нас открывается диалоговое окно фильтра. Теперь надо подобрать нужное значение размера ячейки в пикселях, именно такая сторона будет у квадратиков и понятно, что это значение зависит от размера маскируемого объекта. Я выбрал значение 6 пикс.:
Нажимаем ОК для применения действия фильтра.
Как мы видим по результату, фильтр «Мозаика», как и любой фильтр Photoshop, применил своё действие на всё изображение целиком:
А мне нужно скрыть только лицо девушки на фото.
Но перед применением фильтра мы преобразовали слой в смарт-объект, а это значит, что и фильтр был применён как смарт-фильтр, значит, мы не только можем редактировать его параметры после применения, но и задать область действия, т.к. у фильтра имеется маска, аналогичная по своему действию обычной слой-маске:
На данный момент цвет маски белый, это значит, что она полностью прозрачна, а нам надо, наоборот, сделать её непрозрачной, чтобы скрыть действие фильтра. Для этого кликаем по миниатюре маски в панели слоёв, вокруг миниатюры должна появиться рамка:
Нажимаем комбинацию клавиш Ctrl+I для инвертирования цвета маски, цвет миниатюры становится чёрным, маска скрыла действие фильтра и фотография приобрела первоначальный вид:
Теперь берём круглую белую кисть, жёсткость делаем 0%, диаметр — соответственно скрываемому объекту, и закрашиваем нужный участок фото:
Если Вы закрасили лишний участок, измените цвет кисти на белый и закрасьте его. Кроме того, имеется возможность изменить размер квадратов, для этого дважды кликните по названию фильтра в панели слоёв, откроется диалоговое окно, где измените значение размера ячейки.
Таким же образом можно и сделать простое размытие лица, только вместо фильтра «Мозаика» надо применить фильтр «Размытие по Гауссу».
Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]
Автор: Ольга Максимчук (Princypessa). Дата публикации: 10 июля 2018 . Категория: Фотошоп уроки эффекты.
В сегодняшнем уроке мы будем добавлять к фото эффект с цветными квадратами.
Из урока вы узнаете, как пользоваться инструментами Область (горизонтальная строка), Область (вертикальная строка), Заливка, Волшебная палочка и Перемещение, корректирующими слоями, режимами наложения слоев, направляющими, научитесь масштабировать объекты, строить сетку, использовать линейки фотошоп и многое другое.
Создаем в фотошоп новый документ ( Ctrl + N ) с размерами 1000х1000 пикселей. Эффект, показанный в уроке лучше всего будет смотреться на квадратном холсте. Учитывайте это, если будете использовать другие значения для повторения урока. Разрешение в 300 пикселей/дюйм позволит в дальнейшем распечатать фото в хорошем качестве. Если же вы не планируете распечатывать обработанное фото, а будете загружать изображение в интернет и просматривать на компьютере, то можете использовать разрешение 72 пикселя/дюйм.
Нажмите сочетание клавиш Ctrl + R , чтобы включить отображение линеек.
Кликните ПКМ по линейке и выберите вид отображения «Проценты».
Добавьте горизонтальные и вертикальные направляющие с шагом 10%. Для этого подведите клавишу мыши к горизонтальной или вертикальной линейке (в зависимости от того, какую направляющую нужно создать), зажмите клавишу мышки, перетащите появившуюся направляющую в нужную область и отпустите клавишу мышки. Есть и другой способ создания направляющих: перейдите в меню Просмотр-Новая направляющая и в появившемся окне введите нужные параметры. В нашем случае это 10%, 20% 30% и так далее для горизонтальных и вертикальных направляющих.
Неважно, какой способ вы выберите. Главное, чтобы в итоге мы получили следующее:
Создаем новый пустой слой и называем его «Сетка». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter .
Активируйте инструмент Область (горизонтальная строка). Зажимаем клавишу Shift для добавления к выделению и поочередно кликаем по горизонтальным направляющим, чтобы создать прямоугольное выделение толщиной в 1 пиксель.
Активируем инструмент Область (вертикальная строка). Зажимаем клавишу Shift и, как и в предыдущем шаге, кликаем по направляющих, в этот раз по вертикальным.
Заливаем выделение черным цветом. Для этого переходим в меню Редактирование-Выполнить заливку и в появившемся окне вводим следующие настройки. Снимаем выделение ( Ctrl + D ).
Если временно отключить направляющие (Просмотр-Показать-Направляющие), то можно увидеть сетку, которую мы создали.
Между фоновым слоем и слоем «Сетка» поместите (Файл-Поместить) фотографию девушки. Чтобы это сделать, сделайте сначала в панели слоев активным фоновый слой, затем перейдите в меню Файл-Поместить.
Зажимаем клавишу Shift для сохранения пропорция и тянем за уголки рамки, чтобы растянуть изображение на весь холст. При помощи инструмента Перемещение размещаем фото, как на рисунке ниже.
Выше всех слоев создаем новый пустой слой и называем его «Белая рамка».
Активируем инструмент Волшебная палочка, переходим на слой «Сетка» и, зажав клавишу Shift , кликая по квадратам, создаем выделение по краям холста. Просто кликайте мышкой внутри квадратиков и фотошоп создаст выделение в виде выбранного квадрата. Если необходимо удалить выделение какого-либо квадрата, щелкните внутри выделенного квадрата с зажатой клавишей Alt .
В панели цвета в качестве основного выставляем белый оттенок. Для этого достаточно нажать клавишу D на клавиатуре, чтобы сбросить цвета к установленным по умолчанию (черному и белому), а затем нажать клавишу X , чтобы поменять местами основной и фоновый оттенки.
Активируем инструмент Заливка и переходим к слою «Белая рамка». Кликаем по холсту мышкой, чтобы залить выделение основным цветом (в нашем случае белым).
Снимаем выделение ( Ctrl + D ).
Переходим на слой «Сетка» и создаем выделение некоторых квадратов, желательно, чтобы квадраты были вразброс. Не забываем при создании выделения зажимать клавишу Shift для добавления к выделению.
При активном выделении выше всех слоев создаем корректирующий сой Цветовой тон/Насыщенность. Поскольку к корректирующему слою автоматически добавляется маска слоя, корректирующий слой будет виден только в пределах выделения – в области квадратов. Настраиваем как на рисунке ниже и в панели слоев меняем режим наложения слоя на Мягкий свет. Данный шаг можно сделать и другим способом – заливать выделение цветом на отдельных слоях, но при использовании корректирующего слоя Цветовой тон/Насыщенность мы в любой момент сможем редактировать значения оттенков.
Продолжаем выделять квадраты и добавлять корректирующий слой Цветовой тон/Насыщенность, меняя режим наложения слоя на Мягкий свет или экспериментируя с режимами наложения. Например, для двух последних корректирующих слоев я не меняла режим наложения, оставив режим наложения Обычный. Я вам покажу этапы своей работы, вы же, естественно, можете использовать другие оттенки и расположение квадратов.
В панели слоев дважды кликаем по слою «Сетка», чтобы открыть стили слоя.
Во вкладке Обводка вводим следующие настройки.
Результат после применения стилей слоя.
Эффект для фото с цветными квадратами готов!
Результат до и после:
Яркого настроения и вдохновения!
БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:
Если Вы не хотите пропустить интересные уроки создания эффектов в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.
Автор: Сергей Бунин. Дата публикации: 23 ноября 2016 . Категория: Уроки фотошопа текстуры.
Порой при оформлении коллажей, альбомов, фото книг или создания Web-страниц возникает вопрос, как сделать фон в фотошопе и заполнить свободное место, к примеру, незамысловатым повторяющимся узором.
В этом уроке мы рассмотрим основы рисования повторяющихся узоров, поняв принцип действия которых, Вы сможете найти им применение в своих дизайнерских работах, при создании может быть уже более сложных эффектов.
Начнем с создания одиночного фрагмента узора. Создадим новый пустой документ через закладку меню «Файл», в которой выберем пункт «Создать».
Откроется диалоговое окно «Новый», в котором параметры «Ширина» и «Высота» выставляем по 100 пикселей, «Разрешение» – 300 пикселей на дюйм и «Содержимое фона» – прозрачный. Нажимаем «Ок». Размер документа в принципе определяется от размера исходного узора и от частоты повтора при заполнении фона.
Получаем новый документ в виде шахматной доски, что свидетельствует о прозрачности фона. Удерживая клавишу «Ctrl» и нажав клавишу «+» несколько раз увеличим масштаб отображения до 500%.
Далее необходимо точно определить центр созданного документа. Сделать это можно с помощью создания направляющих. В меню «Просмотр» опускаемся на строку «Новая направляющая» и щелкаем по ней левой кнопкой мышки (ЛКМ).
Открывается окошко «Новая направляющая», в котором в поле «Ориентация» сначала выбираем «Горизонтальная» и значение параметра «Положение» вбиваем 50%. Нажимаем «Ок».
Возвращаемся в меню «Просмотр» и снова выбираем пункт «Новая направляющая». Теперь в поле «Ориентация» выбираем «Вертикальная», параметр «Положение» тот же 50%. Нажимаем «Ок». В поле просмотра появляются две направляющие, проходящие через центр изображения.
Теперь создадим фрагмент рисунка, которым впоследствии будем заполнять фон. На панели инструментов выберем инструмент выделения «Прямоугольная область».
Помещаем перекрестие курсора строго на точку пересечения направляющих линий, нажав и удерживая клавиши Shift+Alt, нажимаем ЛКМ и, не отпуская ее, относительно центра растягиваем квадратную область. Размер не принципиален, просто постарайтесь выделить область примерно такую же, как на скриншоте.
Заполним выделенную область каким-нибудь цветом. Для этого в разделе меню «Редактирование» выберем пункт «Выполнить заливку».
Откроется окно «Заполнить», где можно выбрать «Содержание» заливки «Цвет».
Высвечивается окно «Палитра цветов (цвет заливки)», в котором выбираем необходимый цвет.
Подтверждаем сделанный выбор нажатием на кнопку «Ок» в двух окнах. Выделение заполняется выбранным цветом. Нажимаем комбинацию клавиш «Ctrl+D», чтобы снять выделение.
Для получения более симпатичного фрагмента рисунка повернем наш квадратик на 45 0 . Нажмем клавиши Ctrl+T, вызвав этим режим «Свободного трансформирования» и в строке настройки инструмента укажем угол поворота. Подтверждаем внесенные изменения нажатием клавиши «Enter» (Ввод). Не пугайтесь, что стороны квадрата подверглись пикселизации, все дело в большом масштабе отображения.
Далее необходимо сделать копию слоя, нажимаем комбинацию клавиш «Ctrl+J». На панели слоев выше исходного слоя появляется его копия.
При рисовании фрагментов, которые будут повторяться, создавая узор, удобнее использовать фильтр «Сдвиг».
При вызове этого фильтра откроется окно «Сдвиг», в нем укажем число пикселей, на которое сдвинется слой с копией нашего квадратика. Для получения простых повторяющихся узоров, как в нашем примере, значение сдвига должно равняться половине размера по ширине при вводе в окно «По горизонтали» и половине размера по высоте для окна «По вертикали». Так как исходный документ имеет размерность 100 х 100 пикселей, то вводим оба значения =50. Внизу окна в разделе «Неопределенные области» отмечаем функцию «Вставить отсеченные фрагменты». Нажимаем «Ок».
В окне просмотра мы увидим, что фильтр «Сдвиг» разделил копию квадрата на четыре равных части и разместил их по углам. Центральный квадрат с основного слоя остался неизменным.
Нарисованный фрагмент теперь надо сохранить в качестве узора. Сделать это можно обратившись к разделу меню «Редактирование», и выбрав в нем функцию «Определить узор».
В результате этого откроется диалоговое окно, где нам будет предложено дать название новому узору. Нажав «Ок», сохраняем его.
В итоге мы создали фрагмент узора, с помощью которого можно заполнить целый слой. Как и в начале урока, создаем новый документ, только размер нового документа определим 1000 х 1000 пикселей, разрешение оставим без изменения =300 пикс./дюйм и содержимое фона зальем зеленым цветом.
Как Вы уже знаете, что все манипуляции связанные с рисованием лучше производить на новом слое, поэтому добавим его, нажав для этого на значок «Создать новый слой» внизу панели слоев.
Для того чтобы заполнить полученный слой узором из созданного нами фрагмента необходимо перейти в меню «Редактирование», выбрать позицию «Выполнить заливку».
Только в этом случае в окне «Заполнить» в перечне «Содержание» выбираем пункт «Регулярный». Не знаю, почему такой странный перевод, хотя в английской версии программы написано слово «Pattern», т.е. «Узор». В поле «Параметры» в выпадающем списке «Заказной узор» выбираем наш фрагмент. Нажимаем «Ок».
Программа заполнит пустой слой узором и посмотрите, что в итоге мы получим.
Конечно, это совсем простой узор, однако мне хотелось рассказать Вам принцип создания отдельных фрагментов, показать, как их определить в качестве узоров и метод как сделать фон в фотошопе.
Приятных творческих успехов!
Если Вы не хотите пропустить интересные уроки по обработке фотографий - подпишитесь на рассылку.
Форма для подписки находится ниже.
В этом фотошоп уроке мы собираемся узнать, как превратить фотографию в коллаж из квадратиков. Это очень интересный,способ который к тому же легко делать, так как большая часть работы это простое повторение.
Вот фото которое я взял.
А таким оно будет после выполнения урока
Поскольку я сказал, что большая часть работы это простое повторение, то когда вы поймете суть урока, вы будете делать его не задумываясь. Создавая этот эффект вы будете весело проводить время.
Ну, давайте начнем.
Шаг 1. Дублируем второстепенный слой
Открыв изображение в фотошоп, я к настоящему времени имею просто один слой, слой фона, который содержит мое фото.
Палитра слоев показывает оригинальное изображение в слое фона.
Я собираюсь продублировать этот слой, для этого можно воспользоваться клавишами клавиатуры Ctrl+J (для Win) / Command+J (для Mac), которые добавляют копию выделенного слоя в палитре слоев. Фотошоп автоматически называет слой "Layer 1" (слой 1).
Шаг2. Добавляем новый слой между двумя имеющимися и заливаем его белым цветом.
Нам нужно добавить новый чистый слой между двух уже имеющихся слоев. Для этого щелкаем по слою с названием "Layer 1" и удерживая зажатой клавишу Ctrl (для Win)/ Command (для Mac) нажимаем на New Layer (новый слой) у основания палитры слоев. Обычно фотошоп добавляет новый слой выше, но зажатая клавиша Ctrl/ Command говорит фотошопу добавить слой ниже.
Примечание переводчика. Не известно почему автор просто не выделил фоновый слой и не щелкнул по New Layer, эффект получился бы тот же.
Удерживая зажатым Ctrl (для Win)/ Command (для Mac) нажмите на New Layer, чтобы добавить новый слой между двумя существующими слоями в палитре Слоев.
Теперь у меня есть новый слой "Layer 2" (слой 2) , между двумя другими слоями:
Новый чистый слой между Второстепенным слоем и "Слоем 1".
Небольшое примечание, прежде чем мы продолжим. К концу урока у нас будет масса слоев, и многие захотят убедиться, что все слои идут по порядку. Вероятно вы будете делать безумные попытки придумать имя для каждого слоя, но в данном случае я бы не беспокоился об именовании слоев при создании этого эффекта. Вообще-то обозначение слоев должно войти к вам в привычку.
Теперь можно и продолжить. Мы должны заполнить этот новый слой белым, так как мы собираемся использовать белый цвет как фоновый, нажмите клавишу D на вашей клавиатуре, а затем выбрав новый пустой слой нажмите Ctrl+Backspace (для Win) / Command+Delete (для Mac), чтобы залить слой белым цветом.
Вы не увидите ни каких изменений, потому что layer 1 блокирует layer 2, но если вы посмотрите в палитру слоев то увидите, что слой заполнен белым.
При просмотре слоя "Layer 2" мы видим, что он залит белым, даже если "Layer 1" блокирует его в окне документа.
Шаг 3: выделите квадрат на изображении
Я собираюсь щелкнуть на копию фонового изображения "Layer 1" в палитре слоев, чтобы выбрать его. Теперь нужно выбрать инструмент Rectangular Marquee (прямоугольное выделение) на панели инструментов.
Выберите инструмент Rectangular Marquee на панели инструментов.
Также я могу нажать M на клавиатуре, чтобы быстро выбрать этот инструмент. Затем при помощи этого инструмента я собираюсь выделить часть изображения. Я выделил область вокруг лица мальчика справа
Используйте инструмент Rectangular Marquee, чтобы выделить часть изображения.
Чтобы выделение было квадратным нужно зажать клавишу Shift.
Шаг 4. Добавьте маску слоя
Выделив часть изображения, снова удостоверьтесь, что в палитре слоев выбран "Layer 1", нажмите Add A Layer Mask (добавить маску слоя) у основания палитры слоев
Щелкните Add A Layer Mask у основания палитры слоев.
Это позволит добавить маску слоя к "Layer 1" и поскольку у меня была выделена часть изображения, то после выбора Add A Layer Mask фотошоп оставит видимым только выделенный участок с лицом мальчика. Остальная часть изображения будет скрыта, в окне документа мы будем видеть белый слой ниже.
Квадратная область вокруг лица мальчика – все, что осталось от изображения. Теперь нам виден белый фон позади.
Шаг 5. Расцепите маску слоя от слоя
Если взглянем на палитру слоев снова, то увидим маску слоя, что была добавлена к "Layer 1". Вся маска заполнена черным, кроме маленького квадратика. Этот белый квадрат является областью вокруг лица мальчика, которое видно в окне документа. Если вы внимательно посмотрите, то увидите маленькое изображение связи между слоем и маской слоя.
Иконка между слоем и маской показывает, что они связаны.
Если видно изображение связи, значит содержание слоя (изображение) и маска ну как бы связаны. Если вы двигаете один из них, то перемещаете другой. Нам это не нужно. Мы хотим переместить маску, не перемещая изображения. Чтобы сделать это, нужно нажать на изображение связи, и оно исчезнет. Теперь маска слоя может быть перемещена независимо от изображения. Я собираюсь нажать на изображение связи, чтобы удалить его.
Изображение связи между слоем и маской исчезло. Теперь мы можем переместить маску слоя не перемещая изображения.
Шаг 6. Добавьте внешнее свечение
Чтобы мы могли видеть края квадратов, нужно создать эффект, я собираюсь добавить "Outer Glow" (внешнее свечение) к слой маске. Во-первых, я собираюсь щелкнуть по маске слоя, чтобы выбрать её. По черной рамке вокруг маски я могу понять выбрана она или нет. С выбранной маской я собираюсь нажать New Adjustment Layer (новая регулировка слоя) у основания палитры слоев
С выбранной маской слоя нажмите на иконку New Adjustment Layer
Теперь я выберу Outer Glow (внешнее свечение) в выпадающем списке.
Выберите Outer Glow
Это вызовет диалоговое окно слоя с параметрами свечения. По умолчанию используется желтый цвет. Я хочу изменить его на белый, для этого я щелкну по образцу цвета.
Щелкните по образцу цвета, чтобы изменить его.
Когда я нажимаю на образец цвета, появляется Color Picker (выбор цвета). Я собираюсь выбрать белый в верхнем углу окна.
Щелкните в левом верхнем углу Color Picker.
Я нажимаю ОК, чтобы выйти из Color Picker. Теперь моё внешнее свечение белого цвета.
Я больше ничего не буду менять, поэтому нажимаю ОК, чтобы выйти из диалогового окна. Теперь белое внешнее свечение добавлено к маске. Мы не сможем увидеть это свечение, но только пока, потому что белый свет не виден на белом фоне. Но когда мы начнем добавлять дополнительные квадратные секции, свечение сразу станет видно.
Шаг 7. Дублируем слой.
Помните, в начале урока я сказал, что большая часть урока это простое повторение? Так вот этот момент настал. Все последующие шаги будут простым повторением снова и снова, но не волнуйтесь они легкие. Во-первых, я собираюсь продублировать "Layer 1", а сделаю я это с помощью клавиш Ctrl + J (для Win) / Command + J (для Mac). Теперь у меня есть точная копия слоя в верхней части палитры слоев.
Теперь в палитре слоев есть копия слоя Layer 1".
Когда я сказал «точная копия», я подразумевал точную копию. Мало того, что копия содержит изображение, она так же содержит маску слоя и стиль маски, так что нам не придется добавлять еще одну маску и стиль к ней. Кроме того, поскольку на оригинале слой и маска не связаны между собой, то они и не связаны на копии, это то, что нам нужно.
Шаг 8. Переместите маску слоя, чтобы создать новый квадрат.
Я собираюсь выбрать инструмент Move tool (перемещение) на панели инструментов.
Выберите инструмент Move tool.
Так же я мог нажать V на моей клавиатуре, чтобы быстро выбрать его. Затем, я нажму на миниатюру копии маски слоя в палитре слоев, чтобы выделить её, убедитесь, что выбрали маску, а не слой. Вокруг миниатюры маски появится рамочка, показывающая, что мы выбрали маску.
Нажмите на миниатюру маски слоя, чтобы выбрать её. Появится рамочка вокруг маски.
С выбранной маской, я собираюсь перетянуть её на новое место, где будет второй квадрат. Я перетяну вниз и влево, так правый верхний угол совместится с левым нижним углом оригинального квадрата.
Перетяните маску слоя на новое место, чтобы создать новый квадрат.
Теперь у меня есть два квадрата, и если вы посмотрите в верхний правый угол квадрата, что я только что создал, то увидите белое свечение, показывая край квадрата.
Шаг 9. Продолжаем копировать слой и перемещать маску, чтобы создать больше квадратов.
Сейчас нам нужно просто повторять последние два действия, пока в квадратах не появятся основные детали изображения. Итак, нажмите Ctrl + J (для Win) / Command + J (для Mac), чтобы скопировать слой. Эта часть очень важна, выберите маску только что созданного слоя, убедитесь, что выбрали маску, а не содержимое слоя. Если при попытке перетащить маску слоя вы видите, как в квадрате перемещается изображение вы, то вы по ошибке выбрали содержимое слоя. В этом случае нажмите Ctrl + Z (для Win) / Command + Z (для Mac), чтобы отменить последнее действие, а затем повторите попытку, нажав на маску слоя.
Продолжайте дублирования слоя и перемещения маски, пока все важные части изображения не покажутся. Не бойтесь оставить пустое пространство между квадратами, это только добавит эффекта.
Я собираюсь дублировать слои, пока на фотографии не покажутся все 4 человека. Вот что у меня получилось, когда я проявил мальчика.
Изображение после добавления достаточного количества квадратов, чтобы показался мальчик с права.
После дублирования слоёв я сделал видимыми маму мальчика и младшего мальчика брата.
После добавления достаточного количества квадратов стили видимы мама мальчик и его младший брат.
Наконец, я добавил достаточно квадратов, чтобы главные области стали видимы. Так же я убедился, что лица всех 4 людей не перекрывают края квадратов. Иначе было бы не красиво.
Теперь я добавил достаточно квадратов чтобы было видно главные области на фото.
Шаг 10. Дублируйте слой и уменьшите размер квадратов на 50%.
Большая часть работы сделана, всего у меня получилось 36 квадратов, но у вас их может быть больше, а может и меньше. Это зависит от того какое изображение вы используете и от того сколько квадратов вам понадобится для достижения нужного эффекта. На последок я собираюсь добавить несколько квадратов поменьше по углам и вокруг внешних краев.
Чтобы сделать это, я собираюсь продублировать слой, а затем выбрать маску слоя, так же как я делал это до этого 36 раз. На этот раз вместо того чтобы переместить маску я нажму Ctrl+T (для Win) / Command+T (для Mac), чтобы вызвать Free Transform (свободная трансформация), потом я перетащу внутрь один из маркеров, чтобы уменьшить размер площади примерно на 50%. При перетаскивания я удерживал Shift + Alt (для Win) / Shift + Option (для Mac), чтобы маска была идеальным квадратом и размер изменялся от центра квадрата.
Используйте Free Transform, чтобы изменить размер квадрата.
Как только я изменил размер квадрата, я нажимаю Enter (для Win) / Return (для Mac), чтобы принять изменения. А затем я поступлю так же как поступал с другими квадратами, инструментом Move tool (перемещение) я перенесу квадрат на новое место, на этот раз за пределами коллажа.
Используя инструмент Move tool, чтобы перетянуть маленький квадрат, куда нибуть с краю коллажа.
Шаг 11. Добавляем маленькие квадраты по краям коллажа.
Продолжайте дублировать маленькие квадраты и перетаскивать их на края. Добавьте столько сколько нужно на ваш взгляд. Вот мои последние штрихи для этого коллажа. Так же я добавил несколько маленьких квадратов внутри изображения.
Изображение после добавления достаточного количества квадратов.
Шаг 12. Слейте все слои в один.
После добавления всех квадратов их у меня получилось 56, то есть у меня 56 слоев которые содержат квадраты. Для завершения эффекта я хочу добавить тень, но это трудно сделать, когда мой коллаж состоит из 56 слоев. Мне нужно объединить их в один слой. Чтобы сделать это, я выберу самый верхний слой и с зажатой клавишей Shift выберу Layer 1, который является самым первым слоем коллажа. Это позволит мне выбрать все слои сразу.
Теперь мне нужно объединить их, для этого я нажму Ctrl + E (для Win) / Command + E (для Mac), это объединит их всех в один слой поверх слоя белого слоя. Теперь в палитре слоёв у нас будет только 3 слоя: фоновый слой, слой заполненный белым и слитый слой.
В палитре слоев осталось только три слоя.
Шаг 13. Добавляем тень.
Выберите слитый слой и снова нажмите на New Adjustment Layer (новая регулировка слоя), внизу палитры слоев и на этот раз выберите Drop Shadow (тень).
Выбрав слитый слой нажмите New Adjustment Layer и выберите Drop Shadow.
Откроется диалоговое окно Drop Shadow. Единственное, что я собираюсь изменить это Opacity (непрозрачность). Я хочу прозрачные тени, не отвлекающие внимание от коллажа, поэтому я понижаю Opacity до 25%
В этом уроке вы узнаете 5 простых и быстрых способов, как сделать красивый и красочный фон, который можно в соцсетях, на баннерах, да где угодно!
Сложность урока: Легкий
Последнее время красочные фоны для заголовков вебсайтов – это один из трендов. К счастью, существует огромное количество способов создавать их с помощью Photoshop.
В этом уроке представлено 5 различных (легких и быстрых) вариантов как сделать красивый и красочный фон в Photoshop, который потом можно будет использовать на ваших вебсайтах, баннерах, соцсетях (на самом деле где угодно).
Метод 1. Используем фильтр Мозаика
Шаг 1
Создаем в Photoshop новый документ любого размера по вашему выбору. Мой будет 1800 х 1200 пикселей.
Шаг 2
Шаг 3
Выбираем Gradient Tool (Градиент). Убедитесь, что на верхней панели установлено Foreground to Background (От основного к фоновому), Gradient (Градиент) – Linear (Линейный), Mode (Режим) – Normal (Нормальный), Opacity (Непрозрачность) – 100%.
Шаг 4
Рисуем направление градиента из левого верхнего угла в правый нижний.
Шаг 5
Переходим в меню Filter – Pixelate – Mosaic (Фильтр – Оформление – Мозаика). Устанавливаем Cell Size (Размер ячейки) около 120 и нажимаем OK.
Шаг 6
Идем в меню Layer – New Fill Layer – Solid Color (Слои – Новый слой-заливка – Цвет). Назовем этот слой Color (Цвет), устанавливаем Mode (Режим) Vivid Light (Яркий свет) и нажимаем OK.
Шаг 7
Шаг 8
Теперь просто поместите свой контент на новый фон.
Метод 2. Рисуем с помощью Прямоугольника
Шаг 1
Создаем в Photoshop новый документ любого размера по вашему выбору. Мой будет 1800 х 1200 пикселей.
Шаг 2
Шаг 3
Шаг 4
Нарисуем еще несколько фигур, каждый раз меняя размеры и углы, а также делаем их немного светлее/темнее. У меня получилось еще 9 фигур.
Шаг 5
Выделяем верхнюю фигуру и переходим в меню Layer – Layer Style – Drop Shadow (Слои – Стиль слоя – Тень). Устанавливаем настройки как показано на картинке и нажимаем ОК.
Шаг 6
Кликаем правой кнопкой мыши по этому слою и в появившемся меню выбираем Copy Layer Style (Скопировать стиль слоя). Выделяем несколько слоев с фигурами, кликаем по ним правой кнопкой мыши и выбираем Paste Layer Style (Вклеить стиль слоя).
Шаг 7
Выделяем верхний слой и идем в меню Layer – New Fill Layer – Gradient (Слои – Новый слой-заливка – Градиент). Назовем этот слой Gradient (Градиент), устанавливаем Mode (Режим) Multiply (Умножение) и нажимаем OK.
Шаг 8
Шаг 9
Теперь просто поместите свой контент на новый фон.
Метод 3. Рисуем кистью
Шаг 1
Создаем в Photoshop новый документ любого размера по вашему выбору. Мой будет 1800 х 1200 пикселей.
Шаг 2
Выбираем инструмент Brush Tool (Кисть) (B). На верхней панели устанавливаем Mode (Режим) Normal (Нормальный), Opacity (Непрозрачность) и Flow (Нажим) – 100%. Выбираем размер кисти, которым вам нравится рисовать, устанавливаем ее Hardness (Жесткость) – 0%.
Шаг 3
Создаем новый слой и рисуем любым цветом, как показано на картинке.
Шаг 4
Создаем новый слой и выбираем другой цвет. Снова рисуем кистью в других местах на холсте. Также можно менять размер кисти при желании.
Шаг 5
Снова создаем новый слой, выбираем другой цвет и рисуем в незаполненных местах холста.
Шаг 6
Повторяем эти действия до тех пор, пока холст не будет заполнен.
Шаг 7
Идем в меню Layer – Merge Visible (Слои – Объединить видимые).
Шаг 8
Идем в меню Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Устанавливаем Blur Radius (Радиус размытия) на 96 и нажимаем OK.
Шаг 9
Теперь просто поместите свой контент на новый фон.
Метод 4. Используем текстуры
Шаг 1
Откройте любое изображение в Photoshop. В этом случае я использую акварельный градиент.
Шаг 2
Идем в меню Filter – Liquify (Фильтр – Пластика). В открывшемся окне выбираем любой размер кисти, как вам нравится, устанавливаем Brush Pressure (Нажим) около 80, выбираем инструмент Forward Warp Tool (Деформация).
Шаг 3
Теперь просто кликаем по изображению и перемещаем кисть, чтобы изменять сетку. Нажмите ОК как только будите довольны результатом.
Шаг 4
Идем в меню Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Устанавливаем Blur Radius (Радиус размытия) примерно на 60 и нажимаем OK.
Шаг 5
Теперь просто поместите свой контент на новый фон.
Метод 5. Рисуем Пером
Шаг 1
Создаем в Photoshop новый документ любого размера по вашему выбору. Мой будет 1800 х 1200 пикселей.
Шаг 2
Шаг 3
Выбираем Gradient Tool (Градиент). Убедитесь, что на верхней панели установлено Foreground to Background (От основного к фоновому), Gradient (Градиент) – Linear (Линейный), Mode (Режим) – Normal (Нормальный), Opacity (Непрозрачность) – 100%.
Шаг 4
Рисуем направление градиента из правого верхнего угла в левый нижний.
Шаг 5
Выбираем инструмент Pen Tool (Перо), на верхней панели устанавливаем режим Shape (Фигура).
Шаг 6
Рисуем абстрактную форму.
Шаг 7
Используя перо, рисуем еще несколько произвольных форм (по одной на слое).
Шаг 8
Выделяем первую фигуру и идем в меню Layer – Layer Style – Gradient Overlay (Слои – Стиль слоя – Наложение градиента). Установите градиент Foreground to Background (От основного к фоновому), остальные настройки как на картинке и нажмите ОК.
Шаг 9
Кликаем правой кнопкой мыши по этому слою и в появившемся меню выбираем Copy Layer Style (Скопировать стиль слоя). Выделяем остальные слои с фигурами, кликаем правой кнопкой мыши и выбираем Paste Layer Style (Вклеить стиль слоя).
Шаг 10
Двойным щелчков мыши открываем окно параметров наложения градиента самой нижней фигуры. В открывшемся окне Layer Style (Стиль слоя) делаем активным параметр Gradient (Градиент) (щелкаем по нему мышкой).
Шаг 11
Щелкаем мышкой по этой конкретной фигуре и с зажатой клавишей передвигаем градиент по фигуре до тех пор, пока не получим желаемый результат. После этого в окне Layer Style (Стиль слоя) нажимаем ОК.
Шаг 12
Повторяем весь процесс для остальных фигур.
Шаг 13
Теперь выделяем любые фигуры и идем в меню Layer – Layer Style – Drop Shadow (Слои – Стиль слоя Тень). Применяем настройки как на картинке и нажимаем ОК.
Читайте также: