Chocoladeletter-font

Dit weekend is Sinterklaas weer aangekomen. Ieder jaar is dat opnieuw een belangrijk moment voor de typografie, want het betekent dat we weer te maken krijgen met CHOCOLADELETTERS. In deze tutorial leert u hoe u ze zelf maakt met behulp van Adobe Photoshop.Chocoladeletters hebben natuurlijk vooral te maken met een gebrek aan typografie. De vorm is steevast oubollig, er bestaan alleen hoofdletters en de spatiëring is ronduit beroerd. Maar voor die ene keer per jaar mag dat geen belemmering zijn.

  • Download van de website dafont.com het gratis lettertype Fette Egyptienne (linkje) en installeer het font op uw computer.
    Als u al een ‘chocolade’-lettertype op uw computer hebt staan, kunt u natuurlijk ook dat font gebruiken.

    Fette Egyptienne op Dafont.com

    Natuurlijk kunt u ook een ‘chocolade’-letter gebruiken die al op uw computer geïnstalleerd is.

Adobe Photoshop

  • Open in Photoshop een nieuw bestand van 600×600 pixels en kleur de achtergrond desgewenst rood.
  • Selecteer het tekstgereedschap en schrijf het woord ‘KORTING’.
  • Wijzig de lettergrootte zodat het woord bijna 600 pixels breed is.
    In dit voorbeeld wordt uitgegaan van een lettergrootte van 85 pixels ofwel ongeveer 25,5 punt bij een resolutie van 72 dpi.

    Korting - zwart

    In dit voorbeeld wordt uitgegaan van een lettergrootte van 85 pixels ofwel ongeveer 25,5 punt bij een resolutie van 72 dpi.

  • Wijzig de kleur van de tekst naar chocoladebruin.
    Hier wordt uitgegaan van R:106, G:9 en B:9, maar smaken verschillen en daarom mag u ook uw eigen chocolade maken. Gebruik een kleur die niet te donker of te licht is, want anders zal het diepte-effect straks nauwelijks zichtbaar zijn.

    Chocoladebruin is meestal een heel donkerrode kleur.

    Chocoladebruin is meestal een heel donkerrode kleur.

  • Selecteer de tekstlaag en klik onderin het lagen/layers-venster op ƒx.
    Op het beeldscherm verschijnt een menu met effecten.

    Effectenmenu

    Effectenmenu

  • Selecteer het effect Bevel and Emboss… (Schuine kant en reliëf…)
    Op het beeldscherm verschijnt het venster Layer Style (Laagstijl).

    Het venster Layer Style

  • Neem nu de instellingen over van het hierboven afgebeelde venster Layer Style (Laagstijl).
    U heeft nu ‘chocoladeletters’ op uw beeldscherm staan.

    Het eindresultaat. Voor het bovenste font is het lettertype Franchise gebruikt. Voor het pepernotenfont is bijna 200 gram pepernoten van Albert Heijn gebruikt.

De smalle chocoladeletters zijn gezet uit het font Franchise dat eveneens gratis via Dafont.com te downloaden is (linkje). Hiervoor zijn, op de kleuren van de witte chocolade na, dezelfde instellingen gebruikt. De kleur van de witte chocolade is R:250, G:247 en B:157. Voor de Shading (Schaduw), dat is de schaduwzijde van de letter, is bij Shadow Mode (Schaduwmodus) de kleur R:231, G:223 en B:90 gebruikt.

Het ‘pepernotenfont’ is gemaakt met echte pepernoten. Bijna 200 gram pepernoten waren nodig voor de tekst ‘25%’. Om de achtergrond van dergelijke productfoto’s mooi wit te krijgen, is het belangrijk dat gebruik wordt gemaakt van een lichtdoorlatende achtergrond die van onderaf wordt belicht. Uiteraard moet dat licht in balans zijn met de rest van de verlichting, anders treedt overstraling op.

InDesign

Met Adobe InDesign is op vrijwel dezelfde wijze hetzelfde effect te bereiken.

  • Open Adobe InDesign en maak een nieuw document op A4-formaat.
  • Selecteer het tekstgereedschap, sleep de muiscursor over het werkvlak om een kader te maken dat iets minder breed is dan het document en schrijf het woord ‘KORTING’.
  • Wijzig de lettergrootte in 48 punt.
  • Wijzig de kleur naar C:30, M:100, Y:100,K:40
    Natuurlijk kunnen ook de eerder genoemde RGB-waarden worden gebruikt, maar die vallen buiten het kleurbereik van offset-inkten.

    Chocoladeletters in Adobe InDesign, nog zonder het diepte-effect

  • Klik met het selectiegereedschap (dus niet met het tekstgereedschap!) op de tekst.
    Het kader met de tekst is nu geselecteerd.
  • Selecteer in het menu Object onder Effects de menukeuze Bevel and Emboss…

    Het menu Object

    Het menu Object

  • Neem de instellingen over van onderstaand venster.
    U heeft nu ‘chocoladeletter’ op uw scherm staan.

    InDesign: Effects-venster

    Adobe InDesign biedt ongeveer dezelfde effecten als Adobe Photoshop.

Op het beeldscherm zien de letters er nog niet zo strak uit. Het effect is pas goed zichtbaar als de pagina wordt afgedrukt of als PDF-bestand wordt opgeslagen.

De chocoladeletters zoals ze worden weergegeven in Adobe InDesign.

De chocoladeletters zoals ze worden weergegeven in Adobe InDesign.

Maar opgeslagen als PDF-bestand en bekeken met Adobe Acrobat Pro, is het effect veel beter te zien.

Maar opgeslagen als PDF-bestand en bekeken met Adobe Acrobat Pro, is het effect veel beter te zien.

Cursussen

Voor deze tutorial is gebruik gemaakt van kennis die verwerkt is in de volgende cursussen:

Als u wilt weten waarom bepaalde kleuren wel op het beeldscherm kunnen worden weergegeven en niet in drukwerk, is de Masterclass Preflight & Kleurbeheer geknipt voor u.

december cadeaumaand

Bij de cursus Adobe InDesign Technisch of Creatief, Illustrator, Photoshop Prepress of Photoshop Web, CorelDraw of Dreamweaver op 8, 9, 15, 16 december geldt 20% korting of voor uw collega zelfs 50%! Of ontvang een prachtig cadeau: een GoPro Hero 3 White Edition videocamera, of een iPad Mini 16 GB! (onder voorbehoud beschikbaarheid apparatuur)