Главная » Файлы » Дизайн [ Добавить материал ]

Пять приемов по улучшению дизайна при помощи света
03.02.2015, 08:27

Пять приемов по улучшению дизайна при помощи света

 

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

Создание фокуса на изображении при помощи мягкой белой кисти.

 

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

 

Вот мое изображение:

 

Пять приемов по улучшению дизайна при помощи света

 

Как видите, это фото очень хорошо освещено. Свет распространяется через все изображение.

 

Сначала, дублируем исходный слой (Ctrl+J), затем изменяем режим смешивания (Blend Mode) дубликата на Перекрытие(Overlay). Далее, создаем новый корректирующий слой «Цвет» (Layer-New Adjustment Layer-Solid color). Используем темно-серый цвет (#565656) заливки. Режим смешивания корректирующего слоя меняем на Перекрытие (Overlay). Эти этапы нужны для повышения цвета изображения и служат основой для создания светового эффекта.

 

Пять приемов по улучшению дизайна при помощи света

 

Теперь добавим немного теней, используя корректирующий слой «Градиент» (Layer-New Adjustment Layer-Gradient Fill). Выполняем настройки коррекции со скриншота ниже.

Используем цвет градиента от прозрачного к черному, стиль радиальный (Radial).

 

Пять приемов по улучшению дизайна при помощи света

 

Далее, добавляем немного света. Создаем новый слой выше всех слоев (Ctrl+Shift+N) и рисуем по розе мягкой Кистью(Brush) белого цвета. Режим смешивания этого слоя устанавливаем на Мягкий свет (Soft Light).

Пять приемов по улучшению дизайна при помощи света

 

Для создания более интенсивного света именно на бутоне розы снова используем мягкую Кисть (Brush) белого цвета на новом слое (Ctrl+Shift+N), но режим смешивания устанавливаем на Перекрытие (Overlay).

 

Пять приемов по улучшению дизайна при помощи света

 

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

 

Создание направленного освещения при помощи фильтров.

 

Фотошоп имеет встроенный фильтр для создания эффектов освещения. Доступ к нему осуществляется через меню Фильтр-Рендеринг-Эффекты освещения (Filter-Render-Lighting Effects).

 

Примечание: в 64-битных версиях Mac OS эффекты освещения доступны только в том случае, если Фотошоп работает в 32-битном режиме.

 

Вот изображение телефона, которое я буду использовать:

 

Пять приемов по улучшению дизайна при помощи света

 

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

 

Пять приемов по улучшению дизайна при помощи света

 

После добавления света прожектора, мы еще раз применим фильтр «Эффекты освещения», но используем в качестве источника света лампочку (Omni Light).

 

Пять приемов по улучшению дизайна при помощи света

 

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

 

Пять приемов по улучшению дизайна при помощи света

 

Использование пользовательских кистей для создания освещения.

 

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

 

Для следующего примера нам понадобятся кисти «Ultimate Lighting Effects». Установите кисти в программу через меню Редактирование-Управление наборами (Edit-Preset Manager).

 

Изображение до применения эффекта:

 

Пять приемов по улучшению дизайна при помощи света

 

Создаем новый слой (Ctrl+Shift+N) выше исходного фото и используем на нем кисти лучей белого цвета из набора урока.

 

Эффект после применения кистей:

 

Пять приемов по улучшению дизайна при помощи света

 

Еще один пример данного способа. Фотография девушки до применения кистей:

 

Пять приемов по улучшению дизайна при помощи света

 

И после:

 

Пять приемов по улучшению дизайна при помощи света

 

После применения светового эффекта затемняем углы на изображении, используя корректирующий слой «Градиент»(Layer-New Adjustment Layer-Gradient Fill) цветом от прозрачного к черному. Центр градиента устанавливаем на точке фокусировки. Вы можете свободно передвигать градиент в открытом диалоговом окне коррекции.

 

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

 

Вот некоторые полезные ссылки:


Кисти «Ultimate Lighting Effects Brush Set»
Кисти «Motion Light Effects Brush Set»
Текстуры «Bubbles of Light Textures»
Кисти «Cosmic Light Brush Set»
Кисти «Points of Light Brush Set»

 

Создание специального светового эффекта.

 

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

 

Создаем новый документ (Ctrl+N) с черным фоном (Background). Устанавливаем цвета переднего и заднего планов по умолчанию, нажав на клавиатуре «D».

 

Дублируем фоновый слой (Ctrl+J) и на дубликате переходим в меню Фильтр-Рендеринг-Облака с наложением (Filter – Render - Difference Clouds). Вы можете повторить этот шаг, пока не будете удовлетворены результатом. Изменяем режим смешивания дубликата на Перекрытие (Overlay).

 

Пять приемов по улучшению дизайна при помощи света

 

Ниже слоя с облаками создаем новый слой (Ctrl+Shift+N) и рисуем мягкой Кистью (Brush) белого цвета круг в центре документа. Рисуя, вы увидите проступающий рисунок облаков.

 

Пять приемов по улучшению дизайна при помощи света

 

Теперь, используя инструмент Перо (Pen Tool), создайте изогнутый контур, выходящий из светового пятна.

 

Пять приемов по улучшению дизайна при помощи света

 

Выбираем мягкую Кисть (Brush) белого цвета размером 14 рх. Выполняем обводку контура данной кистью, нажав по нему пр.кн.мыши и выбрав из меню – Обводка контура (Stroke Path). Выполняем обводку контура на отдельном слое(Ctrl+Shift+N).

 

Далее, добавляем слою с обводкой эффект свечения. Для этого, открываем стили слоя (клик по иконке «Add Layer Style» внизу панели слоев). Выполняем настройки для стиля «Внешнее свечение» (Outer Glow).

 

Пять приемов по улучшению дизайна при помощи света

 

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

 

Пять приемов по улучшению дизайна при помощи света

 

Снова выбираем мягкую Кисть (Brush) белого цвета и на слое с пятном приоткрываем еще немного облаков, проводя кистью в разных местах холста.

 

Пять приемов по улучшению дизайна при помощи света

 

Добавим немного цвета световому эффекту при помощи корректирующего слоя «Градиент» (Layer-New Adjustment Layer-Gradient). Цвет градиента от #e17a00 к #601900, стиль линейный (Linear).

 

Пять приемов по улучшению дизайна при помощи света

 

Для большего эффекта я декорировал световой эффект кистями «Pencil Mark Illustrator Scatter Brush set». Я создал два слоя(Ctrl+Shift+N). На одном использовал кисти белого цвета, на другом – черного. Затем, снизил непрозрачность (Opacity)этих слоев до 75% и удалил Ластиком (Eraser) частицы в центральной части света.

 

Пять приемов по улучшению дизайна при помощи света

 

Такой прием создания светового эффекта довольно интересен и позволяет экспериментировать для получения креативных результатов.

 

Использование освещения для создания настроения.

 

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


Вот мое исходное фото:
 

Пять приемов по улучшению дизайна при помощи света

 

Сначала преобразуем изображение леса в черно-белый слой, используя коррекцию «Обесцветить» (Image- Adjustments - Desaturate). Дублируем слой (Ctrl+J) и применяем к дубликату фильтр «Размытие по Гауссу» (Filter-Blur-Gaussian Blur)с радиусом 1,5 рх.
Затем, устанавливаем режим смешивания этого слоя на Перекрытие (Overlay). Это придаст более мягкий вид пейзажу.

 

Пять приемов по улучшению дизайна при помощи света

 

Теперь, создаем корректирующий слой «Заливка цветом» (Layer-New Adjustment Layer-Color), используя оттенок # 253a53. Изменяем режим смешивания этой коррекции на Мягкий свет (Soft Light). Это придаст лунный голубой оттенок ночному лесу.

 

Теперь, добавляем в сцену лучи лунного света светло-голубого цвета. Загружаем кисти лучей «Ultimate Lighting Effects»в программу.

 

Пять приемов по улучшению дизайна при помощи света

 

Далее, затемним края композиции, используя корректирующий слой «Градиент» (Layer-New Adjustment Layer-Gradient Fill). Градиент с радиальным стилем (Radial) цветом от прозрачного к черному, как мы делали ранее.

 

Пять приемов по улучшению дизайна при помощи света

 

В финальном шаге мы добавим несколько световых точек на картину при помощи кистей.

 

Это могут быть светлячки или частицы пыли, которые способствуют повышению настроения композиции. Выбираем мягкую Кисть (Brush) белого цвета размером 8 рх. Открываем панель настроек кисти (F5) и в разделе «Форма отпечатка кисти» (Brush Tip Shape) устанавливаем интервал (Spacing) на 965%. Активируем разделы «Динамика формы» (Shapes Dynamics) и Рассеивание (Scattering).

 

Пять приемов по улучшению дизайна при помощи света

 

В «Динамике формы» (Shape Dynamics) устанавливаем колебание размера (Size Jitter) на 75%, а в «Рассеивание»(Scattering) рассеивание на 1000%.

 

Создаем новый слой (Ctrl+Shift+N) под слоем с лучами и рисуем на нем кистью, имитирующей светлячков. Добавляем внешнее свечение (Outer Glow) в стилях слоя (Layer-Layer Style) к слою со светлячками. Выполняем настройки ниже:

 

Пять приемов по улучшению дизайна при помощи света

 

И вот мой заключительный результат:

 

Пять приемов по улучшению дизайна при помощи света

 

Заключение:

 

Я надеюсь, моя статья помогла и вдохновила вас на создание световых эффектов в своих творческих проектах. При желании, вы всегда можете на нашем форуме поделиться своими идеями по созданию света. Удачи!

 
Категория: Дизайн | Добавил: Льоша | Теги: дизайна, при помощи, Пять приемов, Света, по улучшению
Просмотров: 575 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0