Lag en detaljert konvolutt Illustrasjon i Adobe Illustrator

Create en detaljert konvolutt Illustrasjon i Adobe Illustrator

I de følgende trinnene vil du lære hvordan du kan lage en detaljert konvolutt illustrasjon i Adobe Illustrator. For det første vil du lære hvordan du setter opp et rutenett, og hvordan å skape et mønster og en enkel grafisk stil. Deretter bruker dette mønsteret sammen med noen grunnleggende verktøy og vektorform byggeteknikker vil du lære hvordan du kan lage de essensielle delene av konvolutten. Flytte på, ved hjelp av grunnleggende effekter og tar full nytte av den Utseende panelet vil du lære hvordan du kan legge til skygger, dybde og høydepunkter for den samlede illustrasjon. Til slutt, bruker hovedsakelig Utseende panel og noen grunnleggende maskeringsteknikker vil du lære hvordan du kan lage et stempel og to små pakninger.



1. Opprett et nytt dokument & Oppsett et rutenett

Hit Ctrl + N for å opprette et nytt dokument. Skriv inn 600 i bredde og høyde boksene klikk deretter på knappen Avansert. Velg RG, Screen (72ppi) og sørg for at Align nye objekter være Pixel Grid er merket før du klikker OK.

Aktiver Grid (Vis> Vis rutenett) og Fest til rutenett (Vis> Fest til rutenett). Du trenger et rutenett hver 5px, så bare gå til Edit> Preferences> Guides> Grid, skriv 5 i linjenettet hver boks og en i underinndelinger boksen. 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> Enheter> Generelt. Alle disse alternativene vil øke arbeidshastigheten.

2. Lag et mønster og en grafisk stil

Trinn 1

Velg den rektangelverktøyet (M) og fokus på verktøylinjen. Fjerne fargen fra slaget velg deretter fyll og sette farge på R = 255 G = 222 B = 23. Flytt til Artboard og bare lage en 10 x 40px rektangel, Fest til rutenett skulle lette arbeidet ditt. Sett fyllfarge ved R = 162 G = 179 B = 189, skape et 10 x 15 pikslers rektangel og legg den som vist i det andre bildet og deretter sette fyllfargen på R = 225 G = 176 B = 169, skape ytterligere 10 x 15px rektangel og legg den som vist i det andre bildet. Fokuser på de mindre rektangler og plukke Direct Selection Tool (A). Velg de fire ankerpunktene fremhevet i det andre bildet og enkel dra dem 5PX ned. Igjen, vil Fest til rutenett lette arbeidet ditt. Reselektere den gule rektangel og slett fjerne fargen fra fyllingen. Velg alle tre former og bare dra dem inn i Fargeprøver-panelet (Vindu > fargeprøver) for å lagre dem som et mønster. Når du har din mønster kan du fjerne dem form fra din Artboard.

Trinn 2

Velg den rektangelverktøyet (M), opprette en tilfeldig form, fyll den med svart og senke Opacity til 15%. Sørg for at denne nye formen forblir valgt, åpner Graphic Styles panelet (Vindu > grafisk stil) og klikker på Ny grafisk stil knappen (påpekt av den lille, blå pil). Dobbeltklikk på denne nyfrelste grafisk stil og slett kalle det " svart ". Komme tilbake til artboard og fjerne eksisterende form.

3. Opprett konvolutt

Trinn 1

Bruke rektangelverktøyet (M), opprette en 250 x 160 piksler form, fyll den med lineær gradient vist nedenfor, og gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 10px radius, klikk på OK og gå til Object > Utvid Utseende. Flytt til Lag-panelet (Vindu > Layers), dobbeltklikker du på den eksisterende form og bare nevne det " Hoved
". Velg " Hoved
" og lage en kopi i front (Ctrl + C > Ctrl + F), vil du trenge det senere.
De hvite tall fra Gradient bilde stå for plassering prosent
Trinn 2

Bruke rektangelverktøyet (M), lage en 10 x 160 piksler form, legge til at ". svart
" grafisk stil og plasser den som vist i det første bildet. Kopiere denne tynne rektangel (Ctrl + C > Ctrl + F), velge kopi, dra den til høyre og plassere den som vist i det andre bildet. Velg begge former og treffe Ctrl + 8 (eller gå til Object > sammensatt bane > Lag) for å slå dem i en enkel sammensatt bane. Velg denne sammensatt bane sammen med " Hoved
" kopiere, åpne Pathfinder-panelet (Vindu > Pathfinder) og klikk Snitt knappen. Sørg for at den resulterende gruppe velges og traff Shift + Ctrl + G løse opp det.

Trinn 3

Velg begge svarte figurer, øke sin Opacity til 100% deretter gå til Fargeprøver-panelet og legge til mønsteret.

Trinn 4

Velg " Hoved
", lage en kopi i front (Ctrl + C > Ctrl + F) og bringe den til fronten (Shift + Ctrl +]). Sørg for at denne kopien forblir valgt og fokusere på Utseende panelet (Vindu > Utseende). Fjern som lineær gradient fra fyll og legge en svart strek. Velg det, setter Blending Mode til Soft Light deretter traff den Duplicate Selected Element-knappen (påpekt av den lille, blå pil i følgende bilde) fire ganger. Til slutt bør ha fem slag. Hold fokus på Utseende-panelet velger bunnen slag, gjør det 1pt bred, justere den til inne og senke Opacity til 60%. Gå opp til neste slag, gjør det 2PT bred, justere den til inne og senke Opacity til 30%. Gå opp til neste slag, gjør det 3pt bred, justere den til inne og senke Opacity til 20%. Gå opp til neste slag, gjør det 5PT bred, justere den til inne og senke Opacity til 15%. Til slutt velger toppslag, gjør det 7pt bred, justere den til inne og senke Opacity til 10%.

Trinn 5

Bruke rektangelverktøyet (M), opprette en 270 x 105px form, legge til " Svart
" grafisk stil og plasser den som vist i det første bildet. Fokus på oversiden av denne nye rektangel, plukke Direct Selection Tool (A), velger begge ankerpunkt (uthevet i det første bildet) og trykk Alt + Ctrl + J (eller gå til Object > Sti > gjenomsnitt). Sjekk Både boksen og klikk OK. Dette bør slå rektangelet i en trekant. Reselect " Hoved
" og lage en kopi i front (Ctrl + C > Control + F). Velg det sammen med trekant og klikk Snitt knappen fra Pathfinder-panelet. Velg den resulterende form, øke Opacity til 100% og fylle den med lineær gradient vist i følgende bilde. Flytt til Lag-panelet og navn denne nye formen " bottomFold
".

Trinn 6

Velg " Hoved
" og lage en kopi i front (Ctrl + C > Ctrl + F) og velg " bottomFold
" og gå til Object > Sti > Offset Path. Skriv en 1px Offsettrykk, og klikk på OK. Velg begge former laget i dette trinnet og klikk på Snitt knappen fra Pathfinder-panelet. Fyll den resulterende form med svart, senke Opacity til 50% og endre Blending Mode til Soft Light.

Trinn 7

Velg " Hoved
" og lage en kopi i front (Ctrl + C > Ctrl + F) og velg " bottomFold
" og gå til Object > Sti > Offset Path. Skriv en 3px Offsettrykk, og klikk på OK. Velg begge former laget i dette trinnet og klikk på Snitt knappen fra Pathfinder-panelet. Fyll den resulterende form med svart, senke Opacity til 30% og endre Blending Mode til Soft Light.

Trinn 8

Deaktiver Fest til rutenett (Vis> Fest til rutenett) og deretter gå til Edit> Preferences> Generelt og sørge for at tastaturet Økning er satt til 1px. Velg " bottomFold
" og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1PX opp ved hjelp av pil opp fra tastaturet. Reselect både kopier og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med svart og endre Blending Mode til Soft Light.

Trinn 9

Velg " bottomFold
" og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 2PX opp ved hjelp av pil opp fra tastaturet. Reselect både kopier og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med hvit, senke Opacity til 30% og endre Blending Mode til overlegg.

Step 10

Velg " bottomFold
" og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 3px ned ved hjelp av pil ned på tastaturet. Reselect både kopier og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med hvit, senke Opacity til 60% og endre Blending Mode til Overlay

Trinn 11

Velg ". bottomFold
" og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 4px ned ved hjelp av pil ned på tastaturet. Reselect både kopier og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med svart, senke Opacity til 80% og endre Blending Mode til Soft Light

Trinn 12

reselect ". bottomFold
" sammen med alle figurene brukes til å markere denne siden av konvolutten og slett Gruppe dem (Control + G). Flytt til Lag-panelet, dobbeltklikk på denne nye gruppen og gi den navnet " bottomFold
".

Trinn 13

Aktiver Fest til rutenett (Vis> Fest til rutenett) og velg " hoved~~POS=TRUNC
" og lage en kopi i front (Ctrl + C > Control + F). Bruke rektangelverktøyet (M), opprette en 270 x 105px form, tilsett " Svart
" grafisk stil og plasser den som vist i det andre bildet. Fokus på undersiden av denne nye rektangel, plukke Direct Selection Tool (A), velger begge ankerpunkt (uthevet i det andre bildet) og trykk Alt + Ctrl + J. Kontroller Både boksen og klikk OK. Velg denne nye trekant form og gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 5px radius, klikk på OK og gå til Object > Utvid Utseende. Velg den resulterende formen sammen med " Hoved
" kopiere og klikk Snitt knappen fra Pathfinder-panelet. Fyll den resulterende form med lineær gradient vist i følgende bilde og øke sin Opacity til 100%. Flytt til Lag-panelet og navn denne nye formen " topFold
".

Trinn 14

Velg " Hoved
" og lage en kopi i front (Ctrl + C > Ctrl + F) og velg " topFold
" og gå til Object > Sti > Offset Path. Skriv en 1px Offsettrykk, og klikk på OK. Velg begge former laget i dette trinnet og klikk på Snitt knappen fra Pathfinder-panelet. Fyll den resulterende form med svart, senke Opacity til 50% og endre Blending Mode til Soft Light.

Step 15

Velg " Hoved
" og lage en kopi i front (Ctrl + C > Ctrl + F) og velg " topFold
" og gå til Object > Sti > Offset Path. Skriv en 3px Offsettrykk, og klikk på OK. Velg begge former laget i dette trinnet og klikk på Snitt knappen fra Pathfinder-panelet. Fyll den resulterende form med svart, senke Opacity til 30% og endre Blending Mode til Soft Light.

Trinn 16

Deaktiver Fest til rutenett (View > Fest til rutenett). Velg " topFold
" og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1PX ned ved hjelp av pil ned på tastaturet. Reselect både kopier og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med hvit og endre Blending Mode til Soft Light.

Step 17

Velg " topFold
" og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 3px opp. Reselect både kopier og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med hvit, senke Opacity til 60% og endre Blending Mode til Overlay

Trinn 18

Velg ". topFold
" og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 4px opp. Reselect både kopier og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med svart, senke Opacity til 90% og endre Blending Mode til Soft Light

Trinn 19

reselect ". topFold
" sammen med alle de figurene som brukes til å fremheve denne siden av konvolutten og konsernet dem (Control + G). Flytt til Lag-panelet og navn denne nye gruppen " topFold
".

Trinn 20

Aktiver Fest til rutenett (Vis> Fest til rutenett). Bruke rektangelverktøyet (M), opprette en 200 x 90 piksler form, fyll den med R = 189 G = 189 B = 174 og plasser den som vist i det første bildet. Bytt til Direct Selection Tool (A), fokus på undersiden av denne nye rektangel, velge begge ankerpunkt (uthevet i det første bildet) og trykk Alt + Ctrl + J. Kontroller Både boksen og klikk OK. Flytt til Lag-panelet, dobbeltklikk på denne nye trekant og name it " topFold Shadow
". Velg den, dra den under " topFold
" gruppe deretter fokusere på utseendet panel. Velg fyll, senke Opacity til 75%, endre Blending Mode til Multipliser og gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 10px radius, klikk på OK og gå til Effect > Blur > Gaussian Blur. Skriv inn et 5px radius, og klikk OK.

Step 21

reselect " Hoved
", lage en kopi i front (Ctrl + C > Ctrl + F) og bringe den til fronten (Shift + Ctrl +]). Fokus på denne nye formen, erstatte lineær gradient med R = 165 G = 165 B = 165 og endre Blending Mode til Color Burn. Velg alle former laget så langt og konsernet dem (Control + G). Flytt til Lag-panelet og kalle denne nye gruppen " konvolutt
".

4. Legg en mønstret bakgrunn

Velg den rektangelverktøyet (M), skape en form av størrelsen på artboard (600 x 600px), fyll den med R = 193 G = 212 B = 212 og send den til å sikkerhets ( Shift + Ctrl + [). Sørg for at denne nye formen forblir valgt, fokus på Utseende panel og legge til en annen fylling ved hjelp av Legg til ny Fill-knappen (påpekt av den lille, blå pil i følgende bilde). Velg denne nye fyll og legge radial gradient vist nedenfor. Hold fokus på Utseende panel og legge til en tredje fyll for denne plassen. Du trenger en innebygd mønster for denne nye fyll. Flytt til Fargeprøver-panelet (Vindu > Fargeprøver), åpner fly-out menyen og gå til Open Swatch Library > Patterns > Grunnleggende Grafikk > Grunnleggende Graphics_Textures. Dette skal åpne et nytt vindu med et enkelt sett med innebygd mønster. Sørg for at plassen er valgt, gå tilbake til Utseende panel og velg det tredje fyll. Tilsett " Diamond " mønster, senke Opacity til 60% og endre Blending Mode til overlegg. Flytt til navn lagpanelet denne nye formen " bakgrunnen
" deretter låse den for å være sikker på at du ikke vil uhell velge /flytte den.
gule null fra Gradient bildet står for Opacity prosentandel.
5. Legg Shading og Multipliser Konvolutt

Trinn 1

Velg " konvolutt
" gruppe og gå til Effect > Stylize > Drop Shadow. Skriv inn egenskapene som vises i det venstre vinduet (i følgende bilde), klikk på OK og gå igjen til Effect > Stylize > Drop Shadow. Skriv inn egenskapene som vises i vinduet i midten (i bildet nedenfor) og gå en gang til Effect > Stylize > Drop Shadow. Skriv inn egenskapene som vises i vinduet til høyre (i følgende bilde) og klikk OK

Trinn 2

Sørg for at din ". konvolutt
" gruppen er fortsatt valgt og gå til Effect > Forvrenge & Transform > Transform. Skriv inn egenskapene som vises i det venstre vinduet, klikk på OK og gå igjen til Effect > Forvrenge & Transform > Transform. Skriv inn egenskapene som vises i vinduet til høyre og klikk på OK. Legg merke til hvordan mønsteret ikke endre sin orientering for den roterte konvolutt. For å løse dette problemet må du utvide mønstrede former. Fokus på Lag-panelet, åpne din " konvolutt
" gruppe, velger du både mønstrede former og gå til Object > Utvide. Til slutt ting skal se ut i det tredje bildet. Kom tilbake til Lag-panelet og lås " konvolutt
" gruppe.

6. Lag en enkel Stamp

Trinn 1

Bruke rektangelverktøyet (M), opprette en 25px kvadrat, fyll den med hvit og plasser den som vist nedenfor. Legg en 2PT, rød strek for denne nye formen, velger du den og åpne Strek-panelet (Vindu > Stroke). Sjekk " stiplet linje " boksen deretter inn to i de første dash og gap bokser

Trinn 2

Kontroller at 25px plassen er likevel valgt og gå til Object >.; Sti > Outline Stroke. Velg den resulterende gruppe av former og traff Unite knappen fra Pathfinder-panelet. Fyll den resulterende form med svart og senke Opacity til 5%. Flytt til Lag-panelet, navn denne nye formen " stampShadow
" deretter lage en kopi i front (Ctrl + C > Control + F). Velg det, øke Opacity til 100%, og bytte ut den svarte med lineær gradient vist i følgende bilde. Gå tilbake til Lag-panelet og navn denne nye formen " stempel
".

Trinn 3

Velg " stempel
" forme, fokus på Utseende panel og legge til en annen fylling. Velg det, sette farge på svart, senke Opacity til 40%, endre Blending Mode til Soft Light og gå til Effect > Konverter til figur > Rektangel. Skriv inn egenskapene som vises i følgende bilde og klikk på OK

Trinn 4

Sørg for at din ". stempel
" Formen er fortsatt valgt, fokus på Utseende panel og legge to svarte streker ved hjelp av Legg til ny Stroke knappen (påpekt av den lille, blå pil i følgende bilde). Velg den nederste og gjøre det 1pt bred. Juster den til innsiden, senke Opacity til 40%, endre Blending Mode til Soft Light og gå til Effect > Konverter til figur > Rektangel. Skriv inn egenskapene som vises i følgende bilde og klikk på OK. Flytt til toppen slag, gjør det 1pt bred, justere den til innsiden, senke Opacity til 40%, endre Blending Mode til Soft Light og gå til Effect > Konverter til figur > Rektangel. Skriv inn egenskapene som vises nedenfor og klikk på OK.

Trinn 5

Hold fokus på " stempel
" forme, sørg for at det ikke fyll eller hjerneslag er valgt (i Utseende-panelet) og gå til Effect > Forvrenge & Transform > Gratis Distort. Dra den nederste, venstre forankringspunkt som vist i følgende bilde, klikker du på OK og gå til Effect > Stylize > Drop Shadow. Skriv inn egenskapene som vises nedenfor og klikk på OK.

7. Lag to enkle Seals

Trinn 1

Bruke Ellipse Tool (L), opprette en 35px sirkel, plasser den som vist i følgende bilde, fyll den med ingen, men legger til fire, røde (R = 237 G = 28 B = 36) slag. Fokus på Utseende-panelet velger bunnen slag, gjør det 2PT bred og rett til innsiden. Gå opp til neste slag, gjør det 1pt bred, justere den til inne og gå til Effect > Sti > Offset Path. Skriv inn et -3px Offsettrykk, og klikk på OK. Fortsett med neste slag, gjør det 1pt bred, justere den til inne og gå til Effect > Sti > Offset Path. Skriv inn et -9px Offsettrykk, og klikk på OK. Komme tilbake til Utseende-panelet velger toppslag, gjør det 2PT bred, justere den til inne og gå til Effect > Sti > Offset Path. Skriv inn et -11px Offsettrykk, og klikk på OK. Flytt til Lag-panelet og navn denne lille sirkelen " redSeal
".

Trinn 2

Bruk tekstverktøyet (T), legge til et enkelt stykke tekst som vist i følgende bilde. Sett farge på R = 28 G = 117 B = 188 og bruke " Myriad Pro " font med stilen sett på Fet og størrelsen på 8 pkt.

Trinn 3

Sørg for at din del av teksten er valgt, fokuserer på utseendet panel og legge til en 1pt slag. Velg det, sette farge på R = 28 G = 117 B = 188 og gå til Effect > Konverter til figur > Rektangel. Skriv inn egenskapene som vises i følgende bilde, klikker du på OK og gå til Effect > Stylize > Avrundede hjørner. Skriv en 3px radius, klikk på OK og gå tilbake til Utseende panel. Kontroller at slaget er fortsatt valgt og klikk på Duplicate Velg element. Fokus på denne nye slag, gjør det 2PT brede og åpne eksisterende avrundede hjørner effekt. Øk avstanden til 5PX, klikk på OK og gå til Effect > Sti > Offset Path. Skriv inn et 2.5px Offsettrykk, og klikk på OK. Flytt til Lag-panelet og navn dette stykke tekst " blueSeal
".

Trinn 4

Deaktiver Fest til rutenett (View > Fest til rutenett) . For dette trinnet trenger du " Chalk - Scribble " art pensel. Her er hva du må gjøre hvis du ikke har det inni Børster panel. Åpne fly-out menyen i Børster panelet (Vindu > Børster) og bare gå å åpne Brush Library > Kunstnerisk > Artistic_ChalkCharcoalPencil. Velg " Chalk - Scribble " art pensel, plukke Brush Tool (B) og trekke til enkel bane over dine segl figurer som vist i følgende bilde. Sett farge på disse børstene ved R = 30 G = 30 B = 30

Trinn 5

Åpne Gjennomsiktighet-panelet (Vindu > Transparent).. Velg " redSeal
" sammen med børsten som dekker det, åpner fly-out menyen i Transparency panel og gå til Make Opacity Mask. Kontroller at denne maskerte formen forblir valgt, un-sjekk Clip boksen fra Transparency panel og endre Blending Mode til Soft Light.

Trinn 6

Velg den " blueSeal
" sammen med at kunst pensel, gjenta maskeringsteknikk som brukes for " redSeal
", men setter Blending Mode til Multiply istedenfor Soft Light og senk Opacity til 10%.

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.