Главная » Статьи » Photoshop » Уроки

Кнопка плеера для сайта

Шаг №1. Создаём новый документ 150x150 пикс.

Создаём новый слой (Ctrl + Shift + N или "Слой - Новый - Слой") и делаем выделение в форме круга с помощью инструмента "Овальная область".

Щелкнув правой кнопкой мыши, внутри окружности в выпадающем меню, выбираем пункт "Трансформировать выделенную область":

Шаг №2. Выставляем настройки как показа показано на рисунке:

x 75 пикс.
y 75 пикс.

Шаг №3. Затем заливаем черным цветом (Shift + F5 или Редактирование - Выполнить заливку).

Не снимая выделения, создаем новый слой и снова выполним трансформирование выделенной области. Ширину и высоту устанавливаем по 78 пикс.

Зальем выделение зелёным цветом #80ff00.

Уменьшим выделенную область до 72 пикс. в ширину и в высоты.

Шаг №4. Далее выбираем "Слой - Слой-маска - Скрыть выделенную область"

Применим стиль к слою, кликнув по нему в панели слоев 2 раза или выбрать пункт меню "Слой - Стиль слоя - Параметры наложения":

На данном этапе должно получиться так:

Шаг №5. Создадим новый слой. Выделим окружность диаметром 70 пикс. и зальем цветом #262626.

Применим стиль к этому слою:

Перед тем как сделать следующий шаг, откройте маленькую картинку, которая находится ниже в фотошоп, и сохраните как узор "Редактирование - Определить узор":

Шаг №6. Создадим новый слой с окружность диаметра 66 пикс. серого цвета и применим стили:


На данном этапе получаем вот такое изображение:

Шаг №7. Создадим новый слой и поместим его в группу (Ctrl+G или "Слой - Сгруппировать слои"). Выберем слой в группе на панели слоёв. И создадим 4 круга диаметра 20 пикс.

Центры окружностей:

1. x 75 пикс. y 32 пикс.

2. x 75 пикс. y 118 пикс.

3. x 32 пикс. y 75 пикс.

4. x 118 пикс. y 75 пикс.

Шаг №8. Выделим слои внутри группы и объединим их (Ctrl+E иди "Слой - Объединить слои"). Находясь на этом слое, сделаем квадратное выделение со сторонами 84 пикс. в центре. Далее "Слой - Слой-маска - Показать выделенную область".

Создадим новый слой внутри группы с окружность диаметра 100 пикс. цвет #262626.
Выполним выделение в форме круга диаметра 80 пикс.
"Слой - Слой-маска - Скрыть выделенную область"

Шаг №9. Выделим и объединим слои внутри группы. К полученному слою применим стиль:

Свернем Группу и создадим новый слой (он должен располагаться выше группы).

С зажатой клавишей Ctrl нажмем по миниатюре слоя с зеленым кругом (#80ff00).
Затем правой кн. мыши по слой - маске этого слоя и в выпадающем меню выбираем "пересечение слой - маски с выделенной области".
Далее нажимаем правой кн. мыши по миниатюре слоя в группе и выбираем "вычитание маски прозрачности".

Переходим на последний созданный слой и заливаем образованное выделение любым цветом, устанавливаем заливку слоя на 0%. Применим стиль слоя:

На данном этапе должно получиться так:

Шаг№10. Выберем инструмент "Произвольная фигура":

Нарисуем Треугольник с зажатой клавишей Shift. Далее нажмем Ctrl+T или "Редактирование - Свободное трансформирование":

Установим непрозрачность слоя на 25%.
Готово!!!

Категория: Уроки | Добавил: qoobeeq (22.04.2012)
Просмотров: 530 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]