{"id":8943,"date":"2014-02-07T00:55:18","date_gmt":"2014-02-06T23:55:18","guid":{"rendered":"http:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/?p=8943"},"modified":"2014-02-07T00:55:29","modified_gmt":"2014-02-06T23:55:29","slug":"photoshop-et-le-nouveau-generateur-darbres","status":"publish","type":"post","link":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/photoshop-et-le-nouveau-generateur-darbres\/","title":{"rendered":"Photoshop CC et le nouveau g\u00e9n\u00e9rateur d’arbres"},"content":{"rendered":"

\"vince_initiative\"<\/p>\n

En ce d\u00e9but d’ann\u00e9e, quelques softs de la Creative Cloud d’Adobe ont vu l’ajout de \u00a0nouveaux modules et de nouvelles fonctions. En ce qui concerne Photoshop, l’ajout le \u00a0plus int\u00e9ressant est, pour la premi\u00e8re fois, la pr\u00e9sence d’un g\u00e9n\u00e9rateur d’arbres. Comme on n’en parle pas trop, c’est pour \u00e7a que j’\u00e9cris ce billet. Les architectes et les illustrateurs vont appr\u00e9cier. Ce module semble avoir \u00e9t\u00e9 ajout\u00e9 \u00e0 l’arrache pour ce d\u00e9but d’ann\u00e9e. Comment je le devine ? Je vous l’expliquerai dans ce billet. \ud83d\ude42 \u00a0Mais en g\u00e9n\u00e9ral, je ne me loupe pas sur ce genre de truc.<\/p>\n

En quoi consiste t’il, ce g\u00e9n\u00e9rateur d’arbres? C’est simple. Allez dans le menu Remplir<\/em>, choisissez Motif<\/em> dans la popup et tout en bas, s\u00e9lectionnez dans le menu d\u00e9roulant Motifs par scrip<\/em>t, Arbres (\u00e0 noter qu’il y a aussi un truc nouveau, c’est Importer le long du trac\u00e9, <\/em>qui est vraiment bien). S’ouvre une nouvelle fen\u00eatre, celle de notre g\u00e9n\u00e9rateur d’arbres\u00a0(un peu pourrie car elle ne correspond pas \u00e0 une fen\u00eatre standard ou bien une palette type Configurator – \u00e7a ressemble plut\u00f4t \u00e0 un plugin du XX\u00e8me si\u00e8cle ou du Alien Skin – en gros, c’est pas fini).<\/p>\n

\"arbres-cc\"<\/p>\n

Au dessus, vous pouvez voir comment \u00e7a se pr\u00e9sente. Dans l’image du dessous, on vous explique un peu tout.
\nVous \u00eates face \u00e0 ce type de menu habituel pour les g\u00e9n\u00e9rateurs de paysage. On retrouve une bonne biblioth\u00e8que d’arbres, la quantit\u00e9 de feuilles, la lumi\u00e8re, les couleurs des feuilles, branches et troncs \u00e0 modifier avec des slides et des checkboxes. Vous avez la possibilit\u00e9 d’avoir un rendu assez 3D avec du volume ou bien une rendu plus illustratif avec des aplats. Vous avez la possbilit\u00e9 de changer l\u00e9g\u00e8rement la morphologie de votre arbre soit par un slide (Disposition<\/em>) soit en cochant la case de Formes al\u00e9atoire<\/em>s. \u00c0 noter que le visuel de l’arbre change peu \u00e0 peu selon le r\u00e9glage de feuilles.<\/p>\n

\"arbres2-cc\"<\/p>\n

Focus sur quelques arbres de la biblioth\u00e8que. C’est vraiment sympa et bien fait. Si vous voulez r\u00e9cup\u00e9rer les silhouettes, allez dans le dossier Presets\/Deco\/Tree et ouvrez les PNG pour cr\u00e9er des brosses. On est comme \u00e7a \u00e0 W&mP, on pompe tout; on est des vrais chacals. Cherchez pas \u00e0 modifier le fichier Tree.jsx, c’est trop le fourre-tout. On connait son auteur Daichi Ito<\/a> d’Adobe.\u00a0\u79c1\u305f\u3061\u306f\u3042\u306a\u305f\u3092\u4fe1\u3058\u3066\u3044\u308b, Daichi Ito (et oui, nous, on envoie perso en japonais au cr\u00e9ateur).<\/p>\n

\"bibliotheque-cc\"<\/p>\n

Dans l’images ci-dessus, vous avez les couleurs par d\u00e9faut. Mais vous pouvez les changer en cochant la case appropri\u00e9e et en cliquant sur le carr\u00e9 color\u00e9 pour ouvrir le Color Picker. Et l\u00e0, horreur, on n’a pas le Color Picker de Photoshop, mais celui du syst\u00e8me d’Apple. On en d\u00e9duit alors que le module n’a pas \u00e9t\u00e9 raccord\u00e9 au syst\u00e8me de Photoshop ou les types n’ont pas eu le temps. C’est pour \u00e7a que j’en d\u00e9duis que \u00e7a a rajout\u00e9 \u00e0 l’arrache.<\/p>\n

\"arbres5-cc\"<\/p>\n

Ci-dessous, une petite composition d’arbres et encore en dessous, le m\u00eame arbre avec un rendu plus 3D et un rendu plus illustratif (aplats)<\/p>\n

\"arbres4-cc\"<\/p>\n

Si vous activez le module Remplir<\/em>, il vous case l’arbre en plein milieu dans votre document. Mais chose qu’il n’a pas \u00e9t\u00e9 bien explicit\u00e9 (d’o\u00f9 ce billet), c’est comme il s’agit d’un proc\u00e9d\u00e9 vectoriel, votre arbre peut suivre un trac\u00e9 pr\u00e9existant. En gros, vous fa\u00eetes un trac\u00e9 dans un \u00a0calque Trac\u00e9 avec les outils Plume ou bien vous transformez une typo en trac\u00e9 ou bien vous appliquez un Custom Shape en mode trac\u00e9 et votre arbre, par magie, suit le trac\u00e9. Probl\u00e8me : il y a plein de bugs (raison qui explique que ce module a \u00e9t\u00e9 ajout\u00e9 \u00e0 l’arrache). Ci-dessous, j’ai mis des exemples : trac\u00e9, 1 custom shape simple (forme personnalis\u00e9e en fran\u00e7ais – un cercle), une typo en trac\u00e9, 2 lignes serpentines avec arbre \u00e0 l’envers et \u00e0 l’endroit (j’explique en dessous le pourquoi), 3 custom chapes plus complexes.<\/p>\n

\"motifs-cc\"<\/p>\n

Vous comprenez qu’\u00e0 la vue de ces exemples, que plus le trac\u00e9 est complexe, plus cela vous fait n’importe quoi, d’autant plus qu’en fin de trac\u00e9 le rendu se termine brutalement et casse la forme de l’arbre.<\/p>\n

Comme pour les mogwa\u00efs, je vous donne des r\u00e8gles pour pas que votre rendu se transforme en gremlin.
\n1\/ la longueur d’un trac\u00e9 vous donne la taille de l’arbre, mais attention si un pin se termine \u00e0 la pointe, un ch\u00eane d\u00e9passe all\u00e9grement par ses branches la fin du trac\u00e9. Donc en fonction de l’arbre, r\u00e9duisez ou agrandissez votre trac\u00e9, sinon le rendu mord sur les limites de votre document.
\n2\/ le premier point de votre trac\u00e9 correspond \u00e0 la base de l’arbre et le dernier point du trac\u00e9 \u00e0 la couronne de l’arbre. En r\u00e9sum\u00e9 si vous fa\u00eetes un trac\u00e9 de haut en bas, votre arbre sera \u00e0 l’envers avec le tronc en haut. Cela se constate aussi sur l’application d’un custom shape, donc fa\u00eetes attention au sens de l’application de la forme.
\n3\/ sur un trac\u00e9 complexe, l’arbre suit le trac\u00e9. Vous obtenez un rendu cacophonique, donc limitez vous \u00e0 de simples courbes. Si votre trac\u00e9 comporte des traits qui se croisent, attendez vous un cheminement de l’arbre totalement irr\u00e9aliste (d’un autre c\u00f4t\u00e9, des fois, \u00e7a fait des trucs sympas\u2026 Ou arty).
\n4\/ c\u00f4t\u00e9 typo, l’effet est tr\u00e8s tr\u00e8s rat\u00e9 – dommage – car sur une typo transform\u00e9e en trac\u00e9, chaque lettre est s\u00e9par\u00e9e, donc le rendu ne s’applique que sur la premi\u00e8re lettre. Chose cocasse, si vous fusionnez les composants (possible depuis Cs6 – voir barre des options de l’outil Plume) et si les lettres ne se touchent toujours pas, c’est la derni\u00e8re lettre \u00e0 recevoir le rendu (??? – et oui, nous, on trouve toujours des trucs bizarres partout). Si les lettres se touchent avec un kerning r\u00e9duit et une fusion des composants (ou bien vous passez par un import Illustrator), le r\u00e9sultat est un peu catastrophique notamment \u00e0 la base des lettres. Bonne d\u00e9ception. Mais le module pas fini. We believe in Ito.<\/p>\n

Pour finir le m\u00eame trac\u00e9 avec un arbre presque sans feuilles et \u00a0le m\u00eame arbre touffu. On remarque la cassure en fin de trac\u00e9 \u00e0 droite, car le module produit une grosse branche inutile. Vous notez aussi que l’arbre simule l’attraction terrestre, c’est \u00e0 dire que les branches pointent toujours vers le haut. Pas possible de faire tourner les branches autour d’un trac\u00e9. On devine encore sur ce point que le module n’est pas fini.<\/p>\n

 <\/p>\n

\"arbres3-cc\"<\/p>\n

Pourquoi ce g\u00e9n\u00e9rateur d’arbre fait son apparition dans Photoshop? On peut penser que l’import 3D dans Photoshop reste trop lourd et encore plus lorsqu’il s’agit de rendus d’\u00e9l\u00e9ments organiques comme les v\u00e9g\u00e9taux. D\u00e9j\u00e0 un type d’Adobe avait mis en ligne un tuto de Photoshop avec le module Ivy Generator. Si vous l’aviez reproduit, vous vous \u00e9tiez aper\u00e7u que si le nombre de feuille \u00e9tait cons\u00e9quent, vous pouviez faire votre partie de tarot sur iPad en attendant le rendu.<\/p>\n