How å lage en Gear Tekst effekt i Adobe Illustrator
Hva du skal lage

I de følgende trinnene vil du lære hvordan du kan lage en detaljert utstyr tekst effekt i Adobe Illustrator.

For det første vil du lære hvordan du setter opp et enkelt rutenett og hvordan å skape de tre tann figurer ved hjelp av grunnleggende verktøy og effekter. Deretter vil vi skape strengen figurer, og du vil lære hvordan du kan dra full nytte av Utseende panel og hvordan du enkelt kan lagre og bruke grafiske stiler.

Flytte på vil du lære hvordan du legger subtile skygger og høylys til utstyret ditt figurer ved hjelp av grunnleggende vektor form byggeteknikk. Til slutt, vil du lære hvordan du enkelt kan mørkne hele arbeidet.

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 700 i høyden, og 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 (View > Vis rutenett) og Fest til rutenett (View > Fest til rutenett). Du trenger et rutenett hver 1 px, så bare gå til Rediger > Preferanser > Guides > Grid, og skriv en i linjenettet hver boks og en i underinndelinger boksen. Prøv ikke å bli motløs av alt som grid-det vil gjøre arbeidet enklere, og husk at du enkelt kan aktivere eller deaktivere den ved hjelp av kontroll- "tastatursnarveien.

Du bør 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 > Units > Generelt Alle disse alternativene vil øke arbeidet ditt. speed.

2. Opprett hovedgiret Shapes

Trinn 1

Velg den Ellipse Tool (L) og fokus på verktøylinjen. Fjern fargen fra fyll og deretter velg hjerneslag og satt sin farge til R = 155 G = 133 B = 121. Flytt til din artboard og bare lage en 44 px sirkel-Fest til rutenett bør gjøre dette enklere.

Sørg for at denne nye form forblir valgt og fokusere på Utseende panelet (Vindu > Utseende). Bare klikk på at " Stroke
" del av teksten for å åpne Stroke fly-out panel, øke vekten til 4 px og kontroller Rett Stroke til Inside knappen. Til slutt formen din skal se ut i følgende bilde.

Trinn 2

Ved hjelp av det samme verktøyet, opprette en 14 px sirkel, plassere det nøyaktig som vist i følgende bilde, legge til at samme fire px slag og ikke glem å justere den til inne i.

Trinn 3

Fokus på oversiden av den større sirkel og bare trykke Shift-X for enkelt å overføre den eksisterende farge fra hjerneslag til å fylle. Bruke rektangel Tool (M), opprette et 10 x 8 px form og plassere den nøyaktig som vist i det første bildet.

Fokus på oversiden av denne friske rektangel og bytte til Direct Selection Tool (A). Velg venstre ankerpunktet og dra det 3 px til høyre, og velg deretter riktig ankerpunktet og dra det 3 px til venstre. Til slutt rektangelet skal slå inn i en enkel trapes som vist i det andre bildet.

Trinn 4

Duplicate din trapes (Ctrl-C > Kontroll-F), velge kopi og plassere det nøyaktig som vist i det første bildet. Sørg for at denne kopien forblir valgt og gå til Objekt > Transform > Reflektere. Sjekk Horisontal boksen, og klikk deretter på OK-knappen.

Trinn 5

Marker på nytt både trapeser og gjøre dem om til en enkel sammensatt bane snarvegen Ctrl-8 (eller gå til Objekt > Compound Sti > Lag). Sørg for at det forblir valgt og gå til Effect > Forvrenge & Transform > Transform. Sett Vinkel på 30 grader, skriver fem i at kopier boksen, og klikk deretter på OK-knappen. Til slutt ting skal se ut i følgende bilde.

Trinn 6

Bruke rektangel Tool (M), lage to 4 x 12 px figurer og plassere dem akkurat som vist i følgende bilde. Sørg for at begge rektangler er valgt, slå dem i en sammensatt bane (Ctrl-8) og deretter gå til Effect > Forvrenge & Transform > Transform. Sett Vinkel på 90 grader, skriver en i at kopier boksen, og klikk deretter på OK-knappen. Til slutt ting skal se ut i følgende bilde.

Trinn 7

Duplicate alle figurene som utgjør første gir (Ctrl-C > Kontroll-F). Velg kopiene og dra dem til høyre, omtrent som vist i det første bildet. Fokus på disse nye former, velge at 14 px sirkel og gå til Utseende panel. Velg hjerneslag og slett redusere vekt til 2 px.

Trinn 8

Hold fokus på figurer som utgjør andre gear. Bruke rektangel Tool (M), lage to 2 x 12 px figurer og plassere dem akkurat som vist i følgende bilde. Sørg for at begge rektangler er valgt, slå dem i en sammensatt bane (Ctrl-8) og deretter gå til Effect > Forvrenge & Transform > Transform. Sett Vinkel på 45 grader, skriver 3 ved at kopier boksen, og klikk deretter på OK-knappen. Til slutt ting skal se ut i følgende bilde.

Trinn 9

Duplicate alle figurene som utgjør andre utstyret (Ctrl-C > Kontroll-F). Velg kopiene og dra dem til høyre, omtrent som vist i det første bildet. Fokus på disse nye figurer, velger du det sammensatt bane med de to tykkere rektangler, og bare fjerne den ved hjelp av knappen Slett fra tastaturet.

Step 10

Marker på nytt alle figurene er gjort så langt, gå til Objekt > Utvid Utseende og deretter åpne Pathfinder-panelet (Vindu > Pathfinder) og klikk på Unite-knappen. Sørg for at den resulterende gruppe figurer er valgt og slett opp gruppe det snarvegen Shift-Ctrl-G. Til slutt må man ha tre enkle tannhjuls figurer som er vist i det tredje bildet.

Trinn 11

Fokus på din første gir form og plukke Direct Selection Tool (A). Velg alle ankerpunktene som utgjør den ytre grensen av din form, fokus på den øverste linjen og bare skriv 1,5 px i at Corners boks. Til slutt ting skal se ut i det andre bildet.

Funksjonen Levende Corners er bare tilgjengelig for CC brukere. Den beste løsningen for å erstatte denne effekten ville være det runde et hjørne skript som kan finnes i denne artikkelen: 20 gratis og nyttig Adobe Illustrator Scripts. Lagre det på harddisken din, går du tilbake til Illustrator og ta tak i Direct Selection Tool (A).

Velg de samme festepunkter og gå til Fil > Scripts > Andre Script. Åpne Round Enhver Corner Script, skriv en 1,5 px radius og klikk på OK. Sluttresultatet kan se litt annerledes, så gjerne prøve en annen verdi for radius. I noen tilfeller vil du ha for å øke /redusere verdien nevnt i at Corners boks.

Trinn 12

Fokus på de andre to drev former og bare gjenta teknikken nevnt i forrige trinn.

3. Multiplisere Gear Ikoner, opprette hoved String Figurer, og Legg en enkel bakgrunn

Trinn 1

Nå er det på tide å formere seg og spre utstyret former for å bygge teksten.

Først av alt må du forsikre deg om at dine figurer er perfekt justert. For det andre følger avstandene er nevnt i følgende bilde: 30 px mellom bokstavene, 100 px mellom figurene som utgjør vertikale siden av et brev eller 24 px hvis du tilfeldigvis bruke tre former for å lage den siden og 50 px mellom figurene som utgjør den horisontale side av en bokstav.

Når du er ferdig, sjekk en gang til hvis figurer er perfekt justert og deretter slå dem sammen til én sammensatt bane ved hjelp av den samme Kontroll-8 hurtigtast. Flytt til Lag-panelet, åpne eksisterende lag, bare endre navn på eksisterende sammensatt bane " utstyr
" og deretter låse den.

Trinn 2

Fokus på tann figurer som utgjør " N
". Først vil vi skape strengen som forbinder øvre venstre gir med høyre gear. Plukk Pen Tool (P) og lage en skrå bane akkurat som vist i følgende bilde. Nok en gang, vil rutenettet og Fest til rutenett funksjonen komme til nytte. Legg en 1 px svart strek for denne banen.

Trinn 3

Sørg for at din svart banen forblir valgt og fokusere på utseendet panel. Åpne at Stroke fly-out panel, øke vekten til 14 px og sjekk Round Cap-knappen.

Trinn 4

Marker på nytt din svart banen og gå til Objekt > Sti > Outline Stroke. Pass på at formen resulterende er valgt, traff Shift-X for å overføre fargeattributter fra fyll til slag, fokus på utseendet panel, åpne Stroke fly-out panel og kontroller Align Stroke å Utenfor knappen.

Trinn 5

Fokus på de to tann figurer som utgjør øvre venstre hjørne av " G
". Bruke rektangel Tool (M), lage en 14 x 90 px form og plassere den nøyaktig som vist i følgende bilde. Legg en 1 px svart strek for denne rektangel, justere den til utsiden og sørg for at det er ingen farge satt for fyll.

Trinn 6

Bruke rektangel Tool (M), lage resten av rektangler som kobler utstyret figurer og bruke samme Utseende attributter. Også legge rektanglene som kobler brevene og de som går utenfor artboard som vist i det andre bildet.

Trinn 7

Marker på nytt alle rektangler med at svart strek og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn en 7 px Radius og klikk på OK.

Trinn 8

Bruk rektangel Tool (M), skape en form som dekker hele artboard, angi fyllfarge til R = 65 G = 93 B = 109 og deretter sende den til tilbake med Shift-Control-[hurtigtast. Sørg for at denne nye rektangelet forblir valgt, fokus på Utseende panel og legge til en annen fylling ved hjelp av Legg til ny Fill-knappen.

Velg den nye fyll, gjør det svart, senke Opacity til 10%, endre Blending Mode til Multipliser og deretter gå til Effect > Artistic > Film Grain. Skriv inn attributtene vist i følgende bilde og klikk deretter på OK-knappen. Flytt til Lag-panelet, endre navn på formen gjort i dette trinnet " bakgrunn
" og så bare låse den.

4. Opprett Tilbake sett med strenger

Trinn 1

Fokus på lagpanelet og bare dra din " utstyr Anmeldelser" sammensatte banen i toppen av panelet. Fokuser på en av disse rektangler med svart strek, velger du det og fokusere på utseendet panel. Velg hjerneslag, erstatte den eksisterende farge med R = 136 G = 160 B = 174, justere den til utsiden og øke vekten til 6 px.

Trinn 2

Sørg for at din rektangel forblir valgt, holde fokus på Utseende-panelet velger du eksisterende slag, og kopiere den med Duplicate Selected element. Velg den nye slag, erstatte den eksisterende farge med R = 65 G = 93 B = 109 og åpne deretter Strek fly-out panel. Sjekk at stiplet linje boksen og angi to px i første dash boksen og en px i første gap boksen.

Trinn 3

Sørg for at din rektangel forblir valgt, holde fokus på Utseende panel og legge til en tredje slag bruker Legg til ny Stroke knappen. Velg den nye slag, sørg for at fargen er satt til R = 65 G = 93 B = 109, justere den til utsiden og redusere vekt til 4 px.

Trinn 4

Sørg for at din rektangel forblir valgt, holde fokus på Utseende panelet, og legge en fjerde slag bruker det samme Legg til ny Stroke knappen. Velg den nye slag, erstatte den eksisterende farge med R = 35 G = 63 B = 79, justere den til utsiden og redusere vekt til 2 px.

Trinn 5

Sørg for at din rektangel forblir valgt, holde fokus på Utseende panel, reselect at bunnen hjerneslag og gå til Effect > Stilisere > Drop Shadow. Skriv inn attributtene som vises i øvre venstre vinduet (i følgende bilde), klikk på OK og deretter legge til de andre tre Drop Shadow effekt vist nedenfor.

Trinn 6

Kontroller at rektangelet er fortsatt valgt, åpner Graphic Styles panelet (Vindu > Graphic Styles) og klikker som ny grafisk stil knappen.

Trinn 7

Velg en av disse figurer med sort strek og gå til Velg > Samme > Stroke Color å velge resten av figurene som har en svart strek. Nå som alle disse formene er valgt, bare legge til at grafisk stil fra Graphic Styles panelet. Til slutt ting skal se ut i det andre bildet.

Marker på nytt alle figurene som utgjør dine strenger og konsernet dem som bruker tastatursnarveien Ctrl-G. Flytt til Lag-panelet, endre navn på gruppen gjort i dette trinnet " backStrings
" og deretter dra den mellom " utstyr
" sammensatt bane og at " bakgrunn
" rektangel.

5. Opprett Front sett med strenger

Trinn 1

Duplicate din " backStrings
" gruppe (Ctrl-C > Kontroll-F). Låse den opprinnelige gruppen og deretter bringe kopi til fronten ved hjelp av Shift-Control-] hurtigtast. Sørg for at denne nye gruppen av former er valgt, Løs opp gruppe det (Shift-Control-G) og deretter trykke på D-knappen fra tastaturet for å erstatte den eksisterende Utseende attributter med standardprogrammet (hvit fyll- og svart slag). Anmeldelser
Trinn 2

Velg en av de hvite rektangler, og fokus på utseendet panel. Fjerne fargen fra fyll og velg deretter strøk. Erstatte eksisterende farge med R = 136 G = 160 B = 174, øke vekten til 2 px og sjekk at Align Stroke å Utenfor knappen.

Trinn 3

Sørg for at din rektangel forblir valgt, holde fokus på Utseende panel og legge til en andre strøk bruker det samme Legg til ny Stroke knappen. Velg den nye slag, erstatte den eksisterende farge med R = 65 G = 93 B = 109, justere den til utsiden og redusere vekt til en px.

Trinn 4

Sørg for at din rektangel forblir valgt, holde fokus på Utseende panel, reselect at bunnen hjerneslag og legge de fire Drop Shadow effekt vist i følgende bilde.

Trinn 5

Marker på nytt rektangelet, sørg for at hele banen er valgt (klikker du bare på at " Bane
" stykke tekst fra toppen av panelet) og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn en 7 px Radius, klikk på OK og gå deretter til Effect > Sti > Offset Path. Skriv inn et -5 px Offsettrykk, og klikk OK. Selv om denne formen er valgt, flytt til Graphic Styles panelet og lagre en ny grafisk stil.

Trinn 6

Velg de gjenværende hvite former og bare legge den nye grafiske stilen. Det er bare en tror at du må justere. Velg skrå form som gjør opp " N
", fokus på Utseende panel og bli kvitt den eksisterende avrundede hjørner effekt.

Når du er ferdig, reselect alle figurene som utgjør front strenger og konsernet dem (Ctrl-G). Flytt til Lag-panelet, sørg for at den nye gruppen er på toppen, gi den nytt navn " frontStrings
" og låse den.

6. Legg Shading og høydepunkter for utstyret ditt Former

Trinn 1

Låse opp " grid
" sammensatt bane, deaktivere Fest til rutenett (Shift-kontroll-") og deretter gå til Edit > Innstillinger >. Generell og sørg for at tastaturet Increment er satt til 1 px Velg " grid
" sammensatt bane og lage to kopier i front (Ctrl-C > Ctrl-F >... Ctrl-F) Velg den øverste kopiere og flytte det en px 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 panel

Slå den resulterende gruppe figurer i et nytt sammensatt bane (Ctrl-8), sørg for at den forblir valgt og fokusere på utseendet panel. erstatte den eksisterende fylle farge med en enkel svart, senke Opacity til 30% og endre Blending Mode til Soft Light

Trinn 2

Velg " grid
" sammensatt bane og lage to kopier i front (Ctrl-C >. Ctrl-F > Kontroll -F). Velg den øverste kopiere og flytte det en px 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), sørg for at den forblir valgt og fokusere på utseendet panel. Erstatte eksisterende fylle farge med en enkel svart og endre Blending Mode til Soft Light.

Trinn 3

Sørg for at din " grid
" sammensatt bane er valgt og gå til Objekt > Sti > Offset Path. Skriv inn en -1 px Offsettrykk, og klikk OK. Duplisere den nylig gjort form (Ctrl-C > Kontroll-F), velge kopi og dra den en px ned med det samme pil ned. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet.

Slå den resulterende gruppe figurer i et nytt sammensatt bane (Ctrl-8), sørg for at den forblir valgt og fokusere på utseendet panel. Erstatte eksisterende fyllfarge med hvit og endre Blending Mode til Soft Light.

Trinn 4

Sørg for at din " grid
" sammensatt bane er valgt og gå til Objekt > Sti > Offset Path. Skriv inn en -1 px Offsettrykk, og klikk OK. Duplisere den nylig gjort form (Ctrl-C > Kontroll-F), velge kopi og dra det en px opp ved hjelp av den samme pil opp-knappen. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet.

Slå den resulterende gruppe figurer i et nytt sammensatt bane (Ctrl-8), sørg for at den forblir valgt og fokusere på utseendet panel. Erstatte eksisterende fyllfarge med svart, senk Opacity til 50% og endre Blending Mode til Soft Light.

Trinn 5

Sørg for at din " utstyr
" sammensatt bane er valgt og legge de fem Drop Shadow effekt vist i følgende bilde. Reselect din " utstyr
" sammensatt bane sammen med andre sammensatte baner som brukes for å markere det, og konsernet dem (Ctrl-G). Flytt til Lag-panelet, endre navn på denne nye gruppen " utstyr
" og låse den.

7. Opprett Tiny Connectors

Trinn 1

Aktiver Fest til rutenett (Control-'). Bruke Ellipse Tool (L), opprette en 14 px sirkel, sørg for at den forblir valgt og fokusere på utseendet panel. Fjerne fargen fra fyll og velg deretter strøk. Sett farge til R = 35 G = 63 B = 79, øke vekten til 4 px, og kontroller at Align Stroke til Inside knappen. Sørg for at formen er fortsatt valgt og gå til Objekt > Sti > Outline Stroke.

Trinn 2

Deaktiver Fest til rutenett (Control-'). Sørg for at din 14 px formen er fortsatt valgt og lage to kopier i front (Ctrl-C > Kontroll-F > Kontroll-F). Velg den øverste kopiere og flytte det en px opp. Reselect begge eksemplarene som er gjort i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet.

Slå den resulterende gruppe figurer i en sammensatt bane (Ctrl-8), sørg for at den forblir valgt og fokusere på utseendet panel. Erstatte eksisterende fyllfarge med svart, senk Opacity til 50% og endre Blending Mode til Soft Light.

Trinn 3

Sørg for at din 14 px formen er fortsatt valgt og lage to kopier i front (Ctrl-C > Kontroll-F > Kontroll-F). Velg den øverste kopiere og flytte det en px ned. Reselect begge eksemplarene som er gjort i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet.

Slå den resulterende gruppe figurer i en sammensatt bane (Ctrl-8), sørg for at den forblir valgt og fokusere på utseendet panel. Erstatte eksisterende fyllfarge med svart, senk Opacity til 30% og endre Blending Mode til Soft Light.

Trinn 4

Sørg for at din 14 px formen er fortsatt valgt og gå til Objekt > Sti > Offset Path. Skriv inn en -1 px Offset, klikk på OK-knappen og deretter kopiere den resulterende formen (Ctrl-C > Kontroll-F). Velg denne kopien og flytte det en px ned. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet.

Slå den resulterende gruppe figurer i en sammensatt bane (Ctrl-8), sørg for at den forblir valgt og fokusere på utseendet panel. Erstatte eksisterende fyllfarge med hvitt, senk Opacity til 90% og endre Blending Mode til Soft Light.

Trinn 5

Sørg for at din 14 px formen er fortsatt valgt og bare legge de fire Drop Shadow effekt vist i følgende bilde.

Trinn 6

Aktiver Fest til rutenett (Control-'). Reselect din 14 px form sammen med sammensatte baner som brukes for å markere det, og konsernet dem (Ctrl-G). Plasser denne nye gruppen nøyaktig som vist i følgende bilde og deretter flytte til lagpanelet og endre navnet " kontakten
".

Trinn 7

Multipliser " kontakten
" gruppe og spre kopiene som vist i følgende bilde.

8. Legg Shading og mørkere hele arbeidet

Trinn 1

Bruk rektangel Tool (M), lage en 610 x 710 px form, sørg for at den dekker hele artboard, og fokusere på Utseende panel. Velg eksisterende fyll, senke Opacity til 50%, endre Blending Mode til Soft Light og erstatte den eksisterende farge med radial gradient vist i følgende bilde. Det gule null fra Gradient bildet står for Opacity prosentandel.

Trinn 2

Kontroller at inngangs rektangel forblir valgt, holde fokus på Utseende panel og legge til en annen fylling bruker det samme Legg New Fill-knappen. Velg denne nye fyll, gjør det svart, senke Opacity til 50% og endre Blending Mode til Color.

Trinn 3

Kontroller at inngangs rektangel forblir valgt, holde fokus på Utseende panel og legge til en tredje fyll. Velg denne nye fyll, erstatte den eksisterende farge med R = 193 G = 150 B = 27, senke Opacity til 30% og endre Blending Mode til Color Burn.

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