Lag en Diablo III Inspirert Tekst effekt i Photoshop

Create en Diablo III Inspirert Tekst effekt i Photoshop

Hvis du er en stor fan av å spille dataspill, så er du sikkert klar over utgivelsen av Diablo III. Diablo serien har vært en populær video spilltittel i over et tiår. I denne opplæringen vil vi forklare hvordan du oppretter en Diablo-inspirert tekst effekt i Photoshop. La oss komme i gang!

Instruksjons Eiendeler

Følgende eiendeler ble brukt under produksjonen av denne opplæringen.

  • SoilSand0016 (Bilde 2)

    ConcreteBare0129 (Bilde 2)

    ConcreteBare280 (Bilde 5)

    OrnamentsVarious0028 (Bilde 5)

    Crackles0014 (Bilde 17)

    Vector Tribal Tattoo Anmeldelser
    Wing Tattoo Set

    Trinn 1 - Sette opp scene

    Før du starter opp i Photoshop, må vi forberede våre typografi litt. Åpne et nytt dokument i Illustrator, gjør det 20 x 7 inches.

    For logoen, jeg kommer til å bruke en personlig tilpasset skrift. Du kan imidlertid bare bruke Blade 2 gratis font heks er nesten identiske. Grab Type Tool (T), angi hvilken type størrelse til 500 pt, klikk på lerret og skriv inn tittelen du vil.

    Hvis du vil redigere skriften, vi må først vectorize det. Dette betyr at vår skrift vil bli en redigerbar vektorform, og vil ikke lenger være redigerbar med tekstverktøyet. For å gjøre dette, høyreklikker du på skriften og velg Create Outlines. Høyreklikk igjen, og denne gangen velger dele opp

    Velg hver bokstav mellom den første og den siste, og skalere dem ned. (Object > Transform > Scale). Når bokstavene er skalert ned, bruke Selection Tool (V) for å erstatte bokstavene slik at de har en enda plass mellom hverandres

    Trinn 2 -. Motregning bokstavene

    For å lage den endelige logoen, trenger vi tre versjoner av vår tittel: en vanlig en, en tynnere versjon og en større versjon

    For å gjøre tynnere versjon, bare kopiere tittelen (du kan ganske enkelt kopiere og lime det, eller. dra den mens du holder Alt). Velg bokstaver og gå til Objekt > Sti > Offset banen og innspill følgende verdier.

    Vi kan bruke den samme prosessen for å skape større versjon av tittelen. Men jeg synes at den Offset Sti metoden fungerer ikke like bra når utvide en bane. Som du kan se i følgende eksempel, har en tendens verktøy å flate tips av banen.

    En god måte å unngå dette på er å bruke et slag i stedet. Velg din tekst, og i Strek Panel, inngang en vekt på 10 pt

    Du kan nå vectorize hjerneslag. (Object > Sti > Outline Stroke) og bruke Pathfinder Unite-knappen for å slå sammen Stroke banen med den opprinnelige teksten banen

    Trinn 3 -. Sette opp filen i Photoshop

    Nå som vi har de tre versjonene av tittelen, åpne en ny fil i Photoshop, og gi den følgende innstillinger

    I filen, fylle bakgrunnslaget med svart. (Edit > Fyll). Kopier en av den versjonen av tittel vi tidligere har gjort i Illustrator, og lim den inn i Photoshop. Når du limer inn, bør et vindu pop-up som spør deg hva slags lag du vil lime inn filen. Velg "Smart Object". Vær oppmerksom på at det er veldig viktig å importere dem på den måten for å fullføre følgende trinn. Når du er ferdig med alle de tre titlene, justere dem skikkelig.

    For å skille de tre lag, kan du gi dem en bestemt farge ved hjelp av Layer stil. For å gjøre dette, klikk på den lille "FX" ikonet nederst i Layer Palette og velg Color Overlay. Ta forsiktig oppmerksom der Lagstil-knappen er plassert, så vi kommer til å bruke den mye gjennom denne opplæringen

    Trinn 4 -. Opprette den røde formen

    For å gjøre den røde form i bakgrunn, opprette et nytt lag (Kommando /Ctrl + Shift + N). Grip Brush Tool (B), sett Hardhet til 0%, velge farge # 6d0100 og male en stor rød sirkel i midten av lerretet. Hit Kommando /Ctrl + T for å gå inn i Free Transform-modus, og strekke sirkelen horisontalt. Lagnavnet "Red Spot".

    Gi lag en maske ved å klikke på Maske-knappen ved siden av Layer stil knappen. I kanalpanelet, må du huske å velge Mask kanal og skjule RGB, rød, grønn og blå kanal. Gå til Filter > Gjengi > Skyer. Deretter går du til Filter > Forvrenge > Polar Koordinater og velger Rectangular til Polar. Til slutt, gå til Filter > Blur > Radial Blur, sett blur til Zoom med et beløp rundt 80.

    Trykk Kommando /Ctrl + F for å gjenta Radial Blur effekt et par ganger, og deretter Kommando /Ctrl + M for å gi det følgende Curves justering .

    Når du er ferdig, kan du velge RGB kanal og unhide det. Du bør ha følgende resultat

    Trinn 5 -.. Mer arbeid på den røde formen

    Duplicate "Red Spot" lag og komprimere den horisontalt, og skalere det litt vertikalt

    Last ned SoilSand0016_2 og plassere det inn i lerretet. Du må kanskje kopiere det og plassere de to lagene så teksturen dekke den røde formen fullt. Hvis du gjør det, sørg for at du slår sammen begge lag før du går videre.

    Gi "SoilSand" lag en maske, og tegne en myk oval form så konsistensen er ikke synlig i sentrum av den røde form. Still lag å formere seg.

    La oss gjøre vår bakgrunn enda grovere ved å legge til en annen tekstur. Last ned og plassere ConcreteBare0129 til lerretet.

    Trykk Kommando /Ctrl + jeg å invertere bildet. Deretter trykker du Kommando /Ctrl + M få opp kurvene Justeringer, og gi det følgende kurve. Når du er ferdig, setter laget til Multipliser og 33% opacity

    Trinn 6 -. Ornament Pattern

    Last ned OrnamentsVarious0028 og åpne den i en ny fil. Øke kontrasten med en Curves justering, og traff Kommando /Ctrl + Shift + U for å Avmett laget.

    Lag enda en ny Photoshop-fil, og gi den følgende innstillinger. Tilbake til mønsteret fil, kan du bruke Rectangular Marquee Tool (M) for å velge en del av ornament, kopiere (Kommando /Ctrl + C) den og lime den inn i din nyopprettede filen.

    Gjenta prosessen til du fylle lerretet. Du kan bruke mørkere farge blending mode for å hjelpe deg. . Du kan også være lurt å bruke Eraser Tool (E) for å slette deler av noen lag slik at de passer godt sammen

    Når du er ferdig, flate dine lag (Høyreklikk på et lag > Flat ut bilde) . Hit Kommando /Ctrl + A for å merke hele bildet, og gå til Rediger > Define Pattern å skape et nytt mønster. Vi vil kalle dette mønsteret "Ornament Pattern" '

    Trinn 7 -. Mer Patterns

    Deretter vil vi gi eller mellomstor tekst noen Layers stil. Men før du gjør det, må vi lage enda et mønster. Last ned og åpne Crackles0014 i en ny fil. Hit Kommando /Ctrl + A og gå til Edit > Definer Mønster. Vi vil kalle dette en "Cracks Pattern."

    I samme fil, plasserer ConcreteBare0129 og sette den til å formere seg. Flat ut bildet, og nok en gang, skape et mønster. Vi vil kalle dette en "Cracks Pattern 2."

    Trinn 8 - Søknad Layer Styles til Text

    Tilbake til hoved Photoshop-fil, velger de mindre tekstlaget og gi det følgende Layer stil.

    Gi mellomstore teksten følgende lag stil.

    Til slutt gi følgende lag stil til større tekstlaget.

    Vis alle lagene, du skal ha følgende resultat

    Trinn 9 -. graver teksten

    Vi kan også bidra til å gjøre teksten forme mer å se mer erodert ved å endre det litt i Illustrator. For å gjøre dette, dobbeltklikker du på større tekst lagets oblat for å åpne den i Illustrator

    Velg tekst og legge til et par ankerpunkter ved å gå til Objekt >.; Sti > Legg ankerpunkt. Velg Wrinkle Tool og tegn på teksten for å legge til noen rynker. Du kan dobbeltklikke på verktøyikonet for å justere sine opsjoner

    Hint: Hvis effekten kommer ut for intens i noen steder, kan du bruke Delete Anchor Point Tool (-) for å fjerne et par punkter..

    Når du er ferdig, kan du lagre og avslutte Illustrator-filen. Formen skal være oppdatert i Photoshop fil

    Trinn 10 -. Mer Bevel høylys og skygger

    I dette trinnet, var jeg ikke helt fornøyd med skråkant virkning fra Layer stil. Så jeg gikk videre og skapt et nytt lag plassert mellom Mindre tekst og Medium tekstlaget. Jeg hentet et utvalg fra medium tekstlaget og, samtidig som valget aktivt, malt noen høydepunkter med en myk børste (B).

    Jeg deretter opprettet et annet lag, og denne gangen, med samme teknikk, malt noen skygger. I dette eksempelet jeg fylte tekst i hvitt, slik at du kan se hvor jeg malte skyggene.

    Dette trinnet kan ha blitt gjort ved hjelp av Layer stil bare. Men jeg har en tendens til å foretrekke maleri ting manuelt noen ganger så det tillate gir mer frihet enn Layer stil. Unhide alle dine lag, bør du ha dette resultatet:

    Trinn 11 - Mer Arbeidet med Text

    I dette trinnet, vil vi skape en fin hvit omriss i høylys områdene. Duplisere "Small Text" lag (Kommando /Ctrl + J) og fjern lagstilen (Høyreklikk > Clear Layer stil). Gi det nye laget følgende Layer stil. Sørg for at laget Fill er satt til 0%.

    Lag et nytt lag (Kommando /Ctrl + Shift + N) og slå det sammen med den forrige lag. Dette vil gjelde lagstilen slik at bare den hvite slag på det nye laget.

    Navn dette laget "Hvit Stroke" og gi den en maske. I masken, male ut de områdene under teksten som vil bli mindre eksponert for lys

    Trinn 12 -. Mer Texture

    La oss gjøre vår tekst enda røffere med noen teksturer. Last ned og åpne ConcreteBare0280_24. Nok en gang, må du kanskje å duplisere laget for å dekke hele teksten. Når du er ferdig å plassere den, øke lags høydepunkter med Curves justering.

    Hent et utvalg fra de mellomstore teksten ved Kommando /Ctrl + klikke på lagets vignett. Påfør valg som en maske til den nye teksturen lag. Still lag å formere seg og sørge for at det er plassert over dine tekstlag.

    Place Crackles0014 i lerretet. Gi det en fin Curves justering for å øke lysstyrken, og deretter en Gradient Map å fargelegge sprekker.

    Hent et utvalg fra mellomstor tekstlag, bruke den til å maskere tekstur. Sett tekstur til mørkere

    Trinn 13 -. Endelige justeringer på Text

    På grunn av alle teksturene vi lagt vår tekst fikk litt desaturert. Vi vil løse dette problemet i dette trinnet. Start med å lage et nytt lag. Hent utvalg fra de mellomstore tekst, og fylle laget med # F98111. Still lag å farge smette unna og redusere opacity til rundt 15%.

    Lag en Curves justeringslag å mørkne teksten. Nok en gang hente teksten utvalget å gi laget en maske. I masken, maling ut i svart det øverste området av teksten. Dette vil gi våre lag til bare mørkere bunnen av bokstavene.

    Lag et nytt lag og hente valg igjen. Med valget fortsatt aktiv, ta tak i Brush Tool (B), sett den til 0% Hardhet og male toppen av bokstavene med # 92754C. Still lag til skjerm.

    I tilfelle du gikk glipp av noe, her er hva lagene skal se ut.

    Når du er fornøyd med alt, gruppen alle lag som er relatert til teksten i en ny mappe (Kommando /Ctrl + G) og gjøre det samme for bakgrunnslag. Dette vil hjelpe oss å holde orden som vår fil blir mer kompleks

    Trinn 14 -. Opprette Pentagram

    Tilbake i illustratør, ta tak i Ellipse Tool (L) og gjøre et enkelt klikk på din lerret. Et vindu skal dukke opp. Input følgende verdigrunnlag og klikk på OK.

    Velg Star Tool og gjenta den samme prosessen. Plasser stjernen inne i sirkelen.

    Nok en gang, denne gangen med Polygon Tool.

    Grab the Line Segment Tool (\\) og lage linjer med start fra midten av sirkelen mot tips av stjernen. For å finne sentrum, kan du bare trykke Kommando /Ctrl + Y for å gå inn i utkastmodus. Sentrum av sirkelen vil vise som en X.

    Når du er ferdig, velger du alt unntatt sirkelen, kopiere og lime inn for å kopiere dem. Rotere dem 180 ° og skalere dem ned så tips av den lille pentagon passer større stjerne.

    Og til slutt, legger en annen liten pentagon inni den minste stjernen.

    Når du er fornøyd, velger alt, gå til Objekt > Utvide. Kontroller at slaget er kontrollert og klikk OK. Så gå til Effect > Forvrenge & Transform > Rubb. Dette vil gi en erodert utseende til våre slag

    Trinn 15 -. Tilbake i Photoshop

    Tilbake i Photoshop, limer alt i et nytt lag. Duplisere laget og snu den vertikalt (Edit > Transform > Vend loddrett).

    Pass på at du plasserer alt bak teksten. Grab Polygon Tool (U), angi antall sider til tre og tegne en trekant. Hit Kommando /Ctrl + T, rotere og strekke trekanten i henhold til eksempelet. Deretter duplisere lag tre ganger og plassere trekanten for å matche f.eks.

    For et mønster, så er det ingen magiske triks. I mitt eksempel, jeg brukte Vector Tribal tattoo og Wing Tattoo Set. Hvis du ikke ønsker å kjøpe aksjer vektor, kan du alltids ta en titt på Tribal Børster på Deviantart. Plasser tribal mønster rundt sirkelen til du er fornøyd med resultatet.

    Når du er ferdig, gruppe hvert lag opprettet i dette trinnet i en mappe (Kommando /Ctrl + G). Duplisere gruppen og slå det sammen. Hold lag, vi trenger det i neste trinn

    Trinn 16 -. Sammenslåing Pentagram

    Lag et nytt lag og fyll den med hvitt. Lagnavnet "Pattern". Hente utvalg fra vår tidligere sammenslåtte lag, og med valget aktivt, gi "Mønster" lag en maske.

    Dette oppsettet vil tillate oss å male den fargen vi ønsker på vårt mønster. Grab en stor myk børste, og male farger i henhold til eksempelet. Igjen, dette kan gjøres ved hjelp av en Gradient Layer stil, men denne metoden gir oss mer frihet enn en enkel lineær gradient

    Trinn 17 -. Ferdigstillelse av Pentagram

    Gruppe din "Mønster" lag , gi det en maske og male ut bunnen området.

    Gi "Pattern" lag følgende Layer stil.

    Duplicate gruppen, invertere masken (Kommando /Ctrl + I), tømme Layer Stil og gi det følgende: ". Bakgrunn Pattern"

    Når du er ferdig, gruppe alt og mappen navnet

    Trinn 18 - Opprette lyset Lines

    På et nytt lag plassert under "Tekst" -mappen og over "Bakgrunn Pattern" -mappen, trekke tre små linjer med 2px Brush. Rask spiss. Du kan holde shift for å tegne rette linjer

    Hold tegne linjer med svart og hvit farge til du oppnår et resultat som ligner på eksempelet. Deretter går du til Filter > Blur > Motion Blur og bruke en sterk vertikal bevegelsesuskarphet.

    Med Eraser Tool (E) satt til 0% hardhet, male ut deler av lyse linjer for å oppnå en symmetrisk effekt der den midterste linjen er litt høyere .

    Trinn 19 - Vipper de Lines

    Lag et nytt lag og maling i fargene. Deretter klippet laget til "Lines" lag vi opprettet i forrige trinn.

    Lag et nytt lag, og fest den på toppen av alt. Med en 2 piksler pensel, en lys gul linje inne i hver av de tre linjene. Still lag å skjerme

    Trinn 20 - Uklart Lys

    Dupliser "Lines" lag og skalere det opp

    Gå til Filter >..; Blur > Gaussian Blur og bruke en tre piksler uskarphet på laget.

    Bruke Rectangular Marquee Tool (M), velger høyre og venstre etter linjene og bringe dem nærmere sentrum slik at de passer laget vi opprettet i forrige trinn, etter

    Til slutt, ta tak i Eraser Tool (E) og male ut toppen og bunnen deler av laget.

    Lag et nytt lag og fylle det med følgende farger. Clip det nye laget til "Uskarpe Lines" lag vi bare gjort

    Trinn 21 -. Sliping av Lines

    Vi kan gjøre linjene enda mer interessant ved å gi dem en liten bit av sharpen. Gruppe alt inn i en "Lines" -mappen og kopiere det. . Opprette et nytt lag fylt med svart, og slå det sammen med "Line Kopier" -mappen

    Med det nye laget valgt, går du til Filter > Skjerpe > Smart Sharpen, og innspill følgende verdier. Når du er ferdig, setter laget til skjerm

    Trinn 22 -. De siste hånd

    Vi er nesten der! I dette trinnet, vil vi legge til noen endelige berører som vil bringe vårt bilde til ferdigstillelse. Først oppretter et nytt lag som heter "Shadow" og plassere den over våre bakgrunnslag. På dette laget, male noen svarte med en myk børste bak teksten. Dette vil bidra til å redusere den visuelle støyen i midten og lesbarheten.

    Deretter vil vi legge til en liten bit av shininess til vårt bilde. Lag et nytt lag og fylle den med svart. Gå til Filter > Gjengi > Lens Flare og velg 105mm Prime. Hit Kommando /Ctrl + M for å få inn mer kontrast, og deretter bruke en Gaussian Blur.

    Hit Kommando /Ctrl + T for å gå inn i Free Transform-modus, skalere ned laget og bringe der de lyse linjene møte bokstaver. Still lag til Color Dodge å ha en natt lysbrytning effekt.

    Gjenta prosessen så mye som du vil. Du kan ta en titt på mitt eksempel for referanse. Når du er ferdig, plasserer alle lag i en ny mappe som heter "lens flares".

    For å ferdigstille vårt bilde, la oss legge til en Smart Sharpen filter. For å gjøre dette, duplisere og slå sammen alle mapper sammen. Med det nye laget valgt, går du til Filter > Skjerpe > Smart Sharpen og legge til følgende verdier.

    Final Bildeanmeldelser