of u nu net uw eigen blog hebt gestart (gefeliciteerd) of uw huidige site een facelift nodig heeft, het maken van uw eigen blogheader voor de eerste keer kan ontmoedigend lijken als u nog geen PhotoShop-expert bent. Hoewel het betalen van een professional wenselijk is, is het uitgeven van een som geld aan een aangepast ontwerp gewoon geen optie voor de meeste bloggers. Je enige echte optie is om zelf iets te ontwerpen. Maar waar begin je…?
gelukkig is er een schat aan fantastische, fantastische en niet te vergeten gratis bronnen die je op weg helpen. Hier zijn enkele van mijn favorieten …
maar eerst iets anders….
u moet de afmetingen van uw blogheader
vinden voordat u ontwerpt, moet u de afmetingen van uw blogheader vinden. De afmetingen kunnen variëren afhankelijk van uw platform/thema. Er zijn een paar manieren om uit te vinden uw header dimensies, Ik zal ze hieronder schetsen. Een van deze methoden zou voor u moeten werken –
Methode 1) Controleer of de afmetingen van de koptekst worden vermeld in het admin-gebied of het lay-out customiser-gebied van uw website.
Methode 2) Laad uw website en klik met de rechtermuisknop op de huidige kop. Sla de afbeelding op uw computer op. Klik met de rechtermuisknop op de afbeelding en kies “properties” (Windows) of “get info” (Mac). De afmetingen moeten worden vermeld.
Headergrootte zoeken op mac
Methode 3) Als u het nog steeds moeilijk hebt, gebruik dan het ontwikkelprogramma van uw browser om de afbeeldingsafmetingen in uw browser te pakken. Als u Google Chrome, er is een grote tutorial voor bloggers hier. (Internet Explorer, FireFox en Safari hebben allemaal vergelijkbare tools beschikbaar te).
worstelen? Kom vragen op onze Facebook pagina. Ik zal die dimensies voor je vinden.
op naar de hulpmiddelen en hulpmiddelen voor het ontwerpen!
Canva
Canva is een gratis ontwerpprogramma dat eenvoudig te gebruiken is en vol met mooie sjablonen. U betaalt alleen voor het gebruik van hun stockafbeeldingen (die u zelfs kunt vervangen door uw eigen gratis afbeeldingen als u dat verkiest). Hun stockafbeeldingen zijn zeer betaalbaar, slechts $1 (ongeveer 80p) per stuk.
u kunt ervoor kiezen om “aangepaste afmetingen” in te stellen voor het ontwerpen (Er is een link rechtsboven als u ingelogd bent). Of blader door de verschillende sjablonen en kies er een met dezelfde grootte als uw koptekst.
hier zijn een paar snelle voorbeelden die ik gemaakt heb met Canva, samen met stap-voor-stap instructies zodat je ze opnieuw kunt maken. De eerste is een eenvoudig en minimalistisch ontwerp, dit soort headers zijn erg trendy op dit moment. Ik koos voor de aangepaste afmetingen optie, Deze header is 960 x 200px.
ik heb mijn aangepaste afmetingen ingevoerd (960px x 200px). Toen het canvas werd geladen, ging ik direct naar
search > illustrations in de zijbalk. Ik bladerde door de illustraties tot ik deze mooie bloemen versieringen vond. Ik herschaalde en draaide beide afbeeldingen totdat ik blij was (pro tip: let op de nummers die verschijnen als je het formaat en roteert, zorg ervoor dat beide versieringen hetzelfde zijn.) Met behulp van het paneel opties heb ik de kleuren van de bloemen aangepast aan mijn eigen palet. Ik heb wat eenvoudige tekst toegevoegd. Gemaakt.hier is mijn tweede voorbeeld. Ik heb dit gemaakt van de “Facebook Cover” sjablonen.
ik koos de”
Facebook Cover ” templates optie. (Maak je geen zorgen over de profielfoto, dat zal er niet zijn wanneer u uw header downloadt). Ik heb het ontwerp geselecteerd in het linkermenu, dat vol zit met verschillende template-opties. Ik veranderde de tekst en gaf mijn ondertitel een lichte ondoorzichtigheid (selecteer “transparency” uit de lettertypeopties bij het typen). Opmerking: Als u niet van de bloemen achtergrond, verwijder het en voeg uw eigen foto in plaats daarvan. Speel met de filters en vervaging tot je gelukkig bent. Zet de betaalde sjablonen in gratis door over te schakelen Canva ’s stockafbeelding met een van uw eigen foto’ s. Canva zal u altijd vertellen of uw ontwerp gratis of betaald is voordat u het downloadt. Als je besluit om een van Canva ‘ s betaalde afbeeldingen te gebruiken, kosten ze slechts $ 1 (ongeveer 65p) per stuk.Tip: Kies uw kleurenschema door paletten te bladeren bij ColorLovers.
bron: Als u WordPress.com, deze blog post tutorial moet vrij handig zijn.
PicMonkey
PicMonkey is een andere geweldige ontwerp-en editing tool. Het is gratis te gebruiken, maar je kunt gaan “premium” om toegang te krijgen tot meer pictogrammen, lettertypen en achtergronden. Hoewel het niet pre-made sjablonen zoals Canva, maar er zijn tal van mogelijkheden om mooi uitziende headers met behulp van de tool opties en uw verbeelding te maken. Ik opgeklopt dit ontwerp in ongeveer vijf minuten plat (ik weet zeker dat je iets veel beter zou kunnen maken als je opzij zetten een uur of twee voor het ontwerpen!)
ik heb op
design > custom dimensions geklikt en mijn grootte ingesteld. Ik heb op textures > boards geklikt om het schoolbordeffect te maken. Ik stel zowel de verzadiging en vervagen op nul om het krijtbord donkerder te maken. Ik gebruikte een van de vrije pictogrammen uit de sectie “overlays“, kleurde het wit en herschaalde het om het kleiner te maken. Ik gebruikte twee gratis lettertypen voor de titel en ondertitel, Eraser Dust en RNS CamilaResource: gebruik Blogger? 21 Rosemary Lane zal je leren hoe je een fotocollage blog header maken met behulp van PicMonkey.
ik ben aan het leren hoe ik mijn eigen blogheader kan maken – bekijk deze pagina vol met tutorials! Klik om te Twitteren
meer hulpmiddelen & bronnen:
Smashing Magazine heeft 45 verschillende headerachtergronden weggegeven die u kunt bewerken met PhotoShop, Canva of PicMonkey. Hier is mijn favoriet uit de collectie, een nogal sereen ogende header met wolken!
ontworpen door Sergej Gorodenskiy.
er is een hele sectie op Pinterest gewijd aan blog headers, vol met tips, trucs, freebies en ideeën. Bekijk het hier.
Angiemakes.com heeft een freebie sectie vol met girly graphics die niet gemist kunnen worden, met aquarel bloemen, veren, kransen, zinnen etc. Download deze grafische elementen en gebruik ze in uw header ontwerp.
WonderForest biedt tips voor het maken van een eenvoudige maar aantrekkelijke blog header. Het artikel bevat tal van voorbeelden om u te beginnen.
als u PhotoShop gebruikt, ga dan naar FreePik ‘ s header sjabloonarchief. Bekijk ook hun andere gratis grafische ontwerpelementen (zoals knoppen, banners, pictogrammen etc) voor gebruik in uw ontwerp.