Учимся создавать дизайн различных продуктов в Photoshop
Шаг 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“.

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

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

Источник: MP3 Player Design
Популярность: 11%
Похожие уроки photoshop:
- Урок Photoshop по созданию яркого шаблона для портфолио
- Создаем реалистичный дизайн мобильного телефона в стиле Blackberry с нуля
- Добавьте свежести вашему дизайну
- Простая горизонтальная навигационная панель
- Создаём восхитительное меню в стиле Висты
ВНИМАНИЕ! Столкнулись с трудностями при выполнении данного урока? Осталось что-то, что Вам непонятно? Забыли основы работы в Adobe Photoshop? Не расстраивайтесь! Решение всех Ваших проблем находится прямо здесь: "!" - Это Бесплатный Мультимедиа-Курс от Данного Сайта, пройдя который Вы сможете назвать себя мастером качественной работы в известнейшем графическом редакторе! Узнать о курсе подробнее, а также подписаться на него можно, перейдя на страницу курса: Начальный Курс Photoshop! Подпишитесь и пусть все завидуют тому, как легко и быстро Вы создаете шедевры в Adobe Photoshop! Ждем Вас!

Здорово ))
Август 14th, 2008
Хорошо написано, приятно полистать ваш сайт!
Август 16th, 2008
А есть, какая нибудь альтернатива?
Август 17th, 2008
чему альтернатива?
Август 17th, 2008
Август 30th, 2008
у меня к вам просьба уроу отличный только чтоб как обезьяна неповторять дайте скрины с русского фотошопа чтобы понять где какие настройки и тварить во всю,вышлите на Djon2008-1@mail.ru
Август 30th, 2008
Блин как прикольно то!!! Твори и твори…Чувствуешь себя полным лохом
после таких уроков, но главное приходит мотивация развиваться
Спасиб..Приконый урок
Ноябрь 3rd, 2008
Суперский урок.Спасибо.
А у вас есть урок по по дизайну машин?Я бы очень хотел научится создавать свое авто!
Ноябрь 3rd, 2008
Урок понравился. Попробовал сделать что-то похожее. Оцените http://foto.mail.ru/mail/umardjanov/fhotoshop/15.html
Декабрь 21st, 2008
здорово конечно но некоторые люди как я например работаю в руской версии и хотелось бы чтоб хотябы в скобках перевод терминов был так как по английски я знаю тока “фак”
Июль 5th, 2009