Come creare intestazioni di blog in Photoshop

Se stai creando un blog per pubblicizzare i tuoi prodotti, discutere problemi nel tuo campo e entrare in contatto con i clienti, vuoi che il tuo spazio online rifletta l'immagine e la filosofia della tua azienda. Sostituendo l'intestazione predefinita del tema del blog con una grafica personalizzata creata in Adobe Photoshop, è possibile applicare il logo, mostrare un montaggio di foto di prodotti o un'immagine dell'edificio o creare una combinazione di colori ed effetti come sfondo per il titolo testo.

1.

Trova la dimensione dell'area dell'intestazione del tema. È possibile visualizzare l'anteprima dal vivo del tema, inclusa l'immagine di intestazione predefinita, e fare clic con il tasto destro sull'immagine per copiarla negli Appunti. Quando si passa ad Adobe Photoshop e si preme "Ctrl-N" per creare un nuovo documento, Photoshop preimposta la dimensione dell'immagine con la larghezza e l'altezza dell'immagine negli Appunti.

2.

Crea il tuo file Photoshop con le dimensioni di destinazione, utilizzando il colore RGB a 72 pixel per pollice. Se desideri uno sfondo bianco, imposta il menu a discesa "Colore di sfondo" nella finestra di dialogo Nuovo su "Bianco".

3.

Utilizza gli strumenti e i filtri di Photoshop per riempire l'area del file dell'intestazione con le immagini e gli effetti desiderati per il tuo blog. È possibile creare un montaggio di foto e utilizzare le maschere di livello per visualizzare solo le parti che si desidera visualizzare. Se si desidera un aspetto colorato che non si basa sulle foto, utilizzare lo strumento Rettangolo in modalità Strumento forma per creare blocchi di colore e impostare le modalità di fusione dei singoli livelli nel pannello Livelli per controllare l'interazione dei colori in cui i livelli sovrapposizione. Imposta il tipo per aggiungere un messaggio di testo all'intestazione incorporata direttamente nell'immagine.

4.

Salva il tuo file a più livelli nel formato PSD di Photoshop per conservarlo per future modifiche o revisioni. Per creare la versione che usi sul tuo blog, apri il menu "File" e scegli "Salva per Web e dispositivi".

5.

Usa il formato di file GIF, JPEG o PNG per la tua immagine di intestazione. Per confrontare il tuo file originale con gli effetti delle tue impostazioni di output Web, usa le schede 2-Up o 4-Up nella parte superiore della finestra di dialogo "Salva per Web e dispositivi". Scegli un predefinito per immagini per applicare una raccolta prefabbricata di impostazioni che puoi regolare o impostare le opzioni di formato per il tipo di file desiderato.

6.

Fai clic sul pulsante "Salva" per creare l'intestazione. Usa la dashboard del tuo blog per caricare il file sulla tua piattaforma di blogging e quindi visualizza l'anteprima del tuo blog con la tua nuova intestazione.

Suggerimenti

• GIF supporta la trasparenza ma consente solo un intervallo di colori limitato in un file. JPEG supporta la compressione dei file, a scapito della qualità dell'immagine, ma non della trasparenza. PNG può supportare sia la trasparenza che la compressione, ma non si carica correttamente nei browser più vecchi.
• Se stai utilizzando un tema WordPress, controlla la sezione Aspetto della dashboard online per una sezione Intestazione. Se non vedi questa sezione, il tuo tema non ha il supporto per le immagini di intestazione personalizzate.
• Se stai usando il tema predefinito di WordPress Twenty Eleven, l'intestazione dovrebbe misurare 1000 pixel di larghezza per 288 pixel di altezza.
• Molte piattaforme di blogging riducono le dimensioni eccessive delle immagini di intestazione per adattarle alle impostazioni predefinite. Di conseguenza, l'immagine può sembrare meno nitida di quanto non faccia a grandezza naturale. Stai anche perdendo larghezza di banda trasmettendo un file di immagine troppo grande ogni volta che le pagine del tuo blog vengono caricate.

avvertimento

• La legge sul copyright vieta l'uso senza licenza e non autorizzato delle foto e della grafica che trovate sul Web. Usa la tua fotografia, o immagini di stock con licenza, nell'intestazione del tuo blog.