In deze zelfstudie leren we hoe u een afbeelding in tekst plaatst met Photoshop, een zeer populair effect om te maken en dat ook erg gemakkelijk is om te doen dankzij de kracht van Photoshop's knipmaskers, want we staan op het punt om zien!
Deze versie van de zelfstudie is voor Photoshop CS5 en eerder. Als u Photoshop CC of CS6 gebruikt, raadpleegt u de volledig herziene en bijgewerkte versie van deze zelfstudie. Dit is het effect waar we voor gaan:
Het laatste "afbeelding in tekst" -effect.
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:
Een uitzicht op de oceaan vanuit Hawaii.
Bekijk de video-tutorial op ons YouTube-kanaal!
Stap 2: Dupliceer de achtergrondlaag
Als we in het palet Lagen kijken, zien we dat we momenteel één laag hebben, genaamd Achtergrond . Deze laag bevat onze afbeelding. We moeten deze laag dupliceren, en de eenvoudigste manier om dat te doen is met behulp van de sneltoets Ctrl + J (Win) / Command + J (Mac). Als we nogmaals in het palet Lagen kijken, zien we dat we nu twee lagen hebben. De originele achtergrondlaag bevindt zich onderaan en er zit een kopie van de achtergrondlaag, die Photoshop automatisch "laag 1" noemde, erboven:
Het palet Lagen van Photoshop.
Stap 3: Voeg een nieuwe lege laag toe tussen de twee lagen
Vervolgens moeten we een nieuwe lege laag toevoegen tussen de achtergrondlaag en "Laag 1". Momenteel is "Laag 1" de laag die is geselecteerd in het palet Lagen. We kunnen zien welke laag is geselecteerd omdat de geselecteerde laag altijd blauw wordt gemarkeerd. Normaal gesproken plaatst Photoshop, wanneer we een nieuwe laag toevoegen, de nieuwe laag direct boven de laag die momenteel is geselecteerd, wat betekent dat Photoshop de laag boven "Laag 1" zou plaatsen. Dat is niet wat we willen. We willen dat de nieuwe laag onder "Laag 1" wordt geplaatst. Hier is een handige truc. Om een nieuwe laag onder de huidig geselecteerde laag toe te voegen, houdt u uw Ctrl (Win) / Command (Mac) -toets ingedrukt en klikt u op het pictogram Nieuwe laag onder aan het palet Lagen. Ctrl (Win) / Command (Mac) ingedrukt houden is de truc om de laag onder de huidig geselecteerde laag te plaatsen:
Houd "Ctrl" (Win) / "Command" (Mac) ingedrukt en klik op het pictogram Nieuwe laag in het palet Lagen.
We hebben nu een nieuwe lege laag met de naam "Laag 2" die zich rechtstreeks tussen de achtergrondlaag en "laag 1" bevindt:
Het palet Lagen toont de nieuwe lege laag tussen de achtergrondlaag en "Laag 1".
Stap 4: Vul de nieuwe laag met wit
Op dit moment is onze nieuwe laag helemaal leeg. Laten we het met wit vullen zodat het als een witte achtergrond verschijnt nadat we onze afbeelding in de tekst hebben geplaatst. Ga naar het menu Bewerken boven aan het scherm en kies Opvullen . Hiermee wordt het dialoogvenster Vullen van Photoshop geopend. Selecteer Wit voor de optie Inhoud boven aan het dialoogvenster en klik vervolgens op OK om het dialoogvenster te verlaten:
Selecteer Wit voor de optie Inhoud boven in het dialoogvenster van de opdracht Opvullen.
Er lijkt niets te zijn gebeurd in het documentvenster, omdat de afbeelding op "Laag 1" "Laag 2" blokkeert, maar als we kijken naar de voorbeeldweergave van de laag voor "Laag 2" in het palet Lagen, kunnen we zien dat zeker genoeg, de laag is nu gevuld met effen wit:
De voorbeeldminiatuur voor "Laag 2" laat zien dat de laag nu is gevuld met wit.
Stap 5: Selecteer "Laag 1" in het lagenpalet
Het is tijd om onze tekst toe te voegen, maar om de tekst te zien wanneer we deze toevoegen, moet de tekst boven "Laag 1" verschijnen, anders zal de afbeelding op "Laag 1" de tekst blokkeren. Om ervoor te zorgen dat we onze tekst kunnen zien, klikt u op "Laag 1" in het palet Lagen om deze te selecteren. Op deze manier maakt Photoshop zodra we beginnen met typen een nieuwe typelaag voor ons en plaatsen we de typelaag direct boven "Laag 1":
Klik op "Laag 1" in het palet Lagen om het te selecteren.
Stap 6: Selecteer het gereedschap Type
Om de tekst toe te voegen, hebben we de Type Tool van Photoshop nodig, dus selecteer de Type Tool uit het Tools-palet. U kunt ook snel het typegereedschap selecteren door op de letter T op uw toetsenbord te drukken:
Selecteer het tekstgereedschap.
Stap 7: Kies een lettertype in de optiebalk
Met de Type Tool geselecteerd, ga je naar de Optiebalk bovenaan het scherm en kies je welk lettertype je wilt gebruiken voor het effect. Over het algemeen werken lettertypen met dikke letters het beste. Ik ga Arial Black kiezen. Maak je nu geen zorgen over de lettergrootte:
Selecteer een lettertype in de optiebalk.
Stap 8: Stel wit in als voorgrondkleur
Deze stap is niet absoluut noodzakelijk, maar om me te helpen mijn tekst te zien, ga ik wit gebruiken voor mijn tekstkleur. De kleur die u voor uw tekst kiest, doet er niet echt toe, omdat we de tekst zo meteen met een afbeelding vullen, maar het helpt nog steeds om de tekst te kunnen zien wanneer we deze 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 voorgrond- en achtergrondkleuren worden teruggezet naar hun standaardwaarden. Zwart is de standaardkleur voor de voorgrondkleur en wit is de standaardkleur voor de achtergrondkleur. Om ze te verwisselen zodat wit de voorgrondkleur wordt, drukt u op de letter X op uw toetsenbord. Als u naar de kleurstalen Voorgrond en Achtergrond onder aan het palet Tools kijkt, ziet u dat wit nu de voorgrondkleur is (het linker staal):
Als u de voorgrondkleur op wit zet, wordt de tekstkleur ook op wit ingesteld.
Stap 9: voeg uw tekst toe
Met het Type-gereedschap geselecteerd, uw lettertype gekozen en wit als uw voorgrondkleur, klikt u in uw documentvenster en voegt u uw tekst toe. Omdat ik een foto gebruik van een oceaanscène in Hawaii, typ ik het woord "HAWAII":
Klik in het document en voeg uw tekst toe.
Wanneer u klaar bent, klikt u op het vinkje omhoog in de optiebalk om de tekst te accepteren.
Klik op het vinkje in de optiebalk om de tekst te accepteren.
Stap 10: Formaat wijzigen en de tekst verplaatsen met het commando Gratis transformeren
Waarschijnlijk moet u op dit punt het formaat en de positie van uw tekst wijzigen en we kunnen beide dingen doen met de opdracht Free Transform van Photoshop. Druk op Ctrl + T (Win) / Command + T (Mac) op uw toetsenbord om het vak Vrije transformatie en grepen rond uw tekst te openen en sleep vervolgens een van de grepen om het formaat van de tekst te wijzigen. Als u het formaat van de tekst wilt wijzigen zonder het uiterlijk ervan te vervormen, houdt u uw Shift- toets ingedrukt en sleept u een van de vier hoekhandgrepen. 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. Ten slotte, om de tekst te verplaatsen, klikt u ergens in het vak Vrije transformatie en sleept u uw muis om de tekst in het documentvenster te verplaatsen:
Gebruik de opdracht Free Transform van Photoshop om het formaat van de tekst te wijzigen en te verplaatsen.
Druk op Enter (Win) / Return (Mac) wanneer u klaar bent om de transformatie te accepteren en de opdracht Vrije transformatie te verlaten.
Stap 11: Sleep de tekstlaag onder "laag 1"
Nu we onze tekst hebben zoals we die willen, moeten we de tekstlaag onder de tekst in het palet Lagen verplaatsen. Klik op de tekstlaag en sleep deze eenvoudig naar beneden onder "Laag 1". U ziet een dikke zwarte lijn verschijnen tussen "Laag 1" en "Laag 2":
Sleep de tekstlaag onder "Laag 1".
Laat uw muisknop los wanneer de zwarte lijn de typelaag op zijn plaats tussen "Laag 1" en "Laag 2" laat vallen:
De typelaag verschijnt nu tussen "Laag 1" en "Laag 2".
Stap 12: Selecteer opnieuw "Laag 1"
Klik nogmaals op "Laag 1" in het palet Lagen om het te selecteren:
De typelaag verschijnt nu tussen "Laag 1" en "Laag 2".
De tekst verdwijnt tijdelijk in het documentvenster nu de afbeelding op "Laag 1" hem uit het zicht blokkeert.
Stap 13: Maak een knipmasker
Om de illusie te wekken dat de foto zich in de tekst bevindt, moeten we een knipmasker gebruiken . Hiermee wordt de foto op "Laag 1" "geknipt" naar 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 beeld.
Met "Laag 1" geselecteerd in het palet Lagen, gaat u naar het menu Laag boven aan het scherm en kiest u Clipping Mask maken :
Ga naar Laag> Knipmasker maken.
Als we in het documentvenster kijken, zien we dat de foto nu in de tekst lijkt te staan:
De foto verschijnt nu in de letters.
Stap 14: Voeg een slagschaduw toe (optioneel)
Om mijn effect te voltooien, ga ik een slagschaduw aan de letters toevoegen. Als u wilt volgen, selecteert u eerst de typelaag in het palet Lagen en klikt u vervolgens op het pictogram Laagstijlen onderaan het palet Lagen:
Selecteer de typelaag en klik vervolgens op het pictogram Laagstijlen.
Selecteer Slagschaduw uit de lijst met laagstijlen die verschijnt:
Selecteer de stijl van de slagschaduwlaag.
Dit opent het dialoogvenster Laagstijl van Photoshop ingesteld op de opties Slagschaduw in de middelste kolom. Ik ga de meeste opties met rust laten, maar ik zal de dekking van de slagschaduw verlagen tot ongeveer 60%, dus het is niet zo intens en ik stel de hoek van de slagschaduw in op 120 ° :
Het dialoogvenster Laagstijl met de opties voor de slagschaduw.
Klik op OK als u klaar bent om de slagschaduw toe te passen op een uitgang uit het dialoogvenster Laagstijl. Hier is mijn laatste "afbeelding in tekst" -effect:
Het laatste "afbeelding in tekst" -effect.
Volgende zelfstudie: een afbeelding in meerdere tekstlagen tegelijk plaatsen!
Een afbeelding in tekst plaatsen - Snelle samenvatting
In deze tutorial hebben we veel besproken. Hier is een kort overzicht van de stappen voor wanneer u het nodig hebt:
- Open uw foto in Photoshop en druk op Ctrl + J (Win) / Command + J (Mac) om de achtergrondlaag te dupliceren.
- Houd Ctrl (Win) / Command (Mac) ingedrukt en klik in het deelvenster Lagen op het pictogram Nieuwe laag om een nieuwe lege laag toe te voegen tussen de twee bestaande lagen.
- Ga naar het menu Bewerken in de menubalk en kies Opvullen . In het dialoogvenster Vulling stelt u Gebruik in op Wit . Klik OK.
- Selecteer in het deelvenster Lagen de bovenste laag (laag 1) om deze actief te maken.
- Selecteer het gereedschap Type en kies vervolgens in de optiebalk uw lettertype-opties.
- Zet je voorgrondkleur op wit, klik dan in het document en voeg je tekst toe.
- Druk op Ctrl + T (Win) / Command + T (Mac) om Vrije transformatie te selecteren, wijzig vervolgens het formaat en verplaats de tekst indien nodig. Druk op Enter (Win) / Return (Mac) om Free Transform te verlaten.
- Sleep in het deelvenster Lagen uw tekstlaag onder de foto op laag 1.
- Selecteer Laag 1 om deze actief te maken, ga vervolgens naar het menu Laag in de menubalk en kies Maak knipmasker .
- Als u een slagschaduw aan de tekst wilt toevoegen, klikt u in het deelvenster Lagen op het pictogram " fx ", kiest u Slagschaduw en stelt u vervolgens de hoek en de dekking in zoals nodig.
En daar hebben we het! Zo kunt u eenvoudig een afbeelding in tekst plaatsen met Photoshop! Bezoek onze secties Teksteffecten of Foto-effecten voor meer tutorials over Photoshop-effecten!