Adelitusn.ru

ПК и Техника
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Отражение на воде

Отражение на воде

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

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

Шаг 1. Откройте текстуру в Фотошоп, которую скачали. File — Save as … (Файл — Сохранить как…) Сохраняем документ в формате «.PSD», закрываем документ, т.к. он нам потребуется позднее. Откроем фотографию, над которой будем работать, в Фотошоп.

С помощью инструмента Rectangle Marquee (Прямоугольное выделение), выделите часть фотографии, к которой в последующем будем применять эффект.

Не снимая выделения, идём в Image — Crop (Изображение — Кадрировать). Переименуйте слой в «Основа».

Шаг 2. Далее, увеличим высоту холста, чтобы было где разместить отражение. Идём в Image- Canvas Size (Изображение — Размер холста). Смотрим значение Height (Высота) и именно это значение выставляем в значении высоты для «нового документа» (Поставьте галочку рядом с Relative (относительно)), нажмите на средний квадратик в верхнем ряду.

Сделаем копию слоя «основа» и назовём её «отражение». Используем Edit — Transform — Flipto Vertical (Редактирование — Трансформирование — Отразить по вертикали). Включим функцию прилипания View — Snap (Вид — Привязать). Выберем инструмент Move (Перемещение) и с помощью него переместим вниз слой «Отражение» и пристыкуем его к слою «основа».

Шаг 3. Добавим к слою «Отражение» маску слоя . Сделаем её активной. Выберем инструмент Gradient (Градиент) — линейный, от чёрного к белому. Удерживая клавишуShift, проводим линию градиента от низа к центру на маске слоя. Часть изображения станет невидимой.

Шаг 4. Создадим новый слой. Переместим его на палитре слоёв под слоем «Отражение». Выберем инструмент Eyedropper (Пипетка) и на слое «основа» найдём самый светлый участок неба (обращаю внимание — не облаков, а именно неба). Этот цвет отобразится на палитре цветов как foreground (цвет переднего плана). Зальём новый слой этим цветом (Alt+Del). Получится примерно так:

Шаг 5. Убедившись, что активным является слой «Отражение», нажимаем на палитре слоёв значок «Lock transparent pixels» (Блокировка прозрачных пикселов). Выбираем Filter — Blur — Motion blur (Фильтр — Размытие — Размытие в движении). Установки: Angle (угол) 90 градусов, Distance (Дистанция) 75пикс.

Снова нажимаем на палитре слоёв «Lock transparent pixels» (Блокировка прозрачных пикселов).

Шаг 6. Убедитесь, что активным является слой «Отражение». Удерживая Ctrl, кликнем на миниатюре слоя с отражением, чтобы получить выделение. Выбираем Filter — Distort -Displace (Фильтр — Искажение — Смещение). Вводим значения 20 для Horizontal(горизонталь) и 60 — для Vertical (Вертикаль), остальные значения в фильтре по умолчанию. Нажимаем Ок. Находим файл waterDmap.psd (который вы сохранили ранее) и снова нажимаемОк.

Шаг 7. Убираем выделение Ctrl+D. Создадим корректирующий слой над слоем «отражение»Layer — New adjustment layer — Levels (Слой — Новый корректирующий слой — Уровни). Нажимаем Ок. Создадим из этого корректирующего слоя «привязку». Для этого нажимаемCtrl+Alt+J или кликнем правой кнопкой на корректирующем слое и в выпавшем меню выберем «Create clipping mask» (Создать обтравочную маску). Теперь дважды кликнем на корректирующем слое и в появившемся диалоговом окне передвинем ползунки примерно так:0 — 0,80 — 243.

Готово. Для большей реальности можно смягчить линию стыковки между слоями, поработать с освещением, добавить ещё какие-нибудь элементы. Но всё это уже на ваше усмотрение.

Не бойтесь экспериментировать и у Вас всё получится!

Удаление синей дымки с фото

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

Для этого урока мы возьмем фотографию острова Мадейра:

Читайте так же:
Firefox не запоминает пароли

Как видим фотографии недостает контрастности, и присутствует некая синяя дымка, от которой мы и будем избавляться. В этом нам помогут инструменты управления уровнями и цветовой насыщенностью.Для начала выберем инструмент Пипетка (Eyedropper) на панели инструментов. В параметре размер образца укажем — среднее 5х5.

