Create et sett med Flat verdifulle edelstener Ikoner i Adobe Illustrator
Hva du skal lage
I denne opplæringen vil vi lære å lage et sett med enkle, men trendy flat- style gems ikoner i Adobe Illustrator! Bruke grunnleggende former og Blending Modes, vil vi gjøre våre dyrebare edelstener glitrer. Du trenger ikke noen spesiell tegneferdigheter eller enheter, så la oss komme i gang!
1. Danner en perfekt Shiny Diamond
Trinn 1
Start Adobe Illustrator og lage et nytt dokument (Ctrl-N) på 600 x 600 piksler, i RGB fargemodus.
Trinn 2
For enkelthets skyld vil vi bruke hjelpelinjer. Bare klikk-hold på linjaler (Ctrl-R) og dra ledelinjer på artboard. Justere dem i sentrum av artboard bruke Align panel.
Trinn 3
Nå kan vi begynne å lage vår diamant! Vi begynner med sin nederste delen. Bruk Polygon Tool med 3 sider for å lage en trekant. Sett Radius 150 piksler og posisjonere din form som vist på skjermbildet under.
Trinn 4
Duplicate din trekant og squash kopien ved å holde Alt-tasten og flytter en av sine sider tettere til sentrum.
Trinn 5
Gå på og lage den øvre delen av vår diamant ved å legge til et rektangel ved hjelp av rektangel Tool (M).
Ta Direct Selection Tool (A), velg øvre høyre ankerpunkt og flytte den nærmere sentrum (hold nede Skift-tasten for å flytte punktet rett horisontalt). Gjenta de samme trekk for øvre venstre ankerpunktet av rektangelet. Vår diamantform blir mer og mer gjenkjennelig!
Trinn 6
La oss lage toppen av vår diamant mer detaljert! Start med å legge en annen rektangel, innskrevet i sentrum av den øvre delen. Danne en liten trekant form inni den nyopprettede form og bruke Nødvendigvis Tool (O) for å speile den over den horisontale aksen.
Trinn 7
Nå vi kan farge vår diamant og gjøre det skinne ! Vi skal bruke følgende palett:
For enkelhets skyld bruker pipetteverktøyet (I) og bare plukke fargene direkte fra skjermbilde eller bruke RGB fargekoder oppført der
. Begynn fargelegging av den nedre delen og gradvis flytte til de på toppen. Fylle den nedre trekant med himmelen blå farge (R = 173, G = 230, b = 255) og den øvre delen med blå lighter (R = 208, G = 239, b = 252). Fylle disse figurene på toppen med ren hvit og litt redusere gjennomsiktig av objektene ved å sette Opacity verdi til 50%, og dermed gjør diamanten mer realistisk og lyse.
Vary tettheten av hvert element for å fremheve forskjellige kanter av perle.
Trinn 8
La oss gjøre det skinne! Ta Star Tool og lage en 4-spiss enkel stjerne. Juster skarpheten i hjørnene og lengden på bjelker ved å holde både Ctrl-klikk samtidig som objektet. Lag en annen stjerne på toppen av den første og roter det til 45 grader ved hjelp av Rotate Tool (R).
Trinn 9
Slå fyllfargen vår gnisten til hvitt. Lag flere kopier av gnist og plassere dem på toppen av perle, leke med deres størrelse.
Trinn 10
Nå må vi legge til en grunnleggende ikon form som en bakgrunn. Lag en sirkel ved hjelp av Ellipse Tool (L) og fyll den med lineær gradient fra mørk fiolett (R = 95, G = 61, B = 129) i bunnen for å syrin (R = 195, G = 125, B = 207 ) på toppen.
Trinn 11
Den sist men ikke minst er å gjengi en populær blant flat-stil grafikk effekten av en lang skygge. Start med å danne et rektangel av alle farger med rektangel Tool (M). Roter det til 45 grader og justere sin side med høyre kant av din diamant.
Plasser objektet under diamant (Control-[) for å skjule eventuelle unødvendige deler av den. Velg både bakgrunnen sirkel og rektangel form og bruke Shape Builder Tool (Shift-M) for å slette unødvendige delen ved å klikke på den, mens du holder Alt-tasten. Endelig fylle formen med lineær gradient fra gråblå (R = 154, G = 176, B = 197) til hvitt. Slå Blending Mode til Multipliser, og dermed danner en skygge, kastet av vår diamant.
Vår diamant ikonet er klar! La oss gå videre til neste perle!
2. Lag en Vivid Blazing Ruby
Trinn 1
Start med å danne en firkant med rektangel Tool (M) og roter det til 45 grader.
Trinn 2
< p> Grab the Line Segment Tool (\\), lage to rette kryssende linjer og plassere dem midt i sentrum av plassen. Velg alt og bruke Divide-funksjonen i Pathfinder-panelet for å dele plassen i fire separate deler.
Trinn 3
Nå kan vi fylle hver del med forskjellig farge for å understreke de fasetter av vår perle . Jeg har brukt følgende palett for ruby:
Trinn 4
Vi må legge til flere refleksjoner og høydepunkter til vår ruby for å vise sin glass tekstur. For dette formålet, kopiere og lime inn i front (Ctrl-C > Kontroll-F) i øvre høyre del av rubin og gjøre det litt mindre enn den opprinnelige formen. Fyll den nye kopien med lineær gradient fra støvete-gul (R = 209, G = 181, B = 96) til svart og slå Blending mode til Screen, på denne måten skape et høydepunkt. Bruk Reflect Tool (O) for å gjøre speilet kopi av høydepunktet på den andre siden av vår perle.
Trinn 5
Fortsett med å legge mindre detaljer i vår ruby, noe som gjør det mer dimensjonal. Sett et mindre firkantet, roteres 45 grader, på toppen av perle og justere den til midten av bildet. Fyll den nye formen med lineær gradient fra mørkere rosa (R = 228, G = 20, B = 64) for å rose-rosa (R = 225, G = 107, B = 126) farge. Til slutt, dekorere vår ruby med noen blinkende stjerner som vi har opprettet tidligere for diamanten.
Trinn 6
Sett ruby på en sirkel, fylt med lineær gradient fra mørkere grønn (R = 81, G = 163, B = 37) til lysere gul-grønn (R = 201, G = 230, B = 85), og danner en fin lang skygge til å gi ikonet en populær flat-design utseende. Anmeldelser
Den ruby-ikonet er ferdig! Gjør deg klar for den neste, er det kommer til å bli enda mer moro!
3. Lag en Marvelous Twinkling Emerald
Trinn 1
Ta Avrundet rektangel Tool og skape en form på ca 233 x 233 piksler størrelse og Corner Radius satt til 30 piksler. Bruk Convert Anchor Point Tool (Shift-C), klikke på ankerpunktene en etter en, for å konvertere dem til hjørner (eller bare bruke Konverter valgte festepunkter til hjørne funksjon i kontrollpanelet over for å forvandle alle poengene med en gang). Nå har vi et kvadrat med hjørnene avskåret.
Trinn 2
Flytt på og legge til flere fasetter til vår dyrebare perlen. Bruk Polygon Tool til å lage en trekant, forvandle den og legger den så, at det skarpeste hjørnet vender sentrum av dine illustrasjonsbrett, som vist på skjermbildet.
Bruk Reflect Tool (O) for å reflektere og kopiere fasetter på alle sider av smaragd grunnleggende formen.
Trinn 3
Bruk en mild lineær gradient fra mørk grønn (R = 21, G = 155, B = 24) til lysere gress- grønn (R = 143, G = 220, B = 46) til grunn smaragd form og fylle fasetter med gradient fra grå-grønn (R = 148, G = 199, B = 65) til svart, bytte det til skjerm-modus .
Trinn 4
La oss gjøre vår perle mer formet. Danne en trekant på toppen av andre deler av smaragd, snu sitt hjørne til sentrum av artboard. Slett unødvendige deler ved hjelp av Shape Builder Tool (Shift-M) og endre størrelse på ny form, noe som gjør det litt mindre enn den smaragd basen.
Trinn 5
Nå kan vi fylle den nye formen med samme lineær gradient som fasetter og slå den til skjerm-modus (eller bare bruke pipetteverktøyet (I) med standardinnstillingene for å plukke den nødvendige objektet utseende). Kopiere denne formen for å plassere kopien på den øvre delen av vår perle.
Trinn 6
Duplicate grunn smaragd form og omorganisere sin posisjon, og bringer den til front (Shift-kontroll- ]) og plassere på toppen av alle andre objekter. Slå fyllfargen til lineær gradient fra blek-grønne (R = 201, G = 235, B = 120) til mørkere chartreuse-grønne (R = 83, G = 192, B = 44). Til slutt legger glitrer å gjøre vår perle skinnende og attraktiv.
Trinn 7
Legg til en siste touch til ikonet ved å danne en sirkel, fylt med lineær gradient fra mørkere rosa (R = 247, G = 62, B = 87) til lysere Barbie-rosa (R = 255, G = 132, B = 185) og trekke en lang skygge. Nå er du ferdig med smaragd! Det er på tide å gå videre til neste perle.
4. Gjengi en Clear Sparkling Sapphire
Trinn 1
Vi vil bruke Polygon Tool igjen for å gjøre en grunnleggende form av ca 130 piksler størrelse, men denne gangen stiller som favoritt mengde til åtte, og dermed danner en oktogonen. Rotere det, hvis det er nødvendig, slik at hjørnene er justert wth Guides
. Lag en rett linje med Line Segment Tool (\\) og bruke Rotate Tool (R), sette Angle verdien til 45 grader og treffer på Kopier-knappen for å duplisere linjen.
Trinn 2
Fortsett å lage kopier av linjen med Reflect Tool (O), slik at de krysser hvert hjørne av oktogonen, danner en haug med stiliserte stråler, konvergerende i sentrum. Til slutt velger linjene og oktogonen og bruke Divide-funksjonen i Pathfinder-panelet for å bryte objektet hverandre.
Trinn 3
Nå er den enkle delen! Bare velg hver bit av vår oktogonen, en etter en, og fyll den med ulike nyanser av blått. Her er min palett, ble fargene brukes sekvensielt, flytte klokka.
Trinn 4
Komplett gjengi vår safir ved å sette mindre åttekant på toppen, og fylle den med lineær gradient mot lys himmel blå ( R = 183, G = 238, b = 255) til mørkere blå (R = 38, G = 183, b = 255). Smaken din perle med en klype sparkles.
Trinn 5
Fullfør ikonet ved å fylle sin base med varm lineær gradient fra orange (R = 255, G = 132, B = 0) til honning-gul (R = 255, G = 242, B = 88) og setter en svak skygge.
Flott jobb! Vår safir er ferdig. Vi er klare til å gå til neste element i settet.
5. Forme den Glitrende Sunny Amber
Trinn 1
Start med å lage en enkel firkantet og gå til Objekt > Sti > Legg ankerpunkt. Velg ankerpunkt, som dukket opp rett i midten av den øvre siden av torget og trekk den opp litt. Gjenta det samme for nedre forankringspunkt, og dermed danner en fin utvidet sekskant.
Trinn 2
Tegn flere rette linjer som danner en gruppe stråler, som vil splitte opp objektet, som vi gjorde det med den grunnleggende safir oktogonen form.
Trinn 3
Fyll hvert segment med milde gule farger fra paletten, noe som gjør den perlen solrik og varm.
Trinn 4
Dekk formen med en annen sekskant av en mindre størrelse og fyll den med mild gradient fra lys gul (R = 255, G = 232, B = 54) til blek-orange (R = 255, G = 178, B = 72), utdype den indre gløden av juvelen.
Trinn 5
terte vår rav opp med et par gnister og avslutt ikonet ved å bruke en rik blå gradient av mørkere nyanse (R = 66, G = 135, B = 155) på den ene siden og lettere (R = 87, G = 241, B = 255) på den andre.
Ser flott, er det ikke? La oss gå til finalen en!
6. Forme en Mystical Sparkling Amethyst
Trinn 1
Denne gangen vår perlen vil ha en trekant form. Tegne det med hjelp av Polygon Tool, sette størrelsen til ca 150 piksler og sidene verdien til 3.
Trinn 2
Nå må vi opprette en trekant, squash det litt og rotere, plasserer den som vist på skjermbildet under. La en av sine sider justere med høyre side av perle grunnleggende form. Tilsett lik trekanten for venstre side og for den nedre del av grunnformen
Trinn 3
Fyll hver form med forskjellig fargetone av lilla farge, i henhold til følgende paletten:.
Duplicate begge side trekanter og gjøre kopiene litt mindre enn den opprinnelige. Fyll høyre kopi med lineær gradient fra lys lilla (R = 197, G = 132, B = 209) til svart, sette sin Blending Mode
til skjerm. Bruk samme metode for venstre kopi, bruk av gradient fra mørkere fiolett (R = 115, G = 56, B = 181) til svart.
Trinn 4
For å gjøre vår perle mer dimensjonal, sette en liten trekant på toppen og fyll den med lineær gradient fra en blek-lilla (R = 232, G = 181, B = 255) til mørkere lilla (R = 172, G = 77, B = 219) . Ikke glem å legge noen små sparkles.
Trinn 5
Fullfør opp ved å legge ikonet base og fylle den med lineær gradient fra rødoransje (R = 255, G = 88, B = 46) farge i bunnen for å lyse gul (R = 255, G = 233, B = 87) på toppen.
Ser ut som vår ametyst er vellykket ferdig!
Wow! Din Sett av Shiny Flat Gem Icons er ferdig!
Gratulerer, du har nettopp ferdig med å lage hele settet med glitrende perle ikoner i et populært flat stil! Håper du har hatt glede av prosessen og fant noen nyttige tips og triks i denne opplæringen.