Nii hakkab meie rakenduse ikoon välja nägema. Aga nüüd aitab jutust. Alustame otse Adobe Illustratoris...

Adobe Illustrator – Rakenduse ikooni loomine

Samm 1: Alus loomine

Illustratoris olles looge kõigepealt uus tööala läbi Fail>Uus. Järgmises aknas valige formaat 70x70mm. Kinnitage aken nupuga OK.

Adobe Illustrator - Rakenduse ikooni loomine

Võtke Ristküliku tööriist tööriistapaletilt ja klõpsake oma tööalal üks kord. Seejärel avaneb dialoogiboks, kuhu saate sisestada ristküliku suuruse. Siin võtke suuruseks 35x35mm ja kinnitage kõik nupuga OK. See on nüüd meie rakenduse ikooni alus.

Luua rakenduse ikoon Adobe Illustratoris.

Kuna Apple'i rakenduste ikoonid ei ole kunagi neljakandilised, peame nüüd tagama, et nende nurkadest saaksid ümarad. Valige ristkülik ja minge seejärel ülemises menüüs Mõju>Stiliseerimisefektid>Ümar nurgad ...

Adobe Illustrator – Rakenduse ikooni loomine

Järgmises aknas sisestage nurgaraadius 7mm. Kinnitage see kõik nupuga OK.

Adobe Illustrator - rakenduse ikooni loomine

Pärast selle efekti kinnitamist kuvatakse nurgad küll ümardatult, kuid tee on ikkagi neljakandiline. Selle muutmiseks minge nüüd Objekt>Välimus>Teisenda objektiks. Nüüd on efekt objektiks muudetud (tee kulgeb nüüd otse mööda ümardatud nurki).

Adobe Illustrator - Rakenduse ikooni loomine.

Järgmisena vajate Värvide üleminekute paletti. Kui teil seda veel avatud ei ole, leiate selle Aken>Värvide üleminekud. kaudu.

Adobe Illustrator – rakenduse ikooni loomine

Klõpsake nüüd Üleminekute paletis värvidega täidetud ümardatud ristkülikule standardse musta/valge värvigradatsiooni lisamiseks. (Kui teil on ristkülikul veel Kontuur, siis nüüd on õige aeg see eemaldada).

Adobe Illustrator – Rakenduse ikooni loomine

Valige värvigradatsiooni nurga seadistamisel väärtus 90°, et see ilusti ülevalt alla kulgeks.

Adobe Illustrator – Rakenduse ikooni loomine

Kuna meie ikoon peaks saama sinise värvigradatsiooni (võite muidugi kasutada ka oma värve), olen teile juba valmistanud kaks RGB-värviväärtust.

tume sinine - 28/57/145
helesinine - 84/244/255

Neid värviväärtusi värvigradatsioonile määramiseks klõpsake lihtsalt Üleminekute paleti värviväljadel kaks korda. Seejärel saate sisestada RGB-väärtused.

(Kui teie jaoks on seal määratud teine värvirežiim, siis klõpsake Üleminekute paletis üleval paremal olevat väikest noolt, et valida sobiv värvirežiim).

Adobe Illustrator – Rakenduse ikooni loomine

Kui olete sellega valmis saanud, peaks teie väljanägemine olema umbes selline nagu minu pildil (joonis 11).

Adobe Illustrator – Rakenduse ikooni loomine

Et veelgi täiustada üleminekut, minge Mõju>Stiliseerimisefektid>Sisemine kuma ... Valige täitmismeetodiks Miksimaalselt Aus valige 75% ja Hägustus määrate 8,8mm. Kuna soovime seda efekti rakendada ainult välisosale, valige valik Kante. Kinnitage aken nupuga OK.

Adobe Illustrator – Rakenduse ikooni loomine

Järgmisena lisage kogu asjale ka varjutus. See käib samuti läbi Mõju>Stiliseerimisefektid>Vari ... Valige selle filtriga seotud sätted umbes nagu joonisel 13. Võite siin aga julgelt veidi kohandada.

Adobe Illustrator – Rakenduse ikooni loomine

