Formations web et création graphique - Pub sur un Iceberg

Fermer



Connexion

Pub sur un Iceberg

Nous réviserons ici l'image mapping (ou dispersion) ainsi que la Transformation sur Photoshop. Nous verrons pour voir une astuce sur les objets dynamiques qui vous ouvrira probablement de nouvelles perspectives.

 

dispersion et transformation : tuto photoshop par didier mazier

Ce n'est pas très écolo, mais il vous faut deux images : un iceberg et un logo. j'ai pris un Coca en russe. J'espère qu'ils ne me feront pas de procès…

dispersion et transformation : tuto photoshop par didier mazier

Avec l'outil déplacement activé cliquez sur l'image et déplacez la vers l'onglet de l'iceberg. Quant il s'éclaire, relâchez.

dispersion et transformation : tuto photoshop par didier mazier

Si vous avez appuyé sur majuscule pendant cette opération, votre image de logo sera placé au milieu de l'image.

dispersion et transformation : tuto photoshop par didier mazier

Faites Ctrl (Pc) ou Commande (Mac) +T pour activer la transformation. Réduisez le logo à la taille voulue pour pouvoir le plaquer sur l'iceberg.

dispersion et transformation : tuto photoshop par didier mazier

En cliquant sur Alt votre curseur change pour une flèche creuse qui permet d'agir séparément sur les 4 coins. Cela vous permet de définir une fuyante de perspective assez rapidement.

dispersion et transformation : tuto photoshop par didier mazier

Pour préparer l'image qui servira à la dispersion, il vous faut dupliquer le calque de l'iceberg. Sélectionnez-le et choisissez Dupliquer dans le menu Image.

dispersion et transformation : tuto photoshop par didier mazier

Passez-l'image dupliquée en niveaux de gris. (Image > mode > Niveaux de gris). Activez les niveaux (ou les courbes si vous préférez, et augmentez le contraste.

Enregistrez cette image au format Photoshop (.psd).

dispersion et transformation : tuto photoshop par didier mazier

Revenez sur le calque du logo et choisissez le filtre Dispersion.

dispersion et transformation : tuto photoshop par didier mazier

Si votre image n'a pas une très importante définition, réduisez le nombre de pixels des échelles horizontales et verticales.

dispersion et transformation : tuto photoshop par didier mazier

Quand vous cliquez sur OK on vous demande de choisir l'image qui servira de référence pour la dispersion. choisissez l'image enregistrée précédemment.

dispersion et transformation : tuto photoshop par didier mazier

Maintenant votre logo se gondole en épousant les formes déterminées par les ombres et les lumières de l'image de référence. Choisissez le mode produit pour le calque.

dispersion et transformation : tuto photoshop par didier mazier

Bon mais si vous étiez malins, vous remarqueriez que pour être totalement réaliste il faut gérer le reflet dans les eaux glacées de l'arctique.

Voici comment faire. Revenez à l'étape de la perspective (avec la palette historique). Dupliquez le calque du logo et appliquez-lui une transformation de symétrie.

Attention : Adobe n'a pas la même conception des axes que nous! Je vous laisse galèrer avec le choix crucial Horizontal ou Vertical pour arriver au résultat ci-dessous. C'est après que cela devient intéressant de toutes façons.

dispersion et transformation : tuto photoshop par didier mazier

Sélectionnez les deux calques dans la palette et choisissez Convertir pour les filtres dynamiques dans le menu Filtre.

dispersion et transformation : tuto photoshop par didier mazier

Vous remarquez que par miracle il n'y a plus qu'un seul calque. Et c'est ça qui est génial : plus besoin de dupliquer, d'aplatir etc.

dispersion et transformation : tuto photoshop par didier mazier

Il suffira de cliquer sur la vignette de l'objet dynamique pour l'ouvrir avec ses deux calques que vous pourrez éditer à loisir de façon non destructive.

dispersion et transformation : tuto photoshop par didier mazier

Par exemple assombrissez le calque de dessous avec la méthode de votre choix, les niveaux sont très bien pour ça, inutile d'aller vous compliquer l'existence.

dispersion  et transformation : tuto photoshop par didier mazier

Refermez l'objet dynamique en enregistrant les modifications.

Vous avez maintenant le reflet assombri comme il convient.

dispersion et transformation : tuto photoshop par didier mazier

Appliquez la dispersion selon la même méthode décrite plus haut et c'est fini!

dispersion et transformation : tuto photoshop par didier mazier

Voici une pub sur un iceberg, un coca sur le glaçon en quelque sorte.

dispersion et transformation : tuto photoshop par didier mazier

Bises