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.Теперь мы научились делать все необходимое чтобы продолжить самостоятельно создание плеера. Чтобы создать пульт управления как на рисунке ниже, используйте те же приемы как и при создании черной панельки и экранчика.
вот что получилось у меня: