Ombre incurvée Photoshop


10

Comment créer l'effet d'ombre selon l'url / l'image ci-dessous? Plus précisément, l'ombre arrondie / incurvée en bas:

http://www.broadcom.com/images/template/bg_header.png


Je ne pense pas que l'ombre soit réellement courbée. Cependant, courber une ombre comme ça pour faire ressembler quelque chose à une bosse au centre est un effet commun. Il est obtenu en séparant l'effet d'ombre dans son propre calque, en dupliquant le calque et en réduisant le remplissage à 0, et en ne laissant que l'effet d'ombre actif avant de pixelliser le calque en le fusionnant avec un calque vierge. Maintenant, soudainement, vous avez une ombre portée tramée, dans son propre calque séparé, prête à être utilisée avec votre outil de gomme, votre marque ou tout ce que vous choisissez.
Eric

Réponses:


12

Je soupçonne que la courbe sur cette ombre pourrait être une sorte d'illusion d'optique. Comme l' explique @lawndartcatcher dans sa réponse, l'aspect incurvé peut être obtenu en faisant chuter l'intensité (ou l'opacité) de l'ombre vers l'une ou l'autre extrémité.

Voici un aperçu étape par étape de ce processus.

Voici ma couche supérieure: Couche supérieure

En dessous, j'ajoute une ombre douce de base (j'ai utilisé une sélection à plumes pour le faire): Ombre de base

Voici maintenant la partie qui donne l'aspect incurvé. Je passe ce dégradé sur la couche d'ombre: Dégradé réfléchi

Et j'obtiens ce résultat: Ombre incurvée

Le regroupement donne quelque chose qui, je pense, correspond étroitement à votre référence: Résultat final

Voici un aperçu de mes calques finaux dans Photoshop CS3:

Couches

[Télécharger le fichier PSD]


REMARQUE: J'ai utilisé un dégradé avec son mode de fusion réglé sur écran pour créer la diminution d'intensité de l'ombre. Bien que cela fasse une bonne démonstration visuelle, cela ne fonctionne vraiment que lorsque vous avez affaire à un fond blanc. Pour appliquer le même principe aux cas avec des couleurs d'arrière-plan différentes, vous souhaitez appliquer le dégradé en tant que masque de calque au calque d'ombre.


@Sean ... cela vous dérangerait de mettre le fichier PSD en téléchargement?
Hristo

@Hristo - lien de téléchargement de fichier ajouté
Sean

C'est exactement l'ombre affichée dans l'image en question. Pas la meilleure ombre mais semble assez bien.
Robert Koritnik

8

Cela ressemble à un cercle extrêmement étiré avec une plume de 2 ou 3 pixels pour moi ... pas du tout un dégradé ou une véritable ombre portée.

couche 1 couche 1

layer2 (cercle chapiteau avec plume 2px et anti-alias sur rempli avec du noir. Opacité du calque définie sur 25%) entrez la description de l'image ici

Les deux couches combinées. entrez la description de l'image ici

Mon exemple n'a pris que 3 minutes à construire. Vous pouvez définir des détails en utilisant une grande gomme à opacité de 10% avec un bord doux pour aider à estomper davantage les bords extérieurs (par exemple) sur le calque 2. Ou en utilisant un gris chaud pour remplir le cercle par opposition au noir - c'est tout pour vous.


Pour rendre l'ombre encore plus réaliste, vous devez créer un canal alpha avec un dégradé noir sur les côtés et blanc au centre, puis utilisez plutôt le flou de l'objectif . Cela rendra l'ombre plus réaliste ba flou visuellement plus au milieu (car il semble que l'objet est rasé plus au centre que sur les côtés) et presque pas de flou sur les bords (l'objet se couche)
Robert Koritnik

3

1) Créez un dégradé dont les zones sont "moins profondes" (pas autant d'ombre portée) avec des valeurs d'opacité plus faibles.
2) Appliquez cela à un masque rectangulaire ou à une zone sélectionnée sur une couche flottante (utilisez un rectangle de sélection rectangulaire pour sélectionner une partie). Assurez-vous qu'il y a un espace "vide" en dessous pour l'ombre portée.
3) Double-cliquez sur le calque flottant qui contient votre dégradé pour afficher le menu Styles. Appliquez une ombre portée sur le calque (vous devrez en jouer un peu pour le placer où vous le souhaitez).
4) Vous pouvez créer un autre calque au-dessus du calque d'origine, afficher votre dégradé d'origine et rendre tous les points de couleur 100% opaques. Réappliquez cela au nouveau calque pour superposer le dégradé d'origine. De cette façon, vous aurez un dégradé 100% opaque (en haut) avec un calque d'opacité variable / ombre portée en dessous.

Jouez un peu avec les paramètres; vous obtiendrez finalement quelque chose que vous aimez.


0

Si nous examinons les ombres des objets soulevés au milieu, nous pouvons voir que leur flou d'ombre progresse plus il est soulevé et est plus net plus l'objet touche son sol.

Donc, l'ombre la plus réaliste d'un objet qui semble être soulevé au milieu devrait se faire de cette façon:

  1. copiez votre calque avec le carré qui a besoin d'une ombre
  2. remplissez-le de noir (ou de toute autre couleur d'ombre appropriée
  3. créer un filtre Alpha avec un dégradé (noir sur les côtés, blanc au milieu)
  4. revenez à votre calque d'ombre et sélectionnez Filtre> Flou> Flou de l'objectif
  5. une boîte de dialogue s'ouvrira où vous pourrez sélectionner votre canal alpha
  6. sélectionner le niveau de flou approprié et confirmer

Remarque: des ajustements supplémentaires peuvent être effectués pour le rendre encore meilleur en déformant le carré (arrêt n ° 2) de sorte que la partie centrale se prolonge sous le calque d'origine.

Cela créera l'effet d'ombre le plus réaliste qui peut être vu ci-dessous sur cette image (cliquez pour un aperçu à 100%). L'ombre avec des forces différentes est appliquée trois fois

  • bande supérieure et
  • objet en forme de ruban central qui semble également avoir courbé / retourné le bord inférieur.

Ombre la plus réaliste


salut, cela peut sembler stupide, mais pouvez-vous publier une capture d'écran sur ces étapes que vous dites? Merci!
CheeseCake

0

Qu'en est-il d'un simple: Filtres → Ombre et lumière → Effet Xach?

Ou un Filtres fantaisie → Décor → Ajouter un biseau?


En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.