in deze tutorial zullen we leren hoe je een afbeelding in tekst plaatst met Photoshop, een zeer populair effect om te maken en een die ook heel gemakkelijk te doen is dankzij de kracht van Photoshop ‘ s knipmaskers, zoals we nu gaan zien!
Deze versie van de tutorial is voor Photoshop CS5 en eerder. Als u Photoshop CC of CS6 gebruikt, raadpleegt u de volledig herziene en bijgewerkte versie van deze tutorial. Hier is het effect waar we voor gaan:
laten we beginnen!
hoe een afbeelding in tekst te plaatsen
Stap 1: Open een foto om in uw tekst te plaatsen
eerst hebben we de afbeelding nodig die we in onze tekst gaan plaatsen. Ik zal deze panoramische foto van Hawaii gebruiken:
bekijk de video tutorial op ons YouTube kanaal!
Stap 2: dupliceer de achtergrondlaag
als we in het lagen palet kijken, zien we dat we momenteel één laag hebben, genaamd Background. Deze laag bevat onze afbeelding., We moeten deze laag dupliceren, en de makkelijkste manier om dat te doen is door de sneltoets Ctrl+J (Win) / Command+J (Mac) te gebruiken. Als we nogmaals in het lagen palet kijken, zien we dat we nu twee lagen hebben. De oorspronkelijke achtergrondlaag bevindt zich onderaan, en een kopie van de achtergrondlaag, die Photoshop automatisch “Laag 1” noemt, zit erboven:
Stap 3: Voeg een nieuwe lege laag toe tussen de twee lagen
vervolgens moeten we een nieuwe lege laag toevoegen tussen de achtergrondlaag en “Layer 1″., Momenteel is” Laag 1 ” de laag die is geselecteerd in het lagen-palet. We kunnen zien welke laag is geselecteerd omdat de geselecteerde laag altijd in blauw is gemarkeerd. Normaal gesproken plaatst Photoshop, wanneer we een nieuwe laag toevoegen, de nieuwe laag direct boven de geselecteerde laag, wat betekent dat Photoshop de laag boven “Layer 1″plaatst. Dat is niet wat we willen. We willen dat de nieuwe laag onder “Layer 1″geplaatst wordt. Hier is een nuttige Truc., Om een nieuwe laag onder de geselecteerde laag toe te voegen, houdt u uw Ctrl (Win) / Command (Mac) toets ingedrukt en klikt u op het pictogram Nieuwe laag onder in het lagen palet. Het ingedrukt houden van Ctrl ( Win)/Command (Mac) is de truc om de laag onder de huidige geselecteerde laag te plaatsen:
we hebben nu een nieuwe lege laag genaamd “Layer 2 “die direct tussen de achtergrondlaag en”Layer 1″zit:
Stap 4: Vul de nieuwe laag met wit
Op dit moment is onze nieuwe laag helemaal leeg. Laten we het vullen met wit zodat het zal verschijnen als een witte achtergrond nadat we onze afbeelding in de tekst hebben geplaatst. Ga naar het menu Bewerken bovenaan het scherm en kies vullen. Dit opent het dialoogvenster vullen van Photoshop., Selecteer Wit voor de inhoudsopgave optie bovenaan het dialoogvenster en klik vervolgens op OK om het dialoogvenster te verlaten:
er lijkt niets te zijn gebeurd in het documentvenster, aangezien de afbeelding op “Layer 1” “Layer 2” blokkeert vanuit het beeld, maar als we in het lagen-palet kijken naar de laagvoorbeeldminiatuur voor “Layer 2”, dan zien we dat de laag nu gevuld is met wit:
Stap 5: Selecteer “Layer 1” in het lagen palet
het is tijd om onze tekst toe te voegen, maar om de tekst te zien wanneer we deze toevoegen, moeten we de tekst boven “Layer 1” laten verschijnen, anders zal de afbeelding op “Layer 1” de tekst blokkeren. Om er zeker van te zijn dat we onze tekst kunnen zien, klikt u op “Layer 1” in het lagen palet om deze te selecteren. Op deze manier zal Photoshop, zodra we beginnen met typen, een nieuwe type laag voor ons aanmaken en de type laag direct boven “Layer 1″plaatsen:
Stap 6: Selecteer het type gereedschap
om de tekst toe te voegen hebben we het type gereedschap van Photoshop nodig, dus selecteer het type gereedschap uit het gereedschap palet. U kunt ook snel het Type gereedschap Selecteren door op de letter T op uw toetsenbord te drukken:
Stap 7: Kies een lettertype in de optiebalk
met het gereedschap Type geselecteerd, ga naar de optiebalk bovenaan het scherm en kies het lettertype dat u wilt gebruiken voor het effect. Over het algemeen werken lettertypen met dikke letters het beste. Ik kies Arial Black., Maak je voorlopig geen zorgen over de lettergrootte:
Stap 8: stel wit in als je voorgrondkleur
deze stap is niet absoluut nodig, maar om me te helpen mijn tekst te zien, ga ik Wit gebruiken voor mijn tekstkleur. De kleur die u kiest voor uw tekst maakt niet echt uit omdat we de tekst in een moment vullen met een afbeelding, maar het helpt nog steeds om de tekst te kunnen zien wanneer we het toevoegen. Om de tekstkleur op wit in te stellen, hoeven we alleen de voorgrondkleur van Photoshop op wit in te stellen., Druk eerst op de letter D op uw toetsenbord, waardoor de voor-en achtergrondkleuren naar hun standaardinstellingen worden teruggezet. Zwart is de standaardkleur voor de voorgrondkleur en wit is de standaardkleur voor de achtergrondkleur. Om ze om te wisselen zodat wit de voorgrondkleur wordt, drukt u op de letter X op uw toetsenbord. Als je naar de voor-en Achtergrondkleurvlakken onderaan het gereedschap palet kijkt, zie je dat wit nu de voorgrondkleur is (het linker kleurpalet):
stap 9: Voeg uw tekst toe
met het gereedschap Type geselecteerd, uw lettertype gekozen en wit als voorgrondkleur, klik in uw documentvenster en voeg uw tekst toe. Aangezien ik een foto van een oceaanscène in Hawaii gebruik, typ ik het woord “HAWAII”:
Als u klaar bent, klikt u op het vinkje boven in de optiebalk om de tekst te accepteren.
stap 10: formaat en plaats de tekst met het Free Transform Commando
u zult waarschijnlijk de grootte en plaats van uw tekst moeten wijzigen op dit punt, en we kunnen beide dingen doen met Photoshop ‘ s Free Transform Commando. Druk op Ctrl + T ( Win) / Command+T (Mac) op uw toetsenbord om het vrije Transformatievak en handvatten rond uw tekst te openen en sleep vervolgens een van de handvatten om de grootte van de tekst te wijzigen. Als u de grootte van de tekst wilt wijzigen zonder het uiterlijk ervan te vervormen, houdt u uw Shift-toets ingedrukt en sleept u een van de vier hoekhandvatten., U kunt ook de grootte van de tekst vanuit het midden wijzigen door de Alt (Win) / Option (Mac) – toets ingedrukt te houden terwijl u sleept. Als laatste, om de tekst te verplaatsen, klikt u ergens in het vrije Transformatievak en sleept u met de muis om de tekst in het documentvenster te verplaatsen:
druk op Enter (Win) / Return (Mac) wanneer u klaar bent om de transformatie te accepteren en het commando Free Transform te verlaten.,
stap 11: sleep de tekstlaag onder “Layer 1”
nu we onze tekst hebben zoals we die willen, moeten we de typelaag onder de tekst verplaatsen in het lagen palet. Klik op de tekstlaag en sleep deze vervolgens onder “Laag 1”. U ziet een dikke zwarte lijn verschijnen tussen “Layer 1” en “Layer 2”:
laat uw muisknop los wanneer de zwarte lijn verschijnt om de type laag op zijn plaats te laten vallen tussen “Layer 1” en “Layer 2”:
stap 12: selecteer Opnieuw “Layer 1”
klik nogmaals op “Layer 1” in het lagen palet om het te selecteren:
de tekst verdwijnt tijdelijk in het documentvenster nu de afbeelding op “Layer 1” Deze blokkeert.,
stap 13: Maak een knipmasker
om de illusie te wekken dat de foto zich in de tekst bevindt, moeten we een knipmasker gebruiken. Dit zal” clip “de foto op” Layer 1 ” om de tekst op de laag direct eronder. Alle delen van de foto die direct boven de letters verschijnen, blijven zichtbaar in het document. De rest van de foto verdwijnt uit het zicht.,
met “Layer 1″geselecteerd in het lagen palet, ga naar het Layer menu aan de bovenkant van het scherm en kies Clipping Mask aanmaken:
als we in het documentvenster kijken, zien we dat de foto nu in de tekst staat:
stap 14: voeg een slagschaduw toe (optioneel)
om mijn effect te voltooien, ga ik een slagschaduw toevoegen aan de letters., Als u wilt volgen, selecteert u eerst de type laag in het lagen palet, klik dan op het pictogram laagstijlen onderaan het lagen palet:
selecteer een slagschaduw uit de lijst met laagstijlen die verschijnt:
Dit opent het dialoogvenster Laagstijl van Photoshop dat is ingesteld op de Slagschaduwopties in de middelste kolom., Ik laat de meeste opties met rust, maar ik verlaag de dekking van de slagschaduw tot ongeveer 60%, dus het is niet zo intens, en ik stel de hoek van de slagschaduw in op 120°:
klik op OK als u klaar bent om de slagschaduw een uitgang toe te passen uit het dialoogvenster Laagstijl. Hier is mijn uiteindelijke “afbeelding in tekst” effect:
volgende les: hoe een afbeelding in meerdere tekstlagen tegelijk te plaatsen!