# 066: Photoshopping the Footer, Part 1 - CSS-trucs

Anonim

We beginnen aan de grote reis die de voettekst is! CSS-Tricks heeft altijd een grote mooie voettekst gehad en dit ontwerp zal geen uitzondering zijn. Het is echter niet puur onnodig. We hebben veel dingen die echt op zijn minst een link op de site verdienen (bijv. Links naar sociale media, contactlinks, andere projecten waaraan ik werk, enz.) En de voettekst is daar een perfecte plek voor.

We nemen daar het klassieke CSS-Tricks asterisk-logo op in plaats van de koptekst die druk genoeg is. Maar eerst zetten we de voettekst af met een soort verduistering en slagschaduweffect om het van het bovenste gedeelte af te zetten.

Uiteindelijk gebruiken we de vorm van de asterisk als masker om eronder een foto van mezelf te laten zien. We zwart-wit mijn foto en doorlopen de tool van Photoshop om dat te doen, wat kan resulteren in veel mooiere zwart-witresultaten dan simpelweg het verwijderen van kleurinformatie. Vervolgens brengen we er een zeer zwaar merkgekleurd fotofilter overheen om het merk en de consistentie van het ontwerp te verlengen.