Як створити просту кнопку з ефектом скла в adobe photoshop

Введіть наступні параметри: 250 "Ширина:", 250 "Висота:", 72 "Дозвіл:" і виберете білий колір в "Вміст фону:". натисніть "OK".

клікніть "файл"gt;"Зберегти як". змініть "формат:" на Photoshop (* .PSD, * .PDD). В рядку "Ім`я файлу:" вкажіть "GlassButton.psd". натисніть "OK".

натисніть "Z", Щоб відкрити збільшувальне скло. Клацайте по фону до тих пір, поки збільшення не досягне 1600%. Натисніть SHIFT + CTRL + N, щоб створити новий шар. Коли відкриється діалогове вікно нового шару, натисніть кнопку "OK".

натисніть "M", Щоб відкрити інструмент "прямокутна область". Якщо з якоїсь причини відкриється інструмент в формі кола або еліпса, натисніть правою кнопкою миші на рамці інструменту. З`явиться невелике вікно з декількома варіантами фігур, виберіть "прямокутна область".

На пінстрайп-документі намалюйте область навколо кнопки в 1 піксель. Переконайтеся, що налаштування пера рівні 0.

Натисніть SHIFT + F5, щоб відкрити вікно заливки. Встановіть в категорії "Використання:" чорний колір. натисніть "OK". Тепер натисніть CTRL + A, щоб виділити весь документ.

натисніть "змінити"gt;"визначити візерунок". Відкриється нове вікно. Вкажіть ім`я вашого фону.

Закрийте документ фону. Більше він нам не знадобитися, тому його можна не зберігати.

Натисніть SHIFT + F5, щоб відкрити вікно заливки. Виберете в категорії "Використання:" "візерунок". змініть "визначення візерунка" для зразка пінстрайпа, який ми раніше створили. потім натисніть "OK".

Утримуючи клавішу SHIFT, натисніть на верхній лівий кут документа і перетягуйте еліптичну рамку, поки покажчик не опиниться в правому нижньому куті документа. Нам потрібна окружність трохи меншого розміру, ніж сама область документа. Натисніть CTRL + SHIFT + N, щоб створити новий шар. Відкриється діалогове вікно шару і вам буде потрібно його назвати, а потім натисніть кнопку "ОК".

Зробіть колір переднього плану темно-синім. Це можна зробити, вибравши потрібний колір на панелі інструментів.

Поверніться на документ "GlassButton", Натисніть SHIFT + F5, щоб відкрити вікно заливки. В рядку "Використання:" встановіть колір переднього плану. натисніть "OK". Далі натисніть CTRL + A, щоб виділити весь документ. Після цього натисніть CTRL + X, щоб вирізати коло, а потім CTRL + V, щоб його назад вставити. Виріжте і вставте центри кола вашого документа. У палітрі шарів, змініть "режим змішування" на "лінійний замінник".

Утримуючи клавішу CTRL, натисніть на кнопку "форма шару" в палітрі шарів. Це виділить область навколо нашої кнопки. Тепер натисніть на фоновий шар в палітрі шарів. Виберіть "Фільтр" gt; "спотворення" gt; "Сферизация". Встановлена кількість - 66%.

натисніть "D" і потім "X". Це призведе до зміни кольору переднього плану і фону на білий і чорний. натисніть "G", Щоб перейти в інструмент "градієнт". Встановіть градієнт переднього плану прозорим.

Переконайтеся, що ви вибрали потрібний шар і почніть малювати градієнт від верхньої частини окружності до нижньої частини. Утримуйте SHIFT, щоб забезпечити ідеальну вертикальну лінію. Тепер натисніть Ctrl + D, щоб скасувати виділення кола.

Змініть розмір і форму вашого відбиває шару. Натисніть CTRL + T для виклику інструменту "вільна трансформація". У вікні перетягніть будь-який куточок натисканням клавіші ALT, поки шар відображення не змінить розмір до 4/5 від початкового варіанту. Утримуючи клавішу ALT, перетягнете квадрат вгору, поки шар відображення не складе 3/5 від вихідного розміру. натисніть "Enter", Щоб підтвердити перетворення.

Ми не хочемо мати відображення в центрі кнопки, як показано вище, тоді натисніть кнопку V, щоб використовувати інструмент "переміщення". Тепер натисніть на відображення і перетягуйте його в верхню частину кола. У палітрі шарів встановіть непрозорість на 85%.

Натисніть на зразок кольору переднього плану в панелі інструментів. Коли відкриється вікно "Колірна палітра", замініть "#" на 932200. Натисніть "OK".

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

Натисніть на "шар"gt;"Растеризувати"gt;"фігура". Тепер змініть непрозорість галочки шару до 80%.

Утримуючи CTRL, виберете шар галочки в палітрі шарів. Натисніть кнопку V, щоб використовувати інструмент "переміщення". Тепер, утримуючи клавішу ALT, натисніть 8 разів стрілку вниз. Далі змініть колір переднього плану на A72903. Натисніть SHIFT + F5, щоб відкрити вікно заливки. Переконайтеся, що в рядку "Використання:" встановлений колір переднього плану. клікніть "OK". Далі натисніть CTRL + D, щоб скасувати виділення шару.

У палітрі шарів клацніть правою кнопкою миші на шар галочки і виберете "параметри накладення". Відкриється вікно шару. Натисніть на "відкинути тінь". змініть "кут:" на 90, і "відстань:" на 15.