Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Контрольная панель

Alex | 5.03.2014 | нет комментариев

В данном уроке мы попробуем создать контрольную панель . Вот, что у нас получилось.

Откройте новый файл размером 500×500 px и разрешением 72 dpi. Залейте фон цветом 687074.

Сделайте копию нового слоя и примените следующие параметры: Filter>Render>Fibers. Установите Variance – 4, Strength 16 и щелкните OK. Нажмите Ctrl+T (с помощью Free Transform поверните изображение на 90 градусов). У вас получиться следующее:

Fill 14%. Выберите Rectangle Tool и нарисуйте экран медиа плеера. Экран должен быть черного цвета.

Fill 40%. Возьмите Pencil Tool и нарисуйте рамку экрана.

С помощью Ellipse Tool нарисуйте круг для кнопок медиа плеера.

Blending Options>Drop Shadow

Blending Options>Inner Shadow

Blending Options>Gradient Overlay

Параметры градиента:

Скопируйте новый слой и примените Free Transform для уменьшения копии. Поместите его как на рисунке.

Сделайте еще 4 копии маленьких кнопочек и разместите их как на рисунке:

Выберите закладку Character и установите следующие настройки. Напишите текст на кнопке громкости.

Blending Options>Inner Shadow

Выберите Pen Tool и нарисуйте символ на кнопки пуск цветом 404B51.

Blending Options>Inner Shadow

С помощью того же инструмента нарисуйте еще один символ тем же цветом.

Blending Options>Inner Shadow

Сделайте копию последнего созданного слоя и примените снова Free Transform, чтобы повернуть на 180 градусов и поместить как на рисунке.

Возьмите Rectangle Tool и нарисуйте следующие символы тем же цветом, что и ранее.

Blending Options>Inner Shadow

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB