Уроки » Спецэффекты → Глянцевый интерфейс  


Для того чтобы начать, создайте новый холст с размерами 500x258px, цвет фона черный. Затем сделайте двойной щелчок левой кнопкой мыши по фоновому слою, это разблокирует его.

Глянцевый интерфейс


Примените следующие стили слоя (Layer > Layer Style > Blending Options).

Глянцевый интерфейс

Глянцевый интерфейс


Образец можно создать по этому уроку.

Глянцевый интерфейс


Теперь с помощью Ellipse Tool создайте форму белого цвета, как показано ниже. Переименуйте слой в «Player Frame».

Глянцевый интерфейс


Теперь нам нужно переместить левую якорную точку этой формы.

Для этого выберите инструмент Direct Selection Tool , выберите левую якорную точку. Зажав клавишу SHIFT и нажимая стрелку вправо на клавиатуре, переместите точку как показано ниже.

Глянцевый интерфейс


Примените к форме следующие стили слоя.

Глянцевый интерфейс

Глянцевый интерфейс

Глянцевый интерфейс

Глянцевый интерфейс


Зажав CTRL, щелкните по слою «Player Frame» чтобы загрузить его выделение.

Теперь выберите в главном меню Select > Modify > Contract > 8px.

Создайте новый слой и назовите его «Display», залейте выделение цветом #604A27.

Снимите выделение CTRL+D.

Глянцевый интерфейс


Примените к слою «Display» следующие стили слоя.

Глянцевый интерфейс

Глянцевый интерфейс

Глянцевый интерфейс

Глянцевый интерфейс

Глянцевый интерфейс


Информация к уроку:

Категория - Уроки » Спецэффекты

Дата публикации: 15-05-2012, 06:32

Опубликовал: killot

Просмотров: 2049

Комментариев: 4

Ссылки к этой статье:

Источник - Empire Dezign

Автор - Не указан

Переводчик - Killot

Найти - Все уроки с Empire Dezign

Еще по этой теме:

Обои – Человек паук Обои – Человек паук
Украсьте свой рабочий стол этими обоями. Концепт ...
Меню "Синий металл"
В этом уроке создадим стильное меню для сайта ...
Кнопка закладок Кнопка закладок
В этом уроке создадим прикольную кнопку для ...
Кнопка Widows Media Player Кнопка Widows Media Player
В этом уроке мы создадим одну из кнопок windows ...
Интерфейс «Mac» Интерфейс «Mac»
Я получаю много просьб о написании туториалов, и ...
Меню «Real Media Player» Меню «Real Media Player»
В этом уроке создадим интерфейс медиа-плеера ...
Обои «Железный человек» Обои «Железный человек»
В этом уроке мы создадим голову Железного ...
Как нарисовать Бендера из Футурамы Как нарисовать Бендера из Футурамы
В этом уроке вы узнаете, как шаг за шагом ...
Обои - тыква на хэллоуин Обои - тыква на хэллоуин
Урок немного сложный для начинающих, но это того ...
Шаблон - Modern Шаблон - Modern
В этом туториале я покажу как создать современный ...

Социальные закладки:


Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.


Vikka       19 мая 2012 23:28 /
Очень подробно все описано. А анимированные картинки в качестве наглядного объяснения вообще намного облегчают обучение. Здорово придумано! Мне больше такие картинки нигде не попадались. Спасибо за урок!
        Цитировать

killot       21 мая 2012 03:20 /
Цитата: Vikka
Спасибо за урок!

Пожалуйста.
        Цитировать

Vikka       2 июня 2012 20:21 /
Результат урока выложила на форуме. Хочу еще попробовать сделать синюю кнопку. Там такие же настройки все, как и для желтой, или Вы подбирали самостоятельно?
        Цитировать

killot       4 июня 2012 03:20 /
Отлично получилось.
Про кнопку не понял, что за синяя кнопка?
Интерфейс проигрывытеля, синего цвета, да практически все то-же самое, немного изменилась форма по высоте, он более вытянутый и цвета которые устанавливается в конце первой страницы
Примените к слою «Display» следующие стили слоя.
        Цитировать
 

Добавление комментария

 
 
Ваше Имя:
Ваш E-Mail:
Вопрос:
Ты робот? (да-нет)
Ответ:*
Код:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Введите код: