Taip atrodys mūsų programos piktograma. Tačiau dabar pakanka kalbėti. Pradėkime tiesiai su Adobe Illustrator ...

"Adobe Illustrator" - Programos piktogramos kūrimas

Žingsnis 1: Fundamento kūrimas

darbinę sritį pasirinkę Failas>Naujas. Tolimesniam lango etape pasirinkite formatą 70x70mm. Patvirtinkite langą su OK.
"Adobe Illustrator" - Programos piktogramos kūrimas
Stačiakampio įrankį iš Įrankių juostos, tada vieną kartą spustelėkite bet kur darbo srityje. Tai parodys dialogo langas, kuriame galėsite įvesti jūsų stačiakampio dydį. Čia pasirinkite dydį 35x35mm ir patvirtinkite viską su OK. Tai dabar yra mūsų app-piktogramos pamatas.
"Adobe Illustrator" - Programos piktogramos kūrimas
Effektas>Stiliavimo filtrai>Kampai apvalūs ...
"Adobe Illustrator" - Programos piktogramos kūrimas
OK.
"Adobe Illustrator" - Programos piktogramos kūrimas
Objektas>Išvaizda į objektą. Dabar efektas buvo paverstas objektu (kelias dabar eina tiesiai per suapvalintus kampus).
"Adobe Illustrator" - Programos piktogramos kūrimas
Gradiento juostelės. Jei dar jos neatidarėte, ją rasite per Langas>Gradijentas.
"Adobe Illustrator" - Programos piktogramos kūrimas
Gradijento juostelėje, kad užpildytumėte savo suapvalintą stačiakampį standartiniu juoda/balta gradijentu. (Jei jūsų stačiakampis turi Kontūrą, dabar laikas jį pašalinti).
"Adobe Illustrator" - Programos piktogramos kūrimas
"Adobe Illustrator" - Programos piktogramos kūrimas

tamsiai mėlyna - 28/57/145
šviesiai mėlyna - 84/244/255

Gradijento juostelyje, kad galėtumėte įvesti RGB reikšmes.

Gradijento juostelėje, kad pasirinktumėte tinkamą spalvų režimą).

"Adobe Illustrator" - Programos piktogramos kūrimas
"Adobe Illustrator" - Programos piktogramos kūrimas
gradiantą, eikite į Effektas>Stiliavimo filtrai>Šviesa į vidų ... Pasirinkite pildymo būdo režimus kaip Perdengimas, priešingai spalva pasirinkite 75% reikšmę ir jūsų Marmuravimas reikšmę nustatykite 8,8 mm. Kadangi šį efektą norime taikyti tik išorėje, žemiau pasirinkite Kraštas. Patvirtinkite langą su OK.
"Adobe Illustrator" - Programos piktogramos kūrimas
Šešėlio viskam. Tai taip pat galima padaryti per Effektas>Stiliavimo filtrai>Šešėlis ... Pasirinkite šio filtro nustatymus apie taip, kaip Atvaizduota 13 yra. Tačiau čia galite šiek tiek variuoti.
"Adobe Illustrator" - Programos piktogramos kūrimas

Kitame žingsnyje nukopijuokite stačiakampį naudodami Command+C ir įklijuokite jį atgal į tą pačią vietą naudodami Command+F (ant kompiuterio tai įvyksta spausdinant Ctrl+C ir Ctrl+F).

Kadangi mums nebenaudojami efektai ant stačiakampio kopijos, turėsite juos pašalinti. Kaip galbūt kai kurie iš jūsų jau žino, visi efektai ir filtrai, kuriuos taikote „Illustrator“ programoje, yra išvardyti Išvaizdos spalvotoje paletėje. Jei ši paletė nėra matoma jums, ją vėl galite atverti pasirinkdami Langa>Išvaizda.

"Adobe Illustrator" - Programos piktogramos kūrimas

Dabar ištrinkite šešėlį. Tai galite padaryti labai paprastai, paspaudę šešėlį „Išvaizdos paletėje“ laikydami pelės mygtuką ir tempdami jį į mažą šiame paletės apačioje dešinėje esantį šiukšlių dėžutę.

"Adobe Illustrator" - Programos piktogramos kūrimas

Jums nereikės trinti viduje spindulio, tiesiog turėsite jį šiek tiek pritaikyti. Bet prieš tai pakeiskite stačiakampio kopijos spalvą į baltą.

"Adobe Illustrator" - Programos piktogramos kūrimas

Tuomet Išvaizdos paletėje spustelėkite ant viduje spindulys, ten pakeiskite režimą į Normalus ir pasirinkite gilų juodą spalvą. Skaidrumą nustatykite 100%, o Blur galite pasirinkti 10 mm (Paveikslėlyje 17).

"Adobe Illustrator" - Programos piktogramos kūrimas

Dabar šią kopiją su apačioje esančiu originalu, turinčiu mėlyną gradientą, sumaišykite paprastai sumažindami Skaidrumą iki 50% ir nustatydami užpildo režimą kaip Minkštas šviesa. Visas tai galite atlikti naudodamiesi Permatomumo paletėje. (Taip pat šią paletę vėl rasite pasirenkant Langa>Permatomumas).

Taip padidės kontrastas, ir mūsų programos piktograma gaus gylį.

"Adobe Illustrator" - Programos piktogramos kūrimas

2 žingsnis: Sukurti spindulių vainiką

Šiame žingsnyje sužinosime, kaip sukurti programos piktogramai spindulių vainiką. Geriausiai paslenkite abu stačiakampius, kuriuos sukūrėte 1 žingsnyje, kad vėl turėtumėte vietos darbo erdvėje.

Pasiimkite Tiesinės įrankįĮrankių juostos ir nustatykite juodą spalvą kontūrui ir 0,5pt storio kontūrą.

Dabar nubrėžkite liniją iš vidurio link viršaus ir laikykite pelės mygtuką paspaudę. Kai liniją nubrėžsite (laikykite pelės mygtuką), spaustukite Ctrl mygtuką + mygtuką su šiomis dviem skliaustais < >.

Dabar judėkite ratu laikydami pelę paspaudus. Šia kombinacija pagal jūsų pelės judėjimo greitį bus nubrėžti skirtingo ilgio linijos.

Kai supančiame apskritime pasidarysite vieną ratą, jūsų rezultatas turėtų atrodyti kaip Paveikslėlyje 19. (Bandykite tai keletą kartų, nes čia taikomas posakis "Praktika daro patyrėjimą").

"Adobe Illustrator" - Programos piktogramos kūrimas

Pasirinkite visas linijas ir sugrupuokite jas su Command+G (ant PC: Ctrl+G). Nukopijuokite viską naudodami Command+C ir Command+F (ant PC: Ctrl+C ir Ctrl+F), esant šiai kopijai pakeiskite kontūros spalvą į baltą ir šį lengvai pasukite dešinėn arba kairėn, kad juodos linijos vėl taptų dalinai matomos.

Galutinis rezultatas turi būti apytiksliai kaip Paveikslėlyje 20:

"Adobe Illustrator" - Programos piktogramos kūrimas

Dabar vėl pažymėkite visas linijas ir vėl sugrupuokite jas naudodamiesi Command+G (ant PC: Ctrl+G).

Dabar galite vėl parodyti 1 žingsnio stačiakampius. Užtikrinkite, kad jūsų spindulių vainiko centras būtų apytiksliai pagal jūsų stačiakampio vidurį.

"Adobe Illustrator" - Programos piktogramos kūrimas

Dabar nukopijuokite pilką apvalų stačiakampį, kurį jūs žingsnyje 1 su mėlynais atspalviais perviršijote. (Command+C arba PC - Strg+C).

"Adobe Illustrator" - Programos piktogramos kūrimas

