« STIC:STIC IV (2017)/Mon avatar » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
 
(54 versions intermédiaires par 5 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{tutoriel
|fait_partie_du_cours=Broderie machine
|fait_partie_du_module=STIC:STIC IV (2017)/Projets
|module_précédant=Stitch Era - logiciel de broderie machine et de hotfix
|pas_afficher_sous-page=Non
|page_precedente=STIC:STIC IV (2017)/Projets
|page_suivante=STIC:STIC IV (2017)/Logo association des étudiant(e)s MALTT
|statut=finalisé
|editeur=Utilisateur:Lydie BOUFFLERS
|dernière_modif=2018/03/28
|difficulté=débutant
|cat tutoriels=Broderie machine
}}
== Introduction ==
== Introduction ==


Cette page présente des propositions d'avatars qui représentent leur créateur. Il s'agit d'une activité d'éveil qui permettait aux participant-e-s de découvrir les principes de la broderie machine et du logiciel [[Tutoriels Stitch Era|Stitch Era]].
Cette page présente des propositions d'avatars qui représentent leur créateur. Il s'agit d'une activité d'éveil qui permettait aux participant-e-s de découvrir les principes de la broderie machine et du logiciel [[Tutoriels Stitch Era|Stitch Era]] et de la [[Découpe et gravure laser]].


Voir aussi l'activité alternative: "[[STIC:STIC IV (2017)/Logo association des étudiant(e)s MALTT|Logo association des étudiant(e)s MALTT]]"
Voir aussi l'activité alternative: "[[STIC:STIC IV (2017)/Logo association des étudiant(e)s MALTT|Logo association des étudiant(e)s MALTT]]"


== Avatar sur [https://face.co/ Face.co] par [[Utilisateur:Lydie BOUFFLERS|Lydie BOUFFLERS]] ([[Discussion utilisateur:Lydie BOUFFLERS|discussion]]) ==


== Avatar sur [https://face.co/ Face.co] par [[Utilisateur:Lydie BOUFFLERS|Lydie BOUFFLERS]] ([[Discussion utilisateur:Lydie BOUFFLERS|discussion]]) ==
'''Description et utilisations :'''


'''Description et utilisations :''' lors de la création de mon avatar, je voulais quelque chose de "réaliste" c'est à dire un avatar qui me ressemble : couleur des yeux, des cheveux, teint clair etc. ; l'idée était que l'on puisse me reconnaître.  
Lors de la création de mon avatar, je voulais quelque chose de "réaliste", qui me ressemble : couleur des yeux, des cheveux, teint clair etc. ; l'idée était que l'on puisse me reconnaître.  


J'ai donc réaliser mon avatar sur le site [https://face.co/ face.co] (image 1) dans le but d'une triple utilisation :
J'ai donc réaliser mon avatar sur le site [https://face.co/ face.co] (image 1) dans le but d'une triple utilisation :
* l'avatar SVG couleur (image 1) sera utilisé pour mon identité numérique (style plateforme Moodle),
* l'avatar SVG couleur (image 1) sera utilisé pour mon identité numérique (style plateforme Moodle),
* l'avatar pour la gravure / découpe laser (images 2 et 3) est destiné à devenir un porte-clé. J'ai donc crée deux modèles : le premier sous forme de médaillon pour visualiser le rendu et le second, toujours sous forme de médaillon, comporte une 2e ligne de découpe - un petit cercle au dessus de la tête - pour y accrocher les clés,
* l'avatar pour la gravure / découpe laser (images 2 et 3) est destiné à devenir un porte-clé. J'ai donc crée deux modèles : le premier sous forme de médaillon pour visualiser le rendu et le second, toujours sous forme de médaillon, comporte une 2e ligne de découpe - un petit cercle au dessus de la tête - pour y accrocher les clés (cette version n'est pas photographier ici). Le fichier SVG est disponible sous [http://tecfaetu.unige.ch/etu-maltt/volt/bouffle0/stic-4/myAvatar_final.svg Avatar SVG _ Lydie Boufflers]
* l'avatar pour la broderie a été brodé sur un bavoir de mon fils qu'il emportera à la crèche. La simulation (cf. image 4) rend plutôt bien et le résultat assez réussi (cf. image 5).
* l'avatar pour la broderie a été brodé sur un bavoir de mon fils qu'il emportera à la crèche. La simulation (cf. image 4) rend plutôt bien et le résultat assez réussi (cf. image 5).


'''Difficultés techniques:''' le SVG obtenu sur le site [https://face.co/ Face.co] était très compliqué donc :
'''Difficultés techniques:'''
Le SVG obtenu sur le site [https://face.co/ Face.co] était très compliqué donc :
* pour le fichier gravure / découpe laser: il a fallu le simplifier au maximum en dégroupant tous les vecteurs puis utiliser l'éditeur XML editor intégré dans Inkscape (Edition -> Editeur XML) pour obtenir une structure à plat (i.e pas de groupes d'objets) et enfin, supprimer les vecteurs inutiles. [https://edutechwiki.unige.ch/fr/Utilisateur:Daniel_K._Schneider Daniel K.Schneider] a documenté cette procédure dans [https://edutechwiki.unige.ch/fr/STIC_Discussion:STIC_IV_(2017)/Module_1#Re:_Re:_Re:_Visualisation_de_la_broderie_--_Daniel_K._Schneider_.28discussion.29_24_octobre_2017_.C3.A0_17:51_.28CEST.29 Discussion Visualisation de la broderie].
* pour le fichier gravure / découpe laser: il a fallu le simplifier au maximum en dégroupant tous les vecteurs puis utiliser l'éditeur XML editor intégré dans Inkscape (Edition -> Editeur XML) pour obtenir une structure à plat (i.e pas de groupes d'objets) et enfin, supprimer les vecteurs inutiles. [https://edutechwiki.unige.ch/fr/Utilisateur:Daniel_K._Schneider Daniel K.Schneider] a documenté cette procédure dans [https://edutechwiki.unige.ch/fr/STIC_Discussion:STIC_IV_(2017)/Module_1#Re:_Re:_Re:_Visualisation_de_la_broderie_--_Daniel_K._Schneider_.28discussion.29_24_octobre_2017_.C3.A0_17:51_.28CEST.29 Discussion Visualisation de la broderie].
* pour la broderie : il a fallu décolorer puis recolorer le SVG car le logiciel [[Stitch Era - logiciel de broderie machine et de hotfix]] ne pouvait pas importer le SVG car les couleurs de remplissage n'étaient pas prises en charge par le logiciel de broderie (message d'erreur) et, de plus, il y avait beaucoup trop de tons de couleurs différents.  
* pour la broderie : il a fallu décolorer puis recolorer le SVG car le logiciel [[Stitch Era - logiciel de broderie machine et de hotfix]] ne pouvait pas importer le SVG car les couleurs de remplissage n'étaient pas prises en charge par le logiciel de broderie (message d'erreur) et, de plus, il y avait beaucoup trop de tons de couleurs différents.  
Ligne 31 : Ligne 47 :
== Mon avatar sur Inkscape par [[Utilisateur:Brigitte Steiner|Brigitte Steiner]] ([[Discussion utilisateur:Brigitte Steiner|discussion]]) ==
== Mon avatar sur Inkscape par [[Utilisateur:Brigitte Steiner|Brigitte Steiner]] ([[Discussion utilisateur:Brigitte Steiner|discussion]]) ==


L'idée est un petit "logo" très simplifié, proche du smiley, où on peut un peu me reconnaître. J'ai fait un design simple et rond pour le côté mignon que j'aime bien, et pour que ce soit facile à graver ou à broder ensuite.  
L'idée est un petit "logo" très simplifié, proche du smiley, où on peut un peu me reconnaître. J'ai fait un design simple et rond pour le côté mignon que j'aime bien, et pour que ce soit facile à graver et à broder.  
J'ai créé le design directement sur inkscape, d'abord en version couleurs pour la broderie, puis en noir et blanc pour faire un badge en bois.  
J'ai créé le design directement sur [[Inkscape]], d'abord en version couleurs pour la broderie, puis en noir et blanc pour la découpe laser.


'''Gravure'''
'''Gravure'''
Ligne 39 : Ligne 55 :


'''Broderie'''
'''Broderie'''
Pour la broderie, j'ai rencontré quelques problèmes au moment de l'adaptation de mon design en fichier de broderie :  
Pour la broderie, j'ai rencontré quelques problèmes au moment de l'adaptation de mon design en fichier de broderie :  
* La première fois que j'ai importé mon design, il semblait à peu près ok, en dehors d'un petit soucis d'épaisseur du trait noir. J'ai réglé ce problème en dégroupant d'abord les éléments dans mon design, avant de le réimporter.  
* La première fois que j'ai importé mon design, il semblait correct en dehors d'un petit souci d'épaisseur du trait noir. J'ai réglé ce problème en dégroupant d'abord les éléments dans mon design, avant de le réimporter.  
* Malgré l'importation de mon fichier SVG dont les éléments étaient dégroupés, en transformant le design en broderie, les courbes se sont déformées et sont devenues des angles. J'ai donc du redégrouper une deuxième fois dans Stitch Era ( Object manager à gauche > Dans auxiliar, ouvrir les contenus avec la petite flèche noire pour les voir > Avec un clic droit sur le nom du groupe (nom du fichier), cliquer ensuite sur degroup ).
* Malgré l'importation de mon fichier *.svg dont les éléments avaient été dégroupés, en transformant le design en broderie, les courbes se sont déformées et sont devenues des angles. J'ai donc du redégrouper une deuxième fois dans [[Stitch Era - logiciel de broderie machine et de hotfix]] (Object manager à gauche > Dans auxiliar, ouvrir les contenus avec la petite flèche noire pour les voir > Avec un clic droit sur le nom du groupe (nom du fichier), cliquer ensuite sur degroup).


Après cela j'ai pu générer mon fichier correctement. Une dernière remarque cependant au niveau du résultat final : il vaut mieux ne pas faire un trait zigzag si celui-ci est très fin, car il n'est pas très bien géré et tire el fil de dessous à la surface (ce fil était blanc en l'occurrence).  
Après cela j'ai pu générer mon fichier correctement. Une dernière remarque cependant au niveau du résultat final : il vaut mieux ne pas faire un trait zigzag si celui-ci est très fin, car il n'est pas très bien géré et tire le fil de dessous à la surface (ce fil était blanc en l'occurrence).  


{| class="wikitable"  
{| class="wikitable"  
Ligne 55 : Ligne 72 :
Ce choix a été fait pour deux raisons:
Ce choix a été fait pour deux raisons:


*d'une part, je voulais une image relativement complexe afin de tester la machine et de voir si je pouvais atteindre le niveau de rendu que j'imaginais, afin de me faire peut-être une petite folie super cool sur un T-Shirt plus tard.
*d'une part, je voulais une image relativement complexe afin de tester la machine et de voir si je pouvais atteindre le niveau de rendu que j'imaginais (et pour faire peut-être une petite folie super cool sur un T-Shirt plus tard),
*d'autre part, je peux m'identifier à Son Goku, son caractère et ses actes (toutes proportions gardées...). En effet, nous aimons tous les deux l'action et préférons pouvoir agir et expérimenter avec nos sens, plutôt que de rester en retrait et analyser de manière abstraite. Nous cherchons à nous dépasser et nous puisons notre motivation à évoluer jusque dans des univers différents du nôtre (littéralement). Je me permets de penser que je suis plus patient et intelligent que lui (moins vorace aussi), mais je pense que s'il existait dans notre monde, nous serions bons amis, car nous partageons cette envie d'aller de l'avant et d'apprendre des autres.


*d'autre part, je peux m'identifier à Son Goku, son caractère et ses actes (toutes proportions gardées...). en effet, nous aimons tous les deux l'action et préférons pouvoir agir et expérimenter avec nos sens, plutôt que de rester en retrait et analyser de manière abstraite. Nous cherchons à nous dépasser et nous puisons notre motivation à évoluer jusque dans des univers différents du nôtre (littéralement). Je me permets de penser que je suis plus patient et intelligent que lui (moins vorace aussi), mais je pense que s'il existait dans notre monde, nous serions bons amis, car nous partageons cette envie d'aller de l'avant et d'apprendre des autres.
'''Technique :''' J'ai tout d'abord dessiné sur Gimp à l'aide d'un modèle existant. J'ai retracé tous les contours et les petits traits intérieurs sur un layer. J'ai coloré ces contours en jaune afin de les différencier dans stitch era, mais ils ont été brodés en noir pour le rendu cartoon. J'ai ensuite colorié zone par zone à chaque fois sur un layer séparé avec une couleur unie afin de faciliter la vectorisation (sans dégradés, les contours noirs ont une importance pour la lisibilité de l'image). Utilisant un fond vert pour définir la transparence facilement, j'ai importé l'image *.png dans [[Stitch Era - logiciel de broderie machine et de hotfix]] pour la vectorisation. Malheureusement, à cause des petits détails en noir, de très nombreuses zones ont été créées avec des chemins qui se croisent. Importer l'image vectorisée à partir d'[[inkscape]] (*.svg) ou illustrator (*.ai) m'a posé plusieurs problèmes techniques (chargements et erreurs). Ainsi, comme Goku l'aurait fait, plutôt que de réfléchir longtemps à corriger le problème, j'ai opté pour la solution la plus directe et j'ai redessiné les zones à la main dans stitch era (quitte à faire une image vectorielle à la main, autant ne pas compter sur un logiciel intermédiaire et éviter les complications). J'ai donc mis l'image *.png en fond dans Stitch era et j'ai repassé sur les traits avec l'outil de création "area-pattern" et "path-running stitch". J'ai pu définir les couleurs précisément par zones et avoir un bon contrôle sur le résultat de sortie (ordre des zones pendant la broderie). Je n'ai pas trouvé comment couper le fil entre des zones de même couleur, ce qui fait que j'ai du enlever de nombreux fils à la main une fois le travail terminé. L'image pour la découpe laser a été vectorisée automatiquement par inkscape avec l'option vectoriser image matricielle > détection de contours. Et le contour rouge a été ajouté à la main pour créer un effet flash et un socle qui permet de faire tenir la gravure debout.
 
'''Technique :''' J'ai tout d'abord dessiné sur Gimp à l'aide d'un modèle existant. J'ai retracé tous les contours et les petits traits intérieurs sur un layer. J'ai coloré ces contours en jaune afin de les différencier dans stitch era, mais ils ont été brodés en noir, pour le rendu cartoon. J'ai ensuite colorié zone par zone à chaque fois sur un layer séparé avec une couleur unie afin de faciliter la vectorisation (sans dégradés, les contours noirs ont une importance pour la lisibilité de l'image). Utilisant un fond vert pour définir la transparence facilement, j'ai importé l'image .png dans stitch era pour la vectorisation. Malheureusement, à cause des petits détails en noir, de très nombreuses zones ont été créées avec des chemins qui se croisent. Importer l'image vectorisée à partir d'inkscape (.svg) ou illustrator (.ai) m'a posé plusieurs problèmes techniques (chargements et erreurs). Ainsi, comme Goku l'aurait fait, plutôt que de réfléchir longtemps à corriger le problème, j'ai opté pour la solution la plus directe et j'ai redessiné les zones à la main dans stitch era (quitte à faire une image vectorielle à la main, autant ne pas compter sur un logiciel intermédiaire et éviter les complications). J'ai donc mis l'image .png en fond dans stitch era et j'ai repassé sur les traits avec l'outil de création "area-pattern" et "path-running stitch. J'ai pu définir les couleurs précisément par zones et avoir un bon contrôle sur le résultat de sortie (ordre des zones pendant la broderie). Je n'ai pas trouvé comment couper le fil entre des zones de même couleur, ce qui fait que j'ai du enlever de nombreux fils à la main une fois le travail terminé. L'image pour la découpe laser a été vectorisée automatiquement par inkscape avec l'option vectoriser image matricielle > détection de contours. Et le contour rouge a été ajouté à la main pour créer un effet flash et un socle qui permet de faire tenir la gravure debout.
   
   
{| class="wikitable"  
{| class="wikitable"  
Ligne 68 : Ligne 84 :
== Mon Avatar sur [https://face.co/ Face.co] par [[Utilisateur:Kristina|Kristina]] ==
== Mon Avatar sur [https://face.co/ Face.co] par [[Utilisateur:Kristina|Kristina]] ==


'''Descriptif de la production''' Pour mon avatar je me suis rendu sur la page du site [https://face.co/ Face.co]. J'ai choisi les traits du visage les plus proches du mien. C'était amusant d'habiller mon avatar - le choix difficile du garde-robe et des couleurs (!).
'''Descriptif de la production'''
Une fois satisfaite du résultat, j'ai exporté l'image en format .png et .svg.
 
<br>Pour la broderie, j'ai pris l'image en .png et en suivant le tutoriel sur [http://edutechwiki.unige.ch/en/Stitch_Era_-_digitizing_complex_bitmap_images Digitizing complex bitmap images] j'ai créé une version dans le StichEra pour la broderie.  
Pour mon avatar je me suis rendu sur la page du site [https://face.co/ Face.co]. J'ai choisi les traits du visage les plus proches du mien. C'était amusant d'habiller mon avatar - le choix difficile du garde-robe et des couleurs (!).
<br>Pour la découpe laser, j'ai pris l'image en format .svg dans l'Inscape et en suivant le tutoriel [https://edutechwiki.unige.ch/fr/Inkscape_pour_la_d%C3%A9coupe_et_la_gravure_laser Inscape pour la découpe et la gravure laser] j'ai préparé l'image pour la gravure en laser.   
Une fois satisfaite du résultat, j'ai exporté l'image en format *.png et *.svg.
<br>Pour la broderie, j'ai pris l'image en *.png et en suivant le tutoriel sur [http://edutechwiki.unige.ch/en/Stitch_Era_-_digitizing_complex_bitmap_images Digitizing complex bitmap images] j'ai créé une version dans Stich Era pour la broderie.  
<br>Pour la découpe laser, j'ai pris l'image en format *.svg dans Inkscape et en suivant le tutoriel [https://edutechwiki.unige.ch/fr/Inkscape_pour_la_d%C3%A9coupe_et_la_gravure_laser Inscape pour la découpe et la gravure laser] j'ai préparé l'image pour la découpe-gravure laser.   


{| class="wikitable"  
{| class="wikitable"  
|+ Variantes
|+ Variantes
|[[Fichier:Avatar_K_Pankov.png|vignette|240x240px|Avatar en format .png]]
|[[Fichier:Avatar_K_Pankov.png|vignette|250x250px|Avatar en format.png]]
||
||
[[Fichier:Avatar pour la broderie.svg|vignette|200x200px|Avatar en svg pour la broderie]]
[[Fichier:Avatar pour la broderie.svg|vignette|250x250px|Avatar en svg pour la broderie]]
||  
||  
[[Fichier:Avatar K Pankov SVG.svg|vignette|240x240px|Avatar en svg pour la découpe laser]]
[[Fichier:Avatar K Pankov SVG.svg|vignette|250x250px|Avatar en svg pour la découpe laser]]
||  
|}
[[Fichier:Avatar Broderie KP.jpg|vignette|240x240px|Avatar brodé]]
{| class="wikitable"
||  
|| [[Fichier:Avatar Broderie KP.jpg|vignette|250x250px|Avatar brodé]] || [[Fichier:Avatar Laser KP.jpg|vignette|250x250px|Avatar découpe laser]]
[[Fichier:Avatar Laser KP.jpg|vignette|240x240px|Avatar découpe laser]]
|}
|}


== Mon Avatar par [[Utilisateur:Azmira Bajra|Azmira Bajra]] ==
== Mon Avatar par [[Utilisateur:Azmira Bajra|Azmira Bajra]] ==
L’avatar a été créé grâce au site [https://face.co/ face.co/]. A partir de ce dernier un svg a été généré afin de pouvoir le traiter tout d’abord dans ''Inkscape'' et ensuite dans ''Stitch Era.''
L’avatar a été créé grâce au site [https://face.co/ face.co/]. A partir de ce dernier un fichier *.svg a été généré afin de pouvoir le traiter tout d’abord dans le logiciel Inkscape pour la découpe-gravure laser et ensuite dans le logiciel Stitch Era pour la broderie.  


La principale difficulté rencontrée, était la suppression des différents nœuds, notamment dans la chevelure, afin d’éviter une broderie surchargée. Ensuite, grâce à l’outil simulation, il était possible de visualiser les erreurs et les détails souhaitées.  
La principale difficulté rencontrée était la simplifier les vecteurs de la chevelure (en les supprimant) afin d’éviter une broderie surchargée. Ensuite, grâce à l’outil simulation, il était possible de visualiser les erreurs et les détails souhaités.  


L’avatar a été choisi pour cette exercice, parce qu’étant plus complexe qu’un logo, il permettait d’étudier de façon plus poussée le fonctionnement de Stitch Era.  
L’avatar a été choisi pour cet exercice parce qu’étant plus complexe qu’un logo, il permettait d’étudier de façon plus poussé le fonctionnement de Stitch Era.  


En ce qui concerne le résultat, final, il y a une différence d’affichage par rapport à l’image initiale, découlant de l’indisponibilité de certaines couleurs dans la machine d’impression.  
En ce qui concerne le résultat, final, il y a une différence d’affichage par rapport à l’image initiale, découlant de l’indisponibilité de certaines couleurs dans la machine d’impression.  
Ligne 102 : Ligne 119 :


''' Choix de l'Avatar '''
''' Choix de l'Avatar '''
J'ai choisi l'image affiché ci-dessous que j'ai pris du site web https://openclipart.org/ pour la simple raison : à l'occasion de l'Halloween, j'ai choisi l'Avatar d'une fille déguisée en sorcière comme ma première réalisation sur la machine de Broderie ainsi sur la machine de découpeuse Laser.
 
J'ai choisi l'image ci-dessous que j'ai pris du site web https://openclipart.org/ pour la simple raison qu'à l'occasion d'Halloween, ma fille s'est déguisée en sorcière.
 


''' Dessins'''
''' Dessins'''
Ligne 108 : Ligne 127 :
{| class="wikitable"  
{| class="wikitable"  
|+  
|+  
|[[Fichier:AvatarAya.svg|thumb|250px|none|Image SVG Inscape pour gravure et découpe laser]]||[[Fichier:AvatarAyaHalloweenn.png|thumb|250px|none|Image PNG Inscape]]
|[[Fichier:AvatarAya.svg|thumb|250px|none|Image SVG Inkscape pour gravure et découpe laser]]||[[Fichier:AvatarAyaHalloweenn.png|thumb|250px|none|Image PNG Inkscape]]
|}
|}
''' Traitement des images '''
''' Traitement des images '''


*'''SVG sur Inscape :''' Par rapport au traitement d'image vectorielle sur le logiciel que j'ai choisi " Inscape", j'ai tout d'abord pris une image du site web mentionné ci dessus et  qui est déjà proposé pour la réalisation de notre premier modèle en format SVG. Ensuite, j'ai importé cette image sur Inscape pour la traiter selom les contraintes de cet exercice. J'ai redimensionné l'image 5*5 cm et j'ai choisi l'épaisseur de la bordure coloré en rouge 0,01 mm. Enfin, j'ai exporté l'image en format SVG. Aucun problème au niveau de ce travail puisque j'ai déjà fais l'année passée des travaux similaires que celle -ci.
*'''SVG sur Inscape :''' j'ai choisi une image *.svg du site web mentionné ci-dessus. Ensuite, j'ai importé cette image dans Inkscape pour la traiter selon les contraintes de cet exercice. J'ai redimensionné l'image 5*5 cm et j'ai choisi l'épaisseur de la bordure coloré en rouge 0,01 mm. Enfin, j'ai exporté l'image en format *.svg. Aucun problème n'est a signalé à ce stade.  


* '''Broderie sur Era :''' Par rapport au traitement d'image sur le logiciel de broderie "Stitch Era", avant de commencer le travail, j'ai lu les deux articles (pages) sur EdutechWiki  suivantes  https://edutechwiki.unige.ch/en/Stitch_Era_-_creating_embroidery_from_vector_images et  .. qui m'ont aidé à comprendre le fonctionnement de ce logiciel et de se familiariser un peu avec le logiciel Era . Puis, j'ai importé mon image en format .png, Ensuite, j'ai suivi exactement les memes étapes décrites par ma collègue Véronique sur la page réalisée par elle. Avec l'image que j'ai choisi, j'ai eu un problème au niveau des couleurs. En effet, après réduire les couleurs en 8 couleurs et en passant à l'étape "convertir en vectoriel", la couleur des cheveux , des yeux , les mains et le ballai prennent la meme couleur du fond de l'image. Donc j'ai du traité es couleurs de l'image avec un logiciel en ligne et changé un peu les couleurs de l'image originale puis j'ai appliqué les memes étapes pour arriver au résultat de simulation du broderie en 3D affiché ci-dessous-
* '''Broderie sur Era :''' avant de commencer ce travail, j'ai lu le tutoriel [[:en:Stitch_Era_-_creating_embroidery_from_vector_images|Stitch Era - creating embroidery from vector images]] qui m'a aidé à comprendre le fonctionnement de ce logiciel. Puis, j'ai importé mon image en format *.png, Ensuite, j'ai suivi les mêmes étapes décrites dans la page [[STIC:STIC IV (2017)/Création d' Émoticônes brodées et personnalisées pour séance d'orthophonie près d'enfants autistes]]. Avec l'image que j'ai choisi, j'ai eu un problème au niveau des couleurs. En effet, après réduction à 8 couleurs et en passant à l'étape "convertir en vectoriel", la couleur des cheveux ,des yeux ,les mains et le balai ont pris la couleur de fond de l'image. De ce fait, j'ai du changé un peu les couleurs de l'image originale.


''' Résultats '''
''' Résultats '''
Ligne 126 : Ligne 145 :
http://tecfaetu.unige.ch/etu-maltt/xerneas/minneci0/stic-4/ex1/index.html
http://tecfaetu.unige.ch/etu-maltt/xerneas/minneci0/stic-4/ex1/index.html


''' Contribution au wiki pour mon avatar sur Illustrator par Alessandro '''
En ce qui concerne mon avatar, j'ai choisi l'image d'un ours avec un air gentil, car je pense que nous sommes tous des "bisounours", à savoir que nous sommes des idéalistes et croyons que dans la société d'aujourd'hui toutes personnes a un bon fond. Ce qui hélas est erroné.
'''Introduction : '''
En ce qui concerne mon avatar, j'ai choisi l'image d'un ours avec un air gentil, car je pense que nous sommes tous des "bisounours", assavoir que nous sommes des idéalistes et croyons que dans la société d'aujourd'hui toutes personnes a un bon fond. Ce qui hélas est erroné.


'''Description : '''
'''Description : '''
   
   
L'image de l'ours montre l'évolution de son image originale de couleur rouge, en passant à l'image de la broderie, pour laquelle, j'ai changé la couleur, c'est à dire le bleu qui a un meilleur rendu sur un tissu blanc. En outre, comme l'image le montre l'ours est formé de plusieurs cercles de différentes tailles ce qui m'a permis de montrer la complexité de la borderie. De plus, j'ai accentué la difficulté pour la brodeuse en rajoutant mon prénom. Pour terminer par l'image noir et rouge utilisée par la découpeuse laser.
L'image de l'ours montre l'évolution de son image originale de couleur rouge, en passant à l'image de la broderie, pour laquelle, j'ai changé la couleur, c'est à dire le bleu qui a un meilleur rendu sur un tissu blanc. En outre, comme l'image le montre l'ours est formé de plusieurs cercles de différentes tailles ce qui m'a permis de montrer la complexité de la borderie. De plus, j'ai accentué la difficulté pour la brodeuse en rajoutant mon prénom. Pour terminer, j'ai réalisé l'image pour la découpeuse laser (traits noir gravure, traits rouge découpe).


'''Techniques : '''
'''Techniques : '''
En ce qui concerne l'image de l'ours, elle a été téléchargée via un site d'image libre de droits, à savoir : https://openclipart.org/download/26940/pitr-teddy-bear-icon.svg. Puis, cette image a été modifiée à l'aide du logiciel Adobe Illustrator. J'ai donc changé la couleur du pelage et changé la dimension. Car j'ai choisi un dessin qui ne devait pas dépasser 5x5 cm. J'ai ensuite enregistré l'image en point "SVG", ce qui m'a permis de la travailler sur l'application Stitch Era pour Windows. Ne connaissant pas le logiciel pour la broderie, je me suis référé aux pages edutech Wiki pour créer un fichier compatible avec la brodeuse de marque Brother. Ayant demandé de l'aide à M. Schneider, j'ai pu voir le rendu via le bouton éclair se trouvant en haut à droite de l'application Stitch Era. Une particularité m'a étonné avant la transformation de l'image pour qu'elle soit reconnue par la brodeuse, il a fallu mettre déplacer les calque en mettant en premier les couches du pelage, puis les couches des yeux, du nez et de la bouche pour terminer par les lignes noires de contours qui définissent le corps de l'ours. J'ai remarqué qu'en procédant de cette façon, nous pouvions nous retrouver avec un ours en relief et donc tactile pour les personnes qui sont malvoyantes. Pour terminer, j'ai dupliqué le fichier "SVG" de l'ours, ce qui m'a permis de le travailler pour la découpeuse laser. J'ai donc enlevé tout ce qui est couleur, à savoir le pelage bleu et le museau brun, pour ne garder que les contours de l'ours en noir, qui vont permettre à la découpeuse laser de comprendre qu'il faut brûler et pas découper. Pour terminer, j'ai ensuite rajouté un cercle de couleur rouge, permettant ainsi à la découpeuse laser de comprendre qu'il faut découper à cet endroit précis.


'''Résultat : '''
En ce qui concerne l'image de l'ours, elle a été téléchargée via un site d'image libre de droits, à savoir : https://openclipart.org/download/26940/pitr-teddy-bear-icon.svg. Puis, cette image a été modifiée à l'aide du logiciel Adobe Illustrator. J'ai donc changé la couleur du pelage et changé la dimension (5x5 cm). J'ai ensuite enregistré l'image en *.svg, ce qui m'a permis de la travailler sur l'application Stitch Era. Ne connaissant pas le logiciel pour la broderie, je me suis référé aux pages [[Guide de tutoriels de broderie machine]] pour créer un fichier compatible avec la brodeuse de marque Brother. Ayant demandé de l'aide à M. Schneider, j'ai pu voir le rendu via le bouton éclair se trouvant en haut à droite de l'application Stitch Era. Une particularité m'a étonné avant la transformation de l'image pour qu'elle soit reconnue par la brodeuse, il a fallu mettre déplacer les calques en mettant en premier les couches du pelage, puis les couches des yeux, du nez et de la bouche pour terminer par les lignes noires de contours qui définissent le corps de l'ours. J'ai remarqué qu'en procédant de cette façon, nous pouvions nous retrouver avec un ours en relief et donc tactile pour les personnes qui sont malvoyantes. Pour terminer, j'ai dupliqué le fichier *.svg de l'ours, ce qui m'a permis de le travailler pour la découpeuse laser. J'ai donc enlevé tout ce qui est couleur, à savoir le pelage bleu et le museau brun, pour ne garder que les contours de l'ours en noir, qui vont permettre à la découpeuse laser de comprendre qu'il faut brûler et pas découper. Pour terminer, j'ai ensuite rajouté un cercle de couleur rouge, permettant ainsi à la découpeuse laser de comprendre qu'il faut découper à cet endroit précis (traits noirs pour la gravure et traits rouges pour la découpe sont des conventions à [https://tecfa.unige.ch/ TECFA]).
 
'''Résultats : '''


{| class="Images"  
{| class="Images"  
Ligne 159 : Ligne 177 :


''' Traitement des images'''
''' Traitement des images'''
* Pour la broderie : Mon image en PNG a été importée sur Stitch Era, puis traitée selon les  conseils de la page wiki [[Stitch Era - créer une broderie à partir d'une image matricielle]] que j’ai réalisée (en m’aidant de la page en anglais de Daniel Schneider). Bien que réalisant chacune des étapes mon résultat final ne me satisfaisait pas. J’ai donc du refaire plus d’une dizaine de fois toutes les étapes. Initialement, mon dessin comptait des taches de rousseur mais j’ai choisi de les enlever; effectivement, la broderie étant de petite taille, elles auraient été peu visibles mais surtout la broderie au niveau du visage aurait été irrégulière. En les enlevant, le visage est ainsi beaucoup plus uniforme.  
* Pour la broderie : Mon image en PNG a été importée sur Stitch Era, puis traitée selon les  conseils de la page wiki [[Stitch Era - créer une broderie à partir d'une image matricielle]] que j’ai réalisée (en m’aidant de la page en anglais de Daniel Schneider). Bien que réalisant chacune des étapes mon résultat final ne me satisfaisait pas. J’ai donc du refaire plus d’une dizaine de fois toutes les étapes. Initialement, mon dessin comptait des tâches de rousseur mais j’ai choisi de les enlever; effectivement, la broderie étant de petite taille, elles auraient été peu visibles mais surtout la broderie aurait été irrégulière au niveau du visage. En les enlevant, le visage est ainsi beaucoup plus uniforme.  
* Pour la découpe laser: Dans un premier temps j’ai utilisé Power Point mais le logiciel Libre Draw ne reconnaissait pas la couleur rouge. J’ai finalement opté pour le logiciel Inkscape.
* Pour la découpe laser: Dans un premier temps j’ai utilisé LibreOffice Draw le logiciel ne reconnaissait pas la couleur rouge. J’ai finalement opté pour le logiciel Inkscape.


''' Résultats '''
''' Résultats '''
Ligne 181 : Ligne 199 :


<gallery>
<gallery>
Avatar-Tristan.svg|Avatar Tristan réalisé sur Illustrator
Avatar-Tristan.svg|Avatar Illustrator
Avatar-Tristan-Broderie.jpg|Avatar Tristan brodé
Avatar-Tristan-Broderie.jpg|Avatar brodé
AvatarLaser-Tristan.svg|Avatar Tristan réalisé sur Illustrator, formaté pour la découpeuse laser
AvatarLaser-Tristan.svg|Avatar pour la découpeuse laser
Avatar-Tristan-Laser.jpg|Avatar Tristan découpé au laser
Avatar-Tristan-Laser.jpg|Avatar découpé au laser
</gallery>J'avais deux objectifs pour ce projet, me faire plaisir artistiquement et tester la brodeuse avec une fichier complexe : plusieurs épaisseurs, pas mal de couleurs, des détails et des effets de broderie. L'idée du design a pris forme en cours de création, en m'amusant sur Illustrator, mais je savais déjà que je partirais sur une forme circulaire afin d'avoir un produit ressemblant aux "Patch" que l'on peut retrouver sur des vestes. Finalement, je suis arrivé sur un hybride qui faisait assez de sens pour que je puisse percevoir un lien avec ma personne - l'avatar étant censé me représenter - mélangeant homme et machine. Attiré par la modernité, les nouvelles technologies et ses artefacts, je reste partagé car l'aliénation guette. Cet homme-machine, sourire forcé et larme à l'oeil dénonce cette contradiction qui est en moi...
</gallery>J'avais deux objectifs pour ce projet, me faire plaisir artistiquement et tester la brodeuse avec une fichier complexe : plusieurs épaisseurs, pas mal de couleurs, des détails et des effets de broderie. L'idée du design a pris forme en cours de création, en m'amusant sur Illustrator, mais je savais déjà que je partirais sur une forme circulaire afin d'avoir un produit ressemblant aux "Patch" que l'on peut retrouver sur des vestes. Finalement, je suis arrivé sur un hybride qui faisait assez de sens pour que je puisse percevoir un lien avec ma personne - l'avatar étant censé me représenter - mélangeant homme et machine. Attiré par la modernité, les nouvelles technologies et ses artefacts, je reste partagé car l'aliénation guette. Cet homme-machine, sourire forcé et larme à l'oeil dénonce cette contradiction qui est en moi...


Ligne 195 : Ligne 213 :
|}
|}


J'ai réalisé un avatar qui joue de la guitare et avec une grosse barbe (que j'aimerais bien avoir). D'un point de vue technique, j'ai d'abord réalisé mon avatar avec Illustrator. J'ai utilisé pour cela différents vecteurs tous importés de [https://fr.freepik.com freepik]. Pour la découpe laser j'ai voulu découpé le contour cheveux et la barbe pour donner un effet mais on s'est vite rendu compte que cela faisait tomber tout le visage (lors du premier essai). J'ai donc abandonné cette idée et juste découpé la bouche et rempli de noir la barbe pour avoir un effet plus foncé sur le bois. Pour la broderie, je n'avais pas fait attention à l'ordre dans lequel la broderie s'effectuerait. On remarque donc qu'o ne voit pas le bras droit qui vient par dessus la guitare car il a été brodé avant la guitare. On remarque également qu'il y avait deux passages pour les lunettes ce qui rend la broderie brouillonne à ce niveau. Je n'avais également pas bien tendu mon t-shirt (mais cela était compliqué à bien tendre avec le petit chablon pour les petites tailles) et on remarque une déformation sur l'ampli par exemple.
J'ai réalisé un avatar qui joue de la guitare et avec une grosse barbe (que j'aimerais bien avoir). D'un point de vue technique, j'ai d'abord réalisé mon avatar avec Illustrator. J'ai utilisé pour cela différents vecteurs tous importés de [https://fr.freepik.com freepik]. Pour la découpe laser j'ai voulu découpé le contour cheveux et la barbe pour donner un effet mais on s'est vite rendu compte que cela faisait tomber tout le visage (lors du premier essai). J'ai donc abandonné cette idée et juste découpé la bouche et rempli de noir la barbe pour avoir un effet plus foncé sur le bois. Pour la broderie, je n'avais pas fait attention à l'ordre dans lequel la broderie s'effectuerait. On remarque donc que le bras droit n'est pas visible car il a été avant la guitare. On remarque également qu'il y avait deux passages pour les lunettes ce qui rend la broderie brouillonne à ce niveau. Je n'avais également pas bien tendu mon t-shirt (mais cela était compliqué à bien tendre avec le petit chablon pour les petites tailles) et on remarque une déformation sur l'ampli par exemple.


== Mon avatar par [[Utilisateur:Jacky Bossey|Jacky Bossey]] ==
== Mon avatar par [[Utilisateur:Jacky Bossey|Jacky Bossey]] ==
Ligne 209 : Ligne 227 :


Le design de cette avatar est basé sur un rendu minimaliste de mon visage en ne dessinant que les  caractéristiques types qui permettent de me reconnaître à savoir ma barbe rousse et mes cheveux le tout avec un style cartoon.
Le design de cette avatar est basé sur un rendu minimaliste de mon visage en ne dessinant que les  caractéristiques types qui permettent de me reconnaître à savoir ma barbe rousse et mes cheveux le tout avec un style cartoon.
Tout comme page TECFA personnelle, l'objectif de cette avatar est de mettre en avant l'aspect illustration et design de mon parcours. Je souhaitais aussi créer un avatar qui puisse faire office de logo pour mes différents créations durant le Master MALTT.
Tout comme ma page TECFA personnelle, l'objectif de cet avatar est de mettre en avant l'aspect illustration et design de mon parcours. Je souhaitais aussi créer un avatar qui puisse faire office de logo pour mes différentes créations durant le Master MALTT.


'''Réalisation'''
'''Réalisation'''
Ligne 216 : Ligne 234 :


A partir de là, j'ai fait différents exports afin d'avoir les fichiers nécessaires à la réalisation de l'exercice.
A partir de là, j'ai fait différents exports afin d'avoir les fichiers nécessaires à la réalisation de l'exercice.
*Un fichier noir et blanc avec un contour rouge pour la découpe laser
*Un fichier noir et blanc avec un contour rouge pour la découpe laser,
*Un fichier SVG en couleur pour la brodeuse.(Bug sur Stitch Era)
*Un fichier *.svg en couleur pour la brodeuse(Bug sur Stitch Era),
*Un fichier PNG (Solution au bug SVG)
*Un fichier .*png (solution au bug SVG),


Pour générer le fichier pour la broderie, j'ai simplement importer le fichier PNG dans Stitch Era et utilisé la fonction automatique du logiciel. (Résultat parfait.)
Pour générer le fichier pour la broderie, j'ai simplement importer le fichier *.png dans Stitch Era et utilisé la digitalisation automatique du logiciel (Résultat parfait).


'''Difficultés'''
'''Difficultés'''


L'import du fichier SVG dans le logiciel Stitch Era ne c'est pas passé comme souhaité. Une fois importé, le logo apparaissait complètement noir. J'ai donc essayé d'importer directement le fichier Illustrator mais cette fois, rien n'apparaissait.
L'import du fichier *.svg dans le logiciel Stitch Era ne s'est pas passé comme prévu. Une fois importé, le logo apparaissait complètement noir. J'ai donc essayé d'importer directement le fichier Illustrator mais cette fois, rien n'apparaissait.
J'ai donc décidé de faire un export en .PNG depuis Illustrator et d'improter ce fichier dan Stitch Era. Cela fonctionne parfaitement.
J'ai donc décidé de faire un export en *.png depuis Illustrator et d'improter ce fichier dan Stitch Era. Cela fonctionne parfaitement.


== Mon avatar par [[Utilisateur:Kevin Oulevey|Kevin]]==
== Mon avatar par [[Utilisateur:Kevin Oulevey|Kevin]]==


J'ai choisi de réaliser mon avatar en partant d'un [http://www.explosm.net webcomic] célèbre. J'ai choisi ce personnage pour deux raisons : (a) il m'a toujours plu, j'aime beaucoup ce style de dessin simple mais pas tant que cela, la forme de la tête n'est pas facile à reproduire et (b) car je trouve que son sourire et son pouce levé me correspond bien. Je suis parti d'une image en PNG que j'ai vectorisée sous Inkscape. J'ai du rajouter les bords pour la découpe laser. Le contour étant complexe cela a demandé un certain temps.  
J'ai choisi de réaliser mon avatar en partant d'un [http://www.explosm.net webcomic] célèbre. J'ai choisi ce personnage pour deux raisons : (a) il m'a toujours plu, j'aime beaucoup ce style de dessin simple mais pas tant que cela, la forme de la tête n'est pas facile à reproduire et (b) car je trouve que son sourire et son pouce levé me correspondent bien. Je suis parti d'une image en .png que j'ai vectorisée sous Inkscape. J'ai du rajouter les bords pour la découpe laser. Le contour étant complexe cela a demandé un certain temps.  


Pour la broderie, j'ai choisi d'y broder sur un tissu noir (ma polaire du travail), il a donc fallu adapter la couleur des contour qui est devenue blanche. La broderie a demandé plus de travail que prévu puisqu'il a fallu reprendre les diverses couches, contrairement à la laser il ne « suffit » pas de lui envoyer un fichier qui sera traité par la machine. Il faut prendre le temps et s'intéresser à chaque calque, à chaque élément. Il faut également bien penser les superpositions. Avec le recul j'aurai du augmenter la densité du remplissage, notamment sur le fond noir. Les premiers essais ayant été fait sur des tissus plus clairs cela me semblait moins poser problème qu'avec un tissu noir.  
Pour la broderie, j'ai choisi de broder sur un tissu noir (ma polaire du travail), il a donc fallu adapter la couleur des contours qui est devenue blanche. La broderie a demandé plus de travail que prévu puisqu'il a fallu reprendre les diverses couches. Contrairement à la gravure-découpe laser, il ne « suffit » pas de lui envoyer un fichier qui sera traité par la machine. Il faut prendre le temps et s'intéresser à chaque calque, à chaque élément. Il faut également bien penser les superpositions. Avec le recul, j'aurai du augmenter la densité du remplissage, notamment sur le fond noir. Les premiers essais ayant été fait sur des tissus plus clairs cela me semblait moins poser problème qu'avec un tissu noir.  


{| class="wikitable"  
{| class="wikitable"  
Ligne 241 : Ligne 259 :


[[Fichier:Avatar_Phénix_CC0.svg|vignette|100px|Image à la base du design. Source: Pixabay - novembre 2017]]
[[Fichier:Avatar_Phénix_CC0.svg|vignette|100px|Image à la base du design. Source: Pixabay - novembre 2017]]
'''Design''' : Je suis partis d'une image d'un phénix du domaine publique (CC0) disponible sur le site  [https://pixabay.com/fr Pixabay], je l'ai modifiée avec Inkscape pour enlever les parties qui me semblaient non-nécessaire et changer le dessin an niveau de la queue du phénix pour l'adapter à ce qui me paraissait le mieux pour la broderie et la découpe.
'''Design''' : Je suis parti d'une image d'un phénix du domaine publique (CC0) disponible sur le site  [https://pixabay.com/fr Pixabay], je l'ai modifiée avec Inkscape pour enlever les parties qui me semblaient non nécessaire et changer le dessin au niveau de la queue du phénix pour l'adapter à ce qui me paraissait le mieux pour la broderie et la gravure-découpe laser.


'''Choix de l'avatar''' :  Le phénix est une créature légendaire ayant une très longue vie et la capacité de renaître de ses cendres. Cet oiseau de flamme est une allégorie intéressante du cycle de vie et de mort, ainsi que des changements conceptuels qui se produisent en nous. J'ai toujours aimé cette créature, non seulement pour son apparence flamboyante et majestueuse, mais également car elle me rappelle constamment que la vie est un parcours cyclique, que nous apprenons toujours de nouvelles choses et qu'il ne faut pas trop se reposer sur des certitudes, mais toujours remettre en cause nos savoir lorsqu'ils nous empêchent d'évoluer.  
'''Choix de l'avatar''' :  le phénix est une créature légendaire ayant une très longue vie et la capacité de renaître de ses cendres. Cet oiseau de flamme est une allégorie intéressante du cycle de vie et de mort, ainsi que des changements conceptuels qui se produisent en nous. J'ai toujours aimé cette créature, non seulement pour son apparence flamboyante et majestueuse, mais également car elle me rappelle constamment que la vie est un parcours cyclique, que nous apprenons toujours de nouvelles choses et qu'il ne faut pas trop se reposer sur des certitudes mais toujours remettre en cause nos savoirs lorsqu'ils nous empêchent d'évoluer.  


'''Difficultés et erreurs''' :  Il faut prendre en compte que vu la petitesse de la broderie (4x7 cm) les espaces entre les différentes partie de phénix sont très restreint et que les contours ne sont pas forcément utiles dans une telle situation. En effet, mes contours se chevauchent et ne donnent pas totalement le résultat espérer. Une autre chose qui m'a causé soucis, c'est de ne pas avoir correctement coloré les multiples parties en amont dans Stitch Era, ce qui m'a valu de devoir assigner chaque couleur manuellement et m'a fait faire quelques écarts non désirés.
'''Difficultés et erreurs''' :  étant donné que la broderie est petite (4x7 cm), les espaces entre les différentes parties du phénix sont très restreints et les contours ne sont pas forcément utiles. En effet, mes contours se chevauchent et ne donnent pas totalement le résultat espérer. Une autre difficulté a été de ne pas avoir correctement coloré les multiples parties en amont dans Stitch Era, ce qui m'a valu de devoir assigner chaque couleur manuellement et m'a fait faire quelques écarts non désirés.


{| class="wikitable"  
{| class="wikitable"  
Ligne 256 : Ligne 274 :
'''Choix de l'avatar'''
'''Choix de l'avatar'''


Au départ, je souhaitais créer un logo pour l'association des étudiants. Pour ce faire, j'ai consulté les sites pixabay.com et openclipart.org, où j'ai trouvé des images ou icônes vectoriels symbolisant les outils techniques de travail des étudiants du Maltt. J'ai importé ces images dans Inkscape pour y créer le logo. J'ai créé ainsi 2 ou 3 logos qui, en leur totalité, s'affichaient mal sur '''Inkscape''' ou sur '''Desing Era'''. Je me suis rendue alors à l'évidence que je devais renoncer à cet objectif pour ramener le travail à un niveau inférieur de difficulté. De ce fait, j'ai redirigé mon travail sur un autre thème : mon avatar. Et pour être sûre que je ne connaitrais plus d'incompatibilité entre des illustrations et les 2 programmes susmentionnés, j'ai décidé de créer moi-même l'image. A cette fin, j'ai exploré les barres d'outils d'Inkscape et ai élaboré mon avatar selon l'image ci-dessous.
Au départ, je souhaitais créer un logo pour l'association des étudiants. Pour ce faire, j'ai consulté les sites [https://pixabay.com/fr/ pixabay] et [https://openclipart.org/ Openclipart] où j'ai trouvé des images et icônes symbolisant les outils techniques de travail des étudiants du Maltt. J'ai importé ces images dans Inkscape pour y créer le logo. J'ai créé ainsi 2 ou 3 logos qui, en leur totalité, s'affichaient mal sur Inkscape ou sur Stitch Era. Je me suis rendue alors à l'évidence que je devais renoncer à cet objectif pour ramener le travail à un niveau inférieur de difficulté. De ce fait, j'ai redirigé mon travail sur un autre thème : mon avatar. Pour être sûre que je ne connaitrais plus d'incompatibilité entre des illustrations et les 2 programmes susmentionnés, j'ai décidé de créer moi-même l'image. A cette fin, j'ai exploré les barres d'outils d'Inkscape et ai élaboré mon avatar selon l'image ci-dessous.


Parmi les choix que j'ai effectués, j'indique notamment les couleurs des traits de l'illustration. Effectivement, connaissant la contrainte concernant le nombre de couleurs à utiliser dans le programme Design Era, j'ai limité déjà à la base les effets de couleur de mon avatar. Par conséquent, j'ai réalisé le projet de dessin avec seules 6 couleurs. D'autre part, comme j'avais appris en cours que les broderies avec un remplissage massif d'une grande étendue de surface pouvaient déformer autant l'image que le tissu, j'ai opté pour dessiner des traits de visage et des contours sans remplissage.
Parmi les choix que j'ai effectués, j'indique notamment les couleurs des traits de l'illustration. Effectivement, connaissant la contrainte concernant le nombre de couleurs à utiliser dans le programme Stitch Era, j'ai limité à la base les couleurs de mon avatar. Par conséquent, j'ai réalisé le projet de dessin avec seulement 6 couleurs. D'autre part, comme j'avais appris en cours que les broderies avec un remplissage massif d'une grande étendue de surface pouvaient déformer autant l'image que le tissu, j'ai opté pour dessiner des traits de visage et des contours sans remplissage.


'''Difficultés techniques'''
'''Difficultés techniques'''


En faisant abstraction de ma difficulté initiale dans le maniement des 2 programmes à cause des images complexes que j'avais créées pour les logos de l'AEMaltt, pour la suite ma grande difficulté était de créer le dessin moi-même. N'ayant jamais été une "dessinatrice remarquable" à main levée, je ne l'étais pas non plus avec des outils tehniques. C'est pourquoi mon dessin a été très simple, surtout comparé à ceux de mes collègues de volée.
En faisant abstraction de ma difficulté initiale dans le maniement des 2 programmes à cause des images complexes que j'avais créées pour les logos de l'AEMaltt, la grande difficulté était de créer le dessin moi-même. N'ayant jamais été une "dessinatrice remarquable" à main levée, je ne l'étais pas non plus avec des outils techniques. C'est pourquoi mon dessin a été très simple, surtout comparé à ceux de mes collègues.


'''Ce que j'ai appris'''
'''Ce que j'ai appris'''
Ligne 270 : Ligne 288 :
Durant ce travail, j'ai appris comment contrôler la qualité de mon dessin dans Inkscape. L'illustration de mon avatar contenait des couches et de traits que je croyais effacés mais qui étaient restés sur place, bien qu'invisibles. C'est peut-être aussi cela la raison de mes échecs précédents lors de mon travail sur le logo de l'AEMaltt.
Durant ce travail, j'ai appris comment contrôler la qualité de mon dessin dans Inkscape. L'illustration de mon avatar contenait des couches et de traits que je croyais effacés mais qui étaient restés sur place, bien qu'invisibles. C'est peut-être aussi cela la raison de mes échecs précédents lors de mon travail sur le logo de l'AEMaltt.


Un autre point qui a retenu toute mon attention, c'est le résultat de mon avatar brodé sur un tissu et gravé sur du bois. J'ai aperçu que les traits de mon image étaient trop fins. Résultat : ils étaient à peine visibles sur les 2 supports. En outre, le gilet étant consituté d'un tissu en jeans foncé et les couleurs retenues pour les traits de mon visage étant plutôt foncées également, la visibilité de mon avatar sur le gilet est moindre. De même sur le jeton en bois produit par la découpeuse laser. Ces aspects seront vraisemblablement pris en considération lors du projet mis en place avec la communauté retenue pour mon travail de groupe lors du module 3.
Un autre point qui a retenu toute mon attention, c'est le résultat de mon avatar brodé sur un tissu et gravé sur du bois. Je me suis aperçue que les traits de mon image étaient trop fins. Résultat : ils étaient à peine visibles sur les 2 supports. En outre, le gilet étant constitué d'un tissu en jeans foncé et les couleurs retenues pour les traits de mon visage étant plutôt foncées également, la visibilité de mon avatar sur le gilet est moindre; idem sur le jeton en bois produit par la découpeuse laser. Ces aspects seront vraisemblablement pris en considération lors du projet mis en place avec la communauté retenue pour mon travail de groupe lors du module 3.
   
   
{| class="wikitable"  
{| class="wikitable"  
Ligne 287 : Ligne 305 :
'''Production'''
'''Production'''


J'ai pris l’image sur le site web [https://openclipart.org/ Openclipart] et l’ai modifiée avec le logiciel ''Inkscape'' pour que l’avatar me ressemble autant que possible. J’ai changé les habits, les couleurs des yeux, des cheveux, la forme de coiffure. Ensuite, j’ai importé l’image dans ''Stich Era'' afin de préparer mon avatar pour la broderie.
J'ai pris l’image sur le site web [https://openclipart.org/ Openclipart] et l’ai modifiée avec le logiciel Inkscape pour que l’avatar me ressemble autant que possible. J’ai changé les habits, les couleurs des yeux, des cheveux, la forme de coiffure. Ensuite, j’ai importé l’image dans Stich Era afin de préparer mon avatar pour la broderie.


Pour la découpe laser, j’ai transformé mon image en « noir et blanc » avec le logiciel ''Inkscape''.
Pour la découpe laser, j’ai transformé mon image en « noir et blanc » avec le logiciel Inkscape.


'''Difficultés techniques'''
'''Difficultés techniques'''


J’ai rencontré une seule difficulté : en moment de faire la simulation avec Stich Era, j’ai remarqué que le fil entre plusieurs parties de l’image (les deux pieds, la tête et le bras) n’est pas coupé même si j’ai coché l'option « Couper le fil après l’objet ». La solution c’était de sauvegarder la production sous le format Tajima (Fichiers DST).
J’ai rencontré une seule difficulté : au moment de faire la simulation avec Stitch Era, j’ai remarqué que le fil entre plusieurs parties de l’image (les deux pieds, la tête et le bras) n’est pas coupé même si j’ai coché l'option « Couper le fil après l’objet ». La solution était de sauvegarder la production sous le format Tajima (Fichiers *.dst).


'''Résultats'''
'''Résultats'''
Ligne 300 : Ligne 318 :
|[[Fichier:SVG Broderie LiudmylaG.svg|néant|vignette|353x353px|SVG pour la broderie]]||[[Fichier:Découpe laser Liudmyla.jpg|néant|vignette|384x384px|L'avatar en bois]]||[[Fichier:Broderie Liudmyla.jpg|néant|vignette|320x320px|La broderie]]
|[[Fichier:SVG Broderie LiudmylaG.svg|néant|vignette|353x353px|SVG pour la broderie]]||[[Fichier:Découpe laser Liudmyla.jpg|néant|vignette|384x384px|L'avatar en bois]]||[[Fichier:Broderie Liudmyla.jpg|néant|vignette|320x320px|La broderie]]
|}
|}
== Mon avatar par [[Utilisateur:Leyla|Leyla]] ==
== Mon avatar par [[Utilisateur:Leyla|Leyla]] ==


'''Description'''
'''Description''': j'ai choisi l'image de soleil comme avatar car je trouve qu'il me représente bien. Tout d'abord, j'adore le soleil qui me charge de l'énergie de vivre. En plus, mes amis m'appellent "soleil" pour ma joie, ma bonne humeur, ma passion pour la vie.
L'exercice le plus difficile a été de trouver un avatar de moi. Je ne sais pas dessiner, pour moi c'était difficile de trouver sur l'internet ce que je voulais vraiment. Enfin, j'ai choisi l'image d'une fille avec les fruits.


'''Production''': j'ai trouvé l'image du soleil sur le site [https://openclipart.org/detail/59389/happy-sun Openclipart]. Ensuite, j'ai importé le *.svg dans le logiciel Stitch Era et j'ai simplifié l'image pour la broderie. J'ai préparé le fichier pour la gravure laser à l'aide de logiciel Inkscape. La gravure laser était très facile. Ce qui concerne la broderie, il  n'y avait pas de fil jaune et j'ai fait le soleil en rouge et orange.


'''Difficultés techniques''': tout au début j'ai eu des problèmes de réalisation. Quand j'importais les images en *.svg dans le logiciel Stitch Era, je recevais un message d'erreur. J'ai essayé de préparer le fichier pour la gravure-découpe laser avec Inkscape, j'ai changé les paramètres, mais sans succès. Il avait toujours un problème. Enfin, j'ai trouvé l'image qui ne donnait pas d'erreurs dans Stitch Era.


'''Production'''
'''Résultats'''


{| class="wikitable"
|+ Variantes
|[[Fichier:Happy-sun-original.svg|vignette|250x250px|SVG original]]
|[[Fichier:Happy-sun-print.svg|vignette|250x250px|SVG pour la gravure laser]]
|[[Fichier:Broderie Leyla.jpg|vignette|250x250px|Badge brodé]]
|[[Fichier:Gravure Leyla.jpg|vignette|250x250px|Gravure]]


|}


'''Difficultés techniques'''
'''Résultats'''




[[Catégorie: Broderie machine]]
[[Catégorie: Broderie machine]]

Dernière version du 21 septembre 2020 à 07:57

Broderie machine
Module: STIC:STIC IV (2017)/Projets ◀▬
◀▬▬▶
⚐ finalisé ☸ débutant
⚒ 2020/09/21 ⚒⚒ 2018/03/28
Catégorie: Broderie machine

Introduction

Cette page présente des propositions d'avatars qui représentent leur créateur. Il s'agit d'une activité d'éveil qui permettait aux participant-e-s de découvrir les principes de la broderie machine et du logiciel Stitch Era et de la Découpe et gravure laser.

Voir aussi l'activité alternative: "Logo association des étudiant(e)s MALTT"

Avatar sur Face.co par Lydie BOUFFLERS (discussion)

Description et utilisations :

Lors de la création de mon avatar, je voulais quelque chose de "réaliste", qui me ressemble : couleur des yeux, des cheveux, teint clair etc. ; l'idée était que l'on puisse me reconnaître.

J'ai donc réaliser mon avatar sur le site face.co (image 1) dans le but d'une triple utilisation :

  • l'avatar SVG couleur (image 1) sera utilisé pour mon identité numérique (style plateforme Moodle),
  • l'avatar pour la gravure / découpe laser (images 2 et 3) est destiné à devenir un porte-clé. J'ai donc crée deux modèles : le premier sous forme de médaillon pour visualiser le rendu et le second, toujours sous forme de médaillon, comporte une 2e ligne de découpe - un petit cercle au dessus de la tête - pour y accrocher les clés (cette version n'est pas photographier ici). Le fichier SVG est disponible sous Avatar SVG _ Lydie Boufflers
  • l'avatar pour la broderie a été brodé sur un bavoir de mon fils qu'il emportera à la crèche. La simulation (cf. image 4) rend plutôt bien et le résultat assez réussi (cf. image 5).

Difficultés techniques:

Le SVG obtenu sur le site Face.co était très compliqué donc :

  • pour le fichier gravure / découpe laser: il a fallu le simplifier au maximum en dégroupant tous les vecteurs puis utiliser l'éditeur XML editor intégré dans Inkscape (Edition -> Editeur XML) pour obtenir une structure à plat (i.e pas de groupes d'objets) et enfin, supprimer les vecteurs inutiles. Daniel K.Schneider a documenté cette procédure dans Discussion Visualisation de la broderie.
  • pour la broderie : il a fallu décolorer puis recolorer le SVG car le logiciel Stitch Era - logiciel de broderie machine et de hotfix ne pouvait pas importer le SVG car les couleurs de remplissage n'étaient pas prises en charge par le logiciel de broderie (message d'erreur) et, de plus, il y avait beaucoup trop de tons de couleurs différents.


Voici les résultats :

Variantes
1.Avatar SVG
2.SVG laser
3. Avatar en bois
4. Simulation Broderie
5. Avatar en broderie

Mon avatar sur Inkscape par Brigitte Steiner (discussion)

L'idée est un petit "logo" très simplifié, proche du smiley, où on peut un peu me reconnaître. J'ai fait un design simple et rond pour le côté mignon que j'aime bien, et pour que ce soit facile à graver et à broder. J'ai créé le design directement sur Inkscape, d'abord en version couleurs pour la broderie, puis en noir et blanc pour la découpe laser.

Gravure

La gravure m'a posé un petit problème technique : seuls les ovales des joues ressortaient vraiment. Avec l'aide de M.Schneider nous avons constaté que les autres traits du dessins étaient des contours de formes, alors que les ovales étaient un remplissage noir d'une forme ovale. Nous avons donc transformé les autres traits en chemins (dans Inkscape : sélectionner le trait > chemin > contour en chemin). De cette façon toutes les parties noires du dessins étaient des remplissages de chemin, et non des contours, selon inkscape. La gravure a ensuite fonctionné correctement.

Broderie

Pour la broderie, j'ai rencontré quelques problèmes au moment de l'adaptation de mon design en fichier de broderie :

  • La première fois que j'ai importé mon design, il semblait correct en dehors d'un petit souci d'épaisseur du trait noir. J'ai réglé ce problème en dégroupant d'abord les éléments dans mon design, avant de le réimporter.
  • Malgré l'importation de mon fichier *.svg dont les éléments avaient été dégroupés, en transformant le design en broderie, les courbes se sont déformées et sont devenues des angles. J'ai donc du redégrouper une deuxième fois dans Stitch Era - logiciel de broderie machine et de hotfix (Object manager à gauche > Dans auxiliar, ouvrir les contenus avec la petite flèche noire pour les voir > Avec un clic droit sur le nom du groupe (nom du fichier), cliquer ensuite sur degroup).

Après cela j'ai pu générer mon fichier correctement. Une dernière remarque cependant au niveau du résultat final : il vaut mieux ne pas faire un trait zigzag si celui-ci est très fin, car il n'est pas très bien géré et tire le fil de dessous à la surface (ce fil était blanc en l'occurrence).

Variantes
SVG couleur pour broderie
SVG noir et blanc avec contour pour gravure et découpe laser
L'avatar en bois
La broderie

Mon avatar par Philippe Berset

Pour mon avatar, j'ai choisi le personnage de Son Goku, personnage principal du manga Dragon Ball créé par Akira Toriyama. Ce choix a été fait pour deux raisons:

  • d'une part, je voulais une image relativement complexe afin de tester la machine et de voir si je pouvais atteindre le niveau de rendu que j'imaginais (et pour faire peut-être une petite folie super cool sur un T-Shirt plus tard),
  • d'autre part, je peux m'identifier à Son Goku, son caractère et ses actes (toutes proportions gardées...). En effet, nous aimons tous les deux l'action et préférons pouvoir agir et expérimenter avec nos sens, plutôt que de rester en retrait et analyser de manière abstraite. Nous cherchons à nous dépasser et nous puisons notre motivation à évoluer jusque dans des univers différents du nôtre (littéralement). Je me permets de penser que je suis plus patient et intelligent que lui (moins vorace aussi), mais je pense que s'il existait dans notre monde, nous serions bons amis, car nous partageons cette envie d'aller de l'avant et d'apprendre des autres.

Technique : J'ai tout d'abord dessiné sur Gimp à l'aide d'un modèle existant. J'ai retracé tous les contours et les petits traits intérieurs sur un layer. J'ai coloré ces contours en jaune afin de les différencier dans stitch era, mais ils ont été brodés en noir pour le rendu cartoon. J'ai ensuite colorié zone par zone à chaque fois sur un layer séparé avec une couleur unie afin de faciliter la vectorisation (sans dégradés, les contours noirs ont une importance pour la lisibilité de l'image). Utilisant un fond vert pour définir la transparence facilement, j'ai importé l'image *.png dans Stitch Era - logiciel de broderie machine et de hotfix pour la vectorisation. Malheureusement, à cause des petits détails en noir, de très nombreuses zones ont été créées avec des chemins qui se croisent. Importer l'image vectorisée à partir d'inkscape (*.svg) ou illustrator (*.ai) m'a posé plusieurs problèmes techniques (chargements et erreurs). Ainsi, comme Goku l'aurait fait, plutôt que de réfléchir longtemps à corriger le problème, j'ai opté pour la solution la plus directe et j'ai redessiné les zones à la main dans stitch era (quitte à faire une image vectorielle à la main, autant ne pas compter sur un logiciel intermédiaire et éviter les complications). J'ai donc mis l'image *.png en fond dans Stitch era et j'ai repassé sur les traits avec l'outil de création "area-pattern" et "path-running stitch". J'ai pu définir les couleurs précisément par zones et avoir un bon contrôle sur le résultat de sortie (ordre des zones pendant la broderie). Je n'ai pas trouvé comment couper le fil entre des zones de même couleur, ce qui fait que j'ai du enlever de nombreux fils à la main une fois le travail terminé. L'image pour la découpe laser a été vectorisée automatiquement par inkscape avec l'option vectoriser image matricielle > détection de contours. Et le contour rouge a été ajouté à la main pour créer un effet flash et un socle qui permet de faire tenir la gravure debout.

Variantes
PNG pour la broderie. Contours jaunes pour différentier le path du contour de l'area des cheveux
SVG pour la gravure laser, avec socle
La broderie
La gravure

Mon Avatar sur Face.co par Kristina

Descriptif de la production

Pour mon avatar je me suis rendu sur la page du site Face.co. J'ai choisi les traits du visage les plus proches du mien. C'était amusant d'habiller mon avatar - le choix difficile du garde-robe et des couleurs (!). Une fois satisfaite du résultat, j'ai exporté l'image en format *.png et *.svg.
Pour la broderie, j'ai pris l'image en *.png et en suivant le tutoriel sur Digitizing complex bitmap images j'ai créé une version dans Stich Era pour la broderie.
Pour la découpe laser, j'ai pris l'image en format *.svg dans Inkscape et en suivant le tutoriel Inscape pour la découpe et la gravure laser j'ai préparé l'image pour la découpe-gravure laser.

Variantes
Avatar en format.png
Avatar en svg pour la broderie
Avatar en svg pour la découpe laser
Avatar brodé
Avatar découpe laser

Mon Avatar par Azmira Bajra

L’avatar a été créé grâce au site face.co/. A partir de ce dernier un fichier *.svg a été généré afin de pouvoir le traiter tout d’abord dans le logiciel Inkscape pour la découpe-gravure laser et ensuite dans le logiciel Stitch Era pour la broderie.

La principale difficulté rencontrée était la simplifier les vecteurs de la chevelure (en les supprimant) afin d’éviter une broderie surchargée. Ensuite, grâce à l’outil simulation, il était possible de visualiser les erreurs et les détails souhaités.

L’avatar a été choisi pour cet exercice parce qu’étant plus complexe qu’un logo, il permettait d’étudier de façon plus poussé le fonctionnement de Stitch Era.

En ce qui concerne le résultat, final, il y a une différence d’affichage par rapport à l’image initiale, découlant de l’indisponibilité de certaines couleurs dans la machine d’impression.  

Variantes
SVG Avatar Azmira
Simulation de broderie Azmira
La broderie Azmira

Mon Avatar par Aya Benmosbah

Choix de l'Avatar

J'ai choisi l'image ci-dessous que j'ai pris du site web https://openclipart.org/ pour la simple raison qu'à l'occasion d'Halloween, ma fille s'est déguisée en sorcière.


Dessins

Image SVG Inkscape pour gravure et découpe laser
Image PNG Inkscape

Traitement des images

  • SVG sur Inscape : j'ai choisi une image *.svg du site web mentionné ci-dessus. Ensuite, j'ai importé cette image dans Inkscape pour la traiter selon les contraintes de cet exercice. J'ai redimensionné l'image 5*5 cm et j'ai choisi l'épaisseur de la bordure coloré en rouge 0,01 mm. Enfin, j'ai exporté l'image en format *.svg. Aucun problème n'est a signalé à ce stade.

Résultats

Résultat sur le bois Aya
La simulation du broderie
La broderie résultat Aya

Mon Avatar par Alessandro MINNECI

Le choix de l'Avatar avec les images : http://tecfaetu.unige.ch/etu-maltt/xerneas/minneci0/stic-4/ex1/index.html

En ce qui concerne mon avatar, j'ai choisi l'image d'un ours avec un air gentil, car je pense que nous sommes tous des "bisounours", à savoir que nous sommes des idéalistes et croyons que dans la société d'aujourd'hui toutes personnes a un bon fond. Ce qui hélas est erroné.

Description :

L'image de l'ours montre l'évolution de son image originale de couleur rouge, en passant à l'image de la broderie, pour laquelle, j'ai changé la couleur, c'est à dire le bleu qui a un meilleur rendu sur un tissu blanc. En outre, comme l'image le montre l'ours est formé de plusieurs cercles de différentes tailles ce qui m'a permis de montrer la complexité de la borderie. De plus, j'ai accentué la difficulté pour la brodeuse en rajoutant mon prénom. Pour terminer, j'ai réalisé l'image pour la découpeuse laser (traits noir gravure, traits rouge découpe).

Techniques :

En ce qui concerne l'image de l'ours, elle a été téléchargée via un site d'image libre de droits, à savoir : https://openclipart.org/download/26940/pitr-teddy-bear-icon.svg. Puis, cette image a été modifiée à l'aide du logiciel Adobe Illustrator. J'ai donc changé la couleur du pelage et changé la dimension (5x5 cm). J'ai ensuite enregistré l'image en *.svg, ce qui m'a permis de la travailler sur l'application Stitch Era. Ne connaissant pas le logiciel pour la broderie, je me suis référé aux pages Guide de tutoriels de broderie machine pour créer un fichier compatible avec la brodeuse de marque Brother. Ayant demandé de l'aide à M. Schneider, j'ai pu voir le rendu via le bouton éclair se trouvant en haut à droite de l'application Stitch Era. Une particularité m'a étonné avant la transformation de l'image pour qu'elle soit reconnue par la brodeuse, il a fallu mettre déplacer les calques en mettant en premier les couches du pelage, puis les couches des yeux, du nez et de la bouche pour terminer par les lignes noires de contours qui définissent le corps de l'ours. J'ai remarqué qu'en procédant de cette façon, nous pouvions nous retrouver avec un ours en relief et donc tactile pour les personnes qui sont malvoyantes. Pour terminer, j'ai dupliqué le fichier *.svg de l'ours, ce qui m'a permis de le travailler pour la découpeuse laser. J'ai donc enlevé tout ce qui est couleur, à savoir le pelage bleu et le museau brun, pour ne garder que les contours de l'ours en noir, qui vont permettre à la découpeuse laser de comprendre qu'il faut brûler et pas découper. Pour terminer, j'ai ensuite rajouté un cercle de couleur rouge, permettant ainsi à la découpeuse laser de comprendre qu'il faut découper à cet endroit précis (traits noirs pour la gravure et traits rouges pour la découpe sont des conventions à TECFA).

Résultats :

Images
SVG laser Alessandro
L'avatar en bois Alessandro
La broderie Alessandro

Mon Avatar par Véronique Dauve

Plutôt rousse et aimant peindre, j’ai dessiné mon avatar de façon à ce que l’on retrouve ces caractéristiques de mon profil.

Dessins

Dessin main levée Véronique
Dessin main levée Véronique

Une fois, mon dessin réalisé à main levée, je l’ai scanné, puis modifié de deux façons différentes; l’une pour la découpe laser et l’autre pour la broderie.

  • Pour la broderie : J’ai modifié les couleurs avec le logiciel Photoshop de façon à diminuer au maximum les nuances de couleurs.
  • Pour la découpe laser: J’ai transformé l’image avec le logiciel Inkscape, de façon à ce qu’il n’y ait que du blanc et du noir

Traitement des images

  • Pour la broderie : Mon image en PNG a été importée sur Stitch Era, puis traitée selon les conseils de la page wiki Stitch Era - créer une broderie à partir d'une image matricielle que j’ai réalisée (en m’aidant de la page en anglais de Daniel Schneider). Bien que réalisant chacune des étapes mon résultat final ne me satisfaisait pas. J’ai donc du refaire plus d’une dizaine de fois toutes les étapes. Initialement, mon dessin comptait des tâches de rousseur mais j’ai choisi de les enlever; effectivement, la broderie étant de petite taille, elles auraient été peu visibles mais surtout la broderie aurait été irrégulière au niveau du visage. En les enlevant, le visage est ainsi beaucoup plus uniforme.
  • Pour la découpe laser: Dans un premier temps j’ai utilisé LibreOffice Draw le logiciel ne reconnaissait pas la couleur rouge. J’ai finalement opté pour le logiciel Inkscape.

Résultats

  • Broderie
Avatar Véronique Broderie
Image pour Broderie
Broderie
  • Découpe laser
Avatar Véronique découpe laser
Imge pour découpe
Broderie

Remarque La découpe laser correspond à mes attentes, par contre pour la broderie les yeux ne ressortent pas, ce qui est visiblement du à l'origine d'ordre des points de broderie. Les points du visage auraient du précéder ceux des yeux.

Mon avatar par Tristan

  • Avatar Illustrator

    Avatar Illustrator

  • Avatar brodé

    Avatar brodé

  • Avatar pour la découpeuse laser

    Avatar pour la découpeuse laser

  • Avatar découpé au laser

    Avatar découpé au laser

J'avais deux objectifs pour ce projet, me faire plaisir artistiquement et tester la brodeuse avec une fichier complexe : plusieurs épaisseurs, pas mal de couleurs, des détails et des effets de broderie. L'idée du design a pris forme en cours de création, en m'amusant sur Illustrator, mais je savais déjà que je partirais sur une forme circulaire afin d'avoir un produit ressemblant aux "Patch" que l'on peut retrouver sur des vestes. Finalement, je suis arrivé sur un hybride qui faisait assez de sens pour que je puisse percevoir un lien avec ma personne - l'avatar étant censé me représenter - mélangeant homme et machine. Attiré par la modernité, les nouvelles technologies et ses artefacts, je reste partagé car l'aliénation guette. Cet homme-machine, sourire forcé et larme à l'oeil dénonce cette contradiction qui est en moi...

En terme de fabrication, j'avais déjà utilisé des découpeuse laser, cela ne fût donc pas une découverte et je trouve le résultat satisfaisant même si j'ai oublié quelques détails sur ce visuel comparé à celui que j'ai fait brodé (à noter que le svg formaté pour la découpeuse laser sur cette page à des traits rouge de 0.2 mm car sinon on ne les voit pas mais pour la découpe je les ai bien fait de 0.01 mm). Je n'avais par contre jamais utilisé de brodeuse, et ce fût très intéressant. Je suis toujours surpris du degré de sophistication de ce genre de machines ! Le logiciel intègre un processus simplifiant l'import de design réalisés sur Illustrator, je n'ai donc pas eu beaucoup de retouches à faire en terme de vecteurs, cependant j'ai été trop ambitieux pour les couleurs...j'aurais dû aller voir ce qui était proposé avant de coloré mon avatar. J'ai donc dû simplifier et utiliser moins de couleurs. Pour finir, le rendu final est ovale car il a subit une déformation lors de la broderie. À prendre en compte lors des prochaines réalisations !

Mon avatar par Valentin Pouilly

Variantes
Avatar de Valentin
Le fichier pour la découpe laser
Le résultat sur bois de la découpe laser
La broderie

J'ai réalisé un avatar qui joue de la guitare et avec une grosse barbe (que j'aimerais bien avoir). D'un point de vue technique, j'ai d'abord réalisé mon avatar avec Illustrator. J'ai utilisé pour cela différents vecteurs tous importés de freepik. Pour la découpe laser j'ai voulu découpé le contour cheveux et la barbe pour donner un effet mais on s'est vite rendu compte que cela faisait tomber tout le visage (lors du premier essai). J'ai donc abandonné cette idée et juste découpé la bouche et rempli de noir la barbe pour avoir un effet plus foncé sur le bois. Pour la broderie, je n'avais pas fait attention à l'ordre dans lequel la broderie s'effectuerait. On remarque donc que le bras droit n'est pas visible car il a été avant la guitare. On remarque également qu'il y avait deux passages pour les lunettes ce qui rend la broderie brouillonne à ce niveau. Je n'avais également pas bien tendu mon t-shirt (mais cela était compliqué à bien tendre avec le petit chablon pour les petites tailles) et on remarque une déformation sur l'ampli par exemple.

Mon avatar par Jacky Bossey

Variantes
Logo SVG Couleur
Logo N/B Découpe Laser
Logo Brodé
Logo Découpe Laser

Le design de cette avatar est basé sur un rendu minimaliste de mon visage en ne dessinant que les caractéristiques types qui permettent de me reconnaître à savoir ma barbe rousse et mes cheveux le tout avec un style cartoon. Tout comme ma page TECFA personnelle, l'objectif de cet avatar est de mettre en avant l'aspect illustration et design de mon parcours. Je souhaitais aussi créer un avatar qui puisse faire office de logo pour mes différentes créations durant le Master MALTT.

Réalisation

J'ai commencé par esquissé un dessin sur papier avant de le vectoriser sur Adobe Illustrator. La colorisation a également été faite sous Illustrator.

A partir de là, j'ai fait différents exports afin d'avoir les fichiers nécessaires à la réalisation de l'exercice.

  • Un fichier noir et blanc avec un contour rouge pour la découpe laser,
  • Un fichier *.svg en couleur pour la brodeuse(Bug sur Stitch Era),
  • Un fichier .*png (solution au bug SVG),

Pour générer le fichier pour la broderie, j'ai simplement importer le fichier *.png dans Stitch Era et utilisé la digitalisation automatique du logiciel (Résultat parfait).

Difficultés

L'import du fichier *.svg dans le logiciel Stitch Era ne s'est pas passé comme prévu. Une fois importé, le logo apparaissait complètement noir. J'ai donc essayé d'importer directement le fichier Illustrator mais cette fois, rien n'apparaissait. J'ai donc décidé de faire un export en *.png depuis Illustrator et d'improter ce fichier dan Stitch Era. Cela fonctionne parfaitement.

Mon avatar par Kevin

J'ai choisi de réaliser mon avatar en partant d'un webcomic célèbre. J'ai choisi ce personnage pour deux raisons : (a) il m'a toujours plu, j'aime beaucoup ce style de dessin simple mais pas tant que cela, la forme de la tête n'est pas facile à reproduire et (b) car je trouve que son sourire et son pouce levé me correspondent bien. Je suis parti d'une image en .png que j'ai vectorisée sous Inkscape. J'ai du rajouter les bords pour la découpe laser. Le contour étant complexe cela a demandé un certain temps.

Pour la broderie, j'ai choisi de broder sur un tissu noir (ma polaire du travail), il a donc fallu adapter la couleur des contours qui est devenue blanche. La broderie a demandé plus de travail que prévu puisqu'il a fallu reprendre les diverses couches. Contrairement à la gravure-découpe laser, il ne « suffit » pas de lui envoyer un fichier qui sera traité par la machine. Il faut prendre le temps et s'intéresser à chaque calque, à chaque élément. Il faut également bien penser les superpositions. Avec le recul, j'aurai du augmenter la densité du remplissage, notamment sur le fond noir. Les premiers essais ayant été fait sur des tissus plus clairs cela me semblait moins poser problème qu'avec un tissu noir.

Variantes
SVG pour découpe laser
L'avatar en bois
La broderie

Mon avatar par Quentin Gyger (discussion)

Image à la base du design. Source: Pixabay - novembre 2017

Design : Je suis parti d'une image d'un phénix du domaine publique (CC0) disponible sur le site Pixabay, je l'ai modifiée avec Inkscape pour enlever les parties qui me semblaient non nécessaire et changer le dessin au niveau de la queue du phénix pour l'adapter à ce qui me paraissait le mieux pour la broderie et la gravure-découpe laser.

Choix de l'avatar : le phénix est une créature légendaire ayant une très longue vie et la capacité de renaître de ses cendres. Cet oiseau de flamme est une allégorie intéressante du cycle de vie et de mort, ainsi que des changements conceptuels qui se produisent en nous. J'ai toujours aimé cette créature, non seulement pour son apparence flamboyante et majestueuse, mais également car elle me rappelle constamment que la vie est un parcours cyclique, que nous apprenons toujours de nouvelles choses et qu'il ne faut pas trop se reposer sur des certitudes mais toujours remettre en cause nos savoirs lorsqu'ils nous empêchent d'évoluer.

Difficultés et erreurs : étant donné que la broderie est petite (4x7 cm), les espaces entre les différentes parties du phénix sont très restreints et les contours ne sont pas forcément utiles. En effet, mes contours se chevauchent et ne donnent pas totalement le résultat espérer. Une autre difficulté a été de ne pas avoir correctement coloré les multiples parties en amont dans Stitch Era, ce qui m'a valu de devoir assigner chaque couleur manuellement et m'a fait faire quelques écarts non désirés.

Variantes
SVG pour la broderie
SVG pour la gravure laser
La broderie
La gravure

Mon avatar par Andréa (discussion)

Choix de l'avatar

Au départ, je souhaitais créer un logo pour l'association des étudiants. Pour ce faire, j'ai consulté les sites pixabay et Openclipart où j'ai trouvé des images et icônes symbolisant les outils techniques de travail des étudiants du Maltt. J'ai importé ces images dans Inkscape pour y créer le logo. J'ai créé ainsi 2 ou 3 logos qui, en leur totalité, s'affichaient mal sur Inkscape ou sur Stitch Era. Je me suis rendue alors à l'évidence que je devais renoncer à cet objectif pour ramener le travail à un niveau inférieur de difficulté. De ce fait, j'ai redirigé mon travail sur un autre thème : mon avatar. Pour être sûre que je ne connaitrais plus d'incompatibilité entre des illustrations et les 2 programmes susmentionnés, j'ai décidé de créer moi-même l'image. A cette fin, j'ai exploré les barres d'outils d'Inkscape et ai élaboré mon avatar selon l'image ci-dessous.

Parmi les choix que j'ai effectués, j'indique notamment les couleurs des traits de l'illustration. Effectivement, connaissant la contrainte concernant le nombre de couleurs à utiliser dans le programme Stitch Era, j'ai limité à la base les couleurs de mon avatar. Par conséquent, j'ai réalisé le projet de dessin avec seulement 6 couleurs. D'autre part, comme j'avais appris en cours que les broderies avec un remplissage massif d'une grande étendue de surface pouvaient déformer autant l'image que le tissu, j'ai opté pour dessiner des traits de visage et des contours sans remplissage.

Difficultés techniques

En faisant abstraction de ma difficulté initiale dans le maniement des 2 programmes à cause des images complexes que j'avais créées pour les logos de l'AEMaltt, la grande difficulté était de créer le dessin moi-même. N'ayant jamais été une "dessinatrice remarquable" à main levée, je ne l'étais pas non plus avec des outils techniques. C'est pourquoi mon dessin a été très simple, surtout comparé à ceux de mes collègues.

Ce que j'ai appris

Avec l'aide de Stéphane Morand, j'ai pu broder mon avatar sur le dos de mon gilet en jeans et fabriquer un jeton en bois du même sujet, gravé et découpé avec la découpeuse laser.

Durant ce travail, j'ai appris comment contrôler la qualité de mon dessin dans Inkscape. L'illustration de mon avatar contenait des couches et de traits que je croyais effacés mais qui étaient restés sur place, bien qu'invisibles. C'est peut-être aussi cela la raison de mes échecs précédents lors de mon travail sur le logo de l'AEMaltt.

Un autre point qui a retenu toute mon attention, c'est le résultat de mon avatar brodé sur un tissu et gravé sur du bois. Je me suis aperçue que les traits de mon image étaient trop fins. Résultat : ils étaient à peine visibles sur les 2 supports. En outre, le gilet étant constitué d'un tissu en jeans foncé et les couleurs retenues pour les traits de mon visage étant plutôt foncées également, la visibilité de mon avatar sur le gilet est moindre; idem sur le jeton en bois produit par la découpeuse laser. Ces aspects seront vraisemblablement pris en considération lors du projet mis en place avec la communauté retenue pour mon travail de groupe lors du module 3.

Variantes
Avatar Andréa pour brodeuse
Image de l'avatar d'Andréa pour la brodeuse
Avatar Andrea après la découpe laser
L'avatar en bois de Andrea
L'avatar d'Andréa brodé sur son gilet
La broderie d'Andréa - avatar
Avatar Andréa pour la découpe laser
Avatar prêt pour la découpe laser
Avatar Andréa brodé sur son gilet
Une vraie rocker !

Mon avatar par Liudmyla Gapiuk

Description

Pour mon avatar j’ai choisi l’image d’une petite fille ballerine. Quand j’étais petite, je dansais le ballet. Maintenant je continue à danser d’autres styles de danse tels que le tango, le balboa, le solo jazz, le lindy hop et le blues. Je trouve que la petite ballerine me représente bien ainsi que ma passion pour la danse.

Production

J'ai pris l’image sur le site web Openclipart et l’ai modifiée avec le logiciel Inkscape pour que l’avatar me ressemble autant que possible. J’ai changé les habits, les couleurs des yeux, des cheveux, la forme de coiffure. Ensuite, j’ai importé l’image dans Stich Era afin de préparer mon avatar pour la broderie.

Pour la découpe laser, j’ai transformé mon image en « noir et blanc » avec le logiciel Inkscape.

Difficultés techniques

J’ai rencontré une seule difficulté : au moment de faire la simulation avec Stitch Era, j’ai remarqué que le fil entre plusieurs parties de l’image (les deux pieds, la tête et le bras) n’est pas coupé même si j’ai coché l'option « Couper le fil après l’objet ». La solution était de sauvegarder la production sous le format Tajima (Fichiers *.dst).

Résultats

Variantes
SVG pour la broderie
L'avatar en bois
La broderie

Mon avatar par Leyla

Description: j'ai choisi l'image de soleil comme avatar car je trouve qu'il me représente bien. Tout d'abord, j'adore le soleil qui me charge de l'énergie de vivre. En plus, mes amis m'appellent "soleil" pour ma joie, ma bonne humeur, ma passion pour la vie.

Production: j'ai trouvé l'image du soleil sur le site Openclipart. Ensuite, j'ai importé le *.svg dans le logiciel Stitch Era et j'ai simplifié l'image pour la broderie. J'ai préparé le fichier pour la gravure laser à l'aide de logiciel Inkscape. La gravure laser était très facile. Ce qui concerne la broderie, il n'y avait pas de fil jaune et j'ai fait le soleil en rouge et orange.

Difficultés techniques: tout au début j'ai eu des problèmes de réalisation. Quand j'importais les images en *.svg dans le logiciel Stitch Era, je recevais un message d'erreur. J'ai essayé de préparer le fichier pour la gravure-découpe laser avec Inkscape, j'ai changé les paramètres, mais sans succès. Il avait toujours un problème. Enfin, j'ai trouvé l'image qui ne donnait pas d'erreurs dans Stitch Era.


Résultats

Variantes
SVG original
SVG pour la gravure laser
Badge brodé
Gravure
Récupérée de « https://edutechwiki.unige.ch/fmediawiki/index.php?title=STIC:STIC_IV_(2017)/Mon_avatar&oldid=136797 »