skabe et sæt faste ædelstene, ikoner i adobe illustrator

skaber et sæt faste ædelstene, ikoner i adobe illustrator,,,,,, hvad du vil skabe,,, i denne forelæsning vil vi lære, hvordan man skaber en række enkle, men trendy flade stil gems ikoner i adobe illustrator.ved hjælp af grundlæggende former og blanding af transportformer, vil vi gøre vores ædelstene, skinner og gnisten.du har ikke brug for nogen særlige træknings - færdigheder eller anordninger, så lad os komme i gang!,,, 1.form en perfekt skinnende diamant, trin 1, iværksætte adobe illustrator og gøre en ny dokument (control-n), af 600 x 600 pixels,,, rgb farve tilstand.,,,,,, trin 2, for nemheds skyld, vi vil bruge, hersker guider.bare klik hold på, herskere (control-r), og trækker retningslinjerne på artboard.bringe dem i centrum af den artboard ved, tilpasse, panel.,,,,, trin 3, nu kan vi lave vores diamant!vi begynder med den nederste del.brug den, polygon værktøj, med 3 sider, til at skabe en trekant.sæt den radius, til 150 dpi og holdning, din form som vist på skærmbillede nedenfor.,,,,, trin 4, dobbelt din trekant og knuse den kopi af bedrift, alat, centrale og flytter til en af sine sider tættere på centrum.,,,,, trin 5. gå videre og skabe den øvre del af vores diamant ved tilsætning af et rektangel, ved hjælp af den rektangel værktøj (m).,,, tage den direkte udvælgelse værktøj (a), udvælger øverste højre anker og nærme sig det center (holde, skifteholdsarbejde, afgørende for at flytte punkt lige vandret).gentager de samme bevægelser i den øverste venstre ankerpunktet for det rektangel.vores diamantform bliver mere og mere genkendelig.,,,,, trin 6, lad os gøre det på toppen af vores diamond mere detaljeret.start ved at tilføje et rektangel, anbringes i centrum af den øvre del.en lille trekant form i den nye form og anvendelse, afspejler værktøj (o), for at afspejle det over den vandrette akse.,,,,, trin 7, og nu kan vi farve diamanten og gøre det skinner!vi vil bruge følgende billede:,,,,, for din skyld, brug, pipette redskab (-), og bare samle farverne direkte fra skærmbillede eller anvende rgb farve koder.,, begynd at farve af den nederste del og gradvist at bevæge dem på toppen.fyld den lavere trekant form med himlen blå farve (r = 173 g = 230, b = 255), og den øverste del med lettere blå, (r = 208, g = 239, b = 252).udfyld disse figurer på toppen med ren hvid og en smule mindske gennemsigtigheden i genstande ved fastsættelsen af, uklarhed, værdi, 50%, således at den diamant, mere realistisk og intelligent.,,,,, varierer den uklarhed af hvert element fremhæve forskellige kanter af perle.,,,,, trin 8,, lad os gøre det skinner!tag den, star redskab, og skabe en, 4-pointed, enkelt stjerne.tilpasse skarphed af dens hjørner og længden af dens stråler med både kontrol klik, samtidig med at den genstand.skabe en stjerne på toppen af den første og drej det til 45 grader, ved hjælp af drejes værktøj (r),.,,,,,, trin 9, skifte fylde farve vores gnist til hvide.lave flere kopier af den gnist, og placerer dem på toppen af ædelsten og leger med deres størrelse.,,,,, trin 10, nu er vi nødt til at tilføje en grundlæggende ikon form som baggrund.skabe en cirkel med, ellipse værktøj (l), og fyld den med lineær gradient fra mørkviolette (r = 95 g = 61, b = 129), i bunden til syren, (r = 195, g = 125, b = 207), på toppen.,,,, trin 11, og sidst, men ikke mindst, er at gøre en populær blandt flade stil grafiske virkning af en lang skygge.start ved at danne et rektangel med farve, med den rektangel værktøj (m).drej det til 45 grader, og tilpasse sin side med højre kant af din diamant.,, genstand under diamant (kontrol - [), at skjule unødvendige dele af det.vælg både baggrunden cirkel og rektangel form og anvendelse, form, bygmester værktøj (shift-m), at fjerne unødvendige del ved at klikke på det, mens de holder, alat, nøgle.endelig fylde form med lineær gradient fra gråligt blå, (r = 154, g = 176, b = 197), hvide.skift, blanding tilstand, formerer sig, således at danne en skygge, afgivet af diamanten.,,,,, diamanten ikon er klar!lad os gå videre til næste perle!,,,,, 2.skabe en livlig "ruby, trin 1, begynde med at danne en square med, rektangel værktøj (m), og drej den til 45 grader.,,,,,, trin 2, tag fat, linjesegment redskab (er), skabe to direkte passage af linjer og placerer dem i midten af pladsen.vælg det og bruge det, dele, funktion i, stifinder, panel til at dele pladsen i fire særskilte dele.,,,,, trin 3, nu kan vi fylde hver del med forskellige farver til at understrege de aspekter af vores juvel.jeg har brugt følgende billede for ruby:,,,,,,,, trin 4, er vi nødt til at tilføje flere overvejelser og understreger, at vores ruby for at vise sit glas tekstur.til dette formål, kopi, og pasta i front (control-c > control-f), den øverste højre del af ruby og gøre det mindre end i den oprindelige form.udfylde de nye kopi med lineær gradient fra støvende gul (r = 209, g = 181, b = 96), sort og skifte blanding tilstand, skærm, på denne måde at skabe et højdepunkt.brug den, afspejler værktøj (o), til at få den afspejlet kopi af fremhæve på den anden side af vores juvel.,,,,, løntrin 5, fortsat at lægge mindre detaljer til vores ruby, gøre den mere - dimensionel.en mindre square, skift til 45 grader, på toppen af ædelsten og tilpasse det til midten af billedet.fyld den nye form med lineær gradient fra mørk pink, (r = 228, g = 20, b = 64), steg pink, (r = 225 g = 107, b = 126) farve.endelig indretter vores ruby med et par funklende stjerner, vi har skabt tidligere til diamond.,,,,, trin 6, - ruby om en cirkel, fyldt med lineær gradient fra mørke grønne, (r = 81 g = 163, b = 37) til lettere gul grønne, (r = 201, g = 230, b = 85), og udgør en lang skygge til at give ikonet en populær flade design -.,,,,, ruby ikon er færdig!gør dig klar til den næste, bliver det endnu mere sjovt!,,,,, 3.en fantastisk funklende smaragd, trin 1, tag afrundet rektangel redskab, og skabe en form for ca, 233 x 233 pixels størrelse og hjørne radius, fastsat til 30 pixels.brug den, omdanne anker punkt værktøj (shift-c), at klikke på ophæng, én efter én, for at omdanne dem til hjørner, (eller kun at anvende, omdanne udvalgte ophæng til hjørne, funktion i panelet frem for at omdanne alle punkter på én gang).nu har vi et kvadrat med hjørnerne afskåret.,,,,, trin 2, gå over og tilføje flere facetter, vores dyrebare juvel.brug den, polygon instrument til at skabe en trekant, gør det, og det er, at den skarpeste krog ansigter i centrum af deres artboards, som vist på skærmbillede.,,,,, så brug, afspejler værktøj (o), for at afspejle og kopi aspekter på alle sider af emerald grundlæggende form.,,,,, trin 3, anvende en blid lineær gradient fra mørkegrøn, (r = 21 g = 155, b = 24), lysere græs green, (r = 143, g = 220, b = 46), at den grundlæggende emerald form og udfylde de aspekter med gradient fra grå green, (r = 148, g = 199, b = 65), sort, gik til skærmen, mode.,,,,, trin 4, lad os gøre vores juvel mere formet.form en trekant på toppen af andre dele af de grønne, at dets hjørne til midten af artboard.fjerne unødvendige dele ved hjælp af form bygmester værktøj (shift-m), og resize den nye form, at gøre det lidt mindre end emerald base.,,,,, løntrin 5, nu kan vi udfylde den nye form med samme lineær gradient som facetter og skifte til skærmen, tilstand (eller bare brug den, pipette værktøj (i), med sine indstillinger til at samle de nødvendige objekt udseende).kopi af denne form for at placere en kopi på den øvre del af vores juvel.,,,,, trin 6, gentager de grundlæggende emerald form og ændre sin holdning, at det, at front (skift kontrol -]), og markedsføring på toppen af alle andre genstande.- fyld farve til lineær gradient fra lysegrøn, (r = 201, g = 235, b = 120), mørkere chartreuse green, (r = 83, g = 192, b = 44). endelig tilføje, skinner for at gøre vores juvel skinnende og attraktive.,,,,, skridt 7, tilføje en sidste detalje til ikon ved at danne en cirkel, fyldt med lineær gradient fra mørk pink, (r = 247, g = 62, b = 87), lettere barbie pink, (r = 255, g = 132, b = 185), og drage en lang skygge.nu er du færdig med den grønne!det er tid til at gå videre til de næste perle.,,,,, 4.gøre en klar mousserende sapphire, trin 1, vil vi bruge, polygon værktøj, igen for at foretage en grundlæggende form for ca. 130 pixels, størrelse, men denne gang er der, sider, mængde, 8, således at danne en ottekant.drej den, hvis det er nødvendigt, således at den er i overensstemmelse med de hjørner, vejledninger.skabe en lige linje med, linjesegment redskab (er) og bruger, skifte værktøj (r), at den vinkel, værdi, 45 grader, og at eksemplar, knap for at kopiere den linje,.,,,,, trin 2, fortsat lave kopier af de overensstemmelse med, afspejler værktøj (o), således at de krydser hvert hjørne af ringen, som en flok stiliseret stråler, konvergerende i midten.endelig, udvælge de linjer og ringen og anvende, dele, funktion i pathfinder panel til at bryde den genstand fra hinanden.,,,,, trin 3, nu er den nemme del!bare vælg hver del af vores ottekant, en efter en, og fyld den med forskellige nuancer af blå.her er mit billede, der blev anvendt i sekvenser, at uret.,,,,,,,, trin 4, fuldstændig gøre vores sapphire, ved at lægge mindre ottekant på toppen og fylde den med lineær gradient fra lyset, blå himmel, (r = 183, g = 238, b = 255), mørke blå, r = 38 g = 183, b = 255).smag din perle med et gran af gnistre.,,,,, løntrin 5, udfyldes de ikon ved at udfylde sin base med varm lineær gradient fra orange, (r = 255, g = 132, b = 0), honning, gul (r = 255, g = 242, b = 88), og sætte en blid skygge.,,,,, godt arbejde!vores safir er færdig.vi er klar til at gå videre til de næste element i.,,,,, 5.selv de skinnende sol -, trin 1, begynder med en enkelt plads og gå imod > vej > der tilsættes ophæng.vælg det anker, der dukkede op lige midt i den øvre del af pladsen, og trække den lidt op.Repeat the same for the lower anchor point, thus forming a nice extended hexagon., ,,, ,Step 2, ,Draw several straight lines forming a group of rays, which will split up the object, as we did it with the basic sapphire octagon shape., ,,, ,Step 3, ,Fill each segment with gentle amber colors from the palette, making the gem sunny and warm., ,,, ,,, ,Step 4, ,Cover the shape with another hexagon of a smaller size and fill it with mild gradient from bright yellow ,(R=255, G=232, B=54), to pale-orange ,(R=255, G=178, B=72),, deepening the inner glow of the jewel., ,,, ,Step 5, ,Tart our amber up with a couple of sparks and finish the icon by applying a rich blue gradient of darker hue ,(R=66, G=135, B=155), on one side and lighter, r = 87, g = 241, b = 255).,,,,, det ser godt ud, ikke?lad os gå videre til det sidste!,,,,, 6.form en mystisk mousserende ametyst, trin 1, denne gang vores perle vil have en trekant form.gøre det ved hjælp af den polygon værktøj, fastsættelse af størrelse ca. 150 dpi og, sider, værdi, 3,.,,,,, trin 2, nu er vi nødt til at skabe en trekant, er det en smule og roterer, placeres som vist på skærmbillede nedenfor.lad en af sine sider i overensstemmelse med den højre side af din perle er grundlæggende form.tilføje ensvinklet trekant i venstre side, og for den nedre del af den grundlæggende form.,,,,, trin 3, fylde hver form med anderledes i lilla farve, i overensstemmelse med følgende billede:,,,,,,,, dobbelt side trekanter og gøre de kopier, mindre end den oprindelige.fyld den rigtige kopi med lineær gradient fra lys lilla, (r = 197 g = 132, b = 209), sort, at dens, blanding af mode, til skærmen.anvender samme metode til venstre kopi af gradienten fra mørkere violet, (r = 115 g = 56, b = 181), sort.,,,,, trin 4, for at gøre vores juvel flere dimensioner, et lille trekant på toppen og fylder den med lineær gradient fra en bleg - (r = 232, g = 181, b = 255), mørkere lilla, (r = 172, g = 77, b = 219). glem ikke at tilføje en lille glimt.,,,,, løntrin 5, afslutte ved at tilføje den ikon base og påfyldning det med lineær gradient fra rødlig orange (r = 255, g = 88, b = 46), farve i bunden til gul, (r = 255, g = 233, b = 87), øverst.,,,,, det ser ud til, at vores ametyst succes færdig!,,,,, wow!dit sæt skinnende flade perle ikoner er afsluttet.,, tillykke, du har lige afsluttet etableringen af hele sættet af mousserende perle ikoner i en populær flade stil!håber du har nydt godt af processen og har fundet nogle nyttige tips og tricks i denne forelæsning.,,,,

Final product image
1_Gems_tutorial_new_doc
2_Gems_tutorial_guides
3_Gems_tutorial_diamond
4_Gems_tutorial_diamond
5_Gems_tutorial_diamond
6_Gems_tutorial_diamond
0_Gems_tutorial_diamond_palette
7_Gems_tutorial_diamond
8_Gems_tutorial_diamond
9_Gems_tutorial_diamond
10_Gems_tutorial_diamond
11_Gems_tutorial_diamond
12_Gems_tutorial_diamond
0_Gems_tutorial_diamond
13_Gems_tutorial_ruby
14_Gems_tutorial_ruby
0a_Gems_tutorial_ruby_palette
15_Gems_tutorial_ruby
16_Gems_tutorial_ruby
17_Gems_tutorial_ruby
18_Gems_tutorial_ruby
0a_Gems_tutorial_ruby
19_Gems_tutorial_emerald
20_Gems_tutorial_emerald
21_Gems_tutorial_emerald
22_Gems_tutorial_emerald
23_Gems_tutorial_emerald
24_Gems_tutorial_emerald
25_Gems_tutorial_emerald_ic
0aa_Gems_tutorial_emerald
25_Gems_tutorial_sapphire
26_Gems_tutorial_sapphire
0b_Gems_tutorial_sapphire_palette
27_Gems_tutorial_sapphire
28_Gems_tutorial_sapphire
29_Gems_tutorial_sapphire
0b_Gems_tutorial_sapphire
30_Gems_tutorial_amber
31_Gems_tutorial_amber
0c_Gems_tutorial_amber_palette
32_Gems_tutorial_amber
33_Gems_tutorial_amber
34_Gems_tutorial_amber
0c_Gems_tutorial_amber
35_Gems_tutorial_amethyst
35a_Gems_tutorial_amethyst
0d_Gems_tutorial_amethyst_palette
36_Gems_tutorial_amethyst_a
36_Gems_tutorial_amethyst
37_Gems_tutorial_amethyst
38_Gems_tutorial_amethyst
0d_Gems_tutorial_amethyst
Diamond_tutorial_600



Previous:
Next Page: