Фотошоп

Sunday, July 7, 2013

Zune скин для mp3 плеера

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


2. Примените для фона стиль Наложение градиента (Layer Style - Gradient Overlay).
Zune скин для mp3 плеера


Настройки градиента:
Zune скин для mp3 плеера


3. Выберите инструмент Прямоугольник с закругленными краями (Rounded Rectangle Tool) и создайте основу для корпуса медиа плеера.
Zune скин для mp3 плеера


4. Примените для элемента стиль Тиснение (Layer Style - Bevel and Emboss).
Zune скин для mp3 плеера


Наложение градиента:
Zune скин для mp3 плеера


Настройки градиента:
Zune скин для mp3 плеера


5. При помощи инструмента Прямоугольник с закругленными краями
(Rounded Rectangle Tool) создайте область под экраном. Затем, выберите инструмент Эллипс
(Ellipse Tool) и, удерживая Shift, создайте слой для кнопки. Снова зажмите Shift и инструментом Прямоугольник (Rectangle Tool) создайте связь между элементами. Инструмент Преобразовать точку привязки (Convert Point Tool) поможет подкорректировать размеры элементов.
Zune скин для mp3 плеера

Zune скин для mp3 плеера


6. Примените для элементов стиль Наложение градиента (Layer Style - Gradient Overlay).
Zune скин для mp3 плеера


Настройки градиента:
Zune скин для mp3 плеера


7. При помощи инструмента Прямоугольник с закругленными краями (Rounded Rectangle Tool) создайте слой для экрана медиа плеера.
Zune скин для mp3 плеера


8. Примените для слоя стиль Наложение градиента (Layer Style - Gradient Overlay).
Zune скин для mp3 плеера


Настройки градиента:
Zune скин для mp3 плеера



9. Выберите инструмент Прямоугольник (Rectangle Tool) и создайте внутри экрана панель для проигрывания чёрным цветом.
Zune скин для mp3 плеера



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



11. Примените для элемента стиль Наложение градиента (Layer Style - Gradient Overlay).
Zune скин для mp3 плеера


Настройки градиента:
Zune скин для mp3 плеера



12. Используя тот же инструмент Эллипс (Ellipse Tool), нарисуйте саму кнопку.
Zune скин для mp3 плеера



13. Примените для кнопки стиль Внутреннее свечение (Layer Style - Inner Glow).
Zune скин для mp3 плеера


Наложение градиента:
Zune скин для mp3 плеера


Настройки градиента:
Zune скин для mp3 плеера


14. При помощи инструмента Прямоугольник с закругленными краями (Rounded Rectangle Tool) нарисуйте указатель батарейки белого цвета.
Zune скин для mp3 плеера


15. Выберите инструмент Прямоугольник (Rectangle Tool) и создайте другую часть указателя батарейки: сначало создайте внешние края, затем, удерживая Alt, вырежьте внутреннюю часть (цвет указателя - #858384).
Zune скин для mp3 плеера

Zune скин для mp3 плеера


16. Напишите название трека, соблюдая настройки ниже:
Zune скин для mp3 плеера

Zune скин для mp3 плеера


17. При помощи инструмента Прямоугольник с закругленными краями (Rounded Rectangle Tool) нарисуйте кнопку “Play” белого цвета.
Zune скин для mp3 плеера


18. Снова выберите инструмент Прямоугольник (Rectangle Tool) и создайте другую часть кнопки “Play” цветом #666465.
Zune скин для mp3 плеера


19. Удерживая Alt, кликните между слоями, чтобы цвета были в пределах кнопки.
Zune скин для mp3 плеера

Zune скин для mp3 плеера


20. При помощи инструмента Эллипс (Ellipse Tool) нарисуйте эквалайзер белого цвета.
Zune скин для mp3 плеера

Zune скин для mp3 плеера


21. Напишите время, прошедшее с начала песни и оставшееся до конца песни.
Zune скин для mp3 плеера

Zune скин для mp3 плеера


22. При помощи инструмента Перо (Pen Tool) нарисуйте символ “Play” (белый треугольник).
Zune скин для mp3 плеера

Zune скин для mp3 плеера


23. Инструментом Эллипс (Ellipse Tool) создайте ещё одну кнопку плеера цветом #272727.
Zune скин для mp3 плеера


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


25. Скопируйте новый сделанный слой и расположите, как показано ниже:
Zune скин для mp3 плеера


26. При помощи инструмента Перо (Pen Tool) нарисуйте на кнопке указатель цветом #B6B5B6.
Zune скин для mp3 плеера

Zune скин для mp3 плеера


27. Используя инструменты Перо (Pen Tool) и Прямоугольник (Rectangle Tool), создайте на другой кнопке треугольник и указатель паузы (цвет символов - #B6B5B6).
Zune скин для mp3 плеера

Zune скин для mp3 плеера


28. Теперь напишите название большой кнопки, соблюдая требования ниже:
Zune скин для mp3 плеера

Zune скин для mp3 плеера

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

No comments:

Post a Comment