Робимо кнопку з підсвічуванням у Фотошопі

фотошопі
У цьому уроці я покажу як зробити кнопку з неоновим підсвічуванням у програмі Photoshop.

Версія програми Photoshop CS4, що використовується в уроці, українська версія, додатково знадобляться готові стилі Фотошопа.

Створити новий документ300 x 300 пікселів з чорним фоном. Натисніть клавішуU і виберіть інструментПрямокутник зі скругленими кутами виставивши радіус3 пікселя, намалюйте таку фігуру.

фотошопі

Натисніть правою кнопкою миші на шарі з фігурою, і далі натисніть у контекстному менюРаструвати фігуру. Тепер знову оберіть інструментПрямокутник зі скругленими кутами виставивши радіус 10 пікселів. Намалюйте фігуру як показано на малюнку, фоновий колір не має значення, оскільки цю фігуру ми надалі видалимо.

фотошопі

Утримуючи клавішуCtrl, натисніть лівою кнопкою миші на червону фігуру на панелі шарів для виділення робочої області. Фігура повинна виділитися пунктиром, що переливається.

фотошопі

Залагодьте тепер шар із червоною фігурою, як ви бачите виділення робочої області залишилося

підсвічуванням

Натисніть на клавіатуріDelete для вирізання області виділення таCtrl+D для зняття виділення, має вийти так.

тепер

Тепер треба надати стиль для тіла кнопки, виставте значення як на скріншотах.

підсвічуванням

підсвічуванням

робимо

В результаті має вийти так.

підсвічуванням

Тепер потрібно зробити ефект відблиску. Для зручності можна збільшити робочу ділянку до 200%. Візьміть інструментЛінія товщина 1 піксель, колір заливки білий і проведіть лінії поставивши відсоток непрозорості як показано на скріншоті.

підсвічуванням

Тепер виділіть робочу область шару кнопки

тепер

ВізьмітьінструментОвальна область, виставте такі настройки.

І зробіть таке:

робимо

Результат повинен вийти такий

підсвічуванням

Тепер додайте новий шар, залийте виділену область білим кольором та зніміть виділенняCtrl+D

робимо

Додати маску до нового шару

робимо

Візьміть інструментГрадієнт і проведіть їм лінію як показано нижче

кнопку

Поставте рівень непрозорості на30% результат повинен вийти таким.

фотошопі

Тепер додамо неонове підсвічування, для цього візьміть інструментПрямокутник і створіть таку фігуру

фотошопі

Перемістіть шар із цією фігурою нижче основного шару кнопки, залишилося застосовувати до цієї фігури стилі, я використовував готові стилі.