Tutoriels vidéo art graphique gratuits

 
Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Pages: [1] 2   En bas

Auteur Sujet: Dessin codé  (Lu 8401 fois)

rhune64

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 47
    • Voir le profil
    • E-mail
Dessin codé
« le: mars 06, 2015, 18:06:53 pm »

Bonjour,

Je coince un peu.
Je dois faire des coloriages à points et numérotés. Vous savez les dessins où l'on doit relier les points dans un certain ordre afin d'obtenir une jolie illustration.
Et bien, comment faire les tracés et ne garder que les points d'ancrage en noir ?

J'ai essayé par une forme de motifs mais cela ne marche pas.

Merci de m'éclairer.
IP archivée

metaroid

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 187
    • Voir le profil
    • Portfolio infographiste metaroid
Re : Dessin codé
« Réponse #1 le: mars 09, 2015, 13:22:28 pm »

Salut,

Il te faudrais un script qui puisse faire cela; tu ferais le tracé, en appliquant le script, ça dupliquerai un calque identifié où se trouve tes tracés, sur chaque point d'ancrage on dessinerai une ellipse pour représenter le point, additionner d'un bloc de texte du chiffre  de la position courante, et finir par passer la tracé en opacité 0.
Maintenant faut juste un moment pour s'y mettre  ;D .
« Modifié: mars 09, 2015, 16:52:08 pm par metaroid »
IP archivée
Less is more

QueenGhost

  • Invité
Re : Dessin codé
« Réponse #2 le: mars 09, 2015, 17:14:44 pm »

Aie ! (anglicisme pour dire "Bonjour !")

Et si je vous dis : Décomposez l'aspect ! ça vous parle ?   ;)
IP archivée

rhune64

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 47
    • Voir le profil
    • E-mail
Re : Dessin codé
« Réponse #3 le: mars 10, 2015, 05:58:44 am »

Merci Metaroid et Ma Reine.

J’ai trouvé durant le week-end une solution et elle est proche de celle de QueenGhost.

Je fais mon tracé auquel j'applique une flèche au début dont la forme est le rond noir (flèche 21).
J'utilise l'outil "couper le tracé aux points d'ancrage sélectionné" afin d'avoir non plus un tracé mais autant de tracé qu'il y a de points.
Ensuite je décompose l'aspect et je dissocie. Il ne reste plus qu'à supprimer les traits et ne garde que les ronds qui constituent mes points.
Dernière étape, on positionne les numéros à côté de chaque point.
IP archivée

QueenGhost

  • Invité
Re : Dessin codé
« Réponse #4 le: mars 10, 2015, 07:12:17 am »

rhune64,

C'est effectivement la méthode mais tu n'es pas obligé de supprimer les tracés.
Fais ton dessin. Unique précaution : 1 tracé / 2 points [exclure : 1 tracé, 3 points voire plus].
Une fois ton dessin fait, sélectionne tout, donne aux tracés un contour x pts.
Applique (effectivement) une flèche au début ET à la fin des tracés.
Décompose.
ET - c'est là l'astuce : applique "Couleur sans" aux contours ! Visuellement, il ne restera que les "points", de début et de fin de tracé avec un fond (mais pas de contour).

Amuse-toi bien !
IP archivée

metaroid

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 187
    • Voir le profil
    • Portfolio infographiste metaroid
Re : Dessin codé
« Réponse #5 le: mars 10, 2015, 11:01:20 am »

J'ai fais un p'tit script que tu peux tester, il faut que le calque avec ton tracé soit nommé "layer1" (modifiable dans le script).Télécharges le script à un endroit, puis lances le script depuis le menu fichiers > script > autre script.
IP archivée
Less is more

QueenGhost

  • Invité
Re : Dessin codé
« Réponse #6 le: mars 10, 2015, 11:22:11 am »

Cool !   ;)

As-tu possibilté de traiter Tous les tracés car apparemment le script ne prend que le tracé du premier plan !
IP archivée

metaroid

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 187
    • Voir le profil
    • Portfolio infographiste metaroid
Re : Dessin codé
« Réponse #7 le: mars 10, 2015, 11:41:27 am »

Je me suis dis que le dessin n'était constitué que d'un seul tracé, ça permet au moins d'être sûr que les points sont dans l'ordre; après ça doit pas être grand chose à faire ce que tu dis, au risque que les tracés (et points) ne soient pas dans l'ordre...
IP archivée
Less is more

QueenGhost

  • Invité
Re : Dessin codé
« Réponse #8 le: mars 10, 2015, 11:55:18 am »

Je n'ai pas regardé le code du JS mais l'idée serait de traiter les tracés les uns derrière les autres en commençant par le tracé de premier plan, puis celui juste derrière, ... jusqu'au dernier tracé en arrière-plan, le tout, sur le même calque.

En tout cas, dans l'immédiat, JS vraiment sympa !  ;-)
IP archivée

metaroid

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 187
    • Voir le profil
    • Portfolio infographiste metaroid
Re : Dessin codé
« Réponse #9 le: mars 10, 2015, 13:58:05 pm »

Je regarde ça dès que j'ai un moment, l'idée me semble intéressante  ;)
IP archivée
Less is more

rhune64

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 47
    • Voir le profil
    • E-mail
Re : Dessin codé
« Réponse #10 le: mars 10, 2015, 14:58:36 pm »

Ouah !
Merci metaroid.
C'est exactement ça qu'il me faut.
Et tu as raison le tracé est unique, c'est d'ailleurs pour cela que je mettais une flèche qu'au début et que je découpais ensuite les points d'ancrage.
IP archivée

rhune64

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 47
    • Voir le profil
    • E-mail
Re : Dessin codé
« Réponse #11 le: mars 13, 2015, 18:22:17 pm »

Salut metaroid,

Comment je peux faire pour modifier le corps de la police dans le script ?

Merci
IP archivée

metaroid

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 187
    • Voir le profil
    • Portfolio infographiste metaroid
Re : Dessin codé
« Réponse #12 le: mars 14, 2015, 14:30:45 pm »

Salut Rhune64,

Sous la ligne (ligne 24)
var xNum = xLayerPointx.textFrames.add(); // on place le texte
mets cela:
var xRange = xNum.textRange;
xRange.characterAttributes.textFont = app.textFonts.getByName("Perpetua");// changer la police
xRange.characterAttributes.size = 21; // changer la taille
IP archivée
Less is more

rhune64

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 47
    • Voir le profil
    • E-mail
Re : Dessin codé
« Réponse #13 le: mars 16, 2015, 06:20:16 am »

Salut Metaroid,

J'ai un souci avec le nouveau bout de code.
Error 1302 : No such element sur la line 26.

Pour la taille pas de problème si je mets la ligne 26 en commentaire.

Merci
IP archivée

metaroid

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 187
    • Voir le profil
    • Portfolio infographiste metaroid
Re : Dessin codé
« Réponse #14 le: mars 16, 2015, 08:31:15 am »

Salut,

Si tu as un retour d'erreur sur cette ligne c'est probablement que tu n'as pas la font "Perpetua", essayes d'en mettre une autre. J'ai essayé différents noms de polices et j'ai la même erreur que toi sur certaines...
IP archivée
Less is more
 



Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Lightroom, Illustrator, InDesign, Flash… Aujourd’hui, Wisibility réunie plus d'une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…
Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Notre forum très actif, géré par une équipe de bénévoles répondra à vos demandes. Vous pourrez également profiter de nos émissions et reportages sur la Wisi TV.
Contact - Wisibility est une marque déposée

Blog - Tutoriels - Wisi TV - Forum