Aqua кнопка


































Крок 1


Створіть нове зображення 400х400 пікселів з білим фоном. Перейдіть на панель каналів і створіть новий канал. Тепер виберіть інструмент Rectangle Marquee Tool і зробіть виділення розмірами схоже з нашим. Залийте ваш прямокутник білим кольором. Тепер відмініть виділення (Ctrl+D).


Крок 2



Ідіть: Filters > Blur > Gaussian Blur. І размойте на 9,2 пікселя.



Крок 3



Тепер Image>Adjust>Levels. Встановіть у вікні, параметри, які вказані на малюнку. Клацніть "ОК“.

 

Шаг4



Затиснувши Ctrl клікніть на каналі "Alpha 1". Потім йдіть назад на панель шарів. Створіть новий шар (Ctrl+Shift+N) і залийте виділення кольором:
R: 0
G: 108
B: 255
Тепер у нас є форма кнопки.

 

Крок 5



Візьміть інструмент Rectangle Marquee Tool. Затиснувши Shift, Рухайте рамку виділення вгору кнопками Нагору і Вниз. Тепер утримуючи Ctrl+Alt і клікніть на шарі "Layer 1“.

 

Крок 6



Тепер знову натисніть Shift і потім вниз на клавіатурі, щоб перемістити ваш вибір вниз. Створіть новий шар (Ctrl+Shift+N)Layer 2". Натисніть D, Потім X – Це встановить кольору за замовчуванням. Візьміть інструмент Gradient Tool. Потім, в опціях, встановіть градієнт: "Foreground to Transparent"(Див малюнок).

 

Крок 7



Тепер тягніть градієнт від верху до низу виділення (див. малюнок).

 

Крок 8



ОК. Зніміть виділення (Ctrl+D). Зараз копіюйте даний шар (Layer > Duplicate Layer) і йдіть: Edit > Transform> Rotate 180. Тепер перемістіть відблиск в низ кнопки. Змініть модифікацію шару з Normal на Color Dodge. Встановіть непрозорість (opacity) “Layer 2 Copy” рівну 62. Натисніть на “Layer 2 Copy” і йдіть: Filters > Blur > Gaussian Blur. Размойте зображення на 1,6 пікселя.

 

Крок 9



Натисніть Ctrl і клікніть на “Layer 1”. Створіть новий шар. Створіть кисть з інформацією, вказаною на скріншоті. Додайте невеликий відблиск знизу кнопки. Тепер, регулюючи непрозорість, добийтеся реалістичного зображення.

 

Крок 10



Зараз клікніть на “Layer 1” і йдіть: Layer>Effects>Drop Shadow, Щоб додати тінь. Коли ви додасте ваш текст на кнопку змініть “Blend Mode” текстового шару c “Normal” на “Overlay” для відмінного ефекту (див. малюнок).

 

 


Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*