Меню сайта
Категории каталога
Дизайн [15]
Форма входа
Поиск
Друзья сайта
    <Сауны и бани Сауны и бани Сауны и бани Сауны и бани Сауны и бани Сауны и бани
Наш опрос
Оцените мой сайт
Всего ответов: 70


Онлайн всего: 1
Гостей: 1
Пользователей: 0

Суббота, 23.11.2024, 10:50:34ГлавнаяРегистрацияВход
Уроки по Adobe Photoshop
Приветствую Вас Гость | RSS
Главная » Статьи » Дизайн » Дизайн

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

2.Ставим цвет #E5E5E5 и выбераем инструмент Rounded Rectangle tool с параметрами:
Аудио-интерфейс *

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

3. Выбираем Direct Selection tool и кликаем на край нашей фигуры. Теперь берем и перетаскиваем правый верхний квадратик вверх и левый нижний, соответственно вниз.
Аудио-интерфейс *

4.Опять выбираем Direct Selection tool и нажимаем правой кнопкой мыши там где указано на рисунке.
Аудио-интерфейс *

В открывшемся меню выбираем Add Anchor Point и передвигаем квадратики вниз, как показано на рисунке. Должно получиться так:
Аудио-интерфейс *

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

5. Кликаем 2 раза на значке слоя с плеером и идем в настройки Gradient Overlay. Делаем все, как показано на рисунке.
Аудио-интерфейс *

Теперь лезем в настройки Satin.
Аудио-интерфейс *

Дальше в Bevel and Emboss:
Аудио-интерфейс *

В Inner Glow:
Аудио-интерфейс *

В Inner Shadow:
Аудио-интерфейс *

И в Drop Shadow:
Аудио-интерфейс *

После всего этого, должно получиться так:
Аудио-интерфейс *

6. Ставим Rounded Rectangle tool с параметрами:
Аудио-интерфейс *

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

Теперь заходим в Layer > Layer Style > Gradient Overlay и ставим следующие настройки:
Аудио-интерфейс *

После всего этого, должно получиться так:
Аудио-интерфейс *

8.Теперь перетащите этот слой на значек Аудио-интерфейс * , чтобы его продублировать. Дальше жмите на дубликат правой кнопкой мыши и выбирайте «Clear Layer Style». Зажмите ctrl и левой кнопкой мыши нажмите на этот слой. Теперь залейте выделение черным цветом. Дальше нажмите CTRL+T, чтобы трансформировать наш обьект. После того как вы нажали CTRL+T, зажмите ALT и сделайте обьект немного меньше, как показано на рисунке:
Аудио-интерфейс *

9. Сейчас мы добавим немного «пластика», для реалистичности. Идем в Layer > Layer Style и задаем следующие параметры:

1. Bevel and Emboss
Аудио-интерфейс *

2. Contour
Аудио-интерфейс *

3. Inner Glow
Аудио-интерфейс *

Нажимаем ОК и видим такой результат:
Аудио-интерфейс *

10. Теперь самая интересная часть урока (по мнению автора, да и по-моему мнению тоже =)). Будем рисовать экран. Создайте новый слой. Цвет поставьте #86B7E7. Используя Rounded Rectangle tool с параметрами:
Аудио-интерфейс *

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

11. Время для…..вы уже догадались, layer style! Идем в Layer > Layer Style >, и используем следующие настройки:

1. Drop Shadow
Аудио-интерфейс *

2. Inner Glow
Аудио-интерфейс *

3. Bevel and Emboss
Аудио-интерфейс *

4. Stroke
Аудио-интерфейс *

Нажимаем ОК!
После всего этого должно получиться так:
Аудио-интерфейс *

12. Для того чтобы наш экранчик выглядел более реалистично добавим на него свет. Продублируйте слой с голубым экраном. Дальше правой кнопкой мыши кличем по дубликату и выбираем «Clear Layer Style». Зажмите ctrl и левой кнопкой мыши нажмите на дублированный слой. Теперь залейте выделение белым цветом. Дальше нажмите CTRL+T, и примените следующие установки:
Аудио-интерфейс *

должно получиться так:
Аудио-интерфейс *

13. Измените fill opacity как показано на рисунке:
Аудио-интерфейс *

14. Идем в Layer > Layer Style > Gradient Overlay и применяем установки:
Аудио-интерфейс *

Жмем ОК.

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

Делаем выделение, как показано на скриншоте:
Аудио-интерфейс *

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

16. Дальше можете написать что нибудь на мониторчике. Шрифт возьмите здесь.
Аудио-интерфейс *

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

Вот что получилось у автора этой статьи:
Аудио-интерфейс *
Категория: Дизайн | Добавил: t1mON (28.04.2008)
Просмотров: 605 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email *:
Код *:

Copyright MyCorp © 2024