Lag en Stack av Trekasser i Adobe Illustration

Create en bunke Trekasser i Adobe Illustrasjon

I de følgende trinnene vil du lære å lage piksel perfekte former ved hjelp av rutenettet, grunnleggende vektor form byggeteknikk og Pathfinder alternativer, hvordan for å lagre og bruke grafikkstiler eller gradienter, hvordan du kan dra full nytte av Utseende panelet eller Transform effekt, hvordan du legger subtile teksturer ved hjelp av rastereffekter og maskeringsteknikker, hvordan å legge til skygger og høylys ved hjelp av grunnleggende blandingsteknikker, hvordan du smart organisere figurer og baner og hvordan du enkelt kan endre farge og formere den endelige illustrasjonen.



1. Opprett et nytt dokument og oppsett et rutenett

Hit Ctrl + N for å opprette et nytt dokument. Velg Pixels fra Units rullegardinmenyen, skriv 600 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.

Aktiver Grid (View > Vis rutenett) og Fest til rutenett (View > Fest til rutenett). For det første trenger du et rutenett hver 5px, så bare gå til Rediger > Preferanser > 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 dine figurer. Ikke glem å sette måleenheten til piksler fra Rediger > Preferanser > Units > General. Alle disse alternativene vil øke arbeidshastigheten.

2. Lag venstre side av seksten

Trinn 1

Velg rektangel Tool (M) og fokus på verktøylinjen. Fjerne fargen fra hjerneslag velg deretter fyll og satt sin farge på R = 237 G = 28 B = 36. Flytt til din Artboard og bare lage en 45 x 40px rektangel. Fokus på venstre side av denne lille rektangel og plukke Direct Selection Tool (A). Velg begge ankerpunkt og bare dra dem 20px opp. Fest til rutenett skal lette arbeidet ditt. Sørg for at din rød formen er fortsatt valgt, legger en 5PT slag, sette farge på R = 39 G = 170 B = 225 og justere den til innsiden. Når du er ferdig går du til Objekt > Utvid Utseende

Trinn 2

Flytt til Lag-panelet (Vindu > Layers)., Velger du gruppen gjorde i forrige trinn og trykke Shift + Ctrl + G to ganger løse opp det. Til slutt bør du ha to enkle figurer. Velg den blå og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien sammen med den røde form, åpner Pathfinder-panelet (Vindu > Pathfinder) og klikk på Minus Front-knappen. Velg resulterende formen og fyll den med R = 166 G = 102 B = 65. Gå tilbake til Lag-panelet, dobbeltklikk på denne brune formen og slett kalle det " leftSideInside
".

Trinn 3

Bruke Pen Tool (P) opprette en 45px, vertikal bane og plasser den som vist i det første bildet. Sørg for at denne nye banen forblir valgt og fokusere på Utseende panelet (Vindu > Utseende). Først av alt, sørg for at det ikke er noen farge satt for fyll. Deretter legger en 1pt slag, merker du den, sette farge på R = 186 G = 122 B = 85 og gå til Effect > Forvrenge & Transform > Transform. Fokus på Move delen, dra den horisontale glidebryteren på -0.5px og klikk på OK.

Returner Utseende panel og legge til en andre strøk for din vei ved hjelp av Legg til ny Stroke knappen (påpekt av den lille, blå pil i følgende bilde). Velg denne nye slag, sørg for at vekten er satt til 1pt, sette farge på R = 146 G = 82 B = 45 og gå til Effect > Effekt > Forvrenge & Transform > Transform. Igjen, fokus på Move-delen, denne gangen dra den horisontale glidebryteren på 0.5px og klikk på OK.

