Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Конечный результат:



Глянцевое прозрачное сердце


Шаг 1


Создайте новый документ (Ctrl + N) с параметрами, указанными на скриншоте ниже. В процессе работы почаще сохраняйте свой проект (Ctrl + S).

Глянцевое прозрачное сердце


Шаг 2


Кликните дважды на фоновом слое, чтобы разблокировать его. Назовите слой «Gradient bg» и кликните дважды ещё раз, чтобы открыть окно стилей. Примените стиль Наложение градиента (Gradient Overlay):

Режим – Умножение, Стиль – Радиальный.

Глянцевое прозрачное сердце


Результат:

Глянцевое прозрачное сердце


Шаг 3


Следующий стиль – Наложение узора (Pattern Overlay). Загрузите набор текстур Фактуры (Artistic Surfaces). Выберите текстуру «Stone». На скриншоте ниже стрелками обозначены пункты, которые Вам нужно выбрать в контекстном меню. Не закрывайте окно стилей.

Глянцевое прозрачное сердце


Шаг 4


Стиль Внутреннее свечение (Inner Glow) создаст свечение на краях с внутренней стороны. Благодаря ему края градиентной заливки будут темнее. Это последний стиль для фонового слоя.

Режим – Умножение.

Глянцевое прозрачное сердце


Шаг 5


Для создания узора из точек нам понадобится отдельный документ. Размеры холста должны быть совсем небольшими.

Глянцевое прозрачное сердце


Шаг 6


Создайте новый слой (Create New Layer) и выберите инструмент Овальная область (Elliptical Marquee Tool). В настройках установите Стиль (Style) – Заданный размер (Fixed Size), а значения ширины и высоты – 45 пикселей. Кликните в верхнем левом углу холста, чтобы создать круглое выделение. Установите цвета по умолчанию (D) и залейте выделение чёрным цветом (Alt + Backspace). После заливки уберите выделение (Ctrl + D).
В палитре слоёв выберите оба слоя, активируйте инструмент Перемещение (Move Tool) и нажмите на кнопки выравнивания по горизонтальному и вертикальному центру. Теперь фоновый слой нужно удалить, он нам больше не нужен. Сохраните узор через меню Редактирование > Сохранить узор (Edit > Define Pattern). Назовите узор «circle_45px». Данный документ можно закрыть без сохранений.

Глянцевое прозрачное сердце

Глянцевое прозрачное сердце


Шаг 7


Вернёмся в наш первый документ. Создайте новый слой (Create New Layer) и залейте его белым цветом. Если цвета стоят по умолчанию (D), то нажмите Ctrl + Backspace. Слой будет залит цветом заднего плана, установленным на панели инструментов. Перейдите к стилям этого слоя и примените Наложение узора (Pattern Overlay). Выберите сохранённый узор «circle_45px». Он будет в самом конце списка. Инструментом Перемещение (Move Tool) Вы можете расположить полученную текстуру на холсте, как Вам будет угодно. При этом не нужно закрывать окно стилей.
Если бы Вы воспользовались функцией заливки, находящейся в меню Редактирование > Выполнить заливку (Edit > Fill), то не смогли бы изменить положение узора, не перемещая при этом сам слой. А благодаря стилю Наложение узора (Pattern Overlay) можно бесконечно передвигать узор, оставляя слой на том же месте. Это будет лучше видно при работе с небольшими объектами. Вы увидите, что сам объект не двигается, а текстура на нём перемещается. Но у стилей тоже есть недостатки. Например, нельзя применить стиль к пустому слою.
Нам нужно совместить узор с нижним слоем. Из-за того, что мы работаем со стилем слоя, то нужного наложения слоёв не будет. Мы займёмся этой проблемой в следующем шаге.

Глянцевое прозрачное сердце


Шаг 8


