Світиться кнопка в фотошоп

Здрастуйте дорогі мої читачі! Сьогодні я розповім Вам про те, як створити красиву світиться кнопку "Play". Цей урок призначений для початківців користувачів програми AdobePhotoshop. він легкий у виконанні, тому Ви повинні спробувати виконати його =).

У міру виконання даного уроку ми буем освоювати базові навички малювання. додавання світлових ефектів на елементи зображення, а також будемо використовувати інструмент Перо. різні режими накладення і способи виділення.

Світиться кнопка в фотошоп

Окей, давайте почнемо!

Створюємо новий документ (розмір не має значення) з чорним фоном. Далі створіть новий шар і, використовуючи велику м'яку кисть темно-синього кольору, намалюйте точку в центрі полотна, це і буде наш фон:

Світиться кнопка в фотошоп

Створюємо новий шар і малюємо на даному шарі жовтий коло в центрі полотна:

Світиться кнопка в фотошоп

Тепер давайте додамо трохи світел і тіней до нашого кола. Для початку виберіть шар з колом, далі, використовуючи м'яку кисть білого кольору, намалюйте відблиск (див. Зображення нижче):

Світиться кнопка в фотошоп

Створіть ще один шар і за допомогою м'якої чорної кисті намалюйте тінь у правій нижній частині нашої майбутньої кнопки:

Світиться кнопка в фотошоп

Далі додаємо ще один шар під шаром з колом. Використовуючи м'яку чорну кисть, малюємо тінь під кнопкою: (використовуйте інструмент Вільне трансформування (Ctrl + T). Щоб «стиснути» відбиток кисті і отримати тінь):

Світиться кнопка в фотошоп

Кінцевий результат першого кроку:

Світиться кнопка в фотошоп

Тепер давайте додамо стрілочку на нашу кнопку - створіть новий шар і виберіть інструмент Багатокутник з панелі інструментів:

Світиться кнопка в фотошоп

Застосуйте наступні параметри для даного інструменту. Також хочу зауважити, що колір заливки повинен бути темно-коричневий:

Далі намалюйте трикутник, як показано нижче: (може виявитися корисним включення відображення сітки, використовуйте її як напрямні за допомогою комбінації клавіш Ctrl + ').

Світиться кнопка в фотошоп

Застосуйте наступні Стилі шару до шару зі стрілкою:

Світиться кнопка в фотошоп

Світиться кнопка в фотошоп

Ось, що вийшло у нас на даному етапі:

Світиться кнопка в фотошоп

Тепер давайте додамо трохи світіння до нашої стрілочки - створіть новий шар під шаром з трикутником і, використовуючи м'яку білу кисть, приблизно такого ж розміру, як і трикутник, за допомогою одиночного кліка зробіть відбиток кисті, як показано на зображенні нижче:

Світиться кнопка в фотошоп

Дублюйте цей шар і стисніть його за допомогою інструменту Вільне трансформування. Поверніть його і прикладіть до однієї з ліній трикутника - це створить додатковий ефект світіння:

Світиться кнопка в фотошоп

Дублюйте цей шар ще двічі, поверніть і перемістіть ці шари до решти сторонам трикутника:

Світиться кнопка в фотошоп

Поточний наш результат виглядає так:

Світиться кнопка в фотошоп

Цей крок є необов'язковим. Я вирішив додати до даної кнопці якийсь «ефект шнура / дроти», щоб вона була унікальною і цікавою.

Використовуємо інструмент Перо. щоб створити контур. Далі створимо обведення для нашого контуру за допомогою жовтої кисті розміром в 5px (не забудьте поставити галочку біля опції Імітувати натиск):

Світиться кнопка в фотошоп

Потім додаємо «вузлик» на нашу кнопку, використовуючи інструмент Прямокутна область. Намалювавши його, розміщуємо цей прямокутник в місці з'єднання нашої ниточки з кнопкою і трансформуємо його за допомогою інструменту Перспектива:

Світиться кнопка в фотошоп

Після трансформації за допомогою перспективи у Вас повинен вийти приблизно такий результат:

Світиться кнопка в фотошоп

Давайте додамо текстуру, щоб зробити наш вузлик більш реалістичним: застосуйте наступні параметри накладення до нашого шару:

Світиться кнопка в фотошоп

Світиться кнопка в фотошоп

Світиться кнопка в фотошоп

Світиться кнопка в фотошоп

Після виконання даного кроку у Вас повинен вийти ось такий результат:

Світиться кнопка в фотошоп

Тепер давайте додамо ще один ефект освітлення. Для цього знову завантажуємо виділення з основи нашої кнопки (кола), створюємо новий шар і за допомогою м'якої кисті білого кольору малюємо пучок світла всередині нашого виділення (див. Зображення нижче):

Світиться кнопка в фотошоп

Зніміть виділення (Ctrl + D), змістите цей шар трохи вправо і у Вас вийде ось такий ефект:

Світиться кнопка в фотошоп

Дублюйте даний шар (Ctrl + J), відобразіть по горизонталі і помістіть в ліву частину кнопки:

Світиться кнопка в фотошоп

Зараз у Вас повинен бути приблизно такий результат:

Світиться кнопка в фотошоп

Тепер давайте додамо трохи світяться точок навколо нашої кнопки. Щоб зробити це, візьміть м'яку кисть і застосуєте до неї такі параметри:

Світиться кнопка в фотошоп

Світиться кнопка в фотошоп

Світиться кнопка в фотошоп

Переконайтеся в тому, що опція «Згладжування» включена. Ну а зараз давайте намалюємо крапки, що світяться навколо нашої кнопки:

Світиться кнопка в фотошоп

Ми майже закінчили! Щоб остаточно скорегувати наше зображення, я вирішив додати трохи світіння до нашої кнопці. Створіть новий шар під шаром з колом і, використовуючи жовту м'яку кисть, малюємо світіння навколо кнопки:

Світиться кнопка в фотошоп

Погравши трохи з квітами, я вирішив додати коригувальний шар Тон / Насиченість поверх всіх шарів, щоб надати світіння трохи червонуватого відтінку:

Світиться кнопка в фотошоп

Світиться кнопка в фотошоп

Світиться кнопка в фотошоп

Це все на сьогодні! Сподіваюся, Вам сподобався урок, і Ви знайшли в ньому щось для себе корисне =) До нових зустрічей, вдалого Вам дня!

Перекладач: Сергій Заставний;

Сподобався матеріал?
Чи не скупіться - поділися з іншими!

Схожі статті