Kaip piešti „Apple iCloud“ piktogramą - „Photoshop Tutorial“
„iCloud“, naujausia „Apple“ įdiegta debesų saugojimo paslauga, yra gana paprastas, bet gražus logotipas. Piktograma yra pagaminta iš metalo medžiagos ir ant jo yra ekstruduoto debesies piktograma. Galbūt jūs to nežinote, tačiau šio tipo piktogramos sukūrimas iš tikrųjų yra labai paprastas ir žemiau yra „iCloud“ piktograma, kurią mes išmokysime, kaip padaryti šį įrašą naudojant „Photoshop“!
Atrodo šiek tiek sudėtinga, bet iš tikrųjų viskas, ko mums reikia, yra kai kurie sluoksnių stiliai, pagrindinės vektorinės figūros ir šiek tiek rankinio piešimo. Paimkime į jį!
1 žingsnis
Pradėkite kurti naują failą, kurio dydis yra 512 x 512 px. Suaktyvinkite suapvalintą stačiakampį įrankį. Pasirinkties juostoje nustatykite jo spindulį iki 75 px. Spustelėkite ir vilkite, kad nupieštumėte suapvalintą stačiakampį. Nustatykite jo spalvą į # 5d5d5d.
Dukart spustelėkite sluoksnį, kad atidarytumėte dialogo langą Sluoksnio stilius. Pridėti gradiento perdangą su numatytuoju gradientu, juodais - baltu, ir sumažinkite jo nepermatomumą iki 76%.
2 žingsnis
Paspauskite Ctrl + J, kad dubliuotumėte sluoksnio formą. Spustelėkite Redaguoti> Nemokama transformacija arba paspauskite Ctrl + T, kad atliktumėte transformaciją. Iš parinkčių juostos nustatykite jo dydį iki 98%.
Sluoksnių skydelyje ištrinkite sluoksnio stilių, vilkdami fx piktogramą ant šiukšliadėžės piktogramos, kuri yra apatiniame dešiniajame sluoksnių skydelio kampe. Be to, dukart spustelėkite sluoksnių miniatiūrą, kad būtų rodomas dialogo langas Sluoksnio stilius. Pridėti vidinį šešėlį ir gradientą.
Nustatydami gradiento perdangos nustatymą, nustatykite gradiento stilių į kampą. Spustelėkite gradiento peržiūros langelį, kad atidarytumėte gradiento redaktorių ir naudokite # 8e8e8e, # a5a4a4 ir # d8d8d8 spalvų derinį. Jauskitės laisvai žaisti su kiekviena žymeklio padėtimi, tiesiog įsitikinkite, kad pirmoje ir paskutinėje žymekliuose yra ta pati spalva.
Tai yra rezultatas po sluoksnių stilių pridėjimo.
3 žingsnis
Sukurti naują sluoksnį. Užpildykite jį radialiniu gradientu nuo baltos iki juodos spalvos.
Laikykite Alt ir vilkite vektorinę kaukę iš ankstesnio sluoksnio į dabartinį sluoksnį. Dabar gradientas tinka piktogramai.
Atidarykite sluoksnio stilių ir pakeiskite jo mišinio režimą į ekraną.
4 žingsnis
Pieškite apvalią stačiakampį piktogramos viduje. Nustatykite jo spindulį iki 75 pikselių spalvos # 2a2a2a.
Pridėkite dar 2 apskritimo formas (pasirinkite „Ellipse“ įrankį, tada laikykite Shift ir vilkite jį). Iš parinkčių juostos nustatykite kelio režimą į „Pridėti į formą“.
Dukart spustelėkite debesies sluoksnį, tada pridėkite vidinį šešėlį, kūgį ir iškraipymą ir smūgį.
5 veiksmas
Paspauskite Ctrl + J. Išskirkite debesies sluoksnį. Pašalinkite jo sluoksnio stilių, vilkdami fx piktogramą iš sluoksnio miniatiūros ant šiukšlių piktogramos. Pakeisti dydį (Ctrl + T) iki 89%.
Pakeiskite formos spalvą į # 5d5d5d. Pakeiskite kiekvienos formos padėtį, kol mažas debesies dydis yra proporcingas didesniam debesiui.
Dukart spustelėkite debesies sluoksnį ir pridėkite šiuos sluoksnių stilius.
Jei norite, kad „Gradient Overlay“ („gradiento perdangos“), atlikite 2 žingsnio tikslumo nustatymą iš gradiento perdangos.
Štai ką mes turime po to, kai į mažą debesį pridedame sluoksnių stilius.
6 žingsnis. Pridėti metalo tekstūrą
Dabartinis dizainas yra labai plokščias ir per švarus. Pridėkime ant paviršiaus subtilią metalo tekstūrą. Sukurti naują sluoksnį. Spustelėkite Redaguoti> Užpildyti ir pasirinkite Naudoti: Juoda, kad užpildytumėte naują sluoksnį juodu.
Spustelėkite Filter> Noise> Add Noise.
Spustelėkite Filtras> Blur> Radial Blur. Pasirinkite „Blur Method“: nugara ir kokybė: geriausia.
Šis filtras sukels triukšmą ir sukurs apvalią bangą.
7 žingsnis
Spustelėkite Image> Adjustments> Level arba paspauskite Ctrl + L. Dialogo lange vilkite juodą slankiklį į Output Levels (Išvesties lygiai) į centrą, kad būtų lengviau apvali banga.
Laikykite Alt ir vilkite vektoriaus kaukę nuo piktogramos pagrindo sluoksnio iki dabartinio sluoksnio. Žiedinė banga dabar yra piktogramos viduje.
Aktyvuokite kelio pasirinkimo įrankį ir pasirinkite debesies kelią, kurį sukūrėme 4 veiksme. Paspauskite Ctrl + C, kad jį išsaugotumėte į iškarpinę. Paspauskite Ctrl + V ir įklijuokite jį į apskrito bangos vektoriaus kaukę. Nustatykite savo kelio režimą atimti.
Galiausiai nukopijuokite ir įklijuokite mažesnį debesies kelią, kurį sukūrėme 5 veiksme. Nustatykite savo kelio režimą į „Add to Shape“.
Štai rezultatas. Apvali banga yra piktogramos paviršiaus viduje.
Pakeiskite sluoksnio mišinio režimą į ekraną.
8 žingsnis: šešėlis
Sukurkite naują sluoksnį ir padėkite už visų sluoksnių. Sukurkite elipsinę atranką (naudodami elipsės įrankį) po piktograma. Užpildykite pasirinkimą juodu.
Švelninkite šešėlį naudojant filtrą „Gaussian Blur“. Spustelėkite Filtruoti> Blur> Gaussian Blur.
Pakartokite šešėlį, paspaudžiant Ctrl + J. Pridėti kitą Gausso blurą, nes šį kartą naudokite didesnį spindulį, kad gautumėte švelnesnį šešėlį. Jei šešėlis vis dar yra pernelyg griežtas, galite atsisakyti jo sluoksnio neskaidrumo.
Galutinis rezultatas
Tai yra mūsų pamokos rezultatas. Kaip matote, šio piktogramos kūrimo procesas yra labai paprastas. Mes tiesiog turime naudoti keletą pagrindinių vektorinių formų ir sluoksnių stilių. Tikiuosi, kad jums patiks ši pamoka. Jei turite kokių nors klausimų, paprašykite!
Atsisiųsti PSD
Ar negalite pasiekti tam tikro žingsnio? Čia yra rezultato PSD failas, kurį galite patikrinti ir žaisti.
- „iCloud“ piktogramos pamokos PSD failas
