Share
I den følgende opplæringen lærer du hvordan du lager en enkel glidelåsillustrasjon i Adobe Illustrator. Vi lager oppstartsformene ved hjelp av rektangulærverktøyet, panelet Pathfinder og noen grunnleggende bygningsmetoder. Deretter fortsetter vi å legge til detaljene ved hjelp av Transform og Drop Shadow effekter sammen med noen grunnleggende blandingsteknikker. For de siste detaljene bruker vi noen Warp-effekter, Utseendepanelet og et enkelt innebygd mønster.
Hit kommando + N for å opprette et nytt dokument. Skriv 600 i breddeboksen og 800 i høydeboksen, 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). Du trenger et rutenett hver 1px. Bare gå til Edit> Preferences> Guides> Grid, skriv inn 5 i gridlinjen hver boks og 1 i underdelingsboksen. Du kan også åpne Info-panelet (Vindu> Info) for et forhåndsvisning med størrelsen og plasseringen av figurene dine. Ikke glem å sette måleenheten til piksler fra Rediger> Innstillinger> Enhet> Generelt. Alle disse alternativene øker arbeidshastigheten betydelig.
Ved hjelp av rektangulærverktøyet (M), fyll fyllfargen ved R = 237 G = 203 B = 72 og opprett en form av 7 til 12 px. Fortsett med rektangelverktøyet (M), opprett et 4px-firkant og legg det som vist i det andre bildet. Til slutt, lag en form av 4 til 8 px og legg den som vist i det tredje bildet. Velg alle tre former, åpne Pathfinder-panelet og klikk på Unite-knappen.
Velg formen som ble gjort i forrige trinn, og gå til Objekt> Path> Offset Path. Skriv inn en -1px Offset og klikk OK. Velg den resulterende formen og lag en kopi foran (Kontroll + C> Kontroll + F). Velg denne kopien og flytt den 1px opp med pilen fra tastaturet. Velg begge formene som er laget i dette trinnet, og klikk på Minus Front-knappen fra Pathfinder-panelet. Velg den resulterende gruppen av figurer, slå den til en sammensatt sti (Objekt> Sammensatt sti> Lag) og fyll den med R = 200 G = 136 B = 26.
Velg formen som ble gjort i det andre trinnet, og gå til Objekt> Sti> Offset-vei. Skriv inn en -1px Offset og klikk OK. Velg den resulterende formen og lag en kopi foran (Kontroll + C> Kontroll + F). Velg denne kopien og flytt den 1px ned med nedpilen fra tastaturet. Velg begge formene som er laget i dette trinnet, og klikk på Minus Front-knappen fra Pathfinder-panelet. Velg den resulterende gruppen av figurer, slå den til en sammensatt sti (Objekt> Sammensatt sti> Lag), fyll den med hvit og endre blandingsmodus til overlegg.
Velg formen laget i det andre trinnet og fokus på Utseendepanelet. Legg til 1pt slag, juster det til innsiden og sett fargen på R = 208 G = 154 B = 62. Velg denne gule formen sammen med de to sammensatte stiene som ble gjort i de to siste trinnene, og grupper dem (Control + G). Velg denne nye gruppen og gå til Objekt> Transformere> Reflektere. Sjekk Vertikal-knappen og klikk på Kopier-knappen. Dette vil skape en horisontalt vendt gruppe kopi. Velg den og plasser den som vist på det fjerde bildet.
Velg begge gruppene som ble gjort i forrige trinn, og gå til Effekt> Forvreng og overfør> Transform. Skriv inn egenskapene som vises i følgende bilde, og klikk OK.
Velg de to gruppene som er redigert i forrige trinn, og grupper dem (Control + G). Velg denne nye gruppen og gå til Effekt> Stylize> Drop Shadow. Skriv inn egenskapene som vises i toppvinduet, klikk OK og gå igjen til Effekt> Stylize> Drop Shadow. Skriv inn egenskapene som vises i bunnvinduet og klikk OK.
Fokus på bunnsiden av gruppen som ble gjort i forrige trinn. Bruk rektangulærverktøyet (M) til å lage en 24 x 10 px-form, fyll den med R = 208 G = 154 B = 62 og legg den som vist på bildet nedenfor. Kontroller at dette gule rektangel er valgt, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 1px, klikk OK og gå til Effect> Warp> Arc Upper. Skriv inn egenskapene som vises nedenfor, klikk OK og gå til Objekt> Utvid utseende.
Velg formen som ble gjort i forrige trinn, og gå til Objekt> Path> Offset Path. Skriv inn en -1px Offset og klikk OK. Velg den resulterende formen og lag en kopi foran (Kontroll + C> Kontroll + F). Velg denne kopien og flytt den 1px opp med pilen fra tastaturet. Velg begge formene som er laget i dette trinnet, og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 200 G = 136 B = 26.
Velg formen som ble gjort i det åttende trinnet, og gå til Objekt> Path> Offset Path. Skriv inn en -1px Offset og klikk OK. Velg den resulterende formen og lag en kopi foran (Kontroll + C> Kontroll + F). Velg denne kopien og flytt den 1px ned med nedpilen fra tastaturet. Velg begge formene som er laget i dette trinnet, og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit og endre blandemodus til overlegg.
Tilbakestill formen som ble gjort i det åttende trinnet, og fokus på Utseendepanelet. Legg til 1pt slag, juster det til innsiden og sett fargen på R = 208 G = 154 B = 62.
Velg alle former som ble gjort i de siste fire trinnene, og grupper dem (Control + G). Velg denne nye gruppen og gå til Effekt> Stylize> Drop Shadow. Skriv inn egenskapene som vises i det venstre vinduet, klikk OK og gå igjen til Effekt> Stylize> Drop Shadow. Skriv inn egenskapene som vises i det høyre vinduet, og klikk OK.
Fokus på lagpanelet og åpne gruppen laget i det syvende trinnet. Velg nederste undergruppe og lag en kopi foran (Kontroll + C> Kontroll + F). Velg denne nye gruppen og dra den utenfor hovedgruppen, øverst i lagpanelet. Pass på at den nye gruppen din fortsatt er valgt, plasser den som vist i det første bildet, og fokus på Utseendepanelet. Først åpner du den eksisterende Transform Effecten og redigerer den som vist i bildet nedenfor, og legger til Drop Shadow-effekten som vises nedenfor.
Velg gruppen som ble gjort i forrige trinn, og gå til Objekt> Transformere> Reflektere. Sjekk Vertikal-knappen og klikk på Kopier-knappen. Velg denne nyopprettede gruppen, dra den til høyre og plasser den som vist i det tredje bildet. Pass på at denne nye gruppen fortsatt er valgt, og fokus på Utseendepanelet. Åpne den eksisterende Drop Shadow-effekten og rediger den som vist i bildet nedenfor.
Fokus på den øverste siden av gruppen som ble gjort i forrige trinn. Velg rektangulærverktøyet (M) og opprett en form for 14 til 7 px. Fyll det med R = 237 G = 203 B = 72, legg det som vist i det første bildet og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 2px, klikk OK og gå til Objekt> Utvid utseende.
Velg formen som ble gjort i forrige trinn, og gå til Objekt> Path> Offset Path. Skriv inn en -1px Offset og klikk OK. Velg den resulterende formen og lag en kopi foran (Kontroll + C> Kontroll + F). Velg denne kopien og flytt den 1px opp med pilen fra tastaturet. Velg begge formene som er laget i dette trinnet, og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 200 G = 136 B = 26.
Velg formen som ble gjort i femtende trinnet og gå til Objekt> Sti> Offset Path. Skriv inn en -1px Offset og klikk OK. Velg den resulterende formen og lag en kopi foran (Kontroll + C> Kontroll + F). Velg denne kopien og flytt den 1px ned med nedpilen fra tastaturet. Velg begge formene som er laget i dette trinnet, og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit og endre blandemodus til overlegg.
Velg formen som ble gjort i det femtende trinnet og fokus på Utseendepanelet. Legg til 1pt slag, juster det til innsiden og sett fargen på R = 208 G = 154 B = 62. Velg dette avrundede rektangelet sammen med de to figurene i de to siste trinnene, og grupper dem (Control + G). Velg denne nye gruppen og gå til Effekt> Stylize> Drop Shadow. Skriv inn egenskapene som vises i det andre bildet, og klikk OK. Lag en kopi av denne gruppen (Control + C> Control + F), dra den til venstre og plasser den som vist i det tredje bildet.
Velg alle formene som er opprettet så langt og duplikat dem (Control + C> Control + F). Velg alle disse kopiene og dra dem noen piksler til høyre som vist i det første bildet. Fokus på denne nye glidelåsen, velg de to gruppene som er spisset i det første bildet, og slett dem enkelt. Til slutt skal den andre zippen din se ut i det andre bildet.
Fokuser på den andre glidelåsen laget i forrige trinn. Velg de to gruppene som er markert i det første bildet, og gå til Objekt> Utvid utseende. Grupper de resulterende figurene og gå til Effect> Warp> Arc. Skriv inn egenskapene som vises i følgende bilde, klikk OK og gå til Objekt> Utvid utseende.
Velg gruppen av figurer laget i forrige trinn, og gå til Objekt> Transform> Rotere. Angi en vinkel på 18 grader, og klikk OK. Plasser denne gruppen som vist i det andre bildet.
Velg gruppen redigert i forrige trinn og gå til Objekt> Transformere> Reflektere. Sjekk Vertikal-knappen og klikk på Kopier-knappen. Velg den nyopprettede gruppen og legg den som vist i det tredje bildet.
Ved hjelp av rektangulærverktøyet (M), opprett en form på 18 til 170 px, fyll den med R = 80 G = 80 B = 80 og legg den som vist i det første bildet. Fortsett med rektangulærverktøyet (M), lag en 18 x 185px-form, fyll den med R = 80 G = 80 B = 80 og legg den som vist i det første bildet. Velg begge rektangler og send dem tilbake (Shift + Control + [).
Velg det venstre rektangelet som ble gjort i forrige trinn, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en 3px radius, klikk OK og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises nedenfor, klikk OK og fokus på Utseendepanelet. Velg fyll og gå til Effect> Stylize> Inner Glow. Skriv inn egenskapene som vises i følgende bilde, og klikk OK.
Velg det andre grårektangelet og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 15px, klikk OK og gå til Effekt> Varsle> Arc. Skriv inn egenskapene som vises i det følgende bildet, klikk OK og gå til Effekt> Varsel> Skall øverst. Skriv inn egenskapene som vises nedenfor, klikk OK og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises i det følgende bildet, klikk OK og fokus på Utseendepanelet. Velg fyll og gå til Effect> Stylize> Inner Glow. Skriv inn egenskapene som vises i følgende bilde, og klikk OK.
Ved hjelp av rektangulærverktøyet (M), opprett en form for 28 til 70 px, fyll den med den lineære gradienten som vises nedenfor og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 3px, klikk OK og gå til Effect> Warp> Bulge. Skriv inn dataene som vises i følgende bilde, klikk OK og gå til Objekt> Utvid utseende.
Velg formen som ble gjort i forrige trinn, og gå til Objekt> Path> Offset Path. Skriv inn en -1px Offset og klikk OK. Velg den resulterende formen og lag en kopi foran (Kontroll + C> Kontroll + F). Velg denne kopien og flytt den 1px ned med nedpilen fra tastaturet. Velg begge formene som er laget i dette trinnet, og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit og endre blandemodus til overlegg.
Velg formen laget i det tjue sjette trinnet og gå til Objekt> Sti> Offset Path. Skriv inn en -1px Offset og klikk OK. Velg den resulterende formen og lag en kopi foran (Kontroll + C> Kontroll + F). Velg denne kopien og flytt den 1px opp med pilen fra tastaturet. Velg begge formene som er laget i dette trinnet, og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 200 G = 136 B = 26.
Velg formen laget i det tjue sjette trinnet, fokus på Utseendepanelet og legg til et 3pt slag. Velg den, sett fargen på R = 208 G = 154 B = 62, juster den til innsiden og senk Opacity til 25%. Fortsett å fokusere på Utseendepanelet og legg til et sekundslag for denne formen ved hjelp av knappen Legg til ny strekk (påpekt av den lille blå pilen). Velg denne nye takten, gjør den 2pt bred, sett fargen på R = 208 G = 154 B = 62, juster den innvendig og senk Opacity til 25%. Legg til et tredje slag for form, gjør det 1pt bredt, juster det innvendig og sett fargen på R = 208 G = 154 B = 62.
Fokus på den øverste siden av formen redigert i forrige trinn. Ved hjelp av rektangulærverktøyet (M), opprett en 28 til 30 px-form, fyll den med den lineære gradienten som vises nedenfor, legg den som vist i bildet og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 3px, klikk OK og gå til Effect> Warp> Bulge. Skriv inn egenskapene som vises i følgende bilde, klikk OK og gå til Objekt> Utvid utseende.
Velg formen som ble gjort i forrige trinn, og gå til Objekt> Path> Offset Path. Skriv inn en -1px Offset og klikk OK. Velg den resulterende formen og lag en kopi foran (Kontroll + C> Kontroll + F). Velg denne kopien og flytt den 1px ned med nedpilen fra tastaturet. Velg begge formene som er laget i dette trinnet, og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit og endre blandemodus til overlegg.
Velg formen som ble gjort i det trettende trinnet, og gå til Objekt> Sti> Offset Path. Skriv inn en -1px Offset og klikk OK. Velg den resulterende formen og lag en kopi foran (Kontroll + C> Kontroll + F). Velg denne kopien og flytt den 1px opp med pilen fra tastaturet. Velg begge formene som er laget i dette trinnet, og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 200 G = 136 B = 26. Velg formen som ble gjort i det trettende trinnet og fokus på Utseendepanelet. Legg til 1pt slag, juster det til innsiden og sett fargen på R = 208 G = 154 B = 62.
Velg rektangulærverktøyet (M) og opprett en form av 14 til 32 px. Fyll den med den lineære gradienten som vises nedenfor, plasser den som vist i det følgende bildet og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 1px, klikk OK og gå til Objekt> Utvid utseende.
Velg formen som ble gjort i forrige trinn og lag to kopier foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg toppkopien og flytt den 1px til venstre. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 208 G = 154 B = 62.
Velg formen laget i trettittredje 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 R = 208 G = 154 B = 62.
Velg formen laget i trettittredje 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 = 200 G = 136 B = 26.
Velg formen som ble gjort i trettittredje trinnet, og gå til Objekt> Sti> Offset Path. Skriv inn en -1px Offset og klikk OK. Velg den resulterende formen og lag en kopi foran (Kontroll + C> Kontroll + F). Velg denne kopien og flytt den 1px ned. Velg begge formene som er laget i dette trinnet, og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit og endre blandemodus til overlegg.
Ved hjelp av rektangulærverktøyet (M), opprett en form for 20 til 11 px og legg den som vist på det første bildet. Fyll det med ingen, men legg til et 3pt slag. Velg en tilfeldig farge for streken, og gå deretter til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 3px, klikk OK og gå til Objekt> Sti> Strektslag. Velg den resulterende formen, send den til baksiden og fokus på Utseendepanelet. Fyll den med den lineære gradienten som vises nedenfor, legg deretter til 1pt slag og sett fargen på R = 208 G = 154 B = 62.
Ved hjelp av rektangulærverktøyet (M), opprett en form for 20 til 1 px, fyll den med R = 208 G = 154 B = 62 og legg den som vist på det første bildet. Kontroller at dette tynne rektangel er valgt, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en 0,5 px radius, klikk OK og gå til Effekt> Stylize> Drop Shadow. Skriv inn egenskapene som vises nedenfor, klikk OK og gå til Effect> Distort & Transform> Transform. Skriv inn dataene som vises i følgende bilde, og klikk OK.
Velg alle figurene som er laget i de siste fjorten trinnene, og grupper dem (Control + G). Velg denne nye gruppen og legg til de tre Drop Shadow-effektene som vises i følgende bilde (start med den venstre).
Velg gruppen laget i forrige trinn og lag en kopi foran (Kontroll + C> Kontroll + F). Plasser disse to gruppene som vist på bildet nedenfor.
Til slutt, la oss legge til en fin bakgrunn. Ved hjelp av rektangelverktøyet (M), lag en form på størrelsen på tavlen din og fyll den med R = 225 G = 225 B = 215. Pass på at dette rektangelet blir valgt og fokusert på Utseendepanelet. Legg til en ny fylling for denne formen ved hjelp av knappen Legg til ny fylling (pekt av den lille, blå pilen). Velg denne nye fyllingen og bruk den radiale gradienten som vises i følgende bilde. Den gule nullen fra gradientbildet står for Opacity-prosentandel.
Gå tilbake til Utseendepanelet og legg til en tredje fylling for bakgrunnsformen. Velg den, gjør den svart, endre blandemodus for å multiplisere, senk dens opasitet til 3% og gå til Effekt> Kunstnerisk> Filmkorn. Skriv inn egenskapene som vises nedenfor, klikk OK, gå tilbake til Utseendepanelet og legg til en fjerde fylling. Du vil trenge et innebygd mønster for denne endelige fyllingen.
Gå til fargepanelet, åpne menyen for utflukt og gå til Åpne fargebibliotek> Mønster> Grunnleggende grafikk> Grunnleggende grafikk_tekster. Et nytt vindu med et sett med innebygde mønstre skal åpnes. Kontroller at den fjerde fyllingen fortsatt er valgt, legg til "Diamond" -mønsteret, senk Opacity til 10%, endre blandemodus til Multiply og gå til Effect> Artistic> Film Grain. Skriv inn egenskapene som vises nedenfor, klikk OK, og du er ferdig.
Nå er arbeidet ditt gjort. Slik ser det ut. Jeg håper du har hatt denne opplæringen og kan bruke disse teknikkene i dine fremtidige prosjekter.
Accentsconagua