Sep
21
2009

3D tekst

In deze tutorial wil ik jullie laten zien hoe je in Photoshop een mooi 3D tekst effect kan maken. Hieronder het eindresultaat van deze tutorial:

OK, aan de slag!

Maak een nieuwdocument aan in Photoshop van 500 x 400 px en vul de achtergrond met een mooi kleurtje. Ik heb deze kleur genomen:

Selecteer je horizontale typ gereedschap en typ met een mooi vet lettertype de eerste letter van het woord wat je wilt tikken. Doe dat voor iedere letter van je woord in een aparte laag. Typ in zwart.

Ik heb  het font Arfoochikncheez gekozen in een grootte van 150 pt:

De tekst moet nu nog mooi gerangschikt worden. Dit ga je doen met je TRANSFORMATIE gereedschap, je kunt nu de letters verkleinen en draaien of vervormen. Ik heb  geschaald (verkleind) en geroteerd:

Om de tekst niet te rommelig over de achtergrond te laten komen en heb ik twee horizontale hulplijnen getrokken over het werk. Dit kun je doen door in menu WEERGAVE-NIEUWE HULPLIJN te kiezen. Ik heb er een op 4 en een op 8 cm, ik heb de tekst hiertussen gezet:

Als je helemaal klaar bent met iedere letter kun je alle letters samen selecteren. Dit doe je door in je lagenpalet op de bovenste laag te gaan staan SHIFT in te drukken en dan terwijl je op de SHIFT toets blijft drukken iedere laag aan klikken die je wilt selecteren. Selecteer je TRANSFORMATIE gereedschap nog een keer en vergroot of verklein de gehele tekst totdat hij mooi op je achtergrond staat:

Het ziet er bij mij nu zo uit:

Haal de hulplijnen weg door in menu WEERGAVE-HULPLIJNEN WISSEN te kiezen.

Voor de 3D look ga je nu de eerste letter van je tekst selecteren in je lagenpalet en klik je op het voeg laagstijl toe icoontje .

Kies voor de volgende laagstijlen:

Terwijl je nog in de laag staat van je eerste letter klik je op je lagenpalet met je rechtermuisknop en kies je LAAGSTIJL KOPIEREN. Dan klik je op de laag van een andere letterlaag en hou je de SHIFT toets ingedrukt en selecteer je al je lagen weer.  Als je alle lagen van je letters geselecteerd hebt kies je voor LAAGSTIJL PLAKKEN:

Zet nu alle tekstlagen uit op één na. Ik heb gewoon de eerste letter aangelaten 😉

Selecteer je verplaatsen gereedschap en ga in de laag van de letter staan. Hou de  ALT toets ingedrukt en druk dan om de beurt op de pijltjes toets LINKS en BOVEN en herhaal dat nog een paar keer (ik heb vijf keer herhaald) de letter wordt hierdoor iedere keer in een nieuwe laag gekopieerd en daarom ziet het er al een beetje 3D uit:

Je hebt nu in je lagenpalet van deze letter kopie lagen gemaak (ik heb 10  kopielagen omdat ik vijf keer herhaald heb):

Selecteer alle lagen (SHIFT-KLIK in je lagenpalet) behalve de bovenste laag en voeg ze dan samen door CTRL + E  in te toetsen, dit is het 3D gedeelte van je letter geworden. Zet de bovenste laag uit:

Nu druk je op CTRL +U en ga je wat met het onderste schuifje naar links schuiven zodat het 3D gedeelte van je letter wat donkerder wordt:

Zet nu de bovenste laag weer aan en kijk of je tevreden bent met het resultaat, als dat zo is dan kun je de lagen samenvoegen (CTRL +E) en heb je je eerste letter klaar;)

Deze stappen ga je herhalen op al je letters, gebruik verschillende hoeken bij het kopiëren van de lagen met de ALT en de pijltjes toetsen. Bijvoorbeeld RECHTS, ONDER of alleen LINKS net wat je mooi vindt. Gewoon even uitproberen. Als je klaar bent met je tekst ga je de letters mooi rangschikken zoals jij het mooi vindt. Sommige kunnen elkaar bedekken  en anderen staan wat verder naar achter. Je kunt ze in je lagenpalet schuiven zoals je maar wilt. Ook dat is een kwestie van smaak en uitproberen. Na alle letters zo behandeld te hebben ziet het er bij mij zo uit:

In je lagenpalet heb je nu weer net zoveel lagen als toen je begon alleen zijn het nu geen tekstlagen meer maar lagen met pixels.

Voeg nu alle lagen van de letters samen tot één laag en ga dan in deze laag staan in je lagenpalet op de thumbnail en toets dan CTRL +KLIK zodat je een selectie krijgt van alle letters:

Maak een nieuwe laag aan en voeg in die nieuwe laag een heel licht wit naar transparant  gespiegeld verloop toe en zet de dekking heel laag, ik heb het zo gedaan:

Hierna ga je naar je tekstlaag en voeg je de volgende laagstijl toe:

Hierna voeg je nog een GLOED BUITEN toe:

Maak een nieuwe laag aan en trek dan met een zacht penseel van 45 px in zwart een streep onder je tekst (houdt je SHIFT toets ingedrukt zodat je mooi recht blijft gaan). Zorg dat de lijn niet de volle breedte van de tekst heeft, laat aan allebei de kanten een stukje vrij:

Ga naar menu FILTER-VERVAGEN-GAUSSIAANS VERVAGEN:

Hierna voeg je in menu FILTER – VERVAGEN- BEWEGINGSONSCHERPTE toe:

Zet hierna de dekking van de laag tussen de 20-40%:

Ga helemaal bovenaan staan in je lagenpalet en maak een nieuwe laag aan. Selecteer je penseel, stel het hard in met een dikte van ongeveer 3 px in een goed te onderscheiden kleur. Ik heb rood genomen. Teken nu op de plaatsen waar je glans wilt hebben met je penseel:

Het is natuurlijk een kwestie van smaak hoeveel glans je wilt hebben, ik heb het zo gedaan 😉

Als je klaar bent met je glansaccenten aanbrengen druk je op CTRL+U en schuif je het onderste schuifje helemaal naar rechts zodat de rode accenten wit worden:

Ga weer naar menu FILTER-VERVAGEN en stel in naar smaak, ik heb het zo gedaan:

Waarmee we een gaaf 3d teksteffect hebben gemaakt:

Aanverwante berichten

Jumbojet

9 Reacties +REACTIE GEVEN

  • […] This post was Twitted by Jumbojetje […]

  • Hé Jumbo,

    Ik heb je 3D letters gemaakt en het is mijn perfect gelukt. Leuk om iets te maken wat mij wel lukt.

    Groetjes

    • Hartstikke goed! Gewoon volhouden en blijven proberen dan gaat het steeds beter!

  • Hoi, dit kun je niet verzinnen, het werkt.

    Groetjes Wil

    • 😀 ja, goed hè LOL

  • Hallo Jumbojet, hier ben ik weer zoals beloofd.
    Iets raars, wanneer ik de tekst erin wil zetten met het letterype Arfmoochikncheez zie ik niets (nee ik zit niet met wit op wit) neem ik een ander letterype is er niets aan de hand, is wel niet zo’n grote ramp maar ik maak de tutorials het liefst met dezelfde foto’s en letterype’s als jij gebruikt. Heb jij enig idee wat er aan de hand kan zijn.

    groetjes Wil

    • Hoi Wil ,
      Als je de SHIFT toets indrukt terwijl je tikt zie je de tekst verschijnen. Sommige lettertypes hebben een gebruiksaanwijzing en dan moet je even wat uitproberen 🙂
      Groetjes,
      Jumbojet

  • Heb vanmiddag dit gave teksteffect gemaakt en het is prima gelukt, ik heb gisteren je site gevonden en ik ben er erg blij mee. Zelf werk ik ook met Cs4 en sinds dit weekend werk ik met de nederlandse versie.

Reageer

Archief

Categorie