Pagina 1 di 1

[Photoshop] Immagine con angoli smussati

MessaggioInviato: mer ago 31, 2005 9:30 am
da Diablo
Salve a tutti dovrei realizzare un'immagine come questa usata su MegaLab come sfondo per le tabelle. Mi piacerebbe fare un'immagine simile per il mio sito ma non ci riesco [devil] ! In pratica faccio così:

1) File - Nuovo - Come dimensioni metto 0,4cm larghezza e 0,7cm altezza.

2) visulizza - adatta allo schermo (sennò non si vede un bel niente :D)

3) poi seleziono il rettangolo arrotondato, cerco di occpuare più spazio possibile così la posso usare come sfondo alle celle.

4) dò l'effetto sfumatura - ed elimino lo sfondo così da ottenere la trasparenza. (ho provato anche l'effetto "smusso interno")

L'immagine che ottengo però non ha gli angoli smussati come quella di MegaLab anzi ce li ha retti! [sedia]

MessaggioInviato: mer ago 31, 2005 9:37 am
da Diablo
ho notato ora che usate 3 immagini per dare l'effetto. Quelle laterali come siete riusciti a farle? [cry]

MessaggioInviato: mer ago 31, 2005 9:53 am
da M@ttia
Guarda sul mio sito http://bergomi.altervista.org sotto "Tabelle" che trovi un po´ di esempi e puoi scaricare i files... [^]

MessaggioInviato: mer ago 31, 2005 10:08 am
da Mr.TFM
Sorry per l'OT...
Cacchio che sito!
Bellissssssimo M@t! Era un po' che non ci andavo...... Belle soprattutto le icone!

MessaggioInviato: mer ago 31, 2005 10:09 am
da Diablo
interessante ma come le hai fatte? Con photoshop? Il punto è che vorrei impararle a fare visto che sono molto utili [8D]

p.s:non volevo finire ot anche io comunque è davvero spettacolare lo script che hai messo sul logo! [8D]

MessaggioInviato: mer ago 31, 2005 2:00 pm
da Rancid
magari, visto come si evolve la giornata, ho capito male io, ma vuoi fare una cosa del genere?

MessaggioInviato: mer ago 31, 2005 7:39 pm
da Diablo
si vorrei fare esattamente quello naturalmente un po' più piccolo. Però ho visto che su MegaLab si utilizzano tre immagini anziché una come hai fatto tu. Questo perché la tabelle non hanno sempre dimensioni standard quindi se possibile vorrei sapere come smussare gli angoli come queste immagini:

Riempimento sinistra

Riempimento destra

Riempimento centrale

Ora è più chiaro? Comunque in linea di massima vorrei sapere come si fa quello che hai fatto tu [8D]

MessaggioInviato: mer ago 31, 2005 11:06 pm
da Krusty
Prova a vedere se questa tutorial ti può essere utile:

http://www.graphiczoneonline.it/tutorials/tutorials/pulsanti/bottoneweb10/bottoneweb10.html

se poi guardi sul sito troverai parecchie cose interessanti

ciao

MessaggioInviato: mer ago 31, 2005 11:36 pm
da domenico127
Ciao Diablo, credo non ci sia bisogno che vai ad imbatterti nei canali seguendo quel tutorial, perché essendo un fedele amico di photoshop ( [:-D] ) ho provato a fare l'immagine con gli angoli, e procedendo molto semplicemente, quindi utilizzando lo strumento Rettangolo Arrotondato l'ho fatto. Eccolo:

http://domenico127.altervista.org/smusso.gif


P.S. Naturalmente lo sfondo qui appare bianco ma è trasparente.

Sappi comunque, che tutti i title back sono spezzettati in varie parti, e ugnuno occupa un posto ben preciso, quindi nelle tabelle, devi creare delle celle pronte ad ospitarli. Nella prova che ho fatto (per farti capire un po') l'ho lasciato intero.

P.S. puoi sempre prendere spunto da quel tutorial se vuoi intraprendere un percorso più elaborato. [;)][/url]

MessaggioInviato: gio set 01, 2005 9:39 am
da M@ttia
Ciao, beh no nn sono tutte mie, alcune sono prese da temi di phpbb, comunque se vuoi te ne mando una con tanto di codice php x farle dinamicamente così poi quando vuoi inserire la tabella nella pagina (come nel mio sito) fai solo

Codice: Seleziona tutto
<?php ApriTabella2(Titolo, larghezza) ?> CONTENUTO <?php ChiudiTabella() ?>


Se ti interessa dimmelo che ti passo un esempio coi files (il php l´ho fatto io quindi posso ridistribuirlo ocme mi pare...) [^]

MessaggioInviato: gio set 01, 2005 11:54 am
da Diablo
grazie a tutti ma mi ha fatto vedere tutto rancid attraverso vnc [8D] comunque mi sto vedendo il tutorial ed è davvero interessante! Grazie Krusty.

Ancora un grazie a tutti [^]

MessaggioInviato: gio set 01, 2005 1:03 pm
da Krusty
prova a vedere anche questa....

http://www.photoshopcafe.com/tutorials/round%20glassy%20buttons/round%20glassy%20buttons.htm

ottieni + o - lo stesso effetto però senza usare i canali.

Unico inconveniente: è in inglese, ma per un web surfer non dovrebbe essere un problema! [arist]

MessaggioInviato: gio set 01, 2005 1:04 pm
da Krusty
ops....ho postato 2 volte lo stesso messaggio (per errore).........non so come si fa a cancellare il II (cioè questa).

Si invoca l'aiuto di un moderatore! [:I]

MessaggioInviato: gio set 01, 2005 1:43 pm
da Rancid
Volendo per theGIMPc'è un plugin che crea atuomaticamente bottoni e barre aqua style http://www.lefinnois.net/aquabou.html

MessaggioInviato: gio set 01, 2005 1:49 pm
da domenico127
[OT]odio The Gimp [:(!] [/OT]

Ok Diablo. Ciauz.

MessaggioInviato: gio set 01, 2005 7:16 pm
da Diablo
domenico127 ha scritto:[OT]odio The Gimp [:(!] [/OT]

Ok Diablo. Ciauz.

grazie anche a te ovviamente [:I]

MessaggioInviato: gio set 01, 2005 9:38 pm
da Diablo
ok ho seguito il tutorial mi è venuta un'immagine non male! Però mi serve a poco se non risolvo questo problema. Scusate se ve la linko solo che è un po' urgente [cry+]