Skip to main content
Esquisse vieux papier

Effet d’esquisse sur vieux papier

Dans cet article, je reprends l’idée d’afficher une image sous forme d’esquisse comme je l’avais fait ici. Cette fois-ci, au lieu d’une toile blanche en guise de support, j’utilise plusieurs fonds d’écran pour donner un aspect « vieux papier ». Cela permet d’obtenir une présentation avec un rendu moins moderne.

Les styles sont disponibles suivant 7 configurations. Chacune de ces configurations se décline suivant 6 fonds d’écran différents.

Chaque configuration présente une animation avec tout d’abord l’image s’affichant sous forme d’esquisse, puis l’image complète apparaît avec un effet de transition.

La transition d’entrée des styles est un mouvement de déroulement d’une page. Cette transition me semble être bien adaptée aux styles, car elle accentue l’effet de vieux parchemin.

Dans la suite de l’article, je décris comment changer le fond d’écran, la couleur de l’encre, le renforcement de l’effet d’esquisse ou encore les effets d’apparition de l’image (esquisse ou image d’origine).

Les sept configurations constituant les styles sont les suivantes :

  • Image en format 3/2
  • image en format 3/2 avec une orientation portrait
  • Image en format 3/2 avec une bordure
  • Image en format 16/9
  • Image en format 16/9 avec une bordure
  • Image sur traces de peinture
  • Image en plein écran (optimisé pour écran 16/9)

 

Commander sur la boutique

 

Un exemple des 7 configurations avec les différents fonds d’écran « vieux papier » est présenté dans l’aperçu vidéo ci-dessous :

 

Changer le fond d’écran

Pour l’ensemble des styles j’ai choisi des fonds d’écran type « vieux papier ». Vous pouvez facilement en changer afin de personnaliser le rendu de l’animation.

  • Sur une vue, appliquer un style de la catégorie (DS) Sketch on old paper
  • Ouvrir l’éditeur avec le bouton Objets et animation
  • Sélectionner l’image de l’objet Old paper (dans mon exemple ci-dessous il s’agit de l’image old paper 02 – repère 1)
  • Choisir une nouvelle image de fond disponible sur votre ordinateur (repère 2).
Changer l'image de fond
Changer l’image de fond

 

Changer la couleur de l’encre

La couleur de l’encre du tracé de l’esquisse peut être changée à votre convenance.

  • Sur une vue, appliquer un style de la catégorie (DS) Sketch on old paper
  • Ouvrir l’éditeur avec le bouton Objets et animation
  • Sélectionner l’objet Ink color (repère 1)
  • Cliquer sur l’échantillon de couleur de l’onglet propriétés (repère 2)
  • Dans la fenêtre Choix de la couleur, sélectionner une nouvelle couleur et valider avec le bouton Ok (repère 3).
Changer la couleur de l'encre
Changer la couleur de l’encre

 

Renforcer l’effet d’esquisse

Lorsque les contrastes d’une image ne sont pas très marqués, il peut être utile de renforcer l’effet d’esquisse en accentuant les contours. Cela permet, dans une certaine mesure, de faire apparaître un plus grand nombre de détails dans l’esquisse.

  • Sur une vue, appliquer un style de la catégorie (DS) Sketch on old paper
  • Ouvrir l’éditeur avec le bouton Objets et animation
  • Sélectionner l’image placée juste au-dessus de l’objet Ink color (repère 1)
  • Dans la fenêtre des propriétés de l’animation de l’image, diminuer la luminosité afin d’accentuer sensiblement les contours de l’image (repère 2).
Renforcer l'effet d'esquisse
Renforcer l’effet d’esquisse

 

Modifier les effets d’apparition de l’image

Les effets d’apparition de l’esquisse et de l’image complète en couleur sont réalisés en utilisant un masque à effet de seuil. Le fonctionnement d’un masque à effet de seuil est décrit dans cet article.

  • Sur une vue, appliquer un style de la catégorie (DS) Sketch on old paper
  • Ouvrir l’éditeur avec le bouton Objets et animation
  • Sélectionner l’image contenue dans l’objet Pattern Mask (repère 1). Les styles contiennent une animation pour l’apparition de l’esquisse et une autre animation pour l’apparition de l’image complète couleur. Chaque effet d’animation peut être modifié.
  • Choisir une nouvelle image en nuances de gris disponible sur votre ordinateur (repère 2). L’instant de l’apparition de l’image finale est directement lié au niveau de gris du modèle utilisé.
Changer l'effet d'apparition de l'esquisse
Changer l’effet d’apparition de l’esquisse

 

Changer l'effet d'apparition de l'image
Changer l’effet d’apparition de l’image

 

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.