Learn Hvordan lage din egen Illustrasjon Sign Post i Adobe Illustrator
Hva du skal lage

I de følgende trinnene vil du lære hvordan du kan lage en enkel veiskiltet illustrasjon i Adobe Illustrator.

For det første vil du lære hvordan du kan sette opp en enkel nettet. Deretter bruker grunnleggende verktøy og effekter sammen med noen grunnleggende vektorform byggeteknikker vil du lære hvordan du lager stangen. Bruke hovedsakelig Utseende panel og noen enkle biter av teksten du vil lære hvordan du kan lage skiltplater.

Til slutt, vil du lære hvordan endre retningen av platene og hvordan du oppretter en enkel bakgrunn.

1. Opprett et nytt dokument og sette opp et rutenett

Hit Ctrl-N for å opprette et nytt dokument. Velg Pixels fra Units rullegardinmenyen, skriv 600 i bredden boksen og 630 i høyden boksen 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 plakater (View > Vis rutenett) og Fest til rutenett plakater (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. Prøv ikke å bli motløs av alle som rutenett, det vil lette arbeidet ditt og husk at du enkelt kan aktivere eller deaktivere den ved hjelp av kontroll- "tastatursnarvei Du bør også åpne infopanelet (Vindu > Info). For en leve forhåndsvisning med størrelsen og plasseringen av figurer Ikke glem å sette måleenheten til piksler fra Rediger >. Preferences > Units >.. Generelt Alle disse alternativene vil øke arbeidshastigheten

2. Lag polen

Trinn 1

Velg rektangel Tool (M), lage en 15 x 480px form og plassere den omtrent som vist i følgende bilde. Pass på at denne formen opphold valgt, åpner Gradient panelet (Vindu > Gradient)., og klikker på gradient miniatyr å legge standard svart til hvitt lineær gradient

Hold fokus på Gradient panel, sett Angle ved 0 grader og deretter flytte til graderingsfarger. Velg den venstre gradient glidebryteren og sette farge på R = 15 G = 20 B = 25 velg deretter høyre gradient glideren og sette farge på R = 55 G = 60 B = 65. Fokus på gradient linjen og klikker på den for å legge til en ny gradient slider. Sørg for at denne nye glideren er valgt, satt sin farge på R = 100 G = 105 B = 110, fokus på boksen Plassering (fra Gradient panel) og sette den på 35%. Husk at de hvite tall fra Gradient bildene stå for Location prosentandel. Legge ytterligere to glidere for gradient deretter bruke farge og plassering attributter vist i følgende bilde.

Trinn 2

Kontroller at rektangelet er fortsatt valgt og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn en 1px Radius, klikk på OK og gå til Effect > Warp > Arc Øvre. Tast egenskapene som vises i følgende bilde og klikk på OK

Trinn 3

For de neste trinnene du trenger et rutenett hver 1px, så gå til Rediger >.; Preferanser > Guides & Grid og skriv inn 1
i Uten kraftlinjer hver
boks. Bruke Ellipse Tool (L), opprette en 11px sirkel, fyll den med radial gradient vist nedenfor, og legg den som vist i følgende bilde. Fokuser på din artboard og bruke Gradient Tool (G) for å strekke radial gradient som vist nedenfor.

Trinn 4

Bruke Ellipse Tool (L), opprette et 19 x 8 piksler form, satt fyllfargen på R = 39 G = 170 B = 225 og plassere den som vist i første bildet. Bytt til rektangel Tool (M), lage en 19 x 5px form og legg den som vist i det andre bildet. Reselect begge former laget i dette trinnet, åpner Pathfinder-panelet (Vindu > Pathfinder) og klikk på Unite-knappen.

Trinn 5

Bruke Ellipse Tool (L), opprette et 19 x 8 piksler form, fyll den med lineær gradient vist nedenfor, og legg den som vist i det første bildet. Velg dette presset sirkelen sammen med blått form og klikk på Minus Front knappen fra Pathfinder-panelet. Sørg for at den resulterende gruppen er valgt og bare trykke Shift-Control-G løse opp det. Velg bunnen, blå figurer (uthevet i tredje bildet) og fjerne dem ved å bruke knappen Slett fra tastaturet. Velg de rester blå form og erstatte den eksisterende fylle farge med R = 225 G = 225 B = 225.

Trinn 6

Deaktiver Fest til rutenett plakater (View > Fest til rutenett) og deretter gå til Rediger > Preferanser > Generell og sørg for at tastaturet Increment er satt til 1px. Reselect din presset sirkel og lage to kopier foran (Ctrl-C > Kontroll-F > Kontroll-F). Velg den øverste kopiere og flytte den 1px ned ved hjelp av pil ned på tastaturet.

Marker på nytt begge eksemplarene som er gjort i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Pass på at formen resulterer forblir valgt og fokusere på utseendet panel. Erstatte eksisterende fyllfarge med hvit (R = 255 G = 255 B = 255) og deretter klikker du bare på at " Opacity
" del av teksten for å åpne Transparency fly-out panel. Senk Opacity til 80% og endre Blending Mode til Soft Light.

Trinn 7

Velg alle figurene fremhevet i det første bildet, og bare trykke Ctrl-G å gruppere dem. Sørg for at den nye gruppen er valgt og traff Shift-kontroll-[å sende den til rygg.

3. Opprett Support Pieces for Signs

Trinn 1

Aktiver Fest til rutenett plakater (View > Fest til rutenett). Bruke rektangel Tool (M), lage en 17 x 52px form, satt fyllfargen på R = 26 G = 29 B = 31 og plasser den som vist i følgende bilde.

Trinn 2

Sørg for at din mørke rektangelet er fortsatt valgt og gå til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i følgende bilde, klikker du på OK og gå til Objekt > Utvid Utseende. Velg den resulterende gruppe av former og traff Shift-Control-G to ganger.

Trinn 3

Velg det fem, mørke rektangler gjort i forrige trinn, og bare trykke Ctrl-8 for å slå dem i en Compound Sti
. Bruke Direct Selection Tool (A), velger hele sammensatt bane, fokus på kontrollpanelet, og skriv "1px" i at Corners boks.

Trinn 4

Sørg for at din sammensatt bane er fortsatt valgt og gå til Effect > Warp > Utbulning. Tast egenskapene som vises i følgende bilde, klikker du på OK og deretter bare trykke Shift-kontroll-[å sende den til rygg.

Trinn 5

Bruk rektangel Tool (M), opprette en 17 x 52px form, satt fyllfargen på R = 39 G = 170 B = 225 og plassere den som vist i følgende bilde.

Trinn 6

Sørg for at din blå firkant er fortsatt valgt og gå til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i følgende bilde, klikker du på OK og gå til Objekt > Utvid Utseende. Sørg for at den resulterende gruppe figurer er valgt, traff Skift-Control-G to ganger og slå dine blå rektangler inn i en enkel sammensatt bane.

Trinn 7

Sørg for at din blå sammensatt bane er fortsatt valgt og gå til Effect > Warp > Utbulning. Tast egenskapene som vises i følgende bilde, klikker du på OK og gå til Objekt > Utvid Utseende.

Trinn 8

Bruke Direct Selection Tool (A), velger hele blå sammensatt bane, fokus på kontrollpanelet, og skriv "1px" i at Corners boks. Sørg for at din blå sammensatt bane er fortsatt velge og klikk på Divide knappen fra Pathfinder-panelet. Velg den resulterende gruppe figurer og bare trykke Shift-Control-G løse opp det. Til slutt bør du ha fem, separate, blå figurer

Trinn 9

Deaktiver Fest til rutenett
. (View > Fest til rutenett). Fokus på toppen, blå figuren, markerer du det og lage to kopier i front (Ctrl-C > Kontroll-F > Kontroll-F). Velg den øverste kopiere og flytte den 1px ned ved hjelp av pil ned på tastaturet. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Pass på at formen resulterende er valgt og erstatte den eksisterende fylle farge med R = 76 G = 79 B = 81.

Trinn 10

Marker på nytt din topp, blå form og lage to kopier i foran (Ctrl-C > Kontroll-F > Kontroll-F). Velg den øverste kopiere og flytte den 1px opp ved hjelp av pil opp fra tastaturet. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Pass på at formen resulterende er valgt og erstatte den eksisterende fylle farge med R = 76 G = 79 B = 81.

Trinn 11

Marker på nytt din topp, blå form og lage to kopier i foran (Ctrl-C > Kontroll-F > Kontroll-F). Velg den øverste kopiere og flytte den 3px ned. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Pass på at formen resulterende er valgt og erstatte den eksisterende fyllfarge med lineær gradient vist i følgende bilde.

Trinn 12

Marker på nytt din topp, blå form og lage to kopier i front (Ctrl-C > Kontroll-F > Kontroll-F). Velg den øverste kopiere og flytte den 3px opp. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Pass på at formen resulterende er valgt og erstatte den eksisterende fyllfarge med det samme lineær gradient brukt i forrige trinn.

Trinn 13

Marker på nytt din topp, blå form og erstatte den eksisterende fill farge med lineær gradient vist i følgende bilde.

Trinn 14

Flytt til neste blå figurer og bare gjenta teknikkene som brukes for din topp, blå form. Til slutt ting skal se ut i følgende bilde.

4. Opprett det første tegn Plate

Trinn 1

Aktiver Fest til rutenett plakater (View > Fest til rutenett) og gå tilbake til hjelpelinjer hver 5px, så bare gå til Rediger > Preferanser > Guides & Grid og skriv inn 5
i Uten kraftlinjer hver
boks. Bruke rektangel Tool (M), lage en 155 x 50 piksler form, fyll den med lineær gradient vist nedenfor, og legg den som vist i følgende bilde. Ikke glem at den hvite nummer fra Gradient bildet står for Location prosentandel.

Flytt til Lag-panelet (Vindu > Layers), klikker du bare på formen gjort i dette trinnet og endre navnet " plate
".

Trinn 2

Sørg for at din " plate
" form forblir valgt og gå til Objekt > Sti > Legg ankerpunkt. Bytt til Direct Selection Tool (A) og fokus på høyre side av formen. Velg den øverste og den nederste festepunktene og bare dra dem 25px til venstre. Kontroller at Direct Selection Tool (A) er fortsatt aktiv, velger ankerpunkt markert med lilla sirkel i det andre bildet, fokus på kontrollpanelet og bare skriv 5px i boksen Corners. Velg de to festepunktene markert med grønne sirkler i det andre bildet, og angi 10px i samme Corners boks fra kontrollpanelet. Til slutt din " plate
" skal se ut i det tredje bildet.

Trinn 3

Sørg for at din " plate
" form forblir valgt, fokus på Utseende panelet velger slag, sette farge på svart (R = 0 G = 0 B = 0) så klikker du bare på " Stroke
" del av teksten for å åpne Stroke fly-out panel. Sett vekt på 5px og sjekk Align Stroke til Inside knappen.

Gå tilbake til Utseende panelet og klikker på " Opacity
" stykke tekst som står for hjerneslag å åpne Transparency fly-out panel. Senk Opacity til 20% og endre Blending Mode til Soft Light.

Trinn 4

Sørg for at din " plate
" form forblir valgt, fokus på Utseende panelet, og legge til en andre strøk med Legg til ny Stroke knappen (spiss av den blå sirkelen i følgende bilde). Velg et nytt slag, stiller Vekt på 2px, sjekk Align Stroke til Inside knappen fra Strek fly-out panel og legge den lineære gradient vist i følgende bilde.

Sørg for at denne nye hjerneslag er fortsatt valgt og gå til Effect > Sti > Offset Path. Skriv inn et -1px Offset, klikk på OK og gå til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i følgende bilde og klikk på OK.

Trinn 5

Sørg for at din " plate
" form forblir valgt, fokus på Utseende panelet, og legge til en tredje strøk bruker det samme Legg til ny Stroke knappen. Velg denne nye slag, sett Vekt på 1px, sjekk Align Stroke til Inside knappen fra Strek fly-out panel og sette farge på R = 76 G = 79 B = 81.

Trinn 6

Bruk rektangel Tool (M), lage en 10 x 50 piksler form, satt fyllfargen på svart og plasser den som vist i det første bildet. Sørg for at denne nye rektangelet forblir valgt, fokus på Utseende panel, senke Opacity til 20% og endre Blending Mode til Soft Light. Plukk Type Tool (T), klikker du bare på artbboard og legge til tekst. Sørg for at det forblir valgt og åpne Tegn-panelet (Vindu > type > Character). Bruk Agency FB
font, gjør det Fet deretter sette størrelsen på 20px og fargen på R = 245 G = 245 B = 245.

Trinn 7

Switch til hjelpelinjer hver 1px, så gå til Rediger > Preferanser > Guides & Grid og skriv inn 1
i Uten kraftlinjer hver
boks. Bruke Pen Tool (P), opprette en 14px, vertikal bane og plasser den som vist i følgende bilde. Velg denne nye banen og fokus på utseendet panel. Pass på at det ikke er noen farge satt for fyll velg hjerneslag. Satt sin farge på R = 225 G = 225 B = 225 åpne deretter Stroke fly-out panel. Sett Vekt på 3px så sjekk Round Cap og Round Bli med knapper.

Trinn 8

Kontroller at vertikal bane er fortsatt slected og gå til Objekt > Sti > Legg ankerpunkt. Bruke Direct Selection Tool (A), velg den nylig lagt ankerpunktet og dra det 8PX til høyre. Til slutt ting skal se ut i det tredje bildet. Sørg for at pilen banen forblir valgt og gå til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i følgende bilde og klikk på OK.

Trinn 9

Marker på nytt din " plate
" form sammen med den aktuelle teksten, den svarte firkanten og den lille pilen banen og konsernet dem (Ctrl-G). Sørg for at denne nye gruppen er valgt, bare send den til å sikkerhets (Shift-kontroll-[) og deretter gå til Lag-panelet og endre navnet " signPlate
".

5. Multipliser din Sign Plate

Trinn 1

Gå tilbake til hjelpelinjer hver 5px, så bare gå til Rediger > Preferanser > Guides & Grid og skriv inn 5
i Uten kraftlinjer hver
boks. Multipliser din " signPlate
" gruppe (Ctrl-C > Kontroll-F), spredt kopiene som vist i følgende bilde og endre deler av teksten som vist i følgende bilde.

Trinn 2

Gjør ytterligere to kopier av " signPlate
" gruppe, velger du både og gå til Objekt > Transform > Reflektere. Sjekk Vertikal boksen og klikk på OK-knappen. Plasser disse nye grupper som vist i følgende bilde, fjerne de eksisterende biter av tekst og legge til noen nye med tilsvarende egenskaper.

6. Endre retningen på skiltet Tallerkener

Trinn 1

Velg den øverste, høyre " signPlate
" gruppe og gå til Effect > Forvrenge & Transform > Gratis Distort. Dra disse ankerpunkter som vist i følgende bilde og klikk på OK.

Trinn 2

Velg midten, rett " signPlate
" gruppe og gå til Effect > Forvrenge & Transform > Gratis Distort. Dra disse ankerpunkter som vist i følgende bilde og klikk på OK.

Trinn 3

Velg bunnen, rett " signPlate
" gruppe og gå til Effect > Forvrenge & Transform > Gratis Distort. Dra disse ankerpunkter som vist i følgende bilde og klikk på OK.

Trinn 4

Velg den øverste, venstre " signPlate
" gruppen og gå til Effect > Forvrenge & Transform > Gratis Distort. Dra disse ankerpunkter som vist i følgende bilde og klikk på OK.

Trinn 5

Velg den nederste, venstre " signPlate
" gruppe og gå til Effect > Forvrenge & Transform > Gratis Distort. Dra disse ankerpunkter som vist i følgende bilde og klikk på OK.

7. Legg en enkel bakgrunn

Trinn 1

Velg rektangel Tool (M) og klikker på artboard å åpne rektangulært vindu. Skriv inn 610 i boksen Bredde og 640 i høyden og klikker på OK-knappen for å opprette et nytt rektangel. Sørg for at denne nye formen forblir valgt, setter fyllfargen på R = 239 G = 253 B = 225, send den til å sikkerhets (Shift-kontroll-[) deretter åpne Juster-panelet (Vindu > Align).

Sett samkjøre til Artboard (åpne fly ut menyen og gå til Vis valg hvis du ikke kan se Strek Slik seksjonen som vist i følgende bilde), sørg for at formen er valgt deretter klikker Den horisontale Strek Senter og Vertikal Align midtknappen. Til slutt formen bør dekke hele artboard som vist i følgende bilde.

Trinn 2

Sørg for at din blå firkant i fortsatt valgt å fokusere på utseendet panel og legge til en annen fylling ved hjelp av Legg til ny Fyll knappen (påpekt av den blå sirkelen i følgende bilde ). Velg denne nye fyll, senke Opacity til 20%, endre Blending Mode til Multipliser og tilsett radial gradient vist i følgende bilde.

Husk at den gule null fra Gradient bildet står for Opacity prosentandel. Det betyr ganske enkelt at du må velge at gradient slider, fokus på Opacity boksen (fra Gradient panel) og sette den på 0%.

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