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.
Trin 2:
Nu opretter jeg et tekstlag med et brev. Derefter klikker jeg i menuen på 3D>Repoussé>Tekstlag.
Trin 3:
Jeg foretager følgende indstillinger (når det gælder materialer, bruger jeg skabelonen til Ingen tekstur for Alt):
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.
Trin 5:
Sådan, farven passer allerede. Jeg vil kun gerne oprette en tekstur selv i forgrunden af bogstavet.
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.
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.
Trin 8:
Så går jeg tilbage til mit dokument og åbner min nye tekstur på mit Material - udvidet forside.
Trin 9:
Resultatet ser ud som følger (jeg er stadig ikke helt tilfreds med linjerne og åbner derfor min tekstur igen).
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.
Trin 11:
Nu synes jeg allerede meget bedre om det.
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.
Trin 13:
For at gøre baggrunden mere spektakulær indsætter jeg en farvegradient i baggrundslaget.
Trin 14:
Samtidig tilføjer jeg også en blå tone til min fladede kant. Resultatet ser sådan ud:
Trin 15:
For at kunne se lyskilderne bedre, lader jeg dem blive vist nederst i 3D-panelet.
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.
Trin 17:
Nu flytter jeg lyset og ser straks, hvordan mit objekt reagerer.
Trin 18:
Jeg ændrer også den næste lyskilde til Punkt og øger lysets intensitet til 1.
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.
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.
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.
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.
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.
Trin 24:
Efter at have rendert scenen ser mit S-bogstav sådan ud:
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.
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.
Trin 27:
Næste trin er at oprette det sidste bogstav. Dette placerer jeg i laghiarkiet under S-bogstavet.
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.
Trin 29:
Under teksturegenskaberne flytter jeg mønsteret tilsvarende.
Trin 30:
Så, nu skal jeg tilpasse lyset igen, og så ser mit bogstav slet ikke dårligt ud:
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.
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).
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.
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.
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.
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:
Trin 37:
Med en hue/saturation-justeringslag kan jeg hurtigt ændre baggrundens farve:
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.
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.
Trin 40:
Lille trick til slutningen af workshoppen: Jeg duplikerer mine 3D-bogstaver og rasteriserer min kopi derefter ved at højreklikke.
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.
Trin 42:
Derefter ser mit resultat sådan ud:
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.