Hvordan lage en Retro Metal 3D Design

Jeg opprinnelig utviklet denne Vertigo-logoen og gjengitt en 3D-versjon av den ved hjelp av Cinema 4D. Men for denne opplæringen ønsket jeg virkelig å finne en måte å få varm 3D-tekst uten å bruke et 3D-dedikert program.

Den nye versjonen er rimelig overbevisende og er overraskende enkel å reprodusere. Jeg var i stand til å gjenskape 3D-logoen ved hjelp av bare fire lag og lagstiler som ble brukt på hvert lag. Her er noen av de tingene jeg vil dekke i denne opplæringen:

  1. 3D Ekstruderingsverktøy i Illustrator
  2. Lagstiler i Photoshop
  3. Lagmoduser i Photoshop
  4. Blendverktøyet i Illustrator
  5. Tekstur for å gi et retro-grit til ditt endelige bilde

Del I - Forbered logoen til å bli rekreasjon i 3D for Photoshop


Trinn 1

Først legger jeg til et slag mot logoen, slik at den ekstra oversikten vil fungere som en skråning til min 3D-tekst når jeg har sparket inn i prosjektet.



Steg 2

Jeg endret logo-fyllingen og slår til hvitt. Jeg har funnet ut at når jeg bruker Extrude and Command, er hvitt det beste valget for å få skarpe hvite og svarte i 3D-teksten.



Trinn 3

Jeg justerte innstillingene for Extrude and Command. Jeg klikket på alternativer for å få flere innstillinger og justere lysintensiteten og omgivelseslyset for å få mine lyse hvite og mørke svarte. Lysets posisjon på teksten er nøkkelen til å fjerne de grå områdene.



Trinn 4

Resultatene fra 3D-ekstruderingen i Illustrator er nå kopiert og limt inn på en rosa bakgrunn i Photoshop. Jeg kjørte inn i et glitchområde i 3D-ekstruderingen som fikk meg til å fylle ut området på V.


Del II - Legge til refleksjoner og dybde ved hjelp av lagmoduser


Trinn 5

Jeg velger Velg / Fargeområde for å velge bare mine hvite områder.



Trinn 6

Jeg kopierte det laget og valgte den inverse. Jeg slettet den inverse slik at bare mine hvite områder er på et lag av seg selv. Jeg har fortsatt en kopi av logoen på det originale klistret laget, som jeg trenger det senere i tut.



Trinn 7

Jeg kopierte laget som har den hvite logoen på den og laget et utvalg av alt på laget. Deretter tok jeg ut valget med 10 piksler eller så og slettet den inverse.



Trinn 8

Jeg valgte Rediger / Fyll og fyllet laget mitt med 50% grå, slik at jeg kan se forskjellen mellom mine to lag.



Trinn 9

Den utvendige hvite som er på sitt eget lag, vil tjene som ytre kant. Det grå området som ligger på et lag over vil være ansiktet på min 3D-tekst som inneholder de fleste refleksjonene mine.



Trinn 10

Jeg har lagt til et Gradient Overlay ved å klikke på FX-knappen nederst på lagpanelet.



Trinn 11

Jeg valgte disse fargene for øyeblikket. Jeg er sikker på at jeg vil tilpasse dem senere. Det er en del av skjønnheten i lagstilene, det vil være veldig enkelt å oppdatere til enhver tid.



Trinn 12

Jeg la til en satin lag stil til min logo og sette den til Color Burn.



Trinn 13

Jeg la til en innerskygge og satte den på overlegg.



Trinn 14

Jeg kopierte laget som jeg bare brukte lag stilene til og slettet den øverste halvdelen av logoen.



Trinn 15

Jeg valgte en viskelørbørste med en hard kant og stor nok slik at når jeg slettet, ville det gi meg en fin bue bredden på teksten min.



Trinn 16

Resultatene av min sletting skapte en fin bueskyting som vil fungere som min refleksjons horisont.



Trinn 17

Deretter gikk jeg tilbake og justerte Gradient Overlay-fargene for det laget. Jeg bleknet fra en mørk brun, til en gul, og så hvit. Kontrasten er viktig fordi det er det som hjelper bildet ditt til å virkelig POP!



Trinn 18

Deretter gikk jeg tilbake til logoets hovedside og justerte at Gradient Overlay føltes mer som en skyline.



Trinn 19

Jeg høyreklikket på lagstiler og kopierte dem.



Trinn 20

Jeg limte lagstilene fra hovedlogoansiden til mitt ytre hvite lag som skal fungere som skråden på 3D-teksten.



Trinn 21

Jeg justerte fargene på Gradient Overlay jeg bare limte inn. Ved å legge en lys hvit til den. Jeg har nå en skinnende skrå som virkelig POPS!



Trinn 22

Så gikk jeg tilbake til min opprinnelige og klistret laget fra Illustrator som inneholder både de svarte og hvite områdene, og deretter klistret lagformatene jeg kopierte tidligere.



Trinn 23

Jeg justerte Gradient Overlay-fargene til å være veldig mørk i midten, slik at jeg ville miste litt detalj der igjen.



Trinn 24

For noen ekstra detaljer, gjorde jeg et utvalg i nærheten av noen viktige hjørner og vil airbrush noen mørker for å lage kantene på teksten min.



Trinn 25

Bildet under viser resultatene av å mørke noen av disse kantene.



Trinn 26

Nedenfor er hele bildet av min 3D-logo, etter å ha brukt bare fire lag med lagstiler og ett lag med luftbrente kanter for detaljer.



Trinn 27

Jeg valgte en fjærbrush og la litt hvitt lys over spill fra de lyse hvite områdene av refleksjonene.


Del III - Opprette Silhouettede Planeter Bruke Lag stiler


Trinn 28

Jeg fylte en svart sirkel på sitt eget lag og la til en FX Layer Mode of Outer Glow satt til lilla.



Trinn 29

Jeg valgte en veldig stor fjærpensel og la litt blå i midten av min svarte sirkel. Denne ekstra dybden og litt fargeinteresse skjer bak Vertigo-logoen.



Trinn 30

Jeg ønsket å eksperimentere med det ytre glødet på sitt eget lag, så jeg høyreklikket lagestilen og velg "Opprett lag".



Trinn 31

Jeg laget et fjæret utvalg av tilfeldige områder og justerte fargetone & Saturation (Bilde> Juster> Hue & Saturation).



Trinn 32

Jeg opprettet et nytt lag med en svart sirkel og påført en indre glød. Jeg dupliserte det laget og plasserte det symmetrisk på den andre siden av logoen min.



Trinn 33

Resultatene hittil!


Del IV - Legge til flere vektorelementer i sammensetningen og noen lysvirkninger ved hjelp av lagmoduser


Trinn 34

I Illustrator tegnet jeg to linjer og laget en blanding mellom dem.



Trinn 35

Jeg angav antall trinn ved å dobbeltklikke på Blend-verktøyet i verktøylinjen.



Trinn 36

Jeg laget en annen blanding av linjer med samme trinn og opprettet et rutenett.



Trinn 37

Jeg brukte en 3D-rotasjon til rutenettet mitt, men ingen ekstrudering.



Trinn 38

Jeg kopierte og limte rutenettet mitt inn i Photoshop, og skal skalere det litt mer for å passe til komposisjonen min bedre.



Trinn 39

Resultatet av min skalerte rutenett.



Trinn 40

Jeg brukte en lagsstil med Gradient Overlay til rutenettet ved å bruke lilla og svart.



Trinn 41

Jeg laget et nytt lag over alle lagene mine og fylte det med svart. Så dro jeg til Filter> Render> Lens Flare for å lage en ny linseflukt på mitt svarte lag.



Trinn 42

Jeg stiller lagmodusen til Legg til og plasserer linsenflammen som en lyskilde som stikker fra bak min større planet og logo.



Trinn 43

Deretter kopierte jeg laget mitt som inneholder linsebladet og påførte en gaussisk uskarphet for å myke den. Dette tillot min lagmodus Legg til for å skape noen kule lyseffekter. Sist justerte jeg fargetone og mætning av den uskarpe linseflammen.



Trinn 44

Tilbake i Illustrator skapte jeg to sirkler og brukte en blanding til dem på samme måte som jeg gjorde for linjene som lagde opp rutenettet tidligere.



Trinn 45

Jeg trakk en sirkel og slettet tre fjerdedeler av sirkelen og forlot en delbue. Da erstattet jeg splinten av min blanding med buen.



Trinn 46

Blandingen ser nå ut som dette etter å ha erstattet spline.



Trinn 47

Jeg kopierte og limte blandingen av sirkler til Photoshop og slettet deler av dem for å fade ut i min komposisjon.



Trinn 48

Jeg brukte en lagsstil med gradientoverlegg i sirkelblandet lag.



Trinn 49

Jeg kopierte og klistret mitt belysningslager og sirkelblandet lag og vinklet horisontalt for å få en symmetrisk sammensetning. Jeg antar at du kunne stoppe på dette punktet og ha et glatt utseende som det er, men jeg ville eksperimentere med noen teksturer for å virkelig gi det en retro-grit-følelse.


Del V - Legge til en Retro-Grit på bildet ditt

Disse neste trinnene er ikke for svake i hjertet. De krever tapperhet til å prøve noe litt annerledes med bildene dine som antagelig er ferdig og ser bra ut. Noen vil elske denne effekten og andre vil velge å bli gjort. Jeg liker å referere til det som å legge til en retro-grit-effekt på bildene dine.


Trinn 50

Jeg laget et lag med solid 50% grå og satt det til mykt lys. Du vil ikke se noen resultater før du prøver neste trinn.



Trinn 51

Jeg la til farget støy til dette laget.



Trinn 52

Fordi jeg allerede har satt laget mitt til mykt lys, kan jeg se resultatene av støyen min når jeg prøver å bestemme hvor mye jeg skal legge til.



Trinn 53

Jeg brukte en tekstur av marmor. Du kan velge forskjellige teksturer for denne effekten: Betong eller gammelt papir er flott å prøve også. Sett den til å multiplisere.



Trinn 54

Jeg kopierte laget mitt med strukturert marmor. Inverterte fargene (Command + I). Sett deretter dette laget til Skjerm eller Lys. Jeg justerte nivåene. Dette har gitt meg noen slitte lysere områder over mitt kunstverk. Blandet med mitt andre lag med multiplisert strukturert. Jeg har lagt til en fin sliten retro følelse til min kunstverk. Du må kanskje legge til et lag med brunfarge og angi at det skal multipliseres hvis tekstur ikke allerede er en nyanse av tan slik marmor tekstur var.


Konklusjon

Jeg håper du er stoked om din Retro Metal 3D-tekst du har laget, ved hjelp av bare litt hjelp fra Illustrator (jeg dekket det kraftige Blend Tool og 3D Extrusion Tool) og resten ren Photoshop magi! Lag stiler er virkelig fantastisk. Jeg brukte dem til stort sett hvert trinn i dette stykket!
Ikke glem også, dette er alle grunnleggende trekk ved Adobe-pakken som åpner designalternativer for en helt ny dimensjon. Takk til redaktøren og staben til PSDTUTS for å gi meg muligheten til å presentere denne opplæringen.