Graphic Tricks #10: Social Icons (effetto hoover e risorse)

Ciaoooo amici!!!

Oggi mi cimento in qualcosa che non ho mai fatto , ovvero parlarvi di grafica e html. Non l'ho mai fatto apertamente perchè non ne è mai capitato l'occasione sul mio Briciole, anche se spesso e volentieri mi sono sbizzaritta a usarne di diversi: inoltre ho ricevuto email da parte di altri blogger che chiedevano consigli e aiuti. Per quanto possibile, ho cercato di aiutare tutti, perchè sì, io sono una frana in queste cose, però in due anni e mezzo di blogging qualche codice utile l'ho imparato, e allora volevo condividerlo con voi :3 Lo specifico, non sono un'esperta, molte cose non so neanche che significano (non è incoraggiante, I know >-<"), ma ci sono e per come le uso io funzionano, quindi, se tutto va bene, dovrebbero funzionare anche per voi ^^

Detto ciò, andiamo!

Questo codice HTML in particolare che vi spiegherò oggi serve per avere delle Social Icons interattive, se possiamo dire così, ovvero che cambino colore al passaggio del mouse. 

Il codice originale l'ho trovato su Carrie Loves, un blog statunitense dove potete trovare trovare anche dei bellissimi set di social icons con le icone più utilizzate, disponibili in tutte le tonalità che desiderate e in formati diversi di grandezze (32px, 48px e 72px). Le potete scaricare QUI. Mi raccomando lasciate un ringraziamento o like al blog o sui suoi social, perchè l'autrice mette a disposizione delle risorse bellissime gratuitamente (e se non ci fosse io non avrei saputo come fare XD)!!!

Partiamo allora dai fondamentali. Solitamente le nostre icone sociali (ma questo vale per qualsiasi immagine che riporti a un link, come i bannerini dei nostri blog o dei giveaway) riportano alla pagina Facebook del blog, di Twitter eccetera eccetera e hanno questo codice:

<a href="LINK PAGINA" title="nome della pagina"><img alt"nome della pagina" src="URL ICONA O IMMAGINE" / /></a>

Esempio:

<a href="https://www.facebook.com/bookbloggersideeffects/" title="BBSE su Facebook"><img alt="BBSE su Facebook" src="http://imgur.com/GW8kk2R.png" / /></a> 

Per avere l'effetto interattivo al passaggio del mouse, come questo qui...

...dobbiamo per prima cosa avere a disposizione due set differenti di social icons. Ad esempio, nel mio caso ho scaricato  Radian Orchid e Warm Mint proprio da Carrie Loves.

Scegliamo quale dei due sarà l'immagine fissa e quale quella che si vedrà al passaggio del mouse - nel mio caso Radiant Orchid è l'icona fissa, Warm Mint quella che apparirà con il mouse poggiato sopra - e usando un qualsiasi sito di hosting come Imgur, Tinypic o simili, ricavate l'url dell'immagine. Ecco le mie:

Radian Orchid (Icona 1): http://imgur.com/GW8kk2R

Warm Mint (Icona 2): http://imgur.com/R3cYaTC

Attenzione! Su Imgur avrete solo il link all'immagine, ma per farla funzionare nel codice in questione, bisogna aggiungere .png alla fine dell'URL. Quindi diventeranno:

Radian Orchid (Icona 1): http://imgur.com/GW8kk2R.png

Warm Mint (Icona 2): http://imgur.com/R3cYaTC.png

Il codice HTML di base che ci serve per avere l'effetto interattivo è questo:

<a href="LINK PAGINA" title=""><img alt"nome pagina" onmouseout="this.src='URL ICONA1'" onmouseover="this.src='URL ICONA2'" src="URL ICONA1" / /></a> 

Quindi, andiamo a inserire i nostri URL:

<a href="https://www.facebook.com/bookbloggersideeffects/" title="BBSE su Facebook"><img alt="BBSE su Facebook" onmouseout="this.src='http://imgur.com/GW8kk2R.png'" onmouseover="this.src='http://imgur.com/R3cYaTC.png'" src="https://imgur.com/GW8kk2R.png" / /></a>

Abbastanza semplice, no?

Consiglio! Per centrare la nostra icona aggiungete all'inizio del codice <div align="center"
HTML</div> utilissimo anche per centrare un'immagine o del testo nei nostri post o nella sidebar.

<div align="center"><a href="https://www.facebook.com/bookbloggersideeffects/" title="BBSE su Facebook"> <img alt="BBSE su Facebook" onmouseout="this.src='http://imgur.com/GW8kk2R.png'" onmouseover="this.src='http://imgur.com/R3cYaTC.png'" src="https://imgur.com/GW8kk2R.png" / /></a></div>

Inserite il codice HTML nella vostra sidebar con il gadget Html - se siete alle prime armi potete seguire questo nostro tutorial.

Spero di essere stata chiara, insomma dovete solo fare opera di copia e incolla ;) Fatemi sapere se vi sono stata utile e se userete questo codice per rendere le vostre social icon più carine e accattivanti!!! Alla prossima (forse), 

