is_реклам:

пошук, категорії та ін. показати ▼

Креативний дизайн кнопки на сайт

Креативний дизайн кнопки на сайт
автор опубліковано

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


1. Створоюємо новий документ із розмірами майбутньої кнопки, наприклад 150х60 рх.
2. Виберіть інструмент Прямокутник із заокругленними краями (Rounded Rectangle Tool)[U]
3. Малюємо прямокутник як показано нижче. Радіус скруглення в даному випадку 10 рх. Ви ж за бажанням можете використати і інше значення.

4. Змініть колір заливки на білий і намалюйте ще один прямокутник як показано на малюнку.

5. Далі змінюєм Непрозорість (Opacity) слою на 20%.
6. Теперь виберіть інструмент Овальне Виділення (Elliptical Marquee Tool) [M].
7. Створіть новий слой, зробіть виділення і залийте будь-яким кольором.

8. Знімаємо виділення і застусовуємо фільтр Размиття по Гауссу (Gaussian Blur Filter) і налаштуйте його як показано нижче

9. Якщо у Вас кнопка широка і не висока тоді необхідно застосувати Вільну трансформацію із зажатою клавішею Alt, щоб розтягнути слой із нашою заливкою.

10. Далі, утримуючи Ctrl, клікаємо на слої з чорним прямокутником. Вибераємо наш слой із кольором і нажимаємо Ctrl+Shift+I. Це інвертує виділення.
11. Нажміть клавішу Delete і зніміть виділення комбінацією Ctrl+D.
Вітаю! Наша кнопка готова

Ось інші приклади кнопок

схоже за тегами

Залишити коментар:

Яндекс цитирования UA TOP Bloggers