How å lage et sett av merknader i Adobe Illustrator
Hva du skal lage
Jeg har tidligere vist deg hvordan du kan lage din egen merknad stil i Adobe Photoshop. I de følgende trinnene vil du lære hvordan du kan lage et enkelt sett med kommentarer i Adobe Illustrator.
For det første vil du lære hvordan du kan lage fargeboksene som bruker grunnleggende verktøy og effekter, utseendet panel og en gratis, monospace font sammen med grunnleggende skrive teknikker. Deretter vil du lære hvordan du lagrer en enkel grafisk stil, hvordan du enkelt bruke det og hvordan du kan lage de nummererte boksene.
Ved hjelp av enkle verktøy og effekter sammen med noen grunnleggende vektorform byggeteknikker vil du lære hvordan du oppretter grupper av figurer som utgjør piler og hvordan du kan lagre dem som mønstre. Ved hjelp av disse mønsteret vil du lære hvordan du oppretter for mønster børster og hvordan du enkelt kan bruke dem.
Til slutt vil du lære å lage ytterligere to grafiske stiler som skal brukes som highlighters og ramme for de zoomet områdene.
1. Opprett et nytt dokument, sette opp et rutenett og plukke de viktigste fargene
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). Du trenger et rutenett hver 1px, så bare gå til Rediger > Preferanser > Guides > Grid, skriver en 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
Trinn 2
For det første må du velge din hovedfargen. For denne opplæringen hovedfargen vil være R = 0 G = 112 B = 190. Hvis du ønsker å velge en annen farge sørge for at det er en som gjør ikke vondt i øyet og at det fungerer på både mørke og lyse bakgrunner
Fokus på Fargeprøver-panelet (Vindu > Prøver). Klikk på New Swatch-knappen (pekte i følgende bilde), angir fargekode nevnt en liten stund siden, den navnet " mainColor Velg rektangel Tool (M) og fokus på verktøylinjen. Fjerne fargen fra hjerneslag og så sett " mainColor Sørg for at din blå firkant forblir valgt og fokusere på utseendet panel (Vindu > Utseende). Velg hjerneslag, legge til " colorOne Marker på nytt din blå firkant, fokus på Utseende panel, sørg for at hele banen er valgt (klikker du bare på at " Bane Bruke rektangel Tool (M), lage et sett av rektangler som vist i følgende bilde. Sørg for at alle disse nye formene er valgt og bare legge inn " blå Fokus på 77 x 75px rektangel. Plukk Type Tool (T), klikker du bare på artboard og legge de tre stykke tekst vist i følgende bilde. Sett farge på hvit og bruke Inconsolata skrift med størrelsen 20px. Kontroller at Type Tool (T) er fortsatt aktiv og legge ytterligere tre stykker med tekst som vist i følgende bilde. Still samme farge og fonter som brukes for de eksisterende biter av tekst. Kontroller at Type Tool (T) er fortsatt aktiv og legge til en haug med ny tekst som vist i følgende bilde. Den Inconsolata skriften er en monospace font, noe som betyr at figurene dine vil okkupere samme mengde horisontal plass. Dette betyr ganske enkelt at du ikke trenger å bekymre seg om lengden på teksten når du trenger å endre fargene koder. Velg en av dine biter av tekst og bare gå til Velg > Samme > Utseende å velge resten av teksten. Sørg for at alt er valgt og gå til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i følgende bilde og klikk på OK. Velg bitene av tekst og den blå rektangel som gjør opp din topp, venstre fargeboksen og bare trykke Ctrl-G å gruppere dem. Dette vil gjøre det lettere for deg å velge, flytte eller kopiere din farge boksen. Fokusere på resten av fargebokser og gruppe dem som du gjorde med den første. Bruke Ellipse Tool (L), opprette en 30px sirkel og sørge for at det forblir valgt. Først legger de " blå Neste, gå til Utseende panelet velger eksisterende avrundede hjørner effekt og klikker Slett utvalg Element-knappen for å bli kvitt det. Hold fokus på blå sirkel, plukke Type Tool (T) og legge en enkel " en Duplicate din gruppe med den blå sirkelen (Ctrl-C >. Ctrl-F ), velge kopi og dra det flere piksler til høyre. Fokus på kopien, velger du den eksisterende stykke tekst og bare erstatte " en Bruk rektangel Tool (M), lage en 15 x 3px form, fyll den med " mainColor Bruke rektangel Tool (M), lage to, 2 x 5px figurer og plassere dem som vist i det første bildet. Sørg for at begge former er valgt og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn en 1px Radius, klikk på OK og gå til Objekt > Utvid Utseende. Ved hjelp av samme verktøy, opprette tre, 4 x 3px former og plassere dem som er vist i det andre bildet. Sørg for at alle de tre formene er valgt og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 1.5px Radius, klikk på OK og gå til Objekt > Utvid Utseende. Pass på at alle figurene som utgjør pil er valgt, åpner Pathfinder-panelet (Vindu > Pathfinder) og klikk på Unite-knappen. 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. Marker på nytt blå pil 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 som er gjort i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Sørg for at den resulterende gruppe figurer er valgt og bare trykke Ctrl-8 for å gjøre det til en enkel Compound Sti Marker på nytt din pil og gå til Objekt >.; Sti > Offset Path. Skriv inn en 1px Offsettrykk, og klikk OK. Marker figuren resulterende og erstatte den eksisterende fyllfarge med " colorOne Erstatt den eksisterende fyllfarge med " mainColor Gå til din artboard, reselect formen gjort i begynnelsen av dette trinnet og lage en ny kopi i ryggen (Ctrl-C > Kontroll-B). Velg denne kopien, flytte den 1px opp, fokusere på Utseende panel og slett fjerne fargen fra fyllingen. Marker på nytt alle figurene som utgjør pil og konsern dem ( Kontroll-G). Lag en kopi av denne nye gruppen (Ctrl-C > Kontroll-F), velger du den og drar den flere piksler ned som vist i det andre bildet. Aktiver Fest til rutenett plakater (View > Fest til rutenett). Bruke rektangel Tool (M), lage en 1 x 18px form, sette fyllfarge på rød og plasser den som vist i det første bildet. Marker på nytt pilen gruppen sammen med rød firkant og plukke den Shape Builder Tool (Shift-M). Holder på Alt og Shift knapper fra tastaturet dra to enkle valg rundt venstre side og høyre side av rød firkant som vist i følgende bilde. Fjern det røde form og vil ende opp med en gruppe av enkle rektangler som er vist i det andre bildet. Velg den og bare dra det i Fargeprøver-panelet for å lagre det som et mønster. Hold fokus på Fargeprøver-panelet, dobbeltklikk Fokus på den andre arrow gruppe. Bruke rektangel Tool (M), lage en 3 x 18px form og en 20 x 18px form og plassere dem som vist i det andre bildet. Sørg for at begge rektangler er valgt, setter fyllfargen på rødt og gjøre dem om til en enkel sammensatt bane plakater (Ctrl-8). Marker på nytt din rød sammensatt bane sammen med pilen gruppen og trykke på Beskjær-knappen fra Pathfinder-panelet. Sørg for at den resulterende gruppe figurer er valgt og bare trykke Shift-Control-G løse opp det. Velg formene fremhevet i det første bildet, og konsernet dem (Ctrl-G). Snu denne nye gruppen inn i et mønster og gi den navnet " endTileArrow Velg det gruppen som utgjør pilen og bare gå til Objekt > Transform > Reflektere. Sjekk Vertikal boksen og klikk på Kopier-knappen. Velg den resulterende gruppen, slå den inn i et nytt mønster og gi den navnet " startTileArrow Bruk rektangel Tool (M), lage en 15 x 3px form, fyll den med " mainColor Fokus på Utseende panel, fjerne fargen fra fyll og velg hjerneslag. Legg inn et " mainColor Velg det to figurer som utgjør pekeren og klikk på Unite knappen fra Pathfinder-panelet. Deaktiver Fest til rutenett plakater (View > Fest til rutenett). Reselect blå markøren form 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. Sørg for at den resulterende gruppe figurer er valgt, slå den inn i en sammensatt bane plakater (Ctrl-8) og sett " colorTwo Marker på nytt pekeren form og gå til Objekt > Sti > Offset Path. Skriv inn en 1px Offsettrykk, og klikk OK. Velg den resulterende formen og erstatte den eksisterende fyllfarge med " colorOne Gå til din artboard, reselect formen gjort i begynnelsen av dette trinnet og lage en ny kopi i ryggen (Ctrl-C > Kontroll-B). Velg denne kopien, flytte den 1px opp, fokusere på Utseende panel og slett fjerne fargen fra fyllingen. Marker på nytt alle figurene som utgjør pekeren og konsern dem ( Kontroll-G). Bruke rektangel Tool (M), lage en 13 x 16px form, sette fyllfarge på rød og plassere det nøyaktig som vist i det andre bildet. Marker på nytt din røde rektangelet sammen med pekeren gruppen og trykke på Beskjær-knappen fra Pathfinder-panelet. Slå den resulterende gruppe figurer inn i et mønster og gi den navnet " pointeEnd Åpne Børster panelet (Vindu > Børster), klikker du på New Brush knappen, sjekk Pattern Brush boksen og klikk OK. Enter " arrowBrush Sørg for at din " arrowBrush Gå tilbake til Børster panelet (Vindu > Børster), klikker du på New Brush knappen, sjekk Pattern Brush boksen og klikk OK. Enter " doubleArrowBrush Sørg for at din " doubleArrowBrush Gå tilbake til Børster panelet (Vindu > Børster), klikker du på New Brush knappen, sjekk Pattern Brush boksen og klikk OK. Enter " pointerBrush Sørg for at din " pekeren Bruk rektangel Tool (M), lage en enkel firkantet og sørge for at det forblir valgt. Fokus på Utseende panel, fjerne fargen fra fyll og velg hjerneslag. Legg inn et " colorTwo Sørg for at plassen er fortsatt valgt, fokus på Utseende panel og legge til en andre strøk med Legg til ny Stroke knappen. Velg den nye slag, erstatte den eksisterende farge med " mainColor Sørg for at plassen er fortsatt valgt, fokus på Utseende panel og legge ytterligere to slag som bruker den samme Legg til ny Stroke knappen. Fokus på disse nye slag og velg den nederste. Erstatte eksisterende farge med " colorOne reselect din kvadrat, sørg for at hele banen er valgt (bare klikk på det " Bane Ved hjelp rektangel Tool (M) eller Ellipse Tool (L), bare lage en form rundt området som du ønsker å fremheve, sørge for at det forblir valgt og slett legge til " highligter Bruk rektangel Tool (M), lage en enkel firkantet og sørge for at det forblir valgt. Fokus på Utseende panel, fjerne fargen fra fyll og velg hjerneslag. Sett farge på hvitt (R = 255 G = 255 B = 255) og vekt på 6PX, sjekk Align Stroke å Utenfor og senke Opacity til 20% og deretter gå til Effect > Stilisere > Ytre glød. Tast egenskapene som vises i følgende bilde og klikk på OK. Sørg for at plassen er fortsatt valgt, fokus på Utseende panel og legge til en andre strøk bruker det samme Legg til ny Stroke knappen. Velg denne nye hjerneslag, senke Opacity til 10%, sørg for at Align Stroke å Utenfor knappen er sjekket og gå til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i følgende bilde og klikk på OK. Sørg for at plassen er fortsatt valgt, fokus på Utseende panel og legge til en tredje slag. Velg det, sette farge på svart (R = 0 G = 0 B = 0) og vekt på 3px deretter senke Opacity til 3% og sjekk Align Stroke til Inside knappen. Sørg for at plassen er fortsatt valgt, fokus på Utseende panelet velger svart strek og bare kopiere den med Duplicate Selected element. Velg den nye hjerneslag, øke vekten til 6PX og senke Opacity til 2%. Pass på at hjerneslag har lagt i dette trinnet er fortsatt valgt og kopiere den ved hjelp av den samme Duplicate Selected element. Velg den nye hjerneslag, øke vekten til 9px og senke Opacity til 1%. 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
" og klikk OK. Deretter må du legge til varianter av hovedfargen. Returner til Fargeprøver-panelet og slett redde R = 30 G = 142 B = 220 (name it " colorOne
") og R = 128 G = 184 B = 223 (name it " colorTwo
") farger.
2. Lag fargeboksene
Trinn 1
" for fyll. Flytt til din artboard og bare lage en 77 x 75px rektangel, bør Fest til rutenett lette arbeidet ditt.
Trinn 2
" farge deretter klikker du bare på at " Stroke
" del av teksten for å åpne Stroke fly-out panel. Sørg for at vekten er satt til 1px deretter sjekke Align Stroke til Inside knappen.
Trinn 3
" tekstdel fra toppen av Utseende panel) og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 5px Radius, klikk på OK og gå til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i følgende bilde og klikk på OK. Sørg for at din blå firkant fortsatt er valgt, åpner Graphic Styles panelet (Vindu > Graphic Styles) og klikker på Ny grafisk stil for å lagre en ny grafisk stil. Dobbeltklikk
på grafisk stil og bare endre navnet " blå
".
Trinn 4
« grafisk stil.
Trinn 5
Trinn 6
Trinn 7
Trinn 8
Step 9
3. Lag nummererte boksene
Trinn 1
« grafisk stil.
Trinn 2
" som vist nedenfor. Gjør det hvitt og bruke det samme Inconsolata skrift med størrelsen satt til 20px deretter gå til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i følgende bilde og klikk på OK. Reselect denne friske stykke tekst sammen med blå sirkel og konsern dem (Ctrl-G)
Trinn 3
" med en " 2
". Gjenta denne teknikken og legge ytterligere åtte gruppe kopier som vist i det andre bildet. Ikke glem å erstatte teksten.
4. Lag og lagre et sett med Patterns
Trinn 1
" og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 1.5px Radius, klikk på OK og gå til Objekt > Utvid Utseende. Kontroller at rektangel Tool (M) er fortsatt aktiv, skape en 13px torg og plasser den nøyaktig som vist i det andre bildet. Fokus på høyre side av denne nye formen og bytte til Direct Selection Tool (A). Velg den øverste forankringspunkt og dra det 5PX ned og deretter velge nederste forankringspunkt og dra det 5PX opp.
Trinn 2
Trinn 3
Trinn 4
. Velg den og sette " colorTwo
" som fyllfarge
Trinn 5
". Pass på at formen gjort i dette trinnet er valgt og lage en kopi i ryggen (Ctrl-C > Kontroll-B). Velg denne kopien, flytte den 2PX ned og fokusere på utseendet panel.
" det bare å klikke på at " Opacity
" del av teksten for å åpne Transparency fly-out panel. Bare senk Opacity til 25% og ting skal se ut i det andre bildet.
Trinn 6
Trinn 7
Trinn 8
på mønsteret og endre navnet " sideTile
".
Trinn 9
Trinn 10
Trinn 11
". Velg formene fremhevet i det andre bildet og konsern dem (Ctrl-G). Snu denne nye gruppen inn i et mønster og gi den navnet " roundTile
".
Step 12
".
Step 13
" og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 1.5px Radius, klikk på OK og gå til Objekt > Utvid Utseende. Bytt til Ellipse Tool (L), opprette en 11px sirkel, plasser den som vist i det første bildet, og sørge for at det forblir valgt.
", setter vekt på 3px og sjekk Align Stroke til Inside knappen fra Strek fly-out menyen. Sørg for at din krets er fortsatt valgt og gå til Objekt > Sti > Outline Stroke.
Step 14
Step 15
" som fyllfarge.
Trinn 16
". Pass på at formen gjort i dette trinnet er fortsatt valgt og lage en kopi i ryggen (Ctrl-C > Kontroll-B). Velg denne kopien, flytte den 2PX ned og fokusere på utseendet panel. Erstatte eksisterende fyllfarge med " mainColor
", senke Opacity til 25% og ting skal se ut i det andre bildet.
Trinn 17
Step 18
".
5. Lag Tre Pattern Børster
Trinn 1
" i boksen Navn deretter fokusere på de Tile bokser. Åpne side Tile vinduet og legge til " sideTile
" mønster, åpne Start Tile og legge til " roundTile
" mønster åpne deretter End Tile og legge til " endTileArrow
"mønster. Når du er ferdig, klikker du på OK-knappen, og du bør finne din nye mønster pensel inne i Børster panel.
" mønster pensel er valgt, velger du Paintb
rushet Tool (B) eller Pen Tool (P) og bare trekke din vei .
Trinn 2
" i boksen Navn deretter fokusere på de Tile bokser. Åpne side Tile vinduet og legge til " sideTile
" mønster, åpne Start Tile og legge til " startTileArrow
" mønster åpne deretter End Tile og legge til " endTileArrow
"mønster. Når du er ferdig, klikker du på OK-knappen, og du bør finne din nye mønster pensel inne i Børster panel.
" mønster pensel er valgt, velger du Paintb
rushet Tool (B) eller Pen Tool (P) og bare trekke din vei .
Trinn 3
" i boksen Navn deretter fokusere på de Tile bokser. Åpne side Tile vinduet og legge til " sideTile
" mønster, åpne Start Tile og legge til " roundEnd
" mønster åpne deretter End Tile og legge til " pointerEnd
"mønster. Når du er ferdig, klikker du på OK-knappen, og du bør finne din nye mønster pensel inne i Børster panel.
" mønster pensel er valgt, plukke Brush Tool (B) eller Pen Tool (P) og bare trekke din vei.
6. Opprett Highlighter
Trinn 1
", setter vekt på 3px og sjekk Align Stroke å Utenfor knappen fra Strek fly-out menyen.
Trinn 2
" og gå til Effect > Forvrenge & Transform > Transform. Fokus på Move seksjonen, drar Vertical skyve 1px og klikk på OK.
Trinn 3
", redusere sin vekt til 1px og sjekk Align Stroke til Inside knappen. Velg den andre slag lagt i dette trinnet, erstatte den eksisterende farge med " colorOne
", redusere sin vekt til 1px, sørg for at Align Stroke å Utenfor knappen er sjekket og gå til Effect > Sti > Offset Path. Skriv inn en 3px Offsettrykk, og klikk OK.
Trinn 4
" stykke tekst fra toppen av Utseende panel ) og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 2px Radius, klikk på OK og gå til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i følgende bilde og klikk på OK. Sørg for at plassen er fortsatt valgt, fokusere på det grafiske Styles panelet, lagre en ny grafisk stil og endre navnet " highlighter
".
Trinn 5
« grafisk stil.
7. Opprett Frame for en forstørrede området
Trinn 1
Trinn 2
Trinn 3
Trinn 4
Gratulerer! Du er ferdig!