I den følgende opplæringen lærer du hvordan du lager en handlekurvpose med Adobe Illustrator. Vi jobber fra grunnleggende former for å lage denne flerbruks illustrasjonen.
Hit kommando + N for å opprette et nytt dokument. Skriv 600 i breddeboksen og høydebokser, klikk deretter på Avansert-knappen. Velg RGB, skjerm (72ppi) og kontroller at boksen "Juster nye objekter til pikselruten" ikke er merket før du klikker OK. Aktiver gridet (Vis> Vis grid) og Snap to Grid (Vis> Snap to Grid).
Deretter trenger du et rutenett hver 5px. Gå til Rediger> Innstillinger> Veiledninger> Rutenett, skriv inn 5 i Rutenettlinjen hver boks og 1 i Retningslinjene. Du kan også åpne Info-panelet (Vindu> Info) for et forhåndsvisning med størrelsen og plasseringen av figurene dine. Ikke glem å bytte måleenheten til piksler fra Rediger> Innstillinger> Enhet> Generelt. Alle disse alternativene vil øke arbeidshastigheten betydelig.
Ved hjelp av rektangulærverktøyet (M), opprett en form av 300 x 210 px, fyll den med den lineære gradienten som vises nedenfor, og gå til Effekt> Kryp> Arc Lower. Skriv inn dataene som vises nedenfor, klikk OK og gå til Objekt> Utvid utseende.
Deretter trenger du Round Any Corner-skriptet. Du finner den i Vectortuts + artikkelen 20 gratis og nyttige Adobe Illustrator-skript. Lagre det på harddisken din, gå tilbake til Illustrator og ta direkte utvalgingsverktøyet (A). Fokuser på formen som ble gjort i forrige trinn, velg nedre ankerpunkter og gå til Arkiv> Skript> Annet skript. Åpne Round Any Corner Script, skriv inn en 3px Radius og klikk OK. Til slutt skal formen din se ut i det andre bildet. Flytt til lagpanelet og navngitt det "body".
Deaktiver Snap to Grid (Vis> Snap to Grid), gå til Rediger> Innstillinger> Generelt, og kontroller at Tastaturøkningen er satt til 1px. Velg "kropp" og lag en kopi foran (Kontroll + C> Kontroll + F). Velg den, flytt den 1px ned med nedpilen fra tastaturet, og dupliser den deretter (Kontroll + C> Kontroll + F). Velg denne nye kopien og flytt den 1px ned. Velg begge kopier som er gjort i dette trinnet, åpne Pathfinder-panelet og klikk på Minus Front-knappen. Fyll den resulterende formen med den lineære gradienten som vises i det endelige bildet. De hvite tallene fra gradientbildet står for plasseringsprosent mens de gule nullene står for opacitetsprosent.
Vellgir "kropp" og gjør to eksemplarer foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg toppkopien og flytt den 1px ned. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten som vises i det endelige bildet og endre blandingsmodus for å multiplisere.
Vellgir "kropp" og gjør to eksemplarer foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg toppkopien og flytt den 1px til høyre. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten vist nedenfor, endre dens blandemodus til Multiply og senk Opacity til 50%.
Velg "kropp" og lag en kopi foran (Kontroll + C> Kontroll + F). Velg den, flytte den 1px til høyre og dupliser den (Control + C> Control + F). Velg denne nye kopien og flytt den 2px til høyre. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten som er vist nedenfor, og endre dens blandingstilstand til mykt lys.
Velg "kropp" og lag en kopi foran (Kontroll + C> Kontroll + F). Velg den, flytte den 1px til høyre og dupliser den (Control + C> Control + F). Velg denne nye kopien og flytte den 5px til høyre. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten som er vist nedenfor, og endre dens blandingstilstand til mykt lys.
Velg de formene du har laget i de tre siste trinnene, og gå til Objekt> Transformere> Reflektere. Merk av for Vertikal-boksen, og klikk deretter på Kopier-knappen. Velg de resulterende figurene, aktiver Snap to Grid (Vis> Snap to Grid) og dra dem til høyre som vist i det tredje bildet..
Deaktiver Snap to Grid (Vis> Snap to Grid). Vellgir "kropp" og gjør to eksemplarer foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg toppkopien og flytt den 1px opp. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 218 G = 175 B = 127.
Vellgir "kropp" og gjør to eksemplarer foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg toppkopien og flytt den 4px opp. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten som vises i det endelige bildet.
Velg "kropp" og lag en kopi foran (Kontroll + C> Kontroll + F). Velg den, flytt den 4px og dupliser den deretter (Control + C> Control + F). Velg denne nye kopien og flytt den 1px opp. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten som vises i det endelige bildet.
Aktiver Snap to Grid (Vis> Snap to Grid). Velg "kropp" og lag en kopi foran (Kontroll + C> Kontroll + F). Ved hjelp av rektangelverktøyet (M), opprett en form for 165 x 245 px og legg den som vist i det første bildet. Velg den sammen med "body" -kopien og klikk på Intersect-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten som er vist nedenfor, og senk dens Opacity til 15%.
Velg "kropp" og lag en kopi foran (Kontroll + C> Kontroll + F). Ved hjelp av rektangelverktøyet (M), opprett en form for 330 x 75 px og legg den som vist på det første bildet. Velg den sammen med "body" -kopien og klikk på Intersect-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten vist nedenfor og senk dens opasitet til 25%.
Deaktiver Snap to Grid (Vis> Snap to Grid). Tilbakestill formen som ble gjort i forrige trinn, og gjør to eksemplarer foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg den nederste kopien og flytt den 1px opp. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten som er vist nedenfor, og senk dens Opacity til 35%.
Velg alle figurene du har laget så langt, og grupper dem (Control + G).
Aktiver Snap to Grid (Vis> Snap to Grid). Fokus på toppen av figurene som er opprettet hittil. Ved hjelp av rektangulærverktøyet (M), opprett en 270 x 25 px, fyll den med den første lineære gradienten som vises nedenfor, legg den som vist på det første bildet og gjør en kopi foran (Kontroll + C> Kontroll + F). Velg den, deaktiver Snap to Grid (Vis> Snap to Grid), flytt den 1px ned og dupliser den (Control + C> Control + F). Velg denne nye kopien og flytt den 1px ned. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten som vises i det endelige bildet, og endre blandingsmodus til mykt lys.
Velg rektangelet som ble gjort i begynnelsen av forrige trinn, og lag to kopier foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg toppkopien og flytt den 1px ned. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den første lineære gradienten som er vist nedenfor, og senk dens Opacity til 10%. Aktiver Snap to Grid (Vis> Snap to Grid) og bruk Rectangle Tool (M). Lag en 135 x 25 px form, plasser den som vist på det fjerde bildet, senk Opacity til 10% og fyll den med den andre lineære gradienten som vises i følgende bilde.
Deaktiver Snap to Grid (Vis> Snap to Grid). Vellgjør rektangelet i begynnelsen av det syttende trinnet og lag to eksemplarer foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg toppkopien og flytt den 1px opp. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 237 G = 28 B = 36, vi kommer tilbake til denne banen senere. Nå velger du denne røde figuren sammen med alle figurene som er opprettet i de to siste trinnene, og grupperer dem (Control + G).
Aktiver Snap to Grid (Vis> Snap to Grid). Fokus på høyre side av gruppen laget i forrige trinn. Bruk rektangulærverktøyet (M), opprett en form for 40 x 25 px, fyll den med den lineære gradienten som vises nedenfor, og legg den som vist i det første bildet. Fortsett å fokusere på denne nye formen, ta tak i direkte markeringsverktøyet (A), velg topp, venstre ankerpunkt og flytt det 10px ned.
Deaktiver Snap to Grid (Vis> Snap to Grid). Tilbakestill formen som ble gjort i forrige trinn, og gjør to eksemplarer foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg toppkopien og flytt den 2px nedover. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit og bytt blandingsmodus til mykt lys. Fortsett å fokusere på denne nye formen, ta tak i Slett ankerpunktsverktøyet (-) og klikk bare på ankerpunktet peket av pilen i det tredje bildet. Til slutt skal formen din se ut i det fjerde bildet.
Tilbakestill formen som ble gjort i det 20. trinnet, og lag to eksemplarer foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg nederste kopi og flytt det 2px opp. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Velg rektangelet i det syttende trinnet og lag en kopi foran (Kontroll + C> Kontroll + F). Velg den sammen med formen laget i begynnelsen av trinnet og klikk på Intersect-knappen fra Pathfinder-panelet. Fokuser på den resulterende formen, ta tak i Slett ankerpunktsverktøyet (-) og klikk bare på ankerpunktet peket av pilen i det femte bildet. Fyll den gjenværende banen med den lineære gradienten som vises i det sjette bildet, og senk Opacity til 10%.
Aktiver Snap to Grid (Vis> Snap to Grid). Med rektangulærverktøyet (M), opprett en form av 55 x 15 px, fyll den med den lineære gradienten som vises nedenfor og legg den som vist i det første bildet. Fortsett å fokusere på denne nye formen, ta tak i Slett ankerpunktsverktøyet (-) og klikk bare på toppen, høyre ankerpunkt.
Deaktiver Snap to Grid (Vis> Snap to Grid). Tilbakestill formen som ble gjort i forrige trinn, og gjør to eksemplarer foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg toppkopien og flytt den 2px opp. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fokuser på den resulterende formen, ta tak i Slett ankerpunktsverktøyet (-) og klikk bare på ankerpunktet peket av pilen i det tredje bildet. Fyll den gjenværende banen med den lineære gradienten som vises i det endelige bildet og senk Opacity til 10%.
Tilbakestill formen som ble gjort i det tjuefire trinnet, og lag to eksemplarer foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg toppkopien og flytt den 1px til høyre. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten som vises i det endelige bildet, senk Opacity til 50% og endre blandemodus til mykt lys.
Tilbakestill formen som ble gjort i det tjuefire trinnet, og lag to eksemplarer foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg toppkopien og flytt den 1px ned. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten som vises i det endelige bildet og endre blandemodus til mykt lys.
Tilbakestill formen laget i det tjuefire trinnet sammen med formen laget i det 20. trinn og dupliser dem (Control + C> Control + F). Velg første kopi og flytt det 3px opp. Vellgjør begge kopier og klikk på Intersect-knappen fra Pathfinder-panelet. Fokuser på den resulterende formen, ta tak i Slett ankerpunktet til l (-) og klikk bare på ankerpunktet peket av pilen i det tredje bildet. Fyll den gjenværende banen med den lineære gradienten som vises i det endelige bildet og senk Opacity til 10%.
Tilbakestill formen som ble gjort i det tjuefire trinnet, og lag to eksemplarer foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg nederste kopi og flytt det 2px til venstre. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 237 G = 28 B = 36, ta av verktøyet Slett ankerpunkt (-) og fjern ankerpunktet peket av pilen i det tredje bildet. Velg denne tynne røde banen sammen med alle former laget i de siste åtte trinnene, og grupper dem (Control + G).
Aktiver Snap to Grid (Vis> Snap to Grid). Velg gruppen som ble gjort i forrige trinn, og gå til Objekt> Transformere> Reflektere. Sjekk Vertikal-knappen og klikk på Kopier-knappen. Velg den nyopprettede gruppen, dra den til venstre og plasser den som vist i det tredje bildet.
Velg de tre røde figurene du har laget så langt, og klikk på Unite-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten som vises nedenfor, og senk dens Opacity til 8%. Fokus på lagpanelet, velg denne nye figuren og dra den inn i gruppen som ble gjort i det nittende trinn.
Velg rektangulærverktøyet (M), opprett en form for 50 til 130 px og legg den som vist i det første bildet. Fyll det med ingen, men legg til et 4pt slag. Angi fargen på R = 210 G = 126 B = 142 og gå til Objekt> Sti> Legg til ankerpoeng. Bytt til Direct Selection Tool (A), velg det nederste, midtforankringspunktet og trykk bare Slett-tasten fra tastaturet. Kontroller at banen din fortsatt er valgt, flytt til Utseendepanelet, velg strekk, og åpne deretter Stroke-panelet og merk av "Kappekapsknappen" -knappen fra Cap-delen.
Vellgjør banen som ble gjort i forrige trinn, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 30 px, klikk OK og gå til Effekt> Varsel> Skal lavere. Skriv inn dataene som vises under og gå til Objekt> Utvid utseende. Endelig send denne banen til baksiden (Shift + Control + [). Vi kommer tilbake til det senere.
Med rektangulærverktøyet (M) lager du en ny form av 50 til 130 px og legger den som vist i det første bildet. Igjen, fjern fargen fra fyllet og legg til et 4pt slag. Angi fargen på R = 210 G = 126 B = 142 og gå til Objekt> Sti> Legg til ankerpoeng.
Bytt til Direct Selection Tool (A) og slett det nederste, midterste ankerpunktet. Sørg for at banen din fortsatt er valgt, flytt til Stroke-panelet, sjekk "Round Cap" -knappen fra Cap-delen, og gå til Effect> Stylize> Rounded Corners. Skriv inn en radius på 30 px, klikk OK og gå til Effekt> Varsel> Skal lavere. Skriv inn dataene som vises nedenfor, klikk OK og gå til Objekt> Utvid utseende.
Tilbakestill banen som ble gjort i det forrige trinnet, lag en kopi foran (Kontroll + C> Kontroll + F), velg den og gå til Objekt> Sti> Strektslag. Fyll den resulterende formen med R = 39 G = 170 B = 225 (bare for å få det til å skille seg ut fra resten av figurene) og gå til Effect> Warp> Arc. Skriv inn dataene som vises nedenfor, klikk OK og gå til Objekt> Utvid utseende.
Vellgjør rektangelet i det syttende trinnet og lag en kopi foran (Kontroll + C> Kontroll + F). Velg den sammen med den blå formen som ble gjort i forrige trinn, og klikk på Intersect-knappen fra Pathfinder-panelet. Velg den resulterende gruppen av form, gjør den til en sammensatt bane (Objekt> Sammensatt bane> Lag), fyll den med den lineære gradienten som vises nedenfor, og senk Opacity til 25%. Flytt til Lagpanelet, velg den sammensatte banen og dra den under den fremre rosa banen.
Velg den rosa banen som ble gjort i trettittredje trinnet, lag en kopi foran (Kontroll + C> Kontroll + F), velg den og gå til Objekt> Sti> Oversiktstrekk. Igjen fyll den resulterende formen med R = 39 G = 170 B = 225 og gå til Effect> Warp> Arc. Skriv inn dataene som vises nedenfor, klikk OK og gå til Objekt> Utvid utseende.
Velg "kropp" og lag en kopi foran (Kontroll + C> Kontroll + F). Velg den sammen med den blå formen som ble gjort i forrige trinn, og klikk på Intersect-knappen fra Pathfinder-panelet. Velg den resulterende gruppen av form, gjør den til en sammensatt sti (Objekt> Sammensatt sti> Lag), fyll den med den lineære gradienten som vises nedenfor, og senk Opacity til 30%. Flytt til lagpanelet, velg denne sammensatte banen og dra den under den fremre rosa banen.
Velg den beste rosa banen, fokus på Utseende panelet og legg til et nytt slag ved hjelp av knappen Legg til ny berøring. Velg den, sett fargen på R = 246 G = 246 B = 246, reduser størrelsen til 2pt og gå til Stroke-panelet og sjekk Round Cap-knappen fra Cap-delen. Gå tilbake til Utseende-panelet og legg til et tredje slag for denne banen. Velg den, sett fargen på R = 231 G = 186 B = 195 og størrelsen på 2pt og gå deretter til Stroke-panelet. Kontroller Dash-boksen, skriv inn 2pt i dash-boksen og 2pt i gapboksen. Flytt til høyre og kontroller knappen som "justerer strekk til hjørner og baner slutter, justerer lengden for å passe".
Flytt til den nederste rosa banen og legg til de samme egenskapene som brukes til den fremre rosa banen. Du kan enkelt gjøre det ved å bruke målikonene (den lille, grå sirkelen fra panelet Lag som angav at elementet inneholder utseendeattributter). Fokus på lagpanelet, hold Alt, klikk på målikonet som står for den øverste rosa banen og bare dra på målikonet som står for bunnen rosa banen.
Bruk rektangulærverktøyet (M), opprett en form for 300 x 25 px, fyll den med svart og legg den som vist på det første bildet. Bytt til Direct Selection Tool (A) og fokus på toppen av denne nye formen. Velg det øverste, venstre ankerpunktet og flytt det 5px til høyre. Flytt til høyre ankerpunkt, velg det og flytt det 5px til venstre. Pass på at denne nye formen fortsatt er valgt, og fokus på Utseendepanelet. Velg den eksisterende fyllingen, senk Opacity til 10%, og gå til Effect> Path> Offset Path. Skriv inn en 3px Offset, klikk OK og gå til Effect> Stylize> Rounded Corners. Skriv inn en radius på 5px, klikk OK, og gå til Effekt> Varsle> Arc Lower. Skriv inn dataene som vises i det tredje bildet, klikk OK og gå til Effekt> Uklarhet> Gaussisk uskarphet. Skriv inn en radius på 3px og klikk OK.
Gå tilbake til Utseendepanelet og legg til et annet svart fyll for denne formen. Velg den, senk Opacity til 10% og gå til Effect> Stylize> Rounded Corners. Skriv inn en radius på 5px, klikk OK, og gå til Effekt> Varsle> Arc Lower. Skriv inn dataene som vises i det fjerde bildet, klikk OK og gå til Effect> Path> Offset Path. Skriv inn en 3px Offset og klikk OK.
Bruk Ellipseverktøyet (L) til å lage en 360 x 70 px form og plasser den som vist i det første bildet. Fyll den med R = 60 G = 36 B = 21, senk Opacity til 18% og gå til Effekt> Uklarhet> Gaussisk uskarphet. Skriv inn en 22px radius og klikk OK. Fortsett med Ellipseverktøyet (L), opprett en form av 300 til 50 px og legg den som vist i det andre bildet. Fyll den med R = 60 G = 36 B = 21, senk Opacity til 10% og gå til Effect> Blur> Gaussian Blur. Skriv inn en radius på 5px og klikk OK. Velg begge formene som er opprettet i dette trinnet, sammen med den som ble opprettet i forrige trinn, og grupper dem (Control + G). Velg denne nye gruppen og send den til baksiden (Shift + Control + [).
For de siste trinnene trenger du et rutenett hver 1px. Så gå til Edit> Preferences> Guides & Grid og skriv inn 1 i gridline hver boks. Bruk Ellipseverktøyet (L) til å lage en 15px sirkel, fyll den med den radiale gradienten som vises nedenfor, og legg den som vist på det første bildet. Flytt til lagpanelet, og dra denne nye figuren under den øverste, rosa banen. Velg denne sirkelen og lag to eksemplarer foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg toppkopien og flytt den 1px ned. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 218 G = 175 B = 127.
Gjenta sirkelen som ble gjort i forrige trinn, og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises nedenfor, klikk OK, og fokus på Utseende-panelet og legg til en ny fylling. Velg den, sett fargen på R = 218 G = 175 B = 127 og gå til Effekt> Sti> Offset Path. Skriv inn en 4px Offset og klikk OK.
Velg de to figurene som er gjort i de to siste trinnene, og grupper dem (Control + G). Lag en kopi av denne gruppen (Control + C> Control + F), dra den til venstre og legg den som vist i det andre bildet.
Nå er arbeidet ditt gjort. Slik ser det ut.