Create en Detaljert Circuit Board Tekst effekt i Adobe Illustrator
I de følgende trinnene vil du lære hvordan du kan lage et kretskort tekst effekt i Adobe Illustrator. I begynnelsen vil du lære hvordan du kan sette opp en enkel nettet og hvordan å skape det viktigste kortet form ved hjelp grunnleggende verktøy og effekt sammen med noen Pathfinder alternativer. Flytte på, ved hjelp av grunnleggende vektor form byggeteknikker og tar full nytte av Transform effekt og Snap til Bind funksjon du vil lene hvordan du oppretter kretsløp. Til slutt, bruker det meste Utseende panelet, vil du lære hvordan du oppretter en chip og noen mindre krets bord komponenter.
1. Opprett et nytt dokument og oppsett et rutenett
Hit Ctrl + N for å opprette et nytt dokument. Velg Pixels fra Units rullegardinmenyen, skriv 600 i bredden boksen og 355 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 (View > Vis rutenett) og Fest til rutenett (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. Du bør også åpne infopanelet (Vindu > Info) for en live forhåndsvisning med størrelsen og plasseringen av dine figurer. Ikke glem å sette måleenheten til piksler fra Rediger > Preferanser > Units > General. Alle disse alternativene vil øke arbeidshastigheten.
2. Lag styret
Trinn 1
Velg rektangel Tool (M) og fokus på verktøylinjen. Fjerne fargen fra hjerneslag velg deretter fyll og satt sin farge på R = 2 G = 110 B = 60. Flytt til din artboard og bare lage en 410 x 165px rektangel, bør Fest til rutenett lette arbeidet ditt.
Trinn 2
Bruke Ellipse Tool (L), opprette en 5px sirkel, satt fyllfargen på svart og plasser den som vist i det første bildet. Sørg for at denne nye formen er valgt og gå til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i venstre vindu (i følgende bilde), klikk OK og gå igjen til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i vinduet til høyre (i følgende bilde), klikk på OK og gå til Objekt > Utvid Utseende.
Trinn 3
Kontroller at Ellipse Tool (L) er fortsatt aktiv, opprette en ny 5px sirkel, satt fyllfargen på svart og plasser den som vist i følgende bilde.
Trinn 4
Bruk rektangel Tool (M), lage en 10 x 5px form, satt fyllfargen på svart og plasser den som vist i det første bildet. Sørg for at denne nye formen er valgt og gå til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i venstre vindu (i følgende bilde), klikk OK og gå igjen til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i vinduet til høyre (i følgende bilde), klikk på OK og gå til Objekt > Utvid Utseende.
Trinn 5
Kontroller at rektangel Tool (M) er fortsatt aktiv og fokus på toppen, høyre hjørne av grønne rektangelet. Lag en 10px kvadrat, satt fyllfargen på svart og plasser den som vist på knyttneve bildet. Hold fokus på denne nye formen, ta Slett Anchor Point Tool (-) og klikker på bunnen, venstre ankerpunkt for å fjerne det. Dette bør slå svart firkant inn i en trekant. Reselect rektangel Tool (M) og fokus på den nederste, venstre hjørne av grønne rektangelet. Opprett en ny 10px kvadrat, satt fyllfargen på svart og plasser den som vist på knyttneve bildet. Hold fokus på denne nye formen, ta Slett Anchor Point Tool (-) og bare fjerne det øverste, høyre ankerpunkt. Til slutt ting skal se ut i det andre bildet.
Trinn 6
Velg en av dine svarte figurer og gå til Velg > Samme > Utseende. Dette vil velge alle svarte figurer. Sørg for at disse formene er valgt og trykk Ctrl + 8 (eller gå til Objekt > Compound Sti > gjøre). Å slå dem i en enkel forbindelse Sti
Trinn 7
Velg svart sammensatt bane sammen med det grønne rektangelet, åpner Pathfinder-panelet (Vindu > Pathfinder) og klikk på Minus Front-knappen. Pass på at formen resulterende forblir valgt, fokus på Utseende panelet (Vindu > Utseende), legge til en 2pt slag, sette farge på R = 50 G = 130 B = 90 og justere den til innsiden. Hold fokus på Utseende panel og legge til en andre slag for denne form ved hjelp av Legg til ny Stroke knappen (påpekt av den lille, blå pil i følgende bilde). Velg denne nye slag, sette farge på R = 0 G = 60 B = 20 og redusere sin bredde til 1px
Trinn 8
Marker på nytt din sammensatt bane og gå til Effect >.; Stilisere > Drop Shadow. Tast egenskapene som vises i den øverste, venstre vindus (i følgende bilde), klikk deretter på OK legge de andre fire Drop Shadow effekt vist i følgende bilde. Flytt til Lag-panelet og låse denne forbindelsen banen bare for å være sikker på at du ikke vil uhell velge /flytte den.
3. Legg et stykke tekst og to enkle rektangel
Trinn 1
Grab Type Tool (T), klikk på artboard og legge til " VECTOR " tekstdel. Bruk " Viafont " font, angi størrelsen på 80px og fargen på hvitt. Sørg for at din del av teksten er valgt, gå til Transparency panelet (Vindu > Transparency) og senk Opacity til 30%. Flytt til Lag-panelet og låse dette stykke tekst.
Trinn 2
Bruk rektangel Tool (M), opprette en 45px kvadrat, satt fyllfargen på svart og plasser den som vist i det første bildet. Fortsett med rektangel Tool (M) er fortsatt aktiv, lage en 10 x 35px form, satt fyllfargen på svart og plasser den som vist i det første bildet. Sørg for at denne nye formen er valgt og gå til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i venstre vindu (i følgende bilde), klikk OK og gå igjen til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i vinduet til høyre (i følgende bilde) og klikk OK.
4. Opprett Green Circuits
Trinn 1
Ved hjelp av Pen Tool (P), opprette en 35px, vertikal bane og plasser den som vist i det første bildet. Legg en 1pt for denne nye banen, satt sin farge på R = 117 G = 165 B = 75 og sørg for at du har ingen farge sett for fyll. Sørg for at din vertikal bane er fortsatt valgt og gå til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i følgende bilde og klikk på OK. Kopiere denne tynne banen (Ctrl + C > Ctrl + F), velge kopi, dra det ned og legg den som vist i tredje bildet.
Trinn 2
Velg bunnen, vertikal bane og gå til Objekt > Utvid Utseende. Flytt til Lag-panelet, velger du den nyopprettede gruppen og trykke Shift + Ctrl + G to ganger løse opp det.
Trinn 3
Hold fokus på nederste raden av vertikale baner. Fokuser på de to første banene og ta tak i Direct Selection Tool (A). Velg den øverste ankerpunkt (uthevet i det første bildet) og bare trykke Ctrl + J (eller gå til Objekt > Sti > Bli med) for å koble dem. Kontroller at Direct Selection Tool (A) er aktiv, reselect de to ankerpunktene fremhevet i det andre bildet og dra dem 25px opp. Til slutt ting skal se ut i det tredje bildet.
Trinn 4
Flytt til den tredje vertikale banen fra nederste raden av vertikale baner. Velg det, ta tak i Pen Tool (P), kan du klikke på den øverste forankringspunkt, flytte 35px opp så klikker du bare for å legge til en tredje forankringspunkt. Sørg for at din vei forblir valgt, flytt 30px til venstre og legge en fjerde forankringspunkt deretter flytte 35px ned og legge den endelige ankerpunkt for din vei. Til slutt ting skal se ut i det fjerde bildet.
Trinn 5
Flytt til fjerde vertikal bane fra nederste raden av vertikale baner. Grab Direct Selection Tool (A), velger du den øverste forankringspunkt og dra det 50 piksler opp
Trinn 6
Velg topp, vertikal bane og gå til Objekt >.; Utvid Utseende. Flytt til Lag-panelet, velger du den resulterende gruppen av former og trykke Shift + Ctrl + G to ganger løse opp det. Nå, ved hjelp av Direct Selection Tool (A) og Pen Tool (P) sammen med de enkle teknikker som er nevnt i de tre siste trinnene redigere resten av de vertikale baner omtrent som vist i det andre bildet. Ting trenger ikke å se ut akkurat som på bildet, men sørg for at du innpakning dine stier rundt teksten.
Trinn 7
Nå, litt tweak for " C Velg ett av tynn sti og gå til Velg > Samme > Utseende for å velge alle de tynne stier. Når du har alle disse banene utvalgte treffe Ctrl + G å gruppere dem. Aktiver Pixel Preview (Alt + Ctrl + Y eller View > Pixel Preview). Ta nærmere titt på en av de tynne stier og du vil merke at ting området litt pixelated. Det er all grunn på banene ikke er perfekt justert til pixel grid. Vi vil ta vare på denne saken i neste trinn. Sørg for at din gruppe av tynne veier er fortsatt valgt og gå til Effect > Forvrenge & Transform > Transform. Fokus på Move seksjonen, drar begge glidere på 0.5px og klikk på OK. Ta en ny titt på gruppen din, og du vil merke at banene er ikke lenger pixelated. Du kan deaktivere Pixel Preview (Alt + Ctrl + Y) For neste trinn du trenger et rutenett hver 1px, så gå til Rediger >.; Preferanser > Guides & Grid og skriv inn 1 Bruke Ellipse Tool (L), opprette et nytt 3px sirkel, satt fyllfargen på R = 117 G = 165 B = 75 og plassere det som vises i det første bilde. Sørg for at denne nye formen forblir valgt og gå til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i venstre vindu (i følgende bilde), klikk OK og gå igjen til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i vinduet til høyre (i følgende bilde) og klikk OK. Bruke Ellipse Tool (L), opprette et nytt 3px sirkel, satt fyllfargen på R = 117 G = 165 B = 75 og plassere det som vises i det første bilde. Sørg for at denne nye formen forblir valgt og gå til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i venstre vindu (i følgende bilde), klikk OK og gå igjen til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i vinduet til høyre (i følgende bilde) og klikk OK. Velg alle disse 3PX sirkler sammen med gruppen av tynne stier og konsernet dem (Ctrl + G). Sørg for at denne nye gruppen er valgt og gå til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i følgende bilde og klikk på OK. Gå tilbake til " linjenettet hver 5px Sørg for at både vertikale baner laget i forrige trinn er valgt og gå til Objekt > Utvid Utseende. Flytt til Lag-panelet og opp gruppe (Shift + Ctrl + G to ganger) de to resulterende gruppene. Bruke Direct Selection Tool (A) og Pen Tool (P), redigere disse nye veier omtrent som vist i følgende bilde. Velg alle banene som har strøkfargen satt til R = 165 G = 155 B = 55 (Velg > Same > Utseende) og konsern dem (Ctrl + G ). Igjen, hvis du aktiverer Pixel Preview vil du legge merke til at disse tynne baner er litt kornete. Sørg for at gruppen har gjort i dette trinnet er valgt og gå til Effect > Forvrenge & Transform > Transform. Fokus på Move seksjonen, drar både skyve 0.5px og klikk på OK. Bytt til " linjenettet hver 1px Bruke Ellipse Tool (L), opprette en 3px sirkel, satt fyllfargen på R = 65 G = 155 B = 55 og plasser den som vist i det første bildet . Sørg for at denne nye formen forblir valgt og gå til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i venstre vindu (i følgende bilde), klikk OK og gå igjen til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i vinduet til høyre (i følgende bilde) og klikk OK. Velg alle disse 3PX torg sammen med 3px sirkel og gruppen av tynne stier deretter Gruppe dem (Ctrl + G). Sørg for at denne nye gruppen er valgt og gå til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i følgende bilde og klikk på OK. Fokus på lagpanelet velger 45px, svart firkant og bringe den til front (Shift + Ctrl +]). Fokus på toppen, venstre corned av denne mørke form, grip rektangel Tool (M) og lage en 7 x 1px form. Plasser den som vist i det andre bildet, plukke en tilfeldig farge for fyll og sørg for at du ikke har noen fargesett for hjerneslag. Hold fokus på denne lille rektangel, erstatte den flate fargen som brukes for fyll med lineær gradient vist nedenfor og deretter gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 0.5px Radius og klikk på OK. reselektere den 7 x 1px rektangel, send det bak den svarte firkanten (Control + [) og gå til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i venstre vindu (i følgende bilde), klikk OK og gå igjen til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i vinduet til høyre (i følgende bilde), klikk på OK og gå til Effect > Stilisere > Drop Shadow. Skriv inn attributtene som er vist nedenfor og klikk på OK. Marker på nytt din svart firkant og fokus på utseendet panel. Først velger fyll og erstatte den eksisterende farge med R = 30 G = 30 B = 30. Deretter legger en 2pt slag, sette farge på R = 40 G = 40 B = 40 og justere den til innsiden. Hold fokus på Utseende panel og legge til en andre slag for denne plassen ved hjelp av den samme Legg til ny Stroke knappen. Velg denne nye slag, gjør det 1px bred, sette farge på svart og juster den inne. Sørg for at hele banen er valgt (bare klikk på " Bane Sørg for at din 45px plassen forblir valgt, fokus på Utseende panel og legge til en annen fylling ved hjelp av Legg til ny Fyll knappen (påpekt av den lille, blå pil i følgende bilde). Velg denne nye fyll, dra den i bunnen av Utseende panel, sette farge på svart, senke Opacity til 10% og gå til Effect > Sti > Offset Path. Skriv inn en 1px Offsettrykk, og klikk OK. Gå tilbake til Utseende panel og legge til en tredje fyll for denne plassen. Dra den i bunnen av Utseende panel, sette farge på svart, senke Opacity til 5% og gå til Effect > Sti > Offset Path. Skriv inn et 2px Offset, klikk på OK og gå til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i følgende bilde og klikk på OK. Få tilbake til Utseende panel og legge en fjerde fill for firkantet. Dra den i bunnen av Utseende panel, sette farge på svart, senke Opacity til 15% og gå til Effect > Sti > Offset Path. Skriv inn et 2px Offset, klikk på OK og gå til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i følgende bilde, klikker du på OK og gå til Effect > Blur > Gaussian Blur. Skriv inn et 5px Radius og klikk på OK. Bruke Ellipse Tool (L), opprette en 25px torg og plasser den som vist i det første bildet. Legg en 7px slag for denne nye formen, bruke hvilken som helst farge, justere den til inne, sørg for at du ikke har et fargesett for fyll og gå til Objekt > Sti > Outline Stroke. Marker figuren resulterende, satt fyllfargen på R = 30 G = 30 B = 30 og gå til Effect > Stilisere > Indre glød. Tast egenskapene som vises i følgende bilde, klikker du på OK og gå til Effect > Stilisere > Drop Shadow. Skriv inn attributtene som er vist nedenfor og klikk på OK. Reselect formen gjort i dette trinnet sammen med 45px torget og den lille, 7 x 1px rektangel og konsern dem (Ctrl + G). Marker på nytt din 10 x 35px, sort rektangel og bringe den til front (Shift + Ctrl +]). Neste, må du erstatte det svart med en innebygd lineær gradient. Åpne fly-out menyen i Fargeprøver-panelet (Vindu > Prøver), gå til åpne Swatch Library > Gradienter > Metall og nytt vindu med en haug gradienter vil åpne. Sørg for at din svarte firkanten er valgt, fokus på Utseende panel og bare erstatte det svart med " Steel Sørg for at din 10 x 35px rektangel forblir valgt, fokus o Utseende panel og legge til en annen fylling. Dra den under den eksisterende fylle, sette farge på svart, senke Opacity til 10% og gå til Effect > Sti > Offset Path. Skriv inn en 1px Offset, klikk på OK og deretter gå tilbake til Utseende panel og legge til en ny fyll for dine former. Velg det, sette farge på svart, dra den i bunnen av Utseende panel, senke Opacity til 5% og gå til Effect > Sti > Offset Path. Skriv inn et 2px Offset, klikk på OK og gå til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i følgende bilde, klikker du på OK og komme tilbake til Utseende panel. Legg en 1pt, svart strek for din rektangel, justere den til inne og endre Blending Mode til overlegg. Hold fokus på Utseende panel, velg hele banen og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 2px Radius, klikk på OK og gå til Effect > Stilisere > Drop Shadow. Skriv inn attributtene vist i følgende bilde og klikk på OK. Til slutt, gå til Lag-panelet og bare fjerne den hvite stykke tekst. Til slutt ting skal se ut i det andre bildet. 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
". Fokus på dette brevet, plukke Ellipse Tool (L), opprette en 25px sirkel og plassere den som vist i det første bildet. Legg en 1px slag for denne banen og sette farge på R = 117 G = 165 B = 75. Hold fokus på denne sirkelen, bytte til Direct Selection Tool (A), velge riktig ankerpunkt og bare trykke på slettetasten på tastaturet for å fjerne det. Kontroller at Direct Selection Tool (A) er fortsatt aktiv, velger de to anker poeng høydepunkter i det andre bildet og trykke Ctrl + J for å koble dem. Flytte opp, velger de to ankerpunktene markert i fjerde bildet og treffe Ctrl + J. I slutten ting skal se ut i det sjette bildet.
Trinn 8
Step 9
Trinn 10
i Uten kraftlinjer hver
boks. Plukk Ellipse Tool (L) og lage en 3px sirkel. Legg en 1px slag for denne lille form, sette farge på R = 117 G = 165 B = 75 og justere den til utsiden. Multipliser (Ctrl + C > Ctrl + F) denne lille sirkel og spre kopiene som vist i det andre bildet.
Step 11
Step 12
Step 13
5. Lag Gule Circuits
Trinn 1
", så bare gå til Edit> Preferences> Hjelpelinjer og rutenett og skriv inn 5
i Uten kraftlinjer hver
boks. Bruke Pen Tool (P), opprette en 25px, vertikal bane og plasser den som vist i det første bildet. Legg en 1pt for denne nye banen, satt sin farge på R = 165 G = 155 B = 55 og sørg for at du har ingen farge sett for fyll. Sørg for at din vertikal bane er fortsatt valgt og gå til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i følgende bilde og klikk på OK. Kopiere denne tynne banen (Ctrl + C > Ctrl + F), velge kopi, dra det ned og legg den som vist i tredje bildet.
Trinn 2
Trinn 3
Trinn 4
", så gå til Rediger > Preferanser > Guides & Grid og skriv inn 1
i Uten kraftlinjer hver
boks. Plukk rektangel Tool (M) og lage en 3px kvadrat. Legg en 1px slag for denne lille form, sette farge på R = 165 G = 155 B = 55 og justere den til innsiden. Multipliser denne lille firkanten (Ctrl + C > Ctrl + F) og spre kopiene som vist i det andre bildet.
Trinn 5
Trinn 6
10. Opprett Chip og Steel Pieces
Trinn 1
Trinn 2
Trinn 3
" stykke tekst fra toppen av Utseende panel) og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn en 3px Radius og klikk på OK.
Trinn 4
Trinn 5
Trinn 6
" lineær gradient.
Trinn 7
Trinn 8
Gratulerer! Du er ferdig!