Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

190 679 чел. 391 263 работы 4 042 урока
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Создаем иллюзию бесконечной картины в Фотошоп

Отличным проектом для тестирования ваших навыков в Photoshop является создание оптической иллюзии. Оптическая иллюзия создает эффект, который заставляет вас видеть то, чего нет, или то, что вы видите, отличается от того, как оно должно выглядеть на самом деле.

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

Скачать архив с материалами к уроку

Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.

1. Как настроить документ для иллюзии

Шаг 1

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

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

  1. Общая позиция тела: мне нравится эта фотография из-за ее сильного прямого взгляда на камеру. Но, к сожалению, ее тело расположено под углом, а руки направлены вниз, поэтому мне нужно найти способ исправить это.
  2. Расположение рук: Чтобы сделать эту работу, модель должна держать в руках картинную рамку. Если вы не смогли найти нужное стоковое изображение, когда модель уже держит рамку, то подумайте о том, как построить язык тела с нуля. Для этого нам нужно исследовать изображения с подходящими для нас позициями рук, чтобы потом создать нужный нам вид.
  3. Фон: Последнее, что нам нужно – это хороший фон. Оригинальная композиция работает как отдельная фотография, но для создания этой иллюзии нам нужно сосредоточить все в центре и создать больше глубины резкости для лучшего воздействия.

Чтобы увидеть, как эти пункты относятся к созданию иллюзии, давайте быстро рассмотрим «до» и «после», чтобы сравнить исходную фотографию и окончательный вариант.

Шаг 2

Теперь мы можем перейти к созданию документа. Откройте стоковое изображение с рыжей моделью в Photoshop. Дважды кликните мышкой по фоновому слою, чтобы изменить его на Layer 0 (Слой 0).

С помощью инструмента Crop Tool (Рамка) (C) увеличьте правую часть изображения, чтобы получить больше места. Мы это делаем, чтобы создать более сбалансированную сцену. Затем немного увеличьте изображение сверху. После того как закончите, размеры должны измениться от 1920 x 1280 пикселей до 2226 x 1412 пикселей.

Шаг 3

Теперь давайте заполним пустое пространство. Создайте новый слой под исходной фотографией и залейте его черным цветом с помощью инструмента Paint Bucket Tool (Заливка) (G). Затем выберите слой с фотографией и дважды нажмите комбинацию клавиш Control-J, чтобы создать дубликат слоя. Назовите один из дубликатов «Right» для правой части композиции. Далее скройте видимость другой копии для последующего шага.

Выберите слой «Right» и перейдите в Edit > Transform > Flip Horizontal (Редактирование > Трансформирование > Отразить по горизонтали). Убедитесь, что на панели слоев этот слой расположен под исходным слоем с фотографией. Далее переместите его в нужную сторону, чтобы заполнить пробел.

2. Как совместить фоновые изображения вместе

Шаг 1

Скопируйте и вставьте изображение с лесом в документ как отдельный слой и разместите его над черным фоновым слоем. Измените его в соответствии с фоном с помощью Free Transform Tool (Свободной трансформации) (Control-T). Удостоверьтесь, что изображение расположено так, что верхняя часть кустов с оригинальной фотографии подходит к деревьям.

Шаг 2

Давайте подкорректируем цвет слоя с лесом, чтобы он соответствовал исходной фотографии. Перейдите в меню Image > Adjustments > Hue and Saturation (Изображение > Коррекция > Цветовой тон/Насыщенность). Отрегулируйте настройки следующим образом:

  • Hue (Цветовой тон): -3
  • Saturation (Насыщенность): -64
  • Lightness (Яркость): -15

Нам нужно еще немного изменить цвет, чтобы изображения слились. Создайте новый корректирующий слой Color Balance (Цветовой баланс) со следующими настройками для Shadows (Теней) и Mid tones (Средних тонов):

Затем добавьте новый корректирующий слой Curves (Кривые) и разместите его выше, чтобы усилить и сбалансировать освещение. Отрегулируйте кривую для канала RGB, как показано ниже.

Шаг 3

Теперь создайте глубину резкости, слегка размывая фон. Выберите слой с лесом и перейдите в Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу). Установите значение Radius (Радиус) на 7.7, после нажмите OK.

Шаг 4

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

Возьмите Brush Tool (Кисть) (B) и установите Hardness (Жесткость) на 0%. Далее прокрасьте черным цветом на слой-масках в тех областях, где вы видите четкие линии между слоями. Так вы скроете ненужную часть и получите плавный переход. Вы заметите, что у слоя «Right» также есть четкий край, чтобы его убрать, перейдите на слой-маску оригинальной фотографии и сделайте плавный переход с помощью черной мягкой кисти.

Вот такой результат у вас должен получиться.

3. Как изменить положение тела модели

Шаг 1

С фоном мы закончили и теперь можем сосредоточиться на модели. Помните, что мы скрыли слой ранее? Включите видимость данного слоя.

Используйте инструмент Magnetic Lasso Tool (Магнитное лассо) (M), чтобы создать выделения вокруг модели. Далее, не снимая выделения кликните на значок создания слой-маски, тем самым вы скроете весь фон, кроме девушки.

Шаг 2

Чтобы казалось, что модель стоит прямо к нам, нам нужно сделать так, чтобы оба ее плеча были обращены вперед. Выберите слой «Model» и перейдите в Edit > Transform > Flip Horizontal (Редактирование > Трансформирование > Отразить по горизонтали), чтобы ее перевернуть.

Теперь используйте Brush Tool (Кисть) (B) и с помощью черного цвета скройте часть тела девушки. Единственное, что нужно будет оставить, это ее правое плечо и нижнюю часть свитера. Имейте в виду, что потом все будет закрыто рамкой.

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

Шаг 3

Теперь добавим картинную раму в нашу работу. Это изображение уже имеет прозрачный фон, поэтому вырезать его вам не нужно. Скопируйте и вставьте рамку в композицию, изменив ее размер и повернув с помощью инструмента Free Transform (Свободное трансформирование) (Control-T).

Создайте выделение для внутренней части рамки с помощью инструмента Rectangular Marquee Tool (Прямоугольная область) (M) и залейте выделение черным цветом с помощью инструмента Paint Bucket Tool (Заливка) (G).

Откорректируйте цвет рамки. Создайте новый корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) в качестве обтравочной маски для слоя с рамкой. Установите настройки следующим образом:

  • Hue (Цветовой тон): +42
  • Saturation (Насыщенность): -72
  • Lightness (Яркость): -53

Шаг 4

Создайте новый слой с режимом наложения Linear Dodge (Add) (Линейный осветлитель) над слоем с рамкой. Возьмите Brush Tool (Кисть) (B) и оливковым цветом # 68573d начните рисовать по рамке. Данный режим наложения создаст яркие золотые блики, поэтому обязательно сделайте красивую блестящую отделку. Не стесняйтесь добавлять больше бликов на этом же слое, чтобы выделить узор и сбалансировать освещение.

Шаг 5

У нас не может получиться так, что не видно рук, которые должны держать картину! Сначала выделите одну руку из изображения с рекламной моделью с помощью инструмента Lasso Tool (Лассо) (L), скопируйте и вставьте её на новый слой над рамкой. Поверните и измените её размер с помощью инструмента Free Transform Tool (Свободная трансформация) (Control-T). Добавьте слой-маску к слою рукой. С помощью черной кисти скройте ненужные части.

Сейчас рука смотрится слишком ярко. Добавьте новый корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) в качестве обтравочной маски для слоя с рукой. Установите настройки следующим образом:

  • Hue (Цветовой тон): 0
  • Saturation (Насыщенность): -36
  • Lightness (Яркость): -12

Как только вы закончите работу с первой рукой, дублируйте ее, чтобы сделать из неё вторую. Выберите слой со второй рукой и перейдите в меню Edit > Transform > Flip Horizontal (Редактирование > Трансформирование > Отразить по горизонтали).

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

4. Как создать иллюзию изображения внутри изображения

Шаг 1

Теперь создаем иллюзию! Процесс довольно простой, но в первую очередь давайте добавим холодный фильтр на изображение. Добавьте новый корректирующий слой Color Lookup (Поиск цвета) со следующими параметрами:

  • 3DLUT File: Fuji F125 Kodak 2395

Шаг 2

Выберите инструмент Zoom Tool (Лупа) (Z) и нажмите кнопку Fit Screen (Показать во весь экран), чтобы изображение полностью вписалось в окно. Теперь сделайте скрин экрана, нажав клавишу Print Screen на клавиатуре.

Создайте новый документ и вставьте скрин экрана. Используйте инструмент Rectangular Marquee Tool (Прямоугольная область) (M), чтобы выделить изображение, потом скопируйте и вставьте его в нашу работу.

Шаг 3

Измените размер изображения с помощью инструмента Free Transform Tool (Свободное трансформирование) (Control-T) и расположите его так, чтобы он выравнивался по центру в пределах рамки. Если у вас будет выступать изображение за границы рамки, то просто используйте инструмент Rectangular Marquee Tool (Прямоугольная область) (M), чтобы выделить ненужную часть и удалить её.

Теперь повторите данный процесс, чтобы создать иллюзию бесконечности. Просто дублируйте (Control-J) слой со скрином экрана несколько раз, измените размер каждого из них и расположите их внутри рамок.

Я использовал четыре слоя, чтобы создать этот бесконечный эффект. Если вы все еще видите черный квадрат даже в самой маленькой рамке, то выделите его с помощью инструмента Rectangular Marquee Tool (Прямоугольная область) и удалите черную часть. Это должно решить эту проблему.

5. Финальное редактирование иллюзии

Шаг 1

Готовы ли вы закончить работу по созданию этой иллюзии? У нас осталось всего несколько шагов. Сначала давайте поправим и усилим цвет. Добавьте новый корректирующий слой Levels (Уровни) со следующими настройками:

Затем добавьте новый корректирующий слой Color Balance (Цветовой баланс) со следующими настройками:

Вот как выглядит композиция с этими двумя настройками:

Шаг 2

Чтобы закончить работу, мы уточним детали для большей интенсивности. Сначала создайте новую группу и поместите в нее все слои. Дублируйте группу и объедините все слои внутри нее.

Выберите слой «Merged» и дублируйте его (Control-J). Установите режим наложения слоя на Overlay (Перекрытие) и перейдите в Filter > Other > High Pass (Фильтр > Другое > Цветовой контраст). Установите радиус 10 пикселей и нажмите ОК. Затем уменьшите Opacity (непрозрачность) до 29%.

Вот и все! Финальный результат вы уведите ниже.

Удивительная работа!

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

Я очень надеюсь, что вам понравился этот урок.

Автор урока: Melody Nieves

Комментарии 103

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Благодарю автора и переводчика за урок!

Ирина, спасибо за перевод! Замечательный урок. Автору отдельное СПАСИБО!

Спасибо! Очень интересный урок!

Понравился урок, решила еще одну сделать)))

Спасибо за перевод и урок !

Создаем иллюзию бесконечной картины в Фотошоп. Спасибо.

Вот и моя иллюзия бесконечности :)

Огромное спасибо за урок!

Оптический обман. Какая красивая и интересная работа. Спасибо.

А у меня так вот получилось. Спасибо

Немножко чертовщины ))) Спасибо за урок.

Спасибо, урок очень понравился

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

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules