Deel 14 - Logo en huisstijl


Iedere nieuwsblog heeft natuurlijk een logo en een eigen huisstijl. Maak voor je eigen blog een simpel logo in Photoshop of een ander programma waar je mee uit de voeten kunt. Bekijk met 'element inspecteren' (zie deel 11) hoeveel ruimte het logo in de breedte (width) heeft. Pas het logo dat je ontwerpt hierop aan.

Wil je een logo met een witte achtergrond zoals het logo van 'Alles over bloggen'? Maak de achtergrond van het logo dat je ontwerpt in Photoshop dan transparant en sla jouw bestand op als PNG.

Als je jouw logo af hebt, kun je het als volgt uploaden:


Klik op 'indeling'.


Bovenaan de pagina 'indeling' staat altijd de titel van je blog met daarachter tussen haakjes 'kop'. Dit waar de geschreven kop of het logo van jouw blog komt te staan. Als je op 'bewerken' klikt, kun je dit onderdeel aanpassen.


Je kunt hier bij het onderdeel 'afbeelding' je logo uploaden. Vink vervolgens 'In plaats van titel... ' aan. Dit zorgt ervoor dat de geschreven tekst bovenaan je blog verdwijnt en vervangen wordt door je logo. Klik als je klaar bent op 'opslaan'.

Huisstijl



Als je eenmaal een logo hebt, wil je natuurlijk dat de kleuren op jouw blog bij dat logo passen. Als je jouw logo in Photoshop hebt gemaakt, kun je de kleuren die je gebruikt hebt opslaan als Swatches. Als je jouw logo niet in Photoshop gemaakt hebt, is het handig om je logo voor dit onderdeel alsnog in Photoshop te openen.

In Photoshop kun je namelijk heel gemakkelijk zien wat de HTML-code van de door jou gekozen kleur is:


Gebruik het pipetje om de kleur die je in je logo gebruikt hebt te selecteren.


Vervolgens opent zich een schermpje waarop je kunt zien welke kleur je geselecteerd hebt. Onderaan de schermpje zie je dit tekentje: '#', met daarachter een combinatie van zes cijfers/letters. Dit is de HTML-code van de kleur die je geselecteerd hebt. Zoals je ziet is de HTML-code van de oranje kleur die blogger gebruikt #ff9534. Sla al deze kleurcodes op als swatches of schrijf deze codes ergens op.

0 reacties:

Een reactie posten