Создайте новый слой под слоем с узором и объедините их оба в один. Теперь узор станет обычным слоем с заливкой. Назовите полученный слой «circle pattern distort».К этому слою будет применён искажающий фильтр. Нужно сделать так, чтобы центральная часть узора была выпуклой. Инструментом Овальная область (Elliptical Marquee Tool) мы создадим круглое выделение в центре холста. В его пределах нужно применить фильтр Сферизация (Spherize Filter). В настройках этого фильтра нет параметров, отвечающих за мягкость краёв. Поэтому перед применением фильтра нужно растушевать выделение. Благодаря мягким краям эффект от фильтра будет плавно угасать.
Сначала создадим выделение. Удерживайте Alt + Shift, чтобы получить идеальный круг, исходящий из той точки, где Вы расположите мышь. Клавишей Пробел можно передвинуть выделение.

Глянцевое прозрачное сердце


Шаг 9


После того, как выделение будет создано, перейдите в меню Выделение > Модифицировать > Растушевка (Select > Modify > Feather). Введите значение радиуса – 50 пикселей.

Глянцевое прозрачное сердце


Теперь можно применить фильтр. В настройках установите максимальное значение параметра Количество (Amount).

Глянцевое прозрачное сердце


После применения фильтра будет такой эффект:

Глянцевое прозрачное сердце


Установите Режим наложения слоя с узором на Перекрытие (Blending Mode – Overlay) и понизьте Непрозрачность (Opacity) до 20%. Дополнительно можете инвертировать цвета (Image – Invert).

Глянцевое прозрачное сердце


Результат:

Глянцевое прозрачное сердце


Шаг 10


Выберите инструмент Произвольная фигура (Custom Shape Tool) и на верхней панели выберите форму сердца с завитками. Эта фигура называется «Плющ 2» (Hedera 2) и находится в наборе «Орнаменты» (Ornaments).

Глянцевое прозрачное сердце


Создайте фигуру. Затем выберите её слой и слой с узором, активируйте инструмент Перемещение (Move Tool) и нажмите на кнопки выравнивания вертикальных и горизонтальных центров.

Глянцевое прозрачное сердце


Шаг 11


Сделайте выделение слоя с фигурой «hedera 2» (Ctrl + Click). Затем скройте слой (кликните на иконке глаза) и создайте новый поверх фигуры (Create New Layer). Залейте его 50% серы цветом (Shift + F5). Назовите слой «Plastic Style» и перейдите к его стилям. Понизьте Заливку (Fill Opacity) до 0%.

Глянцевое прозрачное сердце


Шаг 12


Примените стиль Тиснение (Bevel & Emboss). В секции Затенение (Shading) установите Режим подсветки – Линейный осветлитель (Linear Dodge). Он ещё больше усилит свечение, чем режим Осветление (Screen). Для Режима тени установите Осветление основы (Color Dodge), чтобы имитировать прохождение света через прозрачный объект.

Глянцевое прозрачное сердце


Далее настройте Контур (Contour). Он отвечает за края объекта.

Глянцевое прозрачное сердце


Шаг 13


Далее примените стиль Внутреннее свечение (Inner Glow): Режим – Замена тёмным.

Глянцевое прозрачное сердце


Шаг 14


Стиль Внешнее свечение (Outer Glow) создаст свечение за пределами объекта. Мы применяем его для того, чтобы затемнить область вокруг сердца.

Режим – Темнее, Метод – Мягкий.

Глянцевое прозрачное сердце


Шаг 15


Стиль Внутренняя тень (Inner Shadow) затемнит внутреннюю часть краёв фигуры.

Режим – Умножение.

Глянцевое прозрачное сердце


Шаг 16


Стиль Отбрасывание тени (Drop Shadow) должен создать тень от объекта, но в данном случае он создаёт яркий свет на краях.

Глянцевое прозрачное сердце


Шаг 17


Стиль Глянец (Satin) создаст вариацию внутренних теней, которая поможет создать глянцевый эффект. Используйте контур «Двойное кольцо» (Ring Double) для создания множества световых отражений и Режим – Осветление основы.

Глянцевое прозрачное сердце


Шаг 18


Основные стили применены. Далее мы создадим ещё две копии фигуры и поработаем над их стилизацией.