Rosa

Creativity&more #4 Adesivi fai da te

Buona domenica!!
Finalmente riesco a fare un tutorial creativo :3 ultimamente mi sto dedicato molto al fai da te, complice anche un quadernetto "creativo" che devo realizzare per l'accademia. Oggi vi spiegherò un trucchetto per realizzare degli adesivi fai da te. Non so se conosciate o meno questo tutorial, ma io quando l'ho scoperto sono rimasta sbalordita. In realtà il trucchetto lo conosco da un paio di anni, solo che la prima volta non ha funzionato. Ieri invece ho riprovato, senza aspettative, e invece.. TADAAAN! Funziona!

ADESIVI FAI DA TE

Cosa serve:

• Forbici
• Nastro adesivo (normale e\o il formato più grande)
• Carta colorata, disegnini stampati, ritagli di giornali e qualsiasi altra cosa che possa essere utilizzata come adesivo
• Una ciotola\un bicchiere pieno d'acqua
• Colla

Procedimento: 

Ricoprite con il nastro adesivo l'immagine che diventerà il vostro sticker. Dopodiché con le forbici ritagliatelo, dandogli la forma desiderata. Lasciatelo nell'acqua per alcuni minuti, poi prendetelo e iniziate a sfregarlo tra le dita in modo da separare carta da nastro adesivo. Teniate in conto che più lo lasciate in acqua, più facilmente carta e nastro si separeranno. Ed ecco a voi i vostri adesivi! A volte dopo questo procedimento l'adesivo attacca tranquillamente, a volte invece avrete bisogno della colla. Quindi potete usarlo o meno, ma per una migliore adesione vi consiglio di mettere la colla!

Ecco alcuni dei miei risultati! Nel primo caso ho fatto un semplice sticker, nel secondo invece una sorta di washi tape che adoro *_* insomma, potete sbizzarrirvi e in pochi secondi avrete dei fantastici adesivi da attaccare nella vostra agendina o dove meglio vi pare! 

Spero che questo tutorial vi sia stato d'aiuto. Se ne realizzate qualcuno voglio assolutamente vederlo *w* 

Buona giornata,

Giusy 

Graphic Tricks #9 Colorare lo sfondo di una determinata sezione del blog

Buon pomeriggio lettori!! Eccomi di ritorno con un nuovo tutorial di grafica! Mi dispiace non essere molto costante con questa rubrica (che, da quanto dicono le statistiche, vi piace parecchio), ma purtroppo non ho molto tempo per preparare i post!

GRAPHIC TRICKS

Oggi vi spiego come colorare lo sfondo di una determinata parte del blog. Avete presente la vecchia grafica di BBSE? Qualcuno mi ha chiesto come ho fatto ad inserire il pattern soltanto in alcune parti, lasciando lo sfondo bianco. Innanzitutto, come sempre, vi invito a curiosare tra i vari modelli di template offerti da blogger. Di solito alcuni permettono di colorare soltanto determinate parti, senza necessariamente intervenire con i codici html\css. Esempio? Il modello Fantastico S.p.A.

Questo non solo vi farà evitare di perdere tempo, ma anche di combinare pasticci con i codici. Dall'editor di blogger potete fare qualsiasi modifica per quanto riguarda i colori dello sfondo, mentre se volete aggiungere un pattern il discorso cambia. Il codice da inserire è sempre:

background:  url(linkdell'immagine); 

oppure, se volete semplicemente colorare, :

color: #CodiceColore;

Questo codice andrà inserito tra le parentesi graffe {} e prima delle parentesi dovrete scrivere l'elemento della sezione del vostro blog che intendete colorare. Per semplificare ho fatto un piccolo schemino con le varie sezioni del layout e i rispettivi codici. 

#navbar: barra di navigazione

.header: l'immagine di intestazione

#PageList1 \ #crosscol \ .tabs; il menu\le pagine  [potete usare uno dei tre indifferentemente]

.date-header: per colorare quella parte di template che comprende la data

.date-header span: per colorare soltanto lo sfondo della data

.post-title: lo sfondo del titolo del post

.post-footer: il piè di pagina del post (ovvero "pubblicato da", "etichette" e così via)

.post-body: lo sfondo del post

.main: per colorare lo sfondo del blog, compreso titolo (questo il codice .post-body non lo fa) e la data.

.main-outer: per colorare quella parte del blog che comprende il post e la barra laterale

.sidebar: per colorare la barra laterale

Per i singoli gadget bisognerà utilizzare un altro codice che vi spiegherò in maniera approfondita nel prossimo post.

.footer: il pie di pagina del blog (?). Insomma, inferiore. 

Quindi il vostro codice avrà questo aspetto:

.main {background: url(linkdell'immagine);}

Ricordatevi sempre:

•  del punto o dell'# prima dell'elemento che andrete a colorare
• delle parentesi graffe che aprono e chiudono il codice (metà dei problemi con i codici sono causati da graffe non chiuse, posso testimoniare U.U)
• del punto e virgola che chiude ogni determinato codice delle parentesi (l'altra metà dei problemi invece sono causati dal punto e virgola xD).

CONSIGLI: 

• per inserire un'immagine come sfondo di un elemento del vostro blog, non utilizzate le semplici immagini, ma i pattern. L'effetto finale sarà migliore. Ne trovate tantissimi su Pinterest. 
• Per trasformare le vostre immagini in link, potete usare uno dei tanti siti di hosting. Il mio preferito? Tinypic.
• Per i codici dei colori invece potete usare questo sito: Qui,
• Se lo sfondo risulta troppo vicino, che so, al titolo del blog, cambiate il padding, alias la distanza tra un elemento e l'altro del vostro blog! Il mio consiglio è di inserire sempre: padding: 10px;.

E per questo appuntamento è tutto. Spero di esservi stata utile. Per qualsiasi domanda e\o richiesta non esitate a commentare, vi risponderò al più presto c:

Buon fine settimana (e buona Pasqua!),

Giusy

Graphic Tricks #4: Modificare la grafica dei commenti

Buongiorno miei cari! :D
Oggi io è Giusy abbiamo pensato di rispondere ad una delle domande che ci avete fatto tramite il google form che trovate sulla barra laterale.
Gaia ci chiede come cambiare la grafica dei commenti sotto ai post.
Non ci resta che rimboccarci le maniche ed iniziare! Speriamo di essere le più chiare possibili. Ma come al solito, se avete dubbi siamo a vostra disposizione!

La cosa migliore è procedere con un esempio. Vi faremo vedere come sia possibile ottenere il risultato sulla destra a partire dalla grafica che trovate nell'immagine a sinistra.

Ogni commento di un utente è racchiuso in un tag html identificato dalla classe comment-block. Quindi (ricordando la nostra prima lezione) andate su →Modello →Personalizza →Avanzato →Aggiungi codice CSS e aggiungete il seguente codice.

.comments .comment-block{
}

qui dentro andremo ad inserire tutte informazioni necessarie per modificare il colore di sfondo, bordo (tipo e colore), la dimensione e il tipo di font. Ecco come ho fatto per ottenere il risultato in figura:

.comments .comment-block{
      color: #555;
      position: relative;
      margin-top: 10px;
      margin-left: 60px;
      padding: 10px;
      font-family: Courier, Cambria, Times;
      font-size: 13px;
      background: #efefde;
      border: 1px solid #c497a3;
}

Andiamo a vedere cosa fa ogni elemento:

• color: ha come argomento il colore che vogliamo utilizzare per visualizzare il testo. Io solitamente uso HTML Color Picker per trovare il codice esadecimale (#555 è detto hex color) che corrisponde al colore che ho scelto.
• position:, margin-top:, margin-left: e padding: servono per posizionare l'elemento .comment-block rispetto agli altri elementi della pagina. Vi consiglio di mantenere i valori che trovate nell'esempio. Dovrebbero andare bene per tutti.
• font-family: e font-size: ormai dovreste conoscerli. (Vedere Fonts e loro utilizzo per un ripasso).
• background: ha come un argomento un colore espresso, ancora una volta, in hex. Qui specifichiamo il colore di sfondo che vogliamo utilizzare. In questo caso è questo.
• border: permette di definire il bordo del nostro blocco commenti. Ho scelto un bordo con uno spessore di 1px, un tipo solid (che corrisponde ad una linea continua) e dal colore rosato. Per modificare lo spessore basta sostituire il numero di pixel (1px, 2px ecc...). Al posto di solid potreste aggiungere per esempio dashed o altre variati che vedremo in modo più approfondito in qualche altra puntata.

Vedete il colore grigiastro di sfondo al commento di risposta (immagine sinistra)? 

Con il solo codice che abbiamo aggiunto purtroppo resterebbe ancora. Per eliminarlo dobbiamo inserire sempre in Aggiungi CSS il seguente codice:

.comments .comment-thread.inline-thread{
     background: none; }

Adesso vediamo come modificare la grafica per le azioni Rispondi ed Elimina di ogni commento per ottenere questo risultato:

Come sempre basta aggiungere il seguente codice:

.comments .comment .comment-actions a{
     font-size: 10px;
     font-family: Courier;
     color: white;
     background: #c497a3;
     margin-right: 2px;
     padding: 2px;
     letter-spacing: 2px;
}

• margin-right: l'ho aggiunto per distanziare tra di loro di 2px i due elementi Rispondi ed Elimina.
• padding: 2px serve a specificare la distanza, in questo caso, del testo rispetto al bordo del pulsante.
• letter-spacing: serve a specificare la distanza delle lettere tra di loro.

Per finire, per ottenere un effetto fumetto potremmo aggiungere un triangolino che precede il blocco commenti e che punta all'immagine avatar! Ancora una volta andiamo in Aggiungi CSS:

.comment-thread li .comment-block:before{
     content: "\25C4";
     color: #c497a3;
     position: absolute;
     display: block;
     left: -17px;
     top: -10px;
     font-size: 28px;
}

• content: ha per argomento il codice unicode relativo al triangolo pieno che abbiamo scelto di utilizzare.
• position: e display: potete lasciarli come su.
• left: (o top:) ci serve per spostare più a sinistra o più a destra (o più in alto o più in basso) l'elemento indicato da content.
• font-size: come sempre indica la dimensione che in questo caso deve avere il triangolo
• Nota: se modificate font-size molto probabilmente dovrete modificare anche top e left per allineare correttamente il triangolo al blocco dei commenti!

Per ora è tutto! Speriamo di esservi state d'aiuto. :D

E perché no? Potreste farci vedere il vostro risultato!

Nym

Graphic Tricks #2: Fonts

Buongiorno lettori! Oggi è giovedì, e sapete cosa significa? Che è giunto il momento di un'altro appuntamento con Graphic Tricks, rubrica in cui io e Giusy cercheremo di aiutarvi a svelare i misteri che si celano dietro i codici html!

Non sapevamo bene su cosa incetrare l'appuntamento di oggi. Ci sono così tanti argomenti di cui potremmo parlare! Ma alla fine abbiamo pensato che la cosa migliore da fare sia procedere per piccoli passi, per questo la scelta è ricaduta sui google fonts e su come poterli utilizzare per modificare l'aspetto dei titoli dei post.

Pronti? Iniziamo!

Google, mette a disposizione alcuni font già caricanti sulla piattaforma blogger. Per poterli utilizzare come font del titolo dei nostri post basta seguire questi passaggi: →Modello →Personalizza →Avanzato →Titolo post.

Tuttavia Google da comunque la possibilità di aggiungere nuovi font a secondo dei nostri gusti ed esigenze!
La scelta è abbastanza ampia e si trova a questo indirizzo: http://www.google.com/fonts

Vediamo adesso come prelevare i font che abbiamo scelto di utilizzare.
Per esempio, scorrendo la lista ho notato i font Sigmar One e Kaushan Script. Li ho così aggiunti alla collezione cliccando sul pulsante Add to Collection accanto ad ogni preview dei font.
Adesso sono entrambi elencati in basso alla pagina, in Collection.

Una volta terminata la nostra scelta di font da utilizzare (ricordate, è buona norma non strafare troppo. Scegliete non più di due font perché il caricamento della pagina web del vostro blog potrebbe risentirne), clicchiamo sul terzo pulsante, Use, che si trova in basso a destra.

Scorriamo la pagina che sia apre, fino ad arrivare a 3. Add this code to your website. Qui possiamo prelevare il codice html che ci permetterà di usufruire dei font che abbia scelto. Nel mio caso il codice html è:

<link href='http://fonts.googleapis.com/css?family=Sigmar+One|Kaushan+Script' rel='stylesheet' type='text/css' />

Notate bene: vedete la parentesi a cuspide di chiusura del tag link (la parte colorata in rosso)? Lo slash che la precede l'ho aggiunto io. Serve a dire al brower che il tag link è stato chiuso. È necessario chiudere in questo modo il tag link se non si vuole incorrere in errori. 

Questo codice va direttamente inserito nel templete del nostro blog. Ricordando la puntata precedente di Graphic Tricks, i passaggi da seguire sono: Modello→Modifica html.

Si apre una pagina che permette di editare il templete del nostro blog.

Andiamo alla ricerca del tag <head> premendo ctrl+F. 

Una volta trovato, inseriamo sotto il tag <head> il codice html fornitoci da google font e salviamo il modello.

Adesso potremo utilizzare i nostri nuovi font dovunque vogliamo!

Se lo volessimo utilizzare come font dei titoli dei nostri post? Semplice!

Andiamo su →Modello →Personalizza →Avanzato →Aggiungi CSS, e scriviamo il seguente codice di stile.

h3.post-title{
     font-family: 'Kaushan Script', Times;
     font-size: 30px;
}

Con font-family: indichiamo quale famiglia di font utilizzare. Ci sono due cose da tenere a mente:

1. Se il nome di un font è composto da più di una parola, è necessario racchiuderlo tra apici singoli: 'Nome Font'.
2. Possiamo aggiungere più di una preferenza. Nel caso in cui, per esempio, non fosse possibile visualizzare il font Kaushan Script, il browser utilizzerà la seconda preferenza indicata (in questo caso il font Times).

Con font-size: indichiamo la dimensione con cui vogliamo che il font venga visualizzato. Io l'ho impostata a 30px ma naturalmente potete modificare a vostro piacimento! :D

Per oggi è tutto! Se avete bisogno di chiarimenti siamo a vostra disposizione. ;D
Nym and Giusy

Graphic Tricks #1: Introduzione codici html e css

Nym: *si schiarisce la voce* Buongiorno guys! Oggi si parte con il primo di, speriamo tanti, appuntamenti con Graphic Tricks. Di che si tratta? Io e Giusy vi aiuteremo a scoprire tutti quei piccoli trucchi con i codici html e i fogli di stile che renderanno ancora più delizioso e accattivante il vostro angolino virtuale!

Giusy: Ciao a tutti! Per questo primo post\tutorial non sapevamo bene da dove partire, però poi abbiamo pensato: perché non dalle basi? Quello che stiamo per spiegarvi per alcuni magari sarà una sciocchezza mentre potrebbe essere molto utile per altri (si spera lol).

Introduzione codici html e css

L’html è un linguaggio di markup, ma non spaventatevi per questa parola sconosciuta! Si tratta infatti di un linguaggio che racchiude in se (tramite quelli noti come tag) tutte le informazioni che il nostri brower interpretano per visualizzare le pagine web!

Ma l'html da solo però non basta per rendere visivamente piacevole una pagina web.

L'html ci aiuta a creare un elenco puntato per esempio, ma non dice di che colore debbano essere le lettere o la forma dei punti della lista. Per questo l'html si avvale dell'aiuto del css, ovvero dei fogli di stile, per rendere così più visivamente accattivante il nostro contenuto web!

Es. codice html

<a href="link"> testo </a>

Questo è un perfetto esempio di codice html. Quindi quando vi trovate davanti un codice del genere, tutto virgolette, slash e parole messe a caso, sapete che si tratta di un codice html.

Es. codice css

.a { background: white;}

Un codice css si presenta così: il punto oppure "#" prima dell'elemento che andrete a modificare (in questo caso "a" che sta per link) e poi dentro le parentesi graffe il codice che apporterà delle modifiche nel vostro blog.

Ma dove utilizzare l'html e dove il css? Per fortuna blogger rende abbastanza semplice l'utilizzo di entrambi. Per utilizzare il codice html ci basterà utilizzare l'editor che blogger ci mette a disposizione per creare i post.

Oppure in →Layout →Aggiungi Gadget →HTML/Javascript.

Per il css bisogna fare qualche passaggio in più. Bisogna infatti andare su →Modello →Personalizza →Avanzato  →Aggiungi codice CSS.

Giusy: E il primo post si conclude qui. Speriamo davvero che sia stato illuminante xD

Il prossimo tutorial invece lo scegliete voi! Davvero ragazzi, non non sappiamo da dove iniziare, dateci una mano! Alla prossima. 

Nym and Giusy

Creativity & More #1: Albero di Pasqua e uova decorate.

Creativity & More

Cari lettori,

bentornati su Book Blogger Side Effects e soprattutto benvenuti al primo tutorial!

Oggi cominciamo con un tutorial creativo pasquale, in cui vi spiegherò come realizzare un albero di Pasqua e le uova decorate da appenderci.

Dato che Pasqua ormai è vicina vi invito a rimboccarvi le maniche e ad iniziare insieme a me!

Albero

Occorrente:

• Un ramo di recupero di dimensioni medio-grandi;
• Forbice da potatura;
• Smalto ad acqua bianco;
• Pennello a setole naturali medio;
• Colla a caldo;
• Vaso di terracotta o ceramica;
• Nido decorativo (facoltativo);
• Fiori finti tipo gypsophila o fiori di pesco (facoltativi);
• Ciottoli;

Procedimento

1. Quella che riguarda il ramo è la parte più creativa. Dategli la forma che preferite togliendo eventuali rametti secchi o che non siano in armonia con l'albero che avete immaginato con la forbice da potatura. Se utilizzate un ramo di pesco o di mandorlo, che in questo periodo sono in fiore, vi suggerisco di lasciare i fiori e le gemme, in modo da non utilizzare quelli finti successivamente.
2. E' il momento di armarvi di pennello e smalto ad acqua. Ricordatevi di ricoprire sempre con carta di giornale la superficie che utilizzate come appoggio e di indossare dei guanti protettivi.
   Nel dipingere il ramo potete anche non essere troppo precisi, ma ricordatevi comunque di stendere bene il colore ed evitare le scolature, perché lo smalto colato si incrosta ed esteticamente sta proprio male.
   Quando sarete soddisfatti del risultato lasciate asciugare per il tempo indicato sulla confezione.
3. A questo punto il vostro albero deve essere invasato. Incollatelo con la colla a caldo sul fondo del vaso di terracotta e quando il ramo sarà stabile riempite il vaso con i ciottoli.
   Utilizzando la colla a caldo per fissare il ramo sul fondo del vaso, una volta trascorsa la Pasqua sarà semplicissimo da rimuovere e potrete riutilizzare il vaso per altri progetti.
4. Se avete utilizzato un ramo in fiore potrete saltare quest'ultimo passaggio, che è quello della decorazione. Sempre con la colla a caldo incollate i fiori finti sul ramo. Io vi consiglio di incollarli dove il ramo principale incrocia i rametti, in modo da realizzare un effetto che ricordi una prima fioritura.Se volete potete anche aggiungere un nido decorativo, in questo periodo sono facilmente reperibili sia nei negozi di bricolage che in quelli di articoli per la casa o di oggettistica. Vi assicuro che non costano molto.

Adesso il vostro albero è pronto per essere decorato.

In commercio si trovano le uova già dipinte e pronte per essere appese, ma se avete tempo e fantasia vi suggerisco di realizzarle seguendo il tutorial successivo.

Uova decorate

Occorrente:

• Uova di polistirolo di dimensioni medio-piccole;
• Fondo gesso acrilico;
• Colori acrilici ad acqua;
• Finitura acrilica lucida ad acqua;
• Pennelli di varie dimensioni;
• Nastrini colorati da 0,5 cm;
• Spilli da patchwork;
• Perline e/o paillettes;
• Spiedini da cucina in legno.
• Forbici.

Procedimento:  

1. La prima fase per la realizzazione delle uova è la più importante. Infilzate le uova nella parte inferiore con uno spiedino di legno, che vi aiuterà nei movimenti sia in questa fase che in quella della decorazione per la stesura del colore. Stendete il fondo gesso con un pennello medio, in modo uniforme, tirando bene il prodotto per evitare scolature. Lasciate asciugare per il tempo indicato sulla confezione (generalmente 4 ore) riponendo le uova sugli spiedini dentro un vaso o un bicchiere alto.
2. Quando il fondo gesso sarà asciutto le uova saranno pronte per il primo passaggio della decorazione. Scegliete un colore e create un fondo uniforme, stando sempre attenti ad evitare le scolature, e lasciate asciugare.
   Quando il colore sarà asciutto al tatto potrete procedere con una seconda mano se la prima non è stata abbastanza coprente.
   In alternativa, se volete creare un uovo di due o più colori, con una matita tracciate le linee sull'uovo per orientarvi, poi dipingete le singole sezioni con i colori che avete scelto.
3. Se invece volete creare delle uova decorate con dei disegni, una volta asciutto il colore acrilico di fondo sarà ora di sbizzarrirvi con la fantasia.
   Utilizzando dei pennelli a punta sottile (per risparmiare potete acquistare i pennelli da nail art che ormai sono reperibili molto facilmente e a prezzi modici) utilizzate i colori che preferite per realizzare i disegni sull'uovo. Dato che siamo in primavera il tema portante potrebbero essere i fiori, ma ripeto, questa è la fase in cui dare più sfogo alla vostra fantasia. Mi raccomando rispettate sempre i tempi di asciugatura se dovete sovrapporre i colori.
   Al termine lasciate asciugare bene.
4. Per proteggere le vostre uova decorate, stendete una mano di finitura acrilica lucida ad acqua, che renderà più vivi i colori e gli impedirà di sbiadire. La finitura acrilica può essere reperita facilmente nei negozi di bricolage, ma se non volete spendere troppo potete sostituirla con dello smalto per unghie trasparente. L'effetto è identico!
   Con una boccetta media di smalto trasparente per unghie si riescono a verniciare circa 8 uova medio-piccole.
5. Quando la finitura o lo smalto si saranno asciugate, sarà ora di procedere con i nastrini.
   Rimuovete gli spiedini dalle uova prima di tutto.
   Misurate la circonferenza dell'uovo con il nastrino e aggiungete circa 5cm in più per creare il gancio con il quale sarà possibile appenderlo.
   Tagliate il nastrino a misura.
   Con uno spillo fermate una delle estremità del nastrino nella parte superiore dell'uovo. Fate girare il nastrino tracciando la circonferenza come avete fatto prendendo le misure e fermatelo ancora con un secondo spillo all'estremità inferiore dell'uovo. Terminate la circonferenza e fissate nuovamente il nastrino all'estremità superiore con un terzo spillo.
   Con il nastrino rimasto creiamo il gancio: ruotatelo su sé stesso e fissate l'estremità con un quarto ed ultimo spillo nella parte superiore dell'uovo.
6. Le perline e le paillettes possono essere utilizzate come meglio preferite.
   A me piace fissare delle perline all'estremità superiore ed inferiore con degli spilli (gli stessi che uso per fermare il nastrino. Basta infilare una perlina nello spillo prima di utilizzarlo) e poi due ai lati, sempre sul nastrino.

Una volta terminato l'ultimo passaggio le vostre uova saranno pronte per essere appese all'albero di Pasqua. Disponetele nel modo che preferite.

Risultato

Per oggi è tutto, cari.

Spero di essere riuscita a spiegarmi bene e a darvi un'idea carina per realizzare delle decorazioni pasquali. A me le decorazioni mettono sempre un sacco di allegria!
Se decidete di realizzare questo progetto non esitate a postare il risultato qui sotto in un commento linkandoci l'immagine o postandola sulla nostra pagina facebook.
A presto!

Annie