Войти Регистрация

← Первая часть урока

Теперь я выделю центральный, серый прямоугольник, перейдя в select > load selection (выделение > загрузить выделение), или кликнув с нажатой клавишей Ctrl по миниатюре фигуры в палитре слоев.

Скриншот 25

Затем я включу Rectangular marquee tool (Прямоугольная область) и на панели настроек вверху нажму на кнопку "subtract from selection" (вычитание из выделенной области).

Скриншот 27

Теперь, выделив примерно 2/3 прямоугольника снизу, я оставлю выделенной область, как на рисунке ниже:

Скриншот 26

Затем я создам новый слой (CTRL+SHIFT+ALT+N), перейду на него в палитре слоев и, выбрав Paint Bucket tool (Заливка), окрашу выделенную область в такой #c7c7c7 цвет. Для этого слоя я добавлю Outer Glow (Внешнее свечение) с указанными ниже настройками:

Скриншот 28

Вот мой результат:

Скриншот 29

Убедившись, что выделение все еще активно, я перехожу в Select > Modify > Contract (Выделение > Модификация > Сжать) и сокращаю выделение на 5 рх. Затем я создам новый слой и, перейдя на него, залью выделенную область таким #222222 цветом.
Вот пока мой результат:

Скриншот 30

Включаю Rectangular Marquee tool (Прямоугольное выделение) и создаю вот такое выделение:

Скриншот 31

Теперь, убедившись, что выбран последний (темный) слой, я нажму на клавишу Delete, удаляя выделенный фрагмент. Вот мой результат:

Скриншот 32

В правом, верхнем углу макета я нарисую три кнопки.

Скриншот 33

Первым двум кнопкам я добавлю следующие стили слоя:

Скриншот 34

Скриншот 35

Скриншот 36

Скриншот 37

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

Скриншот 38

Последняя кнопка будет обычной, и для нее я использовал следующие стили слоя:

Скриншот 39

Скриншот 40

Скриншот 41

Скриншот 42

Скриншот 43

Вот так выглядит моя правая кнопка.

Скриншот 44

Выбрав Line tool (Линия) толщиной 1 рх и белый цвет, я проведу линии по контуру обводки первых двух кнопок сверху и снизу. Затем, кликнув правой кнопкой на слое линий, я выберу команду Rasterize Layer (Растрировать слой). Наконец, выбрав Eraser tool (Ластик) с мягкой, круглой кистью, я сотру концы линий, как на рисунке ниже.

Скриншот 45

Выбрав Rounded rectangle tool (Прямоугольник со скругленными углами), я нарисую еще одну фигуру в центре шапки макета.

Скриншот 46

Затем я перейду в Edit > Transform > Warp (Редактирование > Трансформирование > Деформация) и выберу следующие параметры:

Скриншот 47

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

Скриншот 48

Теперь я создам выделение вокруг этой фигуры и, сжав (contract) его на 5 рх (Выделение > Модификация > Сжать), залью белым цветом, а затем добавлю следующие стили слоя:

Скриншот 49

Скриншот 50

Вот мой результат:

Скриншот 51

Третья часть урока →


Комментировать

captcha

Вход

Зарегистрируйтесь, если нет учетной записи

Восстановить пароль
Регистрация
Восстановить пароль
Войти в личный кабинет