Miten piirrä Apple iCloud -kuvake - Photoshop Tutorial
iCloud, Applen esittämä uusin pilvivarastopalvelu, on melko yksinkertainen mutta kaunis logo. Kuvake on valmistettu metallimateriaalista ja sen päällä on puristettu pilvikuvake. Et ehkä tiedä sitä, mutta tämäntyyppisen kuvakkeen luominen on todella helppoa, ja alla on iCloud-kuvake, joka opettaa sinulle, kuinka piirtää tämä viesti Photoshopin avulla!
Näyttää hieman monimutkaiselta, mutta itse asiassa kaikki mitä tarvitsemme on joitakin Layer Styles, perusvektorimuotoja ja hieman käsin piirretty. Mennään siihen!
Vaihe 1
Aloita luomalla uusi tiedosto, jonka koko on 512 x 512 px. Aktivoi pyöristetty suorakulmio. Aseta valintapalkissa sen säde 75 px. Piirrä pyöristetty suorakulmio napsauttamalla ja vetämällä. Aseta värinsä # 5d5d5d.
Avaa Layer Style -valintaikkuna kaksoisnapsauttamalla kerrosta. Lisää Gradient Overlay, jossa on oletusgradientti, musta tai valkoinen, ja vähentää sen opasiteettia 76%: iin.
Vaihe 2
Paina Ctrl + J, jos haluat kopioida kerroksen muodon. Napsauta Muokkaa> Vapaa muunnos tai paina Ctrl + T suorittaaksesi muunnoksen. Määritä valintapalkista sen koko 98%.
Poista Tasot-paneelista Tasotyyli vetämällä fx-kuvaketta roskakuvakkeeseen, joka on Tasot-paneelin oikeassa alakulmassa. Napsauta sitten kerrosten pikkukuvaa kaksoisnapsauttamalla Layer Style -valintaikkunaa. Lisää sisäinen varjo ja kaltevuus.
Aseta Gradient Overlay -asettelussa gradientin tyyli kulmaan. Avaa kaltevuuseditori napsauttamalla gradientin esikatseluruutua ja käytä # 8e8e8e: n, # a5a4a4: n ja # d8d8d8: n värien yhdistelmää. Voit vapaasti pelata jokaisen merkkiaseman kanssa, varmista, että asetat saman värin ensimmäiseen ja viimeiseen merkkiin.
Tämä on seurausta kerrostyylien lisäämisen jälkeen.
Vaihe 3
Luo uusi kerros. Täytä se säteittäisellä gradientilla valkoisesta mustaan.
Pidä Alt ja vedä vektorimaskia edellisestä kerroksesta nykyiseen kerrokseen. Kaltevuus sopii nyt kuvakkeen sisään.
Avaa Layer Style ja muuta sen sekoitusmuoto Screen-tilaan.
Vaihe 4
Piirrä kuvakkeen sisään pyöristetty suorakulmio. Aseta sen säde 75px: ksi värillä # 2a2a2a.
Lisää vielä 2 ympyrän muotoa (valitse Ellipsi-työkalu ja pidä sitten Shift-painiketta ja vedä sitä). Aseta polku-tila lisäyspalkista Lisää muotoon -alueelle.
Kaksoisnapsauta pilven kerrosta ja lisää sitten Inner Shadow, Bevel ja Emboss ja Stroke.
Vaihe 5
Kopioi pilven kerros painamalla Ctrl + J. Poista sen tasotyyli vetämällä fx-kuvaketta kerroksen pikkukuvasta roskakoriin. Muuta sen kokoa (Ctrl + T) arvoon 89%.
Muuta muodon väriä # 5d5d5d. Järjestä jokaisen muodon sijainti uudelleen, kunnes pieni pilvikoko on verrannollinen isompaan pilviin.
Kaksoisnapsauta pilven kerrosta ja lisää seuraavat Tasotyylit.
Jos käytät Gradient Overlay -ohjelmaa, varmista, että käytät tarkkoja asetuksia Gradient Overlay -kohdasta vaiheessa 2.
Tässä on se, mitä meillä on sen jälkeen, kun Layer Styles on lisätty pieneen pilviin.
Vaihe 6: Lisää metallirakenne
Nykyinen rakenne on hyvin tasainen ja liian puhdas. Lisäämme pintaan hienovarainen metallirakenne. Luo uusi kerros. Napsauta Muokkaa> Täytä ja valitse Käytä: Musta, jos haluat täyttää uuden kerroksen mustalla.
Valitse Suodatin> Melu> Lisää melu.
Valitse Suodatin> Blur> Radial Blur. Valitse Blur Method: Spin ja Quality: Paras.
Tämä suodatin pyörii kohinaa ja luo pyöreän aallon.
Vaihe 7
Napsauta Kuva> Säädöt> Taso tai paina Ctrl + L. Vedä mustaa liukusäädintä Tulostasot-ikkunaan keskustaan, jotta voit kiertää ympyrän aallon.
Pidä Alt- ja vedä vektorimaskia kuvakkeen pohjakerroksesta nykyiseen kerrokseen. Pyöreä aalto on nyt kuvakkeen sisällä.
Aktivoi polunvalintatyökalu ja valitse vaiheessa 4 luomasi pilvipolku. Paina Ctrl + C tallentaaksesi sen leikepöydälle. Paina Ctrl + V liittääksesi sen pyöreän aallon vektorimaskiin. Aseta sen polku-tila vähennykseen.
Lopuksi, kopioi ja liitä pienempi pilvipolku, jonka olemme luoneet vaiheessa 5. Aseta sen reittitila Lisää muotoon.
Tässä on tulos. Pyöreä aalto on kuvakkeen pinnan sisällä.
Muuta kerroksen Blend-tila näytölle.
Vaihe 8: Varjo
Luo uusi kerros ja aseta kaikki kerrokset. Luo ellipsin valinta (käyttämällä ellipsi-työkalua) kuvakkeen alla. Täytä valinta mustalla.
Pehmeä varjo suodattimella, Gaussian Blur. Valitse Suodatin> Blur> Gaussian Blur.
Varjostus kaksoiskappaleella painamalla Ctrl + J. Lisää toinen Gaussin hämärtyminen, sillä tällä kertaa käytä isompaa sädettä pehmeämmän varjon saamiseksi. Jos varjo on edelleen liian ankara, voit poistaa sen kerroksen läpinäkyvyyden.
Lopullinen tulos
Tämä on opetusohjelmamme tulos. Kuten näette, tämän kuvakkeen luominen on erittäin helppoa. Meidän tarvitsee vain käyttää joitakin perusmuotoja ja Layer Styles. Toivottavasti nautit tästä opetusohjelmasta. Jos sinulla on kysyttävää, kysy rohkeasti!
Lataa PSD
Etkö voi saavuttaa tiettyä askelta? Tässä on tuloksen PSD-tiedosto, jonka avulla voit testata ja toistaa.
- iCloud Icon Tutorial PSD-tiedosto