Dabar paspauskite ant jūsų spinduliuoto kranžo grupės ir pažiūrėkite į Skaidrumo paletę. čia jūs dabar turite galimybę (panašiai kaip Photoshop'e) kurti kaukę. Norėdami tai padaryti, dvigubai spustelėkite srityje, matomoje 23 paveikslėlyje. Šis dvigubas spustelėjimas sukuria vadinamąją skaidrumo kaukę.

"Adobe Illustrator" - Programos piktogramos kūrimas

Kai jūs ją sukūrėte, pastebėsite, kad jūsų sluoksniai paletė pasikeitė, kol esate kaukoje. Su Command+F (PC: Strg+F) dabar įterpsite anksčiau nukopijuotą stačiakampį į kaukę. Dabar tiesiog turite sumažinti skaidrumą nuo 50% iki 10%.

"Adobe Illustrator" - Programos piktogramos kūrimas

Dabar turite palikti kaukę, kad galėtumėte vėl grįžti į įprastinį rodinį. Tai padarysite paspausdami vieną kartą ant balto laukelio šalia kaukos simbolio. (Paveikslėlyje 25).

"Adobe Illustrator" - Programos piktogramos kūrimas

Žingsnis 3: Sukurti pagrindą piktogramai

Dabar mes beveik visi padarėme didžiąją dalį ir esame pasiruošę įdėti piktogramą ar simbolį į mūsų aplikacijos piktogramą. Tačiau prieš tai turime greitai sukurti pagrindą arba mažą platformą, kad viskas vėliau atrodytų geriau.

Pasiimkite Elipsės įrankį ir viduryje brūkšnelio brėžkite Elipsę. (Žr. paveikslėlį 26).

"Adobe Illustrator" - Programos piktogramos kūrimas

Šią Elipsę užpildykite tamsiai mėlyna spalva. Čia naudojau šias spalvos vertes. RGB - 0/0/255.

"Adobe Illustrator" - Programos piktogramos kūrimas

Mažinkite skaidrumą iki maždaug 70% ir tada eikite į Effect>Minkštumo filtras>Gauso minkštiklis …

"Adobe Illustrator" - Programos piktogramos kūrimas

Minkštumui pasirinkau Spindulį 28 pikselius. Šią vertę galite taip pat laisvai keisti. Patvirtinkite viską su OK.

"Adobe Illustrator" - Programos piktogramos kūrimas

Žingsnis 4: Įdėkite piktogramą

Dabar, kai pagrindas jau stovi, pagaliau metas. Mums praktiškai belieka tik įdėti piktogramą į mūsų aplikacijos piktogramą. Kaip nedidelį priedą, į darbo bylas įdėjau keletą skirtingų piktogramų. Tačiau galite drąsiai naudoti savo.

Eikite į viršutinį meniu ir pasirinkite Failas>Įterpti ir ten pasirinkite jums patinkantį piktogramą. Mano atveju tai yra Kompiuteris iš darbo duomenų.

"Adobe Illustrator" - Programos piktogramos kūrimas

... baigta! ... galėtume galvoti ...

"Adobe Illustrator" - Programos piktogramos kūrimas

Tačiau dar liko padaryti vieną ar du smulkmenas. Pirmiausia piktogrammas gaus Šešėlį. Norėdami tai padaryti, eikite į Effektas>Stiliavimo filtrai>Šešėlis. Orientuokitės į šių Šešėlio vertes pagal 32 paveikslėlyje parodytą.

"Adobe Illustrator" - Programos piktogramos kūrimas

Žingsnis 5: Pridėti šviesos švytėjimą

Paskutiniame žingsnyje pridėsime šviesos švytėjimą, kad visa tai gražiai užbaigtųsi. Pasiimkite Elipsės įrankį ir brūkšnelyje nubrėžkite baltą Elipsę kaip parodyta 33 paveikslėlyje.

"Adobe Illustrator" - Programos piktogramos kūrimas

Galiausiai jums reikia tik nustatyti Elipsės užpildymo būdą kaip Maišytos šviesos. Jūsų aplikacijos piktograma yra baigta.

"Adobe Illustrator" - Programos piktogramos kūrimas

Užbaigimas:

Tikiuosi, kad jums buvo smagu naudotis šiuo vadovėliu ir dabar galite sukurti keletą gražių programėlių piktogramų. Prieduose taip pat rasite mano originalią darbo bylą, kad galėtumėte ją patikrinti, jeigu nors vienoje srityje atsidursite aklavietėje.

Jei turite kokių nors klausimų šiuo klausimu, paprasčiausiai parašykite juos komentaruose. Aš stengsiuos atsakyti į juos greitai.

Linkėjimai

Jūsų Julianas