Главная | Форум | Реклама | Shop Flash-JePo | Картинки | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Аудио-интерфейс, спецэффект
JeepersДата: Четверг, 25.08.2011, 11:02 | Сообщение # 1




Администратор портала







Главный Админ
Сталин
Группа: Администраторы
Сообщений: 937
Награды: 0
Репутация: 13

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

Вот что получилось!
Аудио-интерфейс *


Требуются: Модераторы, Журналист новостей, Дизайнер!
Shop Flash-JePo
 
Реклама
  • Страница 1 из 1
  • 1
Поиск: