Foydalanuvchilarga qulay interfeys, yaxshi chizilgan grafikalar, sahifadagi elementlarning to'g'ri joylashishi - saytning tashrif buyuruvchilar bilan muvaffaqiyatining yarmi. Veb-sayt uchun tugmalarni chizish - bu onlayn loyihada ishlashning kichik, ammo muhim qismidir.
Ko'rsatmalar
1-qadam
Dumaloq tugmani chizishga harakat qiling. Quyida keltirilgan usul logotiplar va avatarlarni yaratish uchun ham universaldir. Siz bajarishingiz kerak bo'lgan harakatlar soniga qaramay, uni chizish qiyin emas.
2-qadam
Adobe Photoshop dasturini oching. "Ctrl + N" kombinatsiyasini bosib yangi hujjat yarating. Rasm parametrlari 300 * 300, o'lchamlari 72 ppi. Standart fon va rang rejimi mos ravishda oq va RGB.
3-qadam
Tugmachani tushirganda uning sifati yomonlashmasligi uchun eng yaxshisi vektorlar bilan chizish kerak. Oval vositasini tanlang, Shift tugmachasini ushlab turing va o'rtadan doira chizish.
4-qadam
Endi olingan doiraga ba'zi effektlarni qo'llang. "Layers" - "Layer Style" - "Blender Options" menyusiga o'ting. Bu erda sizga gradientni qo'llash kerak bo'ladi.
5-qadam
Keyin, bu erda tugmachani kerakli bo'rttirish uchun "Kabartma" yonidagi katakchani belgilang va quyidagi parametrlarni o'rnating: uslub - kontur bo'rttirma, usul - yumshoq kesma, chuqurlik - 220%, o'lcham - 1 piksel, yumshatish - 5 piksel, burchak - global yorug'liksiz 135o, balandlik - 32, ta'kidlash rejimi - 30% xiralik bilan normal, soya rejimi - 25% xiralik bilan ko'paytiring
6-qadam
Ko'proq hajm berish uchun bu erda aralashtirish parametrlarida "Soya" katagiga belgi qo'ying va quyidagi parametrlarni o'rnating: aralashtirish rejimi - ko'paytirish, shaffoflik - 40%, burchak - 125o global yoritishni ishlatib, ofset - 5 piksel, o'lcham - 20 piksel.
7-qadam
Amalga oshirilgan harakatlar natijasi rasmda ko'rsatilgandek shunday tasvir bo'ladi.
8-qadam
Endi yangi qatlam yarating, yana "Oval" -ni tanlang va birinchi shaklga qaraganda kichikroq radiusli doira chizish. "Aralashtirish parametrlari" ni oching, "Ichki soya" yonidagi katakchani belgilang va parametrlarni o'rnating: Aralashtirish rejimi - Yumshoq yorug'lik, burchak - 125o, ofset - 0px, kichraytirish - 45%, hajmi - 21px.
9-qadam
Keyin, bu erda aralashtirish variantlarida "Gradient qoplamasi" ni tekshiring va rasmdagi kabi parametrlarga ega gradient yarating. OK tugmasini bosing
10-qadam
Keyin aralashtirish uslubini Radial, Scale-ni 124% ga o'rnating.
11-qadam
Endi "Strok" katagiga belgi qo'ying va quyidagi parametrlarni o'rnating: hajmi - 5 piksel, holati - tashqarida, aralashtirish rejimi - normal, xira - 100%, zarba turi - gradient.
12-qadam
Ushbu harakatlar natijasida siz ko'proq tugmachaga o'xshash narsalarni olishingiz kerak. Siz aralashtirish variantlarini qayta ochishingiz va ular bilan tajriba qilishingiz mumkin.
13-qadam
Endi biz tugmachani shisha tuzilishini qabul qilishi uchun asosiy tugmachalarni qo'shishimiz kerak. Buning uchun yana yangi qavat yarating, Oval Selection vositasini tanlang, tugma ustida oval yarating va To'ldirish vositasi yordamida oq rang bilan to'ldiring. Ctrl-ni ushlab turing, rangli doira bilan qatlamni bosing, tanlovni teskari yo'naltiring ("Tanlash" - "Inversiya"). Endi Delete tugmasini bosing. Ovalni doira perimetri bo'ylab qirqish kerak.
14-qadam
Qatlamlar panelida Oddiy variantni Yumshoq nurga o'zgartiring, so'ngra vektor maskasi belgisini bosing va To'ldirish vositasi - Gradient-ni tanlang. Belgilashni pastdan yuqoriga to'ldiring. Tugma deyarli tayyor.
15-qadam
Tugmachaga yozuv qo'shishingiz mumkin. Bundan tashqari, unga aralashtirish effektlarini qo'llashingiz mumkin, masalan, ichki, tashqi porlash, gradient va boshqalar. Tajriba qilishdan qo'rqmang, o'zingizning ishingizda tasavvurni qanchalik ko'p ishlatsangiz, muharrirning o'zi ham, veb-dizaynini ham shunchalik tez o'zlashtirasiz.
