Bakstenen tekst

[jangske]

In deze les laten je kennismaken met een techniek waarmee je titels kunt bouwen uit bakstenen.
Je kunt deze techniek bijvoorbeeld gebruiken voor een interessant effect voor je webpagina.
Zo kan je laten zien dat je een fantastische website hebt gebouwd.
Heel stevig.



Gebruik het patroon dat we voor je hebben gemaakt om je titel te maken.
Je kunt het nu downloaden als je de volgende link volgt: https://onedrive.live.com/embed?cid=7AF ... CD0%219315

De lagen voorbereiden

1. Typ je tekst met het gereedschap Type en gebruik zwarte letters.
2. Selecteer Layer > Merge Down om de tekst samen te voegen met de laag Background, en noem de nieuwe laag Text.
   Deze laag gaan we een paar keer kopiëren om de verschillende elementen van de stenen muur te maken.
3. Maak een nieuwe laag, geef hem de naam Background en vul hem met wit.
   Dit wordt de achtergrond van de webpagina.
   Vul deze laag met de gewenste kleur als je van plan bent een andere kleur dan wit te gebruiken voor de achtergrond.
4. Maak een nieuwe laag, geef hem de naam Mortar en vul hem met de volgende RGB-waarden: 50, 0, 0.
5. Leg de laag Mortar op de laag Background.
   
   

Het eerste metselwerk

De eerste actie met de troffel geeft de titel een beetje diepte.
We gebruiken hiervoor het filter Emboss:

1. Kopieer de laag Text , geef deze nieuwe laag de naam Text Copy en leg hem op de laag Mortar.
2. Selecteer Filter > Blur > Gaussian Blur en pas een Radius toe van 3 pixels.
3. Selecteer Filter > Stylize > Emboss en pas de volgende instellingen toe: Angle 135°, Height 3, Amount 90.
   
   
   
4. Stel de modus voor de laag Text Copy in op Hard Light.
5. Selecteer Layer > Merge Down.
   
   

Je titel krijgt meer diepte.
Nu gaan we het cement aanbrengen tussen de bakstenen van de tekst, waardoor de tekst vorm krijgt.

Het cement maken

Met de volgende paar stappen geven we het cement nog wat meer diepte.
De bedoeling is om de vorm van de letters uit te knippen zodat we die goed op de achtergrond van de pagina kunnen zetten.

1. Kopieer de laag Text , geef deze nieuwe laag de naam Text Copy en leg hem op de laag Mortar.
2. Selecteer Filter > Blur > Gaussian Blur en pas een Radius toe van 3 pixels.
   We gebruiken deze tijdelijke laag om een selectie te maken.
3. Selecteer Image > Adjust > Levels en stel de Input Levels als volgt in: 43; 1,00; 192.
   Met deze niveaus definieer je de zwarte en witte gebieden en verwijder je eventuele extra grijze pixels.
   Het resultaat is een keurige selectie bij de volgende stap.
4. Kies Select > Color Range, stel Fuzziness in op 72 en klik op het voorbeeld op een willekeurig punt buiten de tekst.
   Met deze stap kan je direct alle witte pixels op de laag Text Copy selecteren.
   
   
   
5. Verwijder de laag Text Copy.
   Als het goed is, heb je nu een actief selectieframe op de laag Mortar.
6. Selecteer Edit > Clear en hef de selectie op.
   
   

Nu is de laag Mortar klaar.
We kunnen nu overgaan tot het maken van de bakstenen.

De bakstenen leggen

We gaan een kant-en-klaar patroon gebruiken voor de bakstenen.
In combinatie met het filter Emboss kunnen we met dit patroon diepte geven aan de bakstenen titel.

Maak een tweede laag en noem die Bricks.

1. Geef deze laag de RGB-waarden 150, 0, 0 als voorgrondkleur en 223, 178, 178 als achtergrondkleur.
2. Selecteer Filter > Render > Clouds.
   We zetten de bakstenen neer op deze laag Bricks.
   Met het filter Cloud maken we de kleur en het oppervlak van de bakstenen.
3. Kopieer de laag Text , geef deze nieuwe laag de naam Text Copy en leg hem op de laag Bricks.
4. Stel de modus voor de laag Text Copy in op Hard Light.
5. Open het patroon dat je aan het begin van deze workshop hebt gedownload, selecteer het helemaal en selecteer vervolgens Edit > Define pattern.
6. Selecteer Edit > Fill, stel Use in op Pattern, Opacity op 100% en Mode op Lighten.
   
   
   
7. Selecteer Filter > Blur > Gaussian Blur en pas een Radius toe van 2 pixels.
8. Selecteer Filter > Blur > Gaussian Blur nogmaals en pas een Radius toe van 4 pixels.
9. Selecteer Filter > Soften Gaussian Blur, stel Opacity in op 65% en stel Mode in op Lighten.
10. Selecteer Filter > Stylize > Emboss en stel Angle in op 130°, Height op 2 en Amount op 130.
11. Selecteer Layer > Merge Down.
    
    

Schaduw

De bakstenen hebben nu wat meer body.
Nog een paar aanpassingen en ze passen perfect op de pagina-achtergrond:

1. Kopieer de laag Text , geef deze nieuwe laag de naam Text Copy en leg hem op de laag Bricks.
2. Selecteer Edit > Fill, stel Use in op Pattern, Opacity op 100% en Mode op Lighten.
3. Selecteer Filter > Blur > Gaussian Blur nogmaals en pas een Radius toe van 1,5 pixels.
4. Kies Select > Color Range, stel Fuzziness in op 72 en klik op het voorbeeld op een willekeurig punt buiten de tekst.
   Net als eerder kan je met de optie Color Range snel een selectie maken.
5. Verwijder de laag Text Copy.
   Als het goed is, heb je nu een actieve selectierechthoek op de laag Bricks.
6. Selecteer Edit > Clear en hef de selectie op.
   
   

De titel is bijna klaar. Nog wat laatste kleine details:

Afwerking

Nog een beetje afwerken en de titel is echt helemaal klaar.

1. Activeer de laag Mortar.
2. Ctrl-klik op de laag Bricks zodat je de vorm selecteert.
3. Selecteer Layer > Add Layer Mask > Reveal Selection.
   Dit is een hele belangrijke stap.
   Hiermee wek je namelijk de indruk dat de letters op elkaar zijn gestapeld.
   Zonder dit samenvoegmasker zou je de indruk wekken dat de letters zijn uitgeknipt uit een textuur van achtergrondbakstenen.
4. Activeer de laag Bricks.
5. Selecteer Layer > Effects > Drop Shadow en pas de volgende instellingen toe: Mode Normal, Opacity 100%, Angle 135°, Distance 2 pixels, Blur 5 en Intensity 0%.

De titel is nu helemaal klaar.
Je kunt waarschijnlijk al wel een paar variaties van het gebruik van patronen bedenken.
We zouden bijvoorbeeld tegels kunnen gebruiken in plaats van bakstenen.

Een andere mogelijkheid is om de titel animatie te geven zodat hij steen voor steen wordt opgebouwd.