Create en Vector kassett Illustrasjon

I det følgende opplæringen vil du lære å lage en kassett illustrasjon. Vi vil bruke vektorform byggeteknikker, samt avansert belysning, vektormasker, graderinger og mer.

Trinn 1

Opprett en 340 av 310px, RGB-dokument . Først slår på Grid (View > Grid) og Fest til rutenett (View > Fest til rutenett). Deretter trenger du et rutenett hver 5px. Gå til Rediger > Preferanser > Guides & Grid, skriv 5 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 figurer. Ikke glem å bytte måleenhet for å piksler fra Rediger > Preferanser > Enhet > General. Alle disse alternativene vil øke arbeidshastigheten.

Trinn 2

Velg den rektangelverktøyet (M), opprette en 275 av 175 piksler form og fylle den med hvilken som helst farge. Jeg fylte den med rød og senket Opacity til 30%, slik at du kan skille gird enklere. Velg denne form og gå til Effect > Stylize > Avrundede hjørner. Skriv en 8px radius, klikk på OK og gå til Object > Utvid Utseende. Velg den resulterende formen og lage en kopi i ryggen (Command + C > Command + B).

Velg denne kopien og gjøre den usynlig ved å klikke på ikonet øyet fra Lag-panelet. Du trenger denne formen for et steg videre. Velg det rektangelverktøyet (M), opprette en 245 etter 110px form og plassere den som vist nedenfor. Velg den og gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 5px radius, klikk OK, og deretter gå til Object > Utvid Utseende.

Trinn 3

Fortsett med rektangel Tool (M), opprette en 235 av 100 piksler form og legg den som vist i følgende bilde. Fest til Grip vil lette arbeidet ditt. Velg denne nye formen og gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 4px radius, klikk OK, og deretter gå til Object > Utvid Utseende.

Velg det rektangelverktøyet (M), opprette en 165 x 50 piksler form og plassere den som vist nedenfor. Igjen velger denne friske form og gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 25px radius, klikk OK, og deretter gå til Object > Utvid Utseende.

Trinn 4

Fortsette å arbeide med rektangel Tool (M). Lag en 65 ved 30px og en 195 45 piksler figurer og plassere dem som vist i følgende bilde.

Trinn 5

Nå, bytte til Ellipse Tool (L). Lag to perfekte sirkler (30 av 30px) og plassere dem som vist i det første bildet. Velg disse to nye figurer og gå til Object > Sti > Offset Path. Skriv inn et 35px Offsettrykk, og klikk på OK. De resulterende figurer skal se ut som det andre bildet. Velg dem og sende dem tilbake (Shift + Kommando + Venstre Bracket tasten).

Trinn 6

Nå, la oss fokusere på bunnen rektangel opprettet i fjerde trinn. Først trenger du et rutenett hver 2.5px. Gå til Rediger > Preferanser > Guides & Grid og skriv 2,5 i linjenettet hver boks. Deretter plukke Direct Selection Tool (A) og fokusere på de beste ankerpunktene. Velg den øverste, venstre forankringspunkt og flytte den 10px til høyre. Nå velger toppen, til høyre forankringspunkt og flytte den 10px til venstre.

Nå, din form bør llok som en trapes. Velg den og gå til Object > Sti > Offset Path. Skriv inn et -2.5px Offsettrykk, og klikk på OK. Velg det Direct Selection Tool (A), velger de nedre ankerpunktene i denne nye formen (uthevet i tredje bildet) og drar dem som vist i fjerde bildet.

Trinn 7

Flytt til toppen rektangel opprettet i fjerde trinn. Velg den og gå til Object > Sti > Offset Path. Skriv inn et 2.5px Offsettrykk, og klikk på OK.

Trinn 8

Nå, la oss lage de mindre komponenter. Først, ved hjelp av Ellipse Tool (L), opprette fire nye figurer (7,5 av 7.5px) og plassere dem i hjørnene. Også ved hjelp av Ellipse Tool (L), opprette tre perfekte sirkler (10 av 10px) og plassere dem som vist i følgende bilde.

Nok en gang, bør Fest til rutenett lette arbeidet ditt. Til slutt, ved hjelp av rektangelverktøyet (M), lage to små firkanter (10 av 10px) og plassere dem slik det er vist nedenfor. Velg begge former og gå til Effect > Stylize > Avrundede hjørner. Skriv en 2 piksler radius, klikk på OK og gå til Object > Utvid Utseende

Trinn 9

Velg den store trapes form og avrundet rektangel valgt i det første bildet, og deretter kopiere dem (Command + C > Command + F).. Velg disse kopiene sammen med den største avrundet rektangel og klikk på Minus Front knappen fra Pathfinder-panelet. Den resulterende formen skal se ut som den fjerde bildet er vist nedenfor. Fyll den med en enkel hvit, slik at du kan skille det lettere fra resten av figurene

Trinn 10

Dupliser avrundet rektangel valgt i det første bildet (Command + C >. Command + F). Velg denne kopien sammen med den største avrundet rektangel og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 147, G = 149, og B = 152

Trinn 11

Velg den formen som er valgt i det første bildet og gå til Object >.; Sti > Offset Path. Skriv inn et 5px Offsettrykk, og klikk på OK. Velg den resulterende formen sammen med den største avrundet rektangel og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med hvitt.

Trinn 12

Dupliser den lille, topp rektangel og to sirkler. Velg disse kopiene sammen med resten av avrundet rektangel og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med hvitt.

Trinn 13

Velg de to øverste rektangler og klikk på Minus Front knappen fra Pathfinder-panelet. Den resulterende formen skal se ut som det andre bildet nedenfor. Fyll den med R = 147, G = 149, B = 152.

Trinn 14

Nå må du dele formen opprettet i forrige trinn. Plukk Pen Tool (P) og lage de fire horisontale baner vist i følgende bilde. Nok en gang vil Fest til rutenett lette arbeidet ditt. Velg disse fire baner sammen med formen laget i forrige trinn, og klikk på Divide knappen fra Pathfinder-panelet. Du vil få en gruppe av fire nye former. Fyll dem med fargene som vises i den tredje bilde

Trinn 15

Velg den minste trapesform og kopiere det (Command + C > Command + F).. Velg denne kopien sammen med den største trapesformet form og klikk på Minus Front knappen fra Pathfinder-panelet. Den resulterende formen skal se ut som det tredje bildet som vises.

Trinn 16

Igjen, må du dele formen opprettet i forrige trinn. Deaktiver Fest til rutenett, aktiverer Smart Guides (Kommando + U), og deretter opprette de to horisontale baner vist i det første bildet. Velg disse små stier sammen med formen laget i forrige trinn, og klikk på Divide knappen fra Pathfinder-panelet. Du vil få en gruppe med tre figurer. Fyll dem med fargene som vises i den tredje bilde

Trinn 17

Gå til Rediger >.; Preferanser > Generelt og skriv 0.5px i Tastatur verdiboksen. Nå, la oss fokusere på de små sirkler og avrundede rektangler fra bunnen av illustrasjonen. Først velger du en av disse figurene og lage to kopier (Command + C > Command + F > Command + F).

Velg den øverste kopien og traff pil opp tre ganger. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 40, G = 40, B = 40. Gjenta de samme teknikkene for de resterende fire figurer. Til slutt bør det se ut som det tredje bildet som vises.

Trinn 18

Velg den lille sirkelen og de avrundede rektangler, sammen med de gjenværende trapesform, klikk deretter på minus Front knapp fra Pathfinder-panelet. Fyll den resulterende form med R = 147, G = 149, B = 152. Nå illustrasjon skal se ut som det tredje bildet.

Trinn 19

La oss nå lage rullet tape inni kassetten. Fokuser på de to sirklene er vist nedenfor. Først duplisere dem. Velg disse kopiene og klikk på Minus foran fra Pathfinder-panelet. Fyll den resulterende form med R = 38, G = 17, B = 10 og bringe den til Front (Shift + Kommando + Høyre Bracket nøkkel).

Trinn 20

Velg de to kopiene laget i forrige trinn, og bringe dem til Front (Shift + Kommando + Høyre Bracket nøkkel). Fyll dem begge med ingen og legge en 0.2pt slag (R = 87, G = 56, B = 43). Velg disse to veiene og gå til Object > Blend > Gjør

Deretter går du Object >.; Blend > Blend Valg, velger Spesifiserte Steps fra rullegardinmenyen, skriv inn 50 i boksen og klikk OK. Nå skal det se ut som det andre bildet. Velg denne blandingen sammen med formen skape i forrige trinn, og sende den tilbake (Shift + Kommando + Venstre Bracket tasten).

Trinn 21

Aktiver Fest til rutenett da, bruker Ellipse verktøyet (L) for å opprette en ny perfekt sirkel, som vist i det første bildet. Kopiere det (Command + C > Command + F) deaktiver deretter Fest til rutenett. Velg kopien og traff pil opp tre ganger. Reselect både sirkler og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 25, G = 25, B = 25.

Trinn 22

Aktiver Fest til rutenett og skape en ny form som en fra forrige trinn. Send det til Back (Shift + Kommando + Venstre Bracket nøkkel), fyll den med ingen og legge en 6pt slag. Sett farge på R = 46, G = 47, B = 43. Nå åpner Strek-panelet. Kontroller at slaget er justert til sentrum, så sjekk den stiplede linjen boksen. Skriv 4pt i dashbordet boksen og 9.5pt i gapet boksen.

Nå hjerneslag bør se ut i det første bildet. Reselect det og gå til Object > Utvide. Velg den resulterende banen og gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 0.5px radius, klikk på OK og gå til Object > Utvid Utseende.

Trinn 23

Gjenta de samme teknikkene for venstre rullet tape. Eller rett og slett kopiere figurene er laget i de fire siste trinnene og flytte kopiene til venstre.

Trinn 24

Deaktiver Fest til rutenett og Smart Guides, deretter slå på synlighet for den form som er dannet i det andre trinn. Fyll den med hvit, Bring det til Front (Shift + Kommando + Høyre Bracket nøkkel), deretter lage to kopier (Command + C > Command + F > Command + F). Velg den øverste kopien og traff pil ned tre ganger. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 188, G = 190, B = 192

Lag to nye kopier av denne store, hvite form (Command + C > Command + F > Command + F).. Velg kopien og traff pil ned to ganger. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 59, G = 59, B = 59 og bringe den til Front (Shift + Kommando + Høyre Bracket nøkkel).

Trinn 25

Velg det store hvite formen , fjerne fyllfarge og legge til en 0.8pt, justert til utenfor hjerneslag (R = 46, G = 47, B = 43).

Trinn 26

Velg den hvite formen gjort i niende trinn. Først erstatte den hvite med den lineære gradienten vist nedenfor. Den hvite tall fra gradienten bildet står for plassering prosentandel. Reselect denne veien, åpner fly-out menyen i Utseende-panelet og klikk på Legg til ny Fill.

Dette vil legge til en annen fylling for formen. Gjør det svart, senke Opacity til 10%, endre blending mode til Multipliser, så gå til Effect > Kunstnerisk > Film Grain. Oppgi dataene nedenfor og klikk på OK.

Trinn 27

Flytt til trapes form. Først erstatte spennende fyllfarge med lineær gradient vist nedenfor, deretter legge til en annen fylling. Gjør det svart, senke Opacity til 3%, endre blending mode til Multipliser, så gå til Effect > Kunstnerisk > Film Grain. Oppgi dataene nedenfor og klikk på OK.

Trinn 28

Bruk rektangelverktøyet (M) for å lage en 190 med 2 piksler form, og plasser den som vist i det første bildet. Fyll den med R = 59, G = 59, B = 59 og legge til en 0,25, justert til inne hjerneslag. Nå gå til Effect > Forvrenge & Transform > Transform. Skriv inn 10 i boksen eksemplarer, drar Move-Vertical glidebryteren til 4 piksler og klikk OK. Nå arbeidet ditt skal se ut som det første bildet nedenfor.

Dupliser trapesform redigeres i forrige trinn. Ta denne kopien til Front (Shift + Kommando + Høyre Bracket-tasten) og fyll den bare med hvitt. Velg denne hvite formen sammen med den tynne, multiplisert rektangel og gå til Transparency panel. Åpne fly-out menyen og klikk på Make Opacity Mask. Nå skal det se ut som det tredje bildet som vises

Trinn 29

Velg det trapesform og lage to nye kopier (Command + C > Command + F > Command + F).. Velg den øverste kopien og traff pil ned én gang. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende gruppe figurer med R = 167, G = 169, B = 172 og bringe den til Front (Shift + Kommando + Høyre Bracket nøkkel).

Trinn 30

Velg den grå forme laget i det tiende trinnet. Først erstatte den eksisterende fylle farge med R = 59, G = 59, B = 59, deretter legge til en annen fylling. Gjør det svart, senke Opacity til 10%, endre blending mode til Multipliser, så gå til Effect > Kunstnerisk > Film Grain. Oppgi dataene nedenfor og klikk på OK.

Deretter legger du et første slag. Gjør det 1.3pt bred, justere den til utsiden og sette farge på R = 46, G = 47, B = 43. Åpne fly-out menyen i Utseende-panelet og klikk på Legg til ny Stroke. Dette vil legge til en ekstra slag for formen. Gjør det 0.3pt bred, justere den til utsiden og sette farge på R = 147, G = 149, B = 152.

Trinn 31

Velg den hvite formen gjort i ellevte trinn . Først erstatte den eksisterende fyllfarge med en lineær gradient vist nedenfor, deretter legge til en annen fylling. Nå trenger du et fint mønster for denne nye fyll. Gå til Skår panel, åpne fly-out menyen og gå til Open Swatch Library > Pattern > Grunnleggende Grafikk > Grunnleggende Graphics_Textures.

Dette vil åpne et nytt vindu med noen fine mønstre. Velg det andre fyllet fra formen. Senke Opacity til 20%, og deretter bruke Diamond mønster. Deretter legger du et første slag. Gjør det 0.75pt bred, justere den til inne og sette farge på R = 167, G = 169, B = 172. Legg et andre strøk for formen. Gjør det 0.25pt bred, justere den til inne og sette farge på R = 255, G = 255, B = 255.

Trinn 32

Velg den grå form laget i tolvte trinnet . Først erstatte den eksisterende fylle farge med R = 85, G = 85, B = 85. Nå kan du legge en annen fylling. Gjør det svart, senke Opacity til 10%, endre blending mode til Multipliser, så gå til Effect > Kunstnerisk > Film Grain.

Legg inn dataene nedenfor og klikk deretter på OK. Deretter legger du et første slag. Gjør det 1pt bred, justere den til utsiden og sette farge på R = 46, G = 47, B = 43. Åpne fly-out menyen i Utseende panel og legge til en andre strøk for formen. Gjør det 0.5pt bred, justere den til utsiden og sette farge på R = 128, G = 130, B = 133.

Trinn 33

For dette trinnet trenger du et rutenett hver 5px. Først aktiverer du Fest til rutenett, så gå til Rediger > Preferanser > Guides & Rister og skriv 5 i linjenettet Hver boks. Duplicate formen opprettet i niende trinn, deretter plukke den Ellipse Tool (L), opprette en 365 ved 110px form og legg den som vist i det første bildet.

Velg denne nye formen sammen med ny kopi og klikk på Snitt knappen fra Pathfinder-panelet. Fylle den resulterende form med lineær gradient vist i den tredje bilde og senke Opacity til 10%. Den gule tall fra gradienten bildet står for Opacity prosentandel.

Trinn 34

Duplicate formen laget i tolvte trinn, deretter plukke Ellipse Tool (L) og lage en presset form som en fra forrige trinn. Velg denne nye formen, sammen med ny kopi, og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll den resulterende form med lineær gradient vist i den tredje bilde og senke Opacity til 10%.

Trinn 35

La oss nå fokusere på de små sirkler plassert i hjørnene. Velg en av disse formene og fylle den med R = 70, G = 70, B = 70. Legg en annen fylling for denne formen, setter sin farge på R = 30, G = 30, B = 30. Nå gå til Effect > Forvrenge & Transform > Transform. Oppgi dataene nedenfor, klikk OK, og deretter gå til Effect > Forvrenge & Transform > Pucker & Bloat.

Dra glideren på -50%, klikk på OK og deretter legge til en enkel strek for disse figurene. Gjør det 1pt bred, justere den til utsiden og sette farge på R = 45, G = 45, B = 45. Gjenta de samme teknikkene for de andre tre sirkler eller, hold Alt, klikk på målet ikonet (den lille mørke prikken til høyre) og dra det til målet ikoner som står for de tre andre figurer.

Trinn 36

Velg alle figurene laget så langt (bortsett fra den maskerte form) og kopiere dem (Command + C > Command + F). Velg alle disse kopiene og klikk på Unite knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 117, G = 117, B = 117. Send det til Back (Shift + Kommando + Venstre Bracket-tasten) og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK.

Trinn 37

Velg den Ellipse Tool og skape et 265 av 10px form. Fyll den med R = 46, G = 47, B = 43 og plasser den som vist i følgende bilde, så send det til Back (Shift + Kommando + Venstre Bracket-tasten) og gå til Effect > Blur > Gaussian Blur. Skriv inn et 6PX radius, og klikk OK.

Trinn 38

Til slutt, la oss legge noen bånd utenfor kassetten. Først åpner Børster panelet (Vindu > Børster) og deaktivere Fest til rutenett. Deretter velger du 5PT. Flat pensel og trekke en tilfeldig bane. Sett farge på R = 94, G = 56, B = 35 og deretter gå til Object > Utvid Utseende. Velg de resulterende former og klikk på Unite knappen fra Pathfinder-panelet.

Trinn 39

Deretter må du dele den formen laget i forrige trinn, slik at du kan legge til en mer realistisk effekt for dette båndet. Aktiver Smart Guides og deretter bruke Pen Tool til å legge noen enkle baner som vist i det første bildet. Legge dem i det område hvor båndet bøyes. Velg alle disse banene sammen med den generelle bånd form og klikk på Divide knappen fra Pathfinder-panelet.

Trinn 40

Nå vil vi legge til noen skygger for de resulterende former. Opprett lineær gradient vist i det første bildet og lagre den i din fargekartpanelet. Nå legger en eller flere fyllinger for de fleste av stiene opprettet i forrige trinn, og bruke denne nye gradient. Du må bruke den i svingen området (inne i svingen) for å legge til en fin skyggeeffekt for svingen. Lagre gradient vist i det andre bildet og deretter bruke den som vist i følgende bilde. Denne gradienten bør også brukes i svingen området, men utenfor.

Trinn 41

Lagre gradient vist i det første bildet og bruke det som vist i det første bildet. Denne tredje gradient må brukes et sted i midten av dine figurer til å legge til en fin glød effekt for båndet. Til slutt lagrer gradienten vist i det andre bildet og bruke det som er vist.

Trinn 42

Velg alle tape komponenter og gruppere dem (Kommando + G). Velg denne friske gruppen, gå til Effect > Stylize > Drop Shadow, skriv dataene nedenfor og klikk på OK.

Step 43

For bakgrunn bruke et enkelt rektangel og fyll den med lineær gradient vist nedenfor.

Konklusjon

Det siste bildet er nedenfor.