In deze Photoshop Basics- tutorial leren we hoe we leuke ontwerpen en interessante logo's kunnen maken door tekst te combineren met aangepaste vormen ! Eerst leren we hoe de tekst zelf in een vorm kan worden omgezet. Dan zullen we leren hoe we andere vormen eraan kunnen toevoegen en zelfs hoe we vormen uit letters kunnen knippen! Het ontwerp dat ik hier ga maken is heel eenvoudig, maar je kunt dezelfde stappen gebruiken om alles te ontwerpen wat je maar kunt bedenken, vooral als je weet hoe je je eigen aangepaste vormen in Photoshop kunt maken! Ik gebruik Photoshop CS5 voor deze zelfstudie, maar elke recente versie van Photoshop werkt.
Dit is hoe mijn uiteindelijke resultaat eruit zal zien na het omzetten van de tekst in een vorm, en vervolgens de tekst gemakkelijk te combineren met andere vormen:

Laten we beginnen!
Stap 1: converteer de tekst naar een vorm
Hier is het document waarmee ik begin, een eenvoudige achtergrond met het woord "honden" ervoor (sorry voor alle kattenliefhebbers daar):

Als we in het deelvenster Lagen kijken, zien we dat het document uit twee lagen bestaat: de achtergrondlaag onderaan en een laag Type erboven:

Voordat we onze tekst met vormen kunnen combineren, moeten we eerst de tekst zelf omzetten in een vorm. Voordat u dit doet, moet u ervoor zorgen dat alles correct is gespeld, want als de tekst eenmaal in een vorm is omgezet, kan deze niet meer worden bewerkt. Zodra je zeker weet dat alles er goed uitziet, ga je naar het menu Laag in de menubalk boven aan het scherm, kies je Type en kies je vervolgens Converteren naar vorm :

De tekst ziet er nog steeds uit als tekst in het document, maar in het deelvenster Lagen zien we dat de Type-laag een Vorm-laag is geworden. Met andere woorden, we hebben nu een vorm die er toevallig uitziet als tekst:

Stap 2: Selecteer het gereedschap Direct selecteren
We gaan leren hoe we andere vormen aan onze tekst kunnen toevoegen en hoe we vormen van de tekst kunnen aftrekken. Laten we beginnen met kijken hoe we een vorm aftrekken, of met andere woorden, hoe we een gat uit een letter met een vorm kunnen snijden! Ik ga zo meteen een van de aangepaste vormen van Photoshop gebruiken om het gat in het midden van de letter "o" te vervangen door iets dat er interessanter uitziet.
Voordat ik dat doe, moet ik het gat verwijderen dat er al is, wat betekent dat ik een deel van de vorm moet verwijderen. Om dat te doen, moeten we het onderdeel selecteren dat we willen verwijderen met behulp van het gereedschap Direct selecteren van Photoshop. Standaard verstopt het zich achter het Padselectietool in het deelvenster Gereedschappen, dus ik klik op het Padselectietool en houd mijn muisknop een seconde of twee ingedrukt totdat een uitklapmenu verschijnt, dan selecteer ik het gereedschap Direct selecteren uit de lijst:

Stap 3: Selecteer het te verwijderen gebied
Het verschil tussen het Padselectietool (soms eenvoudigweg de "zwarte pijl" genoemd) en het Directe selectiehulpmiddel (de "witte pijl") is dat het Padselectietool wordt gebruikt voor het in één keer selecteren van hele vormen, terwijl de Directe Selectie Tool kan alleen de onderdelen selecteren die we nodig hebben. Voordat we echter iets selecteren, moet u ervoor zorgen dat de miniatuur van de vorm is geselecteerd in het deelvenster Lagen. Je weet dat het is geselecteerd, omdat er een witte markeerrand omheen staat. Als het niet is geselecteerd, klikt u op de miniatuur om het te selecteren voordat u doorgaat, anders kunt u de vorm (of een deel ervan) niet selecteren:

Met de miniatuur van de vorm geselecteerd en gemarkeerd, selecteer ik het gat in het midden van de letter "o" door erop te klikken en een dun vak eromheen te slepen met het gereedschap Direct selecteren, vergelijkbaar met hoe u pixels in een afbeelding zou selecteren met de Rechthoekig selectiekader:

Wanneer ik mijn muisknop loslaat, verschijnen er kleine vierkantjes die bekend staan als ankerpunten rond de vorm. Het is moeilijk te zien in de screenshot, maar als je goed naar de vorm in je document kijkt, zul je merken dat de ankerpunten in het gebied dat je hebt rondgesleept, verschijnen als effen vierkanten, terwijl de andere verschijnen als holle contouren . De effen vierkanten zijn de ankerpunten die we hebben geselecteerd:

Om het geselecteerde deel van de vorm te verwijderen, drukt u eenvoudig op de Backspace (Win) / Delete (Mac) -toets op uw toetsenbord. Het geselecteerde gebied wordt onmiddellijk verwijderd:

Stap 4: Selecteer het gereedschap Aangepaste vorm
Selecteer het gereedschap Aangepaste vorm van Photoshop in het deelvenster Gereedschappen. Standaard verstopt het zich achter het gereedschap Rechthoek, dus klik en houd het gereedschap Rechthoek een paar seconden ingedrukt totdat een uitklapmenu verschijnt en selecteer vervolgens het gereedschap Aangepaste vorm onderaan de lijst:

Stap 5: Selecteer de optie Shape Layers
Zorg dat het gereedschap Aangepaste vormen is geselecteerd en zorg ervoor dat de optie Vormlagen is geselecteerd in de optiebalk boven aan het scherm. Het is het pictogram dat eruit ziet als een vierkant met een ankerpunt in elke hoek:

Stap 6: Kies een vorm
Klik op de vormvoorbeeldminiatuur in de optiebalk :

Hiermee wordt de vormkiezer geopend, die kleine miniaturen weergeeft van alle vormen waaruit we momenteel kunnen kiezen. In plaats van een van de standaardvormen te gebruiken, ga ik een van de andere vormsets laden die in Photoshop worden meegeleverd. Klik op het kleine pijlpictogram in de rechterbovenhoek van de vormkiezer om een van de andere sets te laden:

Dit opent een menu met verschillende opties, en onderaan het menu staat een lijst met de andere vormsets waaruit we kunnen kiezen. Ik ga de dierenvormenset kiezen door deze in de lijst te selecteren:

Photoshop vraagt me of ik de huidige vormen door de nieuwe vormen wil vervangen of dat ik alleen de nieuwe aan het einde van de lijst wil toevoegen. Ik klik op Toevoegen om de nieuwe toe te voegen aan de andere:

Als ik terugkijk in mijn Shape Picker en naar beneden scrol, zie ik dat ik nu een aantal nieuwe dierenvormen heb om uit te kiezen. Klik op een miniatuur om een vorm te selecteren. Ik kies de vorm van de hondenprint door erop te klikken. Druk op Enter (Win) / Return (Mac) zodra je een vorm hebt gekozen die je uit de vormkiezer wilt sluiten:

Stap 7: Teken de vorm in de modus "Aftrekken van vorm"
Direct rechts van de miniatuurweergave van de vorm in de optiebalk bevindt zich een reeks van vijf pictogrammen, waarvan de meeste eruitzien als overlappende vierkanten. Door op deze verschillende pictogrammen te klikken, kunnen we schakelen tussen verschillende tekenmodi, zoals Toevoegen aan vorm, Verwijderen uit vorm, Snijden vormen en andere. Het pictogram links, Nieuwe vorm maken, wordt altijd standaard geselecteerd, omdat we meestal een nieuwe vorm willen maken wanneer we er een in het document tekenen:

Het probleem met het kiezen van tekenmodi door op deze pictogrammen in de optiebalk te klikken, is dat u elke keer dat u naar een andere modus moet overschakelen, uw muis naar de optiebalk moet slepen en deze handmatig moet selecteren. Het is ook te gemakkelijk om te vergeten welke is geselecteerd, dus je gaat alleen een nieuwe vorm tekenen om deze uiteindelijk toe te voegen aan een bestaande vorm, omdat de optie "Toevoegen aan vorm" degene is die je eerder hebt gebruikt en je bent vergeten verander het terug. Een betere manier om te schakelen tussen tekenmodi is met de veel snellere sneltoetsen, waarmee we tijdelijk tussen modi kunnen schakelen en altijd teruggaan naar de standaardmodus "Nieuwe vorm maken" zodra we de toets loslaten!
Als u bijvoorbeeld een vorm van een bestaande vorm wilt aftrekken in plaats van de optie Aftrekken van vorm in de optiebalk te kiezen, houdt u eenvoudig uw Alt (Win) / Option (Mac) -toets op uw toetsenbord ingedrukt. Je ziet een klein minteken ( - ) rechtsonder in je muiscursor om je te laten weten dat je tijdelijk bent overgeschakeld naar de modus "Aftrekken van vorm" (als je het pipetpictogram ziet verschijnen wanneer je je Alt ingedrukt houdt (Win) / Option (Mac) -toets, dit komt omdat de miniatuur van de vorm niet is geselecteerd in het deelvenster Lagen. Zorg ervoor dat deze is geselecteerd voordat u doorgaat).
Houd de Alt (Win) / Option (Mac) -toets ingedrukt, klik in de vorm waar je een gat doorheen wilt snijden en sleep je nieuwe vorm. U ziet een dunne omtrek van de nieuwe vorm verschijnen in de oorspronkelijke vorm. Houd de Shift- toets ingedrukt om de beeldverhouding van de nieuwe vorm te beperken tijdens het tekenen. Als u de vorm wilt verplaatsen en verplaatsen terwijl u deze tekent, houdt u uw spatiebalk ingedrukt, sleept u de vorm naar een nieuwe plek met uw muis, laat u vervolgens uw spatiebalk los en blijft u slepen. Hier sleep ik een vorm van een hondenprint uit de letter "o":

Laat de muisknop los wanneer u klaar bent en Photoshop trekt de nieuwe vorm van het origineel af en snijdt er effectief een gat doorheen:

Stap 8: Selecteer en teken een andere vorm in de modus "Toevoegen aan vorm"
Laten we deze keer een nieuwe vorm aan de tekst toevoegen. Klik nogmaals op de vormvoorbeeldminiatuur in de optiebalk om de vormkiezer te openen en klik vervolgens op een andere vorm om deze te selecteren. Ik kies deze keer de vorm van de hond. Druk op Enter (Win) / Return (Mac) als je klaar bent om de Shape Picker te sluiten:

Om de nieuwe vorm aan de tekstvorm toe te voegen, moeten we in de modus Toevoegen aan vorm zijn en we kunnen er tijdelijk naar overschakelen door de Shift- toets ingedrukt te houden. U ziet een klein plusteken ( + ) rechtsonder in de muiscursor verschijnen om u te laten weten dat u op het punt staat de nieuwe vorm aan de bestaande vorm toe te voegen. Houd de Shift-toets ingedrukt, klik in het document en begin de nieuwe vorm te slepen (zorg er opnieuw voor dat de vormminiatuur in het deelvenster Lagen is geselecteerd). Een dunne omtrek van de vorm verschijnt tijdens het slepen. Ik ga de hond boven de laatste twee letters van het woord plaatsen, zodat het lijkt alsof hij erop staat:

Wanneer u uw muisknop loslaat, voegt Photoshop de vorm toe aan het origineel:

Dit is hoe mijn tekst er nu uitziet na het snijden van een gat in de letter "o" met één vorm en het toevoegen van een andere vorm boven de laatste twee letters:

Het lijkt erop dat we meer dan één vorm in het document hebben, maar we kunnen in het deelvenster Lagen zien dat we die nog steeds hebben. De nieuwe vormen zijn eenvoudig toegevoegd aan of verwijderd van het origineel:

Stap 9: Selecteer een vorm om te bewerken met het gereedschap Padselectie
Maak je geen zorgen als je de nieuwe vormen niet precies op de tekst hebt geplaatst of de grootte ervan hebt aangepast. U kunt eenvoudig teruggaan en wijzigingen aanbrengen. Ik wil bijvoorbeeld de vorm van de hond die ik zojuist heb toegevoegd, verplaatsen en het formaat ervan wijzigen. Om dat te doen, moet ik eerst de vorm selecteren met het Padselectietool . Als je eerder het gereedschap Direct selecteren hebt geselecteerd zoals ik deed, verbergt het gereedschap Padselectie er nu achter in het deelvenster Gereedschappen, dus houd het gereedschap Direct selecteren ingedrukt totdat het uitklapmenu verschijnt en kies vervolgens het gereedschap Padselectie van de lijst:

Klik met het Padselectietool ergens in de vorm die u wilt selecteren. In mijn geval wil ik de hond selecteren, zodat ik erin klik. Rond de vorm verschijnen stevige ankerpunten om u te laten weten dat deze is geselecteerd:

Stap 10: Gebruik vrije transformatie om de vorm te verplaatsen of het formaat te wijzigen
Ga met de geselecteerde vorm naar het menu Bewerken boven aan het scherm en kies Free Transform Path of druk op Ctrl + T (Win) / Command + T (Mac) om Free Transform te selecteren met de sneltoets:

Hiermee wordt het vak Free Transform Path van Photoshop geopend en rond de vorm verwerkt. Versleep eenvoudig een van de vier hoekhandgrepen om de vorm aan te passen. Houd de Shift- toets ingedrukt en sleep de handgrepen om de beeldverhouding van de vorm intact te houden terwijl u de grootte wijzigt. Om de vorm te verplaatsen, klikt u ergens in het selectiekader en sleept u deze rond met uw muis. U kunt de vorm indien nodig ook roteren door ergens buiten het selectiekader te klikken en vervolgens met uw muis te slepen.
Wanneer u klaar bent, drukt u op Enter (Win) / Return (Mac) om de wijzigingen te accepteren en de opdracht Free Transform Path te verlaten:

Ik zal hetzelfde doen met de Dog Print-vorm die ik gebruikte om een gat in de letter "o" te snijden. Hoewel de vorm van de hondafdruk wordt gebruikt om een gebied van de letter af te trekken, is de vorm zelf nog steeds volledig bewerkbaar. Eerst zal ik het selecteren door ergens in te klikken met het Padselectietool. Vervolgens druk ik op Ctrl + T (Win) / Command + T (Mac) om snel het vak Vrije transformatiepad en grepen rond de vorm te openen, en wijzig ik het formaat door een van de hoekhandgrepen te slepen. Ik zal de vorm ook een beetje naar rechts verplaatsen, zodat het algemene ontwerp van de letter meer lijkt op het ontwerp van de andere letters:

Ik druk op Enter (Win) / Return (Mac) wanneer ik klaar ben om de wijzigingen te accepteren en de opdracht Free Transform Path te sluiten, en ik ben klaar! Hier is mijn definitieve tekstontwerp voor "honden":
