Les designs

Une image, c’est bien. Une image travaillée, c’est mieux. Sur ce site par exemple : au lieu d’affichier une série d’images autour du thème de l’environnement, j’ai choisi de créer un design élégant.

 

 

 

 

Ou encore de créer une timeline autour de laquelle s’articulent les activités mensuelles…

Les animations

Les animations permettent d’introduire votre image ou votre vidéo de manière plus douce. Elles apportent une note de fraicheur à votre site.

NB : Pour revoir les animations, vous pouvez simplement rafraichir votre page à l’aide de l’icone « Recharger » de votre navigateur : 

 

Effet de fondu

Effet de bascule

Effet de diapo

Effet de rouleau

Effet de rebondissement

Effet de pliage

Le scroll effect

Scroller est l’action que vous réalisez haque fois que vous montez ou descendez sur votre page, soit avec les flèches de direction ou avec la barre de défilement. Les effets de scroll sont donc liés à ce mouvement vers la haut ou le bas… Il suffit donc de monter ou descendre pour profiter du scroll effect.

Ces effets peuvent permettre de créer de très jolis effets d’animation et donnent vie à une scène. Je vous présente ici un scroll effect très simple mais gardez à l’esprit que ces effets sont souvent très longs, complexes à réaliser et donc coûteux.

Simple non ? Alors… Champagne !

 

L’effet parallaxe

L’effet parallaxe crée un décalage de défilement entre le fond et l’avant-plan (texte ou image). Les divers éléments qui composent l’image se déplacent différemment : l’un reste fixe, l’autre non. Le visuel est souvent surprenant. Pour donner une « image », imaginez que vous voyez la scène à partir d’un drône que vous feriez mnter ou descendre…

 

 

  

                     Viva la Viva !

 

 

  

Promenons-nous dans les bois

Pendant que le loup n’y est pas

Si le loup y était Il nous mangerait.

Mais comme il n’y est pas Il nous mangera pas.

D’après la contine pour enfants

« Loup, y es-tu ? »

Les filtres

Les filtes permettent de jouer avec les couleurs, la lumière, le contraste… Toujours surprenants, ces effets nous transportent dans des univers très personnels.

 

Images orignales (sans effets)

Effets de teinte

Effets de saturation

Effets de luminosité

 

Effet d’inversion

Effet sépia

Effet résumé (flou)

Les bordures et les ombres

Les filtes permettent de jouer avec les couleurs, la lumière, le contraste… Toujours surprenants, ces effets nous transportent dans des univers très personnels.