Фотошоп

Thursday, June 27, 2013

Иллюстрация аудио приемника

1. Создайте новый документ размером 782×614 px и разрешением 72 dpi. При помощи инструмента Прямоугольник (Rectangle Tool) протяните прямоугольник по всему фону.

Иллюстрация аудио приемника
1


2. Примените для прямоугольника стиль Наложение градиента

(Layer Style - Gradient Overlay).

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



3. Теперь перейдите к созданию плеера. При помощи инструмента Прямоугольник

(Rectangle Tool) радиусом 5 рх создайте корпус плеера.

Иллюстрация аудио приемника



4. Примените для корпуса стиль Наложение градиента

(Layer Style - Gradient Overlay).

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



5. Выберите инструмент Прямоугольник (Rectangle Tool) радиусом 30 рх и нарисуйте элемент чёрного цвета, как в следующем изображении:

Иллюстрация аудио приемника



6. Снова выберите инструмент Прямоугольник (Rectangle Tool) и, удерживая Alt, протяните прямоугольник, как показано ниже:

Иллюстрация аудио приемника



7. Скопируйте последний слой и выберите цвет - #70777F для создания такого же элемента, удерживая Alt.

Иллюстрация аудио приемника



8. Примените для слоя стиль Наложение градиента

(Layer Style - Gradient Overlay).

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



9. Продолжите работать с передней панелью, используя инструмент Прямоугольник

(Rectangle Tool), и нарисуйте прямоугольник, как показано ниже:

Иллюстрация аудио приемника



10. Примените для элемента стиль Наложение градиента

(Layer Style - Gradient Overlay).

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



11. Создайте ещё один прямоугольник, как на рисунке ниже и установите Заливку (Fill) слоя - 0%.

Иллюстрация аудио приемника



12. Примените для прямоугольника стиль Наложение градиента

(Layer Style - Gradient Overlay).

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



13. При помощи инструмента Прямоугольник с закругленными краями

(Rounded Rectangle Tool) нарисуйте экран плеера и расположите его так:

Иллюстрация аудио приемника



14. Примените для экрана стиль Наложение градиента

(Layer Style - Gradient Overlay).

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



Внутреннее свечение:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



Обводка:

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



15. Теперь создайте блеск на экране, выбирая инструмент Прямоугольник с закругленными краями (Rounded Rectangle Tool) и цвет - #F19762. Установите Заливку (Fill) слоя - 80% и нарисуйте фигуру. После этого, удерживая Alt, сотрите ненужные части фигуры, как показано ниже:

Иллюстрация аудио приемника



Результат:

Иллюстрация аудио приемника



16. Вставьте теперь соответствующую надпись на экране.

Иллюстрация аудио приемника



17. Создайте дисковод, используя инструмент Прямоугольник с закругленными краями

(Rounded Rectangle Tool) радиусом 3 рх, чёрного цвета и расположите элемент, как на рисунке:

Иллюстрация аудио приемника



18. Примените для дисковода стиль Обводка (Layer Style - Stroke).

Иллюстрация аудио приемника


Иллюстрация аудио приемника



19. Скопируйте этот слой и минимизируйте его. Уберите с копии все стили слоя.

Иллюстрация аудио приемника



20. Примените для копии стиль Наложение градиента

(Layer Style - Gradient Overlay).

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



21. Теперь нарисуйте кнопку для открытия дисковода. При помощи инструмента Прямоугольник

(Rectangle Tool) создайте прямоугольник, как на рисунке:

Иллюстрация аудио приемника



22. Примените для кнопки стиль Наложение градиента

(Layer Style - Gradient Overlay).

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



23. Скопируйте этот слой и расположите копию внутри оригинала, как показано на рисунке:

Иллюстрация аудио приемника



24. Примените для копии стиль Наложение градиента

(Layer Style - Gradient Overlay).

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



25. Выберите инструмент Перо (Pen Tool) и изобразите на кнопке указатель чёрного цвета:

Иллюстрация аудио приемника



26. При помощи инструмента Прямоугольник с закругленными краями

(Rounded Rectangle Tool) радиусом 5 рх создайте маленькую панель.

Иллюстрация аудио приемника



27. Примените для панели стиль Наложение градиента

(Layer Style - Gradient Overlay).

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



Обводка:

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



28. При помощи инструмента Эллипс (Ellipse Tool) создайте эллипс на рисунке:

Иллюстрация аудио приемника



29. Примените для эллипса стиль Наложение градиента

(Layer Style - Gradient Overlay).

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



Внутренняя тень:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



Отбрасывание тени:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



Обводка:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



30. Скопируйте этот слой и примените для копии стиль Наложение градиента

(Layer Style - Gradient Overlay).

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника



Обводка:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



31. Выберите инструмент Карандаш (Pencil Tool) и нарисуйте элементы, как в следующем рисунке. Цвета указаны ниже:

Иллюстрация аудио приемника



32. Сделайте 2 копии нарисованного элемента:

Иллюстрация аудио приемника



33. Используя инструмент Прямоугольник (Rectangle Tool) нарисуйте 3 кнопки на рисунке.

Иллюстрация аудио приемника



34. Примените для элементов стиль Наложение градиента

(Layer Style - Gradient Overlay).

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника



Обводка:

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



35. При помощи инструмента Перо (Pen Tool) нарисуйте указатели кнопок.

Иллюстрация аудио приемника



36. Продолжите работать с левой частью плеера и инструментом Эллипс

(Ellipse Tool) создайте круг, как показано ниже:

Иллюстрация аудио приемника



37. Примените для круга стиль Наложение градиента

(Layer Style - Gradient Overlay).

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



Внутреннее свечение:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



Отбрасывание тени:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



Обводка:

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



38. На правой стороне кнопки нарисуйте другой круг:

Иллюстрация аудио приемника



39. Примените для круга стиль Наложение градиента

(Layer Style - Gradient Overlay).

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



Обводка:

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



40. Следующий круг изобразите в виде лампочки:

Иллюстрация аудио приемника



41. Примените для круга стиль Наложение градиента

(Layer Style - Gradient Overlay).

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



Обводка:

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



42. Скопируйте этот слой и примените для копии стиль Наложение градиента

(Layer Style - Gradient Overlay).

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



43. Теперь создайте крышку плеера. Выберите инструмент Перо

(Pen Tool) и создайте прямоугольник в перспективе.

Иллюстрация аудио приемника



44. Примените для элемента стиль Наложение градиента

(Layer Style - Gradient Overlay).

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



45. При помощи инструмента Прямоугольник (Rectangle Tool) создайте отверстие для охлаждения плеера.

Иллюстрация аудио приемника



46. Снова выберите инструмент Прямоугольник (Rectangle Tool) и нарисуйте прямоугольник для создания ножки плеера.

Иллюстрация аудио приемника



47. Примените для прямоугольника стиль Наложение градиента

(Layer Style - Gradient Overlay).

Иллюстрация аудио приемника



Настройки градиента:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



Внутренняя тень:

Иллюстрация аудио приемника


Иллюстрация аудио приемника



48. Скопируйте ножку и расположите копию на правой стороне плеера, как показано ниже:

Иллюстрация аудио приемника



49. Теперь необходимо создать тень плеера. Выберите для начала инструмент Прямоугольник с закругленными краями

(Rounded Rectangle Tool) радиусом 3 рх, затем выберите инструмент Свободное трансформирование

(Free Transform) и кликните на правую кнопку мыши внутри выделенного объекта. Добавьте Перспективу

(Transform - Perspective).

Иллюстрация аудио приемника


Иллюстрация аудио приемника




Ссылка на источник урока

No comments:

Post a Comment