Hur man skapar en Retro Metal 3D Design

Jag utvecklade ursprungligen denna Vertigo-logotyp och gjordes en 3D-version av den med Cinema 4D. Men för denna handledning ville jag verkligen hitta ett sätt att få het 3D-text utan att använda ett 3D-dedikerat program.

Den nya versionen är rimligt övertygande och är överraskande lätt att reproducera. Jag kunde återskapa 3D-logotypen med endast fyra lager och lagerformat som tillämpas på varje lager. Här är några av de saker jag kommer att täcka i denna handledning:

  1. 3D Extruderingsverktyg i Illustrator
  2. Lagstilar i Photoshop
  3. Laglägen i Photoshop
  4. Blandningsverktyget i Illustrator
  5. Texturering för att ge en retro-grit till din slutliga bild

Del I - Förbered logotypen att återskapas i 3D för Photoshop


Steg 1

Först lägger jag till en stroke på logotypen så att den extra konturen kommer att fungera som en avfasning till min 3D-text när jag har sparkat in i projektet.



Steg 2

Jag bytte logotypfyllningen och stroke till vit. Jag har funnit att när jag applicerar Extrude and Bevel är vitt det bästa valet att få skarpa vita och svarta i 3D-texten.



Steg 3

Jag justerade inställningarna för Extrude and Bevel. Jag klickade på alternativ för att få fler inställningar och justera ljusintensiteten och omgivande ljuset för att få mina vita vita och mörka svarta. Ljusets position på din text är nyckeln till att ta bort de grå områdena.



Steg 4

Resultaten av 3D-extrusion i Illustrator kopieras nu och klistras in på en rosa bakgrund i Photoshop. Jag sprang in i en glitch område i 3D extrusion som fick mig att fylla i området på V.


Del II - Lägga till reflektioner och djup med hjälp av laglägen


Steg 5

Jag väljer Välj / Färgområde för att välja bara mina vita områden.



Steg 6

Jag kopierade det lagret och valde det inverse. Jag tog bort den inverse så att endast mina vita områden är på ett lager av sig själva. Jag har fortfarande en kopia av logotypen på det ursprungliga klistret lagret, eftersom jag behöver det senare i tutet.



Steg 7

Jag kopierade skiktet som har min vita logotyp på den och gjorde ett urval av allt på skiktet. Sedan kontrakterade jag valet med 10 pixlar eller så och raderade den inverse.



Steg 8

Jag valde Redigera / Fyll och fyllde mitt lager med 50% grå så att jag kan se skillnaden mellan mina två lager.



Steg 9

Utsidan vitt som är på sitt eget lager kommer att tjäna som ytterkanten. Den grå yta som ligger på ett lager ovan kommer att vara ansiktet på min 3D-text som innehåller merparten av mina reflektioner.



Steg 10

Jag lade till en överdimension överlägg genom att klicka på knappen FX längst ner på min lagerpanel.



Steg 11

Jag valde dessa färger för tillfället. Jag är säker på att jag kommer att tweak dem senare. Det är en del av skönhetsstilernas skönhet, det blir väldigt lätt att uppdatera när som helst.



Steg 12

Jag lade till en satinlagerstil till min logotyp och ställde den till Color Burn.



Steg 13

Jag lade till en inre skugga och satte den på överlägg.



Steg 14

Jag kopierade skiktet som jag just tillämpade lagstilarna på och tog bort den översta halvan av logotypen.



Steg 15

Jag valde en raderborste med en hård kant och tillräckligt stor så att när jag raderade skulle det ge mig en bra båge bredden på min text.



Steg 16

Resultaten av min radering skapade en fin båge som skar ut som kommer att fungera som min reflexions horisont.



Steg 17

Därefter gick jag tillbaka och justerade Gradient Overlay-färgerna för det lagret. Jag bleknade från en mörkbrun, in i en gul och sedan vit. Kontrasten är nyckeln eftersom det hjälper till att din bild verkligen är POP!



Steg 18

Nästa gick jag tillbaka in i logotypens huvudyta och justerade den Gradient Overlay som känns mer som en skyline.



Steg 19

Jag högerklickade på mina lagstilar och kopierade dem.



Steg 20

Jag klistrade lagstilarna från huvudlogotypsytan på mitt yttre vita lager som ska fungera som avfasningen på 3D-texten.



Steg 21

Jag justerade färgerna på Gradient Overlay jag klistrade in. Genom att lägga till en ljus vit till den. Jag har nu en glänsande sneda som verkligen POPS!



Steg 22

Sedan gick jag tillbaka till mitt original och klistrade in lagret från Illustrator som innehåller både de svarta och vita områdena och klistrade sedan in de lagerformat jag kopierade tidigare.



Steg 23

Jag justerade Gradient Overlay-färgerna för att vara väldigt mörkt i mitten så att jag skulle förlora lite detalj där bakom.



Steg 24

För lite tillagd detalj gjorde jag ett urval nära några viktiga hörn och kommer airbrush några mörker för att skapa kanterna på min text.



Steg 25

Bilden nedan visar resultaten av att mörka några av dessa kanter.



Steg 26

Nedan följer det fullständiga skottet på min 3D-logotyp, som endast har använt fyra lager med lagerformat och ett lager av luftburna kanter för detaljer.



Steg 27

Jag valde en fjädringsluft och lade lite vitt ljus över spill från de ljusa vita områdena i reflektionerna.


Del III - Skapa siluetterade planeter med hjälp av Layer-stilar


