Переверните, отразите и поверните изображения и рисунки в Photoshop: рассматриваем по полочкам

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

Я буду использовать Photoshop CC здесь, но все, что мы будем делать, полностью совместимо с Photoshop CS6 и более ранними версиями Photoshop.

Чтобы следовать, вы можете использовать любое изображение, которое вам нравится, но вы часто получите лучшие результаты, если изображение содержит много деталей. Вот фотография, которую я буду использовать (фотография цветов из Adobe Stock ):

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

Давайте начнем!

Как переворачивать, отражать и поворачивать изображения в фотошопе

Шаг 1: обрежьте фотографию, если необходимо

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

В общем, вам нужно будет обрезать объект вокруг себя, удаляя все окружающие области с низкой детализацией (например, чистое голубое небо), которые на самом деле ничего не добавят к конечному результату. В моем случае изображение, которое я использую, на самом деле не имеет областей с низкой детализацией. На самом деле, это практически цветет с деталями (немного цветочного юмора там). Я мог бы просто использовать всю фотографию такой, какая она есть, и получить действительно сумасшедший дизайн. Но чтобы немного упростить, я собираюсь подрезать некоторые цветы.

Чтобы обрезать изображение, выберите инструмент обрезки Photoshop на панели инструментов в левой части экрана:

Выбрав инструмент обрезки, убедитесь, что на панели параметров установлен флажок «Удалить обрезанные пиксели», поскольку нам нужно фактически удалять обрезанные пиксели, а не просто скрывать их от просмотра (примечание: параметр «Удалить обрезанные пиксели» доступен только в Photoshop CC и CS6 Если вы используете более раннюю версию, Photoshop удаляет пиксели по умолчанию, поэтому вам не нужно об этом беспокоиться):

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

Нажмите Enter (Win) / Return (Mac) на клавиатуре, когда будете готовы обрезать изображение:

Новый! Посмотрите видео этого урока на YouTube!

Шаг 2: продублируйте фоновый слой

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

Нам нужно создать копию этого слоя. Для этого нажмите на фоновый слой и перетащите его вниз на значок « Новый слой» в нижней части панели «Слои» (второй значок справа):

Photoshop делает копию фонового слоя, называет его «Фоновая копия» и помещает его над оригиналом:

Шаг 3: удвоить ширину холста

Поднимитесь в меню Image в верхней части экрана и выберите Canvas Size :

Откроется диалоговое окно «Размер холста» в Photoshop, которое мы будем использовать для увеличения пространства холста вокруг нашей фотографии. Нам нужно удвоить текущую ширину нашего холста, и мы хотим, чтобы все дополнительное пространство холста появилось справа от нашего изображения. Для этого установите значение « Ширина» на 200 процентов и оставьте « Высота» на уровне 100 процентов (при этом высота холста останется равной его текущему размеру). Оставьте Относительный параметр бесконтрольно . Чтобы выделить дополнительное пространство для холста справа от фотографии, щелкните левый средний квадрат в сетке привязки :

Нажмите OK, когда вы закончите, чтобы закрыть из диалогового окна. Фотошоп удваивает ширину холста, добавляя все дополнительное пространство справа от фотографии. По умолчанию Photoshop заполняет дополнительное пространство холста белым цветом. Если по какой-то причине ваш не белый, не беспокойтесь, потому что это не важно:

Шаг 4: перетащите фотографию на слой «Фоновая копия» вправо

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

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

Шаг 5: переверни изображение справа по горизонтали

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

Фотография справа мгновенно становится зеркальным отражением фотографии слева, создавая наш первый эффект:

Шаг 6: объединить два слоя вместе

Пока все хорошо, но, как говорится, мы только начали. Давайте объединим наши два слоя в один слой, перейдя в меню Layer вверху экрана и выбрав Merge Down :

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

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

Как и в предыдущем шаге, давайте продублируем фоновый слой, щелкнув по нему и перетащив его вниз на значок « Новый слой» :

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

Шаг 8: удвой высоту холста

Мы собираемся создать еще одно отражение нашего изображения, на этот раз по вертикали. Для этого нам нужно удвоить высоту нашего холста и чтобы новое пространство холста появилось ниже существующего изображения. Давайте еще раз вызовем диалоговое окно Canvas Size, зайдя в меню Image в верхней части экрана и выбрав Canvas Size :

