Макет веб-сайта магической ночи в Фотошопе (Часть 1).
Учебные материалы


Макет сайта волшебной ночи в Фотошопе (Часть 1).



Карта сайтаtargetolo.ru

Шаг 1.

Создаем новый документ (

Ctrl+N

) размером

960*1000

пикселей, цветовой режим -

RGB

. Расставляем

направляющие (guides)

по краям документа и идем в

Image>Canvas Size (Изображение>Размер холста)

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

шапку (header)

сайта.

Шаг 2.

Еще одну вертикальную направляющую выставляем в центре документа. Заливаем

фоновоый (Background)

слой темно синим

Радиальным Градинтом (Radial Gradient)

, как показано на рисунке (цвета градиента:

#0D2B53

и

#010D1F

).

Шаг 3.

Скачайте эту фотку с облаками и поместите её в наш файл на новый слой "Clouds",

Режим Смешивания (Blending Mode)

для данного слоя установите -

Overlay (перекрытие)

. Далее идем

Layer>Layer Mask>Hide all (Слой>слой-маска>Скрыть всё)

и проводим по этой маске Радиальным Градиентом "от белого к черному", как показано на рисунке внизу. После этого вызываем для слоя с облаками

Уровни (Levels (Ctrl+L))

и затемняем облака.

Шаг 4.

Скачиваем и помещаем в наш документ на слой "skyline" ещё один файл. Идем

Layer>New Adjustment Layer>Channel Mixer (Слой>Новый Корректирующий слой>Микширование каналов)

и, в появившемся окошке, ставим галочку у пункта

"Использовать предыдущий слой для создания обтравочной маски"

. В окне

"Channel Mixer"

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

"Black & White with Blue Filter (RGB) (Черно-белый с синим фильтром (RGB))"

и нажимаем Ок.

Режим Смешивания

для слоя "skyline" задаем

Overlay

.

Шаг 5.

К слою "skyline" добавляем маску слоя в режиме

Reveal all (Показать все)

. Используя большую мягкую черную

Кисть (Brush)

, скрываем границы перехода (закрашиваем черным их на маске слоя). Затем, применяя эти

Кисти от Kelzky13

, делаем края переходов более естественными.

Шаг 6.

Пишем слово "Magic" (для этого мы использовали шрифт Scriptina). К слою с текстом применяем следующие Стили Слоя:

Outer Glow (#9EB6D0)

и

Gradient Overlay (#70ABF6, #FFFFFF, #B4CBE7, #FFFFFF)

. Кроме этого пришло время начать организацию слоев в отдельные папки. Для начала создадим папки "Background" и "Logo", и положим туда соответствующие слои (см. нижний рисунок).

Шаг 7.

Скачаем ещё один набор Кистей (созданный BL1nX). На новом слое "Stars1" в новой папке Stars, находящейся в папке Background, рисуем белой

500-той Кистью

из нового набора звезды. Для этого слоя применяем

Стиль Слоя - Gradient Overlay (Наложение Градиента) (#3A8FEF, #FFFFFF и #66C9FC)

.

Шаг 8.

На новом слое "Stars2" рисуем звездную пыль (Кисть номер

650

), при необходимости, стирая лишнее

Ластиком (Eraser Tool (E))

. Стиль Слоя -

Outer Glow (Внешнее свечение)

- #8AB2FF.

Шаг 9.

Добавляем еще звезд на слое "Stars2", стираем лишнее

Ластиком

и применяем

Стиль Слоя - Gradient Overlay - #6AB1D1, #FFFFFF, #94CFED и #FFFFFF

.



Шаг 10.

Скачиваем ещё один набор Кистей. Выбираем Кисть номер

148

, размер -

65

пикселей, цвет - белый и рисуем на новом слое пятнышко над буквой i. Применяем к этом слою

Стиль Слоя - Outer Glow

(цвет свечения - #00BCF9).

1 | 2 | 3 | > | >>



edu 2018 год. Все права принадлежат их авторам! Главная