Create en passelig Aluminum og Glass Styled Vector Emblem

Når det oppstår behov for å skape realistiske effekter eller teksturer for en design, er Photoshop verktøyet som de fleste umiddelbart slå til. Imidlertid har Adobe brakt Illustrator langt siden sine tidlige dager, og med hver ny versjon det kommer nærmere tilpassing (og på noen måter overgår) sin raster-baserte fetter.

I denne opplæringen, vil vi skape en aluminium og glass emblem som kan tilpasses med noen logo eller form. Og siden alle effektene vil bli gjort helt i Illustrator, vil hele grafikken være fullt skalerbar. Så, la oss komme i gang!

Final Bilde Forhåndsvisning

Nedenfor er den endelige utformingen vi skal jobbe mot.

Merk:
Denne opplæringen er utarbeidet etter den nylig utgitte Adobe Illustrator CS4, og derfor bruker noen av de nye funksjonene og verktøyene som snarveier. Men alle de teknikker og effekter som brukes kan gjøres i CS3 (eller tidligere) også, og detaljer vil bli gitt på hvordan du gjør det.

Trinn 1

Det første du må gjøre er å lage et nytt dokument av den størrelsen du ønsker. Når du har det, opprette et rektangel med samme størrelse som dokumentet og fyll den med en lys grå til mørk grå radial gradient. Deretter låse ned rektangelet (Command + 2).

Trinn 2

Lag en hvit, 276px sirkel og sentrer den i forhold til dokumentet, og deretter dytte den et par piksler vertikalt.

Kopier og lim den hvite sirkelen i front, og sentrer den vertikalt og horisontalt. Deretter fylle den med en mørk grå.

Deretter kopierer den hvite sirkelen igjen og limer den foran (Command + F). Deretter sentrere det på dokumentet og dytte den ned noen få piksler. Til slutt, fyll den med svart. Når du er ferdig, bør du ha en stabel med tre sirkler, litt forskjøvet vertikalt fra hverandre.

Trinn 3

Nå opprette en sirkel, 234px bred og høy. Nå, hvis du har CS4, kan du bare fylle den med en gradient som går fra helt gjennomsiktig i sentrum til solid svart. Hvis du jobber med CS3 eller tidligere, så du kan oppnå det samme med en tetthet maske. Hvis du ikke er kjent med opasitet masker, sjekk ut denne opplæringen som gjør tung bruk av dem.

Trinn 4

Vi skal nå lage en slags mesh mønster for hva som vil være den indre glass området. Start med å bruke polygonverktøyet (ligger under rektangelverktøyet) for å lage en sekskant 13px bredt ved 11px høy. Deretter velger sekskanten og gå til Objekt > Transform > Flytt ... og sette avstanden til 17px horisontalt og 0px vertikalt. Deretter klikker du på Kopier for å flytte en kopi av sekskanten til høyre

Når har du kopiert sekskanten en gang, du kan rett og slett velge Objekt >.; Transform > Transform Again (Command + D) for å kopiere farten kommandoen igjen. Gjør dette 13 ganger, slik at du har en horisontal rekke av 15 sekskanter. Deretter velger du dem alle og gruppere dem

Velg gruppen og gå til Objekt >.; Transform > Flytt ... igjen. Denne gangen om, kommer vi til å flytte rad ned 17px, så sett den horisontale avstanden til 0px og den vertikale avstanden til -17px. Deretter klikker du på Kopier.

Til slutt, gjenta transformasjon 13 flere ganger. Når du er ferdig, bør du ha et rutenett av sekskanter, 15 bred og 15 høy. Gruppe alle radene.

Den siste tingen å gjøre nå er å maskere brettet slik at det passer innenfor den sirkulære formen på vår emblem. For å gjøre dette ved å opprette en 228px sirkel, og sentrere både sirkelen og rutenettet i forhold til hverandre. Så, med sirkel over nettet, velger du både og gå til Objekt > Klipping Mask > Gjør å maskere rutenettet med sirkelen.

Trinn 5

Så langt har vi opprettet rutenettet bruke svart sekskanter å lettere se dem på artboard. Imidlertid ønsker vi vår endelige mesh å være hvit, så fjern klipping maske midlertidig, endre fyll av sekskanter til hvit og på nytt masken. Deretter velger mesh og sentrere det i dokumentet.

Og til slutt, sette blending mode til Overlay og Transparency til 50%.

Trinn 6

Vi vil nå lage aluminium effekt for metall deler av emblem. Start med å tegne flere oddly store trekanter som peker mot et midtpunkt. De bør ikke være symmetrisk til hverandre. Tegn en liten sirkel som dekker det punktet hvor trekantene møtes, og gjøre noen av trekantene (og sirkelen) en mørk grå og resten hvitt. . Deretter gruppe figurer

Deretter legger en Radial Blur til dem (Effect > Blur > Radial Blur ...) med beløpet satt til 60 og metoden satt til Spin. Kvalitet kan settes til God eller utkast til nå, som det vil øke hastigheten på rendering effekt, og kan endres til Best senere, før du eksporterer design som et raster grafikk.

Når du 've uskarpt gruppen, legge til en Film Grain til det. Bruk verdier på 10, 0 og 10 for korn, Marker området, og intensitet, hhv.

Det siste trinnet i å lage aluminium effekten er å maskere det med en sirkel, slik vi gjorde tidligere med mesh mønster . Lag en 276px sirkel, ta det over tekstur objekt, merker dem begge, og skape en klipping maske.

Siden vi skal bruke denne tekstur flere ganger i vår design, lage en kopi av det og gå den av til side på artboard.

Trinn 7

Vi begynner å sette vår skinnende ny tekstur til bruk med en gang. Lag en kopi av det og sentrere det i dokumentet. Deretter sender den hele veien til baksiden, og deretter hente den frem seks ganger. Hvis det gjøres riktig skal det se ut som på bildet nedenfor.

Selv teksturen ser bra ut nå, vil vi ønske å døyve den lyse sentrum litt slik at det ikke tar bort fra vår logo senere. For å gjøre dette, lage en 134px sirkel, fyll den med svart, og fjær det ved 65px. Så sentrere det i dokumentet.

Trinn 8

Nå skal vi legge litt dybde til aluminiumsramme rundt glasset. Lag en 276px sirkel og en 234px sirkel, og sentrere dem i forhold til hverandre. Deretter velger dem begge og velge Trekk Shape området kommandoen fra Pathfinder paletten. Du bør da ha en ring form.

Ta av slag fra formen, og fyll den med en gjennomsiktig til 50% opasitet svart, 135 graders stigning. Igjen, hvis du ikke bruker CS4, dette kan oppnås med en tetthet maske.

Senter formen i dokumentet, og deretter kopiere og lime den foran seg. Deretter bytter gradienten til en 50% hvit til gjennomsiktig gradient.

Når du er ferdig å lage disse to formene, bildet skal se ut som den nedenfor.

Trinn 9

For å gi den midterste området i emblemet et glass utseende, vil vi legge til en refleksjon til det. For å gjøre dette, lage en halvmåne form og fyll den med hvit til gjennomsiktig gradient, og senk opacity av hele formen. Bruk en opacity maske i stedet, hvis det er nødvendig.

Trinn 10

På tide å legge vår logo. Jeg bare trakk opp en enkel, stilisert VT logo for VECTORTUTS, men enhver form eller logo kan brukes. Når du har din logo, fyll den med en lys grå.

Lag en annen kopi av metall tekstur vi opprettet tidligere, samt en kopi av din logo. Deretter oppretter du en klipping maske med teksturen og logoen kopien.

Til slutt, for å legge en set-in eller gravert effekt, kopiere solid lys grå form på bunnen og lim den inn i ryggen to ganger. Deretter dytte man kopiere opp noen piksler, og fylle den med svart, og dytte den andre kopien ned noen piksler, og fyll den med hvitt.

Dette er hva logoen skal se ut.

Trinn 11

Gruppe alle de former som utgjør logoen og Senter dem i dokumentet og emblem. Pass på at logoen er over alt, men den halve månen refleksjon.

Trinn 12

Nå skal vi lage den lille krom bolter i aluminiumsramme. Lag en 12px sirkel og fyll den med en lys grå til hvit til svart gradient, med en skarp overgang fra hvit til svart.

Vi vil legge til samme graveringseffekter vi gjorde tidligere til boltene. Kopier sirkelen og lim den inn tilbake to ganger, puffer ett eksemplar opp og en ned. Deretter fyller toppen kopi med mørk grå og bunnen med hvitt.

Gruppe alle sirklene sammen som utgjør bolt, og skaper fem flere eksemplarer av dem. Deretter fordele dem jevnt rundt metallramme.

Konklusjon

Det er det! Den siste finishen er å legge noen gjenskinn til metallrammen. Bare lage en liten hvit sirkel, krympe den vertikalt, rotere det, og fjær det. Deretter plasserer den i øvre venstre og nedre høyre kant av rammen. Jeg har også lagt en skygge til basen hvite sirkelen å legge litt mer i dybden.

Mens kraftig, er Photoshop ikke den eneste løsningen for å skape realistiske og stilig grafikk for design, og at Illustrator kan være like kraftig. Anmeldelser