Navigation

Toutes les catégories

Filtrer par auteur

Voir les derniers articles

Tuto Photoshop : comment créer un effet tilt shit en seulement 3 étapes ?

L’effet tilt shift (effet “maquette” en français) permet d’ajouter de la profondeur de champs sur une photographie pour donner l’impression...

Publié par Charlotte Chollat

L’effet tilt shift (effet “maquette” en français) permet d’ajouter de la profondeur de champs sur une photographie pour donner l’impression d’un monde miniature.

Autrefois utilisé sur les appareils photos argentiques, cet effet est facile à recréer sur Photoshop. Il suffit d’ajouter du flou et d’intensifier les contrastes.

1. Choisir l’image adaptée

L’effet tilt shift n’est pas adapté à toutes les images.

Pour réussir à donner une impression de maquette miniature, la photographie doit idéalement être prise en plongée (parce que lorsque vous regardez une maquette vous la regardez de haut) et posséder des éléments de grande taille (bâtiments, voitures, etc) qui ressortent en plus petit grâce à l’angle de vue.

Pour ce tutoriel, nous allons utiliser la photo suivante :

Downtown tilt shift

2. Ajouter du flou

L’effet tilt shift repose sur les zones floues : la première se trouve à l’avant de votre photo, la seconde sur la partie haute. Finalement, seule une toute petite portion de votre image doit rester nette.

Pour arriver à cet effet, ouvrez votre image dans Photoshop et rendez-vous dans le menu “Filtre”. Dans “Galerie d’effets de flou” sélectionnez “Bascule-Décentrement”.

Flou bascule et décentrement

Vous voyez apparaître différents traits sur votre image :

  • La zone de mise au point : c’est la partie nette de la photographie, elle se trouve entre les deux traits pleins
  • Les zones de transition : elles se situent entre les traits pleins et les traits en pointillés
  • Les zones de flou  : elles se situent au-dessus et en-dessous des traits en pointillés

Ajustez la position des traits pleins horizontaux en faisant en sorte que votre zone de mise au point se trouve vers le milieu de votre image. L’idée est de laisser des zones de flou suffisamment grandes.

Ajuster traits

Concernant les traits en pointillés, veillez à ce qu’ils ne soient pas trop près des traits pleins. Plus ils sont éloignés, plus la transition entre les zones floues et la zone nette se fera en douceur.

À présent, ajustez l’épaisseur du flou grâce au curseur sur votre droite ou au centre de votre image (au choix).

Ajuster épaisseur de flou

N’hésitez pas à ajuster vos traits horizontaux si besoin.

Lorsque le résultat vous convient, cochez “Qualité supérieure” pour optimiser le rendu puis validez en cliquant sur “Ok”.

Valider flou

Vous pouvez vous arrêter ici si le résultat vous semble satisfaisant, mais il est parfois nécessaire d’apporter quelques retouches à votre image pour accentuer l’effet miniature.

3. Retoucher l’image

Pour que les éléments de votre photographie semblent factices, augmentez le contraste si besoin. Pour cela, sélectionnez le calque de votre image, cliquez sur l’icône “Calque de réglage” et choisissez “Luminosité/Contraste”.

Calque de réglage contraste

Ajustez le curseur pour augmenter le contraste.

Augmenter contraste

Nous allons effectuer un dernier petit réglage. Ce n’est pas obligatoire, mais si comme nous vous avez une photographie en format portrait, nous vous conseillons de la recadrer. En réduisant les zones de flou en haut et en bas de notre image, nous allons obtenir un format plus cinématographique.

Avec l’outil de sélection, sélectionnez la zone souhaitée puis dans “Image” cliquez sur “Recadrer”.

Recadrer image

Et voilà ! Vous avez à présent une vraie scène miniature ! 🙂

Effet tilt shift

Pour vous perfectionner à l’utilisation de Photoshop, retrouvez nos autres tutoriels.

Lire la suite de l'article

Newsletter WebActus

Abonnez-vous pour recevoir notre sélection des meilleurs articles directement dans votre boîte mail.

Nous ne partagerons pas votre adresse e-mail.

Articles similaires

Graphisme

Design de landing page : le guide pour convertir

La « landing page »  – ou page d’atterrissage, en français – est la page qui apparaît, suite au clic réalisé sur un lien commercial, émanant de Google Adwords, d’un email...

Publié le par Thomas Lazzaroni
Graphisme

Guide CSS : 10 bonnes pratiques à respecter dans votre feuille de style

En tant que web designer vous êtes souvent amené à créer ou modifier un fichier CSS. Mais avec les évolutions et les mises à jour de ce...

Publié le par Charlotte Chollat