Как сделать анаглиф в фотошопе
Обновлено: 06.07.2024
Из этого урока вы узнаете, как создать изображение с 3D анаглиф эффектом в фотошоп. Что бы оценить данный эффект в полную силу, вам необходимо приобрести анаглифические очки с красной и голубой линзой. Вы можете найти и приобрести такие очки онлайн за пару $, которые работают на отлично.
Более подробно о данном эффекте можно прочитать в Wikipedia. Для тех кто не в теме, посмотрите на примеры представленные ниже.
Стереофотографии могут быть созданы разными способами. Я покажу вам наиболее простой и быстрой метод создания анаглиф эффекта с использованием только одного изображения.
1-й этап: Подготовка фотографии
В качестве исходной фотографии я использовал портрет девушки:
Откройте свою фотографию в фотошопе. Щелкните два раза по слою, чтобы его разблокировать.
Затем назовите слой "Левый" (для этого щелкните два раза по тексту Слой 0)
Перейдите во вкладку Слои -> Создать дубликат слоя или нажмите сочетание клавиш Ctrl + J. Дубликат переименуйте в "Правый".
2-й этап: Приступаем к созданию Анаглиф эффекта
Откройте стиль слоя "Левый" и отключите красный канал. Для этого пройдите Слои -> Стиль слоя -> Параметры наложения или щелкните два раза по слою.
Откройте стиль слоя "Правый", и отключите зеленый и синий канал.
3-й этап: Кадрирование фотографии
Как только закончили со смешением, нужно кадрировать фотографию в области где пересекаются оба слоя. В моем случае я обрезал оба края. Для кадрирования воспользуйтесь инструментом "Рамка".
Итоговый результат
Вот и все! Самое увлекательное в данном приеме, то что вы не знаете как эффект получится до обработки.
Осталось только надеть анаглифические 3D очки, и наслаждаться своим результатом. К стати если вы не в курсе этот эффект широко применяется в видео. Вот один ролик про водопады с анаглиф эффектом. Посмотрите, это очень красиво!
Самое важное, что есть в каждой семье это семейные фотографии. Это те лучшие моменты запечатленные на долгое время, при просмотре которых получаем много хороших эмоций. Чтобы фотографии были по истине красивыми и качественными, мы советуем обращаться к профессионалам . Вам сделают очень качественные фото с красивой композицией.
Нам будет очень приятно посмотреть на ваш результат, не забудьте показать его в комментариях.
Сложность урока: Легкий
Хотите, чтобы ваша фотография была похожа на картинку 3D фильма? В этом уроке вы узнаете, как создать 3D анаглиф эффект на фотографии в программе Adobe Photoshop. Мы создадим данный эффект всего за 4 шага, давайте приступим!
Итоговый результат:
Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.
Шаг 1
3D анаглиф – это стереоскопический эффект, который содержит картинки в двух цветах, предназначенных для левого и правого глаза. Чтобы создать данный эффект, вначале откройте своё исходное изображение в программе Photoshop. Старайтесь подбирать исходные фотографии с простым изображением, т.к. эффект не будет хорошо смотреться на фотографиях с высокой детализацией. В этом уроке я использовал фотографию девушки с ярким макияжем. Дважды щёлкните по слою с исходной фотографией и в появившемся окне Новый слой (New Layer) дайте название Слой 1 (Layer 1).
Шаг 2
Теперь нажмите клавиши (Ctrl+J), чтобы продублировать слой с исходной фотографией.
Щёлкните правой кнопкой мыши по слою Слой 1 (Layer 1) и в появившемся меню выберите опцию Параметры наложения (Blending Options). В настройках Дополнительные параметры (Advanced Blending), уберите галочку в окошке рядом с буквой ‘G’, данная буква означает зелёный канал.
Далее, перейдите на дубликат слоя с фотографией и повторите предыдущие шаги. Щёлкните правой кнопкой мыши по дубликату слоя и в появившемся меню выберите опцию Параметры наложения (Blending Options). Только на этот раз, в настройках Дополнительные параметры (Advanced Blending), уберите галочку в окошке рядом с буквой ‘R’, данная буква означает красный канал.
Шаг 3
Пришло время создать красивый эффект! Выберите инструмент Перемещение (Move Tool (V)). Перейдите на слой Слой 1 (Layer 1), теперь нажмите клавишу направления со стрелкой влево примерно 5-15 раз, чтобы сдвинуть изображение влево.
Теперь перейдите на дубликат слоя с фотографией. Нажмите клавишу направления со стрелкой вправо примерно 5-15 раз, чтобы сдвинуть изображение вправо.
Приготовьтесь одеть 3D очки!
Шаг 4
Последний, но не менее важный шаг. С помощью инструмента Рамка (Crop Tool (C)), обрежьте края изображения. И на этом всё! Теперь оденьте 3D очки, чтобы увидеть созданный эффект в действии.
Попробуйте применить этот простой эффект на других фотографиях, например, тот же самый эффект на других фотографиях вы можете увидеть ниже. Поэкспериментируйте с различными объектами, поиграйте со смещением слоёв со стереопарой, чтобы получить интересные результаты.
Шаг 1. Мы будем использовать фоновое изображение в качестве основы размера для этой композиции. Откройте фоновое изображение и убедитесь, что его разрешение (resolution) установлено на 300px/inch.
При активном слое «Фон» (Background) нажмите сочетание клавиш Ctrl+J, чтобы скопировать слой и изменить Режим смешивания (Blend Mode) копии на Умножение (Multiply).
Прим. переводчика: Параметр Режим смешивания (BlendMode) слоя расположен в верхней части палитры слоев слева от параметра Непрозрачность (Opacity).
Шаг 2. Теперь откройте изображение с нашей девушкой – жертвой моды. Чтобы сохранить отдельный оригинал изображения и избежать повторного вырезания в случае ошибок, которые мы можем совершить в будущем, сохраним нашу жертву моды отдельным документом.
С помощью инструмента Перо (Pen) создайте контур по внешнему краю девушки, включая куб, на котором она сидит. После того, как вы обведете края, создайте еще несколько контуров между ее лицом и серьгами, рукой и ногой, а также между обеими ногами. Как только все контуры будут нарисованы, кликните в любом месте правой кнопкой мыши и выберите Создать выделение (Make Selection). Нажмите сочетание клавиш Ctrl+J, чтобы скопировать выделение на новый слой.
Прим. переводчика: Убедитесь, что выделение образовалось именно вокруг девушки, а не вокруг фона. Если у вас «бегающая дорожка» образуется по периметру документа, то у вас выделен фон. В этом случае вам надо воспользоваться сочетанием клавиш Ctrl+Shift+I или меню Выделение – Инвертировать (Select – Invert), чтобы инвертировать выделение, выделив тем самым девушку. Только тогда копируйте ее на новый слой.
Шаг 3. Переместите вырезанную жертву моды в нашу основную композицию. Измените название слоя на «Жертва моды» и поместите ее по левому краю, как показано на изображении ниже.
Нажмите сочетание клавиш Ctrl+J, чтобы копировать слой «Жертва моды», измените Режим смешивания (Blend Mode) копии на Умножение (Multiply) и уменьшите Заливку (Fill) до 50%.
Шаг 4. Создайте новый слой под слоем «Жертва моды» и назовите его «Тень модели». При выделенном слое «Тень модели» зажмите клавишу Ctrl и кликните по миниатюре слоя «Жертва моды» для создания выделения. Залейте выделение черным. Нажмите сочетание клавиш Ctrl+D, чтобы удалить выделение. Теперь нам нужно сместить черную тень модели, перейдя в меню Редактирование – Трансформация – Искажение (Edit> Transform>Distort).
Расположите два верхних маркера, как на рисунке ниже.
Примените Размытие по Гауссу (Gaussian Blur) радиусом 40px, перейдя в меню Фильтр – Размытие – Размытие по Гауссу (Filter>Blur>Gaussian Blur).
Затем примените маску слоя (layer mask). В качестве основного цвета установите черный цвет, а затем выберите инструмент Градиент (Gradient) и проведите линейным (linear) градиентом по маске слоя от головы на тени до модели.
Шаг 5. Выберите копию фонового слоя и создайте над ним корректирующий слой (adjustment layer) Цветовой тон/Насыщенность (Hue/Saturation).
В окне Цветовой тон/Насыщенность (Hue/Saturation) отметьте параметр Тонирование (Colorize), установите Цветовой тон (Hue) на 0, а Насыщенность (Saturation) на 48 и Яркость (Lightness) на 10.
Шаг 6. Создайте группу (group) над корректирующим слоем (adjustment layer) Цветовой тон/Насыщенность (Hue/Saturation) и назовите его «Правая граница»(right border). В этой группе нарисуйте продолговатый прямоугольник или длинную полоску с помощью инструмента Прямоугольник (Rectangle), начинающийся с верхней части изображения, заканчивающийся в нижней. При активном новом слой-фигуре, нажмите сочетание клавиш Ctrl+J 5 раз, чтобы дублировать слой. Расположите их на небольшом расстоянии друг от друга. Теперь, начиная с первой фигуры, измените цвет у каждого прямоугольника, подбирая цвета к шортам нашей жертвы моды.
Прим. переводчика: убедитесь, что инструмент Прямоугольник (Rectangle) установлен у вас в режиме слой-заливка (filllayer).
Создайте новый слой в группе «Правая граница» (right border) под другими слой-фигурами и назовите его «градиент правой границы» (right_border_gradient). В качестве основного цвета установите черный, выберите инструмент Градиент (Gradient) и проведите линейный градиент (linear gradient) от правой границы до обуви модели.
Шаг 7. Затем откройте оба векторных набора в Illustrator. Начнем с брызг "splatters", скопируйте и вставьте несколько из них, или их все из Illustrator’а в Photoshop над группой «правая граница»(right_border) в качестве Смарт-объектов (Smart-Object). Я оставил векторные объекты с их стандартными цветами, поскольку они хорошо сочетаются с нашей работой, но вы свободно можете их изменить, если захотите. Расположите их вокруг головы модели: сзади, справа и слева. Я разместил свои брызги на четырех отдельных слоях, таким образом, я могу контролировать положение каждого из них.
Как только вы скопируете и вставите все векторные брызги, какие захотите, повторите этот же процесс с цветочным векторным набором, расположив их вокруг модели. Снова изменяйте цвет любого векторного объекта по своему усмотрению.
Создайте новую группу над группой «правая граница» (right_border) и назовите ее «векторное искусство» (vector art). Переместите в нее все векторные изображения.
Шаг 8. Так-так, я знаю, о чем вы думаете… Когда же мы будем делать 3D? И знаете что? Момент настал! Пришло время воплотить ваши задумки в реальность, так что возьмите свои 3D очки и положите их рядом с собой.
Для начала отключите видимость группы «правая граница» (right_border).
Теперь нам необходимо сохранить изображение, как два отдельных .jpg/.jpg изображения. Для начала сохраните изображение с помощью сочетания клавиш Ctrl+Shift+S или Файл – Сохранить как (File>Save As). Сохраните его где-нибудь, где вам потом его будет легко найти, поскольку мы его скоро будем использовать. Назовите его как «жертва_моды_слева» (fashion_victim_left).
Затем выделите слои «жертва моды» и «жертва моды копия», выделив один, а затем при нажатой клавише Shift другой. Нажмите клавишу V, чтобы активировать инструмент Перемещение (Move). Зажмите клавишу Shift и нажмите клавишу со стрелкой влево дважды. Теперь, как и ранее, нажмите сочетание клавиш Ctrl+Shift+S или перейдите к меню Файл – Сохранить как (File>Save As), чтобы сохранить изображение. На этот раз назовите изображение «жертва_моды_справа» (fashion_victim_right).
Шаг 9. Откройте оба изображения «жертва_моды_слева» (fashion_victim_left) и изображение «жертва_моды_справа» (fashion_victim_right). В документе с изображением «жертва_моды_справа» (fashion_victim_right) разблокируйте слой «Фон» (Background) и дайте ему название «справа» (right). Нажмите сочетание клавиш Ctrl+Shift+S и сохраните его c расширением .psd под именем «жертва_моды_анаглиф» (fashion_victim_anaglyph).
Поместите изображение «жертва_моды_слева» (fashion_victim_left) в документ «жертва_моды_анаглиф» (fashion_victim_anaglyph).psd и дайте этому слою название «слева» (left).
Выделите слой «слева» (left), понизьте его непрозрачность (opacity) до 50%, и вы заметите, что изображение девушки начнет немного выходить из фокуса. Используя клавиши стрелок, расположите слой «слева» (left) так, чтобы изображение снова стало чистым. Установите непрозрачность (opacity) слоя «слева» (left) снова на 100%.
Шаг 10. Выключите видимость слоя «слева» (left). Сделайте активным слой «справа»(right) и нажмите сочетание клавиш Ctrl+L или перейдите к меню Изображение – Коррекция – Уровни (Image > Adjustments > Levels), чтобы скорректировать уровни для слоя.
Выберите Красный (Red) канал из выпадающего меню и измените значение 225 у внешних (output) уровней на 0.
Это действие удалит красный из слоя, оставив сине-зеленое изображение.
Шаг 11. Верните видимость слоя «слева» (left). При активном слое «слева» повторите процесс, описанный в шаге 10, но на этот раз для синего (blue) и зеленого (green) каналов.
Теперь слой «слева» (left) должен отображаться у вас без зеленого и синего, как вы видите ниже.
Измените режим смешивания слоя «слева»(left) на Осветление (Screen).
Оденьте свои 3D очки. Нажмите клавишу V, чтобы активировать инструмент Перемещение (Move) и с помощью клавиш со стрелками перемещайте слой «слева» (left) до тех пор, пока жертва моды не «вылезет» из фона. Моя корректировка была следующей: удерживая клавишу Shift, я нажал правую стрелку на клавиатуре четыре раза и один раз стрелку вниз.
Шаг 12. В зависимости от положения вашего слоя, вам нужно убрать участок на изображении, который не покрывается нашим эффектом, посмотрите на пример ниже.
Прим. переводчика: Когда мы сдвигали влево слой «слева» (left), он открыл нам видимую часть слоя «справа» (right), именно эта часть теперь является лишней в нашем изображении. Чтобы все было идеально, его нужно обрезать, что и предлагает автор.
Нажмите клавишу С, чтобы вызвать инструмент Кадрирование (Crop) для обрезания ненужного участка.
Создайте новую группу и назовите ее «Анаглиф» (anaglyph). Поместите в нее оба слоя «слева» (left) и «справа» (right).
Шаг 13. Вернитесь к основной композиции, отключите видимость для всех групп и слоев, кроме группы «правая граница» (right border). Поместите в этот основной документ группу «Анаглиф» (anaglyph), чтобы она располагалась ниже группы «правая граница» (right border).
Изображение не полностью перекрывает холст. Поскольку это довольно небольшие участки, увеличим его по размеру холста. Нажмите сочетание клавиш Ctrl+T, чтобы вызвать инструмент Трансформация (Transform) и увеличьте масштаб изображения.
What You'll Be CreatingPhotoshop за 60 секунд: 3D Анаглиф Эффект
Трехмерное изображение Анаглиф - это изображение которое содержит в себе изображения окрашенные двумя разными способами, по одному для каждого глаза, обычно с помощью фильтров, как правило красного и синего. Что бы испытать объемный стереоскопический эффект, вам понадобятся 3D очки с красным и синим стеклами, что бы увидеть этот трюк в действии. Хотя, как известно, это используется в области кино и фотографии, вы так же можете добавить этот эффект в свой дизайн, в качестве интересного хода.
Узнайте как создать этот простой эффект из короткого 60-секундного видеоурока. И обязательно посмотрите наш раздел с 3D Эффектами-Экшенами для Photoshop на GraphicRiver.
Как Создать Анаглиф Эффект в Photoshop
Дважды кликните по фоновому слою и Назовите новый слой, Left (Левый), затем удерживая Control-J создайте Дубликат этого слоя, назовите новую копию, Right (Правый).
Выберите правый слой и Кликните Правой кнопкой мышки, что бы зайти в Параметры Наложения (Blending Options). В разделе Дополнительные Параметры (Advanced Blending) окна Параметры Наложения, уберите галочку для Красного канала (R) в каналах RGB и нажмите ОК.
Повторите тот же процесс с левым слоем, Правый-клик и зайдите в Параметры Наложения, но на этот раз отключите Зеленый (G) RGB канал и нажмите ОК.
При выделенном левом слое, возьмите инструмент Перемещение (Move Tool) и нажмите Стрелку Влево, где-то 5-10 раз что бы сдвинуть слой влево. Теперь выделите правый слой и нажмите Стрелку Вправо несколько раз, что бы сдвинуть слой вправо.
Затем используйте Рамку (Crop Tool), что бы обрезать края.
Хотите увидеть как все делается? Посмотрите видео выше.
Немного Информации
Хотите узнать больше о Adobe Photoshop и о том, как создавать потрясающие фото эффекты? Посмотрите эти уроки:
60 Секунд?!
Это урок из серии коротких видеоуроков на Envato Tuts+ в которых мы представляем вам различные темы за 60 секунд - ровно столько, чтобы вас заинтересовать. Оставляйте свои комментарии об этом видео, а также, пишите чему бы вы еще хотели научиться за 60 секунд!
Читайте также: