Suite à une discussion avec mes confrères de CelluleKraft, je me suis dit qu’il était temps de tester la réalité augmentée, on est dans un domaine ou il faut être sans cesse en veille technologique, et la réalité augmentée… c’est l’avenir, on n’y coupera pas ! Si le terme de « réalité augmentée » est nouveau pour vous, vous allez voir qu’il s’agit de l’incrustation en temps réel de données dans une vidéo, permettant une interactivité d’un genre nouveau… En pratique, le logiciel a besoin d’un « marqueur » (ici un logo), qu’il utilise pour recréer un espace de coordonnées 3D à l’image issue de la webcam.
Livemesh! v.1, – dévelopé par Akta – ne permet pas encore l’application de textures, mais c’est assez prometteur.

La vidéo ci dessous devrait être assez parlante !


facebook share Réalité augmentée

Je connaissais Scribbler depuis quelques années déjà, ce petit programme de dessin en ligne, programmé en flash permet de générer des tracés mathématiquement, d’après un dessin fait directement su le site, à la main. On dessine, on clique sur un bouton, et l’ordinateur génère de nouveaux traits, qui se comportent comme des hachures aléatoires, créant un effet particulier.A l’époque j’avais trouvé ça sympa mais sans plus, et surtout trop limité pour maitriser quoi que ce soit et l’utiliser pour dessiner vraiment.

Je suis retombé aujourd’hui sur une version plus complète qui s’appelle « ScribblerToo ».  Scriblertoo est le fruit du travail cumulé de Zefrank, créateur de la version 1, de Mario Klingemann , qui s’appuie sur les composants Minimalcomps de Keith Peters.
Vive le logiciel Open Source qui permet ce genre de petites merveilles.
On peut désormais régler de nombreux paramètres comme la taille du trait, sa couleur, le degré d’interaction des traits entre eux, et sauvegarder son image. Il y a même possibilité d’annuler (attention, seulement le dernier trait).

Je vous invite à essayer ici la version originale Scribbler, sur le site de Zefranck, ou alors Scribblertoo ici. Il n’y a pas d’installation nécessaire à part le plugin Flash, qui est déjà sur la plupart des ordis.

Ci-dessous une sélection de mes dessins, faits cet après-midi :

Scribbler 7 Dessin procédural avec Scribbler

Ma main "scribeulisée"

paysage scribbler nb Dessin procédural avec Scribbler

Un paysage

Scribbler 9 Dessin procédural avec Scribbler

Une pinup

Scribbler nu Dessin procédural avec Scribbler

et un Nu pour terminer

Appliquer un contour complexe (type brush) à un tracé vectoriel sous Photoshop n’est pas une manipulation très intuitive, J’ai donc fait un petit pas à pas qui détaille la méthode que j’emploie.
Je précise que je suis sous Photoshop CS4, mais la démarche est identique sur les autres versions de Photoshop.

trace contour Un contour de tracé vectoriel dans Adobe Photoshop [tutoriel]

D’abord, assurons-nous que nous avons affiché la palettes tracés ( > fenêtres > tracés).

On crée un nouveau calque transparent et on se place dessus. (calque>Nouveau>Calque… )

Il faut définir à l’avance le style de contour que l’on souhaite, via l’outil crayon [shift+B] .
Pour cet exemple, on prend une forme de brosse ronde basique, vous pourrez expérimenter par la suite avec différents types de brosses.
L’épaisseur est importante, on la définit ici via la glissière Diamètre principal, pour cet essai, mettons une valeur de 10pixels.
La couleur sera celle d’avant-plan.

trace crayon Un contour de tracé vectoriel dans Adobe Photoshop [tutoriel]

Ensuite nous sélectionnons l’outil de création de forme,

trace select outil Un contour de tracé vectoriel dans Adobe Photoshop [tutoriel]

Dans la barre d’options, en haut (> fenetres > options) il faut activer le mode « tracés » comme ceci :

trace Un contour de tracé vectoriel dans Adobe Photoshop [tutoriel]

On trace notre forme, soit en glissant sur la scène une forme prédéfinie de photoshop, soit à la main avec la plume [P].

A cette étape, il n’y a pas de forme réellement visible sur l’image, juste un tracé de travail invisible au rendu.

trace etoile Un contour de tracé vectoriel dans Adobe Photoshop [tutoriel]

Dans la palette des tracés, nous  voyons apparaitre notre étoile en miniature,  faisons un clic-droit dessus et choisissons >contour du tracé…

trace appliquer coutour Un contour de tracé vectoriel dans Adobe Photoshop [tutoriel]

Là, Photoshop nous demande quel outil utiliser pour le contour, nous choisissons le crayon (« simuler la pression » est décoché) et validons.

trace etoile final Un contour de tracé vectoriel dans Adobe Photoshop [tutoriel]

Voilà, normalement nous obtenons un contour non rempli, qui suit parfaitement notre tracé vectoriel.
Le tracé lui-même peut-être maintenant déselectionné dans la palette tracé.

On peut le réutiliser pour créer de nouvelles formes ou bien le supprimer, notre étoile étant maintenant sur le calque.
Dans l’exemple ci-dessous, il y a 3 calques comprenant chacun une étoile, j’ai varié la forme et la taille de l’outil crayon pour obtenir différents graphisme.

trace etoile final2 Un contour de tracé vectoriel dans Adobe Photoshop [tutoriel]

A vous d’expérimenter maintenant selon vos envies.

C’est le premier didacticiel que je mets en ligne, n’hésitez pas à apporter vos commentaires.

Bretagne | Vannes | Rennes | Brest | Quimper | St Brieuc | Nantes |