Käyttäjäystävällinen käyttöliittymä, hyvin piirretty grafiikka, elementtien oikea sijoittelu sivulla - puolet sivuston menestyksestä kävijän kanssa. Painikkeiden piirtäminen verkkosivustolle on pieni, mutta tärkeä osa online-projektissa työskentelyä.
Ohjeet
Vaihe 1
Yritä piirtää pyöreä painike. Alla annettu menetelmä on myös yleinen logojen ja hahmojen luomisessa. Sen piirtäminen ei ole vaikeaa suoritettavien toimintojen lukumäärästä huolimatta.
Vaihe 2
Avaa Adobe Photoshop. Luo uusi asiakirja painamalla yhdistelmää "Ctrl + N". Kuvaparametrit 300 * 300, resoluutio 72 ppi. Oletustaulu- ja väritila ovat vastaavasti valkoinen ja RGB.
Vaihe 3
On parasta piirtää vektoreilla, jotta nappia pienennettäessä sen laatu ei huonone. Valitse soikea työkalu, pidä vaihtonäppäintä painettuna ja piirrä ympyrä keskeltä.
Vaihe 4
Käytä nyt joitain tehosteita syntyneeseen ympyrään. Siirry valikkoon "Tasot" - "Tasotyyli" - "Sekoitusasetukset". Täällä sinun on käytettävä kaltevuutta.
Vaihe 5
Valitse seuraavaksi "Kohokuviointi" -valintaruutu, jotta painikkeelle saadaan tarvittava kohouma, ja aseta seuraavat parametrit: tyyli - ääriviivat kohokuviointi, menetelmä - pehmeä leikkaus, syvyys - 220%, koko - 1 pikseli, pehmennys - 5 pikseliä, kulma - 135® ilman valaistusta, korkeus - 32, korostustila - normaali 30%: n peittävyydellä, varjotila - moninkertainen 25%: n opasiteetilla
Vaihe 6
Lisää äänenvoimakkuutta valitsemalla sekoitusparametreissa ruutu "Shadow" ja asettamalla seuraavat parametrit: sekoitustila - kertolasku, läpinäkyvyys - 40%, kulma - 125o globaalilla valaistuksella, offset - 5 pikseliä, koko - 20 pikseliä.
Vaihe 7
Suoritettujen toimintojen tulos on sellainen kuva kuin kuvassa on esitetty.
Vaihe 8
Luo nyt uusi kerros, valitse "Soikea" uudelleen ja piirrä ympyrä, jonka säde on pienempi kuin ensimmäisen muodon. Avaa "Sekoitusasetukset", valitse "Sisävarjo" -valintaruutu ja aseta parametrit: Sekoitustila - Pehmeä valo, Kulma - 125o, Offset - 0px, Kutistuminen - 45%, Koko - 21px.
Vaihe 9
Seuraavaksi, tässä sekoitusvaihtoehdoissa, tarkista "Gradient overlay" ja luo kaltevuus parametreillä kuten kuvassa. Napsauta OK
Vaihe 10
Aseta seuraavaksi sekoitustyyliksi Radial, Scale 124%
Vaihe 11
Valitse nyt "Aivohalvaus" -ruutu ja aseta seuraavat parametrit: koko - 5 pikseliä, sijainti - ulkopuolella, sekoitustila - normaali, peittävyys - 100%, viivan tyyppi - kaltevuus.
Vaihe 12
Näiden toimien tuloksena sinun pitäisi saada jotain, joka näyttää enemmän painikkeelta. Voit avata sekoitusvaihtoehdot uudelleen ja kokeilla niitä.
Vaihe 13
Nyt meidän on lisättävä korostuspainikkeet, jotta painike saa lasin tekstuurin. Voit tehdä tämän luomalla uuden kerroksen uudelleen, valitsemalla Soikea valinta -työkalun, luomalla soikion painikkeen yläpuolelle ja täyttämällä se valkoisella täytetyökalulla. Pidä Ctrl-näppäintä alhaalla, napsauta tasoa, jossa on värillinen ympyrä, käännä valinta ("Selection" - "Inversion"). Paina nyt Poista. Soikea tulee leikata ympyrän kehän ympäri.
Vaihe 14
Vaihda Tasot-paneelissa Normaali-asetukseksi Pehmeä valo, napsauta sitten vektorimaskikuvaketta ja valitse Täytötyökalu - Liukuväri. Täytä korostus alhaalta ylös. Painike on melkein valmis.
Vaihe 15
Voit lisätä painikkeeseen merkinnän. Voit myös käyttää siihen sekoitusefektejä, kuten sisäistä, ulkohehkua, kaltevuutta ja niin edelleen. Älä pelkää kokeilla, mitä enemmän mielikuvitusta käytät työssäsi, sitä nopeammin hallitset sekä editorin että verkkosuunnittelun.
