Articles

Transformeer tekst in Photoshop: vervormings-en 3D-Perspectiefeffecten

geschreven door Steve Patterson.

In deze tutorial laat ik je zien hoe je tekst transformeert met de Distort en Perspective commando ‘ s in Photoshop! Normaal gesproken staat Photoshop ons niet toe om Distort of perspectief te gebruiken met type lagen. Maar hier zal ik je een eenvoudige truc laten zien om beide commando ‘ s te ontgrendelen en je tekst volledig bewerkbaar te houden.

Ik gebruik de nieuwste versie van Photoshop CC, maar elke recente versie zal werken. Laten we beginnen!

Download deze tutorial als een print-ready PDF!

tekst toevoegen

het eerste wat we moeten doen is wat tekst toevoegen. Hier is een afbeelding die Ik heb geopend in Photoshop te gebruiken als achtergrond voor mijn effect. Ik heb deze gedownload van Adobe Stock:

de achtergrondafbeelding. Foto door: Adobe Stock.

en als we in het paneel lagen kijken, zien we dat ik ook vooruit ben gegaan en wat tekst boven de afbeelding heb toegevoegd. Ik zet het aan door op het pictogram zichtbaarheid van de type laag te klikken:

het aanzetten van de tekst.

en hier is mijn tekst:

de tekst verschijnt voor de afbeelding.

Ik gebruik een lettertype met de naam Orbitron Bold dat ik heb gedownload van Adobe Typekit:

het lettertype dat in het effect wordt gebruikt.

de Distort and Perspective commando ‘ s

wat ik zou willen doen is mijn tekst meer een 3D-look geven, alsof hij naar de horizon kantelt, wat betekent dat ik zijn perspectief wil veranderen. En de makkelijkste manier om perspectief toe te voegen is met behulp van Photoshop perspectief Commando.

om het te krijgen, ga ik naar het menu Bewerken in de menubalk en kies ik transformeren. Hier vinden we alle verschillende transformatiecommando ‘ s van Photoshop. Maar merk op dat, hoewel we toegang hebben tot dingen als schalen, roteren, schuin en zelfs Warp, de twee meest interessante opties—Distort en Perspective—grijs zijn:

De Distort en Perspective opties zijn niet beschikbaar.

converteren van de type laag

De reden is dat Photoshop ons niet zal toestaan om Distort of perspectief te gebruiken met een type laag. Dus voordat ik een 3D-perspectief aan mijn tekst kan toevoegen, moet ik eerst mijn type laag naar iets anders converteren.

Optie 1: de tekst rasteren

Eén ding dat ik zou kunnen doen is mijn tekst rasteren, wat betekent dat mijn type wordt omgezet in pixels. En ik zou dat kunnen doen in het paneel lagen door met de rechtermuisknop (Win) / Control-click (Mac) direct op de Type layer te klikken:

Klik met de rechtermuisknop (Win) / Control-click (Mac) op de type layer.

en kies vervolgens Rasterize Type in het menu:

het commando Rasterize Type.

maar hier is het probleem. Als ik mijn type Converteer naar pixels, verlies ik de mogelijkheid om mijn tekst te bewerken. En als we elke vorm van transformaties toepassen op een pixelgebaseerde afbeelding, kunnen we kwaliteit verliezen. Dus raster het type is geen goede keuze.

Optie 2: Het Type converteren naar een vorm

een andere optie in hetzelfde menu is converteren naar vorm:

het commando converteren naar vorm.

het voordeel dat een vorm heeft over pixels is dat we een vorm zo veel kunnen transformeren als we willen zonder enig kwaliteitsverlies. Maar we zouden nog steeds een probleem hebben omdat we nog steeds de mogelijkheid zouden verliezen om onze tekst te bewerken. Dus, het omzetten naar een vorm is ook niet de beste keuze.

optie 3: het type converteren naar een smart object

maar een derde optie is om onze tekst om te zetten in een smart object door te kiezen voor converteren naar Smart Object in het menu:

kiezen voor converteren naar Smart Object.

Photoshop zet de Type laag om in een smart object, en we weten dat door het Smart object icoon in de rechterbenedenhoek van de miniatuur:

De Type laag is nu een slim object.

slimme objecten zijn niet-destructief, dus we kunnen ze zo veel als we willen transformeren zonder enig verlies in kwaliteit. Onze typelaag is nu ingebed in het slimme object, wat betekent dat we het slimme object kunnen openen en onze tekst kunnen bewerken wanneer we dat nodig hebben. Maar voordat we leren hoe we dat moeten doen, laten we eens kijken hoe we de Distort en Perspective commando ‘ s kunnen gebruiken met ons slimme object.

gerelateerd: Hoe de grootte van afbeeldingen te wijzigen zonder verlies van kwaliteit

vervormen

Ik ga terug naar het menu Bewerken en kies opnieuw transformeren. En deze keer zijn alle transformatieopties, inclusief Distort en Perspective, beschikbaar:

beide Distort en Perspective zijn beschikbaar na het converteren van de tekst naar een slim object.

Ik begin met Distort:

Kies het Distort Commando.

Het Distort commando laat ons los van elkaar een van de hoekhandvatten rond de tekst klikken en slepen. We kunnen ze in elke richting slepen om de tekst in verschillende vormen te vervormen:

in Distort mode, sleep de hoekhandvatten onafhankelijk.

een transformatie annuleren

dat is niet echt wat ik wil doen, dus Ik zal het Distort Commando annuleren zonder wijzigingen aan te brengen door op de Esc toets op mijn toetsenbord te drukken. En nu ben ik terug bij de oorspronkelijke vorm van de tekst:

druk op Esc om een transformatie te annuleren.

perspectief

Wat Ik wil doen is de tekst eruit laten zien alsof hij naar de horizon kantelt, een beetje zoals de scrollende tekst die je ziet aan het begin van een Star Wars-film. Ik kan dat doen met het Distort Commando, maar het perspectief commando zal het makkelijker maken.

om het te selecteren, ga ik terug naar het menu Bewerken, kies ik Transform, en dan kies ik perspectief:

ik ga > Transform > perspectief bewerken.

Distort vs Perspective

het verschil tussen Distort en Perspective is dat we in Distort-modus de hoekhandvatten in elke richting kunnen slepen en ze afzonderlijk van elkaar kunnen slepen. In de Perspectiefmodus slepen we nog steeds de hoekhandvatten, maar we kunnen ze alleen omhoog en omlaag slepen, of links en rechts, en de handgreep in de tegenovergestelde hoek beweegt mee in de tegenovergestelde richting.

merk op dat als ik het handvat in de linkerbovenhoek naar boven sleep, het handvat in de linkerbenedenhoek naar beneden beweegt:

een handgreep omhoog slepen verplaatst de andere handgreep naar beneden.

Ik zal dat ongedaan maken door naar het menu Bewerken te gaan en ongedaan maken te kiezen, of door op Ctrl+Z (Win) / Command+Z (Mac) te drukken. Dit zal de laatste stap ongedaan maken, maar zal me nog steeds in perspectief modus houden:

gaan bewerken > ongedaan maken.

om de tekst naar achteren te laten lijken, klik ik op hetzelfde handvat linksboven, maar deze keer Sleep ik het naar binnen naar rechts. En omdat we in de Perspectiefmodus zitten, beweegt de tegenovergestelde handgreep in de rechterbovenhoek ook naar binnen:

het slepen van een handgreep naar rechts verplaatst de tegenovergestelde handgreep naar links.

schakelen tussen Transformatiecommando ‘ s

Ik wil ook de tekst verticaal rekken zodat het meer ruimte langs de onderkant in beslag neemt. Om dat te doen, moet ik overschakelen van het perspectief commando naar het Schaal Commando. U kunt snel schakelen tussen transformeer commando ‘ s door rechts te klikken (Win) / Control-klikken (Mac) ergens in het document en het kiezen van een andere optie in de lijst. Ik kies Schaal:

overschakelen van perspectief naar Schaal.

dan zal ik op de onderste handgreep klikken en deze naar beneden slepen:

de tekst schalen door de middelste handgreep naar beneden te slepen.

de transformatie accepteren

om het te accepteren en mijn Transformatiecommando af te sluiten, druk ik op Enter ( Win) / Return (Mac):

de tekst na het toepassen van perspectief en schaal transformeert.

gerelateerd: Leer Photoshop ‘ s free Transformate essential skills

effecten toevoegen aan de tekst

voordat we kijken hoe we de tekst kunnen bewerken, ga ik snel een paar effecten toevoegen.

de Mengmodus wijzigen

Ik ga terug naar het paneel lagen en verander de Mengmodus van mijn smart object van normaal naar Overlay:

de Mengmodus wijzigen naar Overlay.

dit mengt de tekst met de afbeelding:

de tekst na het veranderen van de mengmodus op Overlay.

een Buitengloed toevoegen

dan voeg ik een gloed toe aan de tekst door op het pictogram laagstijlen (het fx-pictogram) te klikken:

te klikken op het pictogram laagstijlen.

en Buitengloed kiezen:

een buitengloedlaag kiezen.

In het dialoogvenster Laagstijl Klik ik op het kleurstaal om de kleur van de gloed te wijzigen:

klik op het kleurstaal.

dan verplaats ik mijn muiscursor naar de afbeelding en klik op een groene kleur om deze te selecteren:

Sampling een kleur uit de afbeelding voor de buitenste gloed.

Ik klik op OK om de kleurenkiezer te sluiten. En dan terug in het dialoogvenster Laagstijl, vergroot ik de gloed tot 60 px en de dekking tot 50%:

de buitenste Gloedopties.

Ik klik op OK om het dialoogvenster te sluiten, en hier is het resultaat:

de tekst met de buitenste gloed toegepast.

hoe de tekst te bewerken

tot slot, om uw tekst te bewerken, opent u smart object door te dubbelklikken op de miniatuur ervan in het paneel lagen:

het smart object openen.

Dit opent de inhoud van het smart object (in dit geval onze tekst) in een apart document:

de tekst opent in een apart document.

en als we in het paneel lagen kijken, zien we onze Type laag:

de oorspronkelijke type laag is veilig in het smart object.

tekst bewerken

Selecteer het gereedschap Type op de werkbalk:

Selecteer het gereedschap Type.

de tekst in het smart-object bewerken.

gerelateerd: hoe slimme objecten bewerken

de wijziging opslaan

om de wijziging in het hoofddocument te laten verschijnen, moeten we het slimme object opslaan en sluiten. Ga naar het menu Bestand en kies Opslaan:

naar Bestand gaan > opslaan.

en ga dan terug naar het menu Bestand en kies sluiten:

naar Bestand gaan > sluiten.

en terug in het hoofddocument verschijnt nu hetzelfde effect met de nieuwe tekst:

hetzelfde effect na het bewerken van de tekst.

en daar hebben we het! Dat is hoe vervormen en perspectief effecten toe te voegen aan uw tekst in Photoshop! Bekijk onze tekst effecten secties voor meer tutorials! En vergeet niet, al onze Photoshop tutorials zijn nu beschikbaar om te downloaden als PDF ‘ s!