Создаём в Photoshop современный макет игрового сайта (Часть 3)
Вход Регистрация

Создаём в Photoshop современный макет игрового сайта (Часть 3)

← Вторая часть урока

Копирую текущий слой и добавляю дубликату немного шума, перейдя в Filter > Noise > Add noise (Фильтр > Шум > Добавить шум). Оставаясь на "зашумленном" слое, я проведу вверху белую, тонкую (1 рх) линию, затем возьму eraser tool (Ластик) с мягкой, круглой кистью и плавно сотру концы линии, предварительно выбрав команду "rasterize layer" (растрировать слой).

Скриншот 52

Далее я создам очередные две фигуры.

Скриншот 53

Для эллипса добавьте следующие стили слоя:

Скриншот 54

Скриншот 55

Скриншот 56

Мой результат такой:

Скриншот 57

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

Скриншот 58

Затем я добавлю следующие стили слоя:

Скриншот 59

Скриншот 60

Скриншот 61

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

Скриншот 62

Включив pen tool (перо), я нарисую стрелку и залью ее полупрозрачным, как тень, черным цветом.

Скриншот 63

Затем поверх созданной стрелки-тени я нарисую еще одну, уже реальную стрелку такой же формы, но немного поуже.

Скриншот 64

Теперь к этой стрелке я добавлю следующие эффекты:

Скриншот 65

Скриншот 66

Чтобы загнуть задний конец стрелки с эффектом 3D, я с помощью Ellipse tool (Эллипс) нарисую на месте изгиба округлую форму, перетащив этот слой в самый низ в палитре слоев и расположив прямо над первым слоем, созданным в этом уроке.

Скриншот 67

Таким же образом я добавлю стрелку с тенью и на правую сторону прямоугольника.

Скриншот 68

Затем я добавлю подходящие иконки.

Скриншот 69

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

Скриншот 70

Затем слева, вверху я добавлю еще один прямоугольник и расположу его, как на рисунке ниже.

Скриншот 71

Добавляю этому слою несколько эффектов.

Скриншот 72

Скриншот 73

Скриншот 74

Теперь я копирую прямоугольник несколько раз и, включив Move tool (Перемещение), располагаю дубликаты, как на рисунке:

Скриншот 75

Четвёртая часть урока →


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

captcha

Вход

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

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