Глянцевое прозрачное сердце


Откройте окно Стили (Окно > Стили) (Window > Styles). Кликните на иконке в углу и выберите пункт Новый стиль (New Style), дайте имя набору стилей.

Глянцевое прозрачное сердце


Шаг 19


Кликните правой кнопкой мыши на слое со стилями «Plastic style» и выберите пункт Создать дубликат слоя (Duplicate Layer). Назовите копию «Plastic highlight». Перейдите к стилям копии и выключите все стили кроме Тиснение (Bevel & Emboss) и Глянец (Satin). Измените настройки стиля Тиснение.

Глянцевое прозрачное сердце


Шаг 20


Теперь настройки для стиля Глянец.

Глянцевое прозрачное сердце


Шаг 21


После изменения стилей результат будет таким:

Глянцевое прозрачное сердце


Шаг 22


Создайте копию слоя «Plastic highlight» (Ctrl + J) и назовите её «Plastic sheen». Перейдите к стилям и измените настройки стиля Тиснение.

Стиль – Внутренний скос, Метод – Плавное, Режим подсветки – Линейный осветлитель, Режим тени – Светлее.

Глянцевое прозрачное сердце


Шаг 23


Стиль Отбрасывание тени (Drop Shadow) для того, чтобы усилить свет, проходящий по краям объекта.

Глянцевое прозрачное сердце


Шаг 24


Результат после применения стилей.

Глянцевое прозрачное сердце


Шаг 25


Выберите слой «Plastic sheen» и нажмите Ctrl + Alt + Shift + E. Все видимые слои будут сведены в один отдельный. Назовите полученный слой «Upper reflection». Создайте копию этого слоя и назовите «Floor reflection». Расположите слой «Floor reflection» под слоем «Plastic style», понизьте Непрозрачность (Opacity) до 40% и установите Режим наложения – Умножение (Blending Mode – Multiply). Для слоя «Upper reflection» установите Режим наложения – Перекрытие (Blending Mode – Overlay), а Непрозрачность – 50%.

Глянцевое прозрачное сердце


Шаг 26


Сейчас создадим свечение на объекте. Мы можем создать новый слой над слоем «Upper reflection» и мягкой кистью нарисуйте светлые пятна. Но мы воспользуемся другой более точной техникой. Сперва скройте слои «circle pattern distort», «Upper reflection» и «Floor reflection». Затем перейдите на слой «Plastic sheen» и нажмите Ctrl + Shift + Alt + E, чтобы объединить все видимые слои в один отдельный. Переименуйте полученный слой в «glow sharp» и расположите его над слоем «Upper reflection». Обесцветьте этот слой (Desaturation).

Глянцевое прозрачное сердце

Затем перейдите к коррекции Уровни (Levels) и настройте, как показано ниже. При помощи этой коррекции нам нужно отделить светлые участки от тёмных.

Глянцевое прозрачное сердце

Шаг 27


Установите Режим наложения слоя «glow sharp» на Линейный осветлитель (Blending Mode – Linear Dodge). На завитках появится очень резкий эффект свечения. Режим наложения Линейный осветлитель скрывает чёрные пиксели и оставляет только белые. Создайте копию слоя «glow sharp» на назовите её «glow blur». Расположите эту копию под оригинальным слоем. Затем примените к ней фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 5 пикселей.

Глянцевое прозрачное сердце

Шаг 28


Сделайте выделение слоя «Hedera 2» (Ctrl + Click), создайте новый слой над слоем «circle pattern distort» и назовите его «Shadow». Залейте слой чёрным цветом и примените стиль Отбрасывание тени: Режим – Умножение. Понизьте Непрозрачность (Opacity) слоя до 50%.

Глянцевое прозрачное сердце

Шаг 29


Мы закончили с созданием прозрачного эффекта. На скриншоте ниже показано, как должна выглядеть палитра слоёв.

Глянцевое прозрачное сердце

Конечный результат:



Глянцевое прозрачное сердце




Обсудить данный урок на форуме




Ссылка на источник урока

Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: