En 3D-typokomposition kombinerer imponerende teksteffekter med kreative designelementer og bringer din typografi til et helt nyt niveau. Uanset om du vil skabe futuristiske, abstrakte eller temaorienterede udseender - med Photoshop kan du skabe en individuel 3D-typokomposition, der styrker din besked visuelt. I denne vejledning viser jeg dig trin for trin, hvordan du sætter din 3D-typografi i scene med teksturer, lyseffekter og andre designelementer. Lad os komme i gang og forvandle din skrifttype til et kunstværk!

Trin 1:

Først opretter jeg et nyt dokument; størrelsen er helt ligegyldig. Jeg vælger her en meget lille størrelse på 800x600 pixels. Hvis man vil have denne effekt trykt, skal enheden ændres fra pixel til cm og opløsningen fra 72 til 300 pixels pr. tomme.

3D-typografiændring

Trin 2:

Nu opretter jeg et tekstlag med et brev. Derefter klikker jeg i menuen på 3D>Repoussé>Tekstlag.

3D-typografiopsætning

Trin 3:

Jeg foretager følgende indstillinger (når det gælder materialer, bruger jeg skabelonen til Ingen tekstur for Alt):

3D-Typografiopstilling

Trin 4:

Nu åbner jeg 3D-panelet under Vindue og ændrer farven på ekstruderingen. For at gøre dette klikker jeg på den grå farve under Diffus.

3D-typografi sammensætning

Trin 5:

Sådan, farven passer allerede. Jeg vil kun gerne oprette en tekstur selv i forgrunden af bogstavet.

3D-typografi设计

Trin 6:

Til den nye tekstur opretter jeg et nyt dokument med en størrelse på 200 x 1 pixel. Derefter dobbeltklikker jeg på baggrundslaget og sletter indholdet med Delete-tasten. Nu kan jeg oprette et valg, som omfatter halvdelen af dokumentet, og farve det blåt. Derefter markerer jeg alt og gemmer det under Menu>Redigere>Definer mønster.

3D-typografi sammensætning

Trin 7:

Så er mønsteret gemt, og jeg opretter et nyt dokument med 2000x2000 pixels. Derefter tilføjer jeg et nyt lag og farver det (farven er ligegyldig, fordi jeg sætter lagdækningen til 0%). Nu går vi til Udfyldningsindstillinger, og jeg aktiverer mit nye mønster. Derefter gemmer jeg teksturen som en PSD-fil på min harddisk.

3D-typografi sammensætning

Trin 8:

Så går jeg tilbage til mit dokument og åbner min nye tekstur på mit Material - udvidet forside.

3D-typografiopstilling

Trin 9:

Resultatet ser ud som følger (jeg er stadig ikke helt tilfreds med linjerne og åbner derfor min tekstur igen).

3D-typoplacering

Trin 10:

For at kunne dreje mit mønster, konverterer jeg laget til et Smart-Objekt. Nu kan jeg også dreje mønstret, som blev anvendt som Udfyldning.

3D-typografiækning

Trin 11:

Nu synes jeg allerede meget bedre om det.

3D-typografiillustration

Trin 12:

Da linjerne er for brede for mig, åbner jeg teksturen igen, går ind i mit Smart-Objekt og skal derefter skalere mønsteroverlayet.

3D-typografiopsætning

Trin 13:

For at gøre baggrunden mere spektakulær indsætter jeg en farvegradient i baggrundslaget.

3D-typografiopstilling

Trin 14:

Samtidig tilføjer jeg også en blå tone til min fladede kant. Resultatet ser sådan ud:

3D-typografi sammensætning

Trin 15:

For at kunne se lyskilderne bedre, lader jeg dem blive vist nederst i 3D-panelet.

3D-typografi sammensætning

Trin 16:

Derudover farver jeg baggrundslaget gråt, så jeg kan se de hvide lysstreger. Jeg ændrer lystypen for mit første lys fra Rettet til Punkt.

3D-typografiopstilling

Trin 17:

Nu flytter jeg lyset og ser straks, hvordan mit objekt reagerer.

3D-typografiindsættelse

Trin 18:

Jeg ændrer også den næste lyskilde til Punkt og øger lysets intensitet til 1.

3D-typografiændring

Trin 19:

Da renderingen af hele objektet kan være meget tidskrævende, kan jeg oprette en markering og derefter i 3D-panelets Indstillingsmenu vælge Mærk udvalg til progressiv rendering.

3D-typografi sammensætning

Trin 20:

Resultatet ser rigtig godt ud. Jeg kan også få hele mit objekt renderet ved at klikke på scenen øverst i 3D-panelet og derefter vælge Raytracing - Design eller Raytracing - endelig (tager længst tid) under Kvalitet. Tip: Hvis jeg stadig skal ændre noget på objektet, skal jeg absolut skifte indstillingen tilbage til Interaktiv (Mal), ellers vil computeren straks starte en ny rendering, og man skal vente evigheder.

3D-typografi-sammensætning

Trin 21:

Efter at have færdiggjort det første bogstav, opretter jeg det næste med samme indstillinger og fremgangsmåde. Her downloader jeg igen den tidligere gemte tekstur.

3D-typografiudarbejdelse

Trin 22:

Da striberne er for brede for mig, kan jeg enten redigere dem direkte igen i teksturen, eller jeg går simpelthen til Diffus og vælger Rediger egenskaber.

3D-typografi sammensætning

Trin 23:

Hvis jeg nu øger værdien for U-skal., bliver mine linjer mindre. Nogle gange bliver linjerne dog brudt på en mærkelig måde, hvilket sandsynligvis skyldes en fejl i Photoshop eller en fejl i displayets grafikkortdriver.

3D-typografiindsættelse

Trin 24:

Efter at have rendert scenen ser mit S-bogstav sådan ud:

3D-typografering

Trin 25:

Jeg justerer stadig alle lyskilderne her og ændrer nogle af dem til Punkt. Jeg kan endda klikke på det Ny-symbol for at oprette flere lyskilder.

3D-typografi sammensætning

Trin 26:

Da mine linjer er for brede, går jeg ind i teksturen, derefter ind i Smart-objektet og derefter ind i Mønsteroverlejring, hvor jeg skalerer størrelsen lidt ned. Dog opstår der en underlig dobbeltlinje i S-bogstavet; derfor går jeg igen ind i Texturegenskaber og justerer lidt på U-skal-værdien indtil det passer.

3D-typografioplevelse

Trin 27:

Næste trin er at oprette det sidste bogstav. Dette placerer jeg i laghiarkiet under S-bogstavet.

3D-typografiopstilling

Trin 28:

Til mit d-bogstav har jeg tænkt på noget specielt: Bogstavet skal have et blomstermønster. Derfor downloader jeg en floral pensel fra PSD-Tutorials.de, indsætter den i et 2000x2000 px stort dokument med gennemsigtig baggrund og gemmer den som en PSD-fil.

3D-typografi sammensætning

Trin 29:

Under teksturegenskaberne flytter jeg mønsteret tilsvarende.

3D-typografi opsætning

Trin 30:

Så, nu skal jeg tilpasse lyset igen, og så ser mit bogstav slet ikke dårligt ud:

3D-typografi sammensætning

Trin 31:

Næste skridt er at oprette et nyt lag og tilføje nogle mindre elementer med hvid farve ved hjælp af min blomstrede pensel.

3D-typografiindsættelse

Trin 32:

Nu er det tid til en smart baggrund. Jeg griber fat i Egen-form-værktøjet og indlæser følgende form, som Photoshop leveres med som standard (hvis den ikke vises, skal du bare trykke på den lille pil øverst til højre for at indlæse biblioteket).

3D-typografisk sammensætning

Trin 33:

Efter at have trukket formen ud, reducerer jeg let gennemsigtigheden, tilføjer en lagmaske og udfylder den med en radial sort-hvid gradient.

3D-typografi sammensætning

Trin 34:

Jeg kan optimere striberne yderligere ved f.eks. at reducere fyldegraden og derefter i fyldmulighederne tilføje en let skinne udad med hvid farve. Derefter trækker jeg en smuk radial blå-mørkeblå gradient.

3D-typografi sammensætning

Trin 35:

For at få det til at skinne stærkere i midten, kan jeg enten tilpasse gradienten derefter, eller jeg ændrer den blot med en meget blød, stor pensel. Jeg justerer derefter lagets gennemsigtighed lidt ned.

3D typografi sammensætning

Trin 36:

På en eller anden måde er de blomstrede penselstrøg for dominerende. Derfor vil jeg oprette dem igen, denne gang dog med en endnu mindre pensel. Resultatet ser således ud:

3D-typografioplevelse

Trin 37:

Med en hue/saturation-justeringslag kan jeg hurtigt ændre baggrundens farve:

3D-typografi sammensætning

Trin 38:

Hvis jeg hellere vil ændre farven på bogstaverne i stedet for baggrunden, kan jeg gå ind i fyldmetoderne for et enkelt bogstav og der indstille en farveoverlejring med fyldmetoden farve. Derefter kopierer jeg lagetseffekten ved at trykke på Alt-tasten og fjerne den for hver yderligere bogstav.

3D-typografering

Trin 39:

Det er dog lettere, hvis mine bogstaver er i en gruppefolder, og derefter indsætter jeg en hue/saturation-justeringslag over den. Og - meget vigtigt: Jeg ændrer fillmetoden for min gruppefolder fra Gennemføre til Normal. Så justerer justeringslaget kun indholdet i folderen.

3D-typografi opsætning

Trin 40:

Lille trick til slutningen af workshoppen: Jeg duplikerer mine 3D-bogstaver og rasteriserer min kopi derefter ved at højreklikke.

3D-typografioplevelse

Trin 41:

Nu har jeg flere muligheder: Enten farver jeg hele bogstavet hvidt, eller jeg tilføjer blot en farveoverlejring i hvid. Nu tilføjer jeg en maske, og så kan jeg med en blød pensel f.eks. selv forbedre visse lys. I mit tilfælde har jeg styrket lyset øverst på bogstavet d og malet skyggerne mørkere med en yderligere lag med sort farveoverlejring.

3D-Typometning

Trin 42:

Derefter ser mit resultat sådan ud:

3D-tekstkomponering



Jeg håber, at jeg har kunnet give mange tip om håndteringen af 3D i Photoshop. Som man kan se, er det slet ikke så svært.