Create en Detaljert Vector Tavle Ikon

I det følgende Illustrator opplæringen vil du lære hvordan du kan lage en detaljert vektor tavle ikonet. Dette klassiske skolen, er tavle illustrasjon består bruker vektorform byggeteknikker, pixel perfekt utheving, samt børster og teksturer for å legge interesse for arbeidet.

Trinn 1

Hit Command + N for å opprette et nytt dokument. Skriv inn 700 i bredde og høyde boksene, klikk deretter på knappen Avansert. Velg RGB, Screen (72ppi) og sørg for at Align nye objekter være Pixel Grid boksen ikke er krysset før du klikker OK. Nå, slå på Grid (View > Grid) og Fest til rutenett (View > Fest til rutenett). Deretter trenger du et rutenett hver 10px

Gå til Rediger >.; Preferanser > Guides > Grid, skriver 10 i linjenettet hver boks og en i underinndelinger boksen. Du kan også åpne infopanelet (Vindu > Info) for en live forhåndsvisning med størrelsen og plasseringen av dine figurer. Ikke glem å bytte måleenheten til piksler fra Rediger > Preferanser > Unit > General. Alle disse alternativene vil øke arbeidshastigheten.

Trinn 2

Velg rektangel Tool (M) og lage en 490 ved 330px form. Fest til rutenett vil lette arbeidet ditt. Husk å se inn i infopanelet for live forhåndsvisning med størrelsen og plasseringen av formen. Når den er laget fylle formen med R = 196, G = 154, B = 108. Fjerne fargen fra slag og deretter gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 20px radius, klikk på OK og gå til Objekt > Utvid Utseende.

Neste, du vil trenge et rutenett hver 5px. Bare gå til Rediger > Preferanser > Guides > Grid og skriv 5 i linjenettet hver boks. Reselect rektangel Tool (M), opprette en 440 ved 280px form og legg den som vist i det andre bildet. Igjen vil Fest til rutenett komme til nytte. Fargeegenskapene for denne andre formen er ikke viktig

Trinn 3

Velg det to figurer som er opprettet i forrige trinn, gå til Pathfinder-panelet (Vindu > Pathfinder)., Og klikk på Minus Front knappen. Den resulterende formen bør være en sammensatt bane som ser ut som det andre bildet som vises.

Trinn 4

Velg det sammensatt bane opprettet i forrige trinn og fokus på utseendet panel. Bare klikk på Legg til ny Fill-knappen. Det er den lille, hvite firkanten fra bunnen av Utseende panel. Selvsagt vil dette legge til en ny fyll for din vei.

Velg den fra Utseende panel og gjøre det svart. Senke Opacity til 7%, endre blending mode til Multipliser, så gå til Effect > Sketch > Graphic Pen. Skriv inn de egenskapene som vises nedenfor, klikk OK og legge til en ny fyll for denne forbindelsen banen.

Velg den fra Utseende panel og bruke lineær gradient vist nedenfor. Også senke Opacity til 10%, så gå til Effect > Sti > Offset Path. Skriv inn et -5px Offsettrykk, og klikk OK. Ta en nærmere titt på gradienten bildet og du vil merke en gul null over høyre glidebryteren. Det står for Opacity prosentandel. Dette betyr at du må velge at gradient glideren og senke Opacity til 0%.

Trinn 5

Hold fokus på eksisterende sammensatt bane. Velg den og gå til Utseende panel. Legg en 2pt slag, justere den til inne og sette farge på R = 225, G = 204, B = 162. Legg et andre slag for denne banen ved hjelp av Legg til ny Stroke knappen fra bunnen av Utseende panel.

Velg den nye slag, gjør det 1PT bred, justere den til inne og sette farge på R = 139, G = 94, B = 60. Reselect hele sammensatt bane og gå til Effect > Stilisere > Indre glød. Skriv inn dataene nedenfor og klikk på OK. Gå til Lag-panelet Dobbeltklikk på din sammensatt bane og navn det " Wooden Frame ".

Trinn 6

Velg rektangel Tool (M), opprette en 25px firkantet og sted den som er vist i følgende bilde. Fyll den med R = 128, G = 130, B = 133. Nå gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 5px radius, klikk på OK og gå til Objekt > Utvid Utseende

Trinn 7

Velg den formen som ble opprettet i forrige trinn, og gjør 3 eksemplarer foran (Command + C > Command + F).. Velg kopier én etter én, og plassere dem som vist nedenfor. Reselect alle fire avrundede rektangler og gå til Objekt > Forbindelse Sti > Gjør

Trinn 8

Velg ". Wooden Frame " og lage en kopi i front (Command + C > Command + F). Velg denne kopien sammen med sammensatt bane opprettet i forrige trinn, og klikk på Skjæring knappen fra Pathfinder-panelet. Dette vil skape en gruppe med fire grå former. Formene skal se ut som den tredje bildet.

Trinn 9

Fokus på toppen riktig form ble opprettet i forrige trinn. Legg til en ny fyll for denne veien og bruke lineær gradient vist nedenfor. Legg til en ny fyll for de andre tre grå figurer og bruke samme lineær gradient, men med en annen vinkel.

Step 10

Velg en av de grå former og legge en 2pt hjerneslag. Justere den til inne og sette farge på R = 209, G = 211, B = 212. Legg et andre slag for denne formen. Gjør det 1PT bred, justere den til inne og sette farge på R = 139, G = 94, B = 60. Fortsett å legge de samme slag egenskaper for de resterende grå figurer

Trinn 11

reselect ". Wooden Frame " og lage en kopi i front (Command + C > Command + F). Plukk rektangel Tool (M), lage en 500 ved 170px form og legg den som vist i det andre bildet. Velg denne nye formen sammen med ny kopi av " Wooden Frame " og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit og senke Opacity til 10%.

Trinn 12

Velg rektangel Tool (M) og lage en 440 ved 280px form. Fyll den med R = 169, G = 124, B = 80. Nå plasserer den som vist i det første bildet og gå til Objekt > Sti > Offset Path. Skriv inn et -5px Offsettrykk, og klikk OK. Reselect både former og klikk på Minus Front knappen fra Pathfinder-panelet. Den resulterende formen skal se ut som den tredje bildet. Det er en tynn sammensatt bane.

Trinn 13

Velg den Pen Tool (P) og trekke fire enkle, horisontale baner. Plasser dem som vist i følgende bilde. Nok en gang vil Fest til rutenett lette arbeidet ditt.

Trinn 14

Velg de fire banene opprettet i forrige trinn, sammen med den tynne sammensatt bane skapt i det tolvte trinnet, og klikk på Divide knappen. Dette vil dele din sammensatt bane i fire enkle baner. Ta en titt inn i Lag-panelet, og du vil finne en gruppe med disse fire former.

Velg den nederste form og fyll den med R = 117, G = 76, B = 41. Velg venstre og høyre former og fylle dem med R = 139, G = 94, B = 60. Til slutt, sørg for at den øverste formen er fylt med R = 169, G = 124, B = 80.

Trinn 15

Fokus på venstre formen opprettet i forrige trinn.

Trinn 16

Fokus legge til to nye fyllinger for denne veien og bruke lineær gradient vist nedenfor. På riktig form skapt i det fjortende trinn. Legg til to nye fyllinger og bruke lineære gradienter fra forrige trinn, men med en annen vinkel.

Trinn 17

Igjen, fokus på venstre formen skapt i det fjortende trinn. Legg til en ny fyll for denne veien og velge det fra Utseende panel. Bruk lineær gradient vist nedenfor, senke Opacity til 20% og gå til Effect > Sti > Offset Path. Skriv inn et -1.5px Offsettrykk, og klikk OK.

Til slutt formen din skal se ut som det andre bildet er vist nedenfor. Nå flytter til riktig form skapt i det fjortende bratt. Legg til en ny fyll for denne veien og bruke de samme egenskapene som er nevnt tidligere.

Trinn 18

Velg den øverste figuren skapt i det fjortende trinnet og legge til en ny fyll. Bruk lineær gradient vist nedenfor, senke Opacity til 20% og gå til Effect > Sti > Offset Path. Skriv inn et -1.5px Offsettrykk, og klikk OK. Til slutt formen din skal se ut som på bildet vist.

Trinn 19

Velg rektangel Tool (M) og lage en 430 ved 270px form. Fyll den med R = 58, G = 90, B = 77. Nå plasserer den som vist. Legg til en annen fylling for denne form og bruke den radiale gradient vist nedenfor. Velg denne nye fill fra Utseende panel og senke Opacity til 50%.

Step 20

Legg en tredjedel fyll for formen ble opprettet i forrige trinn. Gjør det svart, senke Opacity til 5% og endre blending mode til Multipliser, så gå til Effect > Artistic > Film Grain. Skriv inn dataene nedenfor og klikk på OK.

Trinn 21

Velg det formen redigeres i forrige trinn, og legge en 2pt hjerneslag. Justere den til inne og sette farge på R = 225, G = 204, B = 162. Legg til et ekstra slag for den samme banen, gjør det 1PT bred, justere den til inne og sette farge på R = 37, G = 61, B = 48. Fortsett å legge til en ny fyll for denne banen. Senke Opacity til 50%, endre blending mode å formere seg og bruke lineær gradient vist nedenfor.

Igjen, ha en nærmere titt på gradient bildet. Denne gangen vil du se et hvitt nummer. Det står for Location prosentandel. Bare velg den lille diamant-ikonet og dra det til 20%. Til slutt, gå til Utseende panelet velger denne siste fyll og dra den til toppen av Utseende panel, over slag.

Trinn 22

Gå til Børster panel, åpne fly utsjekking meny og gå til Open Brush Library > Artistic > Artistic_Paintbrush. Dette vil åpne et nytt vindu med en haug med innebygde børster. Du trenger "Quick Brush 3"

Velg Brush Tool, velg ". Hurtig Brush 3 " pensel, sette strek farge til R = 255, G = 255, B = 255. Nå trekke noen tilfeldige baner som vist i følgende bilde. Når du er ferdig velger du alle stier og gruppere dem (Command + G).

Trinn 23

Velg det grønne formen skapt i det nittende trinn, lage en kopi i front (Command + C > Command + F), og bringe den til front (Shift + Command +]). Velg denne kopien, sammen med gruppen av børster, og gå til Objekt > Klipping Mask > Lage. Dette vil maskere dine børster. Til slutt gruppen skal se ut som den tredje bildet er vist nedenfor.

Trinn 24

Flytt til Lag-panelet, fokus på gruppen av børster og velge alle de eksisterende banene. Pass på at du ikke valgte hele banen. Når den er valgt, gå til Transparency panel og senk Opacity til 5%, og sette blending mode til Overlay.

Trinn 25

Velg rektangel Tool (M), lage en 450 ved 5px form og fyll den med R = 139, G = 94, B = 60. Plasser den som vist i det første bildet, og deretter gå til Objekt > Transform > Bevege seg. Skriv inn 0 i Horisontal boksen og -5 i Vertical boksen, klikk deretter på Kopier-knappen. Dette vil skape en kopi av det valgte form, rett ovenfor den opprinnelige formen.

Trinn 26

Fokus på den andre formen opprettet i forrige trinn. Plukk Direct Selection Tool (A), velger du øverst til venstre ankerpunkt og flytte den 10px til høyre. Velg den øverste, høyre ankerpunkt og flytte den 10px til venstre. Til slutt formen din skal se ut som en trapes. Sett på flat fyllfarge med lineær gradient vist i tredje bilde

Trinn 27

Deaktiver Fest til rutenett (View > Fest til rutenett)., Så gå til Rediger > Preferanser > General, og sørg for at tastaturet Increment er satt til 1px. Velg den første formen opprettet i trinn 25 og lage to kopier foran (Command + C > Command + F > Command + F).

Velg den øverste kopien og trykke pil ned en gang. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll formen resulterende med hvit, senke Opacity til 30%, og endre blending mode til Overlay.

Trinn 28

Re-aktivere Fest til rutenett. Plukk rektangel Tool (M) og lage en 450 ved 15px form. Plasser den som er vist i det første bildet og fylle det med den lineære gradienten vist nedenfor. Flytt til Lag-panelet. Dra denne banen under figurene skapt i de tre siste trinnene, senke Opacity til 80%, og gå til Effect > Blur > Gaussian Blur. Skriv inn et 2px radius og klikk på OK.

Trinn 29

Velg rektangel Tool (M), opprette en 30 ved 5px form og fylle den med lineær gradient vist i det første bildet. Legg en annen fylling for denne formen. Gjør det svart, senke Opacity til 7%, og endre blending mode til Multipliser, så gå til Effect > Artistic > Film Grain. Skriv inn dataene nedenfor og klikk på OK. Fortsette i Utseende panel og legge til en 0.5pt slag for denne formen. Justere den til inne og sette farge til R = 188, G = 189, B = 192

Trinn 30

Velg det formen opprettet i forrige trinn og gå til Effect >.; Warp > Arc Nedre. Skriv inn dataene nedenfor og klikk på OK. Sett formen resulterer som vist i det andre bildet.

Trinn 31

Velg rektangel Tool (M) og opprette en ny 490 av 330px form. Fyll den med svart og sørg for at den dekker de eksisterende former. Gå til Effect > Stilisere > Avrundede hjørner og angi en 20px radius. Klikk OK og bruke Object > Utvid Utseende. Senk Opacity av formen fører til 15% og deretter lage en kopi i front (Command + C > Command + F).

Trinn 32

Fokus på de to formene opprettet i forrige trinn. Først deaktivere Fest til rutenett. Nå velger toppform og traff pil opp to ganger og velg den nederste figuren, og traff pil ned to ganger.

Trinn 33

Velg de to formene redigert i forrige trinn og lage en kopi i ryggen (Command + C > Command + B). Velg disse to kopier og dårligere Opacity til 10%. Nå velger den øverste kopien og traff pil opp 3 ganger, deretter velge nederste kopien og traff pil ned tre ganger.

Trinn 34

Velg det to figurer som er opprettet i forrige trinn og gå til Effect > Blur > Gaussian Blur. Skriv inn et 5px radius og klikk på OK. Velg de fire figurer skapt i det siste treere trinn og gruppere dem. Send denne gruppen til å sikkerhets (Shift + Command + Venstre Bracket nøkkel)

Step 35

Re-aktivere Fest til rutenett (View > Fest til rutenett).. Plukk rektangel Tool (M) og lage en 40px kvadrat. Fyll den med R = 196, G = 154, B = 108, og plasser den som vist nedenfor.

Trinn 36

Velg det formen opprettet i forrige trinn, tilsett andre fyll, og bruke lineær gradient vist nedenfor. Legg en tredjedel fyll for denne banen og gjøre det svart. Velg det fra Utseende panel, senke Opacity til 5%, og endre blending mode til Multipliser, så gå til Effect > Sketch > Graphic Pen. Skriv inn de egenskapene som vises nedenfor og klikk på OK.

Trinn 37

Velg det formen redigeres i forrige trinn, og legge en 2pt hjerneslag. Justere den til inne og sette farge til R = 225, G = 204, B = 162. Legg et andre slag for denne banen, gjør det 1PT bred, justere den til innsiden, og sette farge til R = 139, G = 94, B = 60.

Trinn 38

reselect formen redigeres i de siste trinnene og gå til Utseende panel. Velg bunnfyllings (R = 196, G = 154, B = 108) og gå til Effect > Stilisere > Drop Shadow. Skriv inn dataene nedenfor og klikk på OK.

Trinn 39

Velg det sti redigeres i de siste trinnene og sørge for at ingen fyll eller hjerneslag er valgt. Først går du til Effect > Stilisere > Indre glød. Skriv inn de data som vises nedenfor, klikk på OK og gå til Effect > Stilisere > Ytre glød. Igjen, skriv dataene nedenfor og klikk på OK

Til slutt, gå til Effect >.; Stilisere > Avrundede hjørner. Skriv inn en 3px radius og klikk på OK. Gå til Utseende panel og sørge for at de avrundede hjørner er plassert i toppen av Utseende panel. Du kan enkelt dra hvis du må. Til slutt formen din skal se ut i følgende bilde.

Trinn 40

For neste trinn må du et rutenett hver 1px. Gå til Rediger > Preferanser > Guides > Grid og skriv en i linjenettet hver boks. Plukk Ellipse Tool (L), opprette en 5px sirkel, og plasser den som vist i følgende bilde. Fyll den det med R = 147, G = 149, B = 152, deretter legge til en annen fylling

Velg den fra Utseende panel og gå til Effect >.; Sti > Offset Path. Skriv inn et -1.5px Offset, klikk på OK og gå til Effect > Forvrenge & Transform > Pucker & Bloat. Dra glidebryteren til -50% og klikk på OK. Nå kan du legge en 1pt slag, deretter Juster det til utenfor, og sette farge på R = 88, G = 89, B = 91.

Legg til en ny strek for denne banen, gjør det 0.5pt bredt, justere det til utenfor, og sette farge på R = 209, G = 211, B = 212. Reselect hele denne veien og gå til Effect > Stilisere > Drop Shadow. Skriv inn dataene nedenfor og klikk på OK.

Trinn 41

Gå tilbake til hjelpelinjer hver 5px. Gå til Rediger > Preferanser > Guides > Grid og skriv 5 i linjenettet hver boks. Velg de to figurer skapt og redigert i løpet av de siste seks trinn, deretter gruppere dem. Velg denne friske gruppen og gå til Objekt > Transform > Reflektere. Sjekk Horisontal knappen og klikk på Kopier-knappen. Dette vil skape et vertikalt snudd gruppe kopi.

Trinn 42

Velg venda gruppen ble opprettet i forrige trinn, og drar det flere piksler ned. Det vil være lettere for deg å redigere figurene inne i gruppen. Først, la oss redigere avrundet rektangel.

Velg det, gå til Utseende panelet velger du fylle med lineær gradient og angi vinkelen på 90 grader. Deretter åpner Drop Shadow effekt brukes for første fyllet. Skriv inn 0 i X Offset boksen og en i Y Offset boksen.

Flytt til den grå sirkelen. Velg det, gå til Utseende panel og åpne eksisterende Drop Shadow effekt. Skriv inn 0 i X Offset boksen og -1 i Y Offset boksen.

Trinn 43

Velg det snudd gruppen og dra den ned som vist i det første bildet. Deretter velger begge gruppene, kopiere dem og dra kopiene til høyre. Velg alle fire grupper og gruppere dem (Command + G). Til slutt sender denne gruppen til baksiden (Shift + Command + Venstre Bracket nøkkel).

Trinn 44

Velg den Brush Tool (B) og gå til Børster panel. Velg 3pt Round Brush, sette strek farge på hvit og trekke noen ballonger eller noe du liker.

Når du er ferdig, velger du alle banene, senke Opacity til 90%, og gruppere dem (Command + G). Velg denne gruppen og gå til Effect > Forvrenge & Transform > Rubb. Tast inn dataene som vises i det endelige bildet og klikk på OK.

Trinn 45

Til slutt, la oss legge til en bakgrunn for tavlen. Plukk rektangel Tool (M), lage en form av størrelsen på artboard. Fyll den med radial gradient vist nedenfor og sende den til å sikkerhets (Shift + Command + Venstre Bracket nøkkel).

Trinn 46

Velg det formen opprettet i forrige trinn, og legge til en annen fylling . Gjør det svart, senke Opacity til 15%, og endre blending mode å formere seg. Nå gå til Effect > Sketch > Oppmerksom på papir. Skriv inn de data som vises nedenfor, klikk OK og du er ferdig.

Konklusjon

Nå arbeidet er ferdig. Her er hvordan det skal se ut. Anmeldelser