Järgmises sammus kopeerite ristküliku Käsk+C ja kleepige selle samasse kohta uuesti sisse Käsk+F. (PC-l saate seda teha Ctrl+C ja Ctrl+F).

Kuna me ei vaja enam ristküliku koopias kasutatud efekte, peate need kustutama. Nagu mõned teist juba teavad, kuvatakse kõik Illustratoris kasutatud efektid ja filtrid Välimuse paletis. Kui see palett pole teie jaoks nähtav, saate selle uuesti kuvada valiku kaudu Aken>Välimus.

Adobe Illustrator – Rakenduse ikooni loomine

Kustutage nüüd Vaikselt vari. Saate seda teha lihtsalt, haarates paletist Vaikselt vari hiireklahvi all hoides ja lohistades selle paleti all paremal olevale väikesele prügikastile.

Adobe Illustrator - Rakenduse ikooni loomine

Te ei pea kustutama Sisemist helendit, kuna seda on vaja ainult veidi kohandada. Enne seda peaksite aga muutma oma ristkülikukoopia Täitevärviks

Adobe Illustrator - Rakenduse ikooni loomine

Klõpsake siis paletis Välimus Sisemise helenduse peal, seadke seal režiimiks Tavaline ja valige värvi jaoks sügav must. Deklaarsust seadistage 100% ja Pehmendamiseks võite võtta väärtuse 10 mm (vt pilt 17).

Adobe Illustrator – Rakenduse ikooni loomine

Selle koopia nüüd allapoole jääva originaaliga segamiseks vähendage lihtsalt Deklaarsust 50% -ni ja seadke täitmise režiimiks Pehme valgus. Kõik see tehakse läbipaistvuspaleti kaudu. (Ka selle paleti leiate uuesti valikust Aken>Läbipaistvus).

Selle tulemusel suureneb kontrastsus veidi ja meie rakenduse ikoon saab sügavust juurde.

Adobe Illustrator – Rakenduse ikooni loomine

Samm 2: Sädekehake loomine

Selles sammus keskendume sellele, kuidas luua sädekehake rakenduse ikooni jaoks. Selleks peate kõigepealt varjama kaks ristkülikut, mille loote 1. sammus, et teil oleks töölauale uuesti ruumi.

Võtke Joonlauda tööriistaribalt ja seadke kontuuri värv mustaks ning kontuuri paksuseks 0,5pt.

Tõmmake nüüd umbes keskelt joon ülespoole ja hoidke hiirenuppu all. Kui olete joone tõmmanud (hiirt all hoides), vajutage klahve Ctrl + klaaviatuurinuppu nende kahe sulguklambriga < >.

Nüüd liikuge hiirenuppu all hoides üks kord ringi. Selle klahvikombinatsiooni abil luuakse teie hiirekursori liikumise kiirusest sõltuvalt erinev arv jooni.

Kui olete üks kord ringi sõitnud, peaks see teie jaoks välja nägema umbes nagu pildil 19. (Proovige seda julgelt mõned korrad, sest ka siin kehtib ütlus "Harjutamine teeb meistriks").

Adobe Illustrator – Rakenduse ikooni loomine

Märgistage kõik jooned ja grupeerige need Käsk+G abil (PC-l: Ctrl+G). Kopeerige see kõik Käsk+C ja Käsk+F abil (PC-l: Ctrl+C ja Ctrl+F) ning muutke koopia kontuuri värvi valgeks ning pöörake seda veidi paremale või vasakule, nii et mustad jooned osaliselt uuesti nähtavaks muutuksid.

Kõik peaks siis teie jaoks välja nägema umbes selline (pildil 20):

Adobe Illustrator - rakenduse ikooni loomine

Märgistage nüüd uuesti kõik jooned ja grupeerige need uuesti Käsk+G abil (PC-l: Ctrl+G).

Nüüd saate uuesti kuvada 1. sammus loodud ristkülikud. Veenduge, et sädekehakese keskpunkt oleks umbes ristküliku keskpunktis.

Adobe Illustrator - rakenduse ikooni loomine

Nüüd kopeerite halli ümardatud ristküliku, mille olete sammus 1 sinise värvimuutusega arvutanud. (Command+C või arvutil - Strg+C).

Adobe Illustrator – Rakenduse ikooni loomine

