Nodig: Paint Shop Pro.
DropCaps (dropped capital letters) - deel 2
elf een DropCap-afbeelding maken is niet moeilijk. Allereerst heb je een mooi lettertype nodig. Het lettertype dat ik hier gebruikt heb heet Jacoba en is bij Fonts te downloaden. (Een site met een prachtige collectie decoratieve lettertypen is Packrat Fonts and Dropcaps).
Dan open je Paint Shop Pro: nieuwe afbeelding, transparante achtergrond. Zet met het tekstgereedschap een letter neer van bijvoorbeeld 72 punten. Ik heb eerst een donkere kleur gekozen, daarna een nieuwe rasterlaag erover gedaan, en weer dezelfde letter erover heen gezet, maar nu in een lichtere tint. Die letters heb ik zo over elkaar heen geschoven dat het lijkt alsof de letter een dieprose schaduw heeft. De lagen heb ik zichtbaar samengevoegd. Daarna heb ik een uitsnede ervan gemaakt en de letter als GIF opgeslagen.
Om de tekst mooi onder de letter door te laten lopen heb ik deze HTML-code gebruikt:
<img src="z.gif" align="left" hspace=8 vspace=0 alt="Z">
LS je geen zin hebt om zelf een afbeelding te maken, kun je op het internet talloze kant-en-klare alfabet-afbeeldingen vinden. Niet alle letter-afbeeldingen zijn geschikt om als drop-cap te fungeren, maar zo'n plaatje zoals hier links is ideaal. Het is vierkant en de tekst loopt er vanzelf mooi onderdoor. Dat wil zeggen: je moet natuurlijk wel de HTML-code align=left of de CSS-code float: left gebruiken.
Een drop-cap geeft fleur aan een pagina. Zeker als zo'n pagina uit alleen maar lappen tekst bestaat, kan een drop-cap een wereld van verschil maken. Maar wees er spaarzaam mee. Overdaad schaadt!
LS je een bijzonder alfabet zoekt, ben je bij mij aan het goeie adres. De afbeelding hier links is een fraai voorbeeld van wat de eeuwenoude Keltische kunst heeft voortgebracht.
Als je het complete alfabet wilt hebben, kun je het hier downloaden. Het is een gezipt bestand van 185 kb. De plaatjes zijn niet transparant, maar staan op een witte achtergrond. Dus als je ze transparant wilt hebben, zul je dat zelf moeten doen. Mocht je niet weten hoe dat moet, dan verwijs ik je naar mijn superkorte lesje over dit onderwerp.
Zie ook DropCaps-tutorial, deel 1
Start |
Tutorials |
Korte Lesjes |
CSS |
Fonts |
Filters |
Links |
Allerlei |
Zoeken |
PSP-varia |
P-Filiaal