Photoshop: Aqua vs Gloss

Lunedì 22 Gennaio 2007 - 12:35

di Alessandro Fulciniti

Web Design

Gli effetti aqua e gloss
sono tra i più usati per bottoni, navigazione e widget in
applicazioni software e siti web. Cosa li differenzia?
Sostanzialmente l’effetto aqua (manca la “c” non per un errore di
grammatica o di battitura, ma perchè il termine si scrive così in
inglese) rende un elemento trasparente, mentre l’effetto gloss
lo rende lucido. L’effetto aqua poi
è noto e usato da tempo, mentre l’effetto gloss è un po’ più
moderno ed è entrato alla ribalta in siti tipicamente Web 2.0.

Distinguere un bottone con effetto aqua da uno con effetto gloss
(a volte detto anche glossy) non è semplice, ma ci sono alcune
caratteristiche che li contraddistinguono. Tipicamente l’effetto aqua
dà riflessi, gradienti e ombre più morbidi, mentre l’effetto gloss
ha gradienti sottili, zone di luce più estese, magari non orizzontali o
dritte, e sfumature quasi nette.

Come si dice in inglese… a picture’s worth a thousand words:
un’immagine vale mille parole.. ecco quindi uno screenshot in cui spero
di poter rendere l’idea dei due effetti a confronto:

effetto aqua e gloss

Dopo questa premessa, veniamo ai tutorial per creare questi due effetti
in Photoshop. Eccone alcuni per l’effetto aqua:

Ecco invece altri per creare l’effetto gloss:

Già che si parla di bottoni ed effetti, due tutorial che non sono riuscito a collocare, ma decisamente
notevoli sono Design your iPhone widget
e Jelly remake. Buona lettura…e soprattutto buon divertimento!

Tags:

Categoria: Web Design | Permalink

Commenti

1

ne approfitto per chiedere se qualcuno conosce tutorial analoghi per Gimp.. Devo ancora capire se è davvero possibile sostituire gimp a photoshop se si lavora solo sulla grafica per il web (bottoni, sfondi, header…).

# - postato da davide - 22 Gennaio 2007 - 14:54

2

Io sono più per il gloss, mi da come un aria più elegante…

# - postato da Pugia - 22 Gennaio 2007 - 15:12

3

Entrambi gli stili sono belli ed eleganti, ma forse il glossy è più morbido e giocoso.

@davide:
io ho sempre usato photoshop, leggevo tempo fa che potenzialmente lo può sostituire per alcune cose del web, ma che per la stampa non ci sono paragoni :) Personalmente dopo una brutta esperienza di UX :) e di confusione negli effetti e nelle relative interfacce mi sono convinto ad usare photoshop, che in particolare dalla versione CS2 (e la CS3 da quanto sto vedendo - a parte qualche bug consistente - sarà un degno seguito), è veramente comoda da usare.

# - postato da Simone Onofri - 22 Gennaio 2007 - 23:59

4

Adoro entrambi gli stili, cmq molto utili i tutorial :-)

Gimp è un’ottimo programma, ma è anni luce distante da photoshop IMHO

# - postato da Alessio Michelini - 23 Gennaio 2007 - 09:17

5

Io prediligo lo stile gloss, ma anche l’aqua non è per niente male… Per quanto riguarda la questione sollevata da davide circa photoshop e gimp, sono pienamente daccordo con alessio michelini: purtroppo gimp è ancora molto ma molto lontano da photoshop, e credo proprio che nemmeno per fare grafica per il web sia possibile sostituirlo a photoshop…

# - postato da Orazio Cannavò - 01 Febbraio 2007 - 12:12

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento