Making En TUTS stil Shield i Illustrator

I denne opplæringen, skal vi bruke Sti Verktøy for å tegne et skjold. Deretter bruke noen stigninger, vi kommer til å gi det en metallisk kant og skinnende sentrum. Collis opprinnelig laget dette motivet når du gjør standard Bruker Kommentar Ikoner for de Tuts nettsteder. Denne opplæringen viser deg hvordan du oppretter en lignende design ved hjelp av Illustrator, snarere enn Photoshop. Her er linken til den opprinnelige Photoshop tutorial for sammenligning.

Final Bilde Forhåndsvisning

La oss ta en titt på det endelige bildet nedenfor.

Trinn 1

En av fordelene med å skape kunstverk i Illustrator løpet Photoshop er at den resulterende kunstverk er oppløsning-uavhengig. Det er, kan det samme kunstverk som kan brukes på en liten web-vennlig format også bli utvidet til gigantiske proporsjoner uten lidelse noen av de syke effektene du finner når du forstørrer et pikselbasert bildefilen. Siden det er tilfelle, vil vi starte med å anta sluttresultatet vil bli brukt til trykk i stedet for nettet.

Så, lage din nye dokumentet (Command + N). Deretter velger du Skriv ut som det nye dokumentet profil. Dette Preset vil gi deg en fargemodus for CMYK og et rastereffekter innstillingen Høy (300 ppi). Det er viktig å vite at du kan endre fargemodus og rastereffekter når du vil, ved å gå til Fil > Document Color Mode og Effect > Dokumentrastereffekter innstillinger. Dette vil ikke påvirke filstørrelsen, med mindre du har utvidet Effects dine eller flatet din åpenhet, noe som kan legge store vektor bilder i AI-fil og bloat sin størrelse.

Etter å ha tatt dette skjermbilde, byttet jeg de andre innstillingene for enheter til tommer, og et dokument bredde og høyde på 7 inches av 7 inches, deretter traff OK.

Trinn 2

Vi begynner med å lage en form med rektangel Tool (M) som er 7 inches kvadrat.

Trinn 3

Nå, klikk og hold på rektangelverktøyet ikonet i verktøylinjen, og velg Polygon Tool i fly-out menyen. Deretter oppretter du en 3-kantet polygon med en 2 "radius. La oss klappe den med hvit, så vi kan se hva vi gjør.

Uh oh! Trekanten er orientert spisse enden opp. Med Rotate Tool (R) rotere trekant 180 grader (hold shift mens du roterer for å begrense rotasjonen til fine jevne 45 grader, som 180 grader).

Trinn 4

Bruk Selection Tool (V) . å velge trekanten om det er uselektert Nå gå til Objekt > Path og velg Legg til ankerpunkt Du lurer kanskje på hvorfor vi ikke bare bruke Pen Tool for å lage alle disse punktene i begynnelsen snarere enn etter at vi hadde gjort. trekanten. Svaret er ganske enkelt at det er vanskelig å få alt ser fint og symmetrisk. Dette er bare en enklere måte.

Trinn 5

Nå har vi fått poeng, men feil type ! Vi har fått skarp hjørnepunktene, men den nye senter de vi har lagt til grunn til å være jevn kurve poeng. Med trekanten fortsatt valgt, klikker du Pen Tool (P), og Tilvalg-klikk + dra den øverste midtpunktet, flytte håndtaket du har laget bort fra sentrum, som vist nedenfor. Før du slipper taket, men legger Shift for å begrense håndtaket til horisontal.

Se de lysere blå guider? De er Smart Guides. Jeg liker å bruke dem, men mye folk ikke gjør det. De gir deg smart
informasjon om hva du gjør akkurat nå, som viser at jeg begrenser til opprinnelsen punktet, her. Hvis du ønsker å slå dem av og på ved å gå til Vis > Smart Guides, eller truffet Command + U.

Nå gjør det samme Tilvalg + dra til de to andre midtpunktene, bare uten å legge Shift, siden det begrenser din Tilvalg + dra til 45 grader, som du don ' t vil. Hvis du har Smart Guides slått på, vil du legge merke til at dra smekker til den rette linjen pent.

Trinn 6

Nå skal vi bytte til Direct Selection Tool (A ), som er den hvite pilen vist valgt

Det er faktisk tre Arrow verktøy i Illustrator, ligner Photoshop. dette, er det alternative (klikk og hold for å velge det fra fly-out menyen), som kalles konsernet Selection Tool og svart pil som kalles Selection Tool på toppen. Hva er forskjellen?

Vel utgangspunktet Selection Tool (den sorte) er for å velge grupper og /eller transformere elementer. Det gir deg fire hjørnehåndtakene og fire senter håndterer som du kan dra for å forvandle ditt valg. De to andre piler er for å velge punkter eller baner. Segmentmarkøren (vanlig hvit pil) er for å velge og flytte enten poeng eller kanter (linjene mellom punktene). Konsernet markeringsverktøyet (den hvite pilen med plusstegn) er for å velge og flytte hele banen rundt alt sammen.

Den beste måten å forstå dem, selvfølgelig, er å klikke på dem etter tur og se hva det gjør! Prøv å se hva som skjer når du Shift-klikk, Tilvalg-klikk, Tilvalg-Skift-klikk, etc. Vi skal prøve det senere, men for nå er vi bare vil at Direct Selection Tool.

Trinn 7

Så bruker Direct Selection Tool, klikker du først på den øverste midtpunktet for å velge det. Nå holder nede Shift og trykk på piltasten opp et par ganger, og du vil se poenget flytte opp. Neste gjøre det samme med venstre og høyre midtpunkt for å gjøre dem flytte.

Vi holder nede Shift fordi det gjør bevegelsen raskere (Shift + piltast er det samme som å trykke på piltast ten tid uten Shift) . Anyhow, flytte punktene om før du har noe som ligner på det som vises nedenfor.

Trinn 8

Vi kan gjøre bedre! La oss slette alle på venstre poeng, og gjøre dette skjoldet mer symmetrisk!

Trinn 9

Med avreise vår halv skjold utvalgte, klikk og hold på roteringsverktøyet på verktøylinjen å velge Nødvendigvis Tool (O). Nå klikker du øverst midtpunktet for å etablere det som referansepunkt. Så Tilvalg + Skift + dra for å duplisere et speilbilde klone av den til venstre.

Trinn 10

Vi har nå to objekter, venstre og høyre halvdel, i stedet for en hel objekt. Vi skal gjøre det i ett, men vi har litt problemer. Ikke fortvil! Akkurat som de fleste konflikter i livet, vil det være en lekse å lære gjennom forståelse og samarbeidsvillig oppløsning

Velg den svarte bakgrunnen torget og lås den ved å gå til Objekt >.; Lås > Utvalg eller Command + 2. Ellers vil det komme i veien når du prøver å velge andre objekter.

Med den hvite Direct Select Tool, klikk og dra over toppen midtpunkt. Klikk og dra for å velge de beste midtpunktene. Nå har vi to poeng på toppen av hverandre valgt, så vi trenger å bli med dem. Gå til Objekt > Sti > Bli med. Vi får en dialog som sier det er en av flere mulige problemer som ikke vil tillate kommandoen Bli med å jobbe!

Ikke bekymre deg! Gå til lagpaletten, og klikk lagets trekanten for å eksponere en drop-down liste over at laget er stedene. Du vil merke andre trekanter. Gå videre og åpne dem opp.

See? vi lærte en kraftfull måte å diagnostisere problemer, og en veldig enkel løsning. Nå prøver du Bli med kommandoen ovenfor, og bekrefter at du ønsker en glatt punkt, ikke Corner. Gjenta for de lavere midtpunktene, men denne gangen bekrefte at det skal være et hjørnepunkt.

Hver av de blå prikker i lagpaletten indikerer en funksjon som er valgt. Advarselen fortalte oss at "hvis begge [endepunkter] grupperes, må de være i samme gruppe." Men våre elementer er i forskjellige grupper. Bare klikk på en av de større blå prikker, og bare dra det inn i den andre gruppe.

Trinn 11

Det er opp til deg hvordan du gjør ditt endelige bane slå ut. Jeg gjorde meg ganske quirky ved bare bevegelige punkter om før de ganske så ut som et skjold. Så jeg gjentok trinn 8, 9 og 10 for å gjøre det fint og symmetrisk igjen.

Trinn 12

Deretter fylle skjold med en radial gradient fra en lys 7% grå til en mørk 50 % grå som vist. Bruk Gradient Tool (G) for å definere gradient midtpunkt og radial grad ved å klikke nær den øvre venstre og dra til nedre høyre. Eksperimenter til du får noe du liker (husk, du har ubegrenset undos)

Trinn 13

Med banen valgt, gå til Objekt >.; Sti > Offset Path, og skriv -10pt (Illustrator vil forstå pt
forkortelse for påpeker
). Hvis du gjør regnestykket, vil du finne at beregner å -0.1389 inches.

Trinn 14

Nå omdefinere gradient går den andre veien, slik at det første man bør være fra øverst til venstre til nederst til høyre, og dette nye er nederst til høyre i øverste venstre

Trinn 15

Mens den tredje banen er valgt, gå til Objekt >.; Sti > Offset Sti igjen. Så bruker -10pt igjen (Illustrator har husket den siste offset var -0,1389 i, så trykker du bare OK). Denne gangen, fyll den med en ny Radial Gradient bruker en fin oransje med den lyse delen øverst til venstre som vist.

Så her er hva vi har så langt. Du kan se at ved å bruke de to gradienter går i motsatt retning, har vi laget en slags 3D-effekt som ser ut som lyset kommer fra øverste venstre og skape et høydepunkt og skygge. Det er også opprettet utseendet skinnende metall.

Trinn 16

Nå legger vi en enkel Skygge og litt vanskeligere Indre skygge til den oransje lag. Med oransje skjold likevel valgt, gå til Effects > Stilisere > Drop Shadow

Trinn 17

Enkelt nok, fordi Illustrator har en noe lignende forhåndsinnstilt for Drop Shadows bygget i Ikke sant for Indre skygger, men her er en midlertidig løsning.. Copy (Command + C) formen, og lim in Front (Command + F). Nå slette den nye skygge ved å dra Effects ikon til papirkurven i Utseende paletten. Nå, i Transparency Palette, still modus å mørkne. Nå, gå til Effects > Stilisere > Inner Glow.

Grunnen til at det måtte bli lurt på denne måten er fordi Illustrator ønsket å bruke Indre skygge til den ytre Drop Shadow, ikke bare skjoldet. Det finnes andre løsninger, men dette vil gjøre for nå. Vi vil lagre det på fremtidige tutorials.

Du kan se disse i utvalget AI-fil for nedlasting ved å dobbeltklikke den Effects ikon i Utseende Palette (Sample vil være tilgjengelig etter lanseringen av PLUS Members Area), men i utgangspunktet er det bare en Drop Shadow med en avstand på 0. Denne måten skyggen er enda rundt kantene, og tilsvarende med en indre glød. Vi ønsker den indre skygge (gløde multiplisert) som det gjør det ser litt mer tredimensjonalt. Dette er fordi kantene er buet vekk fra betrakterens perspektiv. Skyggen er bare å gjøre det oransje laget reagere litt mer med metallramme.

Trinn 18

Nedenfor er det vi har så langt. Det begynner å se ganske kult. På dette punktet, har jeg også lettet bakgrunnen litt. Så her er det en veldig mørk grå, i motsetning til svart. Også har jeg lagt en hard 10 poeng Drop Shadow til den aller første grå metall-lag, selv om det er ganske svak.

Trinn 19

Nå tegne en ellipse med Ellipse Tool (L) . Deretter fylle den med en farget gul til oransje radial gradient, som vist nedenfor. Bruk samme mørkere oransje du brukte på skjoldet gradient.

Step 20

I Transparency palett, satt sin modus for å overlappe og dens Opacity til 80%. Med Rotate Tool (R) roter det som vist.

Trinn 21

Neste vi vil lære om maskering. En maske er et vindu av en hvilken som helst form som viser noe den inneholder innenfor sine grenser. Det skjuler noe den inneholder utenfor sine grenser. Masken er alltid rett foran sine maskerte innholdet.

Med Direct Selection Tool (A). Tilvalg-klikk på skjoldet oransje form. La du merke til den hvite pilen slå inn den andre pilen med den lille plusstegnet? Trykke alternativet slått den midlertidig inn i konsernet Selection Tool - en nyttig snarvei. Det er derfor formen var fullt valgt med solide poeng, ikke bare ett poeng eller omrisset med de andre punktene hule.

Kopier fullt valgt oransje form, og velg bort alt (Command + Shift + A). Deretter velger ellipse og gå til Edit > Lim In Front (Command + F). Dette blir din maske. Uten deaktivere det, Shift-klikk den roterte ellipse og gå til Objekt > Klipping Mask > Merke (Command + 7). Den nye oransje formen har mistet alle sine fills, effekter og whatnot, og er nå det er strengt tatt en maske for ellipse.

Trinn 22

Nå Angre velg alt (Command + Shift + A ) og velg fullt ut at maskefiguren ved å Tilvalg + klikke med Direct Selection Tool (A). Kopier dette (Command + C), Deselect (Command + Shift + A) og lim i Front (Command + F). Denne de-linker den fra sin tilknytning til den masken. Nå Tilvalg + dra den nedover, som vist nedenfor. Tilvalg + dra kloner den, slik at den opprinnelige urørt.

Trinn 23

Velg dem begge, og i Pathfinder paletten klikker det andre ikonet fra venstre øverste raden, som er merket trekke fra Shape området
i verktøyet spissen. Jeg pleier å Tilvalg-klikk for å utvide, som verktøytips antyder, bare for å holde ting ryddig. Hvis du ønsker å justere den senere, forlater det uekspanderte er helt fint.

The Pathfinder kommandoen vi har brukt har redusert de to former for å kun det området som de hadde til felles, på deres krysset. Dette har skapt en form som vi skal bruke til å lage et øyenbryn-lignende skygge.

Fyll denne kryssende form med samme gul til oransje radial gradient vi har brukt, og sette Transparency å formere seg.

Step 24

OK, la oss fjerne vårt arbeidsområde for neste. Siden bakgrunnen er fortsatt låst, velger du alt ved å gå til Velg > Alle (Command + A). Så gå til Objekt > Hide > Utvalg (Command + A). Nå la oss bytte til disposisjonsvisning ved å gå til Vis > Outline (Command + Y). Vår bakgrunn eske, som er den eneste som nå er synlig, har en praktisk midtpunkt, representert i Outline Vis etter litt liten x
.

Trinn 25

Neste vi vil skape starburst effekt for å virkelig energi denne tingen. Med Smart Guides slått på, velg Linje Segment Tool (Bakover Slash \\). Deretter plasserer du markøren på at sentermerke, og legge merke til sine Smart Guides lyse opp. Hvis du vil begrense det til vertikal, Klikk og Shift + dra opp før du skjærer med den svarte boksen sin disposisjon, igjen merke til de smarte hjelpelinjer som forteller deg det er kryssende.

Trinn 26

Du har nå fått en vertikal linje, som er valgt. Med Rotate Tool (R), Tilvalg-klikk på nederste punktet av linjen; Det er en på vår boks sentrum. Klikker det punktet skiller det som referanse rundt som linjen vil rotere. Alternativ klikke den gjør det, og bringer opp dialogboksen Roter også. I så Dialog angi en vinkel verdi -5 grader og klikk på Kopier.

Trinn 27

Med Direct Selection Tool (A), klikk og dra en rulletekst for å velge de to øverste punktene. Så bli med dem (Command + J). Velg denne formen fullt av Option klikke på den. Så med Rotate Tool (R) Tilvalg-klikk på nedre punktet igjen; Tast -10 grader denne gangen, og traff kopi. Nå gå til Objekt > Transform > Transform Again (Command + D) trettifire ganger, helt til du har en komplett starburst mønster, som vist nedenfor.

Trinn 28

Velg alle (Command + A), og deretter fylle med hvit. Sett Opacity til 30 og Mode til Overlay i Transparency Palette. Nå, med Ellipse Tool (L), Tilvalg + Skift + dra en perfekt sirkel fra burst sentrum (Option setter opprinnelsen til sentrum; Shift tvinger den til en perfekt sirkel). Gjør det bare litt mindre enn burst omkrets. Gå tilbake til forhåndsvisningen (Command + Y). Deretter fyller denne sirkelen med en hvit-til-svart radial gradient.

Trinn 29

Nå for en annen type maske. Velg alle (Command + A). Deretter går du til Transparency Palette. I øvre høyre hjørne, klikk den lille trekanten for å avsløre en fly-out menyen. Velg dens Gjør Opacity Mask kommando.

Se hva som skjer? Hva er ren hvit i opacity masken er et klart vindu av innholdet. Hva er ren svart er et solid ugjennomsiktig maske. Kontinuerlige toner i mellom ren svart og hvit maske, vise gjennom i forhold til deres mørke eller lyse. Akkurat som Photoshop, men uten alle de pesky piksler som bryter ned og hog harddiskplass!

Step 30

La oss nå se hva vi har. Gå til Objekt > Vis Alle (Command + Option + 3). Vi må flytte våre skjold former over radial.

Trinn 31

Nå Lås opp Alle (Command + Option + 2). Så med den svarte Selection Tool (V), velg briste. Så gå til Objekt > Hide > Utvalg (Command + 3). Velg den svarte boksen og skjule det også (Command + 3). Nå viser alle (Command + Option + 3) og lengst bak (gå til Objekt > Arranger > lengst bak, eller bare trykke Command + Shift + Venstre Bracket). Det er mer som det.

Trinn 32

burst er ganske subtil. Vel, når det er gjort er det lett å justere. Så la oss velge burst og forstørre den med Selection Tool (V). Bruk verktøyet mens du trykker Tilvalg + Skift, og sørg for å skalere fra sentrum mens begrensende sine proporsjoner.

Det er ikke å dukke opp mot den hvite bakgrunnen fordi Transparency Mode er satt til overlegg. Hvis du trenger å maskere det, kan du velge den svarte boksen, Kopier det, velger burst og lim den boksen foran den. Deretter velger du både gjennom å skjule og deretter vise alt. Deretter Mask burst med den nye boksen via Command + 7. Du er en Pro på å gjøre dette nå!

Final Bilde

Til slutt la jeg en gigantisk S Anmeldelser i en mørk rød farge og sette den til å formere ved 20%. Da jeg skrev ordet Illustrator
over toppen, og vi er ferdig! Filen er 524 KB totalt, og du kan skrive den ut i høy oppløsning på størrelse med Grand Canyon hvis du ikke hadde noen miljømessige samvittighet! Anmeldelser