Korisničko sučelje, dobro nacrtana grafika, ispravan raspored elemenata na stranici - polovina uspjeha web stranice kod posjetitelja. Dugmad za crtanje web stranice mali je, ali važan dio rada na mrežnom projektu.
Instrukcije
Korak 1
Pokušajte nacrtati okruglo dugme. Metoda data u nastavku je takođe univerzalna za stvaranje logotipa i avatara. Crtanje nije teško, uprkos broju radnji koje morate izvršiti.
Korak 2
Otvorite Adobe Photoshop. Stvorite novi dokument pritiskom na kombinaciju "Ctrl + N". Parametri slike 300 * 300, rezolucija 72 ppi. Zadani način pozadine i boja su bijeli i RGB.
Korak 3
Najbolje je crtati vektorima, tako da kada se gumb smanji, kvaliteta mu se ne pogoršava. Odaberite ovalni alat, držite Shift i nacrtajte krug iz središta.
Korak 4
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 - normalan s 30% neprozirnosti, način sjene - pomnožite sa 25% neprozirnosti
Korak 6
Da biste dobili još veću zapreminu, 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 izvedenih radnji bit će takva slika kao što je prikazano na slici.
Korak 8
Sada stvorite novi sloj, ponovo odaberite "Oval" i nacrtajte krug manjeg radijusa od prvog oblika. Otvorite "Opcije miješanja", potvrdite okvir pored "Unutarnja sjena" i postavite parametre: Način miješanja - Meko svjetlo, Kut - 125o, Pomak - 0px, Smanji - 45%, Veličina - 21px.
Korak 9
Dalje, ovdje u opcijama miješanja, označite "Prekrivanje gradijenta" i kreirajte gradijent s parametrima kao na slici. Kliknite OK
Korak 10
Dalje postavite Blending Style na Radial, Scale na 124%
Korak 11
Sada označite okvir "Stroke" i postavite sljedeće parametre: veličina - 5 piksela, položaj - vani, način miješanja - normalan, neprozirnost - 100%, tip poteza - gradijent.
Korak 12
Kao rezultat ovih radnji trebali biste dobiti nešto što više liči na dugme. Možete ponovo otvoriti opcije miješanja i eksperimentirati s njima.
Korak 13
Sada moramo dodati gumbe za naglašavanje kako bi dugme poprimilo teksturu stakla. Da biste to učinili, ponovno stvorite novi sloj, odaberite alat Oval Selection, stvorite oval iznad gumba i pomoću alata Fill ispunite ga bijelom bojom. Držite Ctrl, kliknite na sloj s obojenim krugom, obrnite izbor ("Izbor" - "Inverzija"). Sada pritisnite Delete. Oval treba izrezati po obodu kruga.
Korak 14
Na ploči Slojevi promijenite opciju Normalno na Soft Light, a zatim kliknite ikonu vektorske maske i odaberite Alat za popunjavanje - Gradijent. Ispunite isticanje odozdo prema gore. Dugme je gotovo spremno.
Korak 15
Na dugme 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.
