Se hai appena iniziato il tuo blog (congratulazioni) o il tuo sito attuale ha bisogno di un lifting, creare il tuo molto proprio intestazione del blog per la prima volta può sembrare scoraggiante se non sei già un esperto di PhotoShop. Mentre pagare un professionista è auspicabile, spendere una somma di denaro su un design personalizzato non è solo un’opzione per la maggior parte dei blogger. La tua unica vera opzione è progettare qualcosa da solo. Ma da dove cominci…?
Per fortuna, c’è ricchezza di fantastico, favoloso e per non parlare di risorse gratuite che vi aiuterà lungo la strada. Ecco alcuni dei miei preferiti
Ma andiamo con ordine….
Devi trovare le dimensioni dell’intestazione del tuo blog
Prima di progettare, dovrai scoprire le dimensioni dell’intestazione del tuo blog. Le dimensioni possono variare a seconda della piattaforma/tema. Ci sono un paio di modi per scoprire le dimensioni della tua intestazione, le descriverò di seguito. Uno di questi metodi dovrebbe funzionare per te –
Metodo 1) Controlla se le dimensioni dell’intestazione sono elencate nell’area di amministrazione del tuo sito Web o nell’area di personalizzazione del layout.
Metodo 2) Carica il tuo sito web e fai clic con il pulsante destro del mouse sull’intestazione corrente. Salva l’immagine sul tuo computer. Fare clic con il tasto destro sull’immagine e scegliere “properties
“(Windows) o” get info
” (Mac). Le dimensioni dovrebbero essere elencate.
Trovare la dimensione dell’intestazione su Mac
Metodo 3) Se stai ancora lottando, usa lo strumento di sviluppo del tuo browser per afferrare le dimensioni dell’immagine nel tuo browser. Se si utilizza Google Chrome, c’è un grande tutorial per i blogger qui. (Internet Explorer, FireFox e Safari hanno tutti strumenti simili disponibili troppo).
In difficoltà? Vieni a chiedere sulla nostra pagina Facebook. Troverò quelle dimensioni per te.
Vai agli strumenti e alle risorse di progettazione!
Canva
Canva è uno strumento di progettazione gratuito facile da usare e pieno di bellissimi modelli. Si paga solo per l’utilizzo delle loro immagini stock (che, si può anche sostituire con le proprie immagini gratuite, se si preferisce). Le loro immagini stock sono molto convenienti, solo $1 (circa 80p) un pezzo.
Puoi scegliere di impostare “dimensioni personalizzate” per la progettazione (c’è un link in alto a destra una volta effettuato l’accesso). Oppure scorri i diversi modelli e scegli uno delle stesse dimensioni dell’intestazione.
Ecco un paio di esempi davvero veloci che ho fatto usando Canva, insieme alle istruzioni passo-passo in modo da poterli ricreare. Il primo è un design semplice e minimalista, questi tipi di intestazioni sono molto alla moda al momento. Ho scelto l’opzione dimensioni personalizzate, questa intestazione è 960 x 200px.
Ho inserito le mie dimensioni personalizzate (960px x 200px). Quando la tela è stata caricata, sono andato direttamente a
search > illustrations
nella barra laterale. Ho fatto scorrere le illustrazioni fino a quando ho trovato questi abbellimenti floreali belle. Ho ridimensionato e ruotato entrambe le grafiche fino a quando non sono stato felice (suggerimento: guarda i numeri che compaiono mentre ridimensiona e ruota, assicurati che entrambi gli abbellimenti siano uguali.) Utilizzando il pannello opzioni, ho cambiato i colori dei fiori per abbinare la mia tavolozza. Ho aggiunto del testo semplice. Fatto.Ecco il mio secondo esempio. Ho creato questo dai modelli “Copertina di Facebook”.
Ho scelto l’opzione “
Facebook Cover
” templates. (Non preoccuparti per l’immagine del profilo, che non sarà lì quando si scarica l’intestazione). Ho selezionato il design dal menu a sinistra, che noterai è pieno di diverse opzioni di modello. Ho cambiato la formulazione e ho dato al mio sottotitolo una leggera opacità (selezionare “transparency
” dalle opzioni del carattere durante la digitazione). Nota: Se non ti piace lo sfondo floreale, eliminalo e aggiungi la tua foto. Gioca con i filtri e sfocatura fino a quando sei felice. Trasforma i modelli a pagamento in quelli GRATUITI passando immagine stock di Canva con una delle tue foto. Canva ti dirà sempre se il tuo design è gratuito o a pagamento prima di scaricarlo. Se si decide di utilizzare una delle immagini a pagamento di Canva, costano solo $1 (circa 65p) un pezzo.Suggerimento: scegli la tua combinazione di colori sfogliando le tavolozze su ColorLovers.
Risorsa: se si utilizza WordPress.com, questo tutorial di post di blog dovrebbe essere abbastanza pratico.
PicMonkey
PicMonkey è un altro grande strumento di progettazione e modifica. E ‘ libero di utilizzare, ma si può andare “premium” per accedere a più icone, font e sfondi. Anche se non ha modelli pre-fatti come Canva, ma ci sono un sacco di spazio per creare intestazioni dall’aspetto piacevole utilizzando le opzioni dello strumento e la tua immaginazione. Ho montato questo disegno in circa cinque minuti piatti (sono sicuro che potresti fare qualcosa di molto meglio se metti da parte un’ora o due per la progettazione!)
Ho fatto clic su
design > custom dimensions
e ho impostato la mia dimensione. Ho cliccato textures > boards
per creare l’effetto lavagna. Ho impostato sia la saturazione che la dissolvenza a zero per rendere la lavagna più scura. Ho usato una delle icone gratuite della sezione ” overlays
“, l’ho colorata di bianco e ridimensionata per renderla più piccola. Ho usato due font gratuiti per il titolo e il sottotitolo, Eraser Dust e RNS CamilaRisorsa: Usa Blogger? 21 Rosemary Lane vi insegnerà come creare un’intestazione blog collage di foto utilizzando PicMonkey.
Sto imparando come creare il mio blog header – vieni a controllare questa pagina piena di tutorial! Clicca per Tweet
Altri strumenti & risorse:
Smashing Magazine hanno dato via 45 diversi sfondi di intestazione che è possibile modificare utilizzando PhotoShop, Canva o PicMonkey. Ecco il mio preferito della collezione, un’intestazione dall’aspetto piuttosto sereno con nuvole!
Progettato da Sergej Gorodenskiy.
C’è un’intera sezione su Pinterest dedicata alle intestazioni dei blog, piena di consigli, trucchi, omaggi e idee. Sfoglia qui.
Angiemakes.com ha una sezione freebie pieno di grafica girly che non può mancare, con fiori di colore di acqua, piume, corone, frasi ecc. Scarica questi elementi grafici e utilizzali nel design dell’intestazione.
WonderForest offre suggerimenti per la creazione di un’intestazione del blog semplice ma attraente. L’articolo include molti esempi per iniziare.
Se usi PhotoShop, vai all’archivio dei modelli di intestazione di FreePik. Controlla anche i loro altri elementi di progettazione grafica gratuiti (come pulsanti, banner, icone, ecc.)