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

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

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

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

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

Красивые цветы.  Изображение 78245864 по лицензии Adobe Stock

Исходное изображение. Фото предоставлено: Adobe Stock.

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

Окончательный дизайн рисунка создан из одного изображения в Photoshop.

Один возможный дизайн. Ваши результаты будут зависеть от вашей фотографии и выбранных вами режимов наложения.

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

Содержание

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

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

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

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

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

Выбор инструмента обрезки в Photoshop.

Выбор инструмента обрезки.

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

Параметр «Удалить обрезанные пиксели» для инструмента «Обрезка».

Убедитесь, что установлен флажок «Удалить обрезанные пиксели».

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

Обрезка изображения с помощью Crop Tool.

Перетаскивая границу обрезки вокруг правой стороны фотографии.

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

Изображение после того, как оно было обрезано в Фотошопе.

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

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

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

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

Панель «Слои» показывает обрезанное изображение на фоновом слое.

Панель «Слои» показывает обрезанное изображение на фоновом слое.

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

Перетащите фоновый слой на значок нового слоя.

Перетащите фоновый слой на значок нового слоя.

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

Панель «Слои», отображающая фоновый слой над оригиналом.

Появится слой «Фоновая копия».

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

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

Выбор команды Photoshop Canvas Size.

Идем в Изображение> Размер холста.

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

Диалоговое окно «Размер холста» в Photoshop.

Настройки для удвоения ширины холста.

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

Дополнительное пространство холста теперь появляется на правой стороне фотографии.

Дополнительное пространство холста появляется на правой стороне фотографии.

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

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

Photoshop Move Tool.

Выбор инструмента перемещения.

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

Перетащите копию изображения вправо.

Перетаскивание копии изображения вправо от оригинала.

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

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

Команда «Перевернуть по горизонтали» в Photoshop.

Собираемся Правка> Трансформировать> Отразить по горизонтали.

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

Эффект зеркального отображения фотошопа.

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

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

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

Команда «Объединить вниз» в Photoshop.

Идем в Layer> Merge Down.

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

Панель «Слои», показывающая объединенные слои.

Фоновый слой теперь содержит наш зеркальный эффект.

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

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

Перетащите фоновый слой на значок нового слоя.

Снова перетащите фоновый слой на значок нового слоя.

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

Панель «Слои», показывающая новый фоновый слой копирования.

Панель «Слои» с новым слоем «Фоновая копия».

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

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

Выбор команды Photoshop Canvas Size.

Идем в Изображение> Размер холста.

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

Удвоение высоты холста в фотошопе.

Настройки для удвоения высоты холста.

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

Дополнительное пространство холста было добавлено под изображением в Photoshop.

Дополнительное пространство холста появляется под изображением.

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

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

Перетаскивание изображения на фоновом слое копирования ниже оригинала.

Перетащите изображение на слой «Фоновая копия» под оригиналом.

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

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

Выбор команды «Отразить по вертикали» в меню «Правка» в Photoshop.

Собираемся Правка> Трансформировать> Отразить по вертикали.

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

Второй эффект зеркального отражения фотошопа.

Нижнее изображение теперь является отражением верхнего изображения.

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

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

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

Команда Merge Visible в Photoshop.

Удерживая Alt (Win) / Option (Mac) и перейдите в Layer> Merge Visible.

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

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

Два исходных слоя теперь объединены в третий слой в Photoshop.

Два исходных слоя были объединены в третий слой.

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

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

Команда Повернуть на 90 градусов по часовой стрелке в Photoshop.

Идем в Edit> Transform> Повернуть на 90 ° по часовой стрелке.

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

Результат после поворота верхнего изображения на 90 градусов.

Результат после поворота «Слоя 1» на 90 градусов.

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

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

Нажав на эскиз предварительного просмотра для слоя 1 на панели слоев в Photoshop.

Нажав на эскиз предварительного просмотра, удерживая Ctrl (Win) / Command (Mac).

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

Выбор команды «Обрезать» в Photoshop.

Идем в Image> Crop.

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

Выбор Отмените выбор из-под меню «Выбор» в Photoshop.

Собираюсь Выбрать> Отменить выбор.

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

Результат после обрезки областей выше и ниже изображения.

Результат после обрезки областей выше и ниже изображения.

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

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

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

Изменение режима наложения для слоя 1 на Умножение.

Изменение режима наложения для «Слоя 1» на «Умножение».

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

Дизайн после установки режима смешивания на Умножение.

Умножение создает интересный, но темный рисунок.

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

Изменение режима наложения для слоя 2 на светлее.

Изменение режима наложения для «Слоя 1» на «Светлее».

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

Дизайн после установки режима наложения на Светлее.

Lighten создает еще один интересный и гораздо более легкий дизайн.

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

Изменение режима наложения для слоя 2 на затемнение.

Изменение режима наложения на разницу.

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

Дизайн после установки режима смешивания на разницу.

Эффект с режимом наложения, установленным на разницу.

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

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

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

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

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

Команда Merge Visible в Photoshop.

Удерживая Alt (Win) / Option (Mac) и выберите «Слой»> «Объединить видимое».

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

Все три слоя теперь объединены в Layer 2.

Все три слоя теперь объединены в «Слой 2».

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

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

Выбор команды Повернуть в Photoshop.

Собираемся Правка> Трансформировать> Повернуть.

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

Установка параметра «Угол» на панели параметров на 45 градусов.

Ввод «45.0» в поле Угол.

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

Переверните, отразите и поверните изображение в Photoshop.

Эффект после поворота «Слоя 2» на 45 °.

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

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

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

Изменение режима наложения верхнего слоя на более темный цвет.

Установка верхнего слоя на более темный цвет.

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

Результат после изменения режима наложения верхнего слоя на более темный цвет.

Эффект после изменения режима наложения верхнего слоя на более темный цвет.

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

Выбрав Layer 1 и изменив его режим наложения на Luminosity.

Выбрав «Слой 1» и изменив его режим наложения на Luminosity.

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

Результат с режимом наложения слоя 1 установлен на Luminosity.

Результат с «Layer 1» установлен на Luminosity.

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

Выбрав Layer 2 и изменив его режим наложения на Color.

Выбрав «Слой 2» и изменив его режим наложения на Color.

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

Результат со слоем 2 теперь установлен в режим смешивания цветов.

Результат с «Layer 2» теперь установлен на Color.

Конечно, вам не нужно знать, как каждый из 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!

Be the first the know when new tutorials are added!


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

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

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

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

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