RSS
 

Красная гелевая кнопка

20 Сен

Создание web кнопок в Photoshop.

Red_Gel_button_name

Шаг 1. Создайте новый документ размером 17X17 пикселей и разрешением 72 пикс/дюйм. Увеличьте масштаб до 700%. Залейте слой цветом 290202. Используя инструмент «Линия» размером 1 пиксель и цвет 503131 нарисуйте диагональ, нажав клавишу Shift, как показано ниже. Нажатие клавиши Shift обеспечит угол наклона 45°.

1(1)

Шаг 2. Выберите команду Редактирование>Определить узор. Присвойте имя узору и нажмите OK. Затем создайте новый документ размером 274×151 и разрешением 72 пикс/дюйм. Выберите инструмент «Заливка». На панели параметров в меню палитры узоров найдите имя вашего только что созданного узора и залейте им фон.

2(1)

Шаг 3. Затем выберите инструмент «Прямоугольник с закругленными углами» в 10 пикселей с цветом 7a1010 и нарисуйте форму (112×25 пунктов, Окно>Инфо), как показано ниже. Назовите этот слой «Кнопка». [Прим. переводчика: поскольку, мы создаём слой фигуры, активной должна быть первая кнопка на панели Options - создать слой фигур].

3(1)

Шаг 4. Щёлкните на значке f в нижней части палитры и примените эффект «Тень», используя параметры, показанные ниже. Пока не нажимайте клавишу OK.

4(1)

Шаг 5. Примените эффект «Скос и рельеф». Пока не нажимайте OK.

5(1)r

Шаг 6. Эффект «Контур». Нажмите OK.

6(1)

Шаг 7. Вы должны получить изображение, как показано ниже.

7(1)

Шаг 8. Выберите инструмент «Перо» и нарисуйте эффект волны чёрного цвета, как показано ниже. Не забудьте, что первая кнопка на панели Options должна быть активной. Назовите этот слой «Тень».

8(1)

Шаг 9. Щёлкните на имени слоя «Кнопка» (нажимая клавишу Ctrl), чтобы загрузить выделение. Инвертируйте выделение, выбрав команду Выделение>Инверсия. Растеризуйте слой «Тень» с помощью команды Слой>Растрировать>Фигуру. При активном слое «Тень» нажмите клавишу delete и снимите выделение. Разместите слой «Тень» ниже слоя «Кнопка» в палитре слоёв.

9(1)

Шаг 10. Щёлкните на имени слоя «Кнопка» с нажатой клавишей Ctrl, чтобы загрузить выделение. Создайте новый слой и измените режим наложения на «Осветление основы». Назовите этот слой «Сияние». Выберите инструмент «Кисть» и установите для цвета переднего плана значение c02626, размер кисти 12 и жёсткость 0%. Проведите кистью вдоль нижнего края выделения, как показано ниже.

11r

Шаг 11. Выберите инструмент «Текст», установите параметры, как показано ниже и напечатайте текст.

12r

Шаг 12. У вас должно получиться следующее:

13r

Шаг 13. Щёлкните на значке f в нижней части палитры и выберите эффект «Внешнее свечение» и примените параметры, как показано ниже. Щёлкните OK.

14r

Шаг 14. Результат!!! Я надеюсь вам понравится этот урок.

Создание web кнопок в фотошоп

Другой образец синего цвета.

sample2

Author: empiredezign.com

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

Опубликовано в рубрике Уроки Photoshop

 

Прокомментировать