[PS] GTA logo tutorial

[-Matthijs-]

PSD: GTA Logo.rar

Alom bekend natuurlijk, het logo van GTA. Het logo is vrij simpel, echter is met name het subtiele effect in de letters misschien wat lastig om na te maken. In deze tutorial gaan we het logo zo goed als mogelijk nabootsen, zodat je de stijl straks ook kunt toepassen op bijvoorbeeld je eigen naam of een andere tekst.

Stap 1

We beginnen met het downloaden en installeren van het Pricedown font, het lettertype dat gebruikt wordt voor het logo. Zodra je het lettertype gedownload hebt pak je deze uit en plaats je het .ttf bestand in C: > Windows > Fonts.

Stap 2

Vervolgens openen we een nieuw document. Ga naar File > New of gebruik de sneltoets CTRL + N.

Kies de grootte waarop je wilt werken. In dit geval ga ik voor 900*500px, zodat ik voldoende ruimte heb om op te werken.

Stap 3

Selecteer de Paint Bucket Tool (sneltoets G) en zet je foreground color op zwart.

Vul de Background layer (die je standaard al hebt) met zwart. Mocht je je layerpalet niet kunnen zien, ga dan naar Window > Layers of druk op F7.

Stap 4

Selecteer de Text Tool en selecteer het Pricedown font. Zet de grootte van het font op 155.

Zet je foreground color op wit en typ in je lege canvas grand.

Ga naar View > Show > Guides.

Guides zijn hulplijntjes die je kunt gebruiken om te zorgen dat alles op dezelfde hoogste of afstand staat. Aangezien het logo uit drie teksten bestaat (grand, theft en auto), en deze ook op een bepaalde manier onder elkaar staan, maken we gebruik van deze hulplijntjes om alles netjes op elkaar af te stemmen. Guides kun je tevoorschijn halen door links (voor een verticale lijn) of boven (voor een horizontale lijn) op het meetlatje te gaan staan en je muis terug naar binnen te slepen.

Mocht je de meetlat niet kunnen zien, ga dan naar View > Rulers of gebruik de sneltoets CTRL + R.

Stap 5

Sleep twee verticale hulplijnen naar je canvas en plaats deze op de onderstaande manier op de R.

Selecteer dan de Text Tool en typ theft. Zorg dat de T binnen de hulplijnen staat, zoals hieronder te zien is. Let niet op de overlapping van de tekst, daar gaan we straks wat aan doen.

Sleep twee nieuwe hulplijnen richting het canvas en plaats deze op de H:

Selecteer wederom de Text Tool en typ auto. Zorg dat de T op één lijn komt met de H:

Nu de tekst goed staat kun je de hulplijnen weer uitschakelen. Ga hiervoor naar View > Show > Guides of gebruik de sneltoets CTRL + ;.

Stap 6

Het logo van GTA kent enkele kleine aanpassingen aan de tekst. Zo zijn er kleine delen bij letters gevoegd of juist verwijderd. Selecteer de layer waarop je grand hebt getypt. Klik met je rechtermuisknop op deze layer en kies voor Rasterize Type. Nu kun je deze layer bewerken.

Selecteer de Rectanguler Marquee Tool (sneltoets M). Maak een selectie om het gebogen stukje van de N. Zorg er wel voor dat de letters op dezelfde hoogte blijven staan, dus zorg dat de selectie tegen het onderste stuk van de letter komt te liggen.

Druk vervolgens op DEL (delete) om het stukje te verwijderen.

Selecteer opnieuw de Rectanguler Marquee Tool en maak een selectie om het laatste stukje van de R.

En verwijder ook dit stukje.

Stap 7

Selecteer de layer met de tekst theft. Klik met je rechtermuisknop op deze layer en ga weer naar Rasterize Type. Selecteer de Rectanguler Marquee Tool en maak een selectie om de boog van de H. Zorg dat je selectie tegen de onderkant van de letters drukt.

Verwijder dit stukje eveneens.

Selecteer tot slot de laatste tekst layer (auto). Klik met je rechtermuisknop op deze layer en ga weer naar Rasterize Type.

Stap 8

Selecteer de layer met de theft tekst. Selecteer wederom de Rectanguler Marquee Tool en maak een kleine selectie boven de linker T.

Selecteer de Paint Bucket Tool en vul de selectie met wit.

Doe hetzelfde voor de rechter T, maar houd de selectie kleiner. Vul ook deze selectie met wit.

Selecteer tot slot de layer van de tekst auto en herhaal het proces. Maak dus een kleine selectie boven de T en vul deze selectie met wit. Het resultaat:

Stap 9

Houd CTRL ingedrukt en selecteer de drie tekst layers.

Klik met je rechtermuisknop op de selectie en ga naar Merge Layers.

Alle tekst layers zijn nu samengevoegd in één layer. Houd CTRL ingedrukt en klik op de thumbnail van de layer.

Zoals je kunt ziet, verschijnt er een selectie om de tekst:

Behoud de selectie en maak een nieuwe layer (CTRL + SHIFT + N). Noem deze layer stroke zwart. Sleep deze layer onder de tekst layer (de layer die je nu dus geselecteerd hebt). Ga vervolgens naar Select > Modify > Expand.

Vergroot de selectie met 10 pixels.

Zoals je kunt zien, is de selectie om je tekst groter geworden (met 10 pixels in dit geval).

Selecteer de Paint Bucket Tool en vul deze selectie met zwart. Aangezien de achtergrond zwart is zie je het effect niet, dus vink het oogje naast de background layer uit. Het resultaat:

Stap 10

Klik met je rechtermuisknop op de stroke zwart layer en ga naar Blending Options.

Ga naar Stroke en neem de onderstaande instellingen over:

Vink het oogje naast je background layer weer aan. Resulaat:

Stap 11

Tijd voor het effect in de tekst zelf. Houd CTRL ingedrukt en klik op de thumbnail van je originele tekst layer (die je in stap 9 samengevoegd hebt). Er verschijnt weer een selectie om de tekst. Ga naar Select > Modify > Contract.

Verklein de selectie met 2 pixels.

Je krijgt dan een verkleinde selectie van de tekst:

Behoud deze selectie en maak een nieuwe layer (CTRL + SHIFT + N) boven de andere layers en noem deze stroke grijs binnenkant. Selecteer de Paint Bucket Tool en vul de selectie met wit. Klik vervolgens met je rechtermuisknop op de layer en ga naar Blending Options. Ga naar Bevel and Emboss en neem de volgende instellingen over:

Het resultaat:

En dat is het! Uiteraard zitten er wat verschillen in het origineel en de versie die wij net gemaakt hebben. Zo is de grijze rand van ons niet overal even egaal en is het effect in de tekst bij ons rond, terwijl het hoekig is in het origineel. Uiteraard is dat ook mogelijk, maar dan moet je op pixel nauwkeurig met de Pencil Tool gaan werken en elke hoek handmatig aanpassen. Ik hoop dat je iets geleert hebt van deze tutorial en laat vooral je resultaat zien! Mocht je nog vragen hebben, dan hoor ik die natuurlijk graag!

[Michael]

Ik vind hem zeer interessant en leuk. Hij is erg makkelijk om door te lezen, goed werk Matthijs!