Categoria: Grafica

E’ passato un bel po’ di tempo da quando Patty mi chiese di fare un tutorial su un puzzle con qualche pezzo staccato. Purtroppo, per esaudire le richieste precedenti, mi ci è voluto parecchio tempo, non sempre facile da trovare ed ora mi trovo addirittura senza il mio pc, passato a miglior vita proprio oggi, mentre preparavo questo tutorial…e mi tocca rifare tutto in questo pc a prestito una seconda volta, sperando che almeno questa volta fili tutto dritto senza perdere nulla… Incrocio le dita 🙂

.

.

Come disse allora a Patty, il puzzle a cui lei si riferiva quasi sicuramente era stato fatto con Photofiltre Studio. Io ovviamente farò una mia versione di puzzle adatta a ciò che si può fare con Photofiltre nella sua versione gratuita che sarà diverso avendo meno possibilità, ma spero sia anche carino… Eccone qualche altro esempio simile di puzzle anche in posizioni diverse 🙂

.

Per fare questo tutorial vi serve:

• Photofiltre che se non avete trovate nel sito ufficiale.

• Un immagine su cui fare il vostro puzzle… Io ho usato questa…

• Uno sfondo su cui disporre poi il vostro puzzle… In questo caso ho usato questo…

.

Vediamo ora come fare…

.

1. Aprite la vostra immagine in Photofiltre: File – Apri (FILE – OPEN) (imm.1)

2. Aprite ora un documento nuovo: File – Nuovo (FILE – NEW) (imm.2) bianco con le stesse misure della vostra immagine, in questo caso 600 di larghezza e 392 di altezza (imm.3).

3. Ora procederemo a creare le tessere del nostro puzzle ma, per facilitarci la selezione in seguito, lo faremo sul nostro documento bianco invece che sull’immagine e così cliccheremo su Filtro – Creativo – Puzzle (FILTER – STYLIZE – PUZZLE) (imm.4)

4. Nella finestra che vi appare mettete Nero come Colore, 1 di larghezza, 150 come Dimensione Oggetto (PIECES SIZE) come nel nostro esempio, (se per caso la vostra immagine fosse più piccola e di conseguenza ci volessero un numero maggiore di tessere, più piccole, dovrete mettere una dimensione minore), deselezionate rilievo (RELIEF) e cliccate sull’anteprima per vedere se la misura delle tessere va bene e quando sia così, confermate con Ok (imm.5).  Chi, finito questo turorial, volesse fare il puzzle animato deve salvare questo documento imprescindibile per realizzarlo.

5. Ora dovremmo mettere le nostre tessere sull’immagine ma, se provate a fare come fatto nei punti 3 e 4 vi uscirebbero tessere con forme diverse da quelle che abbiamo nel nostro documento bianco, per questo motivo dovremmo trasferire le tessere da questo documento alla nostra immagine e per farlo ingrandite il documento con la Lente d’Ingrandimento che trovate nel Menù in Alto (punto 1 imm.6) finché vi sia facile cliccare poi con la Bacchetta Magica sulle righe nere che delimitano le tessere, e solo su quelle, per selezionarle.

6. Andate ora al Menù di Destra e cliccate sulla Bacchetta Magica (punto 2 imm.6). Metterete tolleranza 30 (punto 3 imm.6), selezionate la casellina colore in basso del Menù di Destra (punto 4 imm.6) e tornate sul vostro documento bianco, cliccherete con la bacchetta sulle righe nere che disegnano le tessere (se lo fate sul bordo nero in alto vi sarà più facile farlo) (punto 5 imm.6). Ora le righe nere che separano le tessere sono selezionate (punto 6 imm.6).

7. Cliccate ora su Modifica – Copia (EDIT – COPY) (imm.7)

8. Toccate ora la vostra immagine per attivarla e poi cliccate su Modifica – Incolla (EDIT – PASTE) (imm.8 ).

9. Ora le righe nere che formano le tessere del puzzle appariranno anche sulla vostra immagine. Mentre avete ancora la selezione attorno alla vostra immagine portate il puntatore del mouse dentro la selezione, cliccate col tasto destro e nella finestra che vi appare su Incolla Opzioni (PASTE OPTIONS) (imm.9).

10. Nella finestra che vi appare deselezionate Antiailiasing automatico (AUTOMATIC ANTIALIASING) e confermate con Ok (imm.10). Ora con un semplice invio potete confermare l’incollatura. Faremo ora un semplice effetto perché le nostre tessere sembrino un pochino più scure nei bordi e con un minimo di volume.

11. Toccate ora il vostro documento bianco, che avrà ancora selezionate le righe che separano le tessere, per attivarlo e cliccate su Selezione – Copia Forma (SELECTION – COPY SHAPE) (imm.11)

12. Toccate l’ immagine per attivarla e cliccate su Selezione – Incolla Forma (SELECTION – PASTE SHAPE) (imm.12).

13. Ora anche sulle righe nere della vostra immagine apparirà la selezione. Cliccate ora su Selezione – Inverti (SELECTION INVERT) (imm.13).

14. Sul menù in alto cliccate su Selezione – Contrai (SELECTION – CONTRACT) (imm.14).

15. Nella finestra successiva mettete 3 come Larghezza (WIDTH) e confermate con Ok (imm.15). La selezione nelle vostre tessere ora non apparirà più sulle righe nere ma al loro interno.

16. Cliccate ora su Filtro – Creativo – Ombreggiatura (FILTRE – STYLIZE – DROP SHADOW) (imm.16).

17. Nella finestra che appare mettete il grigio più scuro come Colore (punto 1 imm.17), 70 di opacità (punto 2 imm.17), 3 nel valore della “x” (punto 3 imm.17) e 3 nel valore della “y” (punto 4 imm.17), selezionate se non lo fosse Antialised (punto 5 imm.17) e contrallate l’anteprima (punto 6 imm.17), vi appariranno delle ombreggiature grigie sulla destra e nella parte superiore delle vostre tessere (punto 7 imm.17) e confermate, se tutto va come dovuto, con Ok (punto 8 imm.17).

18. Cliccate di nuovo su Filtro – Creativo – Ombreggiatura (FILTRE – STYLIZE – DROP SHADOW) (imm.18 ).

19. Metterete ora come Colore il grigio più chiaro (punto 1 imm.19), 70 di Opacità (punto 2 imm.19), -3 nel valore della “x” (punto 3 imm.19) e -3 nel valore dalla “y” (punto 4 imm.19) e con Antialised selezionato (punto 5 imm.19) controllate l’anteprima (punto 6 imm.19). Ora vi appariranno delle ombreggiature molto chiare, in grigio chiaro, sulla sinistra e nella parte superiore delle vostre tessere (punto 7 imm.19). Confermate con Ok (punto 8 imm.19).

20. Togliete la selezione del puzzle cliccando su Selezione – Nascondi Selezione (SELECTION – HIDE SELECTION) (imm.20).

21. Ora ricopieremo le righe nere delle tessere per renderle più evidenti. Logicamente se preferite il vostro puzzle così come è ora potete non farlo, ma se i colori della vostra immagine sono molto vivaci si renderà necessario per togliere l’effetto che io chiamo “salame” che può apparire sulle righe. Nel nostro esempio quell’effetto non appare troppo evidente e così potete decidere se lasciarlo così come è e incollarci sopra di nuovo le righe per renderle più evidenti. Per farlo toccate il documento bianco (che dovrebbe ancora avere la selezione sulle righe) per attivarlo e cliccate poi su Modifica – Copia (EDIT – COPY) (imm.21).

22. Toccate il puzzle attivandolo e cliccate su Modifica – Incolla (EDIT – PASTE) (imm.22).

23. Ora nuovamente le righe sono un po’ più evidenti. Confermate con un semplice invio (imm.23). Il nostro puzzle sarebbe finito e se non vogliamo staccargli qualche tessera per sistemarle altrove lo possiamo salvare….Chi volesse fare il puzzle animato deve salvarlo, ma noi continuiamo ed ora staccheremo qualche tessera per sistemarle attorno…

    Continua a leggere Il puzzle

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…