Categoria: Grafica

Oggi vedremo i blinkies a bannerino che troverete divisi in due tutorials. Il primo tratta dei bannerini minuscoli il cui bordo si può animare benissimo usando lo stesso metodo che abbiamo già visto nell’ effetto tratteggio come possiamo vedere qua sotto…

.

Ho fatto anche una coppia di maschere piccoline se volete provare a fare anche questi piccoli con le maschere, ma essendo già piccoli il bordo riduce ancora di più lo spazio dentro, diventando sempre più difficile decorarli. Io preferisco usare il metodo del tratteggio in questi piccolissimi al punto che, come vedete, potendo risparmiarmi tutto il primo tutorial, ho preferito spiegare per darvi la possibilità di farli in questo modo.

Nel secondo tutorial, quello fatto per i più grandini, con le maschere, spiego soltanto la parte diversa per animare il bordo. E qua potete vedere il risultato e la differenza fra entrambi. Come potete vedere quello fatto col tratteggio è ancora più piccolo di questo con le maschere…

.

Come allora, quando ho spiegato l’effetto tratteggio, vi avverto che una volta fatto il tratteggio non è visibile al pc, rimanendo coperto dal bordo dell’immagine, ma basta postarlo e lo vedrete funzionare e muoversi. 🙂

.

Vedremo in ciascun caso cosa ci serve avere, ma logicamente se volete farli dovrete avere:

• Photofiltre che se non avete trovate nel sito ufficiale.

• Unfreez per l’animazione che potete scaricare qua

.

Ricordate di consultare Tutorials per caso per i vostri dubbi o la ricerca di links dove trovare materiale e che ora all’ Elenco dei Tutorials potete accedere anche direttamente dalla home (lo trovate nella parte destra in ultimo, nelle Pagine). Per i vostri commenti siete pregati di scrivere nel tutorial a cui vi riferite o se le domande sono in generale nella pagina dell’ Elenco dei Tutorials, per non allungare oltre, possibilmente, Tutorials per caso 🙂

.

BLINKIES A BANNERINO PICCOLI

.

.

Ho usato come esempio il “Buongiooorno” con la paperella e per la sua realizzazione vi occorre…

• una gif con un cuoricino rosso minuscolo che trovate qua

• un’ altra gif da mettere sopra, se lo volete… Io ho usato questa…

• due immagini glitter se volete glitterare la vostra scritta… Ecco le due che io ho usato…

• i due patterns minuscoli dell’effetto tratteggio che trovate qua. Cliccateci sopra e salvateli…. ….. ….. Chi avesse fatto il tutorial Effetto Selezione non ha bisogno di salvarli, dato che sono gli stessi.

.

Ma vediamo ora come fare… 🙂

Su richiesta di Nessina oggi vedremo i Blinkies…sia sottoforma di quelle minuscole letterine in quadretti che sembrano muoversi vertiginosamente, sia come “bannerini” e per questo dividerò i blinkies in due volte… Ci occuperemo oggi dei blinkies fatti con letterine dentro a quadrettini minuscoli che scintillano e si agitano tantissimo 😀

…………..….

.

….. ….. ….. …..

.

….. …..…..…..

.

……..…….……

.

Per fare questo tutorial serve:

• Photofiltre che se non avete trovate nel sito ufficiale.

• Unfreez per l’animazione che trovate qua

• Delle gifs minuscole se volete decorare ulteriormente i vostri blinkies.

I QUADRETTI:

1. Apriamo un’ immagine nuova: File – Nuovo (FILE – NEW) (imm.1) di 11 pixels di larghezza e altezza (imm.2).

2. Dato che la nostra immagine è piccolissima, cliccate sulla Lente d’Ingrandimento di sinistra e ingrandite di un bel po’ per poterci lavorare bene (minimo fino al 500%) (punto 1 imm.3) e andate al Menù di Destra, cliccate sulla Punta di Freccia (punto 2 imm.3) per farvi apparire nel menù le diverse selezioni se non fossero in vista. Cliccate dunque sul Rettangolo di Selezione (punto 3 imm.3) e selezionate un quadretto dentro al nostro quadretto iniziale a distanza dal bordo di 1 solo pixel (punto 4 imm.3). Si può fare benissimo ad occhio ma se non ne siete certi basta cliccare su Selezione – Impostazioni Manuali (SELECTION – MANUAL SETTINGS) (punto 5 imm.3) e controllare nella finestra che vi si apre che la “x” e la “y” abbiano come valore 1 (punto 6 imm.3) .

3. Ora colorerete nel colore che preferite il vostro quadrettino dentro la selezione andando al Menù di Destra scegliendo il colore nel Menù in Alto (punto 1 imm.4), cliccando poi sul Barattolino di Colore (punto 2) e cliccando infine dentro la nostra Selezione (punto 3 imm.4). Io questa volta ho scelto l’arancione. Sempre con la selezione attiva, potete ora modificare il vostro colore, se lo preferite, cliccando per esempio su Filtro- Colore – Gradiente (FILTER – COLOR- GRADIENT) (punto 4 imm.4).

4. Nella finestra successiva selezionate Bicromia (DUOTONE) (punto 1 imm.5), da sinistra a destra nella direzione (LEFT TO RIGHT) (punto 2 imm.5), mettete per esempio come primo colore il Nero (punto 3) con Opacità 50% (punto 4) e come secondo il Bianco (punto 5) sempre con Opacità 50 % (punto 6) (ovviamente potete fare il gradiente del colore che a voi piaccia di più, provate un po’ di volte e sicuramente riuscirete a fare dei colori bellissimi per le vostre letterine), controllate con l’Anteprima (punto 7) e se vi piace il colore confermate con Ok (punto 8 imm.5).

5. Togliete la selezione: Selezione – Nascondi Selezione (SELECTION – HIDE SELECTION) (imm.6) e colorate in una tonalità più forte il bordino esterno del vostro quadretto come prima col Barattolino (imm.7)

6. Cliccate ora sul colore bianco nel Menù dei Colori in Alto del Menù a Destra (punto 1 imm.8). Il quadretto grande di sinistra in alto diventa bianco(punto 2 imm.8). Cliccate poi sul Pennello (quello di sinistra) (punto 3) e sulla misura più piccola (punto 4)e tornate al vostro quadretto colorando di bianco i 4 angoli della cornicetta del quadretto(per farlo sembrare arrotondato) (punto 5 imm.8).

7. Ora colorate sempre in bianco l’angolino inferiore di sinistra dentro il quadretto e i due quadretti sopra ed a sinistra (imm. 9). La stessa cosa la fate sul quadretto superiore di sinistra (imm.9). Facendo così i quadretti danno il senso di lucentezza e più rotondità ma voi potete farlo o no… Se volete vedere l’effetto riducete l’immagine al 100% e controllate.

8. Il vostro quadrettino giallo è pronto e potete salvarlo come gif… Poi basterà ogni volta che volete usare il quadrettino giallo mettere la lettera che volete.

9. Ora proveremo a fare una scritta facilissima il cui il movimento viene dato soltanto dal diverso colore con cui scriviamo le lettere dentro…

SCRITTA SEMPLICE ANIMATA SECONDO IL COLORE DELLE LETTERE

Per fare questo semplice blinkie ci servirà:

• una forma piccolina di cuore trasparente come questa (cliccate qua anche se è trasparente e non la vedete c’è, andate all’angolo superiore sinistro. Quando si apre cliccate col tasto destro del mouse su Seleziona tutto, vi apparirà un quadrettino piccolissimo azzurrino, è lui…centratelo e poi cliccate sul tasto destro del mouse e su salva immagine con nome e salvatela. Dopo aver cliccato salva immagine con nome e prima di salvarla vi apparirà il nome del file “cuore trasparente” perciò anche se è invisibile salvatela. Non solo il file lo troverete nel pc ma se lo aprite in Photofiltre potrete vedere quanto sia minuscolo, perciò ingranditelo e finalmente lo vedrete 🙂 ). Se qualcuno avesse troppe difficoltà a salvarla dato che bisogna andare proprio sull’angolo perché non solo è trasparente ma è anche minuscola qua trovate quella non trasparente ma è anche questa minuscola e quasi invisibile. 🙂

• ed una gif solo nel caso volessimo mettere una gif sopra per rallegrarla … Io ho usato questa:

Procediamo ora con la scritta…

Anche questa volta su richiesta di Margana vedremo le scritte in rotondo sia nella parte superiore che in quella inferiore dell’immagine…

.

.

Prima di tutto un’avvertenza: in questo caso non sempre lo sfondo delle scritte scompare completamente per cui è consigliato usare un colore di sfondo della scritta uguale, o molto simile almeno, a quello dove si vuole mettere ed ovviamente sarà molto più semplice riuscirci se si mettono su sfondo di colore uniforme che non su uno sfondo di tanti colori. Anche per la sistemazione della scritta si deve procedere aumentando o diminuendo i valori e controllando con l’anteprima, ma tutto sommato, dato che si può vedere man mano che si aumenta o si diminuisce lo spostamento della scritta, non è difficile; è solo questione di fare qualche prova prima di trovare la posizione giusta. 🙂

.

.

Per poter fare queste scritte ci serve:

• Photofiltre che se non avete trovate nel sito ufficiale

• il pluglin Incollare Dentro (paste inside o paste into) che trovate nel sito ufficiale di photofiltre.

• Un’ immagine su cui fare la vostra scritta. Io ho usato questa :

.

Vedremo in primo luogo come fare una

.

SCRITTA IN ROTONDO NELLA PARTE SUPERIORE DELL’IMMAGINE

.

1. Aprite l’immagine su cui volete fare la scritta in Photoflitre: File – Apri (FILE – OPEN) (imm.1), duplicatela: Immagine – Duplica (IMAGE DUPLICATE) e lavorate sul duplicato riducendo ad icona l’originale per non confondervi.

2. Aprite un documento nuovo, in Photofiltre: File – Nuovo (FILE – NEW) (imm.2) di 400 pixels di larghezza e 200 di altezza approssimativamente (imm.3) logicamente dipenderà tutto dalla misura della vostra immagine su cui vorrete fare la scritta. Le misure che io metto qua vanno bene per una immagine come la mia che è di 800 x 600. Se avete una immagine più piccola tutto verrà in proporzione diminuito, anche la dimensione del carattere che userete in seguito.

3. Come detto prima, è preferibile fare la scritta su uno sfondo dello stesso colore o il più possibile simile allo sfondo dove vogliamo inserirla per non avere sgradite sorprese, dato che a volte può capitare che s’intravveda il colore dello sfondo della scritta e per quello ho cliccato sul Contagocce del Menù a Destra (punto 1 imm.4), andando poi a toccare lo sfondo della nostra immagine per acquisire il colore giusto (punto 2 imm.4) che apparirà sul Menù a Destra nel quadro del Menù Colore che si trova a Sinistra (punto 3 imm. 4). Cliccate poi sul Barattolino del Colore (punto 4 imm.4) e toccate con esso il vostro documento bianco (punto 5 imm.4) che così verrà colorato col colore dello sfondo su cui dovrà andare.

4. Cliccate sulla T nel Menù in Alto per scrivere e cercate il carattere con cui volete fare la vostra scritta. In questo caso io ho usato Charrington Posh come carattere, Dimensione 30 ed ho selezionato Grassetto (BOLD). Scegliete il Colore (rosso nel mio caso) e scrivete il vostro testo confermando alla fine con Ok (imm.5).

5. Ora avrete la scritta sul vostro documento e controllata la sua posizione, se tutto è a posto , potrete convalidare anche con un semplice invio. Cliccate ora su Immagine – Taglierina Automatica (IMAGE – AUTOMATIC CROP) e si toglierà tutto l’ eccesso di sfondo attorno alla vostra scritta (imm.6).

6. Cliccate sulla Punta di Freccia del Menù a Destra (punto 1 imm.7) per far apparire, se non ci fossero, le selezioni e successivamente sotto sul Rettangolo di Selezione (punto 2 imm.7) e tornate all’immagine e tracciate una selezione quadrata nel punto che volete sia attorniato dalla vostra scritta (punto 3 imm.7), per tornare una volta che il vostro quadrato sia sistemato bene al Menù di Destra e cliccare sull’Ellisse di Selezione (punto 4 imm.7). La vostra selezione quadrata ora sarà diventata una circonferenza o una ellisse (punto 5 imm.7).

7. Toccate ora la vostra scritta per attivarla (diventerà blu la riga sopra) e cliccate poi su Modifica – Copia (EDIT – COPY) (imm.8 ).

8. Toccate ora per attivare l’ immagine e poi cliccate su Filtro – Plugin – Paste Inside (FILTER – PLUGIN – PASTE INSIDE) (imm.9).

9. Selezionate ARROUND, EDGE, TRANSPARENT COLOR E INTERIOR e VERTICAL REALIGNMENT e mettete Other nel quadretto di trasparenza. A questo punto, se cliccate su Anteprima, vedrete apparire la vostra scritta tutt’attorno al cerchio. Andate a cliccare sul Contagocce nel Menù a Destra e toccate lo sfondo della scritta. Nel quadretto vicino a “Other” vi apparirà il colore dello sfondo, cliccate di nuovo su Anteprima (imm.10) e se lo sfondo della scritta dovesse essere ancora visibile lo vedrete scomparire o almeno attenuarsi. Logicamente se vi apparisse troppo visibile lo sfondo della vostra scritta dovrete cercare di modificare lo sfondo per far si che sia il meno visibile possibile e ripartire dopo dal punto 7.

10. Ma ora logicamente dobbiamo sistemare la scritta al meglio. Se volete gire più o meno attorno alla metà superiore del nostro pianeta, provate ad aumentare il Valore della Lunghezza (LENGTH) che trovate in Arround. Noi abbiamo ora 322 di Lunghezza… più aumentate la lunghezza e più la vostra scritta si restringerà. Proviamo per esempio a mettere 622, lasciamo la larghezza uguale e zero nella distanza e clicchiamo sull’anteprima (imm.11).

11. Ora la nostra immagine gira attorno soltanto alla parte superiore, rimane solo da cercare che tanto da una parte come dell’altra sia uguale la lunghezza e per quello procediamo diminuendo o aumentando il valore di OFFSET e vedendo gli spostamenti che fa la nostra scritta. In questo caso io ho messo come Offset –6 e la scritta è andata a mettersi nel punto giusto (imm.12).

12. Ora possiamo confermare con Ok. Togliamo la nostra selezione cliccando su Selezione – Nascondi Selezione (SELECTION – HIDE SELECTION) (imm.13) e salviamo la nostra immagine finita con la scritta in rotondo: File – Salva con Nome (FILE – SAVE AS). 🙂 Potete anche salvare la vostra scritta nel caso voleste usarla per provare a scrivere nella parte inferiore dell’immagine originale o di altra in un secondo tempo.

13. Ed ecco qua l’immagine finale…

.

SCRITTA IN ROTONDO NELLA PARTE INFERIORE DELL’IMMAGINE

Useremo la stessa immagine e la stessa scritta ora già fatta e procederemo così…

1. Toccate per attivare la vostra scritta e cliccate nel Menù in Alto su Immagine – Ruota – Rotazione 180° (IMAGE – ROTATE – ROTATE 180°) (imm.1a ).

2. Ora procedete come nel tutorial sopra dal punto 6 al 9 incluso. Ci troveremo come prima con la nostra scritta tutt’attorno al pianeta.

3. Come nel punto 10 sopra, cambiamo la lunghezza cercando di farla solo girare nella metà inferiore ora… Io in questo caso ho lasciato la stessa lunghezza di prima (622) dato che vorrei come prima che occupasse pressa poco metà del pianeta e non andasse oltre. Logicamente per farla cambiare di posizione e che giri sotto e sia di una lunghezza simile almeno in entrambi i lati devo cambiare il valore di Offset aumentandolo man mano e controllando con l’anteprima gli spostamenti verso una parte o l’altra. E da -4 che avevamo prima come valore ora sono arrivata a 308 (imm.2a ). La scritta ora sembra nella posizione giusta così confermo con Ok.

4. Non ci rimane che, come nel punto 12 sopra, nascondere la selezione e salvare la nostra immagine.

5. E questo è il risultato finale…

Ed a seguire altri esempi:

.

Per questa volta è tutto. Come sempre in Tutorials per caso sotto l’elenco dei tutorials trovate informazione per usare al meglio Photofiltre e anche per cercare materiale, fonts e quanto vi possa servire per fare i vostri lavori. Consultatelo per i vostri dubbi. Potete anche trovare spunti per i vostri lavori nelle nostre tante Gallery. 🙂