Korisničko sučelje, dobro nacrtana grafika, ispravan raspored elemenata na stranici - polovica uspjeha web stranice kod posjetitelja. Gumbi za crtanje za web stranicu mali je, ali važan dio rada na mrežnom projektu.
Upute
Korak 1
Pokušajte nacrtati okrugli gumb. Dolje navedena metoda također je univerzalna za izradu logotipa i avatara. Crtanje nije teško, unatoč broju radnji koje morate izvršiti.
Korak 2
Otvorite Adobe Photoshop. Stvorite novi dokument pritiskom kombinacije "Ctrl + N". Parametri slike 300 * 300, razlučivost 72 ppi. Zadana pozadina i način rada su bijela i RGB.
3. korak
Najbolje je crtati vektorima, tako da se, kad se gumb smanji, njegova kvaliteta ne pogoršava. Odaberite ovalni alat, držite Shift i nacrtajte krug iz središta.
4. korak
Sada primijenite neke efekte na rezultirajući krug. Idite na izbornik "Slojevi" - "Stil sloja" - "Opcije miješanja". Ovdje ćete morati primijeniti gradijent.
Korak 5
Dalje, ovdje označite okvir pored "Utiskivanje" kako biste gumbu dali potrebno ispupčenje i postavite sljedeće parametre: stil - utiskivanje obrisa, metoda - meki rez, dubina - 220%, veličina - 1 piksel, omekšavanje - 5 piksela, kut - 135o bez globalnog osvjetljenja, visina - 32, način isticanja - normalno s 30% neprozirnosti, način sjene - pomnožite s 25% neprozirnosti
Korak 6
Da biste postigli još veći volumen, ovdje u parametrima miješanja označite okvir "Sjena" i postavite sljedeće parametre: način miješanja - množenje, prozirnost - 40%, kut - 125o korištenjem globalnog osvjetljenja, pomak - 5 piksela, veličina - 20 piksela.
Korak 7
Rezultat izvršenih radnji bit će takva slika kao što je prikazano na slici.
Korak 8
Sada stvorite novi sloj, ponovno odaberite "Oval" i nacrtajte krug s manjim radijusom od prvog oblika. Otvorite "Opcije miješanja", potvrdite okvir pored "Unutarnja sjena" i postavite parametre: Način miješanja - nježno svjetlo, kut - 125 °, pomak - 0 piksela, skupljanje - 45%, veličina - 21 piksela.
Korak 9
Dalje, ovdje u opcijama miješanja, označite "Gradient overlay" i stvorite gradijent s parametrima kao na slici. Kliknite U redu
Korak 10
Dalje postavite Blending Style na Radial, Scale na 124%
11. korak
Sada označite okvir "Stroke" i postavite sljedeće parametre: veličina - 5 piksela, položaj - izvana, način miješanja - normalno, neprozirnost - 100%, vrsta poteza - gradijent.
Korak 12
Kao rezultat ovih radnji trebali biste dobiti nešto što više sliči na gumb. Možete ponovo otvoriti mogućnosti miješanja i eksperimentirati s njima.
Korak 13
Sada moramo dodati gumbe za istaknute dijelove tako da gumb poprimi teksturu stakla. Da biste to učinili, ponovno stvorite novi sloj, odaberite alat Ovalni odabir, stvorite oval iznad gumba i napunite ga bijelom bojom pomoću alata Fill. Držite Ctrl, kliknite sloj s obojenim krugom, obrnite odabir ("Odabir" - "Inverzija"). Sada pritisnite Delete. Oval treba obrezati po obodu kruga.
14. korak
Na ploči Slojevi promijenite opciju Uobičajeno na Meko svjetlo, a zatim kliknite ikonu vektorske maske i odaberite Alat za ispunu - Gradient Ispunite isticanje odozdo prema gore. Gumb je gotovo spreman.
Korak 15
Na gumb možete dodati natpis. Na njega možete primijeniti i efekte miješanja, poput unutarnjeg, vanjskog sjaja, gradijenta itd. Ne bojte se eksperimentirati, što više mašte koristite u svom poslu, brže ćete savladati i sam uređivač i web dizajn.
