Фотошоп для чайников | Уроки фотошопа
Фотошоп для чайников - портал для любителей фотошопа!
Меню сайта
Категории раздела
Обработка фото [109]
Текстовые эффекты [87]
Анимация [32]
Спецэффекты [142]
Веб-дизайн [40]
Тюнинг [9]
Фотомонтаж [62]
Кнопки [39]
Рисование [55]
Наша группа
Опрос
Как вы попали на наш сайт
Всего ответов: 88
КтО ОнЛаЙн

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная - Уроки фотошопа CS5 на русском - Рисование - Учимся создавать дизайн различных продуктов в Photoshop

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

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

Шаг 1

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

mp3-player-design2_1.gif

Inner Glow:

mp3-player-design2_2.gif

Color Overlay:

mp3-player-design2_3.gif

Satin:

mp3-player-design2_4.gif

Stroke:

mp3-player-design2_5.gif

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

mp3-player-design2_6.gif

Шаг 3

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

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

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

mp3-player-design3.gif

Шаг 4

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

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

mp3-player-design4.gif

Шаг 5

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

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

mp3-player-design5_1.gif

Inner Glow:

mp3-player-design5_2.gif

Stroke:

mp3-player-design5_3.gif

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

mp3-player-design5_4.gif

Шаг 6

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

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

mp3-player-design6_1.gif

Outer Glow:

mp3-player-design6_2.gif

Inner Glow:

mp3-player-design6_3.gif

Stroke:

mp3-player-design6_4.gif

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

mp3-player-design6_5.gif

Шаг 7

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

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

mp3-player-design7_1.gif

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

mp3-player-design7_2.gif

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

mp3-player-design7_3.gif

Шаг 8

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

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

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

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

mp3-player-design8_1.gif

Outer Glow:

mp3-player-design8_2.gif

Gradient Overlay:

mp3-player-design8_3.gif

Stroke:

mp3-player-design8_4.gif

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

mp3-player-design8_5.gif

Шаг 9

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

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

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

mp3-player-design9_1.gif

Вот так:

mp3-player-design9_2.gif

Шаг 10

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

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

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

mp3-player-design10_1.gif

Inner Glow:

mp3-player-design10_2.gif

Color Overlay:

mp3-player-design10_3.gif

Gradient Overlay:

mp3-player-design10_4.gif

Stroke:

mp3-player-design10_5.gif

Вот так:

mp3-player-design10_6.gif

Шаг 11

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

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

mp3-player-design11.gif

Шаг 12

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

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

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

mp3-player-design12.gif

Шаг 13

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

mp3-player-design13_1.gif

Вот так:

mp3-player-design13_2.gif

Шаг 14

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

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

mp3-player-design14_1.gif

Inner Shadow:

mp3-player-design14_2.gif

Outer Glow:

mp3-player-design14_3.gif

Stroke:

mp3-player-design14_4.gif

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

mp3-player-design14_5.gif

Шаг 15

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

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

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

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

mp3-player-design15.gif

Шаг 16

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

mp3-player-design16_1.gif

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

mp3-player-design16_2.gif

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

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



Похожие материалы:


Просмотров: 1336 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск по сайту
Форма входа
Популярные уроки
 
 
 
 
 
 
 
 
 
 

Хостинг от uCoz