Объявления:

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

Шаг 1

Создайте новый документ (Ctrl + N) размером 450х400 пикселей.

Шаг 2

Создайте новый слой (Ctrl + Shift + N) и назовите его “bg1”. Выберите инструмент Заливка (Paint Bucket Tool) (G) и залейте фон цветом #0a7db7. Затем создайте ещё один слой (Ctrl + Shift + N) и назовите его “bg2”. Выберите инструмент Овальная область (Elliptical Marquee Tool) (M) и создайте круглое выделение, удерживая клавишу Shift. Инструментом Заливка (Paint Bucket Tool) (G) залейте выделение цветом #2db2f4.

К слою “bg2” примените фильтр Размытие по гауссу (Фильтр – Размытие – Размытие по гауссу) (Filter – Blur – Gaussian Blur) со значением Радиуса (Radius) – 37,4 пикселя.

Шаг 3

Выберите инструмент Прямоугольник с закруглёнными углами (Rounded Rectangle Tool) (U) и установите Радиус (Radius) на 5 пикселей. Создайте фигуру в центре холста, как показано ниже. Назовите слой “body”.

Кликните дважды на слое с фигурой, чтобы открыть окно стилей слоя. Примените следующие стили:

Отбрасывание тени (Drop Shadow):

Режим наложения (Blend Mode): Нормальный (Normal), Цвет (Color): #898787
Непрозрачность (Opacity): 75%
Угол (Angle): 90, Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 2 пикселя
Размах (Spread): 0%
Размер (Size): 5 пикселей
Контур (Contour): Линейный (Linear), Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%
Слой выбивает тень (Layer Knocks Out Drop Shadow): Включено

Внутреннее свечение (Inner Shadow):

Режим наложения (Blend Mode): Осветление (Screen)
Непрозрачность (Opacity): 75%
Шум (Noise): 0%
Цвет (Color): #FCFCFC
Метод (Technique): Мягкий (Softer)
Источник (Source): На краях (Edge)
Стягивание (Choke): 0%
Размер (Size): 1 пиксель
Контур (Contour): Линейный (Linear), Сглаживание (Anti-aliased): Включено
Диапазон (Range): 50%
Колебание (Jitter): 0%

Обводка (Stroke):

Размер (Size): 1 пиксель
Положение (Position): Снаружи (Outside)
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 100%
Тип обводки (Stroke Type): Цвет (Color)
Цвет (Color): #076899

Шаг 4

Сделайте копию слоя “body” (Ctrl + J) и выберите инструмент Перемещение (Move Tool) (V). Нажмите на клавишу стрелки вверх на клавиатуре дважды, чтобы поднять слой на два пикселя. Повторите процесс ещё один раз.

Шаг 5

Создайте новый слой (Ctrl + Shift + N) и назовите его “header”. Выберите инструмент Прямоугольная область (Rectangular Marquee Tool) (M) и создайте выделение в верхней части прямоугольника.

Инструментом Заливка (Paint Bucket Tool) (G) залейте выделение цветом #0a7db7. Сделайте выделение слоя “body” (удерживая Ctrl, кликните на иконке слоя в палитре слоёв), инвертируйте выделение (Ctrl + Shift + I) и на слое с “header” нажмите Delete.

Шаг 6

К слою “header” примените стиль Отбрасывание тени (Drop Shadow):

Режим наложения (Blend Mode): Умножение (Multiply), Цвет (Color): #e01717
Непрозрачность (Opacity): 75%
Угол (Angle): 90, Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 1 пиксель
Размах (Spread): 0%
Размер (Size): 5 пикселей
Контур (Contour): Линейный (Linear), Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%
Слой выбивает тень (Layer Knocks Out Drop Shadow): Включено

Наложение градиента (Gradient Overlay):

Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 100%
Градиент (Gradient): #0a7db7 - #24a4e4, Инверсия (Reverse): Выключено
Стиль (Style): Линейный (Linear), Выровнять по слою (Align with Layer): Включено
Угол (Angle): 90
Масштаб (Scale): 100%

Шаг 7

Создайте новый слой (Ctrl + Shift + N) и выберите инструмент Область (горизонтальная строка) (Single Row Marquee Tool) (M) и кликните на холсте. Расположите выделение на расстоянии 1 пикселя от нижней границы шапки календаря. Залейте его белым цветом, используя инструмент Заливка (Paint Bucket Tool) (G).

Нужно обрезать части линии за пределами календаря. Для этого сделайте выделение слоя “header”, инвертируйте его (Ctrl + Shift + I) и на слое с белой линией нажмите Delete. Установите Непрозрачность (Opacity) слоя на 58% и назовите его “line”.

Шаг 8

Инструментом Горизонтальный текст (Horizontal Type Tool) (T) напишите название месяца. Затем примените к нему стиль Отбрасывание тени (Drop Shadow):

Режим наложения (Blend Mode): Умножение (Multiply), Цвет (Color): #0a6390
Непрозрачность (Opacity): 75%
Угол (Angle): 90, Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 1 пиксель
Размах (Spread): 0%
Размер (Size): 1 пиксель
Контур (Contour): Линейный (Linear), Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%
Слой выбивает тень (Layer Knocks Out Drop Shadow): Включено

Результат:

Шаг 9

Под шапкой календаря напишите названия дней недели. Используйте шрифт “Arial Bold” размером 10pt цветом #707172.
Чтобы создать направляющие, как на скриншоте ниже, нужно активировать Линейки (Ctrl + R). Затем мышью отведите направляющие. Также можете воспользоваться функцией создания направляющей путём задания отметки (Просмотр – Новая направляющая) (View – New Guide).

Цифры нужно написать шрифтом “Arial Bold” размером 16pt цветом #3a3a3a. Для удобства можете создать группу цифр (например, одну строку) и сделать несколько копий. В каждой группе нужно будет просто изменить цифры.

Шаг 10

Создайте новый слой (Ctrl + Shift + N) и инструментом Прямоугольная область (Rectangular Marquee Tool) (M) создайте выделение вокруг цифры 25.

Инструментом Заливка (Paint Bucket Tool) (G) залейте его любым цветом и перейдите в меню стилей.

Наложение градиента (Gradient Overlay):

Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 100%
Градиент (Gradient): #E98606 - #FEC57C, Инверсия (Reverse): Выключено
Стиль (Style): Линейный (Linear), Выровнять по слою (Align with Layer): Включено
Угол (Angle): 90
Масштаб (Scale): 100%

Внутренняя тень (Inner Shadow):

Режим наложения (Blend Mode): Нормальный (Normal), Цвет (Color): Белый
Непрозрачность (Opacity): 67%
Угол (Angle): 90, Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 1 пиксель
Стягивание (Choke): 0%
Размер (Size): 1 пиксель
Контур (Contour): Линейный (Linear), Сглаживание (Anti-aliased): Включено
Шум (Noise): 0%

Обводка (Stroke):

Размер (Size): 1 пиксель
Положение (Position): Снаружи (Outside)
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 100%
Тип обводки (Stroke Type): Цвет (Color)
Цвет (Color): #FEBE60

Результат:

Измените цвет цифры 25 на белый и примените к ней стиль Отбрасывание тени (Drop Shadow):

Режим наложения (Blend Mode): Умножение (Multiply), Цвет (Color): #AD660F
Непрозрачность (Opacity): 75%
Угол (Angle): 90, Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 1 пиксель
Размах (Spread): 0%
Размер (Size): 1 пикселей
Контур (Contour): Линейный (Linear), Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%
Слой выбивает тень (Layer Knocks Out Drop Shadow): Включено

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

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

Похожие материалы: