Programma utilizzato: Real World Cursor Editor.
Aprire il programma e cliccare su Create New>New Animated Cursor>Ok
Scrivere il testo del colore che vogliamo, seguendo il tutorial su come creare un cursore qui
Cursor>Insert Frame>ok
Cliccare su drawing tool; cliccare sulla freccetta accanto alla matita:
Aprire il programma e cliccare su Create New>New Animated Cursor>Ok
Scrivere il testo del colore che vogliamo, seguendo il tutorial su come creare un cursore qui
Cursor>Insert Frame>ok
Cliccare su drawing tool; cliccare sulla freccetta accanto alla matita:
si aprirà la finestra degli strumenti di disegno; scegliere il secchiello:
Impostare il colore che vogliamo, versare il colore nelle lettere (facendo attenzione che sia selezionata l'impostazione Replace (deve essere selezionato il quadratino centrale accanto al secchiello)
ed infine cliccare col tasto destro del mouse sul pallino che vi avrà seguito in questa operazione >Apply; se avete scritto il primo testo di un colore chiaro, potete cambiarlo cliccando su Effect>Shift Hue e far scorrere Angle per scegliere il colore che si desidera.
E' possibile aggiungere quanti fotogrammi vogliamo.
Nel caso in cui l'immagine dovesse sparire, basta cliccare in uno dei due fotogrammi in basso.
Per visualizzare il risultato che si sta ottenendo, basta cliccarei nella Test Area sulla sinistra dove sarà visualizzato il cursore animato.
Andare su File>Save
Sotto impostare se si vuole il nome e l'autore ed in Frame Duration la durata di ogni fotogramma che permette di aumentare o diminuire la velocità del cambiamento, in questo caso del lampeggiamento; visualizzare nella Test Area il risultato per impostarlo come preferiamo.
E' possibile spostare la disposizione dei fotogrammi (nel caso in cui i fotogrammi fossero più di due), cliccando in basso su quello che vogliamo spostare tenendo tenuto il tasto sinistro del mouse e trascinandolo nella nuova posizione.
Per salvare il cursore animato File>Save As>Ok
Per inserire il cursore nel blog od in un sito, seguire ancora una volta le indicazioni per il cursore statico qui.
Esempi di cursori animati (queste sono semplici immagini di esempio in formato .gif):
Programmi utilizzati: Virtual Dub 1.7.7, Jasc Animation Shop 3
Procurarsi un video da cui estrapolare i fotogrammi che interessano.
Per scaricarli ad esempio da YouTube basta cercare il video che ci interessa, cliccare su "Ulteriori informazioni" e copiare l'URL.
Aprire il sito http://keepvid.com e nello spazio URL incollare il link appena copiato da YouTube.
Procurarsi un video da cui estrapolare i fotogrammi che interessano.
Per scaricarli ad esempio da YouTube basta cercare il video che ci interessa, cliccare su "Ulteriori informazioni" e copiare l'URL.
Aprire il sito http://keepvid.com e nello spazio URL incollare il link appena copiato da YouTube.
Cliccare su download.
Cliccare col tasto destro del mouse su Download get_video.flv e nella finestra che si apre su Salva destinazione con nome>Salva
Dopo che il file è stato scaricato cliccarci sopra col destro del mouse e rinominarlo con l'estensione .flv ovvero get_video.flv
Adesso è necessario convertire il file nel formato .avi (io ad esempio uso il programma "FLV to AVI MPEG WMV 3GP MP4 iPod Converter")
Aprire Virtual Dub 1.7.7
File>Open video file>Apri
Video>Direct stream copy
Audio>Direct stream copy
Spostare il cursore da destra a sinistra e viceversa per cercare i fotogrammi che ci interessano.
Posizionarlo nel punto dove si vuole far iniziare il mini-video e cliccare su questo tasto
Spostare il cursore nel punto in cui si vuole far finire il mini-video e cliccare su questo tasto (freccettina che va verso destra)
Vedremo che è stata selezionata una parte del video con una striscia celeste: sono i fotogrammi che abbiamo appena scelto di estrapolare (conviene scegliere pochi fotogrammi perchè l'immagine finale non risulti troppo pesante)
File>save segmented AVI
Salvarlo col nome mini-clip.
Aprire il file con Jasc Animation Shop 3 (programma di animazione per gifs).
Ritagliare e/o ridimensionare nella grandezza che si vuole il mini-video e salvarlo nel formato .gif
Programma utilizzato: Virtual Dub 1.7.7
Scaricare un video da You Tube e convertirlo nel formato .avi, seguendo il procedimento dal tutorial per creare una mini clip da qui, dopo di che aprirlo in Virtual Dub, cliccare su Audio>Source Audio e su Audio>Direct stream copy; infine salvarlo cliccando su File>Save WAV.
Scaricare un video da You Tube e convertirlo nel formato .avi, seguendo il procedimento dal tutorial per creare una mini clip da qui, dopo di che aprirlo in Virtual Dub, cliccare su Audio>Source Audio e su Audio>Direct stream copy; infine salvarlo cliccando su File>Save WAV.
Programma utilizzato: Adobe Photoshop CS3
Aprire l'immagine da elaborare.
Sulla tavolozza dei livelli cliccare due volte sull'icona del lucchetto accanto all'immagine per sbloccarla.
File>Nuovo 200x200 px, traparente.
Visualizza>Righelli
Con lo Strumento pennello quadrato di colore nero, dimensione 4, durezza 100 cliccare sull'estremo bordo in alto al centro; scendere sul lato inferiore, rimanendo sullo stesso punto del righello orizzontale e tenendo premuto il tasto Maiusc cliccare un'altra volta; si avrà una perfetta linea retta verticale; proseguire allo stesso modo partendo da destra per creare una linea orizzontale così da avere una croce.
Modifica>Definisci Pattern e nominarla croce.
Chiudere questo file senza salvare.
Livello>Nuovo livello e nominarlo scacchi 1.
Modifica>Riempi>Pattern e cercare la croce. Ok.
Livello>Duplica livello
Riempire con i colori che si vuole come nell'immagine:
Nella tavolozza dei livelli scegliere come modalità di miscelatura Luce lineare e ridurre l'opacità a 35 o meno a seconda dei propri gusti.
Livelli>Unisci visibile>Salva.
Livelli>Unisci visibile>Salva.
Programma utilizzato: Corel Paint Shop Pro X
La web band o web ribbon è quel nastro obliquo che vedete nell'angolo in alto a sinistra del mio blog.
Aprire un file 200x25 px, raster, trasparente e riempirlo con il colore di sfondo che si preferisce.
Immagine>Ruota per gradi>a sinistra 45°
Con lo
strumento
Taglierina impostare come segue:
immagine
Applica.
Con lo
immagine
Applica.
Con lo
strumento
Penna modalità Disegna linee e polilinee, colore primo piano che contrasti con il colore di sfondo, disegnare una linea guida sulla striscia che ne segua la pendenza (non importa quale sia il colore di sfondo o che sia diritta).
Scegliere il colore di sfondo per la scritta ed impostare come trasparente il colore di primo piano.
Con lo
strumento
Testo con queste impostazioni (font 20 CENTS MARKER):
immagine
posizionarsi sulla linea e quando appare una A inclinata, scrivere la frase che vogliamo. Applica.
Posizionarsi sulla scritta finchè appare il cursore con le quattro frecce e sistemarla in maniera centrata rispetto alla striscia colorata, facendo in modo che non fuoriesca dalla stessa.
Selezione>Innalza selezione a livello>Deseleziona
Effetti>Effetti 3D>Sfalsa ombra con queste impostazioni (scegliendo un colore della stessa tonalità, ma più scuro di quello della striscia):
immagine
posizionarsi sulla linea e quando appare una A inclinata, scrivere la frase che vogliamo. Applica.
Posizionarsi sulla scritta finchè appare il cursore con le quattro frecce e sistemarla in maniera centrata rispetto alla striscia colorata, facendo in modo che non fuoriesca dalla stessa.
Selezione>Innalza selezione a livello>Deseleziona
Effetti>Effetti 3D>Sfalsa ombra con queste impostazioni (scegliendo un colore della stessa tonalità, ma più scuro di quello della striscia):
Andare sul livello della striscia ed aggiungere l'ombreggiatura con le stesse impostazioni che abbiamo appena usato, cambiando solamente il colore che sarà il nero.
Eliminare il livello della riga guida.
Aggiungere eventuali piccole immagine od ornamenti sulla striscia.
Livello>Unisci>Unisci visibile
Salvare come .png
Per inserirlo nel blog in blogger (nel caso dovessero esserci problemi, seguire il procedimento di come inserirlo in un sito):
caricare l'immagine in un sito hosting (tipo Image Shack), copiare il codice dall'iframe (la finestrella) qua sotto ed incollarlo in un elemento pagina del blog (Bacheca>Layout, Aggiungi un elemento pagina HTML/JavaScript); inserire il link dell'immagine caricata al posto delle xxx
Salva.
Per inserirlo in un sito:
copiare il codice ed incollarlo sotto il tag body nella pagina dove si vuol fare apparire la web band; cambiare le solite xxx con il link dell'immagine caricata.
P.S.:
per posizionare la web band sull'angolo in alto a destra, aprire l'immagine in Corel Paint Shop Pro.
Immagine>rifletti. Salva come .png oppure all' inizio della realizzazione dell' immagine stessa ruotarla di 45° a destra invece che a sinistra.
Nel codice cambiare solamente i termini left con right.
Per inserirlo in un sito:
copiare il codice ed incollarlo sotto il tag body nella pagina dove si vuol fare apparire la web band; cambiare le solite xxx con il link dell'immagine caricata.
P.S.:
per posizionare la web band sull'angolo in alto a destra, aprire l'immagine in Corel Paint Shop Pro.
Immagine>rifletti. Salva come .png oppure all' inizio della realizzazione dell' immagine stessa ruotarla di 45° a destra invece che a sinistra.
Nel codice cambiare solamente i termini left con right.
Programma utilizzato: RealWorldCursorEditor
Aprire il programma e cliccare su Create New>New Static Cursor ed ok sulla finestrella che si apre.
Cliccare sullo Strumento Pencil e scegliere come misura Single Pixel.
Sull'angolo in alto a sinistra disegnare una freccina, lasciando 1 px di spazio a sinistra ed 1 px di spazio in alto come nell'immagine:
Iniziare a scrivere la frase che vogliamo e per verificare il risultato che stiamo ottenendo, sulla destra cliccare su Text Area dove, se vi passiamo sopra, vedremo in anteprima il cursore che stiamo realizzando.
Contorniamo tutto di bianco.
Per aggiungere l’ombreggiatura andare su Effect>Drop Shadow ed impostare come segue:
Ok.
File>Save as e nella finestra che si apre in Files of type scegliere Cursor Files.
Caricare l'immagine in un sito hosting non per immagini ad esempio su http://boxstr.com/ e copiare il codice dall'iframe (la finestrella) qua sotto ed incollarlo nel tag del proprio codice (sia nel blog che nel sito) all'interno del tag body ; inserire il link diretto dell'immagine caricata al posto delle xxx.
File>Save as e nella finestra che si apre in Files of type scegliere Cursor Files.
Caricare l'immagine in un sito hosting non per immagini ad esempio su http://boxstr.com/ e copiare il codice dall'iframe (la finestrella) qua sotto ed incollarlo nel tag del proprio codice (sia nel blog che nel sito) all'interno del tag body ; inserire il link diretto dell'immagine caricata al posto delle xxx.
P.S. : per inserire un cursore anche nel pc (per quanto riguarda Windows), andare su Risorse del Computer>Disco Locale>Windows>Cursors ed inserire qui tutti i cursori che vogliamo; per impostarli andare su Pannello di controllo>Mouse>Puntatori>Sfoglia e scegliere i cursori che vogliamo.
Iscriviti a:
Post (Atom)
