Учимся создавать дизайн различных продуктов в Photoshop

Шаг 1

Начните с создания большого документа с черным фоном. Выберите rounded rectangle tool и поставьте радиус на 20 пикселей. В новом слое нарисуйте прямоугольник с закругленными углами и залейте его цветом #F6F5F3. (ширина: 417 x высота: 268). В вашем документе выберите с помощью marquee tool область для заголовка, которую затем залейте градиентом. Высота заголовка 60 пикселей, а ширина - 800. Затем примените к заголовку такие стили: Inner Shadow

Inner Glow:

Color Overlay:

Satin:

Stroke:

У вас должно получиться что-то подобное:

Шаг 3

Зайдите в меню Select, расположенное наверху экрана и затем загрузите настройки по умолчанию - Load Selection > Default settings.

Установите #FFFFFF цветом переднего плана и затем выберите brush tool, мягкую большую кисть.

В новом слое нарисуйте на слое белым #FFFFFF, как показано на рисунке внизу.

Шаг 4

Создайте новый слой под названием Button.

В новом слое нарисуйте круг цвета #323943 с помощью eclipse tool. (ширина: 95 x высота: 95).

Шаг 5

Снова создайте новый слой и нарисуйте круг цвета #40454B (ширина: 87 x высота: 87).

Примените такие настройки стилей: Inner Shadow

Inner Glow:

Stroke:

У вас должно получиться что-то подобное:

Шаг 6

Нарисуйте маленький круг цвета #40454B (ширина: 27 x высота: 27)

Примените такие стили: Inner Shadow

Outer Glow:

Inner Glow:

Stroke:

У вас должно получиться что-то подобное:

Шаг 7

С помощью pencil tool нарисуйте в новом слое стрелу.

Примените такие стили: Stroke.

Поставьте непрозрачноть слоя на 60%, как показано на рисунке:

Теперь со всех сторон добавьте стрелочки:

Шаг 8

Создайте новый слой под названием Screen.

Выберите rounded rectangle tool и поставьте радиус на 2 пикселя.

В новом слое нарисуйте прямоугольник с закругленными углами цвета #7B7A80 (ширина: 259 x высота: 195).

Примените такие стили: Inner Shadow

Outer Glow:

Gradient Overlay:

Stroke:

У вас должно получиться что-то подобное:

Шаг 9

Выберите rounded rectangle tool и поставьте радиус на 2 пикселя.

В новом слое нарисуйте прямоугольник с закругленными углами цвета #2A242E (ширина: 235 x высота: 182).

Примените такие стили: Stroke.

Вот так:

Шаг 10

Выберите rounded rectangle tool и поставьте радиус на 20 пикселей.

В новом слое нарисуйте прямоугольник с закругленными углами черного цвета. (ширина: 96 x высота: 25).

Примените следующие стили: Inner Shadow

Inner Glow:

Color Overlay:

Gradient Overlay:

Stroke:

Вот так:

Шаг 11

Добавьте слово "Music", используя шрифт Verdana, Regular, 14pt, Sharp и цвет #FFFFF.

Теперь добавьте стрелочку  с помощью шрифта Webdings font. Для этого наберите "4″ этим шрифтом, размером 18pt, Sharp и цвета #000000.

Шаг 12

Продублируйте все слои с закадками. Уберите color overlay из настроек стилей прямоугольников.

Измените текст "Photos".

Добавьте в меню ещё закладки Audible, Files и Set-up.

Шаг 13

Добавьте к вашему документу такую фотографию:

Вот так:

Шаг 14

В новом слое нарисуйте прямоугольник с закругленными углами цвета #121921 (ширина: 11 x высота: 12).

Примените такие настройки стилей: Drop Shadow

Inner Shadow:

Outer Glow:

Stroke:

Должно выглядеть так:

Шаг 15

В новом слое нарисуйте пиксельное изображение, как показано внизу. Это будет набросок вашего динамика.

Когда набросок окажется в вашем списке набросков, в новом слое нарисуйте прямоугольник с закругленными углами цвета #FFFFFF, используя rounded rectangle tool.

Зайдите в Select > Load Selection > Default Settings. Это должно добавить к прямоугольнику выделение.

Пока прямоугольник выделен с помощью marquee, добавьте набросок в новом слое, используя paint bucket tool. Если забыли как добавлять наброски в слоях, то можете глянуть как мы это делали в уроке: "космос и планеты в Photoshop".

Шаг 16

Наконец, добавьте логотип "Lyra".

В центре, как на рисунке:

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