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.

Read Users' Comments ( 0 )

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

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):

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

<div style="position:absolute; border:0px; margin-left:0px; top:0px; left:0px; z-index: 1000;"><br /> <img border="0" src="xxx" width="143" height="143" title="qui scrivi il nome del tuo blog o quello che vuoi" /></div>

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.

Read Users' Comments ( 3 )

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.

style='cursor:url(xxx), auto; '

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.

Read Users' Comments ( 1 )

Ultimamente, mi sono imbattuta in diversi codici, tags, per cui non era possibile visualizzarne gli effetti in Mozilla Firefox, ovvero questo era possibile solo riguardo il broswer Internet Explorer (non ho mai provato riguardo gli altri broswer); riporto qui alcuni codici, tags da modificare affinchè possano essere visualizzati sia in FF che in IE:

il cursore:
sia per un sito che per un blog, per essere visualizzato in FF, deve essere aggiunta la parola auto nel tag body, per cui deve risultare così:

attributo alt:

affinchè questa finestrella descrittiva per immagini, links, ecc., possa visualizzarsi anche FF, questo tag deve essere cambiato in title.

sfondo fisso:
per far si che lo sfondo rimanga fermo e che scorrano solo le scritte, basta copiare ed incollare questa proprietà all'interno del tag body:

style=”background-attachment:fixed;”

midi-player:
copiare il codice sottostante ed incollarlo in un nuovo elemento HTML/Javascript del blog; caricare il file .mid che vogliamo su di un sito hosting (non Altervista che non permette link al di fuori) ed inserire il link del midi caricato dove indicato nel codice .

<embed width="185" src="METTI QUI IL TUO FILEMIDI" autostart="True" loop="True" height="15"></embed><br /> <br /> <noembed>Il tuo browser non supporta il tag embed per questo motivo che non senti alcuna musica</noembed>

Il tuo browser non supporta il tag embed per questo motivo che non senti alcuna musica

Read Users' Comments ( 0 )

Programma utilizzato: Corel Paint Shop Pro X

Aprire un nuovo file raster 640x240 pixel, con il colore dello sfondo bianco.

Per lavorare con precisione, sulla Barra dei menù cliccare su Visualizza>Righelli.

Per questa scritta conviene utilizzare il font Arial Narrow (dimensione: 150 px) perchè ha margini lisci ed è piuttosto corposo; “ingrandire” il font impostando come stile carattere: Accentuato, ovvero bold (B) ed aggiungendo la Larghezza pennellata dello stesso colore della Proprietà sfondo e riempimento in questo caso la larghezza pennellata è stata impostata a 10; colore: Nero

Digitare il tasto delle maiuscole sulla tastiera.

Per facilitare subito la centratura della scritta, con lo

strumento

Testo scrivere la lettera centrale H, seguendo le coordinate x:320 y:120 sul righello e sulla barra delle impostazioni scegliere l'allineamento al centro; la coordinata x è rappresentata dal righello orizzontale, mentre la coordinata y è rappresentata dal righello verticale (notare la barra in basso).

Cliccare sullo

strumento

Puntatore

Posizionarsi sulla lettera finchè appaiano le 4 frecce e cliccare leggermente sulla lettera con il tasto sinistro del mouse, (facendo attenzione a cliccare sul mouse senza muoverlo altrimenti la lettera viene spostata), che verrà in questo modo deselezionata.

Scrivere adesso la J sulle coordinate x:255 y:120 e deselezionarla allo stesso modo della H; Infine scrivere la S sulle coordinate x:380 y:120 e deselezionarla sempre con il solito sistema.

Nella Tavolozza Livelli selezionare il livello della H, ovvero il primo livello che abbiamo creato.

Andare su Immagine>Immagine negativa; la lettera risulterà bianca; tornare nella Tavolozza Livelli e spostare il livello della H sopra tutti gli altri livelli quindi scegliere come modalità di miscelatura: Differenza.

Livelli>Unisci>Unisci visibile

Read Users' Comments ( 0 )

Programma utilizzato: Corel Paint Shop Pro X

Aprire un file 350 x 20 px con il colore di sfondo che vogliamo per la nostra usebar.

Cliccare sullo

strumento

Testo e scegliere come un pixel font, in questo caso BitDustOne con antialias: Disattivato; crea come: Mobile; nella tavolozza materiali scegliere come colore di primo piano trasparente e colore di sfondo bianco.

Applica.

Selezione>Innalza selezione a livello.

Selezione>Modifica>Espandi ed impostare 1 px

Nella tavolozza materiali impostare come colore di primo piano il nero.

Scegliere un pennello quadrato di dimensione 20, durezza 100 e Modalità di miscelatura: dipingi dietro.

Passare il pennello su tutta la scritta.

Selezione>Deseleziona

Spostare la scritta verso destra.

Aggiungere un'immagine sulla sinistra.

Livello>Nuovo livello Raster

Nella tavolozza materiali impostare il motivo Angolo:0; Scala:100

In questo nuovo livello va "versato" con lo

strumento

Riempimento il motivo della riga da scaricare qui

Nella tavolozza dei livelli scegliere la modalità di miscelatura: Sovrapponi. Questo livello deve essere spostato sotto il livello che contiene l'immagine a sinistra.

Immagine>Aggiungi bordatura (colore nero; simmetriche)

Scegliere il pennello da scaricare qui
Per salvare un pennello in formato .png andare su File>Esporta>Pennello personalizzato

Impostare come colore di primo piano il bianco.

Posizionarlo ad 1px dal lato sinistro e 0px dal lato in alto (il bianco in altro deve coprire la bordatura nera)



Ecco il risultato:

Read Users' Comments ( 0 )

Programma utilizzato: Corel Paint Shop Pro X



Aprire l'immagine su cui si vuole realizzare l'effetto dither.





Copiarla ed incollarla come nuova immagine.



Andare su Immagine>Riduci profondità colore>Tavolozza a 2 colori





Copiarla ed incollarla sull'altra immagine non modificata.



Impostare su 25 la trasparenza.





Livello>unisci>unisci tutto.





Tutorial riportato da: http://wishable.net/PSPgrudgydots.php

Read Users' Comments ( 0 )

Programma usato: Corel Paint Shop Pro X



Aprire l'immagine da utilizzare ed un nuovo file con sfondo raster, poco più grande dell'immagine.





Impostare lo

strumento

selezione come in questa immagine



Selezionare intorno all'immagine come se si ritagliasse con le forbici.







Selezione>Inverti



Cliccare col tasto destro del mouse sull'immagine nella tavolozza dei livelli e nella finestra che si apre cliccare su Innalza livello di sfondo.



Sulla tastiera digitare Canc



Selezione>Deseleziona



Copiare l'immagine ed incollarla nel file vuoto.



Livelli>Duplica



Impostare lo

strumento

selezione bacchetta magica come nell'immagine:



CTRL + F



Selezione>Modifica>Espandi (numero di pixel: 2)



Impostare nella tavolozza materiali come colore di primo piano il bianco; scegliere lo

strumento

Riempimento con modalità corrispondenza: Nessuno.



Cliccare sull'immagine che nella tavolozza dei livelli diventerà tutta bianca.



Selezione>Deseleziona



Disattivare la visibilità del livello vuoto (Raster 1)



Andare sull'immagine in alto e su Livello>Unisci visibile



Effetti>Effetti 3D>Sfalsa Ombra con queste impostazioni:





Attivare la visibilità del livello Raster 1 e riempirlo con uno sfondo a piacere.



Livelli>Unisci>Unisci tutto (appiattisci)



Tutorial riportato da: http://farfalladisogno.altervista.org/

Read Users' Comments ( 0 )