Steg 28

Jag fyllde en svart cirkel på sitt eget lager och lade till ett FX-lagerläge av yttre glöd som var lila.



Steg 29

Jag valde en mycket stor fjäderborste och lade lite blå i mitten av min svarta cirkel. Detta tillförda djup samt lite färgintresse inträffar bakom Vertigo-logotypen.



Steg 30

Jag ville experimentera med det yttre glödet på sitt eget lager så jag högerklickade lagstilen och välj "Skapa lager".



Steg 31

Jag gjorde ett fjädrat urval av slumpmässiga områden och justerade färgtonen och mättnad (bild> justera> färgton och mättnad).



Steg 32

Jag skapade ett nytt lager med en svart cirkel och applicerade en inre glöd. Jag duplicerade det lagret och placerade det symmetriskt på andra sidan min logotyp.



Steg 33

Resultaten hittills!


Del IV - Lägga till fler vektorgrafikelement i kompositionen och vissa belysningseffekter med laglägen


Steg 34

I Illustrator ritade jag två linjer och gjorde en blandning mellan dem.



Steg 35

Jag angav antalet steg genom att dubbelklicka på blandningsverktyget i min verktygsfält.



Steg 36

Jag gjorde en annan blandning av linjer med samma steg och skapade ett rutnät.



Steg 37

Jag tillämpade en 3D-rotation i mitt rutnät men ingen extrusion.



Steg 38

Jag kopierade och klistrade mitt galler i Photoshop och ska skala det lite mer för att passa min komposition bättre.



Steg 39

Resultatet av mitt skalade rutnät.



Steg 40

Jag tillämpade en lagstil av Gradient Overlay i mitt rutnät med lila och svart.



Steg 41

Jag skapade ett nytt lager framför allt mina lager och fyllde den med svart. Sedan gick jag till Filter> Render> Lens Flare för att skapa en ny linsflare på mitt svarta lager.



Steg 42

Jag ställer in läget läget för att lägga till och placerar linsen flare som en ljuskälla toppande bakom min större planet och logotyp.



Steg 43

Därefter kopierade jag mitt lager som innehåller linsfläcken och applicerade en gaussisk oskärpa för att mjuka det. Detta gjorde att mitt lagerläge för Add för att skapa några coola ljuseffekter. Senast justerade jag färgtonen och mättnaden av den suddiga linsfläcken.



Steg 44

Tillbaka i Illustrator skapade jag två cirklar och applicerade en blandning till dem på samma sätt som jag gjorde för de linjer som gjorde upp mitt rutnät tidigare.



Steg 45

Jag ritade en cirkel och tog bort tre fjärdedelar av cirkeln och lämnade en partiell båge. Sedan ersatte jag splinesen för min blandning med bågen.



Steg 46

Blandningen ser nu ut så här efter att ha ersatt spline.



Steg 47

Jag kopierade och klistrade blandningen av cirklar till Photoshop och raderade delar av dem för att blekna i min komposition.



Steg 48

Jag tillämpade en lagstil av Gradient Overlay i mitt cirkel blandade lager.



Steg 49

Jag kopierade och klistrade mina belysningsskikt och cirkelblandade skikt och vred horisontellt för att få en symmetrisk komposition. Jag antar att du kunde sluta vid denna tidpunkt och ha en slick ser bild som det är men jag ville experimentera med några texturer för att verkligen ge det en retro-grit känsla.


Del V - Lägga till en Retro-Grit till din bild

Dessa nästa steg är inte för svaga i hjärtat. De behöver modet att prova något lite annorlunda med ditt konstverk, som antagligen är klart och ser bra ut. Vissa kommer att älska denna effekt och andra väljer att göra. Jag hänvisar till det som att lägga till en retro-grit-effekt på ditt konstverk.


Steg 50

Jag skapade ett lager av solid 50% grått och satte det till mjukt ljus. Du kommer inte se några resultat förrän du försöker nästa steg.



Steg 51

Jag lade till färgat ljud till detta lager.



Steg 52

Eftersom jag redan har satt mitt lager till mjukt ljus kan jag titta på resultaten av mitt brus när jag försöker bestämma hur mycket jag ska lägga till.



Steg 53

Jag använde en marmorstruktur. Du kan välja olika texturer för denna effekt: betong eller gammalt papper är bra att prova också. Ställ in det för att multiplicera.



Steg 54

Jag kopierade mitt lager av texturerad marmor. Inverterade färgerna (Command + I). Ställ sedan in det här skiktet på skärmen eller lätta. Jag justerade nivåerna. Detta har gett mig lite slitna ljusare områden över mitt konstverk. Blandat med mitt andra lager av multiplicerad texturerad. Jag har lagt till en fin sliten retro känsla till mitt konstverk. Du kan behöva lägga till ett lager av solbränna och sätt att multiplicera om din textur inte redan är en nyans av solbränna som min marmorstruktur var.


Slutsats

Jag hoppas att du är stoked om din Retro Metal 3D-text som du har skapat med bara lite hjälp från Illustrator (jag täckte det kraftfulla Blend Tool och 3D Extrusion Tool) och resten ren Photoshop magi! Lagstilar är verkligen fantastiska. Jag använde dem för ganska mycket varje steg i denna bit!
Glöm inte heller, det här är alla grundläggande funktioner i Adobe-serien som öppnar dina designalternativ till en helt ny dimension. Tack vare redaktören och personalen i PSDTUTS för att ge mig möjlighet att presentera denna handledning.