Create en enkel linje Graf i Adobe Illustrator
Hva du skal lage
I de følgende trinnene vil du lære hvordan du kan lage en enkel linjediagram i Adobe Illustrator. For det første vil du lære hvordan du kan sette opp en enkel nettet og hvordan å skape de to hoved rektangler. Deretter vil du lære hvordan du oppretter en stiplet rutenett med Rectangular Grid Tool sammen med noen grunnleggende effekter og Stroke attributter. Flytte på vil du lære hvordan du oppretter linjen guider ved hjelp av bare Utseende panel og hvordan du lagrer og bruker en enkel grafisk stil. Til slutt, vil du lære hvordan lage noen enkle stykker med tekst og hvordan du legger subtile skyggelegging.
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 bredde og høyde boksene 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 Bakgrunn og hoved Shape
Trinn 1
Velg rektangel Tool (M) og fokus på verktøylinjen. Fjern fargen fra hjerneslag velg deretter fyll og satt sin farge på R = 40 G = 35 B = 45. Bare klikk på artboard å åpne rektangulært vindu. Skriv inn 610 i Bredde- og Høyde klikk deretter på OK-knappen for å opprette 610px torget.
Neste, du trenger å sentrere denne nye formen, så å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 image) så klikker du bare på Horisontal Strek Senter og Vertikal Align midtknappen. Til slutt din torget bør dekke hele artboard som vist i følgende bilde.
Flytt til Lag-panelet (Vindu > Layers)., åpner eksisterende lag, rett og slett dobbeltklikk Kontroller at rektangel Tool (M) er fortsatt aktive, satt fyllfargen på R = 30 G = 61 B = 81, skape en 475px torg og plasser den omtrent som vist i følgende bilde. Flytt til Lag-panelet og bare endre navn på denne nye formen " hoved Fokus på verktøylinjen, fjerne fargen fra fylle velg deretter slaget og sette farge på hvitt (R = 255 G = 255 B = 255) . Hold fokus på verktøylinjen og velg Rectangular Grid Tool for å åpne Rectangular Grid Tool Options vinduet. Bare klikk på artboard, angi alle attributtene vist i følgende bilde klikk deretter på OK-knappen. Sørg for at denne nye rutenettet er valgt og plassere det nøyaktig som vist i det første bildet, bør Fest til rutenett funksjonen lette arbeidet ditt. Sørg for at hele rutenettet er fortsatt valgt og bare trykke Shift-Control-G løse opp det. Velg rektangelet som rammer rutenettet og bare trykke på knappen Slett fra tastaturet for å fjerne det. Til slutt ting skal se ut i det andre bildet. Hold fokus på nettet, velger de ti horisontale stier og åpne Transformering-panelet (Vindu > Transform). Kontroller at Constrain bredde og høyde proporsjoner knappen ikke er aktivert, og bare skriv 360px i boksen Bredde. Til slutt ting skal se ut i det andre bildet. Sørg for at alle dine hvite banene er valgt, fokus på Utseende panelet og klikker på at " Stroke Sørg for at alle dine hvite banene er valgt og bare trykke Ctrl-G å gruppere dem. Deretter må du sørge for at disse tynne stiene er perfekt justert til pixel grid. Velg gruppen gjort i dette trinnet og gå til Effect > Forvrenge & Transform > Transform. Dra begge Flytt glidebryterne på -0.5px og klikk på OK. Aktiver Pixel Preview (View > Pixel Preview) så ta en titt på din vei med og uten Transform påvirke til å forstå nøyaktig hvordan ting endrer seg. Ikke glem å deaktivere Pixel Preview (View > Pixel Preview) når du er ferdig. Marker på nytt din gruppe hvite stier, fokus på Utseende panelet og klikker på at " Opacity Grip Pen Tool (P) og opprette en noe enkel sti som vist i følgende bilde. Velg det og fokusere på utseendet panel. Pass på at det ikke er noen farge satt for fyll, velg slag, sette farge på R = 255 G = 25 B = 100 åpne deretter Stroke fly-out panel. Sett Vekt på 4px så bare sjekk Round Cap og Round Lag knapper (påpekt av de blå sirklene i følgende bilde). Kontroller at gul banen forblir valgt, fokus på Utseende-panelet velger du eksisterende slag og bare kopiere den med Duplicate Selected Element-knappen (påpekt av den blå sirkelen i følgende bilde). Velg denne nye slag, sett Vekt på 3px og fargen på R = 255 G = 222 B = 23 og deretter gå til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i følgende bilde og klikk på OK. Kontroller at gul banen forblir valgt, fokus på Utseende-panelet velger toppslag og kopiere den ved hjelp av den samme Duplicate Selected element. Velg denne nye slag, sett Vekt på 1px og fargen på R = 247 G = 148 B = 30 og deretter åpne den eksisterende Transform effekt. Erstatte de eksisterende eiendommer med de som vises i bildet nedenfor og klikk på OK. Kontroller at gul banen forblir valgt, fokus på Utseende panel, velge nederste slag og kopiere den ved hjelp av den samme Duplicate Selected element. Velg denne nye hjerneslag, dra den i bunnen av Utseende panel, sette vekt på 6PX og fargen på sort (R = 0 G = 0 B = 0) så senke Opacity til 15%. Kontroller at gul banen forblir valgt, fokus på Utseende panelet velger 4px hjerneslag og gå til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i det venstre vinduet (i følgende bilde), klikk deretter på OK hit Shift-Control-E to ganger for å legge samme effekt to ganger til. Sørg for at din 4px er fortsatt valgt og gå en gang til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i vinduet til høyre og klikk på OK. Marker på nytt din gul sti, fokus på Utseende panel, sørg for at hele banen er valgt (bare klikk på " Bane Grip Pen Tool (P) og opprette en ny vei, som vist i følgende bilde. Velg den og bare legge den lagrede grafiske stilen fra Graphic Styles panelet. Sørg for at denne friske banen forblir valgt og fokusere på utseendet panel. Velg den øverste slag og erstatte den eksisterende farge med R = 239 G = 65 B = 54. Hold fokus på Utseende panel, flytte ned til neste slag, velger du den og erstatte den eksisterende farge med R = 247 G = 148 B = 30. Til slutt velger du 4px slag og erstatte den eksisterende farge med R = 255 G = 205 B = 109. Grip Pen Tool (P) og opprette en ny vei, som vist i følgende bilde. Velg den og bare legge den lagrede grafiske stilen fra Graphic Styles panelet. Sørg for at denne friske banen forblir valgt, fokus på Utseende panel og bare erstatte de eksisterende strekfarger med de som er vist nedenfor. Bruke Ellipse Tool (L), opprette en 20px sirkel og plassere den som vist i det første bildet. Velg denne nye formen og fokus på utseendet panel. Pass på at du ikke har noen fargesett for fyll, velg slag, satt sin farge på R = 39 G = 170 B = 225 åpne deretter Stroke fly-out panel. Sett Vekt på 4px, sjekk Align Stroke å Utenfor knappen (markert med den blå sirkelen i følgende bilde) og deretter gå til Objekt > Sti > Outline Stroke. Deaktiver Fest til rutenett (View > Fest til rutenett) og deretter gå til Rediger > Preferanser > Generell og sørg for at tastaturet Increment er satt til 1px. Sørg for at din blå formen er valgt 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. Marker på nytt begge eksemplarene som er gjort i dette trinnet, åpner Pathfinder-panelet (Vindu > Pathfinder) og klikk på Minus Front-knappen. Sørg for at den resulterende gruppe figurer er valgt og bare trykke Ctrl-8 for å gjøre det til en enkel sammensatt bane. Velg det, sette farge på hvit og endre Blending Mode til Soft Light. Sørg for at din blå formen er valgt og gjøre ytterligere to eksemplarer 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 som er gjort i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Slå den resulterende gruppe figurer i et nytt sammensatt bane (Ctrl-8), setter sin fyllfargen på svart og endre Blending Mode til Soft Light. Marker på nytt blå form og fokus på utseendet panel. Velg fyll, senke Opacity til 10% og erstatte den eksisterende farge med hvitt. Sørg for at din hvite sirkelen forblir valgt, fokus på Utseende panelet og velger hjerneslag. Sett farge på svart og vekt på 1px, senke Opacity til 20% og sjekk Align Stroke å Utenfor knappen fra Strek fly-out panel. Hold fokus på Utseende panel og legge til en andre strøk for din form ved hjelp av Legg til ny Stroke knappen (påpekt av den blå sirkelen i følgende bilde). Velg denne nye slag, sette farge på hvitt og vekt på 1px, senke Opacity til 10% og sjekk Align Stroke til Inside knappen fra Strek fly-out panel. Marker på nytt din hvit sirkel, fokus på Utseende panel, sørg for at hele banen er valgt og legge de tre Drop Shadow effekt (Effect > stiliserer > Drop Shadow) vist i følgende bilde. Aktiver Fest til rutenett plakater (View > Fest til rutenett). Reselect din hvit sirkel sammen med de to, tynne sammensatte stier og konsernet dem (Ctrl-G). Multipliser denne nye gruppen (Ctrl-C > Kontroll-F) og spre kopier omtrent som vist i det andre bildet. For dette trinnet trenger du et rutenett hver 1px, så gå til Rediger > Preferanser > Guides & Grid og skriv inn 1 Marker på nytt all tekst og legge de fem Drop Shadow effekt vist i følgende bilde. Sørg for at en av disse stykke tekst er fortsatt valgt og lagre en ny grafisk stil ved hjelp av den samme ny grafisk stil knappen fra Graphic Styles panelet. Grab Type Tool ( T) og legge et lengre stykke tekst som vist i følgende bilde. Bruk samme farge, font og stil, men øke skriftstørrelsen til 15px. Sørg for at denne nye stykke tekst er valgt og bare legge den grafiske stilen lagret i forrige trinn. Velg " Hoved Marker på nytt din " Hoved Det er viktig at "main" form forblir valgt, fokus på Utseende panelet og velger hjerneslag. Sett farge på hvit, senke Opacity til 50%, endre Blending Mode til Overlay deretter sette Vekt på 2px og sjekk Align Stroke til Inside knappen fra Strek fly-out panel. Sørg for at din " Hoved Sørg for at din " Hoved Marker på nytt din " Hoved 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
på formen din og endre navnet " bakgrunn
"
Trinn 2
".
3. Lag den stiplede Grid
Trinn 1
Trinn 2
Trinn 3
Trinn 4
" del av teksten for å åpne Stroke fly-out panel. Sjekk den stiplede linjen boksen og Align Streker til Corners og stien slutter knappene så bare skriv 5px i de to første strek og gap bokser. Til slutt ting skal se ut i følgende bilde.
Trinn 5
Trinn 6
" til tekstdel åpne Transparency fly-out panel. Senk Opacity til 25% og holde fokus på Utseende panel. Sørg for at din gruppe er fortsatt valgt og gå til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i følgende bilde og klikk på OK.
4. Lag den første ledelinje
Trinn 1
Trinn 2
Trinn 3
Trinn 4
Trinn 5
Trinn 6
" stykke tekst fra toppen av Utseende panel) og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 5px Radius og klikk på OK. Sørg for at din gule banen er fortsatt valgt, åpner Graphic Styles panelet (Vindu > Graphic Styles) og klikker på Ny grafisk stil for å lagre en ny grafisk stil.
5. Lag de to andre linje Guides
Trinn 1
Trinn 2
6. Lag
Trinn 1
Trinn 2
Trinn 3
Trinn 4
Trinn 5
Trinn 6
Trinn 7
7. Tilsett Tekst
Trinn 1
i Uten kraftlinjer hver
boks. Grab Type Tool (T), klikker du bare på artboard og legge den del av teksten som vises i bildet nedenfor. Sørg for at all denne teksten forblir valgt, satt sin farge på R = 187 G = 183 B = 200 og åpne Tegn-panelet (Vindu > type > Character). Velg Calibri font, gjør det Fet og sette størrelsen på 12px.
Trinn 2
Trinn 3
8. Legg Color, Shading og høydepunkter for din viktigste Shape
Trinn 1
" form, fokus på Utseende panel og legge til en annen fylling bruke Legg til New Fill-knappen (påpekt av den blå sirkelen i følgende bilde). Velg denne nye fyll, senke Opacity til 50%, endre Blending Mode til Overlay og åpne Gradient panelet (Vindu > Gradient). Bare klikk på gradient miniatyr å legge standard svart til hvitt lineær gradient. Hold fokus på din Gradient panelet velger venstre skyveknapp og sørg for at fargen er satt til hvit velg riktig glideren, sette farge på R = 30 G = 61 B = 81 og senke Opacity til 0%. Pass på at fyllet legges i dette trinnet forblir valgt, ta tak i Gradient Tool (G), fokus på artboard og strekke lineær gradient omtrent som vist i følgende bilde.
Trinn 2
" form, fokus på Utseende panel og legge til en tredje fill bruker det samme Legg til ny Fyll knappen. Velg denne nye fyll, sette farge på svart, senke Opacity til 7%, endre Blending Mode til Multipliser og gå til Effect > Artistic > Film Grain. Tast egenskapene som vises i følgende bilde og klikk på OK.
Trinn 3
Trinn 4
" form forblir valgt, fokus på Utseende panel og legge til en annen fylling bruker det samme Legg til ny Stroke knappen. Velg denne nye slag, sette farge på R = 55 G = 32 B = 35 og vekten på 1px deretter sjekke Align Stroke til Inside knappen fra Strek fly-out panel. Gå tilbake til Utseende panel og legge til en tredje slag for formen. Sett farge på R = 35 G = 31 B = 32, senke Opacity til 10%, endre Blending Mode til Soft Light deretter sette Vekt på 1px og sjekk Align Stroke å Utenfor knappen fra Strek fly-out panel.
Trinn 5
" form forblir valgt, fokus på Utseende-panelet velger bunnen fyll og legge de fire Drop Shadow effekt vist i følgende bilde.
Trinn 6
" form, fokus på Utseende panel, sørg for at hele banen er valgt og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 5px Radius, klikk OK og du er ferdig.
Gratulerer! Du er ferdig!