Come Creare dei Divider per il Blog con PicMonkey

Nuova lezione del corso di blogging . Oggi vedremo come si fanno i blog divider usando PicMonkey, programma gratuito e di facile utilizzo, come abbiamo già visto quando abbiamo realizzato i  banner. Prima di procedere, vi ricordo che tutti i post del corso sono raggruppati nella pagina Blogging.


Cosa sono i blog divider?

 

I blog divider sono dei bannerini rettangolari che vanno inseriti nelle nostre colonne laterali al posto di usare i nomi dei widget {che vanno invece lasciati bianchi}


Perché usare i divisori per blog?



I vantaggi sono numerosi, gli svantaggi ancora non li ho trovati:


-         rendono il blog più professionale e ordinato
-         non pesano sul blog se vengono caricati su Flickr o altro programma esterno
-         danno un certo colore e struttura alle colonne laterali
-         donano carattere al nostro blog
-         possono essere personalizzati per omologarli al design del nostro blog.





Oggi vedremo come fare dei banner rettangolari per organizzare le colonne laterali, come questo set che ho regalato qualche tempo fa {set rosa}.


Già che ci siamo, perché non cogliere l’occasione per cancellare i gadget inutili, che non vengono usati, che non sono rilevanti e che creano solo confusione agli occhi dei lettori?

La parola d’ordine è ‘Keep it Simple’. Lo scopo del divisore è di fare ordine quindi usate un fiore, un cuore, un colore o addirittura nessun ‘abbellimento extra’ ma solo un rettangolo colorato.


Partiamo sempre da un template bianco grande che poi rimpiccioliremo quando arriverà il momento. Come modello di base, potete usare il mio quadrato bianco {download}che trovate anche alla fine del post.



Vediamo come fare



1. Vai su PicMonkey.com, clicca Open e carica un quadrato bianco.
2. Clicca su Overlays e seleziona la categoria. Io ho scelto  i baffi.


3.Trascina l’immagine che ti interessa sul quadrato bianco e personalizzala usando il menù sulla destra {vedi metodi di base di photo editing}
 blog divider, Picmonkey,  Tutorial Picmonkey, corso di blogging,


4.Trasformala in rettangolo. Clicca su Basic Edits e poi su Crop. Seleziona l’aria da salvare usando i pallini ad ogni angolo del rettangolo. 
Clicca su Apply per salvare i cambiamenti.
crop e rimpicciolisci immagine.png


5. Per salvare il divider sul pc, scegli Save dal menù in alto, dagli un nome e cambiane le dimensioni.
 photo editing, salvaconnome.png


Ecco il risultato!
 photo 5salvadopoaverloridottoa200cometemplatedidider-1.png





Ho appena creato un divider selezionando un Overlay, nel mio caso un fiorellino fuxia, e ora voglio cambiare il colore dello sfondo. Come fare?
 photo 1templatebiancoconfiore-1.png


1. Vai su Overlays e seleziona Geometrics dal menù laterale
2. Seleziona il primo rettangolo e trascinalo dentro l’ immagine
per cambiare colore overlay rettangolo.png



3. Seleziona il rettangolo {puoi anche ingrandirlo un pò se vuoi}
4. Scegli  il nuovo colore dello sfondo
5. Clicca col tasto destro sul rettangolo e scegli Send to Back dal menù



Questo comando sposterà il rettangolo giallo sotto allo strato {layer} del fiorellino
 come creare un banner, blog divider, Picmonkey,  Tutorial Picmonkey



6. Usando i pallini sugli angoli, allarga il rettangolo giallo fino a coprire l’immagine intera

7. *FACOLTATIVO* 
Ora puoi selezionare l’Overlay scelto {il mio è il fiorellino fuxia} e 
cambiarne colore e dimensione prima di salvarlo col nome.
 come creare un banner, blog divider, Picmonkey,  Tutorial Picmonkey



A me piaceva l’accostamento giallo-marrone quindi ho cambiato colore al fiore. Ecco il risultato. Potete usarlo se volete {download}
http://cecrisicecrisi.blogspot.it/2013/05/come-fare-divider-per-il-blog-con-picmonkey.html





Ora che abbiamo un modello {template} per il nostro blog divider non resta che aggiungere il testo. Io userò un banner rosa.
 picmonkey, template rosa banner 250.png



1. Clicca su Open e carica il tuo template su PicMonkey.com
2. Clicca sulla P  e seleziona una font cliccandoci sopra
3. Clicca il pulsante Add Text  all’inizio del menù
 photo editing, add text to your banner


4. Trascina gli angoli del rettangolo fino a coprire perfettamente 
l’immagine così da poter centrare il testo


5. Scrivi il testo e modifica i setting, 
come grassetto, grandezza lettere e centratura 
 Picmonkey,  Tutorial Picmonkey, come creare un banner, blog divider, corso di bloggin


6. Salva con nome e scarica la tua immagine sul pc

7. Torna su PicMonkey, seleziona il testo cliccandoci sopra 
{fino a che non compare lo sfondo celeste}  
 Picmonkey,  Tutorial Picmonkey, come creare un banner, blog divider, corso di bloggi


8. e digita il nuovo testo.  Come vedi i setting restano gli stessi della scritta precedente e questo ti farà risparmiare molto tempo!
 Picmonkey,  Tutorial Picmonkey, http://cecrisicecrisi.blogspot.it/, photo


Salva con nome e ripeti tante volte quanti sono i banner che intendi fare per il tuo blog.


Facile, no? Ora che abbiamo imparato come fare dei blog divider, non ci resta che riordinare le colonne laterali.


Modello di base - Quadrato bianco

 photo 1quadratobianco.png


Vi consiglio di leggere:



 photo chiedietisaradato400.png

 

Ci vediamo venerdì sera per il secondo appuntamento con “Chiedi e Ti Sarà Dato”. Grazie in anticipo se vorrete condividere, pinnare e twittare questo post! Bacioni, Alex


 

 

37 commenti :

  1. Ciao Alex, ho provato Pic Monkey ma non mi compaiono gli overlays e gli altri bottoncini... come faccio? Dani

    RispondiElimina
    Risposte
    1. Hey Dani, cosa significa non ti compaiono?

      Prima devi caricare un'immagine bianca, poi cliccare l'icona di Overlays sul menu di sinistra {e' l'icona con un cuore, una bolla dei fumetti e una stellina} e una volta arrivata nel menu' degli Overlays, scegli la categoria che vuoi usare, ci clicchi sopra, aspetti che si apra e selezioni un disegno a tuo piacimento.

      Tieni conto che alcune categorie, quelle segnalate con una coroncina, non sono gratis e quindi cliccandoci sopra, ti viene richiesto di entrare nel tuo account o passare a Royale. Ti esce la scritta "This is a Royale feature"?

      Se non e' questo il problema, spiegami meglio cosa non ti compare perche' io ho appena visitato il sito e funziona tutto benissimo.

      Elimina
  2. Uno dei blog più utili che possano esistere ^_^
    Grazie!

    Appena ho un attimo di tempo mi metto a leggere ben benino i tuoi articoli e cerco di rendere migliore il mio blog :)

    RispondiElimina
    Risposte
    1. E fai bene Nemy, c'e' sempre cosi' tanto da imparare...

      Elimina
  3. Oddio, ti ho perso verso la quarta riga... Ma come faccio ad essere così poco tecnologica? :(

    RispondiElimina
    Risposte
    1. Ti assicuro Gemma che e' facilissimo. E' veramente un'operazione da un minuto e per renderla semplice l'ho spezzettata click per click. Sembra un tutorial lungo ma sono 10 click in tutto!

      provaci, ok?

      Elimina
  4. Ciao aggiunto anche questo post su pinterest...troppo interessanti, semplici ed utili i tuoi tutorials, grazie

    RispondiElimina
  5. Fantastica! Sei veramente una fonte inesauribile di dritte, suggerimenti e consigli!
    Impagabile!
    Abbraccio,
    Manu

    RispondiElimina
  6. Io ho caricato l'immagine bianca ma a lato a sinistra, nel menù non ci sono le immagini che dici tu (cuore, fumetto e stellina) e non mi compare la scritta che dici tu... ora ci riprovo, magari riguardo anche l'altro tutorial su pikmonkey. Ci sto pensando ora... ma devo registrarmi per usarlo? Dani

    RispondiElimina
  7. Ho rifatto una prova caricando il quadrato bianco che ci hai messo a disposizione, ed ora li ho visti i tasti overlays! Anche quelli con sopra la coroncina... lunica cosa, non vedevo il tasto per salvare (non so perché) e allora ho rimediato con il tasto stamp e ho salvato il divider (però ho voluto provare a farlo per il testo) come file png. Sono riuscita a caricarlo in un post, e penso che d'ora in poi lo userò più spesso questo programmino... dobbiamo solo fare amicizia! :P Grazie! Dani

    RispondiElimina
    Risposte
    1. Ciao Dani, forse non ero stata chiara ma il tasto SAVE si trova in alto nella pagina.

      Comunque vedi che basta fare un pochino di pratica? nemmeno io sapevo niente di questo programma ma ho caricato un'immagine bianca e ho iniziato a cliccare a destra e a manca fino a che ci ho capito qualcosa...

      Elimina
  8. Ci devo provare, ci devo provare, ci devo provare...
    ma dovrò rileggermi tutto almeno un altro paio di volte!
    Ciao!

    RispondiElimina
    Risposte
    1. Ciao bella, piu' che rileggere il tutto, fa subito pratica, non ti costa niente e e' divertente. Apri una seconda pagina internet, va su Picmonkey e prova a seguire le istruzioni... dopo un paio di volte ti verra' voglia di arrangiarti da sola e sperimentare con tutti i suoi strumenti, vedrai!!

      Elimina
  9. Sono sempre utilissimi questi post!!

    RispondiElimina
  10. Ciao Alex.. è davvero un piacere conoscerti.. sto gravitando da ieri sera sulle pagine del tuo blog e davvero sono piene di spunti interessanti, i post sono calamitanti..
    Sono arrivati qui grazie ad un commento sul mio piccolo blog di cucina postato da Daniela di Semplicementedani che mi suggeriva la tua iniziativa dei linky parti..
    Non posso far altro che seguirti..Da poco sono alle prese il blog e la tua rubrica sul corso di blogging - che per ora ho solo letto velocemente, appuntandomi i post su cui tornare a ragionare con calma - sicuramente velocizza il processo che forse avrei fatto da autodidatta..
    Se riesco partecipo con entusiasmo al linky party sulle capcake!
    A presto..
    Barbara

    RispondiElimina
    Risposte
    1. Ciao Barbara, che piacere conoscerti e leggere le tue parole! Saro' lieta di poterti aiutare come posso e grazie ancora per i complimenti! Mai nessuno aveva chiamato i miei post calamitanti!

      Mi piace questa definizione!!

      Devo ringraziare Daniela per averci fatto incontrare allora!

      Elimina
  11. Ciao Alex! Come sempre grazie dei preziosi insegnamenti!! Proverò al più presto!!

    RispondiElimina
  12. Ciao Alex ultimamente ti seguo silenziosamente, ma sempre con grande piacere e interesse. Sei vulcanica e caleidoscopica!
    Grazie mille per tutti i preziosi consigli che condividi con noi senza i quali ad esempio il mio blog non sarebbe cresciuto (graficamente parlando, ecc).
    Un abbraccio e non ti preoccupare a proposito di certi inconvenienti che ci rovinano le giornate....tutto passa!
    Un abbraccio
    Emanuela

    RispondiElimina
    Risposte
    1. Grazie Emanuela, per me leggere commenti come il tuo e' la piu' grande ricompensa!

      E' gia' tutto passato, no problem! Grazie mille per essere passata! Ti mando un grande bacione, Alex

      Elimina
  13. Solo tu potevi fare un divider con i baffi!!!...ahahahahah!!!

    Buon WE!!!

    RispondiElimina
    Risposte
    1. Hihihi... lo dici perche' dalla foto del mio profilo si vede che non mi faccio la ceretta?

      O perche' sono matta....?

      Elimina
    2. ...perchè sei originale e simpatica!!!

      Elimina
  14. Ciao,
    ho scoperto il tuo blog tramite Kreattiva e devo dire che l'ho trovato molto utile ed interessante.
    Se ti va passa anche da me http://iricamidiamelina.blogspot.it/
    Amelina

    RispondiElimina
  15. Ciao Alex, anche questo tutorial mi è stato molto utile...piano piano il mio blog sta cambiando abito! ^_^ Una cosa però...come faccio poi ad inserire le immagini create? Grazie.. e grazie ancora per tutti questi consigli! :)

    RispondiElimina
  16. tutorial utilissimo, sto realizzando anch'io i miei divider....l'unica cosa è che il divider mi rimane rettangolare, a te è diverso.....con più calma cercherò di capire dove sbaglio!
    baci
    Giovanna

    RispondiElimina
  17. CIAO ADESSO LA maggior parte delle cose che erano gratuite adesso sono a pagamento, come possiamo fare, qualcuno ha la possibilità di darci il nick per accedere? grazie un bacio

    RispondiElimina
  18. seguendo questo post e un altro tuo ho realizzato le nuove etichette x i gadget <3
    grazie x questi preziosi suggerimenti
    Alice

    RispondiElimina
  19. Ciao Alex, ho provato a creare i divider ma perchè lo sfondo bianco una volta salvato mi resta grigio?? Grazie Ale

    RispondiElimina
  20. Ma perchè quando ci spieghi le cose tu sembrano sempre così semplici, poi ci provo io e faccio un pasticcio?? Sarà che sei troooooppo brava tu :-)
    Ma non mollo, ci riprovo!!

    Grazie per tutti i consigli, utilissimi, sempre!
    A presto
    Alessandra

    RispondiElimina
  21. Ciao! Sono una nuova lettrice e nuova blogger.
    Grazie per questi tutorial! Ma avrei una domanda...essendo proprio all'inizio della mia avventura... una volta creato il divider con pickmonkey, come lo carico nel mio blog?

    Grazie mille!

    Lara

    RispondiElimina
  22. Ciao Alex sto seguendo passo passo i tuoi post per sistemare un po il mio blog. Volevo chiederti peró un aiutino...io ho creato il mio banner su pickmonkey ma quando lo carico sul mio blog invece di uscire con lo sfondo bianco, mi esce grigetto e non mi piace...come mai secondo te?? Grazie Rachele-nonsoloincinta

    RispondiElimina
  23. come mai i divider mi vengono grandissimi??? Aiutooooo
    Lisa

    RispondiElimina
  24. ciao, complimenti i tuoi tutorial sono incredibili... ho solo una domanda... dopo che l'ho creato come faccio a inserirlo ?! esempio ho creato il divider per l'archivio ma ora non so come devo inserirlo...

    RispondiElimina
    Risposte
    1. Ciai, anche io ho il tuo stesso problema, sei riuscita a risolverlo? :)

      Elimina