Фев
2
2011

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

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

Создаём новый слой (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%.
Готово!!!

Правила перепечатки материалов сайта

Все материалы сайта являются интеллектуальной собственностью данного проекта (кроме случаев, когда прямо указано другое авторство) и охраняются законом "Об авторском праве и смежных правах".

Перепечатка, распространение, в том числе в переводе, любых материалов сайта возможны с соблюдением правил цитирования, а при размещении их в сети Интернет необходима ссылка на www.photoshop-training.ru.

Надеемся, вас не затруднит соблюдение этих условий.

1 Comment + Add Comment

  • Кнопка шикарная! Урок великолепный! А как в нее музыку вставить?

Написать комментарий