Фотошоп флип флоп: Как обработать фотографию в стиле флип флоп в фотошопе

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

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

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

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

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

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

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

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

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

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

Шаг 3. Удвойте ширину холста

Перейдите в меню Изображение в верхней части экрана и выберите Размер холста :

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

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

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

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

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

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

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

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

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

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

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

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

Перейдите в меню «Правка» > «Трансформировать» > «Отразить по горизонтали».

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

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

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

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

Переход к Слою > Объединить вниз.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Чтобы превратить нижнее изображение в зеркальное отражение верхнего, перейдите в меню Edit , выберите Transform , а затем выберите Flip Vertical :

Перейдите в «Правка» > «Трансформировать» > «Отразить по вертикали».

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

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

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

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

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

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

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

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

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

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

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

Перейдите в меню «Правка» > «Трансформировать» > «Повернуть на 90° по часовой стрелке».

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

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

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

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

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

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

Перейдите в Изображение > Обрезать.

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

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

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

Результат после обрезки областей над и под изображением.

Шаг 14. Поэкспериментируйте с режимами наложения слоев

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

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

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

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

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

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

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

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

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

Если вы хотите чего-то более психоделического, попробуйте режимы наложения Difference или Exclusion . попробую Разница:

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

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

Эффект с режимом наложения «Разница».

Переключение режимов наложения с клавиатуры

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

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

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

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

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

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

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

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

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

Переходим в Редактирование > Трансформировать > Повернуть.

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

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

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

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

Шаг 17: Измените режим наложения

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

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