Come creare l'effetto ombra secondo l'URL / l'immagine qui sotto? In particolare, l'ombra arrotondata / curva nella parte inferiore:
Come creare l'effetto ombra secondo l'URL / l'immagine qui sotto? In particolare, l'ombra arrotondata / curva nella parte inferiore:
Risposte:
Sospetto che la curva su quell'ombra possa essere una sorta di illusione ottica. Come spiega @lawndartcatcher nella sua risposta, l'aspetto curvo può essere ottenuto facendo cadere l'intensità (o l'opacità) dell'ombra verso entrambe le estremità.
Ecco uno sguardo passo passo a quel processo.
Ecco il mio livello superiore:
Di seguito aggiungo un'ombra morbida di base (ho usato una selezione sfumata per crearla):
Ora ecco la parte che dà l'aspetto curvo. Schermo questo gradiente sopra il livello dell'ombra:
E ottengo questo risultato:
Mettere tutto insieme dà qualcosa che penso corrisponda strettamente al tuo riferimento:
Ecco uno sguardo ai miei livelli finali in Photoshop CS3:
NOTA: ho usato un gradiente con il suo metodo di fusione impostato su schermo per creare la riduzione dell'intensità dell'ombra. Mentre questo rende una buona dimostrazione visiva, funziona davvero solo quando hai a che fare con uno sfondo bianco. Per applicare la stessa tenique a casi con colori di sfondo diversi, si desidera applicare la sfumatura come maschera di livello al livello ombra.
Sembra un cerchio estremamente allungato con una piuma 2 o 3px per me ... non un gradiente o una vera ombra.
livello 1
layer2 (tendone circolare con piuma 2px e anti-alias su riempito con nero. Opacità livello impostata su 25%)
Entrambi gli strati combinati.
Il mio esempio ha richiesto solo 3 minuti per essere costruito. Potresti definire elaborato utilizzando una grande gomma per opacità al 10% con un bordo morbido per aiutare a sbiadire di più i bordi esterni (ad esempio) sul livello 2. O usando un grigio caldo per riempire il cerchio rispetto al nero - tutto dipende da voi.
1) Crea un gradiente che abbia le aree "meno profonde" (non tanto di un'ombra discendente) con valori di opacità più bassi.
2) Applicalo su una maschera rettangolare o su un'area selezionata su uno strato fluttuante (usa una selezione rettangolare per selezionare una porzione). Assicurati che ci sia dello spazio "vuoto" sotto di esso per l'ombra esterna.
3) Fai doppio clic sul livello mobile che contiene il gradiente per visualizzare il menu Stili. Applica un'ombra discendente al livello (dovrai giocherellare un po 'con esso per portarlo dove vuoi).
4) È possibile creare un altro livello sopra il livello originale, richiamare la sfumatura originale e rendere tutti i punti di colore opachi al 100%. Riapplicalo al nuovo livello per sovrapporre il gradiente originale. In questo modo avrai un gradiente opaco al 100% (in alto) con un livello di opacità variabile / ombra esterna sotto di esso.
Divertiti un po 'con le impostazioni; alla fine otterrai qualcosa che ti piace.
Se esaminiamo le ombre degli oggetti sollevati nel mezzo, possiamo vedere che la loro sfocatura dell'ombra avanza più è sollevata ed è più nitida, più l'oggetto tocca il suo terreno.
Quindi l'ombra più realistica di un oggetto che sembra essere sollevato nel mezzo dovrebbe essere fatta in questo modo:
Nota: è possibile apportare ulteriori modifiche per renderlo ancora migliore distorcendo il quadrato (stop n. 2) in modo che la parte centrale si estenda al di sotto del livello originale.
Questo creerà l'effetto ombra più realistico che puoi vedere di seguito su questa immagine (fai clic per un'anteprima del 100%). L'ombra con diversi punti di forza viene applicata tre volte
controlla questo tutorial e segui lo stesso e otterrai sicuramente l'effetto.
http://designreviver.com/articles/better-drop-shadows-in-photoshop/