Een 3D-typocompositie combineert indrukwekkende teksteffecten met creatieve designelementen en tilt jouw typografie naar een geheel nieuw niveau. Of je nu futuristische, abstracte of themagebaseerde looks wilt creëren - met Photoshop kun je een unieke 3D-typocompositie maken die jouw boodschap visueel versterkt. In deze tutorial laat ik je stap voor stap zien hoe je jouw 3D-typografie in de spotlight zet met texturen, lichteffecten en andere designelementen. Laten we beginnen en jouw typo tot een kunstwerk transformeren!
Stap 1:
Allereerst maak ik een nieuw document aan; de grootte maakt niet uit. Ik kies hier voor een zeer kleine grootte van 800x600 pixels. Als je dit effect wilt laten afdrukken, moet de eenheid van pixel naar cm worden gewijzigd en de resolutie van 72 naar 300 pixels per inch.
Stap 2:
Nu maak ik een tekstlaag met één letter. Vervolgens klik ik in het menu op 3D>Repoussé>Tekstlaag.
Stap 3:
Ik voer de volgende instellingen uit (bij materialen kies ik bij alles de sjabloon voor geen textuur):
Stap 4:
Nu open ik het 3D-paneel onder het venster en pas ik de extrusiekleur aan. Hiervoor klik ik bij diffuus op de grijze kleur.
Stap 5:
Zo, de kleur is al goed. Alleen in de voorgrond van de letter wil ik een textuur creëren.
Stap 6:
Voor de nieuwe textuur maak ik een nieuw document met een grootte van 200 x 1 pixel aan. Vervolgens dubbelklik ik op de achtergrondlaag en verwijder ik de inhoud met de Delete-toets. Nu kan ik een selectie maken die de helft van het document beslaat, en deze blauw kleuren. Vervolgens selecteer ik alles opnieuw en sla het op onder Menu>Bewerken>Patroon definiëren.
Stap 7:
De textuur is opgeslagen en ik maak een nieuw document van 2000x2000 pixels. Vervolgens voeg ik een nieuwe laag toe en kleur deze in (de kleur maakt niet uit, omdat ik de dekkingspercentage op 0% zet). Nu gaan we naar de laagstijlen, en activeer ik mijn nieuwe patroon. Daarna sla ik de textuur op als PSD-bestand op mijn harde schijf.
Stap 8:
Zo, ik ga terug naar mijn document en open mijn nieuwe textuur op mijn materiaal - opgeblazen voorzijde.
Stap 9:
Het resultaat ziet er als volgt uit (ik ben nog niet helemaal tevreden met de lijnen en open daarom mijn textuur nogmaals).
Stap 10:
Om mijn patroon te kunnen draaien, converteer ik de laag naar een slim object. Nu kan ook het patroon, dat als laagstijl is toegepast, worden gedraaid.
Stap 11:
Zo vind ik het al veel mooier.
Stap 12:
Omdat de lijnen te breed zijn, open ik de textuur opnieuw, ga naar mijn slimme object en schaal vervolgens de overvloeimodus van het patroon.
Stap 13:
Om de achtergrond indrukwekkender te maken, voeg ik een verloop toe aan de achtergrondlaag.
Stap 14:
Tegelijkertijd geef ik mijn Afgeronde Kanten ook een blauwe tint. Het resultaat ziet er dan als volgt uit:
Stap 15:
Om de lichtbronnen beter te kunnen zien, laat ik ze in het 3D-bedieningspaneel onderaan weergeven.
Stap 16:
Daarnaast kleur ik de achtergrondlaag grijs in zodat ik de witte lichtstrepen kan zien. Het Lichttype van mijn eerste licht wijzig ik van Gericht naar Spot.
Stap 17:
Nu verplaats ik het licht en zie meteen hoe mijn object daarop reageert.
Stap 18:
Ook verander ik de volgende lichtbron in Spot en verhoog ik ook de Intensiteit van het licht naar 1.
Stap 19:
Omdat het renderen van het volledige object erg tijdrovend kan zijn, kan ik ook een selectie maken en vervolgens in het Optiemenu van het 3D-bedieningspaneel naar Selectie voor progressief renderen gaan.
Stap 20:
Het resultaat ziet er goed uit. Ik kan ook mijn volledige object laten renderen door bovenaan in het 3D-bedieningspaneel op de scène te klikken en vervolgens bij Kwaliteit te kiezen voor Raytracing - Ontwerp of Raytracing - Definitief (duurt het langst). Tip: Als ik nog iets aan het object moet veranderen, moet ik absoluut de instellingen weer terugzetten op Interactief (Schilderen), anders rendert de computer meteen alles opnieuw en moet ik eeuwig wachten.
Stap 21:
Nadat ik de eerste letter afgerond heb, genereer ik de volgende met dezelfde instellingen en werkwijze. Ook hier laad ik de eerder opgeslagen textuur opnieuw.
Stap 22:
Omdat de lijnen te dik zijn, kan ik deze direct aanpassen in de textuur, of ga ik gewoon naar Diffuus en kies ik Eigenschappen bewerken.
Stap 23:
Als ik nu de waarde voor U-Schaal vergroot, worden mijn lijnen kleiner. Soms worden de lijnen echter vreemd gebroken, wat waarschijnlijk een bug in Photoshop of een fout in de displaydriver van de grafische kaart is.
Stap 24:
Nadat ik de scène heb gerenderd, ziet mijn S-lettter er zo uit:
Stap 25:
Ook verplaats ik hier nog alle lichtbronnen en zet er een aantal ook op Spot. Ik kan zelfs op het Nieuw-symbool klikken om meer lichtbronnen te creëren.
Stap 26:
Omdat de lijnen te breed zijn, ga ik naar de textuur, vervolgens naar het Smart Object en dan naar de Patroonoverlay, waar ik de grootte een beetje verklein. Echter ontstaat er een vreemde dubbele lijn in de S-letter; daarom ga ik opnieuw naar de Textuureigenschappen en pas ik daar de U-schaalwaarde een beetje aan, totdat het past.
Stap 27:
Vervolgens maak ik de laatste letter. Deze plaats ik in de lagenhiërarchie onder de S-letter.
Stap 28:
Voor mijn d-letter heb ik iets bijzonders bedacht: de letter moet een bloemmotief krijgen. Daarvoor download ik een bloemig Penseel van PSD-Tutorials.de, voeg ik deze toe aan een document van 2000x2000 Px met een transparante achtergrond en sla ik het op als een PSD-bestand.
Stap 29:
Onder de Textuureigenschappen verschuif ik het patroon dienovereenkomstig.
Stap 30:
Dus, nu pas ik het licht aan, en dan ziet mijn letter er helemaal niet slecht uit:
Stap 31:
Vervolgens maak ik een nieuwe laag aan en voeg ik met mijn bloemige penseel een paar kleinere elementen toe in wit.
Stap 32:
Dus, het is tijd voor een mooie achtergrond. Ik pak het Eigen-vormgereedschap en laad de volgende vorm die Photoshop standaard meelevert (als het niet wordt weergegeven, klik dan gewoon op de kleine pijl rechtsboven om de bibliotheek te laden).
Stap 33:
Nadat ik de vorm heb getekend, verlaag ik de doorzichtigheid iets, voeg ik een laagmasker toe en vul het met een radiale zwart-witverloop.
Stap 34:
Ik kan de strepen nog verbeteren door bijvoorbeeld de oppervlaktevulling te verminderen en vervolgens in de opvullingsopties met witte verf een lichte schijn naar buiten toe te voegen. Daarna trek ik een mooie radiale blauw-donkerblauw verloop aan.
Stap 35:
Om het in het midden feller te laten oplichten, kan ik ofwel het verloop dienovereenkomstig aanpassen, of ik verander het eenvoudig met een zeer zachte, grote penseel. De doorzichtigheid van de laag verminder ik dan een beetje.
Stap 36:
Op de een of andere manier vind ik de bloemige penseelstreken te dominant. Daarom maak ik deze nogmaals, dit keer echter met een nog kleinere penseel. Het resultaat ziet er dan als volgt uit:
Stap 37:
Met een kleur/verzadiging-aanpassingslaag kan ik de achtergrond ook snel van kleur veranderen:
Stap 38:
Als ik liever de letters in plaats van de achtergrond van kleur wil veranderen, kan ik ook naar de vulmethoden van een individuele letter gaan en daar een kleuroverlay instellen met de vulmethode kleur. Daarna kopieer ik het laageffect met ingedrukte alt-toets voor elke volgende letter.
Stap 39:
Het is echter gemakkelijker als ik mijn letters in een groepsmappen heb en dan een kleur/verzadiging-aanpassingslaag erboven plaats. En - heel belangrijk: Ik verander de vullingsmethode van mijn groepsmappen van doordrukken naar normaal. Dan werkt de aanpassingslaag alleen op de inhoud van de map.
Stap 40:
Kleine truc aan het einde van de workshop: Ik dupliceer mijn 3D-letters en raster mijn kopie dan met de rechtermuisknop.
Stap 41:
Nu heb ik meerdere mogelijkheden: ofwel ik kleur de hele letter wit, of ik voeg alleen een kleuroverlay in het wit toe. Nu voeg ik een masker toe, en dan kan ik met een zachte penseel bijvoorbeeld bepaalde lichten zelf nog verbeteren. In mijn geval heb ik het licht boven op de d-letter versterkt en met een extra laag met zwarte kleuroverlay de schaduwen donkerder geverfd.
Stap 42:
Daarna ziet mijn resultaat er zo uit:
Ik hoop dat ik veel tips over het werken met 3D in Photoshop heb kunnen geven. Zoals je kunt zien, is dit helemaal niet zo moeilijk.
