Dfyz007 все записи автора урок был взят отсюда и допереведен, я попытался максимально его упростить. и помочь тем, у кого руский ФШ и кто не может пользоваться уроками на английском, в общем для английского ФШ можете урок там смотреть. а для русского здесь, да и скринов здесь побольше, и попонятнеедолжно быть. блягодаря ним, а то я сам один инструмент долго исказл. и, дабы не мучаться вам, сделал скрины, этих инструментов... в общем принимайте работу =)
это то, что у меня получилось:





1.Создаем новое изображение (Ctrl+N).
New… фон белый.

2.Ставим цвет #E5E5E5 и выбераем инструмент "Прмоугольник со скругленными краями"



с параметрами:


Создаем новый слой и рисуем, что то вроде этого:


3. Выбираем Инструмент "Стрелка"

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


4.Опять выбираем Инструмент "Стрелка" и нажимаем правой кнопкой мыши там где указано на рисунке



В открывшемся меню выбираем "Добавить опорную точку" и передвигаем квадратики вниз, как показано на рисунке. Должно получиться так:



Ну вот собственно наш плеер и готов, а те кому он не показался реалистичным читают дальше )))

5. Кликаем 2 раза на значке слоя с плеером и идем в настройки "Наложение градиента". Делаем все, как показано на рисунке.



Теперь лезем в настройки "Глянец".



Дальше в "Тиснение":



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



во "Внутренняя тень":



и в "Тень"



После всего этого, должно получиться так:



6. Ставим "Прямоугольник со скруленными краями" с параметрами:


главный цвет белый. И рисуем, как указано на примере, ниже.



Теперь снова заходим в свойстква слоя, и в "Наложение градиента" заходим и ставим следующие настройки:


После всего этого, должно получиться так:


8.создайте дубликат этого слоя "слой -> создать дубликат слоя". Дальше жмите на дубликат правой кнопкой мыши и выбирайте "Очистить стиль слоя". Зажмите ctrl и левой кнопкой мыши нажмите на этот слой. Теперь залейте выделение черным цветом. Дальше нажмите "CTRL+T", чтобы трансформировать получившийся объект. После того как вы нажали CTRL+T, зажмите ALT, и удерживая его, сделайте обьект немного меньше, как показано на рисунке:



9. Сейчас создадим эффект пластика, для реалистичности. Снова идем в свойства слоя и задаем следующие параметры:

1) Тиснение


2) Контур


3) Внутреннее свечение


Нажимаем ОК, вот что у нас теперь получилось:


10. Теперь самая интересная часть урока (по мнению автора, да и по-моему мнению тоже =)). Будем рисовать экран. Создайте новый слой. Цвет поставьте #86B7E7. Используя наверняка уже всем полюбившийся "Прямоугольник со скругленными краями" с параметрами:


нарисуйте так прямоугольничек как показано на рисунке:


11. и снова в стиль стоя, используем следующие настройки:

1) Тень


2) Внутреннее свечение




3) Тиснение


4) Обводка



Судорожно жмем ОК
и видим... о чудо! получилось:


12. Для того чтобы наш экранчик выглядел более реалистично добавим на него блеск. Продублируйте слой с голубым экраном. Дальше правой кнопкой мыши кликнем по копии и выбираем "Очистить стиль слоя". Зажмите ctrl и левой кнопкой мыши нажмите на дублированный слой. Теперь залейте выделение белым цветом. Дальше нажмите CTRL+T, и примените следующие установки:


получится так:


13. для продолжения нужно изменить "Непрозрачность" и "Заливка" как на рисунке:



14. дальше идем в настройки стиля слоя и в "Наложение градиента" выставяем следующие параметры:


15. теперь у нас есть хороший цветовой эффект, но мы можем сделать лучше. В палитре слоев примените к слою маску, нажав на кнопку . Дальше выбираем Инструмент "перо" и задаем ему настройки:


Делаем выделение, как показано на картинке:


Не снимая выделения нажмите правой кнопкой мыши внутри выделения и выберете "Образоавать выделенную область...", в появившемся окне нажмите ОК. Нажмите CTRL+Backspace, а потом CTRL+D и вы должны получить следующее:



16. Дальше можете написать что нибудь на мониторчике. Шрифт возьмите тут (я использовал шрифт: "lcd")


17.Теперь мы научились делать все необходимое чтобы продолжить самостоятельно создание плеера. Чтобы создать пульт управления как на рисунке ниже, используйте те же приемы как и при создании черной панельки и экранчика.

вот что получилось у меня: