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