Nüüd klõpsate kiirelt oma kiirtestruktuuriga grupil ja vaatate läbi Läbipaistvuse-paleti. Siin on teil nüüd võimalus (sarnaselt Photoshopile) luua mask. Selleks topeltklõpsake piirkonnal, mis on kujutatud joonisel 23. Selle topeltklõpsuga tekib nn Läbipaistvusmask.

Adobe Illustrator – Rakenduse ikooni loomine

Kui olete selle loonud, märkate ka, et teie Kihtide-palett on muutunud, kuni olete maskis sees. Kasutades Command+F (arvutil: Strg+F) lisate nüüd kopeeritud ristküliku maski sisse. Nüüd peate lihtsalt vähendama Läbipaistvust 50% pealt 10% peale.

Adobe Illustrator – rakenduse ikooni loomine

Nüüd peate maskist väljuma, et naasta tavalisse vaatesse. Seda saate teha, klõpsates üks kord maskisümboli kõrval olevale valgele väljale. (Joonis 25).

Luua rakenduse ikoon Adobe Illustratoris.

Samm 3: Alus piktogrammi loomiseks

Nüüd oleme juba peaaegu kõige suurema osa ära teinud ja oleme valmis lisama ikoonile piktogrammi või sümboli. Enne seda peame siiski kiiresti looma aluse või väikese platvormi, et tulemus veelgi parem välja näeks.

Võtke Ellipsi-tööriist, ja looge ligikaudu keskelt ellips, (vt joonis 26).

Adobe Illustrator – rakenduse ikooni loomine

Selle ellipsi täidate tumedas sinises toonis. Kasutasin selleks järgmisi värvi väärtusi. RGB - 0/0/255.

Adobe Illustrator – Rakenduse ikooni loomine

Vähendage Läbipaistvust umbes 70% peale ja minge seejärel menüüsse Mõju>Hägustusfiltrid>Gausi hägustus ...

Adobe Illustrator – Rakenduse ikooni loomine

Hägustuseks valisin Radiusiks 28 pikslit. Kuigi saate seda väärtust muidugi vabalt muuta. Kinnitage kõik nupuga OK.

Adobe Illustrator – Rakenduse ikooni loomine

Samm 4: Piktogrammi lisamine

Pärast seda, kui alus on paigas, on lõpuks aeg. Me peame tegelikult lihtsalt lisama piktogrammi meie ikooni. Väikese lisana olen tööfailidesse pannud mõned erinevad piktogrammid. Võite aga väga hea meelega kasutada ka enda omi.

Minge ülaosas asuvas menüüs Fail>Paiguta ja valige sealt soovitud piktogramm. Minu puhul on see arvuti tööfailidest.

Adobe Illustrator – Rakenduse ikooni loomine

... valmis! ... võiks arvata ...

Adobe Illustrator – Rakenduse ikooni loomine

Siiski on veel üks-kaks pisiasja teha. Ühelt poolt saab piktogramm endale veel varju. Selleks minge menüüsse Mõju>Stiliseerimisfiltrid>Varju. Järgige nende varju väärtuste osas juhiseid joonisel 32.

Adobe Illustrator - rakenduse ikooni loomine

Samm 5: Lisama valgusvälke

Viimases sammus lisame veel valgusvälke, et asi ilusalt lõpetada. Haarake Ellipsi-tööriist ja looge valge ellips nagu joonisel 33 kujutatud.

Adobe Illustrator – Rakenduse ikooni loomine

Viimane samm on muuta ellipsi täitmismeetod Pehmeks valguseks. Teie ikoon on valmis.

Adobe Illustrator – Rakenduse ikooni loomine

Lõppsõnad:

Ma loodan, et teil oli lõbus juhend ja et saate nüüd luua mõned ilusad rakenduste ikoonid. Lisatud failidest leiate ka minu originaaltarviku faili, et saaksite sinna sisse vaadata, kui mingil hetkel ummikusse jõuate.

Kui teil on selle teema kohta veel küsimusi, siis lihtsalt kirjutage need mulle kommentaaridesse. Ma püüan vastata neile võimalikult kiiresti.

Palju tervitusi

Teie Julian