How å skape en åpen og lukket glidelås i Adobe Illustrator
I det følgende opplæringen vil du lære hvordan å lage en enkel glidelås illustrasjon i Adobe Illustrator. Vi skal opprette start figurer ved hjelp av rektangelverktøyet, Pathfinder panel og noen grunnleggende form byggeteknikker. Deretter vil vi gå inn for å legge til opplysninger ved å bruke Transform og Drop Shadow effekt sammen med noen grunnleggende blandingsteknikker. For de siste detaljene skal vi bruke noen Warp effekter, utseendet panel og en enkel innebygd mønster.
Trinn 1
Hit Command + N å opprette et nytt dokument. Skriv inn 600 i boksen Bredde og 800 i høyden boksen klikk deretter på knappen Avansert. Velg RGB, Screen (72ppi) og sørg for at den "Rett nye objekter til Pixel Grid" boksen ikke er merket før og klikk på OK.
Aktiver Grid (View > Vis rutenett) og Fest til rutenett (View > Fest til rutenett). Du trenger et rutenett hver 1px. Bare gå til Rediger > Innstillinger > 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 å sette måleenheten til piksler fra Rediger > Innstillinger > Enhet > General. Alle disse alternativene vil øke arbeidshastigheten.
Trinn 2
Bruke rektangelverktøyet (M), satt fyllfargen på R = 237 G = 203 B = 72 og lage en syv av 12px form. Fortsett med rektangelverktøyet (M), opprette en 4px torg og plasser den som vist i det andre bildet. Til slutt lage et 4 av 8 piksler form og legg den som vist i tredje bildet. Velg alle tre former, åpne Pathfinder-panelet og klikk på Unite-knappen.
Trinn 3
Velg den formen laget i forrige trinn, og gå til Object > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Velg den resulterende formen og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien og flytte den 1PX opp ved hjelp av pil opp fra tastaturet. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Velg den resulterende gruppe av former, slå den inn i en sammensatt bane (Object > sammensatt bane > Lag). Og fyll den med R = 200 G = 136 B = 26
Trinn 4
Velg den formen laget i det andre trinnet og gå til Object > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Velg den resulterende formen og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien og flytte den 1PX ned ved hjelp av pil ned på tastaturet. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Velg den resulterende gruppe av former, slå den inn i en sammensatt bane (Object > sammensatt bane > Lag), fyll den med hvit og endre Blending Mode til overlegg.
Trinn 5
Velg den formen laget i andre trinn og fokus på utseendet panel. Legg en 1pt slag, justere den til inne og sette farge på R = 208 G = 154 B = 62. Reselect denne gule formen sammen med de to sammensatte baner som er gjort i de to siste trinnene og konsernet dem (Control + G). Velg denne nye gruppen og gå til Object > Transform > Reflektere. Sjekk Vertikal knappen og klikk på Kopier-knappen. Dette vil skape en horisontalt snudd gruppe kopi. Velg den og legger den som vist i fjerde bildet.
Trinn 6
Velg begge gruppene laget i forrige trinn og gå til Effect > Forvrenge & Transform > Transform. Skriv inn egenskapene som vises i følgende bilde og klikk på OK.
Trinn 7
Velg det to grupper redigert i forrige trinn, og konsernet dem (Control + G). Velg denne nye gruppen og gå til Effect > Stylize > Drop Shadow. Skriv inn egenskapene som vises i det øverste vinduet, klikk på OK og gå igjen til Effect > Stylize > Drop Shadow. Skriv inn egenskapene som vises i det nederste vinduet og klikk på OK.
Trinn 8
Fokus på undersiden av gruppen gjorde i forrige trinn. Bruke rektangelverktøyet (M), opprette en 24 ved 10px form, fyll den med R = 208 G = 154 B = 62 og plasser den som vist i følgende bilde. Sørg for at denne gule rektangelet er valgt og gå til Effect > Stylize > Avrundede hjørner. Skriv en 1px radius, klikk på OK og gå til Effect > Warp > Arc Øvre. Skriv inn egenskapene som vises nedenfor, klikk på OK og gå til Object > Utvid Utseende
Trinn 9
Velg den formen laget i forrige trinn, og gå til Object >.; Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Velg den resulterende formen og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien og flytte den 1PX opp ved hjelp av pil opp fra tastaturet. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 200 G = 136 B = 26
Trinn 10
Velg den formen laget i det åttende trinnet og går til Object >.; Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Velg den resulterende formen og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien og flytte den 1PX ned ved hjelp av pil ned på tastaturet. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med hvit og endre Blending Mode til Overlay.
Step 11
Velg det formen gjort i åttende trinn og fokus på utseendet panel. Legg en 1pt slag, justere den til inne og sette farge på R = 208 G = 154 B = 62.
Step 12
Marker på nytt alle former laget i de siste fire trinn og konsernet dem (Control + G). Velg denne nye gruppen og gå til Effect > Stylize > Drop Shadow. Skriv inn egenskapene som vises i det venstre vinduet, klikk på OK og gå igjen til Effect > Stylize > Drop Shadow. Skriv inn egenskapene som vises i vinduet til høyre og klikk på OK.
Trinn 13
Fokus på Lag-panelet og åpne gruppe gjort i det syvende trinn. Velg bunngruppen og lage en kopi i front (Ctrl + C > Control + F). Velg denne nye gruppen, og dra den utenfor hovedgruppen, i toppen av Lag-panelet. Sørg for at den nye gruppen er fortsatt valgt, plasser den som vist i det første bildet deretter fokusere på utseendet panel. Først åpner eksisterende Transform Effect og redigere det som vist i følgende bilde tilsett Drop Shadow effekt vist nedenfor.
Step 14
Velg gruppen gjorde i forrige trinn og gå til Object > Transform > Reflektere. Sjekk Vertikal knappen og klikk på Kopier-knappen. Velg denne nyopprettede gruppe, dra den til høyre og plassere den som vist i tredje bildet. Sørg for at denne nye gruppen er fortsatt valgt og fokus på utseendet panel. Åpne eksisterende Drop Shadow effekt og redigere det som vist i følgende bilde.
Trinn 15
Fokus på oversiden av gruppen gjorde i forrige trinn. Plukk rektangel Tool (M) og lage en 14 av 7px form. Fyll den med R = 237 G = 203 B = 72, legg den som vist i det første bildet og gå til Effect > Stylize > Avrundede hjørner. Skriv en 2 piksler radius, klikk på OK og gå Object > Utvid Utseende.
Step 16
Velg den formen laget i forrige trinn, og gå til Object > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Velg den resulterende formen og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien og flytte den 1PX opp ved hjelp av pil opp fra tastaturet. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 200 G = 136 B = 26
Trinn 17
Velg den formen laget i det femtende trinnet og går til Object >.; Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Velg den resulterende formen og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien og flytte den 1PX ned ved hjelp av pil ned på tastaturet. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med hvit og endre Blending Mode til Overlay.
Step 18
Velg det formen gjort i det femtende trinnet og fokus på utseendet panel. Legg en 1pt slag, justere den til inne og sette farge på R = 208 G = 154 B = 62. Velg denne avrundet rektangel sammen med to figurer som er gjort i de to siste trinnene og konsernet dem (Control + G). Velg denne nye gruppen og gå til Effect > Stylize > Drop Shadow. Skriv inn egenskapene som vises i det andre bildet, og klikk på OK. Lag en kopi av denne gruppen (Ctrl + C > Ctrl + F), drar den til venstre og plasser den som vist i tredje bildet.
Step 19
Velg alle figurene er laget så langt, og kopiere dem (Ctrl + 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ås, velg to gruppen pekte på det første bildet, og bare slette dem. Til slutt dine andre zippet bør se ut i det andre bildet.
Trinn 20
Fokus på at andre glidelås gjort i forrige trinn. Velg de to gruppene uthevet i det første bildet og gå til Object > Utvid Utseende. Gruppe de resulterende former og gå til Effect > Warp > Bue. Skriv inn egenskapene som vises i følgende bilde, klikker du på OK og gå til Object > Utvid Utseende.
Step 21
Velg den gruppen av former laget i forrige trinn og gå til Object > Transform > Rotere. Skriv inn en 18 graders vinkel, og klikk OK. Plasser denne gruppen, som vist i det andre bildet.
Step 22
Velg gruppen redigeres i forrige trinn, og gå til Object > Transform > Reflektere. Sjekk Vertikal knappen og klikk på Kopier-knappen. Velg den nyopprettede gruppen og plassere den som vist i tredje bildet.
Trinn 23
Bruke rektangelverktøyet (M), opprette en 18 av 170 piksler form, fyll den med R = 80 G = 80 B = 80 og plasser den som vist i det første bildet. Fortsett med rektangelverktøyet (M), opprette en 18 ved 185px form, fyll den med R = 80 G = 80 B = 80 og plasser den som vist i det første bildet. Velg begge rektangler og sende dem tilbake (Shift + Ctrl + [)
Step 24
Velg den venstre rektangel gjort i forrige trinn og gå til Effect >.; Stylize > Avrundede hjørner. Skriv en 3px radius, klikk på OK og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor, klikk OK og fokus på utseendet panel. Velg fyll og gå til Effect > Stylize > Indre glød. Skriv inn egenskapene som vises i følgende bilde og klikk på OK
Step 25
Velg den andre grå rektangelet og gå til Effect >.; Stylize > Avrundede hjørner. Skriv inn et 15px radius, klikk på OK og gå til Effect > Warp > Bue. Skriv inn egenskapene som vises i følgende bilde, klikker du på OK og gå til Effect > Warp > Shell Øvre. Skriv inn egenskapene som vises nedenfor, klikk på OK og gå til Effect > Stylize > Drop Shadow. Tast inn dataene vist i følgende bilde, klikker du på OK og fokus på utseendet panel. Velg fyll og gå til Effect > Stylize > Indre glød. Skriv inn egenskapene som vises i følgende bilde og klikk på OK.
Step 26
Bruke rektangelverktøyet (M), opprette en 28 med 70 piksler form, fyll den med lineær gradient vist nedenfor, og gå til Effect > Stylize > Avrundede hjørner. Skriv en 3px radius, klikk på OK og gå til Effect > Warp > Utbulning. Tast inn dataene vist i følgende bilde, klikker du på OK og gå til Object > Utvid Utseende.
Step 27
Velg den formen laget i forrige trinn, og gå til Object > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Velg den resulterende formen og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien og flytte den 1PX ned ved hjelp av pil ned på tastaturet. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med hvit og endre Blending Mode til overlegg.
Step 28
Velg den formen gjort i tjue-sjette trinn og gå til Object > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Velg den resulterende formen og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien og flytte den 1PX opp ved hjelp av pil opp fra tastaturet. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 200 G = 136 B = 26.
Trinn 29
Velg den formen gjort i tjue-sjette trinn, fokus på Utseende panel og legge en 3pt slag. Velg det, sette farge på R = 208 G = 154 B = 62, justere den til inne og senk Opacity til 25%. Hold fokus på Utseende panel og legge til en andre slag for denne form ved hjelp av Legg til ny Stroke knappen (påpekt av den lille, blå pil). Velg denne nye slag, gjør det 2PT bred, sette farge på R = 208 G = 154 B = 62, justere den til inne og senk Opacity til 25%. Legg et tredje slag for din form, gjør det 1pt bred, justere den til inne og sette farge på R = 208 G = 154 B = 62.
Trinn 30
Fokus på oversiden av formen er endret i det foregående trinn. Bruke rektangelverktøyet (M), opprette en 28 ved 30px form, fyll den med lineær gradient vist nedenfor, plasser den som vist i følgende bilde og gå til Effect > Stylize > Avrundede hjørner. Skriv en 3px radius, klikk på OK og gå til Effect > Warp > Utbulning. Skriv inn egenskapene som vises i følgende bilde, klikker du på OK og gå til Object > Utvid Utseende
Trinn 31
Velg den formen laget i forrige trinn, og gå til Object >.; Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Velg den resulterende formen og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien og flytte den 1PX ned ved hjelp av pil ned på tastaturet. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med hvit og endre Blending Mode til overlegg.
Step 32
Velg den formen laget i trettiende trinnet og går til Object > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Velg den resulterende formen og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien og flytte den 1PX opp ved hjelp av pil opp fra tastaturet. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 200 G = 136 B = 26. Reselect formen gjort i det trettiende trinn og fokus på utseendet panel. Legg en 1pt slag, justere den til inne og sette farge på R = 208 G = 154 B = 62.
Step 33
Velg den rektangelverktøyet (M) og lage en 14 ved 32px form. Fyll den med lineær gradient vist nedenfor, plasser den som vist i følgende bilde og gå til Effect > Stylize > Avrundede hjørner. Skriv en 1px radius, klikk på OK og gå til Object > Utvid Utseende
Step 34
Velg den formen laget i forrige trinn, og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F).. Velg den øverste kopiere og flytte den 1px til venstre. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 208 G = 154 B = 62.
Trinn 35
Velg den formen laget i trettitredje trinn og lage to kopier i front (kontroll + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1PX til høyre. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 208 G = 154 B = 62.
Trinn 36
Velg den formen laget i trettitredje trinn og lage to kopier i front (kontroll + 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 form med R = 200 G = 136 B = 26
Trinn 37
Velg den formen laget i trettitredje trinn og og gå til Object >.; Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Velg den resulterende formen og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien og flytte den 1px ned. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med hvit og endre Blending Mode til Overlay.
Trinn 38
Bruke rektangelverktøyet (M), opprette en 20 ved 11px form og plassere den som vist i det første bildet. Fyll den med ingen, men legger til en 3pt slag. Plukk en tilfeldig farge for hjerneslag og deretter gå til Effect > Stylize > Avrundede hjørner. Skriv en 3px radius, klikk på OK og gå til Object > Sti > Outline Stroke. Velg den resulterende formen, send den til å sikkerhets og fokus på utseendet panel. Fyll den med lineær gradient vist nedenfor deretter legge en 1pt slag og sette farge på R = 208 G = 154 B = 62.
Trinn 39
Bruke rektangelverktøyet ( M), opprette en 20 av 1px form, fyll den med R = 208 G = 154 B = 62 og plasser den som vist i det første bildet. Kontroller at denne tynne rektangel er valgt og gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 0.5px radius, klikk på OK og gå til Effect > Stylize > Drop Shadow. Skriv inn egenskapene som vises nedenfor, klikk på OK og gå til Effect > Forvrenge & Transform > Transform. Tast inn dataene vist i følgende bilde og klikk på OK.
Step 40
Velg alle former laget i de siste fjorten trinn og konsernet dem (Control + G). Velg denne nye gruppen og legge de tre Drop Shadow effekt vist i følgende bilde (start med den venstre).
Step 41
Velg gruppen gjorde i forrige trinn og lage en kopi i front (Ctrl + C > Control + F). Plassere disse to gruppene, som vist i følgende bilde.
Trinn 42
Til slutt, la oss legge til en fin bakgrunn. Bruke rektangelverktøyet (M), opprette en figur med den størrelsen på artboard og fyll den med R = 225 G = 225 B = 215. Pass på at dette rektangelet forblir valgt og fokusere på utseendet panel. Legg en annen fylling for denne form ved hjelp av Legg til ny Fill-knappen (påpekt av den lille, blå pil). Velg denne nye fyll og bruke radial gradient vist i følgende bilde. Den gule null fra gradienten bildet står for Opacity prosentandel.
Gå tilbake til Utseende panel og legge til en tredje fyll for din bakgrunn form. Velg det, gjør det svart, endre Blending Mode til Multipliser, senke Opacity til 3% og gå til Effect > Kunstnerisk > Film Grain. Skriv inn egenskapene som vises nedenfor, klikk OK, tilbake til Utseende panel og legge til en fjerde fyll. Du trenger en innebygd mønster for denne siste fyll.
Gå til Fargeprøver-panelet, åpner fly-out menyen og gå til Open Swatch Library > Patterns > Grunnleggende Grafikk > Grunnleggende Graphics_Textures. Et nytt vindu med et sett med innebygde mønstre skal åpne. Pass på at den fjerde fyllingen blir valgt, legge til "Diamond" mønster, senke Opacity til 10%, endre Blending Mode til Multipliser og gå til Effect > Kunstnerisk > Film Grain. Skriv inn egenskapene som vises nedenfor, klikk OK og du er ferdig.
Konklusjon
Nå arbeidet 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.