Tutorial: creare una userbar
Oggi inauguriamo questa nuova sezione che raccoglierà le (poche) guide stile tutorial che scriverò a riguardo di argomenti inerenti al sito. Quello odierno è collegato ad un altro articolo pubblicato qualche tempo fa e spiega come creare da zero con l’ausilio di Photoshop una userbar con un breve procedimento dettagliato ma semplice.
Prima di cominciare faccio presente che questa guida dà per scontate alcune conoscenze di base dell’utilizzo di Photoshop. Se non siete abituati ad usarlo, fate riferimento alla guida in linea del programma. Detto questo, come esempio base di questo tutorial, senza eccessiva fantasia, creeremo una userbar dedicata a Webwards. Ritengo corretto precisare che questo tutorial è frutto di conoscenze acquisite dalla lettura di altre guide simili (linkate in basso) in lingua inglese. Veniamo ora alla creazione della userbar. Prima di tutto, creiamo un nuovo documento di larghezza 350 pixel e altezza 19 pixel (impostare il resto delle opzioni come in figura).
Ora selezioniamo due colori (in questo caso quelli del sito, ovvero le due tonalità di arancione) e creiamo una sfumatura riflessa bal basso verso l’alto.
Per un risultato migliore, conviene sempre che il colore più scuro stia nella parte inferiore e quello chiaro nella parte superiore, come in figura. Ma questo non è un limite tassativo: molte userbar vengono create con sfumature anche orizzontali.
Per aggiungere le linee diagonali, è necessario creare un nuovo documento di larghezza e altezza pari a 3 pixel. Dopo aver zoomato fino al 1600%, si selezionano 3 quadrati in diagonale (ognuno di dimensioni 1×1 pixel) e li si colorano di nero, fino a ottenere il risultato della prossima figura.
Ora, per evitare di rimpire a mano l’area della userbar con questo motivo, andiamo su Modifica > Definisci pattern e assegnamo un nome a piacere al pattern appena creato. Fatto questo, torniamo al documento della userbar e creiamo un nuovo livello. Per riempirlo, facciamo Selezione > Tutto (Ctrl+A) quindi Modifica > Riempi e scegliamo il pattern appena creato. Regoliamo l’opacità di questo livello al 30-40%.
Adesso è il momento di aggiungere il logo sulla parte sinistra della userbar. Scegliamo quindi l’immagine desiderata (solitamente dev’essere abbastanza grande in modo che solo una piccola porzione sia visualizzata) e la incolliamo sulla userbar in un nuovo livello. Se vogliamo dare un effetto 3D, possiamo aggiungere un’ombra esterna all’immagine nelle Opzioni di fusione.
Ora aggiungiamo le scritte. Utilizzeremo come font il Visitor TT2 (BRK), dimensione 13 pixel, anti-alias nullo e colore bianco. Per aggiungere il bordo nero, nell’elenco dei livelli, cliccare con il tasto destro sul livello della scritta, scegliere Opzioni di fusione > Traccia e impostare colore nero, dimensione 1 pixel e posizione Esterno. Si ottiene il seguente risultato.
Il prossimo passaggio ci consente di aggiungere un effetto tridimensionale alla userbar. Per fare questo, creiamo un nuovo livello, e con il tool della seleziona ellittica, selezioniamo la porzione superiore (circa a metà) della userbar per poi colorarla di bianco. Settiamo un’opacità di 20-25% e il risultato sarà il seguente.
Ora non resta che aggiungere il bordo della userbar: Selezione > Tutto (Ctrl+A), quindi Modifica > Traccia, impostando le dimensioni ad 1 pixel, colore nero e posizione Interno. E il gioco è fatto.
Fonti: sito 1, sito 2
Links: Visitor TT2 (BRK), articolo sulle userbar
(15 voti, media: 5 su 5)
Loading ...
bella guida mi metto subito a provare
bravi bella guida, sono riuscito a creare la mia userbar, che ne dite?
Ciao Pietro!
bella la tua userbar, anche se io avrei fatto le righe diagonali un po’ piu’ opache in modo che risalti meglio il nome del sito
cmq bella!
/n.
grazie del suggerimento nico, provo e vedo che riesco a fare!
Si. Tutorial molto bello.
poi ho provato a farne una animata con imageready, è venuta bene….
ma non riesco a esportarla in gif…
mi spieghereste come si fa pls?
grazie in anticipo
ciao
se intendi esportare quella animata la soluzione più semplice è creare i diversi fotogrammi che compongono l’animazione e poi unirli usando programmi some Easy GIF Animator!
/n.
io non riesco a farla animata, dov’è un tutorial per questo?
ciao car.
In italiano non credo ce ne siano, ma in inglese ce ne sono diversi, per esempio su questo sito
http://www.userbars.com/userbartutorials.php
in alternativa esiste questo sito che permette di creare userbar animate in modo automatico
http://userbarmaker.com
ciao
/n.
Personalmente mi sono trovato malissimo. Apprezzo il tuo impegno,ma nella guida non fai altro che dire “fai questo,poi fai quello,poi quell’altro…”
Eh grazie,ma se è una guida si presuppone che sia indirizzata soprattutto ad utenti inesperti. Più che dire “cosa” fare dovresti spiegare esattamente “come” farlo…mi sembra che tu dia per scontato troppe cose in questa guida…
PS:la mia vuole essere una critica costruttiva,nulla più…
Ciao BirraMedia.
Apprezzo le tue critiche costruttive, del resto servono a migliorare.
Devi pero’ considerare che questo tutorial spiega come creare una userbar, non come usare le basi di Photoshop che si danno per scontate. Molto sinceramente, mi sembra di essere stato molto dettagliato nella guida, specificando passo dopo passo ogni azione da compiere, i tasti da premere, come muovere il mouse. L’ausilio delle tante immagini dovrebbe chiarire gli eventuali dubbi residui.
Se pero’ l’utente che segue il tutorial deficita delle conoscenze di base per poterlo seguire (e per “basi” intendo veramente capacità assolutamente elementari) è logico che diventi difficile.
Quello che ti consiglio è di leggerti bene la guida in linea di Photoshop che spiega dettagliatamente tutte le operazioni che sono elencate in questa guida che, ripeto, non ha come scopo quello di insegnare le basi dell’utilizzo di questo programma.
Se posso esserti di aiuto, indicami con precisione ler parti che non ti sono risultate comprensibili in modo che posso aiutarti in modo diretto.
saluti.
/n.
In effetti non hai tutti i torti…allora il mio consiglio potrebbe essere quello di inserire una postilla ad inizio guida con scritto qualcosa del tipo “questa guida presuppone una conoscenza di base di photoshop”…io mi sono sentito non poco frustato perchè con il PC sono sempre stato autodidatta e ho sempre risolto tutto da solo (consultando vari forum ovviamente)…e quando leggendo questa guida non sono riuscito a concludere nulla sono rimasto alquanto perplesso.Ammetto però che ho installato oggi per la prima volta photoshop,quindi pensandoci bene il problema deriva dalla mia NON conoscenza di questo programma piuttosto che dalla tua guida.Mi scuso pertanto per quanto scritto poco fa.
Amici
Si, hai ragione, dovrei specificarlo all’inizio dell’articolo, per completezza. Ora modifico l’articolo aggiungendo una riga per segnalare questa cosa.
ciao!
/n.
scusa mi puoi spiegare come hai creato la userbar cn l’animazione
Ciao 3vo.
prima crei i vari fotogrammi dell’animazione e li salvi come immagini singole. dopodichè crei un’animazione con un programma apposito (per per esempio easy gif animator) inserendo come fotogrammi le immagini precedentemente create.
ciao
/n.
Quindi bisogna creare un file .gif ?
Esattamente. L’animazione verrà salvare in GIF mentre i singoli fotogrammi creati preventivamente posso essere salvati in JPEG o GIF, a seconda della presenza o meno di sfumature e della qualità che si vuole ottenere (con un occhio anche al peso in termini di kb).
/n.
Ciao a tutti, faccio i compliementi per il Tutorial, lo trovo molto utile semplice da realizzare, forse anche grazie al fatto che ci siano delle immagini nella guida. Io non sono un grande esperto del PothoShop, lo uso occasionalmente e devo dire che leggendo tante guide propio sulle UserBar e ti posso dire che la tua è stata quella meglio realizzata.
Complimenti ancora !
Ciao Smith, grazie davvero per i complimenti. Volevo solo aggiungere, per correttezza, che parte del merito va agli autori delle guide da cui ho preso spunto per creare questa.
Mi fa piacere che questo tutorial ti sia stato d’aiuto.
saluti!
/n.
Niente figurati, e poi prendere spunto da altre guide non è una buona cosa visto che molti tutorial non li ho capito per niente ! tu magari hai appreso qualcosa da loro per poi riformulare tutto in un contesto più semplice ma dal risultato identico.
Ho già creato tre Userbar e non sono venute malissimo
Una cosa che non mi dispiace è di non aver usato la Font Visitor TT2 (BRK) adesso lo scaricata e voglio metterla subito in pratica.
Accesso consigli e critiche, ci mancherebbe… ahh una cosa volevo chiederti Nico, ma anche agli altri utenti conoscete qualche tutorial per animare le immagini con imageready ? grazie a tutti ciao ! se volete contattarmi con MSN il mio contatto è fabiuzzo90 [at] yahoo.it
belle le userbar smith, anche se io avrei usato un font piu’ piccolo e soprattutto senza anti-alias! un’altra cosa secondo me da rivedere è il numero di linee diagonali: sembrano troppo poco frequenti
per la userbar animata con image ready ti consiglio questo bel tutorial in italiano!
ciao
/n.
Ciao Nico, a cosa è dovuto io fatto che le linee si ripetono poco frequentemente ? in effetti sono meno frequenti .. ma non capisco perche’ il pattern che ho usato è lo stesso.
ciao
Grazie per il link
Effettivamente è strano. Se hai seguito il procedimento dovrebbe venire come la mia userbar. Prova magari a ripetere il procedimento per quella fase. L’unica spiegazione che riesco a immaginarmi è che il quadratino di base del pattern sia grande più di 3 pixel per lato. Altrimenti è molto strano.
/n.
Ciao Nico, ho capito perchè le diagonali sono diverse, come hai detto tu il pattern non è 3 px, infatti io lo scaricato da un forums e non è lo stesso.
Adesso proverò con linee diagonali più strette.
Poi volevo proporre una mia tecnica, forse già applicata da qualcuno comunque ve la dico. Provate a applicare le linee diagonali sull’immagine ! non viene malissimo
Ciao a tutti ! ciao nico…
Ok, il mio sospetto era fondato. Comunque non è una cattiva idea quella di mettere le righe diagonali anche sopra l’imagine
ciao
/n.
Aiuto: io ho impostato un carattere troppo alto un po’ di tempo fa ed ora quando metto grandezza n° 13 mi viene ura roba enorme!!!
Come si fa? Imposto uno più basso?
e poi come si imposta l’anti alias? Sono alle prime armi col photoshop…
è questo il codice per far vedere le immagini?
Grazie, ragazzi!! Ho risolto tutto, tranne quella dell’anti-alias, ma non sembra dare molti problemi… per l’opacità ho dovuto impostare 49% però perchè si vedesse bene la differenza
Ciao Terabyte, vedendo l’immagine ti vorrei dare un consiglio.
La selezione ellittica falla più allargata che parte quasi dal centro! ti ho fatto uno screen di esempio
link
Per l’anti-aliasing guarda questa immagine, l’AA e’ segnato col verde anche qui ti h fatto uno screen di esempio
link
Quando fai le userbar impostalo su “Nesuno” senza AA e miraccomando sul box dei livelli, vai su opzioni di fusione, sul livello de testo, traccia, fai il bordo 1px e di colore nero.
Ciao
ciao smith e grazie, ora ho risolto tutto, e per la selezione elittica ho letto ora e inizierò a farlo dalla prossima. grazie mille
Ora sono riuscito a farle anche animate… ecco la mia prima, che in realtà è solo la prima perfetta
Molto carina.. complimenti
per farle animate devo usare per forza image ready?
ciao dodo92.
basta usare un qualsiasi programma di grafica che sia in grado di creare animazioni. ce ne sono parecchi. per esempio easy gif animator è uno dei migliori.
/n.
Perfetto grazie mille :)! Quindi prima faccio le barre “morte” e poi le metto insieme con un qualsiasi programma di grafica, Active gif creator va bene?? grazie mille :)!
si, va bene. tu prima crei i vari fotogrammi dell’animazione con photoshop e poi li unisci usando Active GIF Creator per creare il file animato in formato GIF. ciao.
/n.
perfetto grazie mille, sei fantastico :)!
hehe anche tu qui dodo!! mi stanno arrivando tutti i tuoi commenti in diretta!!!! Mostraci le tue!
Terabyte come sei riuscito a farla animata?
ke procedura e ke prg hai usato?
ciao fdc, bastava che leggessi i commenti precedenti!
per animare le userbar basta che usi image ready dopo aver letto questo tutorial!
ciao
/n.
Ehehe Tera :D! Adesso ne sto facendo una ma è in fase di lavorazione ;)!
Nico ho aggiunto questo link, nel modulo Web Links del mio sito
Va bene, grazie! ciao
/n.
ragazzi… io ho paint shop pro in inglese… Noin riesco a mettere le linee verticali! me lo spiegate?
Ciao Yarko.
questo tutorial si riferisce a photoshop e non a paint shop pro. non so esattamente come sia ma presumo che il procedimento sia analogo.
a questo indirizzo trovi un tutorial per paint shop pro
http://www.deviantart.com/view/27886574/
saluti
/n.
ottima guida! complimenti…
ecco cosa ho realizzato:
che ve ne pare?
Ciao
Purtroppo la tua userbars non si vede…
Io ho creato un sito di userbars net.supereva.it/userbars
Ditemi se vi piace.
azz… è vero nn si vede…
scrivo il link diretto, se volete poi andatelo a vedere… ciao!
http://stexe.altervista.org/img/sf_administrator.gif
Bella complimenti
grazie!!
(p.s.) ho visto il tuo sito e le userbars che avete creato… davvero belle!
cmq se vuoi inserisci il tuo sito nella topsite del mio portale.. ciaooo!!
bellino il sito sulle userbar, Terabyte!
Stexe benvenuto! purtroppo io continuo a non vedere la userbar! se vuoi ripostarla fa pure che correggo il link precedente
saluti
/n.
Ciao! Anch’io vorrei creare una userbar ma non ho photoshop, bensì paint shop pro. Ho provato a seguire comunque le indicazioni fino a un certo punto ma non sono riuscita a creare il pattern! So che non è la stessa cosa ma ci sarebbe qualcuno in grado di aiutarmi?
Ciao Ilaria, benvenuta.
purtroppo come detto in precedenza, l’unica soluzione è fare riferimento alla guida interna di paint shop pro o a qualche tutorial che potete cercare tramite google. per curiosità, visto che sei già la seconda che usa paint shop pro e che si blocca al pattern, cosa di preciso è diverso?
/n.
Io proprio non riesco a trovare questo punto:
>Ora, per evitare di rimpire a mano l’area della userbar con questo motivo, andiamo su Modifica > Definisci pattern e assegnamo un nome a piacere al pattern appena creato.
Tuttavia non sono motlo affidabile, ho appena incominciato con la grafica.
Dunque io Paint Shop Pro non ce l’ho nemmeno. ma cercando su google ho trovato che in PSP per creare un pattern bisogna salvarlo come un file .pspimage e in seguito aprilo e inserirlo in un layer. maggiori info qui. Non credo di poter essere di maggiore aiuto. ciao.
/n.
ecco qui la mia userbar….
che ne dite?????
Ciao Spike, benvenuto!
bella la tua userbar! oltretutto calcola che anche io tifo bianconero e quindi è doppiamente gradita!
ho corretto il tuo post e cancellato quello senza immagine..
saluti
/n.
salve raga ho fatto la mia userbar ma mi sto scervellando perchè non so applicare il bordo……io faccio cos’:
finito di fare il lavoro faccio un nuovo livello, poi
Seleziona -> Tutto
Modifica -> (”stroke” nn so ke vuol dire xke io ho la versione inglese) e metto 1Pxl colore nero e se metto dentro, o fuori non mi fà il bordo….mi sapete aiutare???
“stroke” significa “tratto” e su photoshop si usa per fare il bordo degli oggetti selezionati. se tu applichi il bordo ad un livello su cui non c’è nulla è normale che non si veda. prova a selezionare tutto senza aggiungere un nuovo livello a lavoro terminato. in alternativa, crea un nuovo livello tutto bianco, tra le opzioni del livello scegli moltiplica (cosi’ non si vede), e applica il bordo interno. in questi due modi dovrebbe vedersi!
/n.
Io uso paint shop pro 9 e ho usato il tutorial consigliato qui sopra.
I miei risultati:
non si vedono le immagini… O__O vabbeh…
Ciao Dagachan. Se vuoi puoi semplicemente inserire l’URL della tua userbar e poi la trasformo io in immagine
ciao
/n.
Prova ad usare il codice che scrivo sotto (Levando gli asterischi)
Provo se funzia (Si dovrebbe vedere una userbar)
Niente da fare
Ragazzi, inserite semplicemente l’URL dell’immagine e ci penso io!
non funziona in nessun altro modo!! ciao
/n.
Ho capito! Ecco:
PS: ne ho fatte altre sull’altro computer e mi sono anche uscite meglio(qui mi sa che ho usato un font poco adatto…)
Si, la scelta della font non è delle più felici, in effetti. Ma non sono male
/n.
io ne ho creata una animata
l ho trasformata in file .gif solo che nn riesco a hostarla
help
puoi hostarla su qualsiasi servizio gratuito di image hosting, per esempio imageshack.us. ciao
/n.
si ho gia provato però nn funziona eppure faccio “sfoglia”, metto l’immagine chiamata roxas.gif faccio host it ma nn mi carica niente
hai controllato che il peso in kb della tua userbar non sia eccessivo?
/n.
pesa 721 kb va bene?
no, è decisamente troppo. fa conto che non dovrebbe superare i 200kb, ma proprio al massimo. prova a cercare di comprimere meglio le immagini dei diversi fotogrammi o di eliminarne alcuni, in modo da ridurre il peso complessivo dell’animazione.
/n.
se magari cerchi in rete esiste qualche programmino per renderle più piccole… se trovo ti faccio un fischio
passami l’immagine per mail và così la carico dal mio sito. la mia mail:
gabrycir@hotmail.it
ok mo te la invio
Ecco qui la userbar di Roxas:
mmmm… non la carica. eppure ho schiacciato img…
ecco il linc comunque
http://web.tiscali.it/sitodigabriele/roxas/roxas.gif
si lasciamo solo il link se no poi la pagina divernta pesante da caricare!
/n.
sn riuscito a hostarla
nn la faccio0 vedere visto che c’è gia il link
roxas skusa se ci ho messo un po’ ma la mail l’ho vista il giorno dopo
scusate , mi potreste dare un link gratuito x scaricare phothoshop in ITA? il mio è in inglese
Ciao AIAgIx, la versione trial credo che sia solamente in inglese. Prova a controllare se è possibile cambiare la lingua direttamente in fase di installazione, o magari trale opzioni del programma stesso!
/n.
esistono le patch che da la adobe che cambiano la lingua ma photoshop deve essere originale
ah .. , grazie cmq
Non sapevo esistessero delle patch per la lingua. Grazie per l’info, Terabyte!
/n.
Salve…e per creare barre con scritte animate?
Ciao Gracon.
Leggi i commenti precedenti, se ne è già parlato. Comunque in sostanza si tratta di creare i diversi fotogrammi che costituiscono l’animazione con photoshop e quindi di creare l’animazione vera e propria usando software apposito (per esempio easy gif animator, o altri).
Se hai qualche dubbio particolare, sono a tua disposizione!
/n.
You can find more than 6000 quality userbars on http://www.userbars.be
Ma tu guarda questo spammone ! Ciao Nico, ogni tanto ti passo a trovare.. hehe ciao ciao !
Gracon se vuoi puoi fare anche una cosa + facile con imageready, sposti il livello testo nel fotogramma 1 dove deve partire, e poi metti un altro fotogramma, lo sposti alla fine del percorso e fai il tweening
Ciao Smith!
Comunque, Terabyte ha ragione, ottima idea
/n.
BELLISSIMA STA GUIDA!!!
Guardate la mia userbar:
Ah, ecco l’indirizzo:
http://img184.imageshack.us/img184/835/userbarae3.png
Ciao roberto, grazie per i complimenti. bella la tua userbar!
/n.
ciao sono alberto scusate ma io ho photosthop in inglese e non so dove trovare il tool “seleziona” mi potreste dire dove lo trovo per favore, grazie …..
scusate “seleziona ellittica”
Ecco l’aggiornamento della mia userbar:
http://img54.imageshack.us/img54/7539/copiakm7.png
E questa è un’altra che ho creato:
http://img158.imageshack.us/img158/1049/userbarinterty0.png
P.S Veramente bellissima la guida!
@ Albi:
Ciao Albi.
Lo strumento selezione Ellittica è il primo pulsante. E’ a forma di quadrato e per farlo diventare a cerchio cliccaci con il tasto destro sopra e seleziona il cerchio.
Spero di esserti stato d’aiuto
Ciao.
scusa la mia ignoranza ,è il primo pulsante sulla tavolozza ?(cioè dove c’è il lazo magnetico, ecc…)
Guarda l’immagine e capirai
http://img405.imageshack.us/img405/4095/immagineae1.jpg
Grazie Roberto per il tuo prezioso aiuto!
/n.
Prego
P.S: Guardate la mia prima userbar animata:
http://img232.imageshack.us/img232/8132/conanfanzj5.gif
Ciaooo
Ne segnalo un’altra ancora
http://img55.imageshack.us/img55/3670/isuserzl2.gif
Che ne dite? Vi piacciono?
molto belle! bravo!
/n.
Grazie
Se non la trovo su Internet ne devo fare un’altra
Eccola
:mrgreen: 
http://img403.imageshack.us/img403/9440/photoshop70usernt1.gif
Questa è l’ultima che faccio per oggi…
Ciao
Buona notte
:lol: 
o mi vado a riposare che sò stanco
ecco la mia userbar grazie m ille dell’aituo che mi avete dato
http://www.creanick.it/user/albitalenvini/userbar1.jpg
eccola la userbar
io in questi mesi ho abbandonato un po’ le userbars per dedicarmi alla grafica 3d. sono anche bravissimo con blender, un programma gratis
http://www.blender.org
scusate se spammo un po XD
Interessante quel programma, devo provarlo!
/n.
Complimenti Albi! Bella Userbar…
Mi spiegate una cosa??
Quando faccio una userbar animata, le immagini vanno a tratti… Ecco un esempio:
Userbar che non si muove a tratti(non è mia):
http://www.pietropaschino.com/temaforum/avatars/pietropaschino.gi...
Userbar che si muove a tratti (mia)
http://img55.imageshack.us/img55/3670/isuserzl2.gif
Come fate a farla muovere bene??
Grazie!
la tua si muove a scatti perchè ha meno frame. non a casa la tua userbar pesa 6 volte di meno rispetto all’altra. se tu aumenti il numero di frame (ossia il numero di fotogrammi di cui l’animazione è composta) scorrerà piu’ fluida, ma ovviamente avrà un peso decisamente maggiore.
/n.
Capisco…
Ora provo
Ecco le tre userbar aggiornate
http://img227.imageshack.us/img227/6823/conanfanbv5.gi
http://img402.imageshack.us/img402/9899/isuserek7.gif
http://img77.imageshack.us/img77/4633/photoshop70userzy7.gif
Ditemi cosa ne pensate…
Sono piccole solo 20 kb nonostante abbiano ben 20 fotogrammi
Ecco il link corretto della prima:
http://img227.imageshack.us/img227/6823/conanfanbv5.gif
molto belle, e pesano anche relativamente poco! ottimo lavoro!
/n.
Grazie
Non è merito mio ma è merito di questa guida!!!
Complimenti
Comunque voglio segnalare che l’ora che porta il vostro server e sbagliata.. Per esempio ora sono le 13.01 invece il server segna le 13.56…
Boh
Eh lo so, ogni tanto è sfasato.. non so perchè..
/n.
Raga mi spiegate come faccio a farla andare su e giù come questa:
Non ci risco proprio
Ops questa:
http://www.pietropaschino.com/temaforum/avatars/pietropaschino.gi...
beh, non è difficile. basta che crei prima l’animazione dell’immagine che sale e poi ripeti il procedimento e fai l’immagine che scende. ovviamente il tutto farà aumentare il peso della userbar, visto che i fotogrammi saranno almeno il doppio!
/n.
Ho capito… Beh, cmq vanno bene così, no?
cosi’ come?
/n.
Salve a tutti,complimenti per la guida,ho un problema non ho proprio capito come si fa ad aggiungere l’immagine nella userbar,io uso Photoshop CS3……..qualcuno può aiutarmi,grazie
Scusate se non vi ho risposto cmq mi sto riempiendo di userbar animate!
Qui un esempio:
http://img231.imageshack.us/img231/7264/userbarislr4.gif
Bye
P.S: vi dico ancora bella guida!!!!!
@ Axelf: Ti consigli di disinstallarlo il CS3 perché può importare ed esportare solo immagini in JPG. Più che altro ti consiglio di installarti il 7.0, che è moklto migliore.
Saluti. Robertol
Dimenticavo di dirrti che il JPG non supporta la trasparenza, quindi non puoi fare immagini trasparenti.
chissà xké… 
Un’altr cosa: Non puoi farle manco animate, perfché on ha Image Ready invece il 7.0 ha tutto
Cmq Nico la guida per fare le userbar animate con image ready e’ stata cancellata
Bye Bye
Grazie,quindi è migliore il 7.0………neanche il CS2 andrebbe bene?
Non so dirti.. Comunque ti consiglio sempre il 7.0 che è in italiano e funziona a meraviglia
Comunque l’avevo provato una volta il cs2 e non mi è piacuto molto..
Bye bye
Grazie,proverò…………..mi dispiace un pò per il cs3 era anche in italiano
Anche il 7 è in italiano
Ragazzi un’altra cosa immagini di 20kb nn ne trovo sono tt stratosferiche……..come le comprimo se è possibile?Grazie
Ho creato oggi la mia prima userbar,eccola qua
che ve ne pare?
forse non si vede,eccovi il link
vi piace?
Ciao, al testo, applica l’antialias netto e poi fai, sul livello del testo, opzioni di fusione, e seleziona traccia, regola la dimensione a 1 px e imposta il colore nero.
Ciao.
Io ho comprato il cs2 usato un bel po’ di mesi fa e sono soddisfattissimo, è il migliore per le userbar, poichè ci sono tutte le opzioni, cose che nel 7.0 di certo non ci sono
Ciao ascolta nn riesco a capire come aggiungere il file Visitor TT2 (BRK) dentro a photoshop…mi spiegate come si fa?
come si fa l’anti-alias? non sono molto pratico di photoshop
Ragazzi help!!Non riesco ad inserire l’immagine,quanto deve essere grande,dove la posso trovare???
Ciao a tutti! Queste sono le mie userbar… Io comunque per crearle uso Un UserBar Generator della AmitySource… è molto semplice!
Che ne pensate?
Sacred,Silence and Sleep..
Scusate ma è normale che nn si vedono? °_°
MMah…
Ciao, devi pubblicare il link, non l’immagine con i tag [IMG]!
Ciao
@Schio: basta che installi il font nella cartella C:\Windows\Fonts e comparirà anche in Photoshop!
@Alfa-kun: l’anti-alias è una delle opzioni delle scritte su photoshop, controlla e l atroverai
@axelf: quale immagine intendi? O_O
Hei Nico sei ritornato, eri scomparso
Hehehe sisi, non mi ero nemmeno accorto di tutti quei messaggi non risposti :S
/n.
@Nico………ho risolto grazie……ditemi se vi piace
http://img116.imageshack.us/my.php?image=userbargtafy2.png
Bravo. Però clicca sul livello del testo con il tasto destro, fai Opzioni di Fusione e seleziona traccia, regolala a 1 px e di colore nero.
Poi il bianco con il bianco non si intona tanto
Comunque bella la userbar, sai anche a me piace GTA!
@axelf: si, niente male. come dice roberto devi fare la scrittina nera e bianca, non bianca e bianca
/n.
dovete spiegarmi una cosa…con photoshop,si possono fare le linee diagonali come quelle fatte cn userbars maker? intendo più larghe,con più spazio tra una e l’altra.
certo, basta che crei un pattern diverso, come serve a te.
/n.
grazie della guida devo dire ke mi sn trovato bene pur avendo installato ora la mia userbar cmq per trasformarla in formato JPEG?
Ciao Ale, benvenuto. per trasformarla in JPG basta che léa salvi in quel formato usando Photoshop (Salva con nome.. o Salva per web..)
/n.
e come devo crearlo x farlo più largo? nn sn molto pratico
semplicemente l’immagine di base del pattern la fai piu’ grande (il doppio ad esempio) e colori i quadrati in nero mantenendoli piu’ lontani gli uni dagli altri!
/n.
ecco una user bar col nuovo pattern
vi piace?
[…] WebWard.net TutorialWeb.org M3xVV GiambiZone Forum […]
ciao, ho scaricato delle userbar ma non so come fare per installarle al posto di quella classica di xp… qualcuno può aiutarmi?
ciao.
??? le userbar non si installano ma sono immagini da inserire nelle firme sui forum. forse ti confondi con la toolbar di windows xp. saluti.
/n.
potrebbe essere… sono andato su un sito e ho scaricato delle toolbar, se fosse quale è la procedura per installarle? grazie
la procedura non te la saprei dire perchè non ho mai installato un toolbar. chiedi assistenza al sito da cui le hai scaricate, oppure cerca sui motori di ricerca. sicuramente troverai qualcosa. a presto.
/n.
Ciao Nico ottimo tutorial ti devo chiedere una cosa come faccio ad usare il font che c è nel link della guida?
ciao JackieBoy! per usare il font basta che lo scarichi, lo scompatti, lo inserisci nella cartella C:\WINDOWS\Fonts e sei a posto
/n.
Grazie mille per aver risposto subito
Salve a tutti, da quanto tempo
scusate, ma, anche se ho capito tutte le istruzioni, potreste mettere anche quelle in inglese? io non mi capisco molto, purtroppo…
grazie in anticipo
ciao erebor, qua trovi una guida in italiano con i comandi in inglese.
/n.
Grazie, Nico, grazie ancora, ci proverò
Ciao!! senti….io ho 1 problema, ho seguito tutto ma mi sono bloccata subito dopo aver messo la mia scritta…cioè quando dici di kilccare opazioni di fusione!! Io utilizzo PS Elements,ma non riesco assolutamente a trovare niente del genere, e lasciare la mia scritta così mi disp veramente tanto! non è ke mi puoi aiutare?
cmq il tuo tutorial è bellissimo e l’ho trovato molto semplice anche se sono ancora alle prima armi! ^^
ciao alice, devi usare photoshop non elements
/n.
Ecco la mia:
http://img111.imageshack.us/my.php?image=userbarbydanieleyu4.jpg
Grazie per il tutorial!!!
*
http://img111.imageshack.us/img111/5315/userbarbydanieleyu4.jpg
bella!
/n.
Ciao niko,
trovo quest guida molto esudiente ma ho un piccolo problema.
hai presente il punto in cui bisogna definire il pattern? quando vado a selezionarlo mi dice “warning: no pixels are more than 50 % selected.
the selection edges will not be visible.
ed è per questo che non riesco a salvare un pattern da mettere poi nela barra.
ciao!
probabilmente sbagli a selezionare i quadratini.. prova di nuovo zoomando bene
/n.
può dipendere dal fatto che quando metto i quadratini devo cliccarci + volte perchè mi viene fuori un nero sbiadito?
come faccio a mettere un nero completo altrimenti?
lascia perdere quello che ti ho detto nell’ultimo messaggio ho risolto, ma mi dice sempre quando seleziono la figura che non sarà visibile :(, ho provato + volte a selezionare i quadratini ma niente..
mmm ma riesci ad ottenere l’immagine a quadratini come nella figura del tutorial? cioè in che punto di preciso ti dà quell’errore?
/n.
si la ottengo dopo bisogna selezionarla giusto?
no..! la selezioni per creare i quadratini neri, poi togli la selezione e salvi il pattern! altrimenti, se ho capito bene, tu cerchi di salvare come pattern solo la selezione (cioè i quadratini che hai colorato in nero), mentre il pattern dev’essere tutto il quadrato (quindi comprensivo anche della porzione trasparente, oltre che di quella colorata in nero).
/n.
comunque l’errore viene fuori quando seleziono l’immaggine per salvarla come pattern
ok ora provo
Ciao Nico da quanto tempo!
P.S.: Nicola, ma che url è “http://cmqelerroremivienedatoquando […] torialmaalorononsuccedequestosoloame../”?
Bye!
ciao roberto, bentornato
/n.
niente tu mi hai detto di selezionarla fare i quadratini neri , togliere la selezione e salvare giusto?
ma quando la vado a selezionare mi dicec sempre la stessa cosa
La tua guida mi è stata ancora utile
Anzi, non utile, utilissima
Ciao!
ma non capisco… se hai creato i quadratini neri dov’è il problema? una volta che li hai creati, salva il pattern e prosegui
/n.
si ma poi quando vado a prendere il pattern non me lo ritrovo salvato lo , c’è solo uno spazio bianco
hai