Kada putuju preko Interneta, korisnici često obraćaju pažnju na grafički dizajn resursa. Ovo je važan parametar bilo koje web stranice. Izgled stranice određuje hoće li posjetitelj ostati na njoj ili će je zatvoriti i nikada neće posjetiti. Stoga se grafici web mjesta daje posebna važnost. Ali prilikom ukrašavanja resursa, ne treba zaboraviti na njegovu funkcionalnost. Veze trebaju izgledati poput veza, a gumbi trebaju izgledati poput gumba.
Upute
Korak 1
Da biste napravili lijep dizajn stranice, trebat će vam znanje grafičkih urednika. Jedan od vodećih na ovom području je Adobe Photoshop. Otvorite svoj program. Stvorite novi dokument s parametrima prikazanim na slici.
Korak 2
Popunite pozadinu bojom "bfbfbf". Pomoću alata Premjesti centrirajte vodoravne i okomite vodilice u dokumentu. Odaberite alat Zaobljeni pravokutnik. Imajte na umu da mora biti u načinu sloja oblika. Pomaknite kursor u središte dokumenta, kliknite lijevu tipku miša i istovremeno držite tipku "Alt". Nacrtaj pravokutnik. Otvorite stilove slojeva i postavite parametre prikazane na slici.
3. korak
Držite tipku "Ctrl" na tipkovnici i kliknite lijevu tipku miša na sloj oblika. Odabir će se učitati. Uzmite s alatne trake "pravokutni odabir". Postavite ga na način oduzimanja. Zacrtajte vrh odabira. Stvorite novi sloj i napunite ga bijelom bojom. Postavite neprozirnost sloja na 20%.
4. korak
Uzmi alat za tekst. Napišite riječ koju želite. Postavite font, veličinu i stil teksta. Idite na stilove slojeva i postavite sljedeće parametre. Vaš je gumb spreman.
Korak 5
Sada provjerimo točnost piksela. Uzmi alat za zumiranje. Povećajte veličinu gumba što je više moguće. Pažljivo pogledajte sve rubove. Moraju imati jasne granice. Bez prijelaznih boja. Ako oblici nisu jasni - učitajte funkciju "slobodne transformacije" i pomoću kontrolnih tipki ispravite oblik gumba. Sada ga možete postaviti na svoju stranicu.