Werken met tekst in Photoshop: een definitieve gids

Advertentie

Als u Photoshop gebruikt voor uw ontwerpprojecten - het maken van logo's, posters, infographics of wat dan ook - dan moet u iets over typografie weten.

Photoshop heeft een heleboel tools om tekst op uw pagina te krijgen en het er ongelooflijk uit te laten zien. Maar waar begin je?

In deze korte handleiding laten we u alles zien wat u moet weten over het werken met tekst in Photoshop.

Typ Tool Basics in Photoshop

Voordat we beginnen, laten we een kort overzicht geven van de absolute basis voor het werken met tekst in Photoshop.

U voegt tekst toe aan een document met een van de Type hulpmiddelen. U kunt deze selecteren in de werkbalk aan de linkerrand van het scherm of door op te drukken T op je toetsenbord.

Als u dit selecteert, wordt de Type opties verschijnen in de Optiesbalk bovenaan het scherm. De belangrijkste zijn:

• Lettertypefamilie: Selecteer een lettertype van het lettertype dat op uw computer is geïnstalleerd (of van Typekit)
• Lettertype: Kies een stijl voor uw geselecteerde lettertype, zoals de vetgedrukte of schuine versies
instagram viewer
• Grootte: Stel de puntgrootte in voor uw type
• Tekst uitlijnen: Stel de tekst in op links, rechts of gecentreerd
• Kleur: Kies een kleur voor uw tekst
• Annuleren of vastleggen: Nadat u tekst heeft toegevoegd of bewerkt, moet u bevestigen dat u deze op uw canvas wilt toepassen, of annuleren om het ongedaan te maken of te verwijderen

Elk stuk tekst heeft altijd een eigen laag. Als u de tekst tijdens het bewerken wilt verplaatsen of het formaat ervan wilt wijzigen, houdt u de ingedrukt Ctrl of Cmd toets en sleep het op zijn plaats.

U kunt de tekst op elk moment wijzigen of het lettertype, de grootte enzovoort wijzigen. Selecteer hiervoor de Type tool en gebruik de cursor om de tekst te markeren, net zoals je zou doen in een tekstverwerker. Selecteer niet alleen de tekstlaag.

Tekst maken voor titels en kopteksten

De belangrijkste manier waarop de meeste mensen tekst toevoegen en bewerken in Photoshop Tekst toevoegen en bewerken in Adobe PhotoshopHet toevoegen, wijzigen en bewerken van tekst in Adobe Photoshop kan niet eenvoudiger. Lees verder is het selecteren van de Gereedschap Horizontale tekst (of de Verticaal één als je dat liever hebt), klik je op het canvas en begin je te typen.

Dit is de beste optie voor titels, kopteksten of andere korte stukjes tekst van één regel.

Als u op het canvas klikt, wordt er een tekstgebied gemaakt dat groter wordt terwijl u typt. Alle tekst staat op één regel en loopt nooit terug naar een nieuwe regel. Zelfs wanneer u de rand van het canvas bereikt, loopt de lijn gewoon door op het plakbord.

Als u regeleinden wilt toevoegen, plaatst u de cursor en drukt u op Enter. Sterker nog, maak afzonderlijke tekstlagen voor elke regel in uw koptekst. Op die manier kunt u ze allemaal afzonderlijk bedienen en positioneren.

Werken met alineatekst

Maak voor body-copy - langere stukken tekst zoals alinea's of lijsten - eerst een tekstvak.

Selecteer de Gereedschap Horizontale tekst en stel uw basisopmaakopties in. Klik en sleep diagonaal op het canvas om een ​​rechthoekig tekstvak te maken. Typ of plak nu uw kopie in het vak.

Het tekstvak heeft een vast formaat. Wanneer tekst de rechterkant raakt, wordt deze op een nieuwe regel geplaatst. Als de tekst te lang is, moet u het formaat van het vak wijzigen om de rest zichtbaar te maken (of u kunt de lettergrootte natuurlijk wijzigen).

Raken Ctrl + T (Windows) of Cmd + T (Mac) houd dan vast Verschuiving en sleep een van de sturen om de doos groter te maken.

Aangepaste tekstvakvormen maken

U bent niet beperkt tot het werken met rechthoekige tekstvakken. U kunt verschillende vormgereedschappen gebruiken of handmatig nieuwe vormen tekenen met de Pen gereedschapen vul ze vervolgens met tekst.

Selecteer een van de Vorm tools, of gebruik de Pen gereedschap. Stel de Gereedschapsmodus naar Pad in de linkerbovenhoek van de Optiesbalken teken vervolgens uw vorm op het canvas.

Pak nu de Gereedschap Horizontale tekst en klik binnen het pad dat je hebt getekend. Dit verandert de vorm in een tekstvak. Stel nu de tekstuitlijning in op Centrumen typ of plak uw tekst in het vak.

Aangepaste vormen zijn handig wanneer u tekst rond afbeeldingen of andere objecten in uw ontwerp moet wikkelen.

Tekst op een curve plaatsen in Photoshop

U kunt uw tekst ook instellen om de lijn van een curve te volgen.

Begin met het selecteren van de Pen gereedschap. In de Optiesbalk bovenaan de Gereedschapsmodus naar Pad. Teken nu een curve op het canvas. Als je hier een inleiding voor nodig hebt, bekijk dan onze gids met behulp van de Photoshop Pen Tool.

Selecteer vervolgens de Gereedschap Horizontale tekst. Beweeg de cursor over het pad dat je zojuist hebt getekend. Klik op wanneer de cursor verandert in een golvende lijn. Dit verankert een tekstvak aan het pad.

Typ nu je tekst.

U kunt uw tekst ook instellen om de omtrek van een vorm te volgen. Het proces is hetzelfde, alleen u selecteert een van de vormgereedschappen in plaats van de pen. Nogmaals, zorg ervoor dat u de Gereedschapsmodus naar Pad voordat je het tekent.

Gebruik de om de positie van de tekst op de curve aan te passen Tool voor directe selectie. Beweeg de muisaanwijzer over de tekst en deze verandert in een cursor met twee pijlen. Klik en sleep langs de lijn om de tekst langs de lijn te rangschikken.

Klik en sleep over de lijn om in te stellen of de tekst binnen of buiten de vorm moet lopen.

Tekst maskeren in Photoshop

De laatste van de belangrijkste teksttools van Photoshop zijn de Masker voor horizontale tekst en Gereedschap Verticale tekstmasker.

Deze tools plaatsen geen tekst op het canvas. In plaats daarvan maken ze op tekst gebaseerde vormen die u in uw ontwerpen kunt gebruiken. Daarom is het belangrijk dat je het juiste lettertype kiest voordat je begint. Je kunt niet teruggaan en het later bewerken.

Begin met het openen van een afbeelding in Photoshop of kies een laag die wat kleur bevat.

Selecteer een van de Typ Masker tools en stel uw lettertype in. Klik nu op het canvas en begin met typen. Wanneer je de Commit knop verandert uw tekst in een selectie.

Hier zijn drie manieren om het te gebruiken:

Voeg een textuur toe aan je tekst. Klik op de Breng een laag masker aan knop onderaan de Lagen paneel. Hierdoor wordt de achtergrond transparant en blijven alleen de tekstvormen over die de textuur van de originele afbeelding bevatten.

Vul de tekst met de achtergrondkleur. Raken Ctrl + Backspace of Cmd + Backspace om de tekst uit te knippen en te vervangen door de momenteel geselecteerde achtergrondkleur.

Knip de tekst uit de achtergrond. Raken Shift + Ctrl + I of Shift + Cmd + I om uw selectie om te keren. Druk nu op Ctrl + J of Cmd + J. Verberg de onderste laag en je hebt nu de originele afbeelding met een transparante uitsnede in de vorm van je tekst.

Tekst opmaken in Photoshop

Nu u de belangrijkste manieren kent om tekst op uw pagina te krijgen, hoe gaat u deze vormgeven? We hebben de basisinstellingen in de optiebalk al bekeken. Er zijn er nog een paar om over te weten.

• Tekstrichting: Wissel tussen horizontale en verticale tekst
• Anti-aliasing: Stel in hoe scherp of soepel u wilt dat uw tekst eruitziet
• Tekst verdraaien: Vervorm de tekst met 15 vooraf ingestelde stijlen
• Deelvenster voor tekens / alinea's openen: Open het paneel voor het aanpassen van tekeninstellingen
• 3D: Schakel over naar de 3D-weergave van Photoshop

Zoals eerder vermeld, moet u uw tekst met de cursor selecteren voordat u de opmaak kunt wijzigen.

De deelvensters voor tekens en alinea's

Klik op de Teken- en alineapaneel knop in de Optiesbalk. Het eerste tabblad bevat een reeks opties voor het opmaken van tekens. Sommigen verdubbelen de opties die we al hebben gezien (zoals het kiezen van lettertypen en kleuren), terwijl de rest je in staat stelt om je type te verfijnen.

• Paneelmenu: Dit bevat Geen pauze, die een vaste spatie tussen twee woorden plaatst om ervoor te zorgen dat ze op dezelfde regel blijven.
• Leidend: Hierdoor kunt u de lijnhoogte voor uw tekst aanpassen. Laat het ingesteld op Auto is meestal goed genoeg.
• Kerning: Stelt de afstand in tussen een paar tekens. Stel de optie in op Metrische gegevens om het standaardontwerp voor uw lettertype te gebruiken, of Optisch om Photoshop automatisch te laten instellen.
• Volgen: Bepaalt de afstand tussen alle tekens in uw tekst. Kies strakkere tracking (een negatief getal) om punch en urgentie toe te voegen aan je headers.
• Verticale schaal en horizontale schaal: Deze opties rekken of verkleinen uw lettertype verticaal of horizontaal. Gebruik ze alleen voor specifieke ontwerpkoffers - als u een bredere of grotere nodig heeft, kies een ander lettertype De 8 beste gratis lettertypenwebsites voor gratis lettertypen onlineNiet iedereen kan een gelicentieerd lettertype betalen. Deze websites helpen u bij het vinden van het perfecte gratis lettertype voor uw volgende project. Lees verder .
• Basislijnverschuiving: Verplaatst geselecteerde tekens boven of onder de basislijn. Meestal gebruikt voor het schrijven van subscript- of superscripttekens.
• Faux vet en cursief: Vermijd deze waar mogelijk - gebruik altijd de vetgedrukte of schuine versies van het door u gekozen lettertype, als u die heeft.
• Alle hoofdletters en kleine hoofdletters: Hoofdletter automatisch uw tekst.
• Andere opties: Verschillende instellingen voor het maken van sub- en superscripttekens, onderstrepen of besturen van bepaalde OpenType-lettertypen.

Klik op de Paragraaf tabblad om de opties te zien voor het opmaken van de lay-out van grotere stukken tekst.

Hier kunt u de linker- of rechtermarge van uw tekstvak laten inspringen en kiezen of u woordafbreking wilt gebruiken of niet.

Teksteffecten in Photoshop

Met Photoshop kun je effecten toevoegen aan elke laag, inclusief een tekstlaag. Hiermee kunt u een slagschaduw toevoegen waardoor uw tekst opvalt tegen de achtergrond van uw ontwerp, of misschien om een ​​gloeiend effect toe te voegen.

Dubbelklik op de laag om de te openen Laagstijl doos.

Selecteer Slagschaduw en pas instellingen aan, inclusief Dekking, Hoek, en Afstand. Zorg ervoor dat de Voorbeeld knop is aangevinkt, zodat u een realtime weergave van het effect krijgt. Klik OK wanneer je klaar bent.

Met dezelfde aanpak kunt u een buitenste gloed aan de tekst toevoegen of een textuur op het lettertype toepassen.

Tekst roteren of scheeftrekken in Photoshop

Selecteer de tekstlaag en druk op om tekst te roteren of scheef te trekken Ctrl + T of Cmd + T om de Gratis transformatietool.

Beweeg de muisaanwijzer over de hoek van het selectiekader totdat de cursor verandert in een gebogen pijl. Klik en sleep nu om te draaien.

Houd ingedrukt om de tekst scheef te houden Shift + Ctrl of Shift + Cmd en pak een van de sturen aan de rand van de doos. Sleep zijwaarts en druk op Enter bevestigen.

Onthoud dat te veel scheeflopen uw lettertype kan vervormen.

Werken met lettertypen in Photoshop

Het juiste lettertype kiezen Strategieën en tools voor het koppelen van lettertypen voor perfecte lettertypecombinatiesLettertypekoppeling is deels kunst en deels wetenschap. Deze strategieën en tools voor het koppelen van lettertypen helpen u bij het kiezen van de perfecte lettertypekoppeling voor elke taak. Lees verder , of een paar lettertypen, is een van de meest essentiële onderdelen van grafisch ontwerp.

Selecteer lettertypen met de Lettertypen drop down in de Optiesbalk. U ziet voor elk een klein voorbeeld.

Maak een bladwijzer van uw favoriete lettertypen door op te klikken Ster pictogram naast hen. Om ze weer te vinden, druk op de Ster pictogram in de menubalk.

Selecteer een lettertype en kies Vergelijkbare lettertypen om door al uw beschikbare lettertypen met vergelijkbare kenmerken te bladeren.

Klik op om uw lettertypekeuzes te vergroten Voeg lettertypen toe vanuit Typekit pictogram in het Lettertypen drop-down menu.

Hiermee wordt de Typekit-website van Adobe gelanceerd. Log in als dat nodig is, blader en selecteer de lettertypen die u wilt toevoegen. Klik op de Synchroniseer alles knop om alle stijlen van dat lettertype beschikbaar te maken in Photoshop. U kunt ook alleen de stijlen en gewichten synchroniseren die u nodig heeft.

Overeenkomende lettertypen van andere afbeeldingen

Vaak heb je een andere afbeelding met een lettertype dat je wel wilt gebruiken, maar niet herkent. Photoshop's Overeenkomende lettertypen tool kan helpen om deze mystery fonts te identificeren, of op zijn minst enkele vergelijkbare alternatieven te bieden.

Open de afbeelding en ga naar Typ> Overeenkomstig lettertype. De tool plaatst een overlay op uw canvas. Pas de snijtekens aan om het lettertype te markeren dat u wilt matchen.

Enkele suggesties worden na enkele seconden gedaan. Kies er een en klik OK.

Een lettertype aanpassen

Als je een logo ontwerpen Een eenvoudig logo ontwerpen in PhotoshopPhotoshop kan veel meer dan alleen foto's bewerken - het is meer dan in staat tot eenvoudig ontwerpwerk. Hier laten we u zien hoe u een eenvoudig geometrisch logo maakt. Lees verder , een snelle truc die je kunt doen om er een unieke draai aan te geven, is door het lettertype dat je gebruikt aan te passen. Je kunt dit eenvoudig doen in Photoshop.

Selecteer de tekst en ga naar Typ> Converteren naar vorm. Hierdoor wordt de tekst niet meer bewerkbaar.

Grijp de Gereedschap Padselectie (EEN) om individuele karakters te selecteren. U kunt nu hun kleur wijzigen, verplaatsen of roteren, onafhankelijk van de rest van uw tekst.

Gebruik de Tool voor directe selectie om het pad voor elk personage te tonen. Versleep de ankerpunten om het uiterlijk van het lettertype aan te passen en u kunt zelfs de gebruiken Pen gereedschap om nieuwe curven aan uw letters toe te voegen.

Wat is het volgende? Meer Photoshop-tips

Type is een integraal onderdeel van grafisch ontwerp en Photoshop biedt een aantal behoorlijk krachtige tools om te bepalen hoe tekst eruitziet op uw pagina.

De volgende stap is om te leren hoe u dit kunt opnemen in de rest van uw projecten. Bekijk onze gids voor werken met vectorafbeeldingen in Photoshop Vectorafbeeldingen maken en ermee werken in PhotoshopPhotoshop is een verrassend geschikt alternatief voor Illustrator voor vectorafbeeldingen. Hier is een inleidende tutorial over het maken van vectorafbeeldingen in Photoshop. Lees verder en je bent klaar om pictogrammen, logo's, posters en nog veel meer te maken.