M3T4B0L1C
22-06-2010, 05:58 PM
(Questo messaggio è stato modificato l'ultima volta il: 22-06-2010, 06:00 PM da M3T4B0L1C.)
Informazioni tutorial:
difficoltà: principiante
lunghezza lavoro: 5/10 minuti
utilità: creare un’immagine decorativa e che può anche essere utile per pubblicizzare il proprio forum/sito/blog.
Attenzione: questa è soltanto una traduzione e rielaborazione del tutorial originale creato da www.userbars.com
Prima di iniziare, hai bisogno (ovviamente) di Paint.NET installato, e di scaricare questo pack di effetti da mediafire. Una volta scaricato clicca qui per vedere il video-tutorial (audio necessario) che ti spiegherà come installare gli effetti in PDN (si aprirà una nuova pagina).
Inizia una nuova immagine andando su File>Nuovo. Crea un documento con pixel 350 di larghezza (width), 19 di altezza (height) e 72,00 di risoluzione (resolution).
![[Immagine: img_11.png?w=356&h=358]](http://gnsgraphic.files.wordpress.com/2009/10/img_11.png?w=356&h=358)
Incomincia scegliendo un colore di sfondo o un gradient (sfumatura) e scegli lo stile che preferisci (rombo, lineare, conica ecc.) e applicalo all’immagine.
![[Immagine: tut_userbar_pdn_img_2.png?w=300&h=225]](http://gnsgraphic.files.wordpress.com/2009/10/tut_userbar_pdn_img_2.png?w=300&h=225)
E’ giunto il momento di aggiungere l’effetto di riempimento! Per prima cosa seleziona lo strumento linea/curva. Dopodichè imposta come larghezza del pennello 30. Ora modifica il tipo di riempimento impostando anzichè tinta unita un effetto che vuoi, anche se ti consiglio diagonale al contrario o in avanti. Crea un nuovo layer e posizionalo sopra lo sfondo. Ora traccia una linea che copra tutta la futura userbar come da immagine. Dopodichè clicca sulle proprietà del layer da poco creato e imposta modalità moltiplicazione e opacità 35. Clicca su ok.
![[Immagine: tut_userbar_pdn_img_3.png?w=300&h=141]](http://gnsgraphic.files.wordpress.com/2009/10/tut_userbar_pdn_img_3.png?w=300&h=141)
Ora viene il bello: aggiungere l’immagine! Ho scelto come immagine il logo di paint.net per dimostrazione.
![[Immagine: logo_pdn.png?w=52&h=73]](http://gnsgraphic.files.wordpress.com/2009/10/logo_pdn.png?w=52&h=73)
Crea un nuovo layer e copia e incolla l’immagine di paint.net al suo interno. Quando incollerai l’immagine ti verrà chiesto se espandere il canvas (lo spazio dove si “lavora”) oppure tenerlo delle stesse dimensioni. Bisogna tenerlo delle stesse dimensioni. Ora, per far si che non si veda il bianco dello sfondo del logo, prendi lo strumento “bacchetta magica” (magic wand) e, impostando la tolleranza su 25%, cliccare sulla parte bianca a sinistra e a destra del logo e cliccare il tasto “canc”. Se l’immagine risulta troppo piccola basta prendere la freccetta nera, e, tenendo schiacciato “shift” (mantiene le proporzioni dell’immagine) ridimensionarla. Una volta fatto potete anche spostare il logo dove volete (di solito dal lato opposto a quello dove ci sarà la scritta, che normalmente sta a destra).
![[Immagine: tut_userbar_pdn_img_4.png?w=350&h=19]](http://gnsgraphic.files.wordpress.com/2009/10/tut_userbar_pdn_img_4.png?w=350&h=19)
Ora bisogna aggiungere il testo. Per prima cosa se vi manca bisogna scaricare il font Visitor TT2 (download qui---> http://www.dafont.com/font.php?file=visitor) e, una volta installato (quila guida per installare i font---> http://forum.wininizio.it/index.php?/top...indows-xp/), riavviare paint.net (se già aperto). Create un nuovo layer. Ora selezionate come colore (preferibilmente) il bianco, prendete lo strumento testo (o cliccate “T”) e selezionate il font Visitor TT2 (assicuratevi di avere l’antialising disattivato, si trova in riempimento, a destra) . Dal lato opposto all’immagine che avete inserito nella userbar scrivete ciò che volete (nel mio caso GNS Graphic Fan). La grandezza del testo è libera. A questo punto dovremmo essere ad una cosa del genere.
![[Immagine: tut_userbar_pdn_img_5.png?w=350&h=19]](http://gnsgraphic.files.wordpress.com/2009/10/tut_userbar_pdn_img_5.png?w=350&h=19)
Ma manca ancora qualcosa, a voi non sembra? Infatti non abbiamo ancora finito, bisogna mettere il contorno alla propia scritta. Selezioniamo il livello dove abbiamo inserito in precedenza il testo. Ora andiamo su effetti->object->outline object. Questo è uno dei nuovi effetti che si sono aggiunti con il plug-in. Impostate come da immagine (volendo potete cambiare il colore del contorno, ma per una userbar di solito si usa il nero).
![[Immagine: tut_userbar_pdn_img_6.png?w=351&h=504]](http://gnsgraphic.files.wordpress.com/2009/10/tut_userbar_pdn_img_6.png?w=351&h=504)
Abbiamo quasi finito. Ora tocca all’arco di luce! Crea un nuovo layer e posizionalo sotto il layer del testo. Prendi lo strumento Selezione Ellittica e seleziona la metà alta della userbar, come da figura. Dopodichè prendi il Secchiello e riempi la selezione di bianco.
![[Immagine: tut_userbar_pdn_img_7.png?w=352&h=20]](http://gnsgraphic.files.wordpress.com/2009/10/tut_userbar_pdn_img_7.png?w=352&h=20)
Senza deselezionare clicca su “Proprietà” del layer e imposta come opacità 50/60. Nel caso di uno sfondo scuro da un lato (ad esempio il mio è verde a sx e nero a dx) potrebbe vedersi l’arco di luce pixeloso in alcune parti. In questo caso io consiglio di selezionare o con il Lazo o con la Selezione Rettangolare la parte pixelosa e sfumarla, per non rovinare la userbar.
![[Immagine: tut_userbar_pdn_img_8.png?w=350&h=19]](http://gnsgraphic.files.wordpress.com/2009/10/tut_userbar_pdn_img_8.png?w=350&h=19)
Ultimo passo: la cornice. Crea un nuovo layer e posizionalo sopra tutti gli altri. Scegli un colore (consiglio vividamente il nero). Seleziona lo strumento linea/curva, impostando come larghezza della linea 1px. Ora traccia per i bordi la linea nera, stando attento ad andare perfettamente dritto (può aiutare lo zoom) ed a non saltare neanche un pixel.
Questo dovrebbe essere il risultato finale:
![[Immagine: tut_userbar_pdn_img_9.png?w=350&h=19]](http://gnsgraphic.files.wordpress.com/2009/10/tut_userbar_pdn_img_9.png?w=350&h=19)
>Qui! puoi scaricare il template (in .pdn, basta aprirlo e paint.net si avvia automaticamente) per capire il non capito!
beh, buon lavoro!
P.S: il tutorial è preso da un mio vecchio blog sulla grafica, per l'appunto chiamato GNS!!!
difficoltà: principiante
lunghezza lavoro: 5/10 minuti
utilità: creare un’immagine decorativa e che può anche essere utile per pubblicizzare il proprio forum/sito/blog.
Attenzione: questa è soltanto una traduzione e rielaborazione del tutorial originale creato da www.userbars.com
Prima di iniziare, hai bisogno (ovviamente) di Paint.NET installato, e di scaricare questo pack di effetti da mediafire. Una volta scaricato clicca qui per vedere il video-tutorial (audio necessario) che ti spiegherà come installare gli effetti in PDN (si aprirà una nuova pagina).
Inizia una nuova immagine andando su File>Nuovo. Crea un documento con pixel 350 di larghezza (width), 19 di altezza (height) e 72,00 di risoluzione (resolution).
Incomincia scegliendo un colore di sfondo o un gradient (sfumatura) e scegli lo stile che preferisci (rombo, lineare, conica ecc.) e applicalo all’immagine.
E’ giunto il momento di aggiungere l’effetto di riempimento! Per prima cosa seleziona lo strumento linea/curva. Dopodichè imposta come larghezza del pennello 30. Ora modifica il tipo di riempimento impostando anzichè tinta unita un effetto che vuoi, anche se ti consiglio diagonale al contrario o in avanti. Crea un nuovo layer e posizionalo sopra lo sfondo. Ora traccia una linea che copra tutta la futura userbar come da immagine. Dopodichè clicca sulle proprietà del layer da poco creato e imposta modalità moltiplicazione e opacità 35. Clicca su ok.
Ora viene il bello: aggiungere l’immagine! Ho scelto come immagine il logo di paint.net per dimostrazione.
Crea un nuovo layer e copia e incolla l’immagine di paint.net al suo interno. Quando incollerai l’immagine ti verrà chiesto se espandere il canvas (lo spazio dove si “lavora”) oppure tenerlo delle stesse dimensioni. Bisogna tenerlo delle stesse dimensioni. Ora, per far si che non si veda il bianco dello sfondo del logo, prendi lo strumento “bacchetta magica” (magic wand) e, impostando la tolleranza su 25%, cliccare sulla parte bianca a sinistra e a destra del logo e cliccare il tasto “canc”. Se l’immagine risulta troppo piccola basta prendere la freccetta nera, e, tenendo schiacciato “shift” (mantiene le proporzioni dell’immagine) ridimensionarla. Una volta fatto potete anche spostare il logo dove volete (di solito dal lato opposto a quello dove ci sarà la scritta, che normalmente sta a destra).
Ora bisogna aggiungere il testo. Per prima cosa se vi manca bisogna scaricare il font Visitor TT2 (download qui---> http://www.dafont.com/font.php?file=visitor) e, una volta installato (quila guida per installare i font---> http://forum.wininizio.it/index.php?/top...indows-xp/), riavviare paint.net (se già aperto). Create un nuovo layer. Ora selezionate come colore (preferibilmente) il bianco, prendete lo strumento testo (o cliccate “T”) e selezionate il font Visitor TT2 (assicuratevi di avere l’antialising disattivato, si trova in riempimento, a destra) . Dal lato opposto all’immagine che avete inserito nella userbar scrivete ciò che volete (nel mio caso GNS Graphic Fan). La grandezza del testo è libera. A questo punto dovremmo essere ad una cosa del genere.
Ma manca ancora qualcosa, a voi non sembra? Infatti non abbiamo ancora finito, bisogna mettere il contorno alla propia scritta. Selezioniamo il livello dove abbiamo inserito in precedenza il testo. Ora andiamo su effetti->object->outline object. Questo è uno dei nuovi effetti che si sono aggiunti con il plug-in. Impostate come da immagine (volendo potete cambiare il colore del contorno, ma per una userbar di solito si usa il nero).
Abbiamo quasi finito. Ora tocca all’arco di luce! Crea un nuovo layer e posizionalo sotto il layer del testo. Prendi lo strumento Selezione Ellittica e seleziona la metà alta della userbar, come da figura. Dopodichè prendi il Secchiello e riempi la selezione di bianco.
Senza deselezionare clicca su “Proprietà” del layer e imposta come opacità 50/60. Nel caso di uno sfondo scuro da un lato (ad esempio il mio è verde a sx e nero a dx) potrebbe vedersi l’arco di luce pixeloso in alcune parti. In questo caso io consiglio di selezionare o con il Lazo o con la Selezione Rettangolare la parte pixelosa e sfumarla, per non rovinare la userbar.
Ultimo passo: la cornice. Crea un nuovo layer e posizionalo sopra tutti gli altri. Scegli un colore (consiglio vividamente il nero). Seleziona lo strumento linea/curva, impostando come larghezza della linea 1px. Ora traccia per i bordi la linea nera, stando attento ad andare perfettamente dritto (può aiutare lo zoom) ed a non saltare neanche un pixel.
Questo dovrebbe essere il risultato finale:
>Qui! puoi scaricare il template (in .pdn, basta aprirlo e paint.net si avvia automaticamente) per capire il non capito!
beh, buon lavoro!
P.S: il tutorial è preso da un mio vecchio blog sulla grafica, per l'appunto chiamato GNS!!!