Когда появится диалоговое окно, задайте для Width значение 100 процентов (при этом ширина будет равным текущему размеру), а для высоты — 200 процентов . Опять же , оставьте Относительный параметр непроверенной . Чтобы лишнее пространство появилось под изображением, нажмите на верхний средний квадрат в сетке привязки :

Нажмите кнопку ОК, чтобы закрыть диалоговое окно. Фотошоп добавляет дополнительное пространство холста под изображением. Если в данный момент вы не видите весь холст, поскольку он слишком велик, чтобы поместиться на вашем экране, перейдите в меню « Вид» и выберите команду « Подогнать на экране» или нажмите Ctrl + 0 (Win) / Command + 0 ( Mac) на вашей клавиатуре. Photoshop уменьшит масштаб документа до необходимого уровня, чтобы он соответствовал:

Шаг 9: перетащите изображение под оригинал

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

Шаг 10: переверни нижнее изображение по вертикали

Чтобы превратить нижнее изображение в зеркальное отражение верхнего, перейдите в меню « Правка» , выберите « Трансформировать» и затем выберите « Отразить по вертикали» :

Теперь у нас есть второе зеркальное отражение, на этот раз по вертикали. Вещи уже начинают выглядеть интересно:

Шаг 11: объединить оба слоя в новый слой

Пока что все, что мы делали, это делали копии изображения и переворачивали их горизонтально или вертикально. Давайте посмотрим, как далеко мы можем продвинуться, вращая копии изображения и пробуя разные режимы наложения слоев!

Во-первых, давайте объединим оба наших существующих слоя в совершенно новый слой. Для этого нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре. Удерживая клавишу нажатой, перейдите в меню « Слой» в верхней части экрана и выберите « Слияние видимых» в нижней части списка:

Обычно команда Merge Visible слила бы наши два слоя в один слой, как это делала команда Merge Down ранее. Но, удерживая нажатой клавишу Alt / Option, когда мы выбрали Merge Visible, мы сказали Photoshop создать новый слой и объединить наши существующие слои с новым.

На панели «Слои» мы видим, что теперь у нас есть третий слой с именем «Слой 1», и на его миниатюре предварительного просмотра мы видим, что он содержит объединенную копию изображений из двух исходных слоев под ним:

Шаг 12: поверни новый слой на 90 ° по часовой стрелке

Давайте повернем изображение на «Слой 1». Перейдите в меню « Правка» , выберите « Преобразование» , а затем выберите « Поворот на 90 ° по часовой стрелке» :

Это повернет слой на 90 ° по часовой стрелке, оставив два слоя под ним в их первоначальной ориентации:

Шаг 13: обрежь документ вокруг повернутого изображения

Далее мы обрежем документ вокруг повернутого изображения. Нажмите и удерживайте клавишу Ctrl (Win) / Command (Mac) на клавиатуре и щелкните непосредственно на миниатюре предварительного просмотра «Слоя 1» на панели «Слои»:

Это загружает контур выделения вокруг повернутого изображения. С выделением, перейдите в меню Image в верхней части экрана и выберите Crop :

Фотошоп обрезает области выше и ниже изображения. Чтобы удалить контур выделения, поскольку он нам больше не нужен, перейдите в меню « Выбор» в верхней части экрана и выберите « Отменить выбор» или нажмите клавиши Ctrl + D (Win) / Command + D (Mac) на клавиатуре:

Теперь, когда мы обрезали верх и низ, все, что мы можем видеть сейчас, это наше повернутое изображение. Мы исправим это позже, когда начнем экспериментировать с режимами наложения слоев в Photoshop:

Шаг 14: Экспериментируйте с режимами смешивания слоев

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

Вы найдете опцию Blend Mode в левом верхнем углу панели Layers. Он нигде не говорит «Режим смешивания», но по умолчанию этот параметр установлен на « Нормальный ». «Нормальный» означает, что слой вообще не смешивается со слоями под ним. Это просто блокирует их из виду. Давайте попробуем несколько разных режимов наложения, чтобы увидеть, что мы получаем. Я начну с изменения режима смешивания с Normal на Multiply :

Режим смешивания Multiply отлично смешивает мои изображения, чтобы создать интересный дизайн. Но поскольку Multiply — это один из нескольких режимов наложения в Photoshop, который затемняет все изображение, мы можем видеть, что созданный им эффект немного темнее, чем был раньше:

Я попробую другой режим смешивания, на этот раз Lighten :

Осветление — это один из нескольких режимов наложения, которые делают общее изображение ярче. Он работает, сравнивая пиксели на выбранном слое с пикселями на слоях под ним и затем сохраняя те пиксели, которые светлее. Здесь мы видим, что это определенно прояснило ситуацию и подарило мне еще один интересный дизайн. Лично мне этот нравится гораздо лучше

Если вы хотите что-то более психоделическое, попробуйте режимы « Разница» или « Исключение» . Я попробую разницу:

Режим смешивания Различия ищет различия между слоем и слоями под ним, а затем отображает эти различия разными цветами. В соответствии с его названием, результат определенно выглядит иначе:

Езда на велосипеде через режимы наложения с клавиатуры

Пока что я просто нажал на параметр «Режим наложения» на панели «Слои», а затем выбрал случайные, чтобы попробовать их из списка. Но вот гораздо более простой способ опробовать режимы наложения. Убедитесь, что у вас все еще выбран инструмент Move. Затем просто нажмите и удерживайте клавишу Shift на клавиатуре и используйте клавиши + и — для прокрутки списка вверх или вниз.

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

Шаг 15: объединить оба слоя в новый слой

Давайте попробуем сделать еще одну копию изображения, повернуть его, а затем изменить его режим наложения, чтобы увидеть, что мы получаем. Сначала мы объединим все три наших слоя на новый. Еще раз нажмите и удерживайте клавишу Alt (Победа) / Option (Mac), когда вы поднимаетесь в меню Layer и выбираете Merge Visible :

Это объединяет все три слоя в четвертый слой, «Слой 2», над ними:

Шаг 16: поверните новый слой на 45 °

Выбрав «Слой 2», перейдите в меню « Правка» , выберите « Преобразование» , а затем выберите « Поворот» :

Затем на панели параметров в верхней части экрана введите 45,0 в поле ввода « Угол», чтобы указать Photoshop повернуть изображение на «Слой 2» на 45 ° по часовой стрелке:

Нажмите Enter (Win) / Return (Mac) на клавиатуре один раз, чтобы принять введенный вами угол, затем нажмите Enter (Win) / Return (Mac) еще раз, чтобы выйти из команды Rotate. Вот мой дизайн с повернутым верхним изображением:

Шаг 17: измени режим смешивания

Наконец, попробуйте разные режимы наложения, как мы делали раньше, чтобы увидеть, как каждый из них влияет на то, как повернутое изображение на «Слой 2» сливается со слоями под ним. Опять же, самый простой способ сделать это, удерживая нажатой клавишу Shift и используя клавиши + и — для циклического переключения режимов смешивания.

Испытав их все, на этот раз я собираюсь перейти в режим смешивания темных цветов . Как и в режиме смешивания Multiply, который мы пробовали ранее, Darker Color также затемняет изображение, но оно немного более продвинутое. Он работает путем сравнения пикселей на выбранном слое с пикселями из слоев под ним, а затем сохраняет те пиксели, которые темнее:

И вот результат:

Конечно, вы всегда можете вернуться к этому моменту и изменить режим наложения на «Слой 1», если вы хотите продолжать экспериментировать. Для этого я нажму «Слой 1», чтобы выбрать его. Затем я изменю режим смешивания на что-то совершенно другое, например, Luminosity :

Режим наложения Luminosity смешивает яркость (значения яркости) выбранного слоя с цветами из слоев под ним, и здесь мы видим, что он создает совсем другой результат из предыдущих примеров, на которые мы смотрели:

Наконец, я нажму «Слой 2», чтобы выбрать его снова. Затем я изменю режим смешивания на Color :

Режим наложения цветов в Photoshop является противоположностью светимости. Он смешивает цвет выбранного слоя с яркостью слоев ниже. Другими словами, он раскрашивает изображение, давая нам еще один уникальный результат:

Конечно, вам не нужно знать, как каждый из 27 различных режимов наложения слоев (начиная с Photoshop CC 2017) работает для создания этого эффекта. Все, что вам действительно нужно знать, — это как проходить через них и выбирать тот, который вам нравится больше всего! Тем не менее, есть несколько режимов смешивания вы будете использовать все время в работе Photoshop. Чтобы узнать о них все, ознакомьтесь с нашим руководством по пяти основным режимам наложения Photoshop .

And there we have it! That’s how to create interesting designs and patterns with an image simply by flipping, rotating and mirroring it, and experimenting with layer blend modes, in Photoshop! For similar tutorials, see our Mirror Image Effect or our Blend Textures With Photos tutorials. Or visit our Photo Effects section for more Photoshop effects tutorials!