Share
Hva du skal skapeI de følgende trinnene lærer du hvordan du lager en enkel tegnepostillustrasjon i Adobe Illustrator.
Til å begynne med lærer du hvordan du konfigurerer et enkelt nett. Ved å bruke grunnleggende verktøy og effekter sammen med noen grunnleggende vektorkonstruksjonsteknikker, lærer du hvordan du lager stangen. Ved å bruke hovedsakelig Utseendepanelet og noen enkle tekststykker, lærer du hvordan du lager skiltene.
Til slutt lærer du hvordan forandre retningen på platene og hvordan du lager en enkel bakgrunn.
Truffet Kontroll-N å opprette et nytt dokument. Å velge piksler fra enheter rullegardinmenyen, skriv inn 600 i breddeboksen og 630 I høydeboksen klikker du deretter på Avansert knapp. Å velge RGB, Skjerm (72ppi) og sørg for at Juster nye objekter til pikselruten boksen er ikke merket før du klikker OK.
Aktiver Nett (Vis> Vis rutenett) og Snap to Grid (Se> Snap to Grid). Til å begynne med trenger du et rutenett hver 5px, så bare gå til Rediger> Innstillinger> Guider> Grid, Tast inn 5 i Gridline hver boks og 1 i inndelinger eske. Forsøk ikke å bli motløs av alt det rutenettet, det vil lette arbeidet ditt og huske på at du enkelt kan aktivere eller deaktivere den ved hjelp av Styre-" hurtigtast. Du bør også åpne info panelet (Vindu> Info) for et levende forhåndsvisning med størrelsen og plasseringen av figurene dine. Ikke glem å sette måleenheten til piksler fra Rediger> Innstillinger> Enheter> Generelt. Alle disse alternativene øker arbeidshastigheten betydelig.
Velg Rektangelverktøy (M), lage en 15 x 480px form og plasser det grovt som vist på bildet nedenfor. Pass på at denne formen forblir valgt, åpne gradient panelet (Vindu> Gradient) og klikker bare på gradient miniatyrbildet for å legge til standard svart-hvitt lineær gradient.
Fortsett å fokusere på gradient panel, sett inn Angle på 0 grader deretter flytte til gradient farger. Velg glidebryteren for venstre gradient og sett fargen på R = 15 G = 20 B = 25 velg deretter den høyre gradientregulatoren og sett fargen på R = 55 G = 60 B = 65. Fokus på graderingslinjen og klikk på den for å legge til en ny glidebryter. Pass på at denne nye skyveknappen er valgt, sett fargen sin på R = 100 G = 105 B = 110, fokus på plassering boks (fra gradient panelet) og sett det på 35%. Husk at de hvite tallene fra gradient bilder står for plassering prosentdel. Legg til ytterligere to skyveknapper for gradienten din, og bruk deretter fargen og plassering attributter vist i følgende bilde.
Pass på at rektangelet ditt fortsatt er valgt og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en 1px Radius, klikk OK og gå til Effekt> Warp> Arc Upper. Skriv inn egenskapene som vises i det følgende bildet og klikk OK.
For de følgende trinnene trenger du et rutenett hver 1px, så gå til Rediger> Innstillinger> Guider og rutenett og skriv inn 1 i Gridline hver eske. Bruker Ellipseverktøyet (L), opprett en 11px sirkel, fyll den med den radiale gradienten som vises nedenfor, og legg den som vist på bildet nedenfor. Fokuser på tavla og bruk Gradient Tool (G) å strekke den radiale gradienten som vist nedenfor.
Bruker Ellipseverktøyet (L), lage en 19 x 8px form, sett fyllfarge på R = 39 G = 170 B = 225 og legg det som vist i det første bildet. Bytt til Rektangelverktøy (M), lage en 19 x 5px form og plasser den som vist i det andre bildet. Velg begge formene som er laget i dette trinnet, åpne Pathfinder panelet (Vindu> Pathfinder) og klikk på Forene knapp.
Bruker Ellipseverktøyet (L), lage en 19 x 8px form, fyll den med den lineære gradienten som vises nedenfor, og legg den som vist i det første bildet. Velg denne klemt sirkelen sammen med din blå form og klikk på Minus Front knapp fra Pathfinder panel. Sørg for at den resulterende gruppen er valgt og bare hit Skift-Control-G til Del opp gruppe den. Velg de nederste, blå figurene (uthevet i det tredje bildet) og fjern dem ved hjelp av Slett knapp fra tastaturet ditt. Velg den gjenværende blåformen og erstatt eksisterende fyllfarge med R = 225 G = 225 B = 225.
Deaktiver Snap to Grid (Se> Snap to Grid) deretter gå til Rediger> Innstillinger> Generelt og sørg for at Tastaturøkning er satt til 1px. Vellgjenn din klemt sirkel og gjør to eksemplarer foran (Control-C> Control-F> Control-F). Velg toppkopien og flytte den 1px ned med pil ned-knappen fra tastaturet.
Velg begge kopier som er gjort i dette trinnet, og klikk på Minus Front knapp fra Pathfinder panel. Pass på at den resulterende formen forblir valgt og fokusere på Utseende panel. Erstatt eksisterende fyllfarge med hvit (R = 255 G = 255 B = 255) så klikk bare på det "opacity"stykke tekst for å åpne åpenhet fly-out panel. Senk opacity til 80% og endre Blandingsmodus til Mykt lys.
Velg alle figurene som er markert i det første bildet og bare klikk Kontroll-G til Gruppe dem. Pass på at den nye gruppen din er valgt og treff Shift-Control-[ å sende den til rygg.
Aktiver Snap to Grid (Se> Snap to Grid). Bruker Rektangelverktøy (M), lage en 17 x 52px form, sett fyllfarge på R = 26 G = 29 B = 31 og legg det som vist i bildet nedenfor.
Pass på at ditt mørke rektangel fortsatt er valgt og gå til Effekt> Distort & Transform> Transform. Skriv inn egenskapene som vises i det følgende bildet, klikk OK og gå til Objekt> Utvid Utseende. Velg den resulterende gruppen av figurer og treff Skift-Control-G to ganger.
Velg de fem, mørke rektanglene som ble gjort i det forrige trinnet, og velg bare Kontroll-8 å gjøre dem til en Forbindelsesvei. Bruker Direkte utvalgsverktøy (A), velg hele sammensatte banen, fokus på kontrollpanelet og skriv inn "1px" i det Corners eske.
Kontroller at din sammensatte sti fortsatt er valgt og gå til Effekt> Warp> Bulge. Skriv inn egenskapene som vises i det følgende bildet, klikk OK så bare slå Shift-Control-[ å sende den til rygg.
Bruker Rektangelverktøy (M), lage en 17 x 52px form, sett fyllfarge på R = 39 G = 170 B = 225 og legg det som vist i bildet nedenfor.
Pass på at ditt blå rektangel fortsatt er valgt og gå til Effekt> Distort & Transform> Transform. Skriv inn egenskapene som vises i det følgende bildet, klikk OK og gå til Objekt> Utvid Utseende. Kontroller at den resulterende gruppen av figurer er valgt, trykk Skift-Control-G to ganger så skru de blå rektanglene inn i en enkel sammensatt sti.
Kontroller at den blå sammensatte banen din fortsatt er valgt og gå til Effekt> Warp> Bulge. Skriv inn egenskapene som vises i det følgende bildet, klikk OK og gå til Objekt> Utvid Utseende.
Bruker Direkte utvalgsverktøy (A), velg hele blå sammensatte banen, fokus på kontrollpanelet og skriv inn "1px" i det Corners eske. Pass på at den blå sammensatte banen fortsatt er valgt, og klikk på Dele opp knapp fra Pathfinder panel. Velg den resulterende gruppen av figurer og bare klikk Skift-Control-G til Del opp gruppe den. Til slutt bør du ha fem, separate, blå figurer.
Deaktiver Snap to Grid (Se> Snap to Grid). Fokuser på toppen, blå form, velg den og lag to kopier foran (Control-C> Control-F> Control-F). Velg toppkopien og flytte den 1px ned med pil ned-knappen fra tastaturet. Velg begge kopier og klikk på Minus Front knapp fra Pathfinder panel. Kontroller at den resulterende formen er valgt og erstatt eksisterende fyllfarge med R = 76 G = 79 B = 81.
Velg din øverste blå form og lage to eksemplarer foran (Control-C> Control-F> Control-F). Velg toppkopien og flytte den 1px opp med pil opp-knappen fra tastaturet. Velg begge kopier og klikk på Minus Front knapp fra Pathfinder panel. Kontroller at den resulterende formen er valgt og erstatt eksisterende fyllfarge med R = 76 G = 79 B = 81.
Velg din øverste blå form og lage to eksemplarer foran (Control-C> Control-F> Control-F). Velg toppkopien og flytte den 3px ned. Velg begge kopier og klikk på Minus Front knapp fra Pathfinder panel. Kontroller at den resulterende formen er valgt og erstatt eksisterende fyllfarge med den lineære gradienten som vises i følgende bilde.
Velg din øverste blå form og lage to eksemplarer foran (Control-C> Control-F> Control-F). Velg toppkopien og flytte den 3px opp. Velg begge kopier og klikk på Minus Front knapp fra Pathfinder panel. Pass på at den resulterende formen er valgt og erstatt eksisterende fyllfarge med samme lineære gradient som ble brukt i forrige trinn.
Velg den øverste blå formen og erstatt eksisterende fyllfarge med den lineære gradienten som vises i følgende bilde.
Flytt til de neste blå figurene, og gjenta gjerne teknikkene som brukes til topp, blå form. Til slutt bør ting se ut i det følgende bildet.
Aktiver Snap to Grid (Se> Snap to Grid) og gå tilbake til gridline hver 5px, så bare gå til Rediger> Innstillinger> Guider og rutenett og skriv inn 5 i Gridline hver eske. Bruker Rektangelverktøy (M), lage en 155 x 50 px form, fyll den med den lineære gradienten som vises nedenfor, og legg den som vist på bildet nedenfor. Ikke glem det hvite nummeret fra gradient bildet står for plassering prosentdel.
Flytt til lag panelet (Vindu> Lag), klikker du bare på formen som er laget i dette trinnet og gir den navnet "tallerken".
Pass på at "tallerken"form forblir valgt og gå til Objekt> Sti> Legg til ankerpoeng. Bytt til Direkte utvalgsverktøy (A) og fokus på høyre side av formen din. Velg topp- og bunnankerpunktene og dra dem ganske enkelt 25px til venstre. Pass på at Direkte utvalgsverktøy (A) forblir aktiv, velg ankerpunktet fremhevet av den lilla sirkelen i det andre bildet, fokus på kontrollpanelet og bare skriv inn 5px i Corners eske. Velg de to ankerpunktene som er markert av de grønne kretsene i det andre bildet og skriv inn 10px i det samme Corners boks fra kontrollpanelet. Til slutt din "tallerken"skal se ut i det tredje bildet.
Pass på at "tallerken"form forblir valgt, fokus på Utseende panel, velg strekk, sett fargen på svart (R = 0 G = 0 B = 0) så klikk bare på "Stroke"stykke tekst for å åpne Stroke fly-out panel. Sett Vekt på 5px og sjekk Juster strekk til innsiden knapp.
Gå tilbake til Utseende panel og bare klikk på "opacity"stykke tekst som står for ditt slag for å åpne åpenhet fly-out panel. Senk opacity til 20% og endre Blandingsmodus til Mykt lys.
Pass på at "tallerken"form forblir valgt, fokus på Utseende panel, og legg til et nytt slag ved hjelp av Legg til nytt slag knappen (peker med den blå sirkelen i det følgende bildet). Velg ditt nye slag, sett inn Vekt på 2 piksler, Undersøk Juster strekk til innsiden knapp fra Stroke fly-out panel og legg til den lineære gradienten som vises i bildet nedenfor.
Pass på at dette nye slaget fortsatt er valgt og gå til Effekt> Path> Offset Path. Skriv inn en -1px Offset, klikk OK og gå til Effekt> Stylize> Drop Shadow. Skriv inn egenskapene som vises i det følgende bildet og klikk OK.
Pass på at "tallerken"form forblir valgt, fokus på Utseende panel, og legg til et tredje slag ved hjelp av det samme Legg til nytt slag knapp. Velg dette nye taket, sett inn Vekt på 1px, Undersøk Juster strekk til innsiden knapp fra Stroke fly-out panel og sette fargen på R = 76 G = 79 B = 81.
Bruker Rektangelverktøy (M), lage en 10 x 50px form, sett fyllfarge på svart og legg det som vist i første bilde. Pass på at dette nye rektangelet blir valgt, fokus på Utseende panelet, senk det opacity til 20% og endre Blandingsmodus til Mykt lys. Velg Typeverktøy (T), bare klikk på artbboard og legg til teksten. Kontroller at den forblir valgt og åpne Karakter panelet (Vindu> Type> Tegn). Bruke Byrå FB font, gjør det Modig sett deretter størrelsen på 20px og fargen på R = 245 G = 245 B = 245.
Bytte til gridline hver 1px, så gå til Rediger> Innstillinger> Guider og rutenett og skriv inn 1 i Gridline hver eske. Bruker Pennverktøyet (P), lage en 14 piksler, vertikal bane og plasser den som vist på bildet nedenfor. Velg denne nye banen og fokus på Utseende panel. Pass på at det ikke er satt farger for fyllingen, og velg deretter strekningen. Sett fargen på R = 225 G = 225 B = 225 åpne deretter Stroke fly-out panel. Sett Vekt på 3px Sjekk deretter Round Cap og Round Join knapper.
Pass på at den vertikale banen din fortsatt er valgt og gå til Objekt> Sti> Legg til ankerpoeng. Bruker Direkte utvalgsverktøy (A), velg det nylig lagt ankerpunktet og dra det 8 piksler til høyre. Til slutt skal ting se ut i det tredje bildet. Pass på at pilbanen din blir valgt og gå til Effekt> Stylize> Drop Shadow. Skriv inn egenskapene som vises i det følgende bildet og klikk OK.
Velg din "tallerken"form sammen med tekststykket, det svarte rektangelet og den lille pilbanen og Gruppe dem (Kontroll-G). Pass på at denne nye gruppen er valgt, bare send den til rygg (Shift-Control-[ ) deretter flytte til lag panel og gi nytt navn til det "signPlate".
Tilbake til gridline hver 5px, så bare gå til Rediger> Innstillinger> Guider og rutenett og skriv inn 5 i Gridline hver eske. Multipliser din "signPlate"gruppe (Control-C> Control-F), sprer kopier som vist i det følgende bildet og bytt tekststykkene som vist på bildet nedenfor.
Lag ytterligere to kopier av "signPlate"gruppe, velg begge og gå til Objekt> Transformere> Reflektere. Undersøk vertikal boksen og klikk på OK knapp. Plasser disse nye gruppene som vist i det følgende bildet, fjern de eksisterende tekstbitene og legg til noen nye med tilsvarende egenskaper.
Velg toppen, høyre "signPlate"gruppe og gå til Effekt> Forvreng og transformer> Gratis forvreng. Dra de ankerpunktene som vist i bildet og klikk på OK.
Velg midt, høyre "signPlate"gruppe og gå til Effekt> Forvreng og transformer> Gratis forvreng. Dra de ankerpunktene som vist i bildet og klikk på OK.
Velg nederst, høyre "signPlate"gruppe og gå til Effekt> Forvreng og transformer> Gratis forvreng. Dra de ankerpunktene som vist i bildet og klikk på OK.
Velg toppen, venstre "signPlate"gruppe og gå til Effekt> Forvreng og transformer> Gratis forvreng. Dra de ankerpunktene som vist i bildet og klikk på OK.
Velg nederst, venstre "signPlate"gruppe og gå til Effekt> Forvreng og transformer> Gratis forvreng. Dra de ankerpunktene som vist i bildet og klikk på OK.
Velg Rektangelverktøy (M) og bare klikk på tavla for å åpne Rektangel vindu. Tast inn 610 i Bredde boks og 640 i Høyde boksen og klikk deretter på OK knappen for å lage ditt nye rektangel. Kontroller at denne nye formen fortsatt er valgt, sett fyllfarge på R = 239 G = 253 B = 225, send det til baksiden (Shift-Control-[ ) åpne deretter Rette inn panelet (Vindu> Juster).
Sett innstillingen til Artboard (åpne menyen for å fly ut og gå til Vis alternativer hvis du ikke kan se Juster til seksjon som vist på bildet nedenfor), kontroller at formen din er valgt, klikk deretter på Horisontal justeringssenter og Vertikal Justeringssenter knapper. Til slutt skal formen din dekke hele tegnebrettet som vist på bildet nedenfor.
Sørg for at det blå rektangelet i fremdeles er valgt, fokus på Utseende panel og legg til en ny fylling ved hjelp av Legg til ny fylling knappen (peker med den blå sirkelen i det følgende bildet). Velg denne nye fyllingen, senk den opacity til 20%, endre Blandingsmodus til Multiplisere og legg til den radiale gradienten som vises i bildet nedenfor.
Husk at den gule nullen fra gradient bildet står for opacity prosentdel. Dette betyr ganske enkelt at du må velge den gradientregulatoren, fokusere på opacity boks (fra gradient panelet) og sett det på 0%.
Slik ser det ut. Jeg håper du har hatt denne opplæringen og kan bruke disse teknikkene i dine fremtidige prosjekter.
Accentsconagua