photoshop

Тільки Photoshop

Підручники та ресурси Photoshop

Ласкаво просимо до SoloPhotoshop, де ви знайдете найкращу інформацію про навчальні посібники, ресурси та статті Adobe Photoshop!

3D кнопка з Photoshop | Тільки Photoshop

Підручник з інтерфейсів та веб-дизайну в Photoshop

Привіт. безсумнівно, ви бачили на багатьох мультимедіа, сторінках або будь-якому програмному забезпеченні, щоб кнопки відображалися з досить красивою формою у форматі 3D, ну цього ефекту дуже легко досягти у Photoshop.

Якщо у когось виникнуть запитання щодо цього підручника, ви можете зв’язатися зі мною за моєю електронною поштою: [email protected].

1. Спочатку ми створюємо новий документ (ctrol + n), з потрібним нам розміром, наприклад (200 px - 200 px). У варіанті Кольоровий режим (RGB), після створення ми можемо збільшувати або зменшувати робочу зону для полегшення роботи, натискаючи (Control + більше) або (Ктрол + менше) "Плюс і мінус - це знаки, які за замовчуванням клавіатури відображаються праворуч"

два. Ми створюємо коло, щоб зробити нашу кнопку, один із способів зробити це наступним чином, за допомогою інструменту Elliptical Marquee (M) ми створюємо сферу, "ми можемо натиснути Shift, створюючи її, щоб вона була добре сферичною".

3. Потім ми створюємо новий шар (Шар + Новий + Шар) ставимо потрібне ім’я, наприклад: Тінь і натискаємо OK.

4. За допомогою інструмента «Градієнт» (G) «Лінійний градієнт» ми редагуємо градієнт від Чорного до Білого, а в межах попередньо зробленого виділення та вибраного нового шару ми перетягуємо градієнт зверху вниз, утримуючи Shift, щоб градієнт парний.

Коли вони вибирають цей інструмент, вони клацають на градієнт, що з’являється у верхній частині робочої області в меню Редагувати, і там надають йому потрібні кольори.

5. Потім ми створюємо новий шар з попередніми кроками, які ми бачили для створення шарів, я називаю його: Button.

6. Тепер витягуємо виділення (Виділення + Змінити + Згорнути ...), і ми надаємо йому значення 3.

7. Ми знову використовуємо «лінійний» інструмент «Градієнт» (G), але тепер ми надаємо йому градієнт від білого до червоного, і, вибравши новий шар, ми застосовуємо його знову зверху вниз.

8. Після цього ми відмінюємо цей вибір за допомогою (Виберіть + Скасувати вибір) або (Ctrol + D).

9. Тепер ми вибираємо шар Тінь, одним із способів є "ми клацаємо правою кнопкою миші на кнопку, яку ми створюємо за допомогою інструмента" Переміщення "(V), і вибираємо шар Тінь", щоб трохи розмити його. Ми збираємося (Фільтр + Розмиття + Розмиття Гауса ...), і ми даємо йому значення 3 або 2.

10. Цей крок важливий: Знову виберіть шар Button, щоб застосувати деякі ефекти, щоб надати йому вигляд 3d, для цього ми двічі клацнемо на шарі або переходимо до (Шар + Стиль шару + Внутрішня тінь ...) і ми збираємося змінити наступні значення:

  • Колір ------- Кармеліт.
  • Непрозорість - 55
  • Кут ----- -62.
  • Відстань -- 26
  • Відступити ----- 0
  • Розмір ---- двадцять один

Потім ми заходимо в те саме вікно, щоб застосувати новий ефект: Внутрішнє сяйво. З цими значеннями:

  • Колір ------- білий, трохи червонуватий.
  • Розмір --- 27.

Тепер ми можемо натиснути OK.

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

Створюємо сферу, як у кроці два. але не натискаючи Shift, щоб надати йому форму, подібну до тієї, що наведена на наступному зображенні. Потім ми знову застосовуємо градієнт, але на цей раз із зміною, ми збираємося передати його з білого на білий, в непрозорості лівого кольору ми даємо йому значення 80, а праворуч 0, і ми дайте його зверху вниз, нижче, як ми це робили, як це показано на наступному малюнку.

їВони залишаються такими?

12. Ми відміняємо виділення за допомогою (Ctrol + D)

13. Нарешті, ми вибираємо шар Button і пишемо текст або розміщуємо зображення на цій кнопці, виділяючи цей шар так, щоб те, що ми кладемо або зображення, або текст, було вище цього шару і нижче світла.

14. Щоб надати тексту, який ми наносимо цю форму, ми можемо перейти до (Шар + Стиль шару + Параметри змішування ...) і тут ми надаємо йому внутрішню тінь із цінностями, які ми хочемо, та межу, яка також до смаку.

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