Пипетка позволит нам достичь более точных результатовВ палитре слоев щелкнем на значок создания нового корректирующего слоя и выберите пункт Уровни(Levels) …

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

Для начала выберем красный канал:

Переместим ползунок, выделенный на рисунке красным, к началу гистограммы.

Теперь повторим те же действия с зеленым каналом…

… и синим каналом:

Щелкните OK, когда закончите. Теперь мы не только скорректировали цвета, но также подправили контрастность.

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

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

На нашей фотографии я выбрал следующее место:

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

Но все же на изображении остались небольшие участки с синей дымкой, что ж, избавимся от них. Создайте новый корректирующий слой и выберите Цветовой тон/Насыщенность

В настройках выберите — синие, и установив активным инструмент пипетка (помечено буквой (В) на рисунке) щелкните на область, имеющую синий цвет. Например вот так:

Меняем насыщенность на -50 и жмем ОК.Дважды кликаем на значке уровней в палитре слоев…

фотошоп инструмент вода

… и меняем значение зеленого канала с 52 до 64. Это изменение позволит нам повысить контрастность зеленой листвы, что улучшит вид. После того как удовлетворитесь изображением, нажимаем ОК и смотрим финальный результат:

Рисуем каплю в Photoshop

В этом уроке будем рисовать каплю в Photoshop CS6 (подходят и более ранние, и более поздние версии программы). Этот способ отлично подходит для добавления капель на изображения с листьями, цветами, фруктами и другими предметами не крупным планом.

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

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

oblasti-svetf-i-teny

Падающий свет создает блики на поверхности; отражается от задней стенки капли, образуя светлое пятно на ней. Свет отражается от задней стенки и осветляет внутреннюю поверхность с противоположной стороны.

Образуется под каплей-самая темная область. Внутри капли образуются менее темные области — тени от поверхностей.

Переходим к рисованию капли.

Скачать капля.7z (317 Кб)

1. Форма капли

Создаем новый документ, заливаем его черным цветом.

Определяем, откуда будет падать свет

Рисуем область капли с помощью Криволинейного Лассо и создаем новый слой. Заливаем его серым цветом #808080.

2. Блик

С учетом рассмотренных выше областей светораспределения, обозначаем области светлых участков: Блик в точке падения луча и светлая противоположная сторона капли.

1. Не снимая выделения, добавляем новый слой.

Мягкой белой полупрозрачной кистью (прозрачность 20 — 40%) обозначаем свет — где блик — практически непрозрачный участок, на стенке — полупрозрачный.

2. Инструментом Палец (R) смягчаю переходы, если это необходимо.

3. Теневые области

Добавляем еще один слой (по-прежнему, выделение не снимаем).

И черной мягкой полупрозрачной кисть прорисовываем теневые участки.

Области света и тени на капле

4. Фоновая заливка

Снимаем выделение (Ctrl+D).

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

Читайте так же:
Инструкция подключения принтера к двум компьютерам

Уменьшаем прозрачность слоя со светом до 70%, заменяем наложение на Перекрытие (Overlay).

Прозрачность теневого слоя 90%,Умножение (Multiply).

Замена режимов наложения

5. Контур капли

1. С зажатым Ctrl кликаем на иконке скрытого серого слоя с каплей. Появится выделенная область.

2. Создаем новый слой выше теневого, заливаем его белым цветом.

Сужаем выделенную область на 1 пиксель: Select-Modify-Contract1 пк.

Получили выделенную область на 1 пиксель меньше исходной.
Удаляем ее — в результате проведенных действий получили белый контур капли толщиной 1 пк.

Контур капли

Уменьшаем заливку до 70% и ластиком стираем в некоторых местах.

6. Добавляем свет и блик

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

Дорабатываем контур капли

7. Тень от капли

Выделяем область капли, выше слоя с серой каплей создаю новый слой.

Инвертирую область выделения. На вкладке Выделение выбираем Инвертировать (Select – Inverse) Shift+Ctrl+I.

Инверсия выделенной области

Мягкой черной полупрозрачной кистью создаем тень.
Немного уменьшаем ее заливку (сейчас до 43%, в дальнейшем можно подкорректировать при необходимости). Режим Multiply.

Тень от капли

Связываем слой тени с остальными.

8. Оцениваем каплю:

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

Нарисованную таким образом каплю можно добавлять на любое изображение с подходящим источником освещения.

Готовые капли на листьях

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

Механика их образования сложна, и полностью человек не может просчитать, но за ними очень интересно наблюдать.

Распределение света на реальных каплях

Если же вы точно знаете, на какое изображение добавить капли (при условии, что они — не крупным планом, то есть не нужна тщательная прорисовка), существует более быстрый и очень простой способ.

Создаём грамотные отражения в Photoshop

Сегодня мы расскажем вам о том, как делать грамотные отражения в Photoshop. Трехмерные отражения, отражения товара, а также пару других типов отличных отражений. Мы обсудим все, начиная от трансформаций до режимов смешивания и так далее. Неважно, новичок вы или профессионал, вам всё равно можно кое-чему обучиться.

Создаём грамотные отражения в Photoshop

Вероятно, у вас промелькнет мысль о том, что отражения были крайне популярны пару лет назад, а сегодня они немного потеряли популярность, и вы будете правы. Тем не менее, вы можете наблюдать различные примеры на множестве веб-сайтов в интернете, включая Apple.com. Конечно же, нельзя перебарщивать с отражениями, пытаясь угнаться за тенденциями стилей web2.0, но стоит отметить, что порой отражения могут придать презентабельный вид какому-нибудь скучному элементу.

Отражение трёхмерного объекта

Что делать, если ваш объект сложен? Например, если наш объект – это коробка?

Создаём грамотные отражения в Photoshop

Если мы пойдём по этапам по перевороту объекта, то это может привести к катастрофе. Это даст нам совсем ужасное отражение.

Создаём грамотные отражения в Photoshop

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

Создаём грамотные отражения в Photoshop

Далее применяем маску и уменьшаем уровень отображения и таким образом у нас получается идеально отраженная коробка!

Создаём грамотные отражения в Photoshop

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

Читайте так же:
Замена дисплейного модуля на Huawei Honor 8A

Отражаем снимок товара

И вот, мне уже слышатся восклицания: «Не так быстро!» Какова вероятность того что вам когда-нибудь придётся делать отражение старой плоской коробки? Когда-нибудь это может произойти внезапно и, к тому же, гораздо больше вероятность того, что вам нужно будет делать отражение фотографии товара или что-нибудь более сложное.

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

Создаём грамотные отражения в Photoshop

Как видно, изображение на коробке портит весь эффект. Он должен быть перевёрнутым. Нам придётся это реализовать, чтобы получить правильное отражение.

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

Первое, что вам нужно сделать – перевернуть изображение вертикально.

Создаём грамотные отражения в Photoshop

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

Создаём грамотные отражения в Photoshop

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

Создаём грамотные отражения в Photoshop

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

Создаём грамотные отражения в Photoshop

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

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

Создаём грамотные отражения в Photoshop

Немного о режимах смешивания

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

Каждое созданное вами отражение может содержать разные цвета, и поэтому какой-то определенный режим смешивания может подойти гораздо лучше стандартного.

Создаём грамотные отражения в Photoshop

Если вам не терпится позабавиться, то вы можете попробовать даже сделать два дубля отражения с разными установками режимов смешивания. Это иногда помогает получить более реалистичное изображение отражения.

Создаём грамотные отражения в Photoshop

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

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

Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Эффект отражения в Photoshop (обновлено) 1 мин.

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

Читайте так же:
Создание обращения в службу поддержки Facebook

Этот урок – простой пример, как с любой картинкой в Photoshop делается ее отражение (вниз). С помощью других простых инструментов можно сделать, например, «отражение в воде», «анимацию» и многое другое.

Это отражение не «в воде», просто отражение картинки в Фотошоп.

Открываем нашу картинку. Взял первую пoпaвшуюся с воздушными шарами:

Дублируем слой с изображнием: в панели Слоёв перейдите на нужный и нажмите комбинацию клавиш Ctrl+J (можно, конечно, через верхнее меню: Слои – Создать дубликат слоя).

Разворачиваем дубликат слоя – это же отражение! Через меню: Редактирование – Трансформирование – Отразить по вертикали. Чуть проще: клавиши Ctrl+T (Трансформирование) – правой кнопкой на картинке – Отразить по вертикали – Enter.

Теперь надо увеличить картинку, чтобы на ней отражение располагалось ниже главного рисунка.

В меню: Изображение – Размер холста (или комбинация клавиш Alt+Ctrl+C – это очень популярные действия, стоит запомнить комбинации «горячих клавиш»).

В настройках размера холста указываем новую высоту плюс примерно половина от старой и Расположение – так как на иллюстрации (кликаем на центральную верхнюю клетку).

После нажатия на ОК получается примерно так:

Устанавливаем прозрачность в панели Слоёв на 50-60%. С помощью мыши или клавишей V (перемещение) перемещаем отраженный слой вниз, как нам угодно.

Далее можно поупражняться в художествах: с помощью ластика поправить ненужные участки отраженного и верхнего слоя, подвигать их относительно друг друга и другое. Прозрачность после манипуляций можно вернуть на 100%.

Изображние сырое. Поэтому можно еще подрисовать немножко…

В панели (левой) инструментов выбираем режим быстрой маски (клавиша Q).

Выбираем инструмент Градиент (клавиша G). Он находится там же, где и Заливка – надо нажать на кнопку и подержать пару секунд до появления выпадающего меню).

Настройки: от черного к белому.

Проводим инструментом прямую линию от места начала «отражения» вниз:

Переходим в обычный режим (кнопка Быстрой маски или клавиша Q). Видим, что на картинке появилось выделение – та часть, которую обработает программа:

Нажимаем клавишу Delete – готово!

Еще раз: это очень простой и грубый способ получить простое отражение в Photoshop.

Дата: 29.11.2008 22:01

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Отражение в Photoshop

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

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

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

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

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

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

Читайте так же:
10 лучших онлайн-конструкторов визиток: как сделать визитку самому

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

Отражение в фотошоп Отражение в фотошоп

На фото 1 и 2 камера расположена почти на одном уровне с поверхностью, от которой отражается предмет. Линия схода изображения предмета и его отражения — прямая или точка, если предмет имеет сферическую форму (яблоко на фото 2). Сам предмет и его отражение в этом случае имеют практически одинаковый размер. Можно ли такое отражение создать в фотошопе? Легко!

Отражение в фотошоп

На фото 3 камера находится немного выше, примерно на средней линии самого предмета. Как выглядит отражение? В случае с пластиковой картой все очень просто, карта плоская и расположена перпендикулярно к линии «взгляда» камеры. Искажение из-за перспективы незначительное, можно отражение немного уменьшить по вертикали, но если поверхность не зеркальная, то размытость или полупрозрачность слоя с отражением сделает это искажение несущественным. Отражение делаем точно так же как в первом случае. А если карту повернуть или наклонить?

Отражение в фотошоп

Как расположится отражение карты? Как такое отражение сделать? Для этого в фотошопе есть возможность Transformation.

А как нарисовать отражение предмета кубической формы, параллелепипеда? Рассмотрим фото 5.

Отражение в фотошоп

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

Отражение в фотошоп

На фото 6 все еще сложнее. Стакан цилиндрической формы и линия соприкосновения изображения и его отражения — кривая. Можно ли такое отражение сделать в фотошопе? Не так просто, как в первом случае, но можно!

А что насчет апельсина? Глазом мы видим срез апельсина и часть корки, а от поверхности отражается его наружная часть – оранжевая корка.

Отражение в фотошоп

Рассмотрим еще фото 7, чашка с кофе. Уровень взгляда выше самого предмета. В данном случае от полированной поверхности отражается та часть предмета, которой вообще не видно на самом изображении, а именно нижняя часть чашки. При перспективе сверху вниз, изображение уменьшается книзу и отражение тоже. Вот только верх и низ у изображения и зеркального отражения разные!

Что в этом случае делать? Как сделать отражение? Да никак! На самом изображении нет того, что должно быть в отражении. Можно только нарисовать то, что вам подскажет ваше воображение с помощью обычных инструментов рисования.

Простой пример: вы используете в работе изображение стола, снятого камерой, расположенной выше поверхности столешницы, и хотите сделать в фотошопе его отражение от пола. Кажется все просто – скопировать, отразить, ножку к ножке придвинуть и радоваться? Но от полированного пола должна отразится внутренняя часть стола, то как там под столом ножки винтами крепятся к столешнице! Именно то, чего вообще нет на вашем фото! К сожалению, здесь программа бессильна.

Если очень нужно сделать что-то такое, можно создать отдельно отражение всех ножек стола, размытое и полупрозрачное, разместить их как положено, учитывая перспективу, а затем нарисовать полупрозрачное нечто, имитирующее отражение столешницы снизу.

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

Фотографируйте предметы с отражениями, рисуйте их или используйте программы 3D-графики.

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector