How å lage en detaljert Key Illustrasjon i Adobe Illustrator
Hva du skal lage

I de følgende trinnene vil du lære hvordan du kan lage en detaljert nøkkel illustrasjon i Adobe Illustrator, med en romantisk melding perfekt for Valentinsdag.

For det første vil du lære hvordan du setter opp et enkelt rutenett og hvordan å skape de viktigste figurer ved hjelp av grunnleggende verktøy og teknikker. Deretter vil du lære å legge til skygger og høylys for disse figurer ved hjelp av grunnleggende blending og vektor form byggeteknikk, sammen med en haug med effekter og utseendet panel. Til slutt, vil du lære hvordan du legger til en hyggelig bånd ved hjelp av en enkel kalligrafiske børste, noen lineære gradienter, og Type i en bane Tool.

1. Opprett et nytt dokument og sette opp et rutenett

Hit Ctrl-N for å opprette et nytt dokument. Velg Pixels fra Units rullegardinmenyen, skriv 600 i bredde og høyde boksene, og klikk deretter på knappen Avansert. Velg RGB, Screen (72ppi), og sørg for at Align nye objekter til Pixel Grid boksen ikke er krysset før du klikker OK.

Aktiver Grid (View > Vis rutenett) og Fest til rutenett (View > Fest til rutenett). Du trenger et rutenett hver 5 px, så bare gå til Rediger > Preferanser > Guides > Grid, og skriv 5 i linjenettet hver boks og en i underinndelinger boksen. Prøv ikke å bli motløs av alt som grid-det vil gjøre arbeidet enklere, og husk at du enkelt kan aktivere eller deaktivere den ved hjelp av kontroll- "tastatursnarveien.

Du bør også åpne infopanelet (Vindu > Info). for en live forhåndsvisning med størrelsen og plasseringen av figurer Ikke glem å sette måleenheten til piksler fra Rediger > Innstillinger > Units >. Generelt Alle disse alternativene vil øke din Arbeidet hastighet.

2. Opprett Main Shapes

Trinn 1

Velg den Ellipse Tool (L) og fokus på verktøylinjen. Fjern fargen fra fyll og deretter velg hjerneslag og satt sin farge til R = 255 G = 166 B = 28. Flytt til din artboard og bare lage en 55 px sirkel-Fest til rutenett skal gjøre arbeidet enklere.

Sørg for at din form forblir valgt og flytte til Utseende panelet (Vindu > Utseende). Velg den eksisterende hjerneslag og øke sin vekt til 6 px Velg det Ellipse Tool (L), opprette en 10 px sirkel og plassere den som vist i det andre bildet. . Sørg for at denne nye formen forblir valgt, gå tilbake til Utseende panel og legger til at samme 6 px oransje strek.

Trinn 2

Velg det to sirklene er gjort så langt og gå til Objekt > Utvid Utseende. Sørg for at de resulterende formene forblir valgt, åpner Pathfinder-panelet (Vindu > Pathfinder) og klikk på Unite-knappen. Flytt til Lag-panelet, åpne eksisterende lag og bare å dobbeltklikke på navnet på formen. Endre navnet " rightRing
" og klikk deretter på OK-knappen.

Trinn 3

Velg den Ellipse Tool (L), flytte til artboard, opprette en 55 px sirkel og plasser den slik som vist i det første bildet. Sørg for at denne nye formen som valgt og fokusere på utseendet panel. Fjerne fargen fra fyll og velg deretter strøk. Satt sin farge til R = 255 G = 166 B = 28 og øke vekten til 6 px. Velg det Ellipse Tool (L), opprette en 20 px sirkel, plasser den som vist i det andre bildet, fyll den med det samme oransje farge og sørg for at det er ingen farge satt for hjerneslag.

Bytt til Pen Tool (P), lage en 120 px horisontal bane, og plasser den som vist i tredje bildet. Sørg for at det forblir valgt og fokusere på utseendet panel. Først fjerne fargen fra fyll og deretter fokusere på hjerneslag. Bruke den samme oransje for farge og klikk deretter på at " Stroke
" del av teksten for å åpne Stroke fly-out panel. Øke vekten til 6 px og sjekk Round Cap knappen

Trinn 4

For dette trinnet trenger du et rutenett hver 1 px, så gå til Rediger >.; Preferanser > Guides & Grid og skriv inn 1
i Uten kraftlinjer hver
boks.

Fokus på venstre ende av horisontal bane og plukke rektangel Tool (M). Lag to 10 x 15 px figurer og plassere dem akkurat som vist i det første bildet. Fylle disse nye rektangler med samme oransje farge og deretter slå dem i en sammensatt bane snarvegen Ctrl-8.

Velg den Ellipse Tool (L), opprette et 5 px sirkel og to 6 px sirkler, plassere dem slik det er vist i det andre bildet og satt sin fyllfarge til R = 96 G = 56 B = 19. Velg disse tre sirklene og gjøre dem til en ny sammensatt bane ved hjelp av den samme Kontroll-8 hurtigtast.

Trinn 5

Velg det to sammensatte baner laget i forrige trinn, og klikk på Minus Front knappen fra Pathfinder-panelet. Velg de resulterende former og gjøre dem om til en ny sammensatt bane (Ctrl-8).

Trinn 6

Hold fokus på din sammensatt bane og plukke Direct Selection Tool (A). Først velger de fire ankerpunktene markert med grønn merknader, fokus på den øverste linjen og skriv 3 px i at Corners boks. Deretter velger de åtte ankerpunktene markert med lilla merknader, gå tilbake til den øverste linjen og denne gangen angi en px i boksen Corners. Til slutt din sammensatt bane skal se ut i det andre bildet.

Funksjonen Levende Corners er bare tilgjengelig for CC brukere. Den beste løsningen for å erstatte denne effekten ville være det runde et hjørne skript som kan finnes i denne artikkelen: 20 gratis og nyttig Adobe Illustrator Scripts. Lagre det på harddisken din, går du tilbake til Illustrator og ta tak i Direct Selection Tool (A). Velg de spisse ankerpunktene og gå til Fil > Scripts > Andre Script. Åpne Round Enhver Corner Script angi verdiene som er nevnt i boksen Corners og klikk på OK. Sluttresultatet kan se litt annerledes. Føl deg fri til å prøve en annen verdi for radius. I noen tilfeller må du øke /redusere verdien nevnt i at Corners boks

Trinn 7

Gå tilbake til hjelpelinjer hver 5 px, så bare gå til Edit >.; Preferanser > Guides & Grid og skriv inn 5
i Uten kraftlinjer hver
boks. Reselect den horisontale banen og sirkelen markert i det første bildet og gå til Objekt > Sti > Outline Stroke. Velg de resulterende figurer sammen med sammensatt bane og 20 px sirkel, og klikk deretter på Unite knappen fra Pathfinder-panelet. Flytt til Lag-panelet og endre navn på denne nyopprettede form " leftRing
".

Trinn 8

Velg den Ellipse Tool (L), opprette en 55 px sirkel, og plasser den som vist i det første bildet. Sørg for at denne nye formen som valgt og fokusere på utseendet panel. Fjerne fargen fra fyll og velg deretter strøk. Satt sin farge til R = 255 G = 166 B = 28 og øke vekten til 6 px. Når du er ferdig, går du til Objekt > Sti > Outline Stroke. Flytt til Lag-panelet og endre navn på denne nyopprettede form " topRing
".

Trinn 9

Velg den Ellipse Tool (L), opprette en 55 px sirkel, og plasser den som vist i det første bildet. Sørg for at denne nye formen som valgt og fokusere på utseendet panel. Fjerne fargen fra fyll og velg deretter strøk. Satt sin farge på R = 255 G = 166 B = 28 og øke vekten til 6 px. Når du er ferdig, går du til Objekt > Sti > Outline Stroke. Flytt til Lag-panelet og endre navn på denne nyopprettede form " bottomRing
".

3. Legg Subtile Høydepunkter

Trinn 1

Bytt til hjelpelinjer hver 1 px, så gå til Rediger > Preferanser > Guides & Grid og skriv inn 1
i Uten kraftlinjer hver
boks.

Sørg for at din " bottomRing
" formen er valgt og lage en kopi i front (Ctrl-C > Kontroll-F). Bruke rektangel Tool (M), opprette et 67 x 1 px form, gjør det svart (R = 0 G = 0 B = 0), og plasser den som vist i det første bildet. Velg dette tynne rektangelet sammen med kopien gjort en liten stund siden, og klikk på Snitt knappen fra Pathfinder-panelet.

Slå den resulterende gruppe figurer i en sammensatt bane (Ctrl-8), sørg for at den forblir valgt, og flytte til Utseende panel. Senk Opacity til 30% og endre Blending Mode til Soft Light.

Trinn 2

Sørg for at din " bottomRing
" formen er valgt og lage en ny kopi i front (Ctrl-C > Kontroll-F). Bruke rektangel Tool (M), opprette et 67 x 1 px form, gjør det hvitt (R = 255 G = 255 B = 255) og plasser den som vist i det første bildet.

Velg dette tynne rektangel sammen med kopien gjort en liten stund siden, og klikk på Snitt knappen fra Pathfinder-panelet. Slå den resulterende gruppe figurer i en sammensatt bane (Ctrl-8), sørg for at den forblir valgt og flytte til Utseende panel. Senk Opacity til 50% og endre Blending Mode til Soft Light.

Trinn 3

Sørg for at din " bottomRing
" formen er valgt og lage en ny kopi i front (Ctrl-C > Kontroll-F). Bruke rektangel Tool (M), opprette et 67 x 1 px hvit form og legg den som vist i det første bildet.

Velg dette tynne rektangelet sammen med kopien gjort en liten stund siden, og klikk på Snitt knappen fra Pathfinder-panelet. Slå den resulterende gruppe figurer i en sammensatt bane (Ctrl-8), sørg for at den forblir valgt og flytte til Utseende panel. Senk Opacity til 25% og endre Blending Mode til Soft Light. Nå velger sammensatt bane gjort i dette trinnet, sammen med de andre to sammensatte baner som er gjort i de to siste trinnene, og bare trykke på hurtigtasten Ctrl-G å gruppere dem.

Flytt til Lag-panelet finner denne nye gruppen og bare endre navnet " subtleSeparator
".

Trinn 4

Duplicate din " subtleSeparator
"gruppe (Ctrl-C > Kontroll-F), velge kopi og plasser den som vist i følgende bilde.

Trinn 5

Igjen, duplisere din " subtleSeparator
" gruppe (Ctrl-C > Kontroll-F), velg kopiere, rotere det 90 grader og legg den som vist i det første bildet. Kopiere denne roterte gruppe (Ctrl-C > Kontroll-F), velge kopi og plasser den som vist i det andre bildet

4.. Legg Shading og høydepunkter for din viktigste Former

Trinn 1

Deaktiver Fest til rutenett (Shift-kontroll-') og deretter gå til Rediger > Preferanser > Generell og sørg for at tastaturet Increment er satt til 1 px.

Sørg for at din " rightRing
" formen er valgt og lage to kopier i front (Ctrl-C > Kontroll-F > Kontroll-F). Velg den øverste kopiere og flytte det en px ned ved hjelp av pil ned på tastaturet. Reselect begge eksemplarene som er gjort i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Sørg for at den resulterende gruppe figurer er valgt og slå den inn i en sammensatt bane (Ctrl-8).

Trinn 2

Sørg for at din " rightRing
" Formen er valgt og gå til Objekt > Sti > Offset Path. Skriv inn en -1 px Offsettrykk, og klikk OK. Pass på at formen resulterende er valgt og lage en kopi i front (Ctrl-C > Kontroll-F). Velg denne kopien og flytte det en px ned. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet.

Slå den resulterende gruppen i en enkel sammensatt bane (Ctrl-8), sørg for at den forblir valgt og fokusere på utseendet panel. Erstatte eksisterende fylle farge med en enkel hvit (R = 255 G = 255 B = 255), senke Opacity til 75% og endre Blending Mode til Overlay.

Trinn 3

Gjør sikker på at " rightRing
" formen er valgt og lage to kopier i front (Ctrl-C > Kontroll-F > Kontroll-F). Velg den øverste kopiere og flytte det en px opp, ved hjelp av pil opp knappen fra tastaturet. Reselect begge eksemplarene som er gjort i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet.

Slå den resulterende gruppe figurer i en enkel sammensatt bane, sørg for at det forblir valgt og fokusere på utseendet panel. Velg fyll og erstatte den eksisterende farge med R = 231 G = 120 B = 17.

Trinn 4

Sørg for at din " rightRing
" formen er valgt og gå til Objekt > Sti > Offset Path. Skriv inn en -1 px Offsettrykk, og klikk OK. Pass på at formen resulterende er valgt og lage en kopi i front (Ctrl-C > Kontroll-F). Velg denne kopiere og flytte det en px opp ved hjelp av pil opp fra tastaturet. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet.

Slå den resulterende gruppen i en enkel sammensatt bane (Ctrl-8), sørg for at den forblir valgt og fokusere på utseendet panel. Erstatte eksisterende fylle farge med en enkel hvit og chnage sin Blending Mode til Soft Light.

Trinn 5

Sørg for at din " rightRing
" formen er valgt og gå å Objekt > Sti > Offset Path. Skriv inn en -1 px Offsettrykk, og klikk OK. Pass på at formen resulterende er valgt og lage en kopi i front (Ctrl-C > Kontroll-F). Velg denne kopien og flytte den to px opp ved hjelp av pil opp fra tastaturet. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet.

Slå den resulterende gruppen i en enkel sammensatt bane (Ctrl-8), sørg for at den forblir valgt og fokusere på utseendet panel. Erstatte eksisterende fylle farge med R = 145 G = 67 B = 25 og endre Blending Mode til Soft Light.

Trinn 6

Sørg for at din " rightRing Anmeldelser "-form forblir valgt, fokus på Utseende panelet, og velg den eksisterende strøk. Satt sin farge til R = 145 G = 67 B = 25, øke vekten til 2 px, justere den til innsiden og deretter senke Opacity til 50% og endre Blending Mode til Soft Light. Sørg for at dette hjerneslag er valgt og kopiere den med Duplicate Selected element. Velg den nylig lagt hjerneslag og slett redusere sin vekt til en px.

Trinn 7

Nå, fokusere på " leftRing
" form og gjenta teknikkene som brukes for " rightRing
" form. Til slutt ting skal se ut i det første bildet.

Flytt til " topRing
" form og gjøre det samme. Når du er ferdig, bør ting se ut i det andre bildet. Til slutt, fokusere på " bottomRing
" form, gjentar de samme teknikkene, og ting vil se ut i det tredje bildet.

Trinn 8

Marker på nytt din " leftRing
" form, fokus på Utseende panelet, og legge til en annen fylling ved hjelp av Legg til ny Fyll knappen. Velg denne nye fyll, erstatte den eksisterende farge med en enkel hvit, endre Blending Mode til Soft Light og deretter gå til Effect > Sti > Offset Path. Skriv inn et -4 px Offset, klikk på OK og gå til Effect > Blur > Gaussian Blur. Skriv inn en 1 px Radius og klikk på OK.

5. Legg en liten Diamond

Trinn 1

Aktiver Fest til rutenett (Control-'). Bruke Ellipse Tool (L), opprette en 10 px sirkel, fyll den med lineær gradient vist nedenfor, og plasser den som vist i følgende bilde.

Trinn 2

Sørg for at din lille sirkelen er valgt og lage to kopier i front (Ctrl-C > Kontroll-F > Kontroll-F). Velg den øverste kopiere og flytte det en px ned. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Pass på at formen resulterer forblir valgt og fokusere på utseendet panel. Erstatte eksisterende fylle farge med R = 145 G = 74 B = 29, senke Opacity til 50% og endre Blending Mode til Soft Light.

Trinn 3

Marker på nytt din lille sirkel og gå til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i følgende bilde, klikker du OK, tilbake til Utseende panelet og velger eksisterende strøk. Satt sin farge på R = 145 G = 74 B = 29, sørg for at vekten er satt til 1 px, justere den til innsiden og deretter senke Opacity til 30% og endre Blending Mode til Soft Light.

Trinn 4

Bruke Ellipse Tool (L), lage en 6 px svart sirkel, plasser den som vist i følgende bilde og gå til Effect > Stilisere > Drop Shadow. Skriv inn attributtene vist i følgende bilde og klikk på OK.

Trinn 5

Bruke Ellipse Tool (L), lage en 6 px rød sirkel og plassere den som vist i følgende bilde. Bytt til Pen Tool (P), opprette en 10 px vertikal bane, og plasser den som vist i det andre bildet. Legg til en hvit strek for denne banen bare, for å gjøre den mer synlig. Sørg for at denne banen forblir valgt og gå til Objekt > Transform > Rotere. Sett Vinkel på 90 grader, og klikk deretter på Kopier-knappen. Dette bør skape en horisontal bane som er vist i det tredje bildet.

Trinn 6

Velg horisontale og vertikale baner sammen med den røde sirkelen og klikk på Divide knappen fra Pathfinder-panelet. Velg de resulterende formene én etter én, og bare erstatte den eksisterende fyllfarge med fargene vist i det andre bildet.

Trinn 7

Bruke Ellipse Tool (L), lage en 6 px sirkel, plasser den som vist i det første bildet og fokus på utseendet panel. Pass på at det ikke er noen farge satt for fyll og velg deretter strøk. Gjør det svart, må du kontrollere at vekten er satt til 1 px, justere den til innsiden og deretter endre Blending Mode til Soft Light. Velg det Ellipse Tool (L), oppretter du en 2 px hvit sirkel, endre Blending Mode til Overlay og plassere den som vist i det andre bildet.

6. Legg Extra Shading og høydepunkter

Trinn 1

Duplicate (Ctrl-C > Kontroll-F) figurene er gjort så langt, velger disse kopiene, og klikk på Unite knappen fra Pathfinder-panelet. Sørg for at denne nye formen forblir valgt, send den til å sikkerhets (Shift-kontroll-[) og deretter fokusere på utseendet panel.

Ta fargen fra fyll og velg deretter strøk. Satt sin farge til R = 231 G = 132 B = 23, sørg for at vekten er satt til 1 px og juster den til utenfor. Flytt til Lag-panelet finner formen gjort i dette trinnet og endre navnet " Shadow
".

Trinn 2

Sørg for at din " Shadow
"form forblir valgt, fokus på Utseende panelet, og legge til en andre strøk med Legg til ny Stroke knappen. Velg denne nye slag, sørg for at vekten er satt til 1 px, justere den til utsiden, endre Blending Mode til Overlay og erstatte deretter den eksisterende farge med lineær gradient vist i følgende bilde. Husk at de gule tall fra Gradient bilde stå for Opacity prosent.

Trinn 3

Marker på nytt din " Shadow
" form, fokus på Utseende panel, gjør sikker på at hele banen er valgt og gå til Effect > Stilisere > Drop Shadow. Skriv inn attributtene som vises i øvre venstre vinduet (i følgende bilde), klikk på OK og deretter legge til de andre fire Drop Shadow effekt vist i følgende bilde.

7. Legg til en Red Ribbon

Trinn 1

Åpne Børster panelet (Vindu > Børster) og klikker på Ny pensel knappen. Sjekk den kalligrafiske Brush boksen og klikk OK. Gi den nye penselen " Red Brush
", skriv alle attributtene vist i følgende bilde, og klikk deretter på OK-knappen. Plukk Brush Tool (B), velg " Red Brush
" fra Børster panel, flytte til artboard og tegne en enkel bane omtrent som vist i følgende bilde. Ikke glem å sette sin farge på R = 237 G = 28 B = 36

Trinn 2

Gå tilbake til hjelpelinjer hver 5 px, så bare gå til Edit >.; Preferanser > Guides & Grid og skriv inn 5
i Uten kraftlinjer hver
boks. Sørg for at din " Shadow
" formen er valgt og lage en kopi i front (Ctrl-C > Kontroll-F). Bruke rektangel Tool (M), lage en 15 x 10 px sort form og legg den som vist i det første bildet. Velg dette rektangelet sammen med kopien gjort i begynnelsen av trinnet, og klikk på Snitt knappen fra Pathfinder-panelet.

Trinn 3

Velg det svart formen gjorde i forrige trinn sammen med røde banen og fokusere på Transparency panelet (Vindu > Transparency). Klikk på Make Mask knappen og da fjernet det lille Clip-boksen. Til slutt ting skal se ut i det andre bildet.

Trinn 4

Sørg for at din " Shadow
" formen er valgt og lage en kopi i front (Ctrl-C > Kontroll-F). Bruke rektangel Tool (M), lage en 15 x 10 px form, satt fyllfargen på R = 57 G = 181 B = 74, og plasser den som vist i det første bildet. Velg denne grønne rektangelet sammen med kopien gjort i begynnelsen av trinnet, og klikk på Snitt knappen fra Pathfinder-panelet.

Deaktiver Fest til rutenett (Control-'), ta tak i Pen Tool (P) og tegne en enkel bane omtrent som vist i tredje bildet. Legg en 1 px grønn strek for denne banen, og sørge for at fyllet er deaktivert.

Trinn 5

Marker på nytt din maskert rød banen og lage en kopi i front (Ctrl-C > Kontroll-F). Velg den og gå til Objekt > Utvid Utseende. Sørg for at den resulterende gruppen er valgt og klikk på Unite knappen fra Pathfinder-panelet.

Trinn 6

Nå velger formen gjorde i forrige trinn sammen med grønn form og grønn bane, fokusere på Pathfinder-panelet, og klikk på Divide knappen. Sørg for at den resulterende gruppen er valgt, og bare trykke Shift-Control-G løse opp det.

Flytt til Lag-panelet og fokus på settet av former og baner som er gjort i dette trinnet. Fjern de bitte små, og velg deretter de tre viktigste formene én etter én, og erstatte den eksisterende fyllfarge med fargene som er angitt i det andre bildet.

Trinn 7

Velg den oransje form som gjør opp bånd og fokus på utseendet panel. Velg fyll, senke Opacity til 20%, og erstatte deretter den eksisterende farge med lineær gradient vist i følgende bilde. Ikke glem at den gule null fra Gradient bildet står for Opacity prosentpoeng, mens den blå tall står for Location prosentandel.

Trinn 8

Velg den grønne form som gjør opp bånd og fokus på utseendet panel. Velg fyll, senke Opacity til 30%, og erstatte deretter den eksisterende fargen med riktig lineær gradient vist i følgende bilde. Legg en annen fylling for denne formen, senke Opacity til 20%, og bruke venstre lineær gradient vist i følgende bilde.

Trinn 9

Velg den blå formen som gjør opp din bånd og fokus på utseendet panel. Velg fyll, senke Opacity til 10%, og erstatte deretter den eksisterende fargen med riktig lineær gradient vist i følgende bilde. Legg en annen fylling for denne formen, senke Opacity til 30%, og bruke venstre lineær gradient vist i følgende bilde.

Step 10

Marker på nytt din maskert banen, fokus på Utseende panel, sørg for at hele banen er valgt, og bare legge de fem Drop Shadow effekt vist i følgende bilde.

Trinn 11

Marker på nytt din maskert banen, lage en kopi i front (Ctrl-C > Kontroll-F) og bringe den til front (Shift-kontroll-]).

Pass på at denne kopien forblir valgt, ta tak i type på en bane Tool og klikk på den valgte banen. Legg inn et stykke tekst, gjør det hvitt og deretter åpne Tegn-panelet (Vindu > type > Character). Velg Ignis et Glacies Extra Sharp Fet skrift og deretter inn resten av attributtene nevnt i følgende bilde.

Gratulerer! Du er ferdig!

Her er hvordan det skal se ut. Jeg håper du har hatt glede av denne opplæringen, og kan bruke disse teknikkene i din fremtidige prosjekter. Anmeldelser