Egal, ob Sie gerade Ihren eigenen Blog gestartet haben (herzlichen Glückwunsch) oder Ihre aktuelle Website benötigt ein Facelift, das Erstellen Ihres eigenen Blog-Headers zum ersten Mal kann entmutigend erscheinen, wenn Sie nicht bereits ein PhotoShop-Experte sind. Während es wünschenswert ist, einen Profi zu bezahlen, ist es für die meisten Blogger einfach keine Option, eine Geldsumme für ein individuelles Design auszugeben. Ihre einzige wirkliche Option ist, etwas selbst zu entwerfen. Aber wo fängst du an …?
Zum Glück gibt es eine Fülle fantastischer, fabelhafter und ganz zu schweigen von KOSTENLOSEN Ressourcen, die Ihnen auf Ihrem Weg helfen werden. Hier sind einige meiner Favoriten…
Aber das Wichtigste zuerst ….
Sie müssen die Abmessungen Ihres Blog-Headers ermitteln
Vor dem Entwerfen müssen Sie die Abmessungen Ihres Blog-Headers ermitteln. Die Abmessungen können je nach Plattform / Thema variieren. Es gibt verschiedene Möglichkeiten, die Abmessungen Ihres Headers herauszufinden. Eine dieser Methoden sollte für Sie funktionieren –
Methode 1) Überprüfen Sie, ob die Header-Dimensionen im Admin-Bereich oder im Layout-Customizer-Bereich Ihrer Website aufgeführt sind.
Methode 2) Laden Sie Ihre Website und klicken Sie mit der rechten Maustaste auf den aktuellen Header. Speichern Sie das Bild auf Ihrem Computer. Klicken Sie mit der rechten Maustaste auf das Bild und wählen Sie „properties“ (Windows) oder „get info“ (Mac). Die Abmessungen sollten aufgelistet werden.
Header-Größe auf Mac ermitteln
Methode 3) Wenn Sie immer noch Probleme haben, verwenden Sie das Entwicklertool Ihres Browsers, um die Bildabmessungen in Ihrem Browser abzurufen. Wenn Sie Google Chrome verwenden, gibt es hier ein großartiges Tutorial für Blogger. (Internet Explorer, FireFox und Safari verfügen alle über ähnliche Tools).
Kämpfen? Kommen Sie und fragen Sie auf unserer Facebook-Seite. Ich werde diese Dimensionen für Sie finden.
Auf zu den Design-Tools und Ressourcen!
Canva
Canva ist ein kostenloses Design-Tool, das einfach zu bedienen und voller schöner Vorlagen ist. Sie zahlen nur für die Verwendung ihrer Bilder (die Sie sogar durch Ihre eigenen kostenlosen Bilder ersetzen können, wenn Sie dies vorziehen). Ihre Bilder sind sehr erschwinglich, nur $ 1 (über 80p) ein Stück.
Sie können entweder „benutzerdefinierte Abmessungen“ für das Entwerfen festlegen (es gibt einen Link oben rechts, sobald Sie angemeldet sind). Oder scrollen Sie durch die verschiedenen Vorlagen und wählen Sie eine aus, die die gleiche Größe wie Ihre Kopfzeile hat.
Hier sind ein paar wirklich schnelle Beispiele, die ich mit Canva gemacht habe, zusammen mit Schritt-für-Schritt-Anleitungen, damit Sie sie neu erstellen können. Die erste ist ein einfaches und minimalistisches Design, diese Art von Header sind sehr trendy im Moment. Ich habe die Option benutzerdefinierte Abmessungen gewählt, dieser Header ist 960 x 200px.
Ich habe meine benutzerdefinierten Abmessungen (960px x 200px) eingegeben. Als die Leinwand geladen wurde, ging ich direkt zu
search > illustrations in der Seitenleiste. Ich blätterte durch die Illustrationen, bis ich diese schönen floralen Verzierungen fand. Ich habe die Größe beider Grafiken geändert und gedreht, bis ich zufrieden war (Pro-Tipp: Achten Sie auf die Zahlen, die beim Ändern der Größe und Drehung angezeigt werden.) Über das Optionsfeld habe ich die Farben der Blumen an meine eigene Palette angepasst. Ich habe einen einfachen Text hinzugefügt. Erfolgen.Hier ist mein zweites Beispiel. Ich habe dies aus den Vorlagen „Facebook Cover“ erstellt.
Ich habe die Vorlagenoption „
Facebook Cover“ ausgewählt. (Mach dir keine Sorgen um das Profilbild, das wird nicht da sein, wenn du deinen Header herunterlädst). Ich habe das Design aus dem linken Menü ausgewählt, das Sie feststellen werden, ist voll von verschiedenen Vorlagenoptionen. Ich habe den Wortlaut geändert und meinem Untertitel eine leichte Deckkraft verliehen (wählen Sie beim Tippen „transparency“ aus den Schriftartoptionen). Beachten: Wenn Ihnen der Blumenhintergrund nicht gefällt, löschen Sie ihn und fügen Sie stattdessen Ihr eigenes Foto hinzu. Spielen Sie mit den Filtern und Unschärfe, bis Sie glücklich sind. Verwandeln Sie die KOSTENPFLICHTIGEN Vorlagen in KOSTENLOSE, indem Sie das Canva-Archivbild durch eines Ihrer eigenen Fotos ersetzen. Canva teilt Ihnen vor dem Herunterladen immer mit, ob Ihr Design kostenlos oder kostenpflichtig ist. Wenn Sie sich für eines der kostenpflichtigen Bilder von Canva entscheiden, kosten diese nur 1 US-Dollar (etwa 65 Pence) pro Stück.Tipp: Wählen Sie Ihr Farbschema, indem Sie die Paletten bei ColorLovers durchsuchen.
Ressource: Wenn Sie WordPress.com , dieses Blog-Post-Tutorial sollte ziemlich praktisch sein.
PicMonkey
PicMonkey ist ein weiteres großartiges Design- und Bearbeitungswerkzeug. Es ist kostenlos zu benutzen, aber Sie können „Premium“ gehen, um auf mehr Symbole, Schriftarten und Hintergründe zuzugreifen. Es gibt zwar keine vorgefertigten Vorlagen wie Canva, aber es gibt viele Möglichkeiten, mit den Werkzeugoptionen und Ihrer Fantasie gut aussehende Header zu erstellen. Ich habe dieses Design in etwa fünf Minuten flach gepeitscht (ich bin sicher, Sie könnten etwas viel Besseres machen, wenn Sie ein oder zwei Stunden für das Entwerfen beiseite legen!)
Ich habe auf
design > custom dimensions geklickt und meine Größe festgelegt. Ich habe auf textures > boards geklickt, um den Tafeleffekt zu erzeugen. Ich habe sowohl die Sättigung als auch die Überblendung auf Null gesetzt, damit die Tafel dunkler aussieht. Ich habe eines der kostenlosen Symbole aus dem Abschnitt „overlays“ verwendet, es weiß eingefärbt und in der Größe verkleinert. Ich habe zwei kostenlose Schriftarten für Titel und Untertitel verwendet, Eraser Dust und RNS CamilaRessource: Blogger verwenden? 21 Rosemary Lane zeigt Ihnen, wie Sie mit PicMonkey einen Blog-Header für Fotocollagen erstellen.
Ich lerne, wie ich meinen eigenen Blog-Header erstelle – schauen Sie sich diese Seite voller Tutorials an! Click To Tweet
Weitere Tools & Ressourcen:
Smashing Magazine hat 45 verschiedene Header-Hintergründe verschenkt, die Sie mit PhotoShop, Canva oder PicMonkey bearbeiten können. Hier ist mein Favorit aus der Kollektion, ein eher heiter aussehender Header mit Wolken!
Entworfen von Sergej Gorodenskiy.
Auf Pinterest gibt es einen ganzen Bereich, der Blog-Headern gewidmet ist und voller Tipps, Tricks, Werbegeschenke und Ideen steckt. Durchsuchen Sie es hier.
Angiemakes.com hat einen Freebie-Bereich voller mädchenhafter Grafiken, die man nicht verpassen darf, mit Aquarellblumen, Federn, Kränzen, Phrasen usw. Laden Sie diese grafischen Elemente herunter und verwenden Sie sie in Ihrem Header-Design.
WonderForest bietet Tipps zum Erstellen eines einfachen, aber attraktiven Blog-Headers. Der Artikel enthält viele Beispiele, um Ihnen den Einstieg zu erleichtern.
Wenn Sie PhotoShop verwenden, besuchen Sie das Header-Vorlagenarchiv von FreePik. Schauen Sie sich auch die anderen kostenlosen Grafikdesignelemente (wie Schaltflächen, Banner, Symbole usw.) zur Verwendung in Ihrem Design an.