Шаг 1
В этом уроке вы научитесь, как создать дизайн продукта в Photoshop. Выбранный мной продукт - портативный медиа плеер RCA Lyra X3030. Хотя вы можете подумать, зачем мне это нужно? Цель этого урока - научить людей техникам создания дизайна какого-либо продукта.
Приблизительное время выполнения: 20 минут
Шаг 2
Начните с создания большого документа с черным фоном. Выберите 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.
Шаг 16
Наконец, добавьте логотип “Lyra“.
В центре, как на рисунке:
Вот что у вас должно в результате всего этого получиться:
| 
