• Авторизация


Аудио-интерфейс 06-03-2006 11:39 к комментариям - к полной версии - понравилось!

Это цитата сообщения Photoshopia Оригинальное сообщение

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

[показать]


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

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

[показать]

с параметрами:
[показать]

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

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

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

[показать]

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

[показать]

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

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

[показать]

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

[показать]

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

[показать]

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

[показать]

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

[показать]

и в "Тень"

[показать]

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

[показать]

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

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

[показать]

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

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

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

[показать]

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

1) Тиснение
[700x391]

2) Контур
[показать]

3) Внутреннее свечение
[показать]

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

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

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

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

1) Тень
[показать]

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

[700x391]


3) Тиснение
[показать]

4) Обводка
[показать]


Судорожно жмем ОК
и видим... о чудо! получилось:
[показать]

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

получится так:
[показать]

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

17.jpg (134x65, 27Kb)

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

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

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

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


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

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

вот что получилось у меня:
[показать]
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Аудио-интерфейс | _ЧУДО_вище_ - Wanna know what is real | Лента друзей _ЧУДО_вище_ / Полная версия Добавить в друзья Страницы: раньше»