Få tilbake til Utseende panelet velger hele banen (bare klikk på " Bane
" stykke tekst fra toppen av Utseende panel) og gå til Effect > Forvrenge & Transform > Transform. Skriv inn attributtene vist i følgende bilde og klikk på OK. Til slutt ting skal se ut i det andre bildet. Sørg for at din vertikal bane er valgt, åpner Graphic Styles panelet (Vindu > Grafikk Styles) og traff New Graphics stil knappen (påpekt av den lille, grønne pilen i følgende bilde).

Når du kan se den nye grafiske stilen inne i Graphic Styles panelet bare gå til Objekt > Utvid Utseende. Komme tilbake til Graphic Styles panelet, dobbeltklikk på den nylig reddet grafikk stil og gi den navnet " Grafikk stil 1
". Vi vil bruke dette senere.

Trinn 4

Deretter må du maskere gruppen av vertikale baner laget i forrige trinn. Åpne Transparency panelet (Vindu > Transparency). Velg " leftSideInside
" form, lage en kopi i front (Ctrl + C > Ctrl + F), fyll den med hvit og bringe den til front (Shift + Ctrl +]). Velg denne hvite formen sammen med gruppen av vertikale baner, åpner fly-out menyen i Transparency panel og gå til Lag Opacity Mask. Til slutt ting skal se ut i det fjerde bildet.

Trinn 5

Velg " leftSideInside
" form, lage en kopi i front (Ctrl + C > Ctrl + F) og og bringe den til front (Shift + Ctrl +]). Velg denne kopien og fokus på utseendet panel. Velg eksisterende fyll, erstatte den brun med svart, senke Opacity til 7%, endre Blending Mode til Multipliser og gå til Effect > Sti > Offset Path. Skriv inn et -1px Offset, klikk på OK og gå til Effect > Sketch > Graphic Pen. Tast egenskapene som vises i følgende bilde og klikk på OK. Flytt til Graphic Styles panelet, sørg for at den sorte formen er fortsatt valgt og lagre en ny grafikkstil. Name it " Grafikk Style 2
".

Trinn 6

Deaktiver Fest til rutenett (Vis> Fest til rutenett) og deretter gå til Rediger> Innstillinger> Generelt og sørge for at tastaturet Increment er satt til 1px. Velg " leftSideInside
" form, lage en kopi i front (Ctrl + C > Ctrl + F) og og bringe den til front (Shift + Ctrl +]). Sørg for at denne kopien er valgt og lage en ny kopi i front (Ctrl + C > Control + F). Velg denne andre kopiere og flytte den 2PX opp og 2PX til høyre ved hjelp av piltastene på tastaturet. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 146 G = 82 B = 45.

Trinn 7

Pass på at formen gjorde i forrige trinn er fortsatt valgt og lage to kopier i front (kontroll + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1px opp og 1px til høyre. Reselect begge eksemplarene og klikk Snitt knappen fra Pathfinder-panelet. Fyll den resulterende formen med svart, senke Opacity til 30% og endre Blending Mode til Soft Light. Flytt til Graphic Styles panelet, sørg for at dette tynne, sorte formen er fortsatt valgt og lagre en ny grafikkstil. Name it " Grafikk Style 3
".

Trinn 8

Velg " leftSideInside
" form, lage en kopi i front (Ctrl + C > Ctrl + F) og bringe den til front (Shift + Ctrl +]). Velg denne kopien og fokus på utseendet panel. Velg den eksisterende fylle, sette Blending Mode til Soft Light, åpne Gradient panelet (Vindu > Gradient) og klikker på gradient miniatyr å legge standard svart til hvitt lineær gradient.

Hold fokus på din Gradient panelet velger Radial fra Type nedtrekksmenyen deretter flytte til graderingsfarger. Velg riktig glidebryteren og sette farge på R = 0 G = 0 B = 0 velger deretter venstre skyveknapp, sette farge på R = 166 G = 102 B = 65 og senke Opacity til 0%. Sørg for at denne fill forblir valgt, ta tak i Gradient Tool (G), fokusere på Artboard og strekke det gradient som vist i følgende bilde. Du trenger denne radial gradient igjen, så det ville være en god idé å spare. Her er hvordan du enkelt kan gjøre det.

Kom tilbake til Gradient panelet klikker du på at gradient thumbnail og bare dra inne Fargeprøver-panelet (Vindu > Skår). Hold fokus på Fargeprøver-panelet, dobbeltklikk på denne nyfrelste gradient og gi den navnet " Gradient en
"

Trinn 9

Fokus på Lag-panelet, dobbel klikk på blå form og bare nevne det " leftSideFrame
". Bytt ut den blå med lineær gradient vist i følgende bilde deretter lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1px ned og 1px til venstre. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll de resulterende former med hvite, grip Slett Anchor Point Tool (-) og bare fjerne de fire ankerpunktene markert i tredje bildet ved å klikke på dem. Du vil trenge igjen at gradient brukes i begynnelsen av trinn, så lagre det inni din fargekartpanelet og gi den navnet " Gradient 2
".

Trinn 10

Velg det to tynne, hvite former og treffe Ctrl + 8 (eller gå til Objekt > Compound Sti > Gjør) for å slå dem i en enkel sammensatt bane. Velg denne nye forbindelsen banen, senke Opacity til 50% og endre Blending Mode til Soft Light. Flytt til Graphic Styles panelet, sørg for at denne hvite sammensatt bane er fortsatt valgt og lagre en ny grafisk stil. Name it " Grafisk Style 4
".

Trinn 11

Marker på nytt din " leftSideFrame
" og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1px opp og 1px til høyre. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll de resulterende former med svart, grip Slett Anchor Point Tool (-) og bare fjerne de to ankerpunktene markert i tredje bildet.

Trinn 12

Marker på nytt både tynne, svarte figurer og gjøre dem om til en enkel sammensatt bane (CTR + 8 eller gå til Objekt > Compound Sti > Lag). Velg denne nye forbindelsen banen, senke Opacity til 30% og endre Blending Mode til Soft Light. Flytt til Graphic Styles panelet, sørg for at denne svarte sammensatt bane er fortsatt valgt og lagre en ny grafikkstil. Name it " Grafikk stil 5
".

Trinn 13

Marker på nytt din " leftSideFrame
" form, 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, sette farge på svart, senke Opacity til 7%, endre Blending Mode til Multipliser og gå til Effect > Sketch > Graphic Pen. Tast egenskapene som vises i følgende bilde og klikk på OK.

Nå, ta en nærmere titt på denne formen, og du vil legge merke til at kantene er litt kornete. Det er all grunn av at Graphics Pen effekt. Vi vil ta vare på dette problemet ved hjelp av en enkel opacity maske. Duplisere din " leftSideFrame
" forme (Ctrl + C > Ctrl + F), velge kopi og gå tilbake til Utseende panel. Fjern den svarte fylle velg deretter de rester fylle og erstatte den eksisterende lineær gradient med en flat hvit. Velg denne hvite formen sammen med det opprinnelige " leftSideFrame
", åpne fly-out menyen i Transparency panel og gå til Lag Opacity Mask. Har en ny titt på kantene av dette maskert form og pixelated kantene skal være borte.

Trinn 14

Aktiver Fest til rutenett (Vis> Fest til rutenett). Bruke rektangel Tool (M), opprette en ny 45 x 40px form, fyll den med hvit og plasser den som vist i det første bildet. Fokus på venstre side av denne nye rektangel og plukke Direct Selection Tool (A). Velg begge ankerpunkt og bare dra dem 20px opp. Fest til rutenett skal lette arbeidet ditt. Sørg for at din hvite formen er valgt, senke Opacity til 40% og endre Blending Mode til overlegg. Velg alle former laget så langt og konsernet dem (Ctrl + G). Flytt til Lag-panelet, dobbeltklikk på denne nye gruppen og bare nevne det " leftside
".

3. Skape den rette side av seksten

Trinn 1

Bruk rektangel Tool (M), lage en 45 x 40px rektangel, satt fyllfargen på R = 237 G = 28 B = 36 og plasser den slik som vist i det første bildet. Fokus på høyre side av denne nye rektangel og plukke Direct Selection Tool (A). Velg begge ankerpunkt og bare dra dem 20px opp. Sørg for at din rød formen er fortsatt valgt, legger en 5PT slag, sette farge på R = 39 G = 170 B = 225 og justere den til innsiden. Når du er ferdig går du til Objekt > Utvid Utseende

Trinn 2

Flytt til Lag-panelet (Vindu > Layers). Velg gruppen med de røde og blå former og opp gruppe det (Shift + Ctrl + G to ganger). Velg den resulterende blå formen og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien sammen med den røde formen og klikk på Minus Front knappen fra Pathfinder-panelet. Marker figuren resulterende og erstatte den røde med R = 166 G = 102 B = 65. Gå tilbake til Lag-panelet, dobbeltklikk på denne brune formen og slett kalle det " rightSideInside
".

Trinn 3

Bruke Pen Tool (P), skape en 45px, vertikal bane og plasser den som vist i det første bildet. Velg denne nye banen og bare legge den " Grafikk stil 1
" fra Graphic Styles panelet. Sørg for at din vertikal bane forblir valgt, fokus på Utseende panel og åpne bunnen Transform effekt. Fokus på Move delen og dra den horisontale glide fra -5px til 5PX. Til slutt ting skal se ut i det andre bildet. Når du er ferdig, må du kontrollere at banen er fortsatt valgt og gå til Objekt > Utvid Utseende.

Trinn 4

Velg " rightSideInside
" form, lage en kopi i front (Ctrl + C > Ctrl + F), fyll den med hvit og bringe den til front (Shift + Ctrl +]). Velg denne hvite formen sammen med gruppen av vertikale baner og bare maskere det ved hjelp av Make Opacity Mask alternativ fra fly-out menyen i Transparency panel

Trinn 5

Velg ". leftSideInside
" form, lage en kopi i front (Ctrl + C > Ctrl + F) og og bringe den til front (Shift + Ctrl +]). Velg denne kopien og legge til " Grafisk Style 2
" fra din Grafikk Styles panelet

Trinn 6

Deaktiver Fest til rutenett (View > Fest til rutenett).. Reselect din " rightSideInside
" form, lage en kopi i front (Ctrl + C > Ctrl + F) og og bringe den til front (Shift + Ctrl +]). Sørg for at denne kopien er valgt og lage en ny kopi i front (Ctrl + C > Control + F). Velg denne andre kopiere og flytte den 2PX opp og 2PX til venstre. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 146 G = 82 B = 45.

Trinn 7

Pass på at formen gjorde i forrige trinn er fortsatt valgt og lage to kopier i front (kontroll + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1px opp og 1px til venstre. Reselect begge eksemplarene og klikk Snitt knappen fra Pathfinder-panelet. Velg resulterende formen og bare legge den " Grafisk Style 3
" fra Graphic Styles panelet

Trinn 8

Marker på nytt din ". rightSideInside
" form, lage en kopi i front (Ctrl + C > Ctrl + F) og bringe den til front (Shift + Ctrl +]). Velg denne kopien, endre Blending Mode til Soft Light og legge til " Gradient en
" som vist i det andre bildet.

Trinn 9

Fokus på Lag-panelet, dobbeltklikk på den blå formen og slett kalle det " rightSideFrame
". Bytt ut den blå med " Gradient 2
" (som vist på bildet nedenfor) og deretter lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1px ned og 1px til høyre. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll de resulterende former med hvite, grip Slett Anchor Point Tool (-) og bare fjerne de fire ankerpunktene markert i tredje bildet.

Trinn 10

Velg det to tynne, hvite former og gjøre dem om til en sammensatt bane (Ctrl + 8 eller gå til Objekt > sammensatt bane). Velg denne nye sammensatt bane og bare legge den " Grafisk Style 4
" . fra Graphic Styles panelet

Step 11

Marker på nytt din " rightSideFrame
" og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1px opp og 1px til venstre. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll de resulterende former med svart, grip Slett Anchor Point Tool (-) og bare fjerne de to ankerpunktene markert i tredje bildet.

Trinn 12

Velg det to tynne, svarte figurer og gjøre dem om til en sammensatt bane (Ctrl + 8 eller gå til Objekt > sammensatt bane). Velg denne nye sammensatt bane og bare legge den " Grafisk stil 5
" . fra Graphic Styles panelet

Step 13

Marker på nytt din " leftSideFrame
" form, fokus på Utseende panel og legge til en annen fylling bruker det samme Legg New Fill-knappen. Velg denne nye fyll, sette farge på svart, senke Opacity til 7%, endre Blending Mode til Multipliser og gå til Effect > Sketch > Graphic Pen. Tast egenskapene som vises i følgende bilde og klikk på OK.

Igjen må du maskere denne form for å bli kvitt de pixelated kanter. Duplisere din " rightSideFrame
" forme (Ctrl + C > Ctrl + F) og fyll kopien bare med hvitt. Velg denne hvite formen sammen med det opprinnelige " rightSideFrame
", åpne fly-out menyen i Transparency panel og gå til Lag Opacity Mask.

Trinn 14

Aktiver Fest til rutenett (View > Fest til rutenett). Bruke rektangel Tool (M), opprette en ny 45 x 40px form, fyll den med svart og plasser den som vist i det første bildet. Fokus på høyre side av denne nye rektangel og plukke Direct Selection Tool (A). Velg begge ankerpunkt og bare dra dem 20px opp. Sørg for at denne svarte formen er valgt, senke Opacity til 30% og endre Blending Mode til overlegg. Velg alle figurene som utgjør høyre side av boksen og konsernet dem (Ctrl + G). Flytt til Lag-panelet, dobbeltklikk på denne nye gruppen og kaller det " right
".

4. Lag Cap merket

Trinn 1

Velg rektangel Tool (M) og lage en 90 x 40px rektangel. Fylle denne nye formen med R = 237 G = 28 B = 36, legg den som vist i det første bildet og gå til Objekt > Sti > Legg ankerpunkt. Hold fokus på denne røde form, bytte til Delete Anchor Point Tool (-) og bare fjerne de fire hjørneankerpunktene (uthevet i det andre bildet). Sørg for at din rød formen er valgt, legger en 5PT slag, sette farge på R = 39 G = 170 B = 225 og justere den til innsiden. Når du er ferdig går du til Objekt > Utvid Utseende

Trinn 2

Flytt til Lag-panelet (Vindu > Layers). Velg gruppen med de røde og blå former og opp gruppe det (Shift + Ctrl + G to ganger). Velg den resulterende blå formen og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien sammen med den røde formen og klikk på Minus Front knappen fra Pathfinder-panelet. Marker figuren resulterende og erstatte den røde fargen med R = 166 G = 102 B = 65. Gå tilbake til Lag-panelet, dobbeltklikk på denne brune formen og slett kalle det " topSideInside
".

Trinn 3

Bruke Pen Tool (P), skape en skrå bane slik det er vist i det første bildet. Prøv å bruke nettet som en referanse, nok en gang Fest til rutenett vil lette arbeidet ditt. Velg denne nye banen og bare legge den " Grafikk stil 1
" fra Graphic Styles panelet. Sørg for at din skrå banen forblir valgt og fokusere på utseendet panel. Først åpner bunnen Transform effekt. Fokus på Move delen, dra den horisontale glide fra 0px og vertikal glidebryteren på 5px deretter inn " 6 " i boksen eksemplarer. Deretter åpner Transform effekt søkt toppslag. Fokus på Move delen, dra den horisontale glide fra 0px og vertikal glidebryteren 0.5px. Endelig åpner Transform effekt søkt om bunnen hjerneslag. Fokus på Move delen, dra den horisontale glide fra 0px og vertikal glidebryteren -0.5px. Til slutt ting skal se ut i det andre bildet. Når du er ferdig, må du kontrollere at banen er fortsatt valgt og gå til Objekt > Utvid Utseende.

Trinn 4

Velg " topSideInside
" form, lage en kopi i front (Ctrl + C > Ctrl + F), fyll den med hvit og bringe den til front (Shift + Ctrl +]). Velg denne hvite formen sammen med gruppen av skrå stier og bare maskere det ved hjelp av Make Opacity Mask alternativ fra fly-out menyen i Transparency panel

Trinn 5

Velg ". topSideInside
" form, lage en kopi i front (Ctrl + C > Ctrl + F) og og bringe den til front (Shift + Ctrl +]). Velg denne kopien og legge til " Grafikk Style 2
" fra Graphics Styles panelet. Sørg for at denne kopien forblir valgt, fokus på Utseende panel og åpne eksisterende Graphic Pen effekt. Bare still Stroke Direction på Høyre Diagonal klikk deretter OK

Trinn 6

Deaktiver Fest til rutenett (View > Fest til rutenett).. Reselect din " topSideInside
" form, lage en kopi i front (Ctrl + C > Ctrl + F) og bringe den til front (Shift + Ctrl +]). Sørg for at denne kopien er valgt og lage en ny kopi i front (Ctrl + C > Control + F). Velg denne andre kopiere og flytte den 2PX ned. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 146 G = 82 B = 45

Trinn 7

Velg det formen gjorde i forrige trinn og lage to kopier i front (Ctrl + C >. Kontroll + F > Control + F). Velg den øverste kopiere og flytte den 1px ned. Reselect begge eksemplarene og klikk Snitt knappen fra Pathfinder-panelet. Velg resulterende formen og bare legge den " Grafikk Style 3
" fra Graphic Styles panelet

Trinn 8

Marker på nytt din ". topSideInside
" form, lage en kopi i front (Ctrl + C > Ctrl + F) og bringe den til front (Shift + Ctrl +]). Velg denne kopien, endre Blending Mode til Soft Light og legge til " Gradient en
" som vist i det andre bildet.

Trinn 9

Fokus på Lag-panelet, dobbeltklikk på den blå formen og slett kalle det " topSideFrame
". Bytt ut den blå med lineær gradient vist i følgende bilde deretter lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1px opp. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll de resulterende former med hvite, grip Slett Anchor Point Tool (-) og bare fjerne de fire ankerpunktene markert i tredje bildet.

Step 10

Marker på nytt både hvite former og gjøre dem om til en sammensatt bane (Ctrl + 8 eller gå til Objekt > sammensatt bane). Velg denne nye sammensatt bane og bare legge den " Grafisk Style 4
" . fra Graphic Styles panelet

Step 11

Marker på nytt din " topSideFrame
" og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1px ned. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll de resulterende former med svart, grip Slett Anchor Point Tool (-) og bare fjerne de to ankerpunktene markert i tredje bildet.

Step 12

Marker på nytt både svarte figurer og gjøre dem om til en sammensatt bane (Ctrl + 8 eller gå til Objekt > sammensatt bane). Velg denne nye sammensatt bane og bare legge den " Grafisk stil 5
" . fra Graphic Styles panelet

Step 13

Marker på nytt din " topSideFrame
" form, fokus på Utseende panel og legge til en annen fylling bruker det samme Legg New Fill-knappen. Velg det, sette farge på svart, senke Opacity til 7%, endre Blending Mode til Multipliser og gå til Effect > Sketch > Graphic Pen. Tast egenskapene som vises i følgende bilde og klikk på OK.

Duplicate din " topSideFrame
" forme (Ctrl + C > Ctrl + F), fyll kopien bare med hvit og bruke den til å maskere den opprinnelige " topSideFrame
" form.

Trinn 14

Velg alle figurene som utgjør oversiden av boksen og konsernet dem (Ctrl + G). Flytt til Lag-panelet, dobbeltklikk på denne nye gruppen og kaller det " Topside
". Sørg for at din " Topside
" gruppe er valgt og gå til Objekt > Transform > Bevege seg. Fokus på Posisjon delen, skriv 0px under horisontale boksen og 3px i Vertical boksen og klikk OK.

Trinn 15

Aktiver Fest til rutenett (Vis> Fest til rutenett). For de følgende trinnene vil du trenge et rutenett hver 1px, så gå til Rediger > Preferanser > Guides & Grid og skriv inn 1
i Uten kraftlinjer hver
boks. Bruke rektangel Tool (M), lage en 45 x 3px form, fyll den med R = 39 G = 170 B = 225 (for nå) og plasser den som vist i det første bildet.

Fokus på høyre side av denne nye rektangel og plukke Direct Selection Tool (A). Velg begge ankerpunkt og bare dra dem 20px opp. Reselect blå form og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1px opp. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende formen med svart, senke Opacity til 20% og endre Blending Mode til Soft Light

Trinn 16

Marker på nytt blå form og sett på det blå med ". Gradient 2
" som vist i følgende bilde. Sørg for at denne formen forblir valgt, fokus på Utseende panel og legge til en annen fylling. Velg det, sette farge på svart, senke Opacity til 30% og endre Blending Mode til Overlay.

Trinn 17

Bruk rektangel Tool (M), opprette en ny 45 x 3px form, fyll den med det samme blå (R = 39 G = 170 B = 225) og plasser den som vist i det første bildet. Fokus på venstre side av denne nye rektangel og plukke Direct Selection Tool (A). Velg begge ankerpunkt og bare dra dem 20px opp. Reselect blå form og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1px opp. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende formen med svart, senke Opacity til 30% og endre Blending Mode til Soft Light

Trinn 18

Marker på nytt blå form og sett på det blå med ". Gradient 2
" som vist i følgende bilde. Sørg for at denne formen forblir valgt, fokus på Utseende panel og legge til en annen fylling. Velg det, sette farge på hvit, senke Opacity til 30% og endre Blending Mode til Overlay.

5. Opprett undersiden av boksen

Trinn 1

Fokus på Lag-panelet, velger de fire figurer som kobler oversiden av boksen med resten av boksen og konsernet dem (Kontroll + G). Hold fokus på Lag-panelet kopiere denne nye gruppen (Ctrl + C > Ctrl + F), velge kopi og dra det inni " Topside
" gruppe. Kom tilbake til den første gruppen gjorde i dette trinnet, name it " underside
", og gå til Objekt > Transform > Bevege seg. Fokus på Posisjon delen, skriv 0px under horisontale boksen og 43px i Vertical boksen og klikk OK. Sørg for at din " underside
" Konsernet er fortsatt valgt og send den til å sikkerhets (Shift + Ctrl + [)

Trinn 2

Gå til Lag-panelet, åpne din ". underside
" gruppe, fokusere de to hovedformer og erstatte den eksisterende lineær gradient med den som er vist i følgende bilde.

6. Opprett innsiden av boksen

Trinn 1

Gå tilbake til " Uten kraftlinjer hver 5px
", så bare gå til Edit> Preferences> Linjer og rutenett og skriv inn 5
i Uten kraftlinjer hver
boks. Fokus på Lag-panelet og slå av synligheten for din " Topside
" gruppe ved å klikke på det lille øyet ikonet. Velg " leftside
" og " right
" grupper og gå til Objekt > Transform > Reflektere. Sjekk Horisontal boksen og klikk på Kopier-knappen. Fokuser på de resulterende grupper og slette de tynne, svarte og hvite sammensatte baner.

Trinn 2

Marker på nytt både snudd grupper og konsernet dem (Ctrl + G). Sørg for at denne nye gruppen er valgt, send den til å sikkerhets (Shift + Ctrl + [) og dra den 20px opp som vist i det andre bildet.

Trinn 3

Bruke rektangelverktøyet (M), lage en 45 x 40px form, fyll den med lineær gradient vist nedenfor, og legg den som vist i det første bildet. Fokus på venstre side av denne nye rektangel og plukke Direct Selection Tool (A). Velg begge ankerpunkt og trykke Alt + Ctrl + J (eller gå til Objekt > Sti > gjenomsnitt). Sjekk Både boksen og klikk OK. Dette bør slå rektangel til en trekant. Velg det, endre Blending Mode til Multipliser og senke Opacity til 60%.

Trinn 4

Bruke rektangel Tool (M), opprette en ny 45 x 40px form, fyll den med lineær gradient vist nedenfor, og legg den som vist i det første bildet. Fokus på høyre side av denne nye rektangel og plukke Direct Selection Tool (A). Velg begge ankerpunkt og trykke Alt + Ctrl + J (eller gå til Objekt > Sti > gjenomsnitt). Igjen, sjekk Både boksen og klikk OK. Sørg for at den resulterende trekanten er valgt, må du endre Blending Mode til Multipliser og senke Opacity til 30%.

Trinn 5

Velg rektangel Tool (M) og lage en 90 x 40px rektangel. Fylle denne nye formen med R = 237 G = 28 B = 36, legg den som vist i det første bildet og gå til Objekt > Sti > Legg ankerpunkt. Bytt til Delete Anchor Point Tool (-) og bare fjerne hjørne ankerpunktene (uthevet i det andre bildet). Sørg for at din rød formen er fortsatt valgt og trykke Shift + X for å overføre de eksisterende fargeegenskapene fra fyllingen til hjerneslag.

Fokus på Utseende panelet velger at rødt slag, stille inn vekten på 3pt, justere den til inne så gå til Objekt > Sti > Outline Stroke. Marker figuren resulterende og erstatte den røde med lineær gradient vist i følgende bilde. Flytt til Lag-panelet og slett kalle denne nye formen " grensen
".

Trinn 6

Deaktiver Fest til rutenett (View > Fest til rutenett) . Reselect din " grensen
" forme og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1px opp. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll de resulterende former med hvite, grip Slett Anchor Point Tool (-) og bare fjerne de fire ankerpunktene markert i tredje bildet. Sørg for at både hvite figurer er valgt og gjøre dem om til en sammensatt bane (Control + 8). Velg den og bare legge den " Grafisk Style 4
" . fra Graphic Styles panelet

Trinn 7

Marker på nytt din " grensen
" forme og lage ytterligere to eksemplarer foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1px ned. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll de resulterende former med svart, grip Slett Anchor Point Tool (-) og bare fjerne de to ankerpunktene markert i tredje bildet. Sørg for at begge svarte figurer er valgt og gjøre dem om til en sammensatt bane (Control + 8). Velg den og bare legge den " Grafisk stil 5
" fra Graphic Styles panelet.

Trinn 8

Velg alle figurene som utgjør det indre av boksen og konsernet dem (Ctrl + G). Flytt til Lag-panelet, dobbeltklikk på denne nye gruppen og kaller det " interiør
". Sørg for at din " interiør
" gruppe er valgt og send den til å sikkerhets (Shift + Ctrl + [). Flytt til Lag-panelet og slå på synlighet for din " Topside
" gruppe. Velg den sammen med resten av gruppene som utgjør boksen og konsernet dem (Ctrl + G). Dette vil være din boks. Gå til Lag-panelet og slett kalle det " boxOne
".

7. Multipliser, Recolor og stable nye bokser

Trinn 1

Duplicate din " boxOne
" gruppe (Ctrl + C > Control + F). Velg denne nye gruppen, name it " boxTwo
" og gå til Edit > Redigere Farger > Recolor Artwork. Gå til Rediger delen, må du kontrollere at Recolor Artwork og Link harmoni fargeknappene er sjekket dra deretter glidebryteren for lysstyrke og farge håndterer omtrent som vist i følgende bilde.

Trinn 2

Duplicate din " boxTwo
" gruppe (Ctrl + C > Control + F). Velg denne nye gruppen, name it " boxThree
", gå igjen til Rediger > Redigere Farger > Recolor Artwork flytt deretter glidebryteren for lysstyrke og farge håndterer omtrent som vist i følgende bilde.

Trinn 3

Aktiver Fest til rutenett (Vis> Fest til rutenett). For de siste trinnene må du igjen et rutenett hver 1px, så gå til Rediger > Preferanser > Guides & Grid og skriv inn 1
i Uten kraftlinjer hver
boks. Spre dine bokser, som vist i følgende bilde. Dra full nytte av Fest til rutenett alternativ, og sørg for at grupper er perfekt justert.

Trinn 4

Multipliser din bokser og spre kopiene som vist i følgende bilde.

Trinn 5

Til slutt fokusere på noen av dine boks grupper og flytte /rotere " Topside
" grupper.

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