Create en i nærheten av realistisk Shield and Sword i Adobe Illustrator
sponset innhold
Denne sponset innlegg har et produkt som er relevant for våre lesere mens møte våre redaksjonelle retningslinjer for å være objektiv og lærerikt.
Hva du skal lage
jeg hører ofte designere si at selv om de elsker vektorgrafikk de skulle ønske det ikke var så iboende flat. Så, for å gi vektorer mer liv og legge realisme til din design, jeg skal vise deg en enkel metode med hjelp av to kraftige plug-ins fra slu Graphics; VectorScribe2 og Phantasm. Denne veiledningen vil vise hvordan du lager en nær realistisk skjold med sverd ved enkelt å lage figurer ved hjelp VectorScribe2 og styrke dem med Phantasm. Finn ut mer på hopp!
1. Installer Plug-ins og opprette et nytt dokument
Last ned 14 dagers gratis prøveversjoner av VectorScribe2 og PHANTASM plug-ins.
Disse videoene dekker installasjon, lisensiering, og aktiveringsprosessen. Vi vil lære mer om hvordan de fungerer i løpet av opplæringen.
Kjør Adobe Illustrator, deretter traff Kontroll-N for å opprette et nytt dokument. I åpnet dialogboksen sette parametere til artboard og velge RGB fargemodus.
2. Lag geometriske grunnformer
Trinn 1
Ta Pen Tool (P) og lage en bane bestående av tre lineære segmenter. Segment BC må plasseres vertikalt, slik at når du oppretter det holde Shift nede. Velg punktene A og D med Direct Selection Tool (A), klikk deretter på Horisontal Align midtknappen i Juster-panelet.
Trinn 2
Konverter rettlinjede segmenter AB og CD inn krumlinjet seg. Gjør dette med PathScribe Tool fra VectorScribe2 plug-in.
Når du har valgt verktøyet, vil du se nye tilleggskontroller kalt Ghost Håndtak vises på de valgte rette linjer segmenter.
Du kan aktivere hver av disse individuelt ved å klikke-dra Ghost Håndtak, (dette konverterer dem til standard Bezierkurve håndtak), eller ved å dra langs segmentet i riktig retning for å omskape den. Mens du drar den andre Ghost Handle hold Shift for å låse den i oppreist stilling.
Selv om den nåværende versjonen av Adobe Illustrator CC 17.1 har en forbedret funksjon i omskape segmentet, er det PathScribe Tool fortsatt svært nyttige takk til Ghost håndterer. Også, hvis du ennå ikke bruker Creative Cloud versjon av Adobe Illustrator, men bruker CS4-CS6 så kan du definitivt dra nytte av PathScribe Tool.
Trinn 3
Velg banen, ta Reflect Tool (O), og holde Alt-tasten, klikker på punktet D. i åpnet dialogboksen velger vertikale akser og klikk på Kopier-knappen.
Velg de øvre punktene i skjoldet bruker Direct Selection Tool (A), og trykk Ctrl-J for å bli med stier på riktig punkt.
Utfør de samme handlingene for de lavere punktene i skjoldet.
forresten, alle handlinger i dette trinnet kan bli erstattet med bare to klikk ved hjelp av MirrorMe verktøyet. Dette verktøyet lar deg tegne i symmetri umiddelbart, og du kan finne flere detaljer om hvordan den kan brukes i en tidligere tutorial Hvordan lage et mønster som passer for kongelige i Adobe Illustrator.
Trinn 4
å runde hjørnene på skjermen, bruker Dynamiske Corners Tool (VectorScribe2 plug-in)
for å åpne verktøyet panel gå til Vindu >.; VectorScribe > Dynamiske Corners panel. Still inn ønsket radius her, og deretter med et enkelt klikk avrunder valgte hjørnet. Du kan endre radius av avrundingen ved å dra i hjørnene markør /markører eller sette nye verdier i det dynamiske Corners panel.
Trinn 5
Bruke Pen Tool (P) lage to baner som vist på bildet nedenfor.
Reflekter dem langs den vertikale aksen ved hjelp av teknikken beskrevet i trinn 3 , eller ved å bruke MirrorMe plug-in.
Begge deler av den grønne banen må være tilkoblet. Rund av hjørnet på punkt A ved hjelp av Dynamic Corners Tool
Duplicate de grønne og gule baner (Ctrl-C > Kontroll-F)., Og deretter slå av synligheten av kopiene i Lag-panelet. Disse objektene vil bli nødvendig senere.
Trinn 6
Fyll formen på skjoldet med en nøytral grå farge og deaktivere hjerneslag.
Velg stiene inne i skjoldet, ta Shape Builder Tool (Shift-M), og velg deretter fyll fargen du ønsker (jeg valgte oransje). Klikk med verktøypekeren i midten av skjoldet.
Denne handlingen vil opprette et nytt objekt med din valgte fyllfarge.
Deaktiver slag av objektet og ta til venstre over stykker av stiene i den øvre delen av skjoldet.
trinn 7
Slå på synlighet av stiene som var gjemt i trinn 5. Velg farge mørk grå for hjerneslag og øke sin bredde i Strek-panelet.
Dupliser oransje form, deretter slå av synlighet i Lag-panelet. Vi kommer tilbake til dette objektet senere. Bruke Line Segment Tool (\\) lage horisontale og vertikale linjer, holde nede Shift. Begge disse linjene bør strekke seg utover det oransje gjenstand.
Trinn 8
Velg de opprettede linjene og den oransje form, klikk deretter på Divide i Pathfinder-panelet.
Gjør dette vil skille det fargede gjenstand i fire deler. Bruke Direct Selection Tool (A) velge to motsatte deler av farget objekt og fargelegge dem i mørk grå, som vist nedenfor.
Trinn 9
Bruke Pen Tool (P) lage en sti vist på bildet nedenfor.
Lag en sirkel fylt med grå med Ellipse Tool (L).
Dra sirkelen til Børster panel og lagre en ny børste som Scatter Brush, uten å endre standardinnstillingene.
Trinn 10
Velg bane som er opprettet i dette trinnet, og deretter bruke Scatter Brush til det.
Dobbeltklikk på ikonet scatter pensel i Børster panelet for å åpne børsteinnstillinger. Øke avstanden mens du ser endringene
Klikk på OK, og klikk deretter på Bruk for å Strokes i den nye dialogboksen
Å holde den valgte banen, gå til Object >..; Utvid Utseende.
Trinn 11
Velg den nedre sirkel og øke sin diameter.
Velg alle sirklene unntatt den nederste, deretter bruke Reflect Tool (O) kopiere dem over til den vertikale aksen av skjermen, ved hjelp av teknikk som er beskrevet i trinn 3.
Ved å anvende samme prinsipp skape kretser i den øvre del av skjoldet.
trinn 12
Du har nå laget de grunnleggende elementene i skjoldet, så det er på tide å starte på sverd. Med hjelp av Pen Tool (P) lage en bane som består av lineære og krumlinjet segmenter.
Reflect ved å kopiere stien over til punkt A og den horisontale aksen med hjelp av Reflect Tool (O).
Koble banen på punktet A (Ctrl-J).
Lukk bane til høyre ved hjelp av Pen Tool (P).
Hvis du ønsker å endre lengden på sverdet er bladet du kan gjøre dette med Direction Tool (A). Velg poeng på høyre side av objektet og flytte dem lenger til høyre mens du holder Shift.
Step 13
Bruke rektangelverktøyet (M) skaper sverdet håndtak. Juster bladet og håndtaket vertikalt med Juster-panelet.
Bruke Pen Tool (P) skape halvparten av grensevern.
Reflect ved å kopiere objektet knyttet til den horisontale aksen sverdet med Reflect Tool (O).
Når jeg oppretter nye objekter maler jeg dem i forskjellige farger slik at jeg kan tydelig se formen grenser.
Step 14
Bruke Line Segment Tool (\\) lage en horisontal linje, med et slag og ikke fyll, for å sammenfalle med den horisontale aksen av sverdet.
For å skjerpe denne linjen, ta bredde Tool (Shift-W) og opprette en ny bredde markør (ikke langt fra venstresiden) og dobbeltklikk. Uten å endre innstillingene i dialogboksen, klikker du på OK-knappen.
Nå dobbeltklikker med pekeren verktøyet på startpunktet og sett 0px for den totale bredden i det åpne dialogboksen.
Gå til Object > Sti > Outline Stroke.
Trinn 15
Etter min mening, geometriske grunnformer er enklere å lage ved hjelp av Dynamic Shapes Tool (VectorScribe2 plug-in). Verktøyet ikonet vises på bildet under på Verktøy-panelet
For å åpne panelet, gå til Vindu >.; VectorScribe > Dynamiske Shapes panel. I dette panelet, kan vi kontrollere alle parametere for en form. Bruk av dynamiske former Tool skaper et avrundet rektangel på høyre side av håndtaket på sverdet, som vist nedenfor.
Trinn 16
Bruke Pen Tool (P) og Reflect Tool (O ) opprette pommel av håndtaket.
Lag en liten firkant med rektangelverktøyet (M) og plasser den som vist nedenfor.
Velg og konsern opp (kontroll -G) alle elementer av sverdet.
Trinn 17
Plasser sverd under skjermen og roter det med Selection Tool (V), som vist nedenfor.
holde sverdet valgt, gjenspeiler det ved å kopiere den over til den vertikale aksen av skjoldet med Reflect Tool (O).
3. Lag bakgrunns
Trinn 1
Før farging sammensetningen grunnleggende objekter, jeg alltid skape en bakgrunn. Dette tillater meg å bestemme plasseringen av lyskilden og den samlede belysning. Først oppretter et rektangel med en grå fyll, hvis størrelse svarer til størrelsen av en artboard. Ved hjelp av Mesh Tool (U) opprette en gradient mesh. Fortrenge noen av maskepunkt ved hjelp av Direct Selection Tool (A). Du trenger ikke å gjenta mønsteret vist nedenfor nøyaktig, bare følg de generelle retningslinjene.
Trinn 2
Bakgrunnen vil representere en gammel sprakk veggen . For å opprette nye mesh poeng uten å skape mesh linjer, bruker du Legg Anchor Point Tool (+). Dette vil gi oss mulighet til å gjøre en mer detaljert mesh linje uten komplise hele gradient mesh. Kontroll over mesh poeng og håndtakene er gjort ved hjelp av Direct Selection Tool (A). Denne mesh linjen vil bli grunnlaget for sprekk i veggen.
Lag noen flere mesh linjer ved siden av det ved hjelp av Mesh Tool (U). Legg noen mesh poeng ved å legge Anchor Point Tool (+) for enkelt å kontrollere formen av maske linjer.
Trinn 3
Color mesh poeng med en mesh linje i ulike nyanser av mørk grå . Du vil bare være i stand til å fargelegge maske punktene som er i skjæringspunktet av maske linjer.
Color maske poeng av tilstøtende mesh linjer med nyanser av grått som er lettere i forhold til bakgrunnen.
Dette har skapt sprekk i veggen.
Ved hjelp av denne beskrevet teknikk, opprette en sprekk nederst i bakgrunnen. Color resten av maske punktene i ulike nyanser av grått for å skape den ruglete effekt på veggen.
Trinn 4
La oss nå lage teksturen i veggen. Her har jeg brukt gratis Urban Texture Pack. Velg en konkret struktur og plassere den i gjeldende dokument (Fil > Place ...). For å akselerere prosessen med sporing, redusere størrelsen på rasterbilde ved å skrive inn nye størrelser i Transformering-panelet
Åpne bilde Trace panelet (Vindu > Bilde Trace).. Adobe Illustrator velger automatisk de optimale innstillingene for teksturen sporing. Det eneste vi trenger å gjøre er å velge Ignorer Hvit alternativet og trykk på Trace knappen
Gå til Object >.; Utvid eller klikk på Utvid-knappen i kontrollpanelet.
Trinn 5
Fyll gjenstand for vektoren tekstur med mørk grå.
Påfør Soft Light Blending Mode i Gjennomsiktighet-panelet til teksturen
Trinn 6
Kopier teksturen av betong, og deretter lime den inn igjen (Ctrl-C > Kontroll-B).. Flytt den nedre tekstur noen få piksler ned, trykke på Pil ned, deretter fylle den med en lys grå.
Ved å gjøre dette teksturen nå ser mer omfangsrike.
Trinn 7
Lag et rektangel fylt med hvitt. Størrelsen på rektangelet skal samsvare med størrelsen på artboard. Ved hjelp av Mesh Tool (U) å lage en enkel gradient mesh bestående av tre rekker og tre kolonner.
Fargemaskepunkter, som er ved kantene av gradienten mesh, med nyanser av lys grå. I den nedre del av bakgrunnen, bør den grå farge være litt mørkere enn ved toppen. La oss anta at lyskilden er plassert på toppen av komposisjonen.
Påfør Multipliser Blending Mode i Transparency panelet til mesh.
Trinn 8
Hvis du vil opprette striper på veggen ta blyantverktøyet (N) og skaper den form som er vist nedenfor for nær opp til toppen av bakgrunnen. Fyll dette objektet med en lineær gradient fra hvitt til lys grå.
Påfør Multipliser Blending Mode og redusere Opacity til 10% i Transparency panelet.
Lag noen flere lignende objekter i øvre og nedre deler av bakgrunnen. Disse objektene må overlappe hverandre.
Trinn 9
Bruke Pen Tool (P) opprette en trapes form med en svart fyll.
Bruke Mesh Tool (U) opprette en gradient mesh som vist nedenfor. Styre plasseringen av maske poeng og deres håndtak ved hjelp av Direct Selection Tool (A).
Color mesh punkt A med lys grå.
gjelde Nå gradient mesh til Screen Blending Mode .
Trinn 10
Skjul elementene i bakgrunnen som går utover artboard. Lag et rektangel for å samsvare med størrelsen på en artboard. Velg denne rektangel og alle objektene i bakgrunnen, så gå til Object > Klipping Mask > Gjør eller bruke Ctrl-7 snarveier.
Trinn 11
Som du kan se, bakgrunnen består av en kompleks blanding av forskjellige egenskaper. Jeg kommer til å justere farge, lysstyrke og kontrast på hele bakgrunnen. La oss gjøre det med hjelp av Phantasm plug-in.
Phantasm er uvurderlig for å kontrollere fargen direkte i Illustrator for vektorer, tekst og innebygde bilder. Faktisk hvis du er kjent med Photoshop fargekontroll, så vil du virkelig sette pris på Phantasm som det utfører tilsvarende funksjoner i Illustrator. Velg bakgrunnen, og deretter gå til Effect > Phantasm > Lysstyrke /kontrast .... Nå redusere verdiene av både lysstyrke og kontrast, og holde et øye med endringene.
Trinn 12
Nå angi bakgrunnsfarge ved hjelp Phantasm er Hue /Saturation trekk. Ved å bruke denne kan vi samtidig administrere fargetone, metning og lyshet av vektor og bitmap innebygde bilder. Fargekontroll kan utføres i både CMYK-RGB og dokumenter. Velg bakgrunnen, og deretter gå til Effect > Phantasm > Hue /Saturation .... Kryss av alternativet Fargelegg deretter endre verdien av nyanse og metning for å oppnå ønsket bakgrunn skygge.
Fargelegg valget endrer kunstverk til en enkelt fargetone samtidig som samtidig justering av metning og letthet. Hvis du bruker PHANTASM effekter, kan du få tilgang til parametere i Utseende-panelet. Dette gir en klar fordel i forhold til andre innfødte metoder for recoloring i Adobe Illustrator.
Du kan også endre rekkefølgen på effektene i Utseende-panelet og det vil påvirke resultatet.
4. Farge Shield og Swords
Trinn 1
Kopier gruppen med skjold og sverd, og deretter lime den inn foran (Ctrl-C > Kontroll-F). Holde den nye gruppen valgt, klikker Unite i Pathfinder-panelet.
Deaktiver synligheten av den resulterende objektet i lagpanelet. Vi vil komme tilbake til det senere.
Trinn 2
Fyll sverdets blad med en lineær gradient består av hvite og tre nyanser av grått. Ved hjelp av Gradient Tool (G) arrangere gradient vinkelrett på kanten av bladet. Gradient farger er plassert i henhold til plasseringen av lyskilden slik at den lyseste fargen er plassert på toppen.
Prosessen med å fylle sverdet objekt med lineære gradienter er vist nedenfor.
Trinn 3
Kutt pommel av sverdet på punktene A og B ved hjelp av saks Tool (C).
Vi kan raskt lukke innhentet baner ved hjelp av PathScribe Tool (VectorScribe2 plug-in). Velg begge veier, og klikk deretter på Lukk Sti (Ignorer Endpoint Håndtak) i fly-out menyen i PathScribe panelet (Vindu > VectorScribe > PathScribe panel).
2
Fyll øvre objekt med elliptisk radial gradient som per bilde.
Trinn 4
Skjær det andre objektet av sverdet pommel inn i tre deler ved hjelp av Knife Tool.
Bruke rektangelverktøyet (M) skaper et rektangel og slå den inn i en gradient mesh. For å gjøre dette, gå til Object > Lag Gradient Mesh .... I åpnet dialogboksen satt en rad og en kolonne.
Trinn 5
Styring av mesh poeng og deres håndtak, endre formen på graderingen mesh slik at det er så nært som mulig til en av figurene oppnådd i forrige trinn. For mer bekvemmelighet midlertidig redusere tettheten av gradient mesh.
Gjenopprett opacity til 100% etter å skape den ønskede formen, deretter opprette nye mesh linjer ved hjelp av Mesh Tool (U) og farge dem som vist i bildet nedenfor.
Ved hjelp av den beskrevne teknikken, farge de to gjenværende kantene av sverdets pommel.
Trinn 6
Opprett skyggene på sverdet ved hjelp av Pen Tool (P). Fyll objekter med en lineær gradient fra hvitt til grått, deretter bruke Multiply Blending Mode.
For formen stirrer på metalloverflaten, bruke Screen Blending Mode.
< h3> Trinn 7
Vi har nå behov for å justere fargene på sverdet med Hue /Saturation trekk Phantasm som vi gjorde tidligere.
Jeg tror det er lettere å fylle objekter med en grå farge og deretter legge til de ønskede fargene ved hjelp av Phantasm. Ved hjelp av den beskrevne teknikk farge den andre sverdet.
Trinn 8
opprette en gradient mesh fra den laveste form av skjoldet, som består av flere rader og kolonner ved hjelp av Mesh Tool (U). Color nodene med ulike nyanser av grått. Som vi skaper metallgjenstander, må omfanget av nyanser være svært bredt, fra veldig lett til veldig mørk seg.
Trinn 9
Color alle de runde formet nagler på skjoldet i mørk grå
Kopier nagler deretter lime dem inn igjen (Ctrl-C > Kontroll-B).. Skift farger kopier med hvit, og deretter flytte dem noen få piksler ned ved hjelp av Pil ned for å skape stirrer på kanten av hullet.
Trinn 10
Kopier alle de mørke grå sirkler og lime dem foran (Ctrl-C > Kontroll-F). Løse opp nye sirkler hvis de er i grupper. Nå gå til Object > Transform > . Transform Hver .... Sett 90% for Scale alternativer i åpnet dialogboksen
Å holde de valgte sirkler, gå til Object > Lag Gradient Mesh .... Sett 3 rader og 3 kolonner i åpnet dialogboksen. Farge gradient mesh som vist på bildene nedenfor.
Trinn 11
Jeg ønsker den sentrale delen av skjoldet til å være være tre.
For å lage denne effekten, jeg bruker den gratis raster tre tekstur fra freestocktextures.com. Lime bildet inn i dokumentet (Fil > Place ...). Nå klikker på knappen for innbygging i kontrollpanelet.
Step 12
Som allerede nevnt, kan Phantasm styre fargene på bitmap innebygde bilder direkte i Adobe Illustrator. Holde tre tekstur valgt, gå til Effect > Phantasm > Avmett ....
Nå øke lysstyrken i bildet ved å gå til Effect > Phantasm > Lysstyrke /kontrast ....
Trinn 13
Sett Hardt lys Blending Mode for tre tekstur i Gjennomsiktighet-panelet.
Slå på synligheten av appelsin form som vi gjemte i trinn 7 i andre divisjon
Kopier denne formen (Ctrl-C > Kontroll-F).. og slå av synligheten av øvre objektet i lagpanelet
trinn 14
Fyll oransje form med hvit, deretter bruke mesh Tool (U) lage en gradient mesh, som vist nedenfor.
Color maske poeng på toppen av gradient mesh i en mørk grå, og mesh punktene på sidene og bunnen av gradient mesh i en lys grå.
Påfør Multiply Blending Mode til gradient mesh.
Trinn 15
< . p> Slå på synlighet av den oransje objekt som vi gjemte i trinn 13 i denne delen
Velg bitmap tekstur, gradient mesh, og oransje gjenstand, og deretter gå til Object > Klipping Mask > Lag.
Trinn 16
Fyll banene på kantene av skjermen er metall med en gradient bestående av hvite og to nyanser av grått ved hjelp av Gradient Across Stroke. Her vil jeg gjerne oppmerksom på at du kun kan bruke en gradient fyll til streken hvis du bruker nyere versjoner av Illustrator (CS6-CC).
Trinn 17
i tillegg til de sverd, må gjenstander av skjoldet korrespondere med belysning. Endre fargetone av metallgjenstander ved hjelp Phantasm er Hue /Saturation-funksjonen.
Du kan arbeide med hvert objekt individuelt så vel som med utvalgte grupper av objekter, avhengig av hva resultatet du ønsker å oppnå.
< h3> Trinn 18
Velg den nederste objekt av skjoldet. Dette er gradient mesh. Nå gå til Effect > Stylize > Drop Shadow ... og sette parametrene vist på bildet nedenfor.
Nå velger alle objektene vi har laget, med unntak av bakgrunnen, og deretter gruppere dem opp (Ctrl-G). Påfør Drop Shadow effekt, med parametrene oppført nedenfor, til gruppen.
Trinn 19
En av PHANTASM unike egenskaper er at plug-in kan arbeide med alfakanalen som inneholder raster effekter. Ved å kontrollere Alpha Bilde kanal, kan vi endre gjennomsiktig nivå og senke og heve fargestyrke. Med andre ord kan vi få full kontroll over denne effekten som ikke kan gjøres ved å regulere parametrene for skygge effekt.
Velg objektet eller gruppen som Drop Shadow effekt er brukt, så gå til Effect > Phantasm > Kurver .... I åpnet dialogboksen velger du Bilde Alpha fra rullegardinlisten. Endre formen på kurven mens du ser på endringene.
Trinn 20
For det siste trinnet i denne opplæringen vi trenger for å lage en struktur for metallelementene. Fremgangsmåten for å opprette en vektor tekstur er ikke forskjellig fra den metode som er beskrevet i trinn 4 i den tredje avdeling. Farge på vektorobjekter ved automatisk spore den grå-grønn.
Påfør Multiply Blending Mode til teksturen og redusere tettheten i Gjennomsiktighet-panelet.
Slå på synligheten av skjult lag i trinn 1 i den fjerde delen og legg den over alle de opprettede stedene.
Velg teksturen og den øvre objekt, deretter bruke Ctrl-7 snarveier til å opprette en Clipping Mask. Plasser den resulterende Clipping konsernet under skjold er treelementer og flytter det nedover i Lag-panelet.
Gratulerer! Du er ferdig.
Vi gjorde en god jobb i dag med hjelp av to plug-ins fra slu Grafikk for å legge realisme til vår vektorgrafikk, så jeg tror det er riktig å plassere firmalogo på vårt skjold.