https://edutechwiki.unige.ch/fmediawiki/api.php?action=feedcontributions&user=LiudmylaG&feedformat=atomEduTech Wiki - Contributions [fr]2024-03-29T15:17:52ZContributionsMediaWiki 1.39.6https://edutechwiki.unige.ch/fmediawiki/index.php?title=H%C3%A0nz%27up&diff=119996Hànz'up2019-12-15T14:57:29Z<p>LiudmylaG : </p>
<hr />
<div>{{Portail STIC projet info<br />
|auteur=LiudmylaG,Quentin Gyger,ArthurM,Brigitte Steiner<br />
|Année de fabrication=2016<br />
|Lien vers le cours STIC=https://edutechwiki.unige.ch/fr/STIC:STIC III (2016)<br />
|Technologie utilisée=Découpe laser<br />
|Type=Jeu, Activité<br />
|Domaine d’enseignement=Langue étrangère<br />
|Niveau d’enseignement=Université/ HES/ EPS<br />
|Public cible=Etudiants<br />
|Mots clés=vocabulaire chinois, découpe laser, jeu pédagogique, écriture chinoise<br />
|Image=Hanzup.jpg<br />
}}<br />
{{Portail STIC projet description<br />
|Description (Objectif pédagogique)=Le jeu pédagogique Hànz'up vise trois objectifs: <br />
* Apprendre ou réviser son vocabulaire de chinois en équipe<br />
* Travailler oralement le chinois<br />
* Travailler la structure écrite des caractères chinois<br />
|Fabrication (Réalisation technique)=60 cartes représentant un mot (20 cartes animaux, 20 cartes fruits & légumes et 20 cartes pays) et 6 étoiles jokers ont été fabriquées avec la machine découpeuse et graveuse laser. Chaque carte représentant un mot est divisée en quatre zones : une image, l'écriture chinoise traditionnelle, l'écriture chinoise simplifiée et le pinyin : la prononciation du mot.<br />
|Utilisation (scénario pédagogique, règles du jeu)=Le jeu se joue en trois manche et l'équipe qui accumule le plus de points pendant ces trois manches remporte la partie. Le jeu comporte les trois niveaux : A, B et C.<br />
<br />
=== Niveau A === <br />
<br />
'''Manche 1''' : Les joueurs (au minimum de 4) sélectionnent une catégorie avec laquelle ils souhaitent jouer. Ils passent en revue les cartes ensemble, pour s'assurer qu'ils en connaissent le sens, et s'aident du lexique si nécessaire. Les joueurs se répartissent ensuite en deux équipes. Toutes les cartes sont placées les unes sur les autres, en colonne, face cachée. Le premier joueur de la première équipe prend la pile vers lui et regarde la première carte en veillant à ne pas la révéler à ses coéquipiers. En français, il décrit le mot à deviner (la réponse attendue sera en général le mot prononcé en chinois. Pour cela il peut choisir entre (ou mélanger) différentes stratégies sur lesquelles les joueurs se sont mis d'accord au début du jeu ou que le professeur a imposé :<br />
<br />
* décrire les parties composant le ou les caractères du mot, en donnant le sens des radicaux utilisés, ou en indiquant encore si les parties phonétiques sont fiables ou non par exemple. (ce sujet est abordé durant le premier semestre d'études du chinois à l'Université de Genève). Cette stratégie fonctionne bien pour les caractères complexes, ou ceux dont le joueur ne connaît pas le sens en dehors du mot de la carte.<br />
* utiliser le sens des caractères composant le mot, pour faire ainsi un rébus. Il y a cependant une restriction si ce sens correspond à la traduction française du mot (exemple : "chou-fleur, qui est littéralement "chou-fleur" en chinois), alors il faut essayer de passer par une autre stratégie. Cette stratégie fonctionne bien pour les mots composés de deux caractères ayant un sens propre lorsqu'ils sont séparés.<br />
* utiliser des descriptions générales pour faire deviner le mot français<br />
* utiliser des devinettes chinoises apprises, ou des traductions de devinettes chinoises<br />
* prononcer le mot en chinois (la réponse attendue sera la traduction française dans ce cas). Cette stratégie fonctionne particulièrement bien pour la catégorie "pays" et tout autres mots phonétiquement inspirés de langues étrangères.<br />
<br />
Chaque joueur a 30 secondes pour faire deviner le plus de mots possible à son équipe. Ensuite, la pile passe à la deuxième équipe. Si un mot était resté sans réponse à la fin du temps, la carte est placée sous la pile. On procède ainsi jusqu'à ce que toutes les cartes soient épuisées.<br />
<br />
'''Manche 2''' : On remélange les cartes et les deux équipes doivent de nouveau se faire deviner les mots. Cependant dans cette manche, le joueur qui a la pile ne peut utiliser qu'un mot par carte, en faisant référence à ce qui s'est dit durant la manche 1.<br />
<br />
'''Manche 3''' : Pour faire deviner les cartes dans cette manche les joueurs doivent utiliser le mime. Ils peuvent mimer le mot, en mot en lien ou même dessiner le ou les caractères dans l'air ou dans la paume de leur main avec leur doigt.<br />
<br />
=== Niveau B ===<br />
<br />
Dans cette version du jeu, les trois manches sont identiques en terme de mécanique, cependant les règles de la première et deuxième manche changent, et les jetons étoile sont introduits.<br />
<br />
'''Manche 1''' : Les joueurs procèdent comme pour le niveau A, sauf qu'ils ne peuvent plus utiliser de français. Les joueurs procèdent avec des phrases de base "c'est un animal qui a des plumes..." "c'est le pays à côté du portugal" . La réponse attendue est le mot prononcé en chinois. Pour la bonne marche de ce niveau, il pourrait être très utile que le professeur prépare des trames de phrases pour aider les joueurs si nécessaire.<br />
<br />
En parallèle du déroulement du jeu, chaque équipe a devant elle trois jetons étoile, face visible. Chaque jeton vaut 2 points (le double d'une carte). À chaque fois qu'un joueur faisant deviener le mot utilise du français, l'équipe perd une étoile et la retourne face cachée.<br />
<br />
'''Manche 2''' : Cette manche est similaire à celle du niveau A, à l'exception qu'elle n'autorise pas les mots en français.<br />
<br />
'''Manche 3''' : Cette manche est identique à celle du niveau A<br />
<br />
=== Niveau C ===<br />
<br />
Dans ce niveau, les joueurs parlent suffisamment bien pour s'exprimer plus ou moins librement. Ils peuvent donc construire des descriptions plus complètes tout en chinois, ou encore des devinettes. Ici, l'emphase peut être mise sur la compétition entre les équipes, et le fait de devoir faire deviner très vite le plus de mots possible. Les jetons étoile peuvent à nouveau être utilisés pour éviter les mots en français. Dans ce niveau, tous les mots de jeu doivent être en chinois, y compris en dehors de la description de mots.<br />
}}</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=H%C3%A0nz%27up&diff=119969Hànz'up2019-12-15T14:18:30Z<p>LiudmylaG : </p>
<hr />
<div>{{Portail STIC projet info<br />
|auteur=LiudmylaG,Quentin Gyger,ArthurM,Brigitte Steiner<br />
|Année de fabrication=2016<br />
|Lien vers le cours STIC=https://edutechwiki.unige.ch/fr/STIC:STIC III (2016)<br />
|Technologie utilisée=Découpe laser<br />
|Type=Jeu, Activité<br />
|Domaine d’enseignement=Langue étrangère<br />
|Niveau d’enseignement=Université/ HES/ EPS<br />
|Public cible=Etudiants<br />
|Public cible (Age)=18-19 ans<br />
|Mots clés=vocabulaire chinois, découpe laser, jeu pédagogique, écriture chinoise<br />
|Image=Hanzup.jpg<br />
}}<br />
{{Portail STIC projet description<br />
|Description (Objectif pédagogique)=Le jeu pédagogique Hànz'up vise trois objectifs: <br />
* Apprendre ou réviser son vocabulaire de chinois en équipe<br />
* Travailler oralement le chinois<br />
* Travailler la structure écrite des caractères chinois<br />
|Fabrication (Réalisation technique)=60 cartes représentant un mot (20 cartes animaux, 20 cartes fruits & légumes et 20 cartes pays) et 6 étoiles jokers ont été fabriquées avec la machine découpeuse et graveuse laser. Chaque carte représentant un mot est divisée en quatre zones : une image, l'écriture chinoise traditionnelle, l'écriture chinoise simplifiée et le pinyin : la prononciation du mot.<br />
|Utilisation (scénario pédagogique, règles du jeu)=Le jeu se joue en trois manche et l'équipe qui accumule le plus de points pendant ces trois manches remporte la partie. Le jeu comporte les trois niveaux : A, B et C.<br />
<br />
=== Niveau A === <br />
<br />
'''Manche 1''' : Les joueurs (au minimum de 4) sélectionnent une catégorie avec laquelle ils souhaitent jouer. Ils passent en revue les cartes ensemble, pour s'assurer qu'ils en connaissent le sens, et s'aident du lexique si nécessaire. Les joueurs se répartissent ensuite en deux équipes. Toutes les cartes sont placées les unes sur les autres, en colonne, face cachée. Le premier joueur de la première équipe prend la pile vers lui et regarde la première carte en veillant à ne pas la révéler à ses coéquipiers. En français, il décrit le mot à deviner (la réponse attendue sera en général le mot prononcé en chinois. Pour cela il peut choisir entre (ou mélanger) différentes stratégies sur lesquelles les joueurs se sont mis d'accord au début du jeu ou que le professeur a imposé :<br />
<br />
* décrire les parties composant le ou les caractères du mot, en donnant le sens des radicaux utilisés, ou en indiquant encore si les parties phonétiques sont fiables ou non par exemple. (ce sujet est abordé durant le premier semestre d'études du chinois à l'Université de Genève). Cette stratégie fonctionne bien pour les caractères complexes, ou ceux dont le joueur ne connaît pas le sens en dehors du mot de la carte.<br />
* utiliser le sens des caractères composant le mot, pour faire ainsi un rébus. Il y a cependant une restriction si ce sens correspond à la traduction française du mot (exemple : "chou-fleur, qui est littéralement "chou-fleur" en chinois), alors il faut essayer de passer par une autre stratégie. Cette stratégie fonctionne bien pour les mots composés de deux caractères ayant un sens propre lorsqu'ils sont séparés.<br />
* utiliser des descriptions générales pour faire deviner le mot français<br />
* utiliser des devinettes chinoises apprises, ou des traductions de devinettes chinoises<br />
* prononcer le mot en chinois (la réponse attendue sera la traduction française dans ce cas). Cette stratégie fonctionne particulièrement bien pour la catégorie "pays" et tout autres mots phonétiquement inspirés de langues étrangères.<br />
<br />
Chaque joueur a 30 secondes pour faire deviner le plus de mots possible à son équipe. Ensuite, la pile passe à la deuxième équipe. Si un mot était resté sans réponse à la fin du temps, la carte est placée sous la pile. On procède ainsi jusqu'à ce que toutes les cartes soient épuisées.<br />
<br />
'''Manche 2''' : On remélange les cartes et les deux équipes doivent de nouveau se faire deviner les mots. Cependant dans cette manche, le joueur qui a la pile ne peut utiliser qu'un mot par carte, en faisant référence à ce qui s'est dit durant la manche 1.<br />
<br />
'''Manche 3''' : Pour faire deviner les cartes dans cette manche les joueurs doivent utiliser le mime. Ils peuvent mimer le mot, en mot en lien ou même dessiner le ou les caractères dans l'air ou dans la paume de leur main avec leur doigt.<br />
<br />
=== Niveau B ===<br />
<br />
Dans cette version du jeu, les trois manches sont identiques en terme de mécanique, cependant les règles de la première et deuxième manche changent, et les jetons étoile sont introduits.<br />
<br />
'''Manche 1''' : Les joueurs procèdent comme pour le niveau A, sauf qu'ils ne peuvent plus utiliser de français. Les joueurs procèdent avec des phrases de base "c'est un animal qui a des plumes..." "c'est le pays à côté du portugal" . La réponse attendue est le mot prononcé en chinois. Pour la bonne marche de ce niveau, il pourrait être très utile que le professeur prépare des trames de phrases pour aider les joueurs si nécessaire.<br />
<br />
En parallèle du déroulement du jeu, chaque équipe a devant elle trois jetons étoile, face visible. Chaque jeton vaut 2 points (le double d'une carte). À chaque fois qu'un joueur faisant deviener le mot utilise du français, l'équipe perd une étoile et la retourne face cachée.<br />
<br />
'''Manche 2''' : Cette manche est similaire à celle du niveau A, à l'exception qu'elle n'autorise pas les mots en français.<br />
<br />
'''Manche 3''' : Cette manche est identique à celle du niveau A<br />
<br />
=== Niveau C ===<br />
<br />
Dans ce niveau, les joueurs parlent suffisamment bien pour s'exprimer plus ou moins librement. Ils peuvent donc construire des descriptions plus complètes tout en chinois, ou encore des devinettes. Ici, l'emphase peut être mise sur la compétition entre les équipes, et le fait de devoir faire deviner très vite le plus de mots possible. Les jetons étoile peuvent à nouveau être utilisés pour éviter les mots en français. Dans ce niveau, tous les mots de jeu doivent être en chinois, y compris en dehors de la description de mots.<br />
}}</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=H%C3%A0nz%27up&diff=119961Hànz'up2019-12-15T13:45:26Z<p>LiudmylaG : </p>
<hr />
<div>{{Portail STIC projet info<br />
|auteur=LiudmylaG,Quentin Gyger,ArthurM,Brigitte Steiner<br />
|Année de fabrication=2016<br />
|Lien vers le cours STIC=https://edutechwiki.unige.ch/fr/STIC:STIC III (2016)<br />
|Technologie utilisée=Découpe laser<br />
|Type=Jeu<br />
|Domaine d’enseignement=Langue étrangère<br />
|Niveau d’enseignement=Université/ HES/ EPS<br />
|Public cible=Etudiants<br />
|Public cible (Age)=18-19 ans<br />
|Mots clés=vocabulaire chinois, découpe laser, jeu pédagogique, écriture chinoise<br />
|Image=Hanzup.jpg<br />
}}<br />
{{Portail STIC projet description<br />
|Description (Objectif pédagogique)=Le jeu pédagogique Hànz'up vise trois objectifs: <br />
* Apprendre ou réviser son vocabulaire de chinois en équipe<br />
* Travailler oralement le chinois<br />
* Travailler la structure écrite des caractères chinois<br />
|Fabrication (Réalisation technique)=60 cartes représentant un mot (20 cartes animaux, 20 cartes fruits & légumes et 20 cartes pays) et 6 étoiles jokers ont été fabriquées avec la machine découpeuse et graveuse laser. Chaque carte représentant un mot est divisée en quatre zones : une image, l'écriture chinoise traditionnelle, l'écriture chinoise simplifiée et le pinyin : la prononciation du mot.<br />
|Utilisation (scénario pédagogique, règles du jeu)=Le jeu se joue en trois manche et l'équipe qui accumule le plus de points pendant ces trois manches remporte la partie. Le jeu comporte les trois niveaux : A, B et C.<br />
<br />
=== Niveau A === <br />
<br />
'''Manche 1''' : Les joueurs (au minimum de 4) sélectionnent une catégorie avec laquelle ils souhaitent jouer. Ils passent en revue les cartes ensemble, pour s'assurer qu'ils en connaissent le sens, et s'aident du lexique si nécessaire. Les joueurs se répartissent ensuite en deux équipes. Toutes les cartes sont placées les unes sur les autres, en colonne, face cachée. Le premier joueur de la première équipe prend la pile vers lui et regarde la première carte en veillant à ne pas la révéler à ses coéquipiers. En français, il décrit le mot à deviner (la réponse attendue sera en général le mot prononcé en chinois. Pour cela il peut choisir entre (ou mélanger) différentes stratégies sur lesquelles les joueurs se sont mis d'accord au début du jeu ou que le professeur a imposé :<br />
<br />
* décrire les parties composant le ou les caractères du mot, en donnant le sens des radicaux utilisés, ou en indiquant encore si les parties phonétiques sont fiables ou non par exemple. (ce sujet est abordé durant le premier semestre d'études du chinois à l'Université de Genève). Cette stratégie fonctionne bien pour les caractères complexes, ou ceux dont le joueur ne connaît pas le sens en dehors du mot de la carte.<br />
* utiliser le sens des caractères composant le mot, pour faire ainsi un rébus. Il y a cependant une restriction si ce sens correspond à la traduction française du mot (exemple : "chou-fleur, qui est littéralement "chou-fleur" en chinois), alors il faut essayer de passer par une autre stratégie. Cette stratégie fonctionne bien pour les mots composés de deux caractères ayant un sens propre lorsqu'ils sont séparés.<br />
* utiliser des descriptions générales pour faire deviner le mot français<br />
* utiliser des devinettes chinoises apprises, ou des traductions de devinettes chinoises<br />
* prononcer le mot en chinois (la réponse attendue sera la traduction française dans ce cas). Cette stratégie fonctionne particulièrement bien pour la catégorie "pays" et tout autres mots phonétiquement inspirés de langues étrangères.<br />
<br />
Chaque joueur a 30 secondes pour faire deviner le plus de mots possible à son équipe. Ensuite, la pile passe à la deuxième équipe. Si un mot était resté sans réponse à la fin du temps, la carte est placée sous la pile. On procède ainsi jusqu'à ce que toutes les cartes soient épuisées.<br />
<br />
'''Manche 2''' : On remélange les cartes et les deux équipes doivent de nouveau se faire deviner les mots. Cependant dans cette manche, le joueur qui a la pile ne peut utiliser qu'un mot par carte, en faisant référence à ce qui s'est dit durant la manche 1.<br />
<br />
'''Manche 3''' : Pour faire deviner les cartes dans cette manche les joueurs doivent utiliser le mime. Ils peuvent mimer le mot, en mot en lien ou même dessiner le ou les caractères dans l'air ou dans la paume de leur main avec leur doigt.<br />
<br />
=== Niveau B ===<br />
<br />
Dans cette version du jeu, les trois manches sont identiques en terme de mécanique, cependant les règles de la première et deuxième manche changent, et les jetons étoile sont introduits.<br />
<br />
'''Manche 1''' : Les joueurs procèdent comme pour le niveau A, sauf qu'ils ne peuvent plus utiliser de français. Les joueurs procèdent avec des phrases de base "c'est un animal qui a des plumes..." "c'est le pays à côté du portugal" . La réponse attendue est le mot prononcé en chinois. Pour la bonne marche de ce niveau, il pourrait être très utile que le professeur prépare des trames de phrases pour aider les joueurs si nécessaire.<br />
<br />
En parallèle du déroulement du jeu, chaque équipe a devant elle trois jetons étoile, face visible. Chaque jeton vaut 2 points (le double d'une carte). À chaque fois qu'un joueur faisant deviener le mot utilise du français, l'équipe perd une étoile et la retourne face cachée.<br />
<br />
'''Manche 2''' : Cette manche est similaire à celle du niveau A, à l'exception qu'elle n'autorise pas les mots en français.<br />
<br />
'''Manche 3''' : Cette manche est identique à celle du niveau A<br />
<br />
=== Niveau C ===<br />
<br />
Dans ce niveau, les joueurs parlent suffisamment bien pour s'exprimer plus ou moins librement. Ils peuvent donc construire des descriptions plus complètes tout en chinois, ou encore des devinettes. Ici, l'emphase peut être mise sur la compétition entre les équipes, et le fait de devoir faire deviner très vite le plus de mots possible. Les jetons étoile peuvent à nouveau être utilisés pour éviter les mots en français. Dans ce niveau, tous les mots de jeu doivent être en chinois, y compris en dehors de la description de mots.<br />
}}</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=H%C3%A0nz%27up&diff=119957Hànz'up2019-12-15T12:49:59Z<p>LiudmylaG : Page créée avec « {{Portail STIC projet info |auteur=LiudmylaG,Quentin Gyger,ArthurM,Brigitte Steiner |Année de fabrication=2016 |Lien vers le cours STIC=https://edutechwiki.unige.ch/fr/ST... »</p>
<hr />
<div>{{Portail STIC projet info<br />
|auteur=LiudmylaG,Quentin Gyger,ArthurM,Brigitte Steiner<br />
|Année de fabrication=2016<br />
|Lien vers le cours STIC=https://edutechwiki.unige.ch/fr/STIC:STIC III (2016)<br />
|Technologie utilisée=Découpe laser<br />
|Type=Jeu<br />
|Domaine d’enseignement=Langue étrangère<br />
|Niveau d’enseignement=Université/ HES/ EPS<br />
|Public cible=Etudiants<br />
|Public cible (Age)=18-19 ans<br />
|Mots clés=vocabulaire chinois, découpe laser, jeu pédagogique<br />
|Image=Hanzup.jpg<br />
}}<br />
{{Portail STIC projet description}}</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=STIC:STIC_IV_(2017)/Apprentissage_de_vocabulaire_arabe_%C3%A0_partir_des_dessins_brod%C3%A9s&diff=77873STIC:STIC IV (2017)/Apprentissage de vocabulaire arabe à partir des dessins brodés2018-02-04T21:24:45Z<p>LiudmylaG : /* Public cible */</p>
<hr />
<div>'''Par [[Utilisatrice:Aya benmosbah|Aya Benmosbah]] et [[Utilisateur:LiudmylaG|Liudmyla Gapiuk]]'''<br />
<br />
== Introduction ==<br />
<br />
La langue arabe reste parmi les langues les plus difficiles à apprendre comme "le japonais, le chinois..etc". Quand il s'agit d'enseigner la langue arabe à des enfants Arabophone, francophone ou anglophone cela nécessite beaucoup d'effort pour trouver la bonne manière pour transmettre l'information et aider à mémoriser ce qu'ils apprennent. <br />
<br />
C'est pour cette raison que notre groupe a réfléchi de réaliser ce projet qui sera effectué avec des enfants de quartier de Charmilles qui suivent le cours d'arable donné par l'[http://www.charmilles1203.ch/ Association Europe charmilles] .<br />
Leur âge varie entre 10 et 12 ans. <br />
<br />
Notre projet tente donc de créer un dispositif qui permet d'aider les enfants à apprendre des mots en arabe à partir des images et des lettres brodées. Pour cela, nous avons conçu un jeu pédagogique qui sera utilisé pendant le cours habituel d'arabe comme exercice d'entrainement du vocabulaire. Ce jeu a été réalisé dans le cadre du cours [[STIC:STIC_IV_(2017)|STIC IV (2017/18) - Embroidery for change]].<br />
<br />
== Apport Théorique ==<br />
'''Le jeu dans l’apprentissage des enfants :''' L’apprentissage par le jeu est un concept utilisé en science de l’éducation et en psychologie selon lequel l’enfant acquiert des compétences par le moyen de l’activité de jeu. Le jeu est considéré aujourd’hui comme la base du développement des fonctions cognitives (raisonnement, résolution de problèmes, etc.) et de comportements sociale (résolution de conflits, négociation, jeu de rôles, etc.) (Flanagan, 2011).<br />
<br />
Des recherches sur les jeux dans l’apprentissage ont révélé leur valeur intrinsèque dans le développement de l’enfant. Selon [https://www.acei.org/ l’Association internationale pour l'éducation de l'enfance], le jeu est un comportement naturel puissant qui contribue à l'apprentissage et au développement des enfants et qu'aucun programme d'enseignement pour adultes ne peut le remplacer. Telle activité est par essence centrés sur l’apprenant puisque c’est lui qui « mène le jeu ». La motivation est intrinsèque et renforcée par la perspective d’être récompensé dans le jeu.<br />
<br />
Notre jeu inclut deux aspects importants dans le processus d'apprentissage - collaboratif et compétitif. Les apprenants travaillent en petits groupes dans une situation de compétition, ce qui suscite la motivation à accomplir les objectifs fixés par le jeu.<br />
<br />
'''L'apprentissage du vocabulaire arabe :''' L’alphabet arabe se compose de 28 lettres. Les mots s’écrivent et se lisent de droite à gauche contrairement aux écritures latines.<br />
Les modalités d’écriture et de lecture de la langue arabe diffèrent des langues occidentales. En effet, les formes des lettres changent en fonction de leur place dans le mot, suivant qu'elle est autonome, en début du mot, en position médiane ou à la fin.<br />
<br />
L'arabe c'est une des langues les plus riches au niveau du vocabulaire. La langue arabe se présente sous deux formes principales: l'arabe dialectal et l'arabe littéraire (ou classique). Autrement dit, il existe plusieurs dialectes arabes qui sont différents les uns des autres. ''"Du point de vue de la syntaxe, l’arabe utilise de phrases verbales et de phrases nominales, et l’ordre des constituants est: Verbe-sujet-complément. À l’oral, certaines sonorités sont tellement inhabituelles pour des anglophones qu’il leur faut du temps pour apprendre à les reproduire"''.[http://www.slateafrique.com/24165/arabe-apprendre-langue-difficult%C3%A9- Apprendre la langue arabe-difficulté.Slateafrique]<br />
<br />
=== Comment mémoriser le vocabulaire Arabe? ===<br />
L’apprentissage du vocabulaire arabe est une étape importante pour pouvoir parler cette langue. En général, les enfants apprenants trouvent souvent des difficultés à mémoriser le lexique nécessaire dans l’apprentissage de cette langue. Cependant, il existe des méthodes d’apprentissage élaborées selon des paramètres scientifiques qui reposent sur des concepts de science cognitive et de psychologie. <br />
<br />
Pour faciliter l’apprentissage du lexique arabe aux enfants, il existe des méthodes à suivre pour mémoriser et apprendre du vocabulaire en arabe efficacement. Dans le cadre de cours Stic 4, nous avons conçu un jeu pédagogique interactif qui permet de mieux mémoriser les mots appris en cours. Il permettra de réviser de nouveaux mots et les retenir dans la mémoire. Dans le cadre de ce jeu, nous mettons en place des stratégies d’apprentissage du vocabulaire telles que: mémorisation visuelle et mémorisation par le mouvement. L’apprenant doit trouver les lettres correspondantes aux images choisies. Il crée donc des associations visuelles entre une image et le mot en arabe.<br />
<br />
Grace à ce jeu interactif qui demande la manipulation avec des objets, nous faisons également un appel à "la mémoire kinésique" (mémoire motrice) qui se base sur les mouvements pour retenir les nouvelles informations plus facilement (Gardner, 1997). L'aspect Kinésique selon Gardner est d'exploiter l'engagement physique dans la résolution d'un problème et d'apprendre par le biais des sensations corporelles, et c'est ce qu'on va essayer d'appliquer et tester dans notre jeu.<br />
<br />
== Description de projet==<br />
=== Objectif ===<br />
<br />
Le projet est un exercice qui se représente sous forme d'un petit jeu de vocabulaire français-arabe. <br />
Dans le jeu, il y'a pas des niveaux mais il existe un timing. Donc l'objectif du projet vise à aider les enfants à apprendre quelques mots en arabe et de faciliter la mémorisation des mots arabe à partir d'un petit jeu de vocabulaire francais-arabe.<br />
Le projet est basé sur des dessins et les lettres de l'alphabet arabe.<br />
<br />
=== Méthode ===<br />
Les enfants sont invités lors de cours habituel de la langue arabe à faire un exercice similaire à celui du jeu mais avec la manière classique. C'est à dire , les enfants faisaient un exercice de vocabulaire sur les cahiers comme d'habitude. Nous avons observés le niveau des enfants participants dans la mémorisation des mots arabe pendant le cours pour évaluer après le jeu la mémorisation des enfants de vocabulaires arabe.<br />
Ensuite, nous avons commencé la construction de notre jeu qui contient les lettres de l' alphabet arabe (28 lettres ) et les dessins de divers catégories (6 dessins en tout). les dessins utilisés dans le jeu sont des dessins des objets que les enfants ne voyaient pas souvent pendant le cours.<br />
Puis, pour comprendre le mécanisme du jeu , nous avons crée un design pédagogique de notre jeu notamment pour éclaircir l'idée et le déroulement du jeu. Après, nous avons commencé le travail de traitement des dessins du jeu sur stitch Era et extraire les simulations des dessins du jeu en Broderie pour voir ce que les dessins nous donnent au final.<br />
<br />
Le recrutement des participants était facile, car une de réalisatrice du jeu forme les enfants depuis 2 ans, donc nous avons choisi 3 enfants, deux garçons et une fille de meme niveau (niveau en arabe est avancé) et leur ages varient entre 10 ans et 12 ans. Les trois participants sont nées en suisse et de langue maternelle arabe et qui habitent au quartier de charmilles. Donc les enfants se connaissent déjà. <br />
Puis, c'est l'étape de test utilisateurs, pendant le test , les deux réalisatrices de ce projet ont été présentes. Une (la formatrice d'arabe ) observe les enfants pendant le jeu et l'autre controle le temps et prendre note.<br />
<br />
=== Public cible ===<br />
<br />
Les enfants d'age entre 10 et 12 ans qui sont inscrits dans le cours d'arabe à l'[http://www.charmilles1203.ch/ Association Europe charmilles]<br />
<br />
=== Matériels ===<br />
Nous avons décidé de travailler sur trois catégories de dessins "Animaux", "Légumes" et "Fruits".<br />
Nous avons partagé le nombre de dessin dans chaque niveau comme suit : <br />
* 2 dessins pour chaque catégorie donc 6 dessins au total, chaque dessin brodé avec son nom en français. '''Dimension : 5*5 cm'''<br />
* 28 lettres de l'alphabet arabe . (fait sur 10 dessins au maximum) . '''Dimension : 4*4 cm''' <br />
* 3 badges pour les gagnants : fait sur le bois (Machine Laser) . '''Dimension : diamètre 3 cm'''<br />
<br />
Total de dessin: 34<br />
<br />
=== Scénario d'utilisation ===<br />
Le jeu se joue individuellement c'est à dire chaque enfant a son tour de jeu. Nous pensons à appliquer un "Timing" et " le mouvement" pour donner un peu de motivation et de "challenge" au jeu .<br />
Avant de commencer son tour dans le jeu, l' enfant doit choisir une de trois catégories (Animaux, Légumes,Fruits).<br />
Puis, le joueur a à son disposition les 28 lettres de l'alphabet arabe avec lesquelles il doit composer le nom en arabe, l'équivalent du dessin et son nom en français. <br />
Les deux autres enfants sont des participants dans le jeu, ils se sont placés devant lui. L'enfant qui joue colle sur chacun d'eux l'un des dessins choisis.<br />
Après le déclenchement de timing, le joueur-enfant va coller les lettres de l'alphabet arabe sur un des enfants devant lui pour construire le nom en arabe correspondant au dessin collé.<br />
Le timing et la bonne composition du mot dans le jeu sont les deux facteurs selon lesquels nous faisons les résultats des enfants dans le jeu. En effet, pour gagner dans le jeu, il faut que l'enfant construise les deux mots en arabe plus vite que les autres enfants et fasse moins d'erreur.<br />
<br />
Au final, nous donnons des badges pour les trois enfants selon le classement, le premier, le deuxième et le troisième.<br />
<br />
== Réalisation ==<br />
Tout d'abord, nous avons commencé la recherche du thème, après discussion, nous avons décidé de choisir trois thèmes : ''' animaux.''' , ''' fruits''' , ''' légumes.''' <br />
Ensuite, nous avons cherché les dessins et les lettres de l'alphabet arabe. Par rapport au couleurs des dessins, nous avons du changer quelques couleurs des dessins car nous avons fixé 6 couleurs au maximum pour chaque dessin.<br />
<br />
'''Exemple :'''<br />
Ci-dessous un dessin d'un dauphin avec son nom écrit en français. Dans la réalisation, le nom de l'image et l'image seront dans le meme dessin.<br />
{| class="wikitable" <br />
|+ Dauphin imprimé en 3D et son nom en arabe<br />
|[[Fichier:Dauphin.jpg|thumb|200px|none|Dessin d'un dauphin]] || [[Fichier:dauph.jpeg|thumb|200px|none|Le nom de dauphin en arabe]] || [[Fichier:dauphinn.jpg|thumb|200px|none|Ledessin de dauphin brodé avec son nom en francais ]]<br />
|}<br />
{| class="wikitable" <br />
|+ Lettres qui composent l'équivalent en arabe du nom de dauphin écrit en français.<br />
|[[Fichier:Noun.jpg|thumb|200px|none]] || [[Fichier:Ya2.png|thumb|200px|none]] || [[Fichier:Fa.jpg|thumb|200px|none]] || [[Fichier:Lam.jpg|thumb|200px|none]] || [[Fichier:Dal.jpg|thumb|200px|none]]<br />
|}<br />
<br />
== Résultat ==<br />
=== Simulation Stitch Era===<br />
'''Lettres de l'alphabet arabe '''<br />
{| class="wikitable" <br />
|[[fichier:3ain-ghain-ha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Dhad-9af-fa-lam.png|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:mim-dha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|-<br />
|[[fichier:noun-sad.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Alif.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Zay.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|}<br />
'''Catégorie animaux ''' <br />
{| class="wikitable" <br />
|[[fichier:Une vachee.jpg|none|thumb|200px|une vache-catégorie animaux]]<br />
|[[fichier:Un dauphin.jpg|none|thumb|200px|un dauphin- Catégorie animaux]]<br />
|}<br />
<br />
'''Catégorie légumes '''<br />
{| class="wikitable" <br />
|[[fichier:Un citron.jpg|none|thumb|200px|Un lemon- catégorie légumes]]<br />
|[[fichier:Un champignon.jpg|none|thumb|200px|Un champignon-catégorie légumes]]<br />
|}<br />
<br />
'''Catégorie fruits '''<br />
{| class="wikitable" <br />
|[[fichier:Un raisin.jpg|none|thumb|200px|un raisin-catégorie fruits]]<br />
|[[fichier:Une pomme.jpg|none|thumb|200px|une pomme- Catégorie fruits]]<br />
|}<br />
'''Les badges des participants '''<br />
{| class="wikitable" <br />
|[[fichier:F1.png|none|thumb|200px|Badge pour le gagnant]]<br />
|[[fichier:F2.png|none|thumb|200px|Badge pour le deuxième]]<br />
|[[fichier:F3.png|none|thumb|200px|Badge pour le troisième]]<br />
|}<br />
<br />
=== Broderie ===<br />
{| class="wikitable" <br />
|[[fichier:Broderiee.jpg|none|thumb|500px|Les dessins pendant la broderie avec la machine Brother]]<br />
|}<br />
<br />
La réalisation de Broderie des badges était partagé entre nous deux (réalisatrices de ce projet). Les images ont été importées au format .png au début mais cela a produit quelques problèmes sur Stitch Era lors de traitement de l'image, donc nous avons recommencé avec des images en format .SVG.<br />
Nous avons fixé les mesures des dessins de projet et la forme. <br />
Pour les 6 dessins de trois catégories, nous avons choisit la forme carrée avec les dimensions '''5*5 cm''' avec une bordure d'épaisseur '''1,3 cm'''. Et nous avons choisit pour les 28 lettres d'alphabet , la forme de cercle de diamètre '''4 cm''' avec une bordure d'épaisseur '''0,8 cm.'''<br />
Les couleurs utilisées sont choisit au hasard car le but est d 'avoir des dessins de différents couleurs puisque le jeu est destiné aux enfants.<br />
<br />
Lors de traitement de dessins, nous avons appliqué quelques modifications sur l'image originale afin d'assurer que l'image sera bien brodée et le résultat sera bonne. Pour se faire, nous avons réduis les couleurs de chaque dessins (Vache, citron, dauphin, pomme, raisin, champignon) en 6 couleurs, au début mais cela a donné un résultat "moche" car beaucoup de détails des dessins sont effacés. Donc, nous avons augmenté le nombre de couleurs à 8 ou 9 couleurs. Nous avons rajouté pour chaque dessin des catégories après la vectorisation, le nom de dessin en français de taille 6 cm et de forme Arial en utilisant "la lettrage". Tout les noms ajoutés au dessins sont en rouge.<br />
Après la vectorisation, nous avons du peaufiner les dessins. par exemple dans le dessin "vache" , nous avons du faire le remplissage de quelques tache de la vache en noir avec l'outils "broderie remplissage" et ainsi nettoyer ou supprimer des sous couches et des objets qui ne sont pas nécessaire dans le dessin.<br />
<br />
Par rapport au lettre, nous avons moins de travail que les dessins , nous avons associé chaque 3 ou 4 lettres ensemble sur Stitch Era, puis nous avons rajouté le cadre en forme de cercle sur chaque lettre.<br />
Nous avons choisit pour chaque dessin de lettre 2 couleurs, une couleur pour la lettre et une autre couleur différente pour le cadrage. <br />
<br />
Lors de la séance de broderie, nous avons vérifié chaque dessin pour éviter d'avoir des plusieurs sous couches.<br />
<br />
En moyen, la broderie de chaque lettre a duré 1min5s. La broderie de chaque dessin a duré de 15min à 20min au maximum.<br />
<br />
=== La solution final ===<br />
{| class="wikitable" <br />
|[[fichier:légumes.jpg|none|thumb|200px|Dessins catégorie légumes brodés]]<br />
|[[fichier:fruits.jpg|none|thumb|200px|Dessins catégorie fruits brodés]]<br />
|[[fichier:animaux.jpg|none|thumb|200px|Dessins catégorie animaux brodés]]<br />
|[[fichier: lettres arabe.jpg|none|thumb|300px| Les lettres de de l'alphabet arabe brodées]]<br />
<br />
|}<br />
'''Remarques''' : par rapport aux badges, nous avons oublié de prendre une photo des badges avant de les distribuer à la fin du test utilisateur et ceci était à cause de la pression de temps, en effet, la gravure laser des badges est faite juste une heure avant le test du jeu avec les utilisateurs.<br />
<br />
=== Problèmes rencontrés ===<br />
Pendant la réalisation du projet nous avons rencontrés quelques problèmes que nous pouvons les citer :<br />
<br />
''Pendant le traitement des images sur Stitch Era'' : Nous avons du à chaque fois supprimer des sous couches qui apparaissent dans chaque dessin.<br />
<br />
''Pendant la Broderie'' : Nous avons rencontré le problème que le file s'est coupé.<br />
<br />
''Pendant le test utilisateurs'' : Les scotchs collés sur chaque dessin n'était pas très pratique lors du jeu parfois ils se sont décollés.<br />
<br />
==Test utilisateurs == <br />
==== Déroulement ====<br />
Le test a été effectué dans le bureau de l'[http://www.charmilles1203.ch/ Association Europe charmilles] , le mercredi 24 janvier à 13h00, en dehors de la séance de cours d'arabe habituelle. Avant de commencer le jeu, nous avons déposé tout les badges sur la table et rassuré que sur chaque dessin les scotchs sont bien mis. Ensuite, nous avons expliqué aux enfants le but de ce jeu. Puis, nous avons présenté les consignes du jeu eux enfants et leurs explique les règlements du jeu.<br />
Nous avons donnée le choix aux enfants de voir entre aux qui commence à jouer. Le joueur I*** a passé la première pour joueur., elle a commencé le jeu le moment ou nous déclenchons le chronomètre de temps ensuite le joueur I****** et enfin le joueur A****. Pendant le tour de chaque joueur, une entre nous controle le temps de jeu et l'autre note les mots construisent par chaque joueur. <br />
le résultat des joueurs est annoncé à la fin du jeu et chaque enfant a pris un badge comme récompense selon le temps passé pour composer les deux mots et le nombre des fautes effectué.<br />
<br />
'''Joueur Numéro 1'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur 1.d1.jpg|none|thumb|200px|Tentative de joueur 1 pour trouver et construire le mot pomme avec les lettres arabe ]]<br />
|[[fichier:Joueur 1.d2.jpg|none|thumb|200px|Tentative de joueur 1 pour trouver et construire le mot raisin avec les lettres arabe ]]<br />
|}<br />
<br />
'''Joueur Numéro 2'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur2.d1.jpg|none|thumb|200px|Tentative de joueur 2 pour trouver et construire le mot champignon avec les lettre arabe]]<br />
|[[fichier:Joueur2.d2.jpg|none|thumb|200px|Tentative de joueur 2 pour trouver et construire le mot citronavec les lettre arabe]]<br />
|}<br />
<br />
'''Joueur Numéro 3'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur3.d1.jpg|none|thumb|200px|Tentative de joueur 3 pour trouver et construire le mot vache avec les lettre arabe]]<br />
|[[fichier:Joueur3.d2.jpg|none|thumb|200px|Tentative de joueur 3 pour trouver et construire le mot dauphin avec les lettre arabe]]<br />
|}<br />
<br />
====Résultats des joueurs ==== <br />
Les consignes et les règlements du jeu ont été clairs pour les trois enfants. Il y'avait pas de problème de compréhension à ce niveau.<br />
Par rapport le premier joueur, le démarrage du jeu a été moins rapide que les autres joueurs. elle a passé '''2min 17 sec''' pour finir les deux mots et a eu deux fautes dans la composition des mots (Pomme et raisin) en utilisant les lettres de l'alphabet arabe. Par rapport au joueur 2, il a passé '''5min 43 sec''' pour finir les deux mots et a eu une seule faute dans la composition des mots (champignon et citron ) en utilisant les lettres de l'alphabet arabe. Par rapport au dernier joueur, il a passé '''2min 19 sec''' pour finir les deux mots et a eu une seule faute dans la composition des mots (dauphin et vache ) en utilisant les lettres de l'alphabet arabe.<br />
== Broderie pour les jeux d’apprentissage ==<br />
'''Intérêt pour les objets brodés'''<br />
<br />
Lors de la passation du test d’utilisateurs, nous avons constaté que les dessins et les lettres brodées suscitent un intérêt accru chez les enfants. Ils n'ont jamais utilisé auparavant la broderie dans le cadre de leurs cours. En touchant et observant les objets brodés, ils s'intéressaient à la production de ce matériel.<br />
<br />
'''Durabilité'''<br />
<br />
Il faut également remarquer la durabilité des objets brodés. Contrairement au matériel en papier, nous pouvons facilement entretenir et nettoyer ces objets ce qui favorise l’utilisation du jeu à long terme.<br />
<br />
'''Consultation facile et souple'''<br />
<br />
Les objets brodés sont aisément manipulables et ludique. C’est un support idéal pour les activités d’entrainement du vocabulaire. Le but de notre jeu est de construire les mots en arabe avec limite de temps. Pour cela, les enfants doivent coller le plus vite possible les lettres brodées sur les habits de son binôme. L'usage du scotch permet de coller/décoller les lettres en tissu assez facilement et corriger le mot (par exemple changer l'ordre, supprimer/ajouter une lettre).<br />
<br />
== Perspective ==<br />
En général, les trois enfants ont aimé le jeu et ils ont apprécié l'idée de coller les lettres sur les t-shirt pour jouer. <br />
<br />
Par ailleurs, les enfants ont proposé une idée pour améliorer le jeu, en effet, les enfants ont aimé avoir jouer avec un jeu de Mime. Le fait de mimer les mots en arabe parait pour eux plus difficile et plus amusant. Cette proposition de la part des enfants nous fait penser que si on aura l'occasion de continuer le jeu , on pourra faire un niveau 1 pour la composition des mots arabe et niveau 2 pour mimer les mots et de cette manière nous pourrons mieux tester l'aspect kinésique de Gardner (1997) :<br />
<br />
* Utilisation de l’expression corporelle <br />
* Lien corps-esprit fort <br />
* Apprend par le biais des sensations corporelles<br />
* Communique par et avec le geste <br />
* Exploration corporelle (touche , manipule, déplace)<br />
* Contrôle des mouvements volontaires <br />
* Automatisation de certains mouvements<br />
<br />
Et observer les gestes corporelles et les expressions des enfants pendant le jeu et evaluer l'engagement physique des enfants dans l'apprentissage d'une langue étrangère comme la langue arabe et son impact sur la mémorisation de vocabulaire.<br />
<br />
==Conclusion et remerciement ==<br />
Notre jeu ludique semble répondre à notre objectif initiale et c'est d'apprendre des mots en arabe à partir des dessins brodés. Le fait de remplacer un exercice de vocabulaire classique donné en classe pendant le cours par un jeu réactif /compétitif comme ceci favorise la motivation des enfants dans l'apprentissage du vocabulaire arabe. Nous sommes satisfaites du résultat final et espérons que cet expérience pourra inspirer d'autres personnes souhaitant utiliser de la broderie afin de créer les jeux d'apprentissage.<br />
<br />
Nous tenons à remercier Mr. Amid Benjamaa le président de [http://www.charmilles1203.ch/ Association Europe charmilles] et la vice-président de l'association Mme Souad Benjamaa pour leur chaleureux accueil et leur collaboration pour assurer une bonne ambiance pour effectuer le test utilisateurs avec les enfants. Nous tenons à remercier aussi les enfants du quartier de charmilles pour leur participation au jeu.<br />
<br />
== Bibliographie ==<br />
<big>F</big>lanagan, K. (2011). Cadre pédagogique pour l’apprentissage des jeunes enfants de l’Î.-P.-É. ''Relations, environnements et expériences''. Le ministère de l’Éducation et du Développement de la petite enfance<br />
de l’Île-du-Prince-Édouard 2011. Repéré à http://www.gov.pe.ca/photos/original/eecd_ipeelf2014.pdf<br />
<br />
<big>G</big>ardner, H. (1997). Formes de l'intelligence (Les). Odile Jacob.<br />
<br />
<big>I</big>senberg, Joan Packer, and Nancy Quisenberry. "A position paper of the Association for Childhood Education International PLAY: Essential for all Children." Childhood Education 79.1 (2002): 33-39.<br />
<br />
== Sources ==<br />
* Nous avons utilisé pour notre projet les images (dauphin, raisin, pomme) sous licence CC0 (Creative Commons Zero) : <br />
https://openclipart.org/<br />
<br />
* Source de l'image vache : <br />
<br />
https://pixabay.com/fr/vache-des-animaux-mammif%C3%A8res-cornes-159731/<br />
<br />
* Source de l'image champignon :<br />
<br />
https://www.dreamstime.com/stock-photography-cute-mushroom-cartoon-illustration-image34607262<br />
<br />
* Source de l'image citron :<br />
<br />
https://pixabay.com/fr/citron-l%C3%A9gumes-comique-dessin-779330/<br />
<br />
* Nous avons utilisé aussi pour notre projet les images de toute les alphabets de la langue arabe du site :<br />
<br />
http://almadrasa.org/letras/<br />
<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27un_dessin_vectoriel&diff=77380Stitch Era - créer une broderie à partir d'un dessin vectoriel2018-01-29T14:41:25Z<p>LiudmylaG : /* Importation depuis Inkscape, Illustrator et Corel Draw */</p>
<hr />
<div>{{En construction}}<br />
<br />
== '''Introduction''' ==<br />
Ce tutoriel, créé pour les personnes débutant avec le logiciel Stitch Era embroidery, explique comment passer d'images vectorisées à de la broderie sans avoir besoin de fortes connaissances en numérisation. Si vous partez d'une image vectorielle (et non d'un fichier *.png ou *.jpg), vous devriez obtenir un bon résultat assez rapidement.<br />
<br />
<div class="tut_goals"><br />
'''Homepage du tutoriel''' <br />
<br />
* Version française: [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]]<br />
* Version anglaise: [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software]<br />
<br />
'''Objectifs d'apprentissage''' <br />
* Être capable d'importer des images vectorielles<br />
* Être capable de numériser des images vectorielles<br />
<br />
'''Prérequis''' <br />
<br />
Avoir le logiciel [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]] / [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software] installé (et en particulier, être capable de créer un nouveau design).<br />
<br />
'''Pages liées à celle-ci''' <br />
<br />
''A compléter.'' <br />
<br />
'''Ressources utilisées''' <br />
<br />
Vous pouvez réutiliser les images présentes dans ce tutoriel. Cliquez dessus pour les agrandir, puis cliquer une seconde fois pour pouvoir ensuite les enregistrer.<br />
<br />
'''Qualité et niveau'''<br />
<br />
Ce tutoriel devrait suffire pour débuter dans Stitch Era. Il est utilisé par les auteurs de cet article dans le cadre d'un cours optionnel de master dans le domaine des technologies éducatives.<br />
<br />
'''Dernière mise à jour majeure'''<br />
<br />
''A compléter une fois cet article terminé.''<br />
<br />
'''Prochaines étapes'''<br />
<br />
''A compléter une fois que d'autres articles du wiki sur le sujet seront terminés.''<br />
<br />
</div><br />
<br />
=== '''Formats des images vectorielles et fichiers d'extensions''' ===<br />
<br />
Il existe deux types de formats pour les fichiers images:<br />
<br />
* Les images vectorielles sont des "dessins mathématiques" qui sont en principe beaucoup plus faciles à numériser que d'autres types d'images. Les images vectorielles sont entièrement adaptables, par exemple, elles ne perdront pas en qualité si l'on change leur taille. Parmi les logiciels les plus utilisés pour créer des images vectorielles, on trouve Inkscape (gratuit), Illustrator et Corel Draw. Stitch Era permet d'importer des dessins au format SVG ainsi que des formats propriétaires de Corel Draw et Illustrator. Les formaty habituels de ces fichiers sont *.ai, *.svg, *.cdr, *.wmf et *.emf. Stitch Era inclut son propre logiciel de dessin d'images vectorielles, pouvant être utilisé dans la première phase de design d'une broderie. Vous pouvez utiliser ce module afin d'arranger/modifier des images vectorielles importées et/ou pour dessiner vos propres images.<br />
* Les Bitmaps (aussi appelés images matricielles) définissent une image, par exemple un dessin ou une photo, constituée d'une matrice de points colorés. Les bitmaps sont désavantageux concernant deux points: (1) Il n'est pas possible de modifier la taille d'une image sans perdre en qualité. (2) La plupart des formats d'images permettent de les compresser (réduire leur taille) en leur faisant perdre certaines informations. Les images Bitmaps qui paraissent nettes ne le sont probablement pas en réalité. Cependant, la plupart des clip art trouvés sur internet sont malheureusement des bitmaps. Numériser des bitmaps implique de les transformer en images vectorielles dans un premier temps. Ce processus s'appelle la vectorisation. Il est possible de numériser directement un bitmap en sections de points de couture, cependant le résultat n'est généralement pas très satisfaisant. Les formats de bitmaps les plus courants sont ".png, *.jpg et *.gif. Les fichiers au format PNG ainsi que GIF sont optimisés pour le dessin, tandis que le format *.jpg l'est pour les photographies.<br />
<br />
=== '''Un aperçu du processus de design''' ===<br />
Dans ce tutoriel, nous allons montrer comment créer de la broderie à partir de ces deux types de formats, les images vectorielles et les bitmaps. De base, le processus de création de broderie ressemble à cela: (les étapes optionnelles se trouvant entre "[...]")<br />
<br />
<pre><nowiki><br />
[ bitmaps ] -> [ images vectorielles ] -> sections de points de couture (stitch sections) -> points de couture générés (stitchs générés)<br />
</nowiki></pre><br />
<br />
Les sections de points de couture (aussi appelés objets de broderie) sont une sorte d'images vectorielles spécifiques à la broderie, qui définissent des surfaces (areas) et des lignes (path) selon la manière dont ils vont être coudre. Comment cela sera cousu est défini par plusieurs paramètres. Des professionnels pourraient créer des points de couture directement. D'autres commencent souvent à partir de fichiers images. Le passage d'images vectorielles à des sections de points de couture s'appelle la numérisation. Lorsque cela est fait automatiquement (ce que Stitch Era peut faire), cela s'appelle de l'auto-numérisation.<br />
<br />
Ce tutoriel va expliquer ci-dessous comment fonctionnent les images vectorielles. En particulier, à partir du format internet ouvert SVG, dans lequel on peut trouver des images gratuites sur des sites tels que openclipart ou encore thenounproject. Si vous êtes intéressés à utiliser des images matricielles (par exemple au format *.jpg et *.png), vous devriez voir la procédure à suivre plus bas afin de les transformer en images vectorielles, pour ensuite créer une broderie à partir d'elles.<br />
<br />
=== '''La qualité de la (semi)auto-numérisation''' ===<br />
<br />
Avant de lire la suite de ce tutoriel, il faut savoir que la broderie créée à partir d'images en utilisant de l'auto-numérisation ne sera pas d'un niveau professionnel. Comme vous le verrez, il est relativement facile de numériser un bitmap ou une image vectorielle. Le résultat sera suffisamment acceptable et satisfaisant pour certains usages. Cependant, il y aura trois problèmes majeurs:<br />
<br />
1) Le résultat ne transmettra pas forcément le message souhaité. Par exemple, si la broderie voulue inclut trop de petits détails.<br />
<br />
2) Une broderie de qualité ne suit pas les mêmes principes visuels de design tels que ceux que nous faisons sur un écran ou même sur des dessins papiers. Le résultat peut de ce fait être moins bon.<br />
<br />
3) La plupart des broderies seront assez rigides, et de ce fait pas forcément agréables à porter. Typiquement, dans le dessin numérique, des formes sont superposées les unes sur les autres car il est plus facile de dessiner de cette manière et on ne peut voir à travers une forme (à moins d'avoir mis une couleur en transparence). En broderie, lorsque l'on superpose 2 couches assez denses de coutures ou plus, le résultat devient très rigide. Heureusement, Stitch Era propose des outils afin de régler ce problème.<br />
<br />
Les images ci-dessous montrent la différence entre une broderie simplement auto-numérisée tel que nous l'avons expliqué plus haut, et une broderie ayant été réarrangée de la manière expliquée sur la page [[Stitch Era - créer une broderie à partir d'une image complexe]].<br />
<br />
{| border="1"<br />
| <br />
[[Fichier:Lams-dolly-lrg.gif|vignette|200px|bitmap original]]<br />
| <br />
[[Fichier:Lams-lamb-embroidery-4a.jpg|vignette|200px|Logo auto-numérisé]]<br />
|-<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-1.jpg|vignette|200px|Logo réarrangé et (majoritairement) auto-numérisé]]<br />
<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-2.jpg|vignette|200px|Logo réarrangé (version 2)]]<br />
|}<br />
<br />
Cela étant dit, une simple auto-numérisation est le meilleur moyen de commencer, et après un jour ou deux vous serez à même de produire des design suffisamment jolis pour les porter sur vos propres vêtements. :)<br />
<br />
== '''Numérisation des images vectorielles - évolution''' ==<br />
Dans cette partie, nous introduisons quelques petites astuces avec un autre exemple. En particulier, nous abordons les points suivants:<br />
* Réorganiser les vecteurs<br />
* Indiquer à Stitch Era les lignes de fil à utiliser pour un design (par exemple, Madeira Rayon)<br />
* Apporter des légères modifications aux sections de points<br />
Cette partie a été faite pour Stitch Era 11. L'importation de SVG est beaucoup plus facile maintenant. Le reste est similaire.<br />
<br />
=== '''Importation des images SVG''' ===<br />
Nous avons importé l'image SVG - [https://openclipart.org/detail/12755/evolution-steps|les étapes d'évolution.] Nous avons également testé d'importer le dessin via * .emf et le résultat est moins convaincant, bien qu'il soit utilisable avec beaucoup de travail supplémentaire.<br />
<br />
C'est ce que nous avons obtenu:<br />
[[Fichier:Stitch-era-evolution-example.png|vignette|600x600px|Evolution - image vectorielle importée|néant]]Nous pouvons voir sur l’image que les vecteurs ne sont pas dans le bon ordre, c'est-à-dire que les objets qui devraient être en dessus se trouvent sous les autres objets. Pour changer l'ordre d'empilement il existe trois manières différentes :<br />
<br />
* Avec le menu contextuel (faites un clic droit sur l'objet et sélectionnez '''Change Order''')<br />
<br />
* Avec le menu principale tout en haut (sélectionnez un objet, cliquez sur '''Layout''' et après sur la section '''Forward & Backward''')<br />
<br />
* Avec l’Administrateur d'objets. C'est la solution conseillée si vous devez en changer plusieurs. En faisant glisser un vecteur, vous pouvez changer son ordre.<br />
<br />
Une autre option serait de changer l'ordre au niveau de la section de point.<br />
[[Fichier:Stitch-era-evolution-example-2.png|néant|vignette|600x600px|Changement de l'ordre d'empilement en faisant glisser un objet dans l’Administrateur d'objets]]<br />
<br />
=== Adaptation de la couleur ===<br />
Nous avons décidé de travailler avec trois couleurs seulement et d'attribuer les mêmes couleurs pour chaque figure:<br />
* Sombre pour le corps<br />
* Clair pour le bras droit et la tête<br />
<br />
* Moyen pour la jambe droite<br />
La sélection des couleurs est un peu compliquée dans le Stitch era car la palette de couleurs dans le menu déroulant '''Fill color''' est vraiment petite et les couleurs sont très difficiles à distinguer.<br />
* Sélectionnez toutes les têtes et tous les bras droits : Maintenez la touche CTRL enfoncée et cliquez sur chacun.<br />
* Pour vous assurer que vous avez tout sélectionné, éloignez le groupe, puis appuyez sur CTRL-Z pour le remettre.<br />
* Vous pouvez également regrouper les objets sélectionnés ('''Layout -> Group''').<br />
* Changer les couleurs pour les éléments sélectionnés avec le menu déroulant '''Fill color'''.<br />
<br />
Si vous souhaitez récupérer une couleur à l'aide d'un nom de couleur qui vous connaissez, il faut recherchez la spécification RVB dans la [[wp_en:Lists_of_colors|Liste des couleurs]] de Wikipédia par exemple. La couleur ''cuivre'' serait (184,115,51) selon la liste. Une fois que vous avez obtenu les trois numéros Rouge / Vert / Bleu, vous pouvez les entrer dans le panneau '''Select Color panel''' que vous obtenez dans le menu déroulant '''Fill color -> More colors''' de Stitch Era. <br />
<br />
Pour notre exemple, nous avons fait: <br />
* tête et bras droit = cuivre (184, 115, 51)<br />
* corps = brun foncé (101,67,33)<br />
* jambes droites = café (150,75,0)<br />
Si vous vous êtes déjà familiarisé avec les images vectorielles, vous pouvez maintenant améliorer le dessin. Par exemple, nous avons changé légèrement les bras droits (l'articulation supérieure et les mains).<br />
<br />
=== Simplifier ===<br />
Afin d’éviter le fronçage du tissu, il ne faut pas imprimer trop de couches de points de suture.<br />
<br />
Nous pouvons simplifier le dessin avec la méthode Combine Vectors (CSG):<br />
* Tout sélectionner<br />
* Simplifier<br />
Nous obtenons maintenant des vecteurs supplémentaires, puisque des parties comme le corps ont été coupées en plusieurs parties:<br />
[[Fichier:Stitch-era-evolution-example-3.png|néant|vignette|600x600px|Image vectorielle prête à être numérisée]]<br />
Certains de ces vecteurs sont trop petits pour être cousus ou ne produiront pas vraiment de bons résultats. Vous pouvez donc les enlever. Nous avons enlevé un petit vecteur (# 3) et quelques nœuds de vecteurs qui avaient des tentacules. Pour faire cela, cliquez directement sur le vecteur dans l'espace de travail ou dans l’Administrateur d'objets, puis sélectionnez le petit contrôle de nœud, cliquez avec le bouton droit et supprimez.<br />
<br />
=== Numérisation ===<br />
Le design est prêt maintenant pour l'auto-numérisation.<br />
* Tout sélectionner (CTRL-A)<br />
* Convertir en Broderie, sélectionnez '''Embroidery''' -> '''Art to Stitch (Intelligent)'''<br />
Vous devriez voir le menu contextuel ''Image to sections'' et nous allons faire maintenant un peu d'étalonnage au lieu de cliquer sur OK.<br />
<br />
'''Assignation des couleurs de l’image à la palette d’aiguille'''<br />
* Sélectionnez l'onglet '''Needle Settings''' dans la fenêtre contextuelle ''Image to Sections''<br />
* Cochez la case "Assign artwork colors ...." (dernier élément)<br />
* Vous pouvez attribuer des couleurs de votre art vectoriel à des "aiguilles" représentant vos fils avec le petit menu déroulant.<br />
* Ne cliquez pas encore sur OK!<br />
Si vous voulez en savoir plus sur la gestion des couleurs et des couleurs de fil, lisez [[:en:Stitch_Era_-_vector_and_thread_color|Stitch Era - vecteur et couleur de fil]].<br />
<br />
'''Changer le motif de point'''<br />
* Ouvrez l'onglet de la section '''Stitch section'''<br />
* Sélectionnez votre motif préféré<br />
* Changer les densités à 4 lignes / mm<br />
J'ai également changé le point Zig zag par défaut en un point aléatoire automatique de 3 mm (''Configurations avancées'').<br />
* Maintenant vous pouvez cliquer sur OK.<br />
Si vous glissez votre souris sur un élément de l'aiguille dans la palette à gauche (ne cliquez pas sur!), vous verrez que le fil de Madeira vous sera demandé d'utiliser plus tard. Comme vous le verrez, les noms de couleurs ne sont pas les mêmes, mais nous ne pouvons rien y faire.<br />
[[Fichier:Stitch-era-needle-info.png|néant|vignette|560x560px|Info aiguille]]<br />
'''Refaire la numérisation'''<br />
* Premièrement enregistrez le fichier.<br />
Si vous n'êtes pas satisfait du résultat, ouvrez l’Administrateur d'objets (à droite)<br />
* Cliquez sur la section pour tout sélectionner. '''Assurez-vous de sélectionner les sections de point''' et '''non''' les vecteurs !<br />
* Appuyez sur CTRL-X<br />
* Recommencez maintenant "à broder". Vos zones de points devraient disparaître ...<br />
* Par exemple, sélectionnez chaque groupe de vecteurs en utilisant la touche SHIFT et ajoutez des bordures si vous préférez avoir un point courant autour de chaque section de point.<br />
* Vous pouvez également améliorer les graphismes de différentes manières, bien que cela soit parfois une perte de temps puisque les points ignorent les détails plus fins, c'est-à-dire que le réglage fin peut plutôt être effectué au niveau de la zone de point.<br />
* Dans le cas où vous voulez juste chaque figure comme une seule forme, rien n'est plus facile que cela : Sélectionnez tout, puis '''Combine vectors -> Addition.'''<br />
* Enfin, sélectionnez chaque figure et '''Remove holes'''.<br />
Quoi qu'il en soit, passons au design original.<br />
<br />
=== Réglage des zones de points ===<br />
En regardant le résultat, nous remarquons que certains vecteurs ont été rendus comme des Zigzags et d'autres comme des motifs de remplissage. Cela fonctionne par défaut.<br />
<br />
Puisque nous croyons que toutes les têtes devraient se ressembler, nous apportons quelques petits changements:<br />
* Décochez Auxiliaire (bouton vert en haut à droite), pas nécessaire mais conseillé…<br />
* Cliquez sur les sections que vous souhaitez modifier, par ex. tête des figures un et deux, plus la poitrine des figures 3 et 5<br />
* Ensuite, dans l'Administrateur d'objets, modifiez le style de remplissage. Nous avons utilisé:<br />
** Modèle<br />
** Densité = 4<br />
** Nom = PTM-0008<br />
[[Fichier:Stitch-era-evolution-example-4.png|néant|vignette|600x600px|Modification du style de remplissage via l'Administrateur d'objets]]<br />
Alternativement, vous pouvez également utiliser le tableau de remplissage en dessus, mais nous préférons l'Administrateur d'objets car il montre plus d'informations et aussi parce que vous pouvez changer les propriétés de plusieurs objets à la fois.<br />
<br />
Dans l'image ci-dessous, nous avons changé le type de remplissage de toutes les têtes en PTM-008.<br />
[[Fichier:Stitch-era-evolution-example-5.png|néant|vignette|600x600px|Changement de type de remplissage sur plusieurs zones de points]]<br />
=== Résultat ===<br />
Résultat affiché:<br />
[[Fichier:Stitch-era-evolution-example-6.png|néant|vignette|600x600px|Modification de types de remplissage via l'Administrateur d'objets]]<br />
* Certains points de zigzag sont très larges<br />
* Nous pourrions en fait transformer chaque jambe droite en style Zigzag irrégulier multicolonne par exemple (ce que nous avons fait avant l'impression).<br />
Résultat brodé:<br />
[[Fichier:Evolution-embroidered-2.jpg|néant|vignette|600x600px|Evolution brodée]]<br />
Le design n'est pas vraiment glorieux et les contrastes de couleurs sont trop grands car nous possédons pas une grande collection de fils. Les points irréguliers en Zigzag utilisés pour les jambes ajoutent une touche intéressante, bien que certaines personnes pourraient préférer des modèles plus propres. Enfin, nous pourrions ajouter des points de la même couleur autour de la bordure extérieure, mais c'est le travail supplémentaire…<br />
<br />
Si vous voulez savoir plus sur le Réglage des zones de points, lisez [https://edutechwiki.unige.ch/fr/Stitch_Era_-_ajustement_et_param%C3%A9trage_de_zones_de_broderie Stitch Era - ajustement et paramétrage de zones de broderie] <br />
<br />
== Problèmes, conseils et passer à autre chose ==<br />
Étant donné que de nombreuses images que vous pouvez trouver sur Internet sont les images matricielles, nous vous recommandons maintenant le tutoriel [https://edutechwiki.unige.ch/fr/Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27une_image_matricielle Stitch Era - créer une broderie à partir d'une image matricielle]<br />
<br />
Pour en savoir plus sur la numérisation des images matricielles et vectorielles, vous devez également apprendre quelques notions de base:<br />
* [https://edutechwiki.unige.ch/fr/Stitch_Era_-_ajustement_et_param%C3%A9trage_de_zones_de_broderie Stitch Era - ajustement et paramétrage de zones de broderie]<br />
* [https://edutechwiki.unige.ch/fr/Stitch_Era_-_cr%C3%A9ation_et_manipulation_de_graphismes_vectoriels Stitch Era - création et manipulation de graphismes vectoriels]<br />
Il peut également être utile de jeter un œil à [[:en:Stitch_Era_-_trouble_shooting|Stitch Era - dépannage]] et [[:en:Stitch_Era_-_interface_features_for_working_with_a_design|Stitch Era - caractéristiques de l'interface pour travailler avec le design]]<br />
<br />
Ensuite, passez à:<br />
* [[:en:Stitch_Era_-_digitizing_complex_vector_images|Stitch Era - créer une broderie à partir d'une image vectorielle complexe]]<br />
* [https://edutechwiki.unige.ch/fr/Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27une_image_complexe Stitch Era - créer une broderie à partir d'une image matricielle complexe]<br />
<br />
=== Importation depuis Inkscape, Illustrator et Corel Draw ===<br />
Dans Stitch Era 17:<br />
* '''Artwork -> Get from application''' (le fichier doit être ouvert dans l'application). Cela fonctionne avec Illustrator ou Corel Draw.<br />
* '''Artwork -> Open Vector File''' (ai, cdr, svg, wmf, etc.)<br />
Si les polices ne s'affichent pas, transformez les polices en objets. Par exemple. Dans Inkscape, sélectionnez le texte, puis '''Menu Path -> Object to Path'''.<br />
<br />
Dans Stitch Era 11, les fichiers Illustrator et Corel Draw, mais pas SVG, pouvaient être importés. Les anciennes versions ne supportaient que Corel Draw.<br />
<br />
'''Un simple test (2011)'''<br />
<br />
Fichier de test utilisé: [https://openclipart.org/detail/135013/green-plant-in-its-pot-in-three-different-phases-of-growth Plante verte dans son pot dans trois différentes phases de croissance]<br />
* Corel Draw ne peut pas gérer ce fichier SVG assez simple<br />
* Importer vers Illustrator. Nous avons ensuite dissocié (3 niveaux) et enlevé les ombres (clic et DEL)<br />
* Enregistrer le fichier en tant que * .ai<br />
* Importer le fichier dans Corel Draw<br />
* Importer le fichier Corel à Stitch Era: '''Get from Application -> Corel Draw'''<br />
Le résultat est avec pertes (par exemple, les dégradés de couleurs sont supprimés), mais la qualité du dessin est assez bonne pour la broderie. Bien sûr, le résultat devrait être adapté, c'est-à-dire simplifié.<br />
{| class="wikitable sortable"<br />
|+Importation de SVG avec pertes <br />
!Original<br />
!Illustrator<br />
!Stitch Era<br />
|-<br />
|[[Fichier:Plant-002 growing.png|vignette|260x260px|Original SVG]]<br />
|[[Fichier:Stitch-era-imported-vector-graphics-1.png|vignette|260x260px|Image du modèle AP simplifié]]<br />
|[[Fichier:Stitch-era-imported-vector-graphics-2.png|vignette|250x250px|Image du modèle importé via Corel]]<br />
|}<br />
Voyons maintenant ce que cela donne avec la numérisation minimale.<br />
* Redimensionner l'image à environ 12 x 7,8 cm<br />
* Enlever les bandes grises sur les pots<br />
* Simplifier les vecteurs:<br />
** Tout sélectionner: CTRL-A<br />
** Dans l'onglet '''Combine''', cliquez sur '''Combine Vectors -> Simplyfy'''<br />
<br />
* Procédure de numérisation automatique:<br />
** CTRL-A pour tout sélectionner<br />
** '''Embroidery -> Art to Stitch (Intelligent)'''<br />
** Densité du motif réduite à 4 lignes / mm<br />
L’image est imprimée par [https://www.wilcom.com/ Wilcom Truesizer]. Elle ne représente pas tout à fait l’original, c'est-à-dire que certaines zones blanches qui sont imprimées en premier et celles en dessous ne s'affichent pas du tout.<br />
[[Fichier:Plant 002 growing truesizer.png|néant|vignette|600x600px|Design représenté par Wilcom Truesizer]]<br />
<br />
'''Un test simple (2017)'''<br />
{| class="wikitable sortable"<br />
|+Importation de SVG avec pertes<br />
!Original<br />
!Importation de SVG directe<br />
!SVG importé via Illustrator<br />
|-<br />
|[[Fichier:Plant-002 growing.png|vignette|260x260px|Original SVG]]<br />
|[[Fichier:Stitch-era-17-imported-vector-graphics-4.png|vignette|260x260px|Image de l'importation SVG directe]]<br />
|[[Fichier:Stitch-era-17-imported-vector-graphics-5.png|vignette|260x260px|Image de SVG importée via Illustrator]]<br />
|}<br />
Stitch Era 17 peut importer le SVG standard simple, mais pas de remplissage dégradé. Après l’importation, la plupart des feuilles étaient noires. Par conséquent, il est parfois recommandé d'importer le fichier SVG dans Illustrator avant de l'importer dans Stitch Era. Sinon, vous pouvez remplacer les remplissages dégradés par des remplissages simples, par exemple, dégrouper, sélectionner chaque feuille, puis sélectionner une sorte de vert.<br />
<br />
L'importation d'un fichier à partir d'Illustrator peut être assez longue, mais le résultat est généralement assez bon. Nous avons numérisé l’image automatiquement ( Art to Stich (Intelligent)) après avoir enlevé les 3 ombres. ''Important'': Dans les options de '''Artwork Processing''', nous avons coché '''Process Major Overlaps''', parce que le dessin contient des objets vectoriels superposés (ils ont des bandes grises sur les pots).<br />
<br />
D'autre part, sans cocher cet option, il y aurait eu deux couches de broderie dans certains endroits, ce qui n'est pas forcément une mauvaise chose mais nécessite quelques tests.<br />
[[Fichier:Stitch-era-17-imported-vector-graphics-6.png|néant|vignette|600x600px|Stitch-Era 17 - Simulation de la broderie]]<br />
<br />
=== Remplissage des zones vides avec la couleur ===<br />
Nous avons trouvé difficile de remplir des motifs vectoriels importés avec des couleurs. Quand nous avons écrit ceci, Stitch Era ne voulait pas importer de fichiers Illustrateur, mais cela fonctionne maintenant à partir de la version 11.10. Si vous ne possédez pas Corel Draw ou Illustrator, ou si vous ne voulez pas travailler avec le format SVG, vous devrez faire l’importation des fichiers EMF. Cela produit en quelque sorte des remplissages avec des bordures à partir de lignes.<br />
<br />
Pour faire le remplissage:<br />
* Sélectionnez tous les éléments qui doivent être remplis, puis combinez-les en un seul vecteur: '''Combine Vectors''' -> '''Add'''<br />
* Cliquez sur '''Fill holes''' dans le menu en haut.<br />
* Assurez-vous que les vecteurs restants se chevauchent légèrement entre eux et ceux qui sont déjà remplis.<br />
* Sélectionnez chaque vecteur déconnecté dans l’Administrateur d'objets et zoomez beaucoup.<br />
* Puis cliquez sur '''Add''' à nouveau et '''Fill holes'''<br />
[[Fichier:Stitch-era-loose-vectors.png|néant|vignette|600x600px|Vecteur déconnecté]]<br />
Les deux objets vectoriels et les sections de points sont définis par plusieurs types de nœuds et à un moment donné, vous devrez apprendre comment un programme de dessin vectoriel fonctionne afin de faire des modifications et pour cela, vous pouvez lire maintenant [https://edutechwiki.unige.ch/fr/Stitch_Era_-_cr%C3%A9ation_et_manipulation_de_graphismes_vectoriels Stitch Era – création et manipulation de graphismes vectoriels].<br />
[[Catégorie:Tutoriels]]<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27un_dessin_vectoriel&diff=77378Stitch Era - créer une broderie à partir d'un dessin vectoriel2018-01-29T14:35:02Z<p>LiudmylaG : /* Numérisation */</p>
<hr />
<div>{{En construction}}<br />
<br />
== '''Introduction''' ==<br />
Ce tutoriel, créé pour les personnes débutant avec le logiciel Stitch Era embroidery, explique comment passer d'images vectorisées à de la broderie sans avoir besoin de fortes connaissances en numérisation. Si vous partez d'une image vectorielle (et non d'un fichier *.png ou *.jpg), vous devriez obtenir un bon résultat assez rapidement.<br />
<br />
<div class="tut_goals"><br />
'''Homepage du tutoriel''' <br />
<br />
* Version française: [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]]<br />
* Version anglaise: [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software]<br />
<br />
'''Objectifs d'apprentissage''' <br />
* Être capable d'importer des images vectorielles<br />
* Être capable de numériser des images vectorielles<br />
<br />
'''Prérequis''' <br />
<br />
Avoir le logiciel [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]] / [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software] installé (et en particulier, être capable de créer un nouveau design).<br />
<br />
'''Pages liées à celle-ci''' <br />
<br />
''A compléter.'' <br />
<br />
'''Ressources utilisées''' <br />
<br />
Vous pouvez réutiliser les images présentes dans ce tutoriel. Cliquez dessus pour les agrandir, puis cliquer une seconde fois pour pouvoir ensuite les enregistrer.<br />
<br />
'''Qualité et niveau'''<br />
<br />
Ce tutoriel devrait suffire pour débuter dans Stitch Era. Il est utilisé par les auteurs de cet article dans le cadre d'un cours optionnel de master dans le domaine des technologies éducatives.<br />
<br />
'''Dernière mise à jour majeure'''<br />
<br />
''A compléter une fois cet article terminé.''<br />
<br />
'''Prochaines étapes'''<br />
<br />
''A compléter une fois que d'autres articles du wiki sur le sujet seront terminés.''<br />
<br />
</div><br />
<br />
=== '''Formats des images vectorielles et fichiers d'extensions''' ===<br />
<br />
Il existe deux types de formats pour les fichiers images:<br />
<br />
* Les images vectorielles sont des "dessins mathématiques" qui sont en principe beaucoup plus faciles à numériser que d'autres types d'images. Les images vectorielles sont entièrement adaptables, par exemple, elles ne perdront pas en qualité si l'on change leur taille. Parmi les logiciels les plus utilisés pour créer des images vectorielles, on trouve Inkscape (gratuit), Illustrator et Corel Draw. Stitch Era permet d'importer des dessins au format SVG ainsi que des formats propriétaires de Corel Draw et Illustrator. Les formaty habituels de ces fichiers sont *.ai, *.svg, *.cdr, *.wmf et *.emf. Stitch Era inclut son propre logiciel de dessin d'images vectorielles, pouvant être utilisé dans la première phase de design d'une broderie. Vous pouvez utiliser ce module afin d'arranger/modifier des images vectorielles importées et/ou pour dessiner vos propres images.<br />
* Les Bitmaps (aussi appelés images matricielles) définissent une image, par exemple un dessin ou une photo, constituée d'une matrice de points colorés. Les bitmaps sont désavantageux concernant deux points: (1) Il n'est pas possible de modifier la taille d'une image sans perdre en qualité. (2) La plupart des formats d'images permettent de les compresser (réduire leur taille) en leur faisant perdre certaines informations. Les images Bitmaps qui paraissent nettes ne le sont probablement pas en réalité. Cependant, la plupart des clip art trouvés sur internet sont malheureusement des bitmaps. Numériser des bitmaps implique de les transformer en images vectorielles dans un premier temps. Ce processus s'appelle la vectorisation. Il est possible de numériser directement un bitmap en sections de points de couture, cependant le résultat n'est généralement pas très satisfaisant. Les formats de bitmaps les plus courants sont ".png, *.jpg et *.gif. Les fichiers au format PNG ainsi que GIF sont optimisés pour le dessin, tandis que le format *.jpg l'est pour les photographies.<br />
<br />
=== '''Un aperçu du processus de design''' ===<br />
Dans ce tutoriel, nous allons montrer comment créer de la broderie à partir de ces deux types de formats, les images vectorielles et les bitmaps. De base, le processus de création de broderie ressemble à cela: (les étapes optionnelles se trouvant entre "[...]")<br />
<br />
<pre><nowiki><br />
[ bitmaps ] -> [ images vectorielles ] -> sections de points de couture (stitch sections) -> points de couture générés (stitchs générés)<br />
</nowiki></pre><br />
<br />
Les sections de points de couture (aussi appelés objets de broderie) sont une sorte d'images vectorielles spécifiques à la broderie, qui définissent des surfaces (areas) et des lignes (path) selon la manière dont ils vont être coudre. Comment cela sera cousu est défini par plusieurs paramètres. Des professionnels pourraient créer des points de couture directement. D'autres commencent souvent à partir de fichiers images. Le passage d'images vectorielles à des sections de points de couture s'appelle la numérisation. Lorsque cela est fait automatiquement (ce que Stitch Era peut faire), cela s'appelle de l'auto-numérisation.<br />
<br />
Ce tutoriel va expliquer ci-dessous comment fonctionnent les images vectorielles. En particulier, à partir du format internet ouvert SVG, dans lequel on peut trouver des images gratuites sur des sites tels que openclipart ou encore thenounproject. Si vous êtes intéressés à utiliser des images matricielles (par exemple au format *.jpg et *.png), vous devriez voir la procédure à suivre plus bas afin de les transformer en images vectorielles, pour ensuite créer une broderie à partir d'elles.<br />
<br />
=== '''La qualité de la (semi)auto-numérisation''' ===<br />
<br />
Avant de lire la suite de ce tutoriel, il faut savoir que la broderie créée à partir d'images en utilisant de l'auto-numérisation ne sera pas d'un niveau professionnel. Comme vous le verrez, il est relativement facile de numériser un bitmap ou une image vectorielle. Le résultat sera suffisamment acceptable et satisfaisant pour certains usages. Cependant, il y aura trois problèmes majeurs:<br />
<br />
1) Le résultat ne transmettra pas forcément le message souhaité. Par exemple, si la broderie voulue inclut trop de petits détails.<br />
<br />
2) Une broderie de qualité ne suit pas les mêmes principes visuels de design tels que ceux que nous faisons sur un écran ou même sur des dessins papiers. Le résultat peut de ce fait être moins bon.<br />
<br />
3) La plupart des broderies seront assez rigides, et de ce fait pas forcément agréables à porter. Typiquement, dans le dessin numérique, des formes sont superposées les unes sur les autres car il est plus facile de dessiner de cette manière et on ne peut voir à travers une forme (à moins d'avoir mis une couleur en transparence). En broderie, lorsque l'on superpose 2 couches assez denses de coutures ou plus, le résultat devient très rigide. Heureusement, Stitch Era propose des outils afin de régler ce problème.<br />
<br />
Les images ci-dessous montrent la différence entre une broderie simplement auto-numérisée tel que nous l'avons expliqué plus haut, et une broderie ayant été réarrangée de la manière expliquée sur la page [[Stitch Era - créer une broderie à partir d'une image complexe]].<br />
<br />
{| border="1"<br />
| <br />
[[Fichier:Lams-dolly-lrg.gif|vignette|200px|bitmap original]]<br />
| <br />
[[Fichier:Lams-lamb-embroidery-4a.jpg|vignette|200px|Logo auto-numérisé]]<br />
|-<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-1.jpg|vignette|200px|Logo réarrangé et (majoritairement) auto-numérisé]]<br />
<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-2.jpg|vignette|200px|Logo réarrangé (version 2)]]<br />
|}<br />
<br />
Cela étant dit, une simple auto-numérisation est le meilleur moyen de commencer, et après un jour ou deux vous serez à même de produire des design suffisamment jolis pour les porter sur vos propres vêtements. :)<br />
<br />
== '''Numérisation des images vectorielles - évolution''' ==<br />
Dans cette partie, nous introduisons quelques petites astuces avec un autre exemple. En particulier, nous abordons les points suivants:<br />
* Réorganiser les vecteurs<br />
* Indiquer à Stitch Era les lignes de fil à utiliser pour un design (par exemple, Madeira Rayon)<br />
* Apporter des légères modifications aux sections de points<br />
Cette partie a été faite pour Stitch Era 11. L'importation de SVG est beaucoup plus facile maintenant. Le reste est similaire.<br />
<br />
=== '''Importation des images SVG''' ===<br />
Nous avons importé l'image SVG - [https://openclipart.org/detail/12755/evolution-steps|les étapes d'évolution.] Nous avons également testé d'importer le dessin via * .emf et le résultat est moins convaincant, bien qu'il soit utilisable avec beaucoup de travail supplémentaire.<br />
<br />
C'est ce que nous avons obtenu:<br />
[[Fichier:Stitch-era-evolution-example.png|vignette|600x600px|Evolution - image vectorielle importée|néant]]Nous pouvons voir sur l’image que les vecteurs ne sont pas dans le bon ordre, c'est-à-dire que les objets qui devraient être en dessus se trouvent sous les autres objets. Pour changer l'ordre d'empilement il existe trois manières différentes :<br />
<br />
* Avec le menu contextuel (faites un clic droit sur l'objet et sélectionnez '''Change Order''')<br />
<br />
* Avec le menu principale tout en haut (sélectionnez un objet, cliquez sur '''Layout''' et après sur la section '''Forward & Backward''')<br />
<br />
* Avec l’Administrateur d'objets. C'est la solution conseillée si vous devez en changer plusieurs. En faisant glisser un vecteur, vous pouvez changer son ordre.<br />
<br />
Une autre option serait de changer l'ordre au niveau de la section de point.<br />
[[Fichier:Stitch-era-evolution-example-2.png|néant|vignette|600x600px|Changement de l'ordre d'empilement en faisant glisser un objet dans l’Administrateur d'objets]]<br />
<br />
=== Adaptation de la couleur ===<br />
Nous avons décidé de travailler avec trois couleurs seulement et d'attribuer les mêmes couleurs pour chaque figure:<br />
* Sombre pour le corps<br />
* Clair pour le bras droit et la tête<br />
<br />
* Moyen pour la jambe droite<br />
La sélection des couleurs est un peu compliquée dans le Stitch era car la palette de couleurs dans le menu déroulant '''Fill color''' est vraiment petite et les couleurs sont très difficiles à distinguer.<br />
* Sélectionnez toutes les têtes et tous les bras droits : Maintenez la touche CTRL enfoncée et cliquez sur chacun.<br />
* Pour vous assurer que vous avez tout sélectionné, éloignez le groupe, puis appuyez sur CTRL-Z pour le remettre.<br />
* Vous pouvez également regrouper les objets sélectionnés ('''Layout -> Group''').<br />
* Changer les couleurs pour les éléments sélectionnés avec le menu déroulant '''Fill color'''.<br />
<br />
Si vous souhaitez récupérer une couleur à l'aide d'un nom de couleur qui vous connaissez, il faut recherchez la spécification RVB dans la [[wp_en:Lists_of_colors|Liste des couleurs]] de Wikipédia par exemple. La couleur ''cuivre'' serait (184,115,51) selon la liste. Une fois que vous avez obtenu les trois numéros Rouge / Vert / Bleu, vous pouvez les entrer dans le panneau '''Select Color panel''' que vous obtenez dans le menu déroulant '''Fill color -> More colors''' de Stitch Era. <br />
<br />
Pour notre exemple, nous avons fait: <br />
* tête et bras droit = cuivre (184, 115, 51)<br />
* corps = brun foncé (101,67,33)<br />
* jambes droites = café (150,75,0)<br />
Si vous vous êtes déjà familiarisé avec les images vectorielles, vous pouvez maintenant améliorer le dessin. Par exemple, nous avons changé légèrement les bras droits (l'articulation supérieure et les mains).<br />
<br />
=== Simplifier ===<br />
Afin d’éviter le fronçage du tissu, il ne faut pas imprimer trop de couches de points de suture.<br />
<br />
Nous pouvons simplifier le dessin avec la méthode Combine Vectors (CSG):<br />
* Tout sélectionner<br />
* Simplifier<br />
Nous obtenons maintenant des vecteurs supplémentaires, puisque des parties comme le corps ont été coupées en plusieurs parties:<br />
[[Fichier:Stitch-era-evolution-example-3.png|néant|vignette|600x600px|Image vectorielle prête à être numérisée]]<br />
Certains de ces vecteurs sont trop petits pour être cousus ou ne produiront pas vraiment de bons résultats. Vous pouvez donc les enlever. Nous avons enlevé un petit vecteur (# 3) et quelques nœuds de vecteurs qui avaient des tentacules. Pour faire cela, cliquez directement sur le vecteur dans l'espace de travail ou dans l’Administrateur d'objets, puis sélectionnez le petit contrôle de nœud, cliquez avec le bouton droit et supprimez.<br />
<br />
=== Numérisation ===<br />
Le design est prêt maintenant pour l'auto-numérisation.<br />
* Tout sélectionner (CTRL-A)<br />
* Convertir en Broderie, sélectionnez '''Embroidery''' -> '''Art to Stitch (Intelligent)'''<br />
Vous devriez voir le menu contextuel ''Image to sections'' et nous allons faire maintenant un peu d'étalonnage au lieu de cliquer sur OK.<br />
<br />
'''Assignation des couleurs de l’image à la palette d’aiguille'''<br />
* Sélectionnez l'onglet '''Needle Settings''' dans la fenêtre contextuelle ''Image to Sections''<br />
* Cochez la case "Assign artwork colors ...." (dernier élément)<br />
* Vous pouvez attribuer des couleurs de votre art vectoriel à des "aiguilles" représentant vos fils avec le petit menu déroulant.<br />
* Ne cliquez pas encore sur OK!<br />
Si vous voulez en savoir plus sur la gestion des couleurs et des couleurs de fil, lisez [[:en:Stitch_Era_-_vector_and_thread_color|Stitch Era - vecteur et couleur de fil]].<br />
<br />
'''Changer le motif de point'''<br />
* Ouvrez l'onglet de la section '''Stitch section'''<br />
* Sélectionnez votre motif préféré<br />
* Changer les densités à 4 lignes / mm<br />
J'ai également changé le point Zig zag par défaut en un point aléatoire automatique de 3 mm (''Configurations avancées'').<br />
* Maintenant vous pouvez cliquer sur OK.<br />
Si vous glissez votre souris sur un élément de l'aiguille dans la palette à gauche (ne cliquez pas sur!), vous verrez que le fil de Madeira vous sera demandé d'utiliser plus tard. Comme vous le verrez, les noms de couleurs ne sont pas les mêmes, mais nous ne pouvons rien y faire.<br />
[[Fichier:Stitch-era-needle-info.png|néant|vignette|560x560px|Info aiguille]]<br />
'''Refaire la numérisation'''<br />
* Premièrement enregistrez le fichier.<br />
Si vous n'êtes pas satisfait du résultat, ouvrez l’Administrateur d'objets (à droite)<br />
* Cliquez sur la section pour tout sélectionner. '''Assurez-vous de sélectionner les sections de point''' et '''non''' les vecteurs !<br />
* Appuyez sur CTRL-X<br />
* Recommencez maintenant "à broder". Vos zones de points devraient disparaître ...<br />
* Par exemple, sélectionnez chaque groupe de vecteurs en utilisant la touche SHIFT et ajoutez des bordures si vous préférez avoir un point courant autour de chaque section de point.<br />
* Vous pouvez également améliorer les graphismes de différentes manières, bien que cela soit parfois une perte de temps puisque les points ignorent les détails plus fins, c'est-à-dire que le réglage fin peut plutôt être effectué au niveau de la zone de point.<br />
* Dans le cas où vous voulez juste chaque figure comme une seule forme, rien n'est plus facile que cela : Sélectionnez tout, puis '''Combine vectors -> Addition.'''<br />
* Enfin, sélectionnez chaque figure et '''Remove holes'''.<br />
Quoi qu'il en soit, passons au design original.<br />
<br />
=== Réglage des zones de points ===<br />
En regardant le résultat, nous remarquons que certains vecteurs ont été rendus comme des Zigzags et d'autres comme des motifs de remplissage. Cela fonctionne par défaut.<br />
<br />
Puisque nous croyons que toutes les têtes devraient se ressembler, nous apportons quelques petits changements:<br />
* Décochez Auxiliaire (bouton vert en haut à droite), pas nécessaire mais conseillé…<br />
* Cliquez sur les sections que vous souhaitez modifier, par ex. tête des figures un et deux, plus la poitrine des figures 3 et 5<br />
* Ensuite, dans l'Administrateur d'objets, modifiez le style de remplissage. Nous avons utilisé:<br />
** Modèle<br />
** Densité = 4<br />
** Nom = PTM-0008<br />
[[Fichier:Stitch-era-evolution-example-4.png|néant|vignette|600x600px|Modification du style de remplissage via l'Administrateur d'objets]]<br />
Alternativement, vous pouvez également utiliser le tableau de remplissage en dessus, mais nous préférons l'Administrateur d'objets car il montre plus d'informations et aussi parce que vous pouvez changer les propriétés de plusieurs objets à la fois.<br />
<br />
Dans l'image ci-dessous, nous avons changé le type de remplissage de toutes les têtes en PTM-008.<br />
[[Fichier:Stitch-era-evolution-example-5.png|néant|vignette|600x600px|Changement de type de remplissage sur plusieurs zones de points]]<br />
=== Résultat ===<br />
Résultat affiché:<br />
[[Fichier:Stitch-era-evolution-example-6.png|néant|vignette|600x600px|Modification de types de remplissage via l'Administrateur d'objets]]<br />
* Certains points de zigzag sont très larges<br />
* Nous pourrions en fait transformer chaque jambe droite en style Zigzag irrégulier multicolonne par exemple (ce que nous avons fait avant l'impression).<br />
Résultat brodé:<br />
[[Fichier:Evolution-embroidered-2.jpg|néant|vignette|600x600px|Evolution brodée]]<br />
Le design n'est pas vraiment glorieux et les contrastes de couleurs sont trop grands car nous possédons pas une grande collection de fils. Les points irréguliers en Zigzag utilisés pour les jambes ajoutent une touche intéressante, bien que certaines personnes pourraient préférer des modèles plus propres. Enfin, nous pourrions ajouter des points de la même couleur autour de la bordure extérieure, mais c'est le travail supplémentaire…<br />
<br />
Si vous voulez savoir plus sur le Réglage des zones de points, lisez [https://edutechwiki.unige.ch/fr/Stitch_Era_-_ajustement_et_param%C3%A9trage_de_zones_de_broderie Stitch Era - ajustement et paramétrage de zones de broderie] <br />
<br />
== Problèmes, conseils et passer à autre chose ==<br />
Étant donné que de nombreuses images que vous pouvez trouver sur Internet sont les images matricielles, nous vous recommandons maintenant le tutoriel [https://edutechwiki.unige.ch/fr/Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27une_image_matricielle Stitch Era - créer une broderie à partir d'une image matricielle]<br />
<br />
Pour en savoir plus sur la numérisation des images matricielles et vectorielles, vous devez également apprendre quelques notions de base:<br />
* [https://edutechwiki.unige.ch/fr/Stitch_Era_-_ajustement_et_param%C3%A9trage_de_zones_de_broderie Stitch Era - ajustement et paramétrage de zones de broderie]<br />
* [https://edutechwiki.unige.ch/fr/Stitch_Era_-_cr%C3%A9ation_et_manipulation_de_graphismes_vectoriels Stitch Era - création et manipulation de graphismes vectoriels]<br />
Il peut également être utile de jeter un œil à [[:en:Stitch_Era_-_trouble_shooting|Stitch Era - dépannage]] et [[:en:Stitch_Era_-_interface_features_for_working_with_a_design|Stitch Era - caractéristiques de l'interface pour travailler avec le design]]<br />
<br />
Ensuite, passez à:<br />
* [[:en:Stitch_Era_-_digitizing_complex_vector_images|Stitch Era - créer une broderie à partir d'une image vectorielle complexe]]<br />
* [https://edutechwiki.unige.ch/fr/Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27une_image_complexe Stitch Era - créer une broderie à partir d'une image matricielle complexe]<br />
<br />
=== Importation depuis Inkscape, Illustrator et Corel Draw ===<br />
Dans Stitch Era 17:<br />
* Epreuve -> Chercher sur l'application (le fichier doit être ouvert dans l'application). Cela fonctionne avec Illustrator ou Corel Draw.<br />
* Epreuve -> Ouvrir le fichier vecteur (ai, cdr, svg, wmf, etc.)<br />
Si les polices ne s'affichent pas, transformez les polices en objets. Par exemple. Dans Inkscape, sélectionnez le texte, puis Menu Chemin -> Objet en chemin<br />
<br />
Dans Stitch Era 11, les fichiers Illustrator et Corel Draw, mais pas SVG, pouvaient être importés. Les anciennes versions ne supportaient que Corel Draw.<br />
<br />
'''Un simple test (2011)'''<br />
<br />
Fichier de test utilisé: [https://openclipart.org/detail/135013/green-plant-in-its-pot-in-three-different-phases-of-growth Plante verte dans son pot dans trois différentes phases de croissance]<br />
* Corel Draw ne peut pas gérer ce fichier SVG assez simple<br />
* Importer vers Illustrator. Nous avons ensuite dissocié (3 niveaux) et enlevé les ombres (clic et DEL)<br />
* Enregistrer le fichier en tant que * .ai<br />
* Importer le fichier dans Corel Draw<br />
* Importer le fichier Corel à Stitch Era: '''Obtenir à partir de l'application''' -> '''Corel Draw'''<br />
Le résultat est avec pertes (par exemple, les dégradés de couleurs sont supprimés), mais la qualité du dessin est assez bonne pour la broderie. Bien sûr, le résultat devrait être adapté, c'est-à-dire simplifié.<br />
{| class="wikitable sortable"<br />
|+Importation de SVG avec pertes <br />
!Original<br />
!Illustrator<br />
!Stitch Era<br />
|-<br />
|[[Fichier:Plant-002 growing.png|vignette|260x260px|Original SVG]]<br />
|[[Fichier:Stitch-era-imported-vector-graphics-1.png|vignette|260x260px|Image du modèle AP simplifié]]<br />
|[[Fichier:Stitch-era-imported-vector-graphics-2.png|vignette|250x250px|Image du modèle importé via Corel]]<br />
|}<br />
Voyons maintenant ce que cela donne avec la numérisation minimale.<br />
* Redimensionner l'image à environ 12 x 7,8 cm<br />
* Enlever les bandes grises sur les pots<br />
* Simplifier les vecteurs:<br />
** Tout sélectionner: CTRL-A<br />
** Dans l'onglet '''Combiner''', cliquez sur '''Combiner les vecteurs-> Simplifier'''<br />
<br />
* Procédure de numérisation automatique:<br />
** CTRL-A pour tout sélectionner<br />
** '''Broderie -> Art to Stitch (Intelligent)'''<br />
** Densité du motif réduite à 4 lignes / mm<br />
L’image est imprimée par [https://www.wilcom.com/ Wilcom Truesizer]. Elle ne représente pas tout à fait l’original, c'est-à-dire que certaines zones blanches qui sont imprimées en premier et celles en dessous ne s'affichent pas du tout.<br />
[[Fichier:Plant 002 growing truesizer.png|néant|vignette|600x600px|Design représenté par Wilcom Truesizer]]<br />
<br />
'''Un test simple (2017)'''<br />
{| class="wikitable sortable"<br />
|+Importation de SVG avec pertes<br />
!Original<br />
!Importation de SVG directe<br />
!SVG importé via Illustrator<br />
|-<br />
|[[Fichier:Plant-002 growing.png|vignette|260x260px|Original SVG]]<br />
|[[Fichier:Stitch-era-17-imported-vector-graphics-4.png|vignette|260x260px|Image de l'importation SVG directe]]<br />
|[[Fichier:Stitch-era-17-imported-vector-graphics-5.png|vignette|260x260px|Image de SVG importée via Illustrator]]<br />
|}<br />
Stitch Era 17 peut importer le SVG standard simple, mais pas de remplissage dégradé. Après l’importation, la plupart des feuilles étaient noires. Par conséquent, il est parfois recommandé d'importer le fichier SVG dans Illustrator avant de l'importer dans Stitch Era. Sinon, vous pouvez remplacer les remplissages dégradés par des remplissages simples, par exemple, dégrouper, sélectionner chaque feuille, puis sélectionner une sorte de vert.<br />
<br />
L'importation d'un fichier à partir d'Illustrator peut être assez longue, mais le résultat est généralement assez bon. Nous avons numérisé l’image automatiquement ( Art to Stich (Intelligent)) après avoir enlevé les 3 ombres. ''Important'': Dans les options de '''Traitement artistique''', nous avons coché '''Traitement des principales superpositions''', parce que le dessin contient des objets vectoriels superposés (ils ont des bandes grises sur les pots).<br />
<br />
D'autre part, sans cocher cet option, il y aurait eu deux couches de broderie dans certains endroits, ce qui n'est pas forcément une mauvaise chose mais nécessite quelques tests.<br />
[[Fichier:Stitch-era-17-imported-vector-graphics-6.png|néant|vignette|600x600px|Stitch-Era 17 - Simulation de la broderie]]<br />
<br />
=== Remplissage des zones vides avec la couleur ===<br />
Nous avons trouvé difficile de remplir des motifs vectoriels importés avec des couleurs. Quand nous avons écrit ceci, Stitch Era ne voulait pas importer de fichiers Illustrateur, mais cela fonctionne maintenant à partir de la version 11.10. Si vous ne possédez pas Corel Draw ou Illustrator, ou si vous ne voulez pas travailler avec le format SVG, vous devrez faire l’importation des fichiers EMF. Cela produit en quelque sorte des remplissages avec des bordures à partir de lignes.<br />
<br />
Pour faire le remplissage:<br />
* Sélectionnez tous les éléments qui doivent être remplis, puis combinez-les en un seul vecteur: '''Combiner des vecteurs -> Ajout'''<br />
* Cliquez sur '''Eliminer les trous''' dans le menu en haut.<br />
* Assurez-vous que les vecteurs restants se chevauchent légèrement entre eux et ceux qui sont déjà remplis.<br />
* Sélectionnez chaque vecteur déconnecté dans l’Administrateur d'objets et zoomez beaucoup.<br />
* Puis cliquez sur '''Ajout''' à nouveau et '''Eliminer les trous'''.<br />
[[Fichier:Stitch-era-loose-vectors.png|néant|vignette|600x600px|Vecteur déconnecté]]<br />
Les deux objets vectoriels et les sections de points sont définis par plusieurs types de nœuds et à un moment donné, vous devrez apprendre comment un programme de dessin vectoriel fonctionne afin de faire des modifications et pour cela, vous pouvez lire maintenant [https://edutechwiki.unige.ch/fr/Stitch_Era_-_cr%C3%A9ation_et_manipulation_de_graphismes_vectoriels Stitch Era – création et manipulation de graphismes vectoriels].<br />
[[Catégorie:Tutoriels]]<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27un_dessin_vectoriel&diff=77377Stitch Era - créer une broderie à partir d'un dessin vectoriel2018-01-29T14:30:12Z<p>LiudmylaG : /* Importation des images SVG */</p>
<hr />
<div>{{En construction}}<br />
<br />
== '''Introduction''' ==<br />
Ce tutoriel, créé pour les personnes débutant avec le logiciel Stitch Era embroidery, explique comment passer d'images vectorisées à de la broderie sans avoir besoin de fortes connaissances en numérisation. Si vous partez d'une image vectorielle (et non d'un fichier *.png ou *.jpg), vous devriez obtenir un bon résultat assez rapidement.<br />
<br />
<div class="tut_goals"><br />
'''Homepage du tutoriel''' <br />
<br />
* Version française: [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]]<br />
* Version anglaise: [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software]<br />
<br />
'''Objectifs d'apprentissage''' <br />
* Être capable d'importer des images vectorielles<br />
* Être capable de numériser des images vectorielles<br />
<br />
'''Prérequis''' <br />
<br />
Avoir le logiciel [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]] / [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software] installé (et en particulier, être capable de créer un nouveau design).<br />
<br />
'''Pages liées à celle-ci''' <br />
<br />
''A compléter.'' <br />
<br />
'''Ressources utilisées''' <br />
<br />
Vous pouvez réutiliser les images présentes dans ce tutoriel. Cliquez dessus pour les agrandir, puis cliquer une seconde fois pour pouvoir ensuite les enregistrer.<br />
<br />
'''Qualité et niveau'''<br />
<br />
Ce tutoriel devrait suffire pour débuter dans Stitch Era. Il est utilisé par les auteurs de cet article dans le cadre d'un cours optionnel de master dans le domaine des technologies éducatives.<br />
<br />
'''Dernière mise à jour majeure'''<br />
<br />
''A compléter une fois cet article terminé.''<br />
<br />
'''Prochaines étapes'''<br />
<br />
''A compléter une fois que d'autres articles du wiki sur le sujet seront terminés.''<br />
<br />
</div><br />
<br />
=== '''Formats des images vectorielles et fichiers d'extensions''' ===<br />
<br />
Il existe deux types de formats pour les fichiers images:<br />
<br />
* Les images vectorielles sont des "dessins mathématiques" qui sont en principe beaucoup plus faciles à numériser que d'autres types d'images. Les images vectorielles sont entièrement adaptables, par exemple, elles ne perdront pas en qualité si l'on change leur taille. Parmi les logiciels les plus utilisés pour créer des images vectorielles, on trouve Inkscape (gratuit), Illustrator et Corel Draw. Stitch Era permet d'importer des dessins au format SVG ainsi que des formats propriétaires de Corel Draw et Illustrator. Les formaty habituels de ces fichiers sont *.ai, *.svg, *.cdr, *.wmf et *.emf. Stitch Era inclut son propre logiciel de dessin d'images vectorielles, pouvant être utilisé dans la première phase de design d'une broderie. Vous pouvez utiliser ce module afin d'arranger/modifier des images vectorielles importées et/ou pour dessiner vos propres images.<br />
* Les Bitmaps (aussi appelés images matricielles) définissent une image, par exemple un dessin ou une photo, constituée d'une matrice de points colorés. Les bitmaps sont désavantageux concernant deux points: (1) Il n'est pas possible de modifier la taille d'une image sans perdre en qualité. (2) La plupart des formats d'images permettent de les compresser (réduire leur taille) en leur faisant perdre certaines informations. Les images Bitmaps qui paraissent nettes ne le sont probablement pas en réalité. Cependant, la plupart des clip art trouvés sur internet sont malheureusement des bitmaps. Numériser des bitmaps implique de les transformer en images vectorielles dans un premier temps. Ce processus s'appelle la vectorisation. Il est possible de numériser directement un bitmap en sections de points de couture, cependant le résultat n'est généralement pas très satisfaisant. Les formats de bitmaps les plus courants sont ".png, *.jpg et *.gif. Les fichiers au format PNG ainsi que GIF sont optimisés pour le dessin, tandis que le format *.jpg l'est pour les photographies.<br />
<br />
=== '''Un aperçu du processus de design''' ===<br />
Dans ce tutoriel, nous allons montrer comment créer de la broderie à partir de ces deux types de formats, les images vectorielles et les bitmaps. De base, le processus de création de broderie ressemble à cela: (les étapes optionnelles se trouvant entre "[...]")<br />
<br />
<pre><nowiki><br />
[ bitmaps ] -> [ images vectorielles ] -> sections de points de couture (stitch sections) -> points de couture générés (stitchs générés)<br />
</nowiki></pre><br />
<br />
Les sections de points de couture (aussi appelés objets de broderie) sont une sorte d'images vectorielles spécifiques à la broderie, qui définissent des surfaces (areas) et des lignes (path) selon la manière dont ils vont être coudre. Comment cela sera cousu est défini par plusieurs paramètres. Des professionnels pourraient créer des points de couture directement. D'autres commencent souvent à partir de fichiers images. Le passage d'images vectorielles à des sections de points de couture s'appelle la numérisation. Lorsque cela est fait automatiquement (ce que Stitch Era peut faire), cela s'appelle de l'auto-numérisation.<br />
<br />
Ce tutoriel va expliquer ci-dessous comment fonctionnent les images vectorielles. En particulier, à partir du format internet ouvert SVG, dans lequel on peut trouver des images gratuites sur des sites tels que openclipart ou encore thenounproject. Si vous êtes intéressés à utiliser des images matricielles (par exemple au format *.jpg et *.png), vous devriez voir la procédure à suivre plus bas afin de les transformer en images vectorielles, pour ensuite créer une broderie à partir d'elles.<br />
<br />
=== '''La qualité de la (semi)auto-numérisation''' ===<br />
<br />
Avant de lire la suite de ce tutoriel, il faut savoir que la broderie créée à partir d'images en utilisant de l'auto-numérisation ne sera pas d'un niveau professionnel. Comme vous le verrez, il est relativement facile de numériser un bitmap ou une image vectorielle. Le résultat sera suffisamment acceptable et satisfaisant pour certains usages. Cependant, il y aura trois problèmes majeurs:<br />
<br />
1) Le résultat ne transmettra pas forcément le message souhaité. Par exemple, si la broderie voulue inclut trop de petits détails.<br />
<br />
2) Une broderie de qualité ne suit pas les mêmes principes visuels de design tels que ceux que nous faisons sur un écran ou même sur des dessins papiers. Le résultat peut de ce fait être moins bon.<br />
<br />
3) La plupart des broderies seront assez rigides, et de ce fait pas forcément agréables à porter. Typiquement, dans le dessin numérique, des formes sont superposées les unes sur les autres car il est plus facile de dessiner de cette manière et on ne peut voir à travers une forme (à moins d'avoir mis une couleur en transparence). En broderie, lorsque l'on superpose 2 couches assez denses de coutures ou plus, le résultat devient très rigide. Heureusement, Stitch Era propose des outils afin de régler ce problème.<br />
<br />
Les images ci-dessous montrent la différence entre une broderie simplement auto-numérisée tel que nous l'avons expliqué plus haut, et une broderie ayant été réarrangée de la manière expliquée sur la page [[Stitch Era - créer une broderie à partir d'une image complexe]].<br />
<br />
{| border="1"<br />
| <br />
[[Fichier:Lams-dolly-lrg.gif|vignette|200px|bitmap original]]<br />
| <br />
[[Fichier:Lams-lamb-embroidery-4a.jpg|vignette|200px|Logo auto-numérisé]]<br />
|-<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-1.jpg|vignette|200px|Logo réarrangé et (majoritairement) auto-numérisé]]<br />
<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-2.jpg|vignette|200px|Logo réarrangé (version 2)]]<br />
|}<br />
<br />
Cela étant dit, une simple auto-numérisation est le meilleur moyen de commencer, et après un jour ou deux vous serez à même de produire des design suffisamment jolis pour les porter sur vos propres vêtements. :)<br />
<br />
== '''Numérisation des images vectorielles - évolution''' ==<br />
Dans cette partie, nous introduisons quelques petites astuces avec un autre exemple. En particulier, nous abordons les points suivants:<br />
* Réorganiser les vecteurs<br />
* Indiquer à Stitch Era les lignes de fil à utiliser pour un design (par exemple, Madeira Rayon)<br />
* Apporter des légères modifications aux sections de points<br />
Cette partie a été faite pour Stitch Era 11. L'importation de SVG est beaucoup plus facile maintenant. Le reste est similaire.<br />
<br />
=== '''Importation des images SVG''' ===<br />
Nous avons importé l'image SVG - [https://openclipart.org/detail/12755/evolution-steps|les étapes d'évolution.] Nous avons également testé d'importer le dessin via * .emf et le résultat est moins convaincant, bien qu'il soit utilisable avec beaucoup de travail supplémentaire.<br />
<br />
C'est ce que nous avons obtenu:<br />
[[Fichier:Stitch-era-evolution-example.png|vignette|600x600px|Evolution - image vectorielle importée|néant]]Nous pouvons voir sur l’image que les vecteurs ne sont pas dans le bon ordre, c'est-à-dire que les objets qui devraient être en dessus se trouvent sous les autres objets. Pour changer l'ordre d'empilement il existe trois manières différentes :<br />
<br />
* Avec le menu contextuel (faites un clic droit sur l'objet et sélectionnez '''Change Order''')<br />
<br />
* Avec le menu principale tout en haut (sélectionnez un objet, cliquez sur '''Layout''' et après sur la section '''Forward & Backward''')<br />
<br />
* Avec l’Administrateur d'objets. C'est la solution conseillée si vous devez en changer plusieurs. En faisant glisser un vecteur, vous pouvez changer son ordre.<br />
<br />
Une autre option serait de changer l'ordre au niveau de la section de point.<br />
[[Fichier:Stitch-era-evolution-example-2.png|néant|vignette|600x600px|Changement de l'ordre d'empilement en faisant glisser un objet dans l’Administrateur d'objets]]<br />
<br />
=== Adaptation de la couleur ===<br />
Nous avons décidé de travailler avec trois couleurs seulement et d'attribuer les mêmes couleurs pour chaque figure:<br />
* Sombre pour le corps<br />
* Clair pour le bras droit et la tête<br />
<br />
* Moyen pour la jambe droite<br />
La sélection des couleurs est un peu compliquée dans le Stitch era car la palette de couleurs dans le menu déroulant '''Fill color''' est vraiment petite et les couleurs sont très difficiles à distinguer.<br />
* Sélectionnez toutes les têtes et tous les bras droits : Maintenez la touche CTRL enfoncée et cliquez sur chacun.<br />
* Pour vous assurer que vous avez tout sélectionné, éloignez le groupe, puis appuyez sur CTRL-Z pour le remettre.<br />
* Vous pouvez également regrouper les objets sélectionnés ('''Layout -> Group''').<br />
* Changer les couleurs pour les éléments sélectionnés avec le menu déroulant '''Fill color'''.<br />
<br />
Si vous souhaitez récupérer une couleur à l'aide d'un nom de couleur qui vous connaissez, il faut recherchez la spécification RVB dans la [[wp_en:Lists_of_colors|Liste des couleurs]] de Wikipédia par exemple. La couleur ''cuivre'' serait (184,115,51) selon la liste. Une fois que vous avez obtenu les trois numéros Rouge / Vert / Bleu, vous pouvez les entrer dans le panneau '''Select Color panel''' que vous obtenez dans le menu déroulant '''Fill color -> More colors''' de Stitch Era. <br />
<br />
Pour notre exemple, nous avons fait: <br />
* tête et bras droit = cuivre (184, 115, 51)<br />
* corps = brun foncé (101,67,33)<br />
* jambes droites = café (150,75,0)<br />
Si vous vous êtes déjà familiarisé avec les images vectorielles, vous pouvez maintenant améliorer le dessin. Par exemple, nous avons changé légèrement les bras droits (l'articulation supérieure et les mains).<br />
<br />
=== Simplifier ===<br />
Afin d’éviter le fronçage du tissu, il ne faut pas imprimer trop de couches de points de suture.<br />
<br />
Nous pouvons simplifier le dessin avec la méthode Combine Vectors (CSG):<br />
* Tout sélectionner<br />
* Simplifier<br />
Nous obtenons maintenant des vecteurs supplémentaires, puisque des parties comme le corps ont été coupées en plusieurs parties:<br />
[[Fichier:Stitch-era-evolution-example-3.png|néant|vignette|600x600px|Image vectorielle prête à être numérisée]]<br />
Certains de ces vecteurs sont trop petits pour être cousus ou ne produiront pas vraiment de bons résultats. Vous pouvez donc les enlever. Nous avons enlevé un petit vecteur (# 3) et quelques nœuds de vecteurs qui avaient des tentacules. Pour faire cela, cliquez directement sur le vecteur dans l'espace de travail ou dans l’Administrateur d'objets, puis sélectionnez le petit contrôle de nœud, cliquez avec le bouton droit et supprimez.<br />
<br />
=== Numérisation ===<br />
Le design est prêt maintenant pour l'auto-numérisation.<br />
* Tout sélectionner (CTRL-A)<br />
* Convertir en Broderie, sélectionnez '''Broderie''' -> '''Art to Stitch (Intelligent)'''<br />
Vous devriez voir le menu contextuel ''Image en Objets'' et nous allons faire maintenant un peu d'étalonnage au lieu de cliquer sur OK.<br />
<br />
'''Assignation des couleurs de l’image à la palette d’aiguille'''<br />
* Sélectionnez l'onglet '''Réglages d'aiguille''' dans la fenêtre contextuelle ''Image en Objets''<br />
* Cochez la case "Assigner les couleurs du dessin ...." (dernier élément)<br />
* Vous pouvez attribuer des couleurs de votre art vectoriel à des "aiguilles" représentant vos fils avec le petit menu déroulant.<br />
* Ne cliquez pas encore sur OK!<br />
Si vous voulez en savoir plus sur la gestion des couleurs et des couleurs de fil, lisez [[:en:Stitch_Era_-_vector_and_thread_color|Stitch Era - vecteur et couleur de fil]].<br />
<br />
'''Changer le motif de point'''<br />
* Ouvrez l'onglet de la section '''Réglage de points'''<br />
* Sélectionnez votre motif préféré<br />
* Changer les densités à 4 lignes / mm<br />
J'ai également changé le point Zig zag par défaut en un point aléatoire automatique de 3 mm (''Configurations avancées'').<br />
* Maintenant vous pouvez cliquer sur OK.<br />
Si vous glissez votre souris sur un élément de l'aiguille dans la palette à gauche (ne cliquez pas sur!), vous verrez que le fil de Madeira vous sera demandé d'utiliser plus tard. Comme vous le verrez, les noms de couleurs ne sont pas les mêmes, mais nous ne pouvons rien y faire.<br />
[[Fichier:Stitch-era-needle-info.png|néant|vignette|560x560px|Info aiguille]]<br />
'''Refaire la numérisation'''<br />
* Premièrement enregistrez le fichier.<br />
Si vous n'êtes pas satisfait du résultat, ouvrez l’Administrateur d'objets (à droite)<br />
* Cliquez sur la section pour tout sélectionner. '''Assurez-vous de sélectionner les sections de point''' et '''non''' les vecteurs !<br />
* Appuyez sur CTRL-X<br />
* Recommencez maintenant "à broder". Vos zones de points devraient disparaître ...<br />
* Par exemple, sélectionnez chaque groupe de vecteurs en utilisant la touche SHIFT et ajoutez des bordures si vous préférez avoir un point courant autour de chaque section de point.<br />
* Vous pouvez également améliorer les graphismes de différentes manières, bien que cela soit parfois une perte de temps puisque les points ignorent les détails plus fins, c'est-à-dire que le réglage fin peut plutôt être effectué au niveau de la zone de point.<br />
* Dans le cas où vous voulez juste chaque figure comme une seule forme, rien n'est plus facile que cela : Sélectionnez tout, puis '''Combiner les vecteurs''' -> '''Ajout'''.<br />
* Enfin, sélectionnez chaque figure et '''Eliminer les trous'''.<br />
Quoi qu'il en soit, passons au design original.<br />
<br />
=== Réglage des zones de points ===<br />
En regardant le résultat, nous remarquons que certains vecteurs ont été rendus comme des Zigzags et d'autres comme des motifs de remplissage. Cela fonctionne par défaut.<br />
<br />
Puisque nous croyons que toutes les têtes devraient se ressembler, nous apportons quelques petits changements:<br />
* Décochez Auxiliaire (bouton vert en haut à droite), pas nécessaire mais conseillé…<br />
* Cliquez sur les sections que vous souhaitez modifier, par ex. tête des figures un et deux, plus la poitrine des figures 3 et 5<br />
* Ensuite, dans l'Administrateur d'objets, modifiez le style de remplissage. Nous avons utilisé:<br />
** Modèle<br />
** Densité = 4<br />
** Nom = PTM-0008<br />
[[Fichier:Stitch-era-evolution-example-4.png|néant|vignette|600x600px|Modification du style de remplissage via l'Administrateur d'objets]]<br />
Alternativement, vous pouvez également utiliser le tableau de remplissage en dessus, mais nous préférons l'Administrateur d'objets car il montre plus d'informations et aussi parce que vous pouvez changer les propriétés de plusieurs objets à la fois.<br />
<br />
Dans l'image ci-dessous, nous avons changé le type de remplissage de toutes les têtes en PTM-008.<br />
[[Fichier:Stitch-era-evolution-example-5.png|néant|vignette|600x600px|Changement de type de remplissage sur plusieurs zones de points]]<br />
=== Résultat ===<br />
Résultat affiché:<br />
[[Fichier:Stitch-era-evolution-example-6.png|néant|vignette|600x600px|Modification de types de remplissage via l'Administrateur d'objets]]<br />
* Certains points de zigzag sont très larges<br />
* Nous pourrions en fait transformer chaque jambe droite en style Zigzag irrégulier multicolonne par exemple (ce que nous avons fait avant l'impression).<br />
Résultat brodé:<br />
[[Fichier:Evolution-embroidered-2.jpg|néant|vignette|600x600px|Evolution brodée]]<br />
Le design n'est pas vraiment glorieux et les contrastes de couleurs sont trop grands car nous possédons pas une grande collection de fils. Les points irréguliers en Zigzag utilisés pour les jambes ajoutent une touche intéressante, bien que certaines personnes pourraient préférer des modèles plus propres. Enfin, nous pourrions ajouter des points de la même couleur autour de la bordure extérieure, mais c'est le travail supplémentaire…<br />
<br />
Si vous voulez savoir plus sur le Réglage des zones de points, lisez [https://edutechwiki.unige.ch/fr/Stitch_Era_-_ajustement_et_param%C3%A9trage_de_zones_de_broderie Stitch Era - ajustement et paramétrage de zones de broderie] <br />
<br />
== Problèmes, conseils et passer à autre chose ==<br />
Étant donné que de nombreuses images que vous pouvez trouver sur Internet sont les images matricielles, nous vous recommandons maintenant le tutoriel [https://edutechwiki.unige.ch/fr/Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27une_image_matricielle Stitch Era - créer une broderie à partir d'une image matricielle]<br />
<br />
Pour en savoir plus sur la numérisation des images matricielles et vectorielles, vous devez également apprendre quelques notions de base:<br />
* [https://edutechwiki.unige.ch/fr/Stitch_Era_-_ajustement_et_param%C3%A9trage_de_zones_de_broderie Stitch Era - ajustement et paramétrage de zones de broderie]<br />
* [https://edutechwiki.unige.ch/fr/Stitch_Era_-_cr%C3%A9ation_et_manipulation_de_graphismes_vectoriels Stitch Era - création et manipulation de graphismes vectoriels]<br />
Il peut également être utile de jeter un œil à [[:en:Stitch_Era_-_trouble_shooting|Stitch Era - dépannage]] et [[:en:Stitch_Era_-_interface_features_for_working_with_a_design|Stitch Era - caractéristiques de l'interface pour travailler avec le design]]<br />
<br />
Ensuite, passez à:<br />
* [[:en:Stitch_Era_-_digitizing_complex_vector_images|Stitch Era - créer une broderie à partir d'une image vectorielle complexe]]<br />
* [https://edutechwiki.unige.ch/fr/Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27une_image_complexe Stitch Era - créer une broderie à partir d'une image matricielle complexe]<br />
<br />
=== Importation depuis Inkscape, Illustrator et Corel Draw ===<br />
Dans Stitch Era 17:<br />
* Epreuve -> Chercher sur l'application (le fichier doit être ouvert dans l'application). Cela fonctionne avec Illustrator ou Corel Draw.<br />
* Epreuve -> Ouvrir le fichier vecteur (ai, cdr, svg, wmf, etc.)<br />
Si les polices ne s'affichent pas, transformez les polices en objets. Par exemple. Dans Inkscape, sélectionnez le texte, puis Menu Chemin -> Objet en chemin<br />
<br />
Dans Stitch Era 11, les fichiers Illustrator et Corel Draw, mais pas SVG, pouvaient être importés. Les anciennes versions ne supportaient que Corel Draw.<br />
<br />
'''Un simple test (2011)'''<br />
<br />
Fichier de test utilisé: [https://openclipart.org/detail/135013/green-plant-in-its-pot-in-three-different-phases-of-growth Plante verte dans son pot dans trois différentes phases de croissance]<br />
* Corel Draw ne peut pas gérer ce fichier SVG assez simple<br />
* Importer vers Illustrator. Nous avons ensuite dissocié (3 niveaux) et enlevé les ombres (clic et DEL)<br />
* Enregistrer le fichier en tant que * .ai<br />
* Importer le fichier dans Corel Draw<br />
* Importer le fichier Corel à Stitch Era: '''Obtenir à partir de l'application''' -> '''Corel Draw'''<br />
Le résultat est avec pertes (par exemple, les dégradés de couleurs sont supprimés), mais la qualité du dessin est assez bonne pour la broderie. Bien sûr, le résultat devrait être adapté, c'est-à-dire simplifié.<br />
{| class="wikitable sortable"<br />
|+Importation de SVG avec pertes <br />
!Original<br />
!Illustrator<br />
!Stitch Era<br />
|-<br />
|[[Fichier:Plant-002 growing.png|vignette|260x260px|Original SVG]]<br />
|[[Fichier:Stitch-era-imported-vector-graphics-1.png|vignette|260x260px|Image du modèle AP simplifié]]<br />
|[[Fichier:Stitch-era-imported-vector-graphics-2.png|vignette|250x250px|Image du modèle importé via Corel]]<br />
|}<br />
Voyons maintenant ce que cela donne avec la numérisation minimale.<br />
* Redimensionner l'image à environ 12 x 7,8 cm<br />
* Enlever les bandes grises sur les pots<br />
* Simplifier les vecteurs:<br />
** Tout sélectionner: CTRL-A<br />
** Dans l'onglet '''Combiner''', cliquez sur '''Combiner les vecteurs-> Simplifier'''<br />
<br />
* Procédure de numérisation automatique:<br />
** CTRL-A pour tout sélectionner<br />
** '''Broderie -> Art to Stitch (Intelligent)'''<br />
** Densité du motif réduite à 4 lignes / mm<br />
L’image est imprimée par [https://www.wilcom.com/ Wilcom Truesizer]. Elle ne représente pas tout à fait l’original, c'est-à-dire que certaines zones blanches qui sont imprimées en premier et celles en dessous ne s'affichent pas du tout.<br />
[[Fichier:Plant 002 growing truesizer.png|néant|vignette|600x600px|Design représenté par Wilcom Truesizer]]<br />
<br />
'''Un test simple (2017)'''<br />
{| class="wikitable sortable"<br />
|+Importation de SVG avec pertes<br />
!Original<br />
!Importation de SVG directe<br />
!SVG importé via Illustrator<br />
|-<br />
|[[Fichier:Plant-002 growing.png|vignette|260x260px|Original SVG]]<br />
|[[Fichier:Stitch-era-17-imported-vector-graphics-4.png|vignette|260x260px|Image de l'importation SVG directe]]<br />
|[[Fichier:Stitch-era-17-imported-vector-graphics-5.png|vignette|260x260px|Image de SVG importée via Illustrator]]<br />
|}<br />
Stitch Era 17 peut importer le SVG standard simple, mais pas de remplissage dégradé. Après l’importation, la plupart des feuilles étaient noires. Par conséquent, il est parfois recommandé d'importer le fichier SVG dans Illustrator avant de l'importer dans Stitch Era. Sinon, vous pouvez remplacer les remplissages dégradés par des remplissages simples, par exemple, dégrouper, sélectionner chaque feuille, puis sélectionner une sorte de vert.<br />
<br />
L'importation d'un fichier à partir d'Illustrator peut être assez longue, mais le résultat est généralement assez bon. Nous avons numérisé l’image automatiquement ( Art to Stich (Intelligent)) après avoir enlevé les 3 ombres. ''Important'': Dans les options de '''Traitement artistique''', nous avons coché '''Traitement des principales superpositions''', parce que le dessin contient des objets vectoriels superposés (ils ont des bandes grises sur les pots).<br />
<br />
D'autre part, sans cocher cet option, il y aurait eu deux couches de broderie dans certains endroits, ce qui n'est pas forcément une mauvaise chose mais nécessite quelques tests.<br />
[[Fichier:Stitch-era-17-imported-vector-graphics-6.png|néant|vignette|600x600px|Stitch-Era 17 - Simulation de la broderie]]<br />
<br />
=== Remplissage des zones vides avec la couleur ===<br />
Nous avons trouvé difficile de remplir des motifs vectoriels importés avec des couleurs. Quand nous avons écrit ceci, Stitch Era ne voulait pas importer de fichiers Illustrateur, mais cela fonctionne maintenant à partir de la version 11.10. Si vous ne possédez pas Corel Draw ou Illustrator, ou si vous ne voulez pas travailler avec le format SVG, vous devrez faire l’importation des fichiers EMF. Cela produit en quelque sorte des remplissages avec des bordures à partir de lignes.<br />
<br />
Pour faire le remplissage:<br />
* Sélectionnez tous les éléments qui doivent être remplis, puis combinez-les en un seul vecteur: '''Combiner des vecteurs -> Ajout'''<br />
* Cliquez sur '''Eliminer les trous''' dans le menu en haut.<br />
* Assurez-vous que les vecteurs restants se chevauchent légèrement entre eux et ceux qui sont déjà remplis.<br />
* Sélectionnez chaque vecteur déconnecté dans l’Administrateur d'objets et zoomez beaucoup.<br />
* Puis cliquez sur '''Ajout''' à nouveau et '''Eliminer les trous'''.<br />
[[Fichier:Stitch-era-loose-vectors.png|néant|vignette|600x600px|Vecteur déconnecté]]<br />
Les deux objets vectoriels et les sections de points sont définis par plusieurs types de nœuds et à un moment donné, vous devrez apprendre comment un programme de dessin vectoriel fonctionne afin de faire des modifications et pour cela, vous pouvez lire maintenant [https://edutechwiki.unige.ch/fr/Stitch_Era_-_cr%C3%A9ation_et_manipulation_de_graphismes_vectoriels Stitch Era – création et manipulation de graphismes vectoriels].<br />
[[Catégorie:Tutoriels]]<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27un_dessin_vectoriel&diff=77370Stitch Era - créer une broderie à partir d'un dessin vectoriel2018-01-29T14:09:25Z<p>LiudmylaG : /* Remplissage des zones vides avec la couleur */</p>
<hr />
<div>{{En construction}}<br />
<br />
== '''Introduction''' ==<br />
Ce tutoriel, créé pour les personnes débutant avec le logiciel Stitch Era embroidery, explique comment passer d'images vectorisées à de la broderie sans avoir besoin de fortes connaissances en numérisation. Si vous partez d'une image vectorielle (et non d'un fichier *.png ou *.jpg), vous devriez obtenir un bon résultat assez rapidement.<br />
<br />
<div class="tut_goals"><br />
'''Homepage du tutoriel''' <br />
<br />
* Version française: [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]]<br />
* Version anglaise: [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software]<br />
<br />
'''Objectifs d'apprentissage''' <br />
* Être capable d'importer des images vectorielles<br />
* Être capable de numériser des images vectorielles<br />
<br />
'''Prérequis''' <br />
<br />
Avoir le logiciel [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]] / [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software] installé (et en particulier, être capable de créer un nouveau design).<br />
<br />
'''Pages liées à celle-ci''' <br />
<br />
''A compléter.'' <br />
<br />
'''Ressources utilisées''' <br />
<br />
Vous pouvez réutiliser les images présentes dans ce tutoriel. Cliquez dessus pour les agrandir, puis cliquer une seconde fois pour pouvoir ensuite les enregistrer.<br />
<br />
'''Qualité et niveau'''<br />
<br />
Ce tutoriel devrait suffire pour débuter dans Stitch Era. Il est utilisé par les auteurs de cet article dans le cadre d'un cours optionnel de master dans le domaine des technologies éducatives.<br />
<br />
'''Dernière mise à jour majeure'''<br />
<br />
''A compléter une fois cet article terminé.''<br />
<br />
'''Prochaines étapes'''<br />
<br />
''A compléter une fois que d'autres articles du wiki sur le sujet seront terminés.''<br />
<br />
</div><br />
<br />
=== '''Formats des images vectorielles et fichiers d'extensions''' ===<br />
<br />
Il existe deux types de formats pour les fichiers images:<br />
<br />
* Les images vectorielles sont des "dessins mathématiques" qui sont en principe beaucoup plus faciles à numériser que d'autres types d'images. Les images vectorielles sont entièrement adaptables, par exemple, elles ne perdront pas en qualité si l'on change leur taille. Parmi les logiciels les plus utilisés pour créer des images vectorielles, on trouve Inkscape (gratuit), Illustrator et Corel Draw. Stitch Era permet d'importer des dessins au format SVG ainsi que des formats propriétaires de Corel Draw et Illustrator. Les formaty habituels de ces fichiers sont *.ai, *.svg, *.cdr, *.wmf et *.emf. Stitch Era inclut son propre logiciel de dessin d'images vectorielles, pouvant être utilisé dans la première phase de design d'une broderie. Vous pouvez utiliser ce module afin d'arranger/modifier des images vectorielles importées et/ou pour dessiner vos propres images.<br />
* Les Bitmaps (aussi appelés images matricielles) définissent une image, par exemple un dessin ou une photo, constituée d'une matrice de points colorés. Les bitmaps sont désavantageux concernant deux points: (1) Il n'est pas possible de modifier la taille d'une image sans perdre en qualité. (2) La plupart des formats d'images permettent de les compresser (réduire leur taille) en leur faisant perdre certaines informations. Les images Bitmaps qui paraissent nettes ne le sont probablement pas en réalité. Cependant, la plupart des clip art trouvés sur internet sont malheureusement des bitmaps. Numériser des bitmaps implique de les transformer en images vectorielles dans un premier temps. Ce processus s'appelle la vectorisation. Il est possible de numériser directement un bitmap en sections de points de couture, cependant le résultat n'est généralement pas très satisfaisant. Les formats de bitmaps les plus courants sont ".png, *.jpg et *.gif. Les fichiers au format PNG ainsi que GIF sont optimisés pour le dessin, tandis que le format *.jpg l'est pour les photographies.<br />
<br />
=== '''Un aperçu du processus de design''' ===<br />
Dans ce tutoriel, nous allons montrer comment créer de la broderie à partir de ces deux types de formats, les images vectorielles et les bitmaps. De base, le processus de création de broderie ressemble à cela: (les étapes optionnelles se trouvant entre "[...]")<br />
<br />
<pre><nowiki><br />
[ bitmaps ] -> [ images vectorielles ] -> sections de points de couture (stitch sections) -> points de couture générés (stitchs générés)<br />
</nowiki></pre><br />
<br />
Les sections de points de couture (aussi appelés objets de broderie) sont une sorte d'images vectorielles spécifiques à la broderie, qui définissent des surfaces (areas) et des lignes (path) selon la manière dont ils vont être coudre. Comment cela sera cousu est défini par plusieurs paramètres. Des professionnels pourraient créer des points de couture directement. D'autres commencent souvent à partir de fichiers images. Le passage d'images vectorielles à des sections de points de couture s'appelle la numérisation. Lorsque cela est fait automatiquement (ce que Stitch Era peut faire), cela s'appelle de l'auto-numérisation.<br />
<br />
Ce tutoriel va expliquer ci-dessous comment fonctionnent les images vectorielles. En particulier, à partir du format internet ouvert SVG, dans lequel on peut trouver des images gratuites sur des sites tels que openclipart ou encore thenounproject. Si vous êtes intéressés à utiliser des images matricielles (par exemple au format *.jpg et *.png), vous devriez voir la procédure à suivre plus bas afin de les transformer en images vectorielles, pour ensuite créer une broderie à partir d'elles.<br />
<br />
=== '''La qualité de la (semi)auto-numérisation''' ===<br />
<br />
Avant de lire la suite de ce tutoriel, il faut savoir que la broderie créée à partir d'images en utilisant de l'auto-numérisation ne sera pas d'un niveau professionnel. Comme vous le verrez, il est relativement facile de numériser un bitmap ou une image vectorielle. Le résultat sera suffisamment acceptable et satisfaisant pour certains usages. Cependant, il y aura trois problèmes majeurs:<br />
<br />
1) Le résultat ne transmettra pas forcément le message souhaité. Par exemple, si la broderie voulue inclut trop de petits détails.<br />
<br />
2) Une broderie de qualité ne suit pas les mêmes principes visuels de design tels que ceux que nous faisons sur un écran ou même sur des dessins papiers. Le résultat peut de ce fait être moins bon.<br />
<br />
3) La plupart des broderies seront assez rigides, et de ce fait pas forcément agréables à porter. Typiquement, dans le dessin numérique, des formes sont superposées les unes sur les autres car il est plus facile de dessiner de cette manière et on ne peut voir à travers une forme (à moins d'avoir mis une couleur en transparence). En broderie, lorsque l'on superpose 2 couches assez denses de coutures ou plus, le résultat devient très rigide. Heureusement, Stitch Era propose des outils afin de régler ce problème.<br />
<br />
Les images ci-dessous montrent la différence entre une broderie simplement auto-numérisée tel que nous l'avons expliqué plus haut, et une broderie ayant été réarrangée de la manière expliquée sur la page [[Stitch Era - créer une broderie à partir d'une image complexe]].<br />
<br />
{| border="1"<br />
| <br />
[[Fichier:Lams-dolly-lrg.gif|vignette|200px|bitmap original]]<br />
| <br />
[[Fichier:Lams-lamb-embroidery-4a.jpg|vignette|200px|Logo auto-numérisé]]<br />
|-<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-1.jpg|vignette|200px|Logo réarrangé et (majoritairement) auto-numérisé]]<br />
<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-2.jpg|vignette|200px|Logo réarrangé (version 2)]]<br />
|}<br />
<br />
Cela étant dit, une simple auto-numérisation est le meilleur moyen de commencer, et après un jour ou deux vous serez à même de produire des design suffisamment jolis pour les porter sur vos propres vêtements. :)<br />
<br />
== '''Numérisation des images vectorielles - évolution''' ==<br />
Dans cette partie, nous introduisons quelques petites astuces avec un autre exemple. En particulier, nous abordons les points suivants:<br />
* Réorganiser les vecteurs<br />
* Indiquer à Stitch Era les lignes de fil à utiliser pour un design (par exemple, Madeira Rayon)<br />
* Apporter des légères modifications aux sections de points<br />
Cette partie a été faite pour Stitch Era 11. L'importation de SVG est beaucoup plus facile maintenant. Le reste est similaire.<br />
<br />
=== '''Importation des images SVG''' ===<br />
Nous avons importé l'image SVG - [https://openclipart.org/detail/12755/evolution-steps|les étapes d'évolution.] Nous avons également testé d'importer le dessin via * .emf et le résultat est moins convaincant, bien qu'il soit utilisable avec beaucoup de travail supplémentaire.<br />
<br />
C'est ce que nous avons obtenu:<br />
[[Fichier:Stitch-era-evolution-example.png|vignette|600x600px|Evolution - image vectorielle importée|néant]]Nous pouvons voir sur l’image que les vecteurs ne sont pas dans le bon ordre, c'est-à-dire que les objets qui devraient être en dessus se trouvent sous les autres objets. Pour changer l'ordre d'empilement il existe trois manières différentes :<br />
<br />
* Avec le menu contextuel (faites un clic droit sur l'objet et sélectionnez '''Modifier l'ordre''')<br />
<br />
* Avec le menu principale tout en haut (sélectionnez un objet, cliquez sur '''Disposition''' et après sur la section '''Avant & Arrière''')<br />
<br />
* Avec l’Administrateur d'objets. C'est la solution conseillée si vous devez en changer plusieurs. En faisant glisser un vecteur, vous pouvez changer son ordre.<br />
<br />
Une autre option serait de changer l'ordre au niveau de la section de point.<br />
[[Fichier:Stitch-era-evolution-example-2.png|néant|vignette|600x600px|Changement de l'ordre d'empilement en faisant glisser un objet dans l’Administrateur d'objets]]<br />
<br />
=== Adaptation de la couleur ===<br />
Nous avons décidé de travailler avec trois couleurs seulement et d'attribuer les mêmes couleurs pour chaque figure:<br />
* Sombre pour le corps<br />
* Clair pour le bras droit et la tête<br />
<br />
* Moyen pour la jambe droite<br />
La sélection des couleurs est un peu compliquée dans le Stitch era car la palette de couleurs dans le menu déroulant '''Couleur et remplissage''' est vraiment petite et les couleurs sont très difficiles à distinguer.<br />
* Sélectionnez toutes les têtes et tous les bras droits : Maintenez la touche CTRL enfoncée et cliquez sur chacun.<br />
* Pour vous assurer que vous avez tout sélectionné, éloignez le groupe, puis appuyez sur CTRL-Z pour le remettre.<br />
* Vous pouvez également regrouper les objets sélectionnés ('''Disposition -> Groupe''').<br />
* Changer les couleurs pour les éléments sélectionnés avec le menu déroulant '''Couleur et remplissage'''.<br />
<br />
Si vous souhaitez récupérer une couleur à l'aide d'un nom de couleur qui vous connaissez, il faut recherchez la spécification RVB dans la [[wp_en:Lists_of_colors|Liste des couleurs]] de Wikipédia par exemple. La couleur ''cuivre'' serait (184,115,51) selon la liste. Une fois que vous avez obtenu les trois numéros Rouge / Vert / Bleu, vous pouvez les entrer dans le panneau '''Sélectionner une couleur''' que vous obtenez dans le menu déroulant '''Couleur de remplissage -> Couleurs supplémentaires''' de Stitch Era. <br />
<br />
Pour notre exemple, nous avons fait: <br />
* tête et bras droit = cuivre (184, 115, 51)<br />
* corps = brun foncé (101,67,33)<br />
* jambes droites = café (150,75,0)<br />
Si vous vous êtes déjà familiarisé avec les images vectorielles, vous pouvez maintenant améliorer le dessin. Par exemple, nous avons changé légèrement les bras droits (l'articulation supérieure et les mains).<br />
<br />
=== Simplifier ===<br />
Afin d’éviter le fronçage du tissu, il ne faut pas imprimer trop de couches de points de suture.<br />
<br />
Nous pouvons simplifier le dessin avec la méthode Combine Vectors (CSG):<br />
* Tout sélectionner<br />
* Simplifier<br />
Nous obtenons maintenant des vecteurs supplémentaires, puisque des parties comme le corps ont été coupées en plusieurs parties:<br />
[[Fichier:Stitch-era-evolution-example-3.png|néant|vignette|600x600px|Image vectorielle prête à être numérisée]]<br />
Certains de ces vecteurs sont trop petits pour être cousus ou ne produiront pas vraiment de bons résultats. Vous pouvez donc les enlever. Nous avons enlevé un petit vecteur (# 3) et quelques nœuds de vecteurs qui avaient des tentacules. Pour faire cela, cliquez directement sur le vecteur dans l'espace de travail ou dans l’Administrateur d'objets, puis sélectionnez le petit contrôle de nœud, cliquez avec le bouton droit et supprimez.<br />
<br />
=== Numérisation ===<br />
Le design est prêt maintenant pour l'auto-numérisation.<br />
* Tout sélectionner (CTRL-A)<br />
* Convertir en Broderie, sélectionnez '''Broderie''' -> '''Art to Stitch (Intelligent)'''<br />
Vous devriez voir le menu contextuel ''Image en Objets'' et nous allons faire maintenant un peu d'étalonnage au lieu de cliquer sur OK.<br />
<br />
'''Assignation des couleurs de l’image à la palette d’aiguille'''<br />
* Sélectionnez l'onglet '''Réglages d'aiguille''' dans la fenêtre contextuelle ''Image en Objets''<br />
* Cochez la case "Assigner les couleurs du dessin ...." (dernier élément)<br />
* Vous pouvez attribuer des couleurs de votre art vectoriel à des "aiguilles" représentant vos fils avec le petit menu déroulant.<br />
* Ne cliquez pas encore sur OK!<br />
Si vous voulez en savoir plus sur la gestion des couleurs et des couleurs de fil, lisez [[:en:Stitch_Era_-_vector_and_thread_color|Stitch Era - vecteur et couleur de fil]].<br />
<br />
'''Changer le motif de point'''<br />
* Ouvrez l'onglet de la section '''Réglage de points'''<br />
* Sélectionnez votre motif préféré<br />
* Changer les densités à 4 lignes / mm<br />
J'ai également changé le point Zig zag par défaut en un point aléatoire automatique de 3 mm (''Configurations avancées'').<br />
* Maintenant vous pouvez cliquer sur OK.<br />
Si vous glissez votre souris sur un élément de l'aiguille dans la palette à gauche (ne cliquez pas sur!), vous verrez que le fil de Madeira vous sera demandé d'utiliser plus tard. Comme vous le verrez, les noms de couleurs ne sont pas les mêmes, mais nous ne pouvons rien y faire.<br />
[[Fichier:Stitch-era-needle-info.png|néant|vignette|560x560px|Info aiguille]]<br />
'''Refaire la numérisation'''<br />
* Premièrement enregistrez le fichier.<br />
Si vous n'êtes pas satisfait du résultat, ouvrez l’Administrateur d'objets (à droite)<br />
* Cliquez sur la section pour tout sélectionner. '''Assurez-vous de sélectionner les sections de point''' et '''non''' les vecteurs !<br />
* Appuyez sur CTRL-X<br />
* Recommencez maintenant "à broder". Vos zones de points devraient disparaître ...<br />
* Par exemple, sélectionnez chaque groupe de vecteurs en utilisant la touche SHIFT et ajoutez des bordures si vous préférez avoir un point courant autour de chaque section de point.<br />
* Vous pouvez également améliorer les graphismes de différentes manières, bien que cela soit parfois une perte de temps puisque les points ignorent les détails plus fins, c'est-à-dire que le réglage fin peut plutôt être effectué au niveau de la zone de point.<br />
* Dans le cas où vous voulez juste chaque figure comme une seule forme, rien n'est plus facile que cela : Sélectionnez tout, puis '''Combiner les vecteurs''' -> '''Ajout'''.<br />
* Enfin, sélectionnez chaque figure et '''Eliminer les trous'''.<br />
Quoi qu'il en soit, passons au design original.<br />
<br />
=== Réglage des zones de points ===<br />
En regardant le résultat, nous remarquons que certains vecteurs ont été rendus comme des Zigzags et d'autres comme des motifs de remplissage. Cela fonctionne par défaut.<br />
<br />
Puisque nous croyons que toutes les têtes devraient se ressembler, nous apportons quelques petits changements:<br />
* Décochez Auxiliaire (bouton vert en haut à droite), pas nécessaire mais conseillé…<br />
* Cliquez sur les sections que vous souhaitez modifier, par ex. tête des figures un et deux, plus la poitrine des figures 3 et 5<br />
* Ensuite, dans l'Administrateur d'objets, modifiez le style de remplissage. Nous avons utilisé:<br />
** Modèle<br />
** Densité = 4<br />
** Nom = PTM-0008<br />
[[Fichier:Stitch-era-evolution-example-4.png|néant|vignette|600x600px|Modification du style de remplissage via l'Administrateur d'objets]]<br />
Alternativement, vous pouvez également utiliser le tableau de remplissage en dessus, mais nous préférons l'Administrateur d'objets car il montre plus d'informations et aussi parce que vous pouvez changer les propriétés de plusieurs objets à la fois.<br />
<br />
Dans l'image ci-dessous, nous avons changé le type de remplissage de toutes les têtes en PTM-008.<br />
[[Fichier:Stitch-era-evolution-example-5.png|néant|vignette|600x600px|Changement de type de remplissage sur plusieurs zones de points]]<br />
=== Résultat ===<br />
Résultat affiché:<br />
[[Fichier:Stitch-era-evolution-example-6.png|néant|vignette|600x600px|Modification de types de remplissage via l'Administrateur d'objets]]<br />
* Certains points de zigzag sont très larges<br />
* Nous pourrions en fait transformer chaque jambe droite en style Zigzag irrégulier multicolonne par exemple (ce que nous avons fait avant l'impression).<br />
Résultat brodé:<br />
[[Fichier:Evolution-embroidered-2.jpg|néant|vignette|600x600px|Evolution brodée]]<br />
Le design n'est pas vraiment glorieux et les contrastes de couleurs sont trop grands car nous possédons pas une grande collection de fils. Les points irréguliers en Zigzag utilisés pour les jambes ajoutent une touche intéressante, bien que certaines personnes pourraient préférer des modèles plus propres. Enfin, nous pourrions ajouter des points de la même couleur autour de la bordure extérieure, mais c'est le travail supplémentaire…<br />
<br />
Si vous voulez savoir plus sur le Réglage des zones de points, lisez [https://edutechwiki.unige.ch/fr/Stitch_Era_-_ajustement_et_param%C3%A9trage_de_zones_de_broderie Stitch Era - ajustement et paramétrage de zones de broderie] <br />
<br />
== Problèmes, conseils et passer à autre chose ==<br />
Étant donné que de nombreuses images que vous pouvez trouver sur Internet sont les images matricielles, nous vous recommandons maintenant le tutoriel [https://edutechwiki.unige.ch/fr/Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27une_image_matricielle Stitch Era - créer une broderie à partir d'une image matricielle]<br />
<br />
Pour en savoir plus sur la numérisation des images matricielles et vectorielles, vous devez également apprendre quelques notions de base:<br />
* [https://edutechwiki.unige.ch/fr/Stitch_Era_-_ajustement_et_param%C3%A9trage_de_zones_de_broderie Stitch Era - ajustement et paramétrage de zones de broderie]<br />
* [https://edutechwiki.unige.ch/fr/Stitch_Era_-_cr%C3%A9ation_et_manipulation_de_graphismes_vectoriels Stitch Era - création et manipulation de graphismes vectoriels]<br />
Il peut également être utile de jeter un œil à [[:en:Stitch_Era_-_trouble_shooting|Stitch Era - dépannage]] et [[:en:Stitch_Era_-_interface_features_for_working_with_a_design|Stitch Era - caractéristiques de l'interface pour travailler avec le design]]<br />
<br />
Ensuite, passez à:<br />
* [[:en:Stitch_Era_-_digitizing_complex_vector_images|Stitch Era - créer une broderie à partir d'une image vectorielle complexe]]<br />
* [https://edutechwiki.unige.ch/fr/Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27une_image_complexe Stitch Era - créer une broderie à partir d'une image matricielle complexe]<br />
<br />
=== Importation depuis Inkscape, Illustrator et Corel Draw ===<br />
Dans Stitch Era 17:<br />
* Epreuve -> Chercher sur l'application (le fichier doit être ouvert dans l'application). Cela fonctionne avec Illustrator ou Corel Draw.<br />
* Epreuve -> Ouvrir le fichier vecteur (ai, cdr, svg, wmf, etc.)<br />
Si les polices ne s'affichent pas, transformez les polices en objets. Par exemple. Dans Inkscape, sélectionnez le texte, puis Menu Chemin -> Objet en chemin<br />
<br />
Dans Stitch Era 11, les fichiers Illustrator et Corel Draw, mais pas SVG, pouvaient être importés. Les anciennes versions ne supportaient que Corel Draw.<br />
<br />
'''Un simple test (2011)'''<br />
<br />
Fichier de test utilisé: [https://openclipart.org/detail/135013/green-plant-in-its-pot-in-three-different-phases-of-growth Plante verte dans son pot dans trois différentes phases de croissance]<br />
* Corel Draw ne peut pas gérer ce fichier SVG assez simple<br />
* Importer vers Illustrator. Nous avons ensuite dissocié (3 niveaux) et enlevé les ombres (clic et DEL)<br />
* Enregistrer le fichier en tant que * .ai<br />
* Importer le fichier dans Corel Draw<br />
* Importer le fichier Corel à Stitch Era: '''Obtenir à partir de l'application''' -> '''Corel Draw'''<br />
Le résultat est avec pertes (par exemple, les dégradés de couleurs sont supprimés), mais la qualité du dessin est assez bonne pour la broderie. Bien sûr, le résultat devrait être adapté, c'est-à-dire simplifié.<br />
{| class="wikitable sortable"<br />
|+Importation de SVG avec pertes <br />
!Original<br />
!Illustrator<br />
!Stitch Era<br />
|-<br />
|[[Fichier:Plant-002 growing.png|vignette|260x260px|Original SVG]]<br />
|[[Fichier:Stitch-era-imported-vector-graphics-1.png|vignette|260x260px|Image du modèle AP simplifié]]<br />
|[[Fichier:Stitch-era-imported-vector-graphics-2.png|vignette|250x250px|Image du modèle importé via Corel]]<br />
|}<br />
Voyons maintenant ce que cela donne avec la numérisation minimale.<br />
* Redimensionner l'image à environ 12 x 7,8 cm<br />
* Enlever les bandes grises sur les pots<br />
* Simplifier les vecteurs:<br />
** Tout sélectionner: CTRL-A<br />
** Dans l'onglet '''Combiner''', cliquez sur '''Combiner les vecteurs-> Simplifier'''<br />
<br />
* Procédure de numérisation automatique:<br />
** CTRL-A pour tout sélectionner<br />
** '''Broderie -> Art to Stitch (Intelligent)'''<br />
** Densité du motif réduite à 4 lignes / mm<br />
L’image est imprimée par [https://www.wilcom.com/ Wilcom Truesizer]. Elle ne représente pas tout à fait l’original, c'est-à-dire que certaines zones blanches qui sont imprimées en premier et celles en dessous ne s'affichent pas du tout.<br />
[[Fichier:Plant 002 growing truesizer.png|néant|vignette|600x600px|Design représenté par Wilcom Truesizer]]<br />
<br />
'''Un test simple (2017)'''<br />
{| class="wikitable sortable"<br />
|+Importation de SVG avec pertes<br />
!Original<br />
!Importation de SVG directe<br />
!SVG importé via Illustrator<br />
|-<br />
|[[Fichier:Plant-002 growing.png|vignette|260x260px|Original SVG]]<br />
|[[Fichier:Stitch-era-17-imported-vector-graphics-4.png|vignette|260x260px|Image de l'importation SVG directe]]<br />
|[[Fichier:Stitch-era-17-imported-vector-graphics-5.png|vignette|260x260px|Image de SVG importée via Illustrator]]<br />
|}<br />
Stitch Era 17 peut importer le SVG standard simple, mais pas de remplissage dégradé. Après l’importation, la plupart des feuilles étaient noires. Par conséquent, il est parfois recommandé d'importer le fichier SVG dans Illustrator avant de l'importer dans Stitch Era. Sinon, vous pouvez remplacer les remplissages dégradés par des remplissages simples, par exemple, dégrouper, sélectionner chaque feuille, puis sélectionner une sorte de vert.<br />
<br />
L'importation d'un fichier à partir d'Illustrator peut être assez longue, mais le résultat est généralement assez bon. Nous avons numérisé l’image automatiquement ( Art to Stich (Intelligent)) après avoir enlevé les 3 ombres. ''Important'': Dans les options de '''Traitement artistique''', nous avons coché '''Traitement des principales superpositions''', parce que le dessin contient des objets vectoriels superposés (ils ont des bandes grises sur les pots).<br />
<br />
D'autre part, sans cocher cet option, il y aurait eu deux couches de broderie dans certains endroits, ce qui n'est pas forcément une mauvaise chose mais nécessite quelques tests.<br />
[[Fichier:Stitch-era-17-imported-vector-graphics-6.png|néant|vignette|600x600px|Stitch-Era 17 - Simulation de la broderie]]<br />
<br />
=== Remplissage des zones vides avec la couleur ===<br />
Nous avons trouvé difficile de remplir des motifs vectoriels importés avec des couleurs. Quand nous avons écrit ceci, Stitch Era ne voulait pas importer de fichiers Illustrateur, mais cela fonctionne maintenant à partir de la version 11.10. Si vous ne possédez pas Corel Draw ou Illustrator, ou si vous ne voulez pas travailler avec le format SVG, vous devrez faire l’importation des fichiers EMF. Cela produit en quelque sorte des remplissages avec des bordures à partir de lignes.<br />
<br />
Pour faire le remplissage:<br />
* Sélectionnez tous les éléments qui doivent être remplis, puis combinez-les en un seul vecteur: '''Combiner des vecteurs -> Ajout'''<br />
* Cliquez sur '''Eliminer les trous''' dans le menu en haut.<br />
* Assurez-vous que les vecteurs restants se chevauchent légèrement entre eux et ceux qui sont déjà remplis.<br />
* Sélectionnez chaque vecteur déconnecté dans l’Administrateur d'objets et zoomez beaucoup.<br />
* Puis cliquez sur '''Ajout''' à nouveau et '''Eliminer les trous'''.<br />
[[Fichier:Stitch-era-loose-vectors.png|néant|vignette|600x600px|Vecteur déconnecté]]<br />
Les deux objets vectoriels et les sections de points sont définis par plusieurs types de nœuds et à un moment donné, vous devrez apprendre comment un programme de dessin vectoriel fonctionne afin de faire des modifications et pour cela, vous pouvez lire maintenant [https://edutechwiki.unige.ch/fr/Stitch_Era_-_cr%C3%A9ation_et_manipulation_de_graphismes_vectoriels Stitch Era – création et manipulation de graphismes vectoriels].<br />
[[Catégorie:Tutoriels]]<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27un_dessin_vectoriel&diff=77369Stitch Era - créer une broderie à partir d'un dessin vectoriel2018-01-29T14:06:10Z<p>LiudmylaG : /* Problèmes, conseils et passer à autre chose */</p>
<hr />
<div>{{En construction}}<br />
<br />
== '''Introduction''' ==<br />
Ce tutoriel, créé pour les personnes débutant avec le logiciel Stitch Era embroidery, explique comment passer d'images vectorisées à de la broderie sans avoir besoin de fortes connaissances en numérisation. Si vous partez d'une image vectorielle (et non d'un fichier *.png ou *.jpg), vous devriez obtenir un bon résultat assez rapidement.<br />
<br />
<div class="tut_goals"><br />
'''Homepage du tutoriel''' <br />
<br />
* Version française: [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]]<br />
* Version anglaise: [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software]<br />
<br />
'''Objectifs d'apprentissage''' <br />
* Être capable d'importer des images vectorielles<br />
* Être capable de numériser des images vectorielles<br />
<br />
'''Prérequis''' <br />
<br />
Avoir le logiciel [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]] / [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software] installé (et en particulier, être capable de créer un nouveau design).<br />
<br />
'''Pages liées à celle-ci''' <br />
<br />
''A compléter.'' <br />
<br />
'''Ressources utilisées''' <br />
<br />
Vous pouvez réutiliser les images présentes dans ce tutoriel. Cliquez dessus pour les agrandir, puis cliquer une seconde fois pour pouvoir ensuite les enregistrer.<br />
<br />
'''Qualité et niveau'''<br />
<br />
Ce tutoriel devrait suffire pour débuter dans Stitch Era. Il est utilisé par les auteurs de cet article dans le cadre d'un cours optionnel de master dans le domaine des technologies éducatives.<br />
<br />
'''Dernière mise à jour majeure'''<br />
<br />
''A compléter une fois cet article terminé.''<br />
<br />
'''Prochaines étapes'''<br />
<br />
''A compléter une fois que d'autres articles du wiki sur le sujet seront terminés.''<br />
<br />
</div><br />
<br />
=== '''Formats des images vectorielles et fichiers d'extensions''' ===<br />
<br />
Il existe deux types de formats pour les fichiers images:<br />
<br />
* Les images vectorielles sont des "dessins mathématiques" qui sont en principe beaucoup plus faciles à numériser que d'autres types d'images. Les images vectorielles sont entièrement adaptables, par exemple, elles ne perdront pas en qualité si l'on change leur taille. Parmi les logiciels les plus utilisés pour créer des images vectorielles, on trouve Inkscape (gratuit), Illustrator et Corel Draw. Stitch Era permet d'importer des dessins au format SVG ainsi que des formats propriétaires de Corel Draw et Illustrator. Les formaty habituels de ces fichiers sont *.ai, *.svg, *.cdr, *.wmf et *.emf. Stitch Era inclut son propre logiciel de dessin d'images vectorielles, pouvant être utilisé dans la première phase de design d'une broderie. Vous pouvez utiliser ce module afin d'arranger/modifier des images vectorielles importées et/ou pour dessiner vos propres images.<br />
* Les Bitmaps (aussi appelés images matricielles) définissent une image, par exemple un dessin ou une photo, constituée d'une matrice de points colorés. Les bitmaps sont désavantageux concernant deux points: (1) Il n'est pas possible de modifier la taille d'une image sans perdre en qualité. (2) La plupart des formats d'images permettent de les compresser (réduire leur taille) en leur faisant perdre certaines informations. Les images Bitmaps qui paraissent nettes ne le sont probablement pas en réalité. Cependant, la plupart des clip art trouvés sur internet sont malheureusement des bitmaps. Numériser des bitmaps implique de les transformer en images vectorielles dans un premier temps. Ce processus s'appelle la vectorisation. Il est possible de numériser directement un bitmap en sections de points de couture, cependant le résultat n'est généralement pas très satisfaisant. Les formats de bitmaps les plus courants sont ".png, *.jpg et *.gif. Les fichiers au format PNG ainsi que GIF sont optimisés pour le dessin, tandis que le format *.jpg l'est pour les photographies.<br />
<br />
=== '''Un aperçu du processus de design''' ===<br />
Dans ce tutoriel, nous allons montrer comment créer de la broderie à partir de ces deux types de formats, les images vectorielles et les bitmaps. De base, le processus de création de broderie ressemble à cela: (les étapes optionnelles se trouvant entre "[...]")<br />
<br />
<pre><nowiki><br />
[ bitmaps ] -> [ images vectorielles ] -> sections de points de couture (stitch sections) -> points de couture générés (stitchs générés)<br />
</nowiki></pre><br />
<br />
Les sections de points de couture (aussi appelés objets de broderie) sont une sorte d'images vectorielles spécifiques à la broderie, qui définissent des surfaces (areas) et des lignes (path) selon la manière dont ils vont être coudre. Comment cela sera cousu est défini par plusieurs paramètres. Des professionnels pourraient créer des points de couture directement. D'autres commencent souvent à partir de fichiers images. Le passage d'images vectorielles à des sections de points de couture s'appelle la numérisation. Lorsque cela est fait automatiquement (ce que Stitch Era peut faire), cela s'appelle de l'auto-numérisation.<br />
<br />
Ce tutoriel va expliquer ci-dessous comment fonctionnent les images vectorielles. En particulier, à partir du format internet ouvert SVG, dans lequel on peut trouver des images gratuites sur des sites tels que openclipart ou encore thenounproject. Si vous êtes intéressés à utiliser des images matricielles (par exemple au format *.jpg et *.png), vous devriez voir la procédure à suivre plus bas afin de les transformer en images vectorielles, pour ensuite créer une broderie à partir d'elles.<br />
<br />
=== '''La qualité de la (semi)auto-numérisation''' ===<br />
<br />
Avant de lire la suite de ce tutoriel, il faut savoir que la broderie créée à partir d'images en utilisant de l'auto-numérisation ne sera pas d'un niveau professionnel. Comme vous le verrez, il est relativement facile de numériser un bitmap ou une image vectorielle. Le résultat sera suffisamment acceptable et satisfaisant pour certains usages. Cependant, il y aura trois problèmes majeurs:<br />
<br />
1) Le résultat ne transmettra pas forcément le message souhaité. Par exemple, si la broderie voulue inclut trop de petits détails.<br />
<br />
2) Une broderie de qualité ne suit pas les mêmes principes visuels de design tels que ceux que nous faisons sur un écran ou même sur des dessins papiers. Le résultat peut de ce fait être moins bon.<br />
<br />
3) La plupart des broderies seront assez rigides, et de ce fait pas forcément agréables à porter. Typiquement, dans le dessin numérique, des formes sont superposées les unes sur les autres car il est plus facile de dessiner de cette manière et on ne peut voir à travers une forme (à moins d'avoir mis une couleur en transparence). En broderie, lorsque l'on superpose 2 couches assez denses de coutures ou plus, le résultat devient très rigide. Heureusement, Stitch Era propose des outils afin de régler ce problème.<br />
<br />
Les images ci-dessous montrent la différence entre une broderie simplement auto-numérisée tel que nous l'avons expliqué plus haut, et une broderie ayant été réarrangée de la manière expliquée sur la page [[Stitch Era - créer une broderie à partir d'une image complexe]].<br />
<br />
{| border="1"<br />
| <br />
[[Fichier:Lams-dolly-lrg.gif|vignette|200px|bitmap original]]<br />
| <br />
[[Fichier:Lams-lamb-embroidery-4a.jpg|vignette|200px|Logo auto-numérisé]]<br />
|-<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-1.jpg|vignette|200px|Logo réarrangé et (majoritairement) auto-numérisé]]<br />
<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-2.jpg|vignette|200px|Logo réarrangé (version 2)]]<br />
|}<br />
<br />
Cela étant dit, une simple auto-numérisation est le meilleur moyen de commencer, et après un jour ou deux vous serez à même de produire des design suffisamment jolis pour les porter sur vos propres vêtements. :)<br />
<br />
== '''Numérisation des images vectorielles - évolution''' ==<br />
Dans cette partie, nous introduisons quelques petites astuces avec un autre exemple. En particulier, nous abordons les points suivants:<br />
* Réorganiser les vecteurs<br />
* Indiquer à Stitch Era les lignes de fil à utiliser pour un design (par exemple, Madeira Rayon)<br />
* Apporter des légères modifications aux sections de points<br />
Cette partie a été faite pour Stitch Era 11. L'importation de SVG est beaucoup plus facile maintenant. Le reste est similaire.<br />
<br />
=== '''Importation des images SVG''' ===<br />
Nous avons importé l'image SVG - [https://openclipart.org/detail/12755/evolution-steps|les étapes d'évolution.] Nous avons également testé d'importer le dessin via * .emf et le résultat est moins convaincant, bien qu'il soit utilisable avec beaucoup de travail supplémentaire.<br />
<br />
C'est ce que nous avons obtenu:<br />
[[Fichier:Stitch-era-evolution-example.png|vignette|600x600px|Evolution - image vectorielle importée|néant]]Nous pouvons voir sur l’image que les vecteurs ne sont pas dans le bon ordre, c'est-à-dire que les objets qui devraient être en dessus se trouvent sous les autres objets. Pour changer l'ordre d'empilement il existe trois manières différentes :<br />
<br />
* Avec le menu contextuel (faites un clic droit sur l'objet et sélectionnez '''Modifier l'ordre''')<br />
<br />
* Avec le menu principale tout en haut (sélectionnez un objet, cliquez sur '''Disposition''' et après sur la section '''Avant & Arrière''')<br />
<br />
* Avec l’Administrateur d'objets. C'est la solution conseillée si vous devez en changer plusieurs. En faisant glisser un vecteur, vous pouvez changer son ordre.<br />
<br />
Une autre option serait de changer l'ordre au niveau de la section de point.<br />
[[Fichier:Stitch-era-evolution-example-2.png|néant|vignette|600x600px|Changement de l'ordre d'empilement en faisant glisser un objet dans l’Administrateur d'objets]]<br />
<br />
=== Adaptation de la couleur ===<br />
Nous avons décidé de travailler avec trois couleurs seulement et d'attribuer les mêmes couleurs pour chaque figure:<br />
* Sombre pour le corps<br />
* Clair pour le bras droit et la tête<br />
<br />
* Moyen pour la jambe droite<br />
La sélection des couleurs est un peu compliquée dans le Stitch era car la palette de couleurs dans le menu déroulant '''Couleur et remplissage''' est vraiment petite et les couleurs sont très difficiles à distinguer.<br />
* Sélectionnez toutes les têtes et tous les bras droits : Maintenez la touche CTRL enfoncée et cliquez sur chacun.<br />
* Pour vous assurer que vous avez tout sélectionné, éloignez le groupe, puis appuyez sur CTRL-Z pour le remettre.<br />
* Vous pouvez également regrouper les objets sélectionnés ('''Disposition -> Groupe''').<br />
* Changer les couleurs pour les éléments sélectionnés avec le menu déroulant '''Couleur et remplissage'''.<br />
<br />
Si vous souhaitez récupérer une couleur à l'aide d'un nom de couleur qui vous connaissez, il faut recherchez la spécification RVB dans la [[wp_en:Lists_of_colors|Liste des couleurs]] de Wikipédia par exemple. La couleur ''cuivre'' serait (184,115,51) selon la liste. Une fois que vous avez obtenu les trois numéros Rouge / Vert / Bleu, vous pouvez les entrer dans le panneau '''Sélectionner une couleur''' que vous obtenez dans le menu déroulant '''Couleur de remplissage -> Couleurs supplémentaires''' de Stitch Era. <br />
<br />
Pour notre exemple, nous avons fait: <br />
* tête et bras droit = cuivre (184, 115, 51)<br />
* corps = brun foncé (101,67,33)<br />
* jambes droites = café (150,75,0)<br />
Si vous vous êtes déjà familiarisé avec les images vectorielles, vous pouvez maintenant améliorer le dessin. Par exemple, nous avons changé légèrement les bras droits (l'articulation supérieure et les mains).<br />
<br />
=== Simplifier ===<br />
Afin d’éviter le fronçage du tissu, il ne faut pas imprimer trop de couches de points de suture.<br />
<br />
Nous pouvons simplifier le dessin avec la méthode Combine Vectors (CSG):<br />
* Tout sélectionner<br />
* Simplifier<br />
Nous obtenons maintenant des vecteurs supplémentaires, puisque des parties comme le corps ont été coupées en plusieurs parties:<br />
[[Fichier:Stitch-era-evolution-example-3.png|néant|vignette|600x600px|Image vectorielle prête à être numérisée]]<br />
Certains de ces vecteurs sont trop petits pour être cousus ou ne produiront pas vraiment de bons résultats. Vous pouvez donc les enlever. Nous avons enlevé un petit vecteur (# 3) et quelques nœuds de vecteurs qui avaient des tentacules. Pour faire cela, cliquez directement sur le vecteur dans l'espace de travail ou dans l’Administrateur d'objets, puis sélectionnez le petit contrôle de nœud, cliquez avec le bouton droit et supprimez.<br />
<br />
=== Numérisation ===<br />
Le design est prêt maintenant pour l'auto-numérisation.<br />
* Tout sélectionner (CTRL-A)<br />
* Convertir en Broderie, sélectionnez '''Broderie''' -> '''Art to Stitch (Intelligent)'''<br />
Vous devriez voir le menu contextuel ''Image en Objets'' et nous allons faire maintenant un peu d'étalonnage au lieu de cliquer sur OK.<br />
<br />
'''Assignation des couleurs de l’image à la palette d’aiguille'''<br />
* Sélectionnez l'onglet '''Réglages d'aiguille''' dans la fenêtre contextuelle ''Image en Objets''<br />
* Cochez la case "Assigner les couleurs du dessin ...." (dernier élément)<br />
* Vous pouvez attribuer des couleurs de votre art vectoriel à des "aiguilles" représentant vos fils avec le petit menu déroulant.<br />
* Ne cliquez pas encore sur OK!<br />
Si vous voulez en savoir plus sur la gestion des couleurs et des couleurs de fil, lisez [[:en:Stitch_Era_-_vector_and_thread_color|Stitch Era - vecteur et couleur de fil]].<br />
<br />
'''Changer le motif de point'''<br />
* Ouvrez l'onglet de la section '''Réglage de points'''<br />
* Sélectionnez votre motif préféré<br />
* Changer les densités à 4 lignes / mm<br />
J'ai également changé le point Zig zag par défaut en un point aléatoire automatique de 3 mm (''Configurations avancées'').<br />
* Maintenant vous pouvez cliquer sur OK.<br />
Si vous glissez votre souris sur un élément de l'aiguille dans la palette à gauche (ne cliquez pas sur!), vous verrez que le fil de Madeira vous sera demandé d'utiliser plus tard. Comme vous le verrez, les noms de couleurs ne sont pas les mêmes, mais nous ne pouvons rien y faire.<br />
[[Fichier:Stitch-era-needle-info.png|néant|vignette|560x560px|Info aiguille]]<br />
'''Refaire la numérisation'''<br />
* Premièrement enregistrez le fichier.<br />
Si vous n'êtes pas satisfait du résultat, ouvrez l’Administrateur d'objets (à droite)<br />
* Cliquez sur la section pour tout sélectionner. '''Assurez-vous de sélectionner les sections de point''' et '''non''' les vecteurs !<br />
* Appuyez sur CTRL-X<br />
* Recommencez maintenant "à broder". Vos zones de points devraient disparaître ...<br />
* Par exemple, sélectionnez chaque groupe de vecteurs en utilisant la touche SHIFT et ajoutez des bordures si vous préférez avoir un point courant autour de chaque section de point.<br />
* Vous pouvez également améliorer les graphismes de différentes manières, bien que cela soit parfois une perte de temps puisque les points ignorent les détails plus fins, c'est-à-dire que le réglage fin peut plutôt être effectué au niveau de la zone de point.<br />
* Dans le cas où vous voulez juste chaque figure comme une seule forme, rien n'est plus facile que cela : Sélectionnez tout, puis '''Combiner les vecteurs''' -> '''Ajout'''.<br />
* Enfin, sélectionnez chaque figure et '''Eliminer les trous'''.<br />
Quoi qu'il en soit, passons au design original.<br />
<br />
=== Réglage des zones de points ===<br />
En regardant le résultat, nous remarquons que certains vecteurs ont été rendus comme des Zigzags et d'autres comme des motifs de remplissage. Cela fonctionne par défaut.<br />
<br />
Puisque nous croyons que toutes les têtes devraient se ressembler, nous apportons quelques petits changements:<br />
* Décochez Auxiliaire (bouton vert en haut à droite), pas nécessaire mais conseillé…<br />
* Cliquez sur les sections que vous souhaitez modifier, par ex. tête des figures un et deux, plus la poitrine des figures 3 et 5<br />
* Ensuite, dans l'Administrateur d'objets, modifiez le style de remplissage. Nous avons utilisé:<br />
** Modèle<br />
** Densité = 4<br />
** Nom = PTM-0008<br />
[[Fichier:Stitch-era-evolution-example-4.png|néant|vignette|600x600px|Modification du style de remplissage via l'Administrateur d'objets]]<br />
Alternativement, vous pouvez également utiliser le tableau de remplissage en dessus, mais nous préférons l'Administrateur d'objets car il montre plus d'informations et aussi parce que vous pouvez changer les propriétés de plusieurs objets à la fois.<br />
<br />
Dans l'image ci-dessous, nous avons changé le type de remplissage de toutes les têtes en PTM-008.<br />
[[Fichier:Stitch-era-evolution-example-5.png|néant|vignette|600x600px|Changement de type de remplissage sur plusieurs zones de points]]<br />
=== Résultat ===<br />
Résultat affiché:<br />
[[Fichier:Stitch-era-evolution-example-6.png|néant|vignette|600x600px|Modification de types de remplissage via l'Administrateur d'objets]]<br />
* Certains points de zigzag sont très larges<br />
* Nous pourrions en fait transformer chaque jambe droite en style Zigzag irrégulier multicolonne par exemple (ce que nous avons fait avant l'impression).<br />
Résultat brodé:<br />
[[Fichier:Evolution-embroidered-2.jpg|néant|vignette|600x600px|Evolution brodée]]<br />
Le design n'est pas vraiment glorieux et les contrastes de couleurs sont trop grands car nous possédons pas une grande collection de fils. Les points irréguliers en Zigzag utilisés pour les jambes ajoutent une touche intéressante, bien que certaines personnes pourraient préférer des modèles plus propres. Enfin, nous pourrions ajouter des points de la même couleur autour de la bordure extérieure, mais c'est le travail supplémentaire…<br />
<br />
Si vous voulez savoir plus sur le Réglage des zones de points, lisez [https://edutechwiki.unige.ch/fr/Stitch_Era_-_ajustement_et_param%C3%A9trage_de_zones_de_broderie Stitch Era - ajustement et paramétrage de zones de broderie] <br />
<br />
== Problèmes, conseils et passer à autre chose ==<br />
Étant donné que de nombreuses images que vous pouvez trouver sur Internet sont les images matricielles, nous vous recommandons maintenant le tutoriel [https://edutechwiki.unige.ch/fr/Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27une_image_matricielle Stitch Era - créer une broderie à partir d'une image matricielle]<br />
<br />
Pour en savoir plus sur la numérisation des images matricielles et vectorielles, vous devez également apprendre quelques notions de base:<br />
* [https://edutechwiki.unige.ch/fr/Stitch_Era_-_ajustement_et_param%C3%A9trage_de_zones_de_broderie Stitch Era - ajustement et paramétrage de zones de broderie]<br />
* [https://edutechwiki.unige.ch/fr/Stitch_Era_-_cr%C3%A9ation_et_manipulation_de_graphismes_vectoriels Stitch Era - création et manipulation de graphismes vectoriels]<br />
Il peut également être utile de jeter un œil à [[:en:Stitch_Era_-_trouble_shooting|Stitch Era - dépannage]] et [[:en:Stitch_Era_-_interface_features_for_working_with_a_design|Stitch Era - caractéristiques de l'interface pour travailler avec le design]]<br />
<br />
Ensuite, passez à:<br />
* [[:en:Stitch_Era_-_digitizing_complex_vector_images|Stitch Era - créer une broderie à partir d'une image vectorielle complexe]]<br />
* [https://edutechwiki.unige.ch/fr/Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27une_image_complexe Stitch Era - créer une broderie à partir d'une image matricielle complexe]<br />
<br />
=== Importation depuis Inkscape, Illustrator et Corel Draw ===<br />
Dans Stitch Era 17:<br />
* Epreuve -> Chercher sur l'application (le fichier doit être ouvert dans l'application). Cela fonctionne avec Illustrator ou Corel Draw.<br />
* Epreuve -> Ouvrir le fichier vecteur (ai, cdr, svg, wmf, etc.)<br />
Si les polices ne s'affichent pas, transformez les polices en objets. Par exemple. Dans Inkscape, sélectionnez le texte, puis Menu Chemin -> Objet en chemin<br />
<br />
Dans Stitch Era 11, les fichiers Illustrator et Corel Draw, mais pas SVG, pouvaient être importés. Les anciennes versions ne supportaient que Corel Draw.<br />
<br />
'''Un simple test (2011)'''<br />
<br />
Fichier de test utilisé: [https://openclipart.org/detail/135013/green-plant-in-its-pot-in-three-different-phases-of-growth Plante verte dans son pot dans trois différentes phases de croissance]<br />
* Corel Draw ne peut pas gérer ce fichier SVG assez simple<br />
* Importer vers Illustrator. Nous avons ensuite dissocié (3 niveaux) et enlevé les ombres (clic et DEL)<br />
* Enregistrer le fichier en tant que * .ai<br />
* Importer le fichier dans Corel Draw<br />
* Importer le fichier Corel à Stitch Era: '''Obtenir à partir de l'application''' -> '''Corel Draw'''<br />
Le résultat est avec pertes (par exemple, les dégradés de couleurs sont supprimés), mais la qualité du dessin est assez bonne pour la broderie. Bien sûr, le résultat devrait être adapté, c'est-à-dire simplifié.<br />
{| class="wikitable sortable"<br />
|+Importation de SVG avec pertes <br />
!Original<br />
!Illustrator<br />
!Stitch Era<br />
|-<br />
|[[Fichier:Plant-002 growing.png|vignette|260x260px|Original SVG]]<br />
|[[Fichier:Stitch-era-imported-vector-graphics-1.png|vignette|260x260px|Image du modèle AP simplifié]]<br />
|[[Fichier:Stitch-era-imported-vector-graphics-2.png|vignette|250x250px|Image du modèle importé via Corel]]<br />
|}<br />
Voyons maintenant ce que cela donne avec la numérisation minimale.<br />
* Redimensionner l'image à environ 12 x 7,8 cm<br />
* Enlever les bandes grises sur les pots<br />
* Simplifier les vecteurs:<br />
** Tout sélectionner: CTRL-A<br />
** Dans l'onglet '''Combiner''', cliquez sur '''Combiner les vecteurs-> Simplifier'''<br />
<br />
* Procédure de numérisation automatique:<br />
** CTRL-A pour tout sélectionner<br />
** '''Broderie -> Art to Stitch (Intelligent)'''<br />
** Densité du motif réduite à 4 lignes / mm<br />
L’image est imprimée par [https://www.wilcom.com/ Wilcom Truesizer]. Elle ne représente pas tout à fait l’original, c'est-à-dire que certaines zones blanches qui sont imprimées en premier et celles en dessous ne s'affichent pas du tout.<br />
[[Fichier:Plant 002 growing truesizer.png|néant|vignette|600x600px|Design représenté par Wilcom Truesizer]]<br />
<br />
'''Un test simple (2017)'''<br />
{| class="wikitable sortable"<br />
|+Importation de SVG avec pertes<br />
!Original<br />
!Importation de SVG directe<br />
!SVG importé via Illustrator<br />
|-<br />
|[[Fichier:Plant-002 growing.png|vignette|260x260px|Original SVG]]<br />
|[[Fichier:Stitch-era-17-imported-vector-graphics-4.png|vignette|260x260px|Image de l'importation SVG directe]]<br />
|[[Fichier:Stitch-era-17-imported-vector-graphics-5.png|vignette|260x260px|Image de SVG importée via Illustrator]]<br />
|}<br />
Stitch Era 17 peut importer le SVG standard simple, mais pas de remplissage dégradé. Après l’importation, la plupart des feuilles étaient noires. Par conséquent, il est parfois recommandé d'importer le fichier SVG dans Illustrator avant de l'importer dans Stitch Era. Sinon, vous pouvez remplacer les remplissages dégradés par des remplissages simples, par exemple, dégrouper, sélectionner chaque feuille, puis sélectionner une sorte de vert.<br />
<br />
L'importation d'un fichier à partir d'Illustrator peut être assez longue, mais le résultat est généralement assez bon. Nous avons numérisé l’image automatiquement ( Art to Stich (Intelligent)) après avoir enlevé les 3 ombres. ''Important'': Dans les options de '''Traitement artistique''', nous avons coché '''Traitement des principales superpositions''', parce que le dessin contient des objets vectoriels superposés (ils ont des bandes grises sur les pots).<br />
<br />
D'autre part, sans cocher cet option, il y aurait eu deux couches de broderie dans certains endroits, ce qui n'est pas forcément une mauvaise chose mais nécessite quelques tests.<br />
[[Fichier:Stitch-era-17-imported-vector-graphics-6.png|néant|vignette|600x600px|Stitch-Era 17 - Simulation de la broderie]]<br />
<br />
=== Remplissage des zones vides avec la couleur ===<br />
Nous avons trouvé difficile de remplir des motifs vectoriels importés avec des couleurs. Quand nous avons écrit ceci, Stitch Era ne voulait pas importer de fichiers Illustrateur, mais cela fonctionne maintenant à partir de la version 11.10. Si vous ne possédez pas Corel Draw ou Illustrator, ou si vous ne voulez pas travailler avec le format SVG, vous devrez faire l’importation des fichiers EMF. Cela produit en quelque sorte des remplissages avec des bordures à partir de lignes.<br />
<br />
Pour faire le remplissage:<br />
* Sélectionnez tous les éléments qui doivent être remplis, puis combinez-les en un seul vecteur: '''Combiner des vecteurs -> Ajout'''<br />
* Cliquez sur '''Eliminer les trous''' dans le menu en haut.<br />
* Assurez-vous que les vecteurs restants se chevauchent légèrement entre eux et ceux qui sont déjà remplis.<br />
* Sélectionnez chaque vecteur déconnecté dans l’Administrateur d'objets et zoomez beaucoup.<br />
* Puis cliquez sur '''Ajout''' à nouveau et '''Eliminer les trous'''.<br />
[[Fichier:Stitch-era-loose-vectors.png|néant|vignette|600x600px|Vecteur déconnecté]]<br />
Les deux objets vectoriels et les sections de points sont définis par plusieurs types de nœuds et à un moment donné, vous devrez apprendre comment un programme de dessin vectoriel fonctionne afin de faire des modifications et pour cela, vous pouvez lire maintenant [[:en:Stitch_Era_-_vector_graphics|Stitch Era – images vectorielles]].<br />
[[Catégorie:Tutoriels]]<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27un_dessin_vectoriel&diff=77365Stitch Era - créer une broderie à partir d'un dessin vectoriel2018-01-29T13:56:22Z<p>LiudmylaG : /* Problèmes, conseils et passer à autre chose */</p>
<hr />
<div>{{En construction}}<br />
<br />
== '''Introduction''' ==<br />
Ce tutoriel, créé pour les personnes débutant avec le logiciel Stitch Era embroidery, explique comment passer d'images vectorisées à de la broderie sans avoir besoin de fortes connaissances en numérisation. Si vous partez d'une image vectorielle (et non d'un fichier *.png ou *.jpg), vous devriez obtenir un bon résultat assez rapidement.<br />
<br />
<div class="tut_goals"><br />
'''Homepage du tutoriel''' <br />
<br />
* Version française: [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]]<br />
* Version anglaise: [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software]<br />
<br />
'''Objectifs d'apprentissage''' <br />
* Être capable d'importer des images vectorielles<br />
* Être capable de numériser des images vectorielles<br />
<br />
'''Prérequis''' <br />
<br />
Avoir le logiciel [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]] / [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software] installé (et en particulier, être capable de créer un nouveau design).<br />
<br />
'''Pages liées à celle-ci''' <br />
<br />
''A compléter.'' <br />
<br />
'''Ressources utilisées''' <br />
<br />
Vous pouvez réutiliser les images présentes dans ce tutoriel. Cliquez dessus pour les agrandir, puis cliquer une seconde fois pour pouvoir ensuite les enregistrer.<br />
<br />
'''Qualité et niveau'''<br />
<br />
Ce tutoriel devrait suffire pour débuter dans Stitch Era. Il est utilisé par les auteurs de cet article dans le cadre d'un cours optionnel de master dans le domaine des technologies éducatives.<br />
<br />
'''Dernière mise à jour majeure'''<br />
<br />
''A compléter une fois cet article terminé.''<br />
<br />
'''Prochaines étapes'''<br />
<br />
''A compléter une fois que d'autres articles du wiki sur le sujet seront terminés.''<br />
<br />
</div><br />
<br />
=== '''Formats des images vectorielles et fichiers d'extensions''' ===<br />
<br />
Il existe deux types de formats pour les fichiers images:<br />
<br />
* Les images vectorielles sont des "dessins mathématiques" qui sont en principe beaucoup plus faciles à numériser que d'autres types d'images. Les images vectorielles sont entièrement adaptables, par exemple, elles ne perdront pas en qualité si l'on change leur taille. Parmi les logiciels les plus utilisés pour créer des images vectorielles, on trouve Inkscape (gratuit), Illustrator et Corel Draw. Stitch Era permet d'importer des dessins au format SVG ainsi que des formats propriétaires de Corel Draw et Illustrator. Les formaty habituels de ces fichiers sont *.ai, *.svg, *.cdr, *.wmf et *.emf. Stitch Era inclut son propre logiciel de dessin d'images vectorielles, pouvant être utilisé dans la première phase de design d'une broderie. Vous pouvez utiliser ce module afin d'arranger/modifier des images vectorielles importées et/ou pour dessiner vos propres images.<br />
* Les Bitmaps (aussi appelés images matricielles) définissent une image, par exemple un dessin ou une photo, constituée d'une matrice de points colorés. Les bitmaps sont désavantageux concernant deux points: (1) Il n'est pas possible de modifier la taille d'une image sans perdre en qualité. (2) La plupart des formats d'images permettent de les compresser (réduire leur taille) en leur faisant perdre certaines informations. Les images Bitmaps qui paraissent nettes ne le sont probablement pas en réalité. Cependant, la plupart des clip art trouvés sur internet sont malheureusement des bitmaps. Numériser des bitmaps implique de les transformer en images vectorielles dans un premier temps. Ce processus s'appelle la vectorisation. Il est possible de numériser directement un bitmap en sections de points de couture, cependant le résultat n'est généralement pas très satisfaisant. Les formats de bitmaps les plus courants sont ".png, *.jpg et *.gif. Les fichiers au format PNG ainsi que GIF sont optimisés pour le dessin, tandis que le format *.jpg l'est pour les photographies.<br />
<br />
=== '''Un aperçu du processus de design''' ===<br />
Dans ce tutoriel, nous allons montrer comment créer de la broderie à partir de ces deux types de formats, les images vectorielles et les bitmaps. De base, le processus de création de broderie ressemble à cela: (les étapes optionnelles se trouvant entre "[...]")<br />
<br />
<pre><nowiki><br />
[ bitmaps ] -> [ images vectorielles ] -> sections de points de couture (stitch sections) -> points de couture générés (stitchs générés)<br />
</nowiki></pre><br />
<br />
Les sections de points de couture (aussi appelés objets de broderie) sont une sorte d'images vectorielles spécifiques à la broderie, qui définissent des surfaces (areas) et des lignes (path) selon la manière dont ils vont être coudre. Comment cela sera cousu est défini par plusieurs paramètres. Des professionnels pourraient créer des points de couture directement. D'autres commencent souvent à partir de fichiers images. Le passage d'images vectorielles à des sections de points de couture s'appelle la numérisation. Lorsque cela est fait automatiquement (ce que Stitch Era peut faire), cela s'appelle de l'auto-numérisation.<br />
<br />
Ce tutoriel va expliquer ci-dessous comment fonctionnent les images vectorielles. En particulier, à partir du format internet ouvert SVG, dans lequel on peut trouver des images gratuites sur des sites tels que openclipart ou encore thenounproject. Si vous êtes intéressés à utiliser des images matricielles (par exemple au format *.jpg et *.png), vous devriez voir la procédure à suivre plus bas afin de les transformer en images vectorielles, pour ensuite créer une broderie à partir d'elles.<br />
<br />
=== '''La qualité de la (semi)auto-numérisation''' ===<br />
<br />
Avant de lire la suite de ce tutoriel, il faut savoir que la broderie créée à partir d'images en utilisant de l'auto-numérisation ne sera pas d'un niveau professionnel. Comme vous le verrez, il est relativement facile de numériser un bitmap ou une image vectorielle. Le résultat sera suffisamment acceptable et satisfaisant pour certains usages. Cependant, il y aura trois problèmes majeurs:<br />
<br />
1) Le résultat ne transmettra pas forcément le message souhaité. Par exemple, si la broderie voulue inclut trop de petits détails.<br />
<br />
2) Une broderie de qualité ne suit pas les mêmes principes visuels de design tels que ceux que nous faisons sur un écran ou même sur des dessins papiers. Le résultat peut de ce fait être moins bon.<br />
<br />
3) La plupart des broderies seront assez rigides, et de ce fait pas forcément agréables à porter. Typiquement, dans le dessin numérique, des formes sont superposées les unes sur les autres car il est plus facile de dessiner de cette manière et on ne peut voir à travers une forme (à moins d'avoir mis une couleur en transparence). En broderie, lorsque l'on superpose 2 couches assez denses de coutures ou plus, le résultat devient très rigide. Heureusement, Stitch Era propose des outils afin de régler ce problème.<br />
<br />
Les images ci-dessous montrent la différence entre une broderie simplement auto-numérisée tel que nous l'avons expliqué plus haut, et une broderie ayant été réarrangée de la manière expliquée sur la page [[Stitch Era - créer une broderie à partir d'une image complexe]].<br />
<br />
{| border="1"<br />
| <br />
[[Fichier:Lams-dolly-lrg.gif|vignette|200px|bitmap original]]<br />
| <br />
[[Fichier:Lams-lamb-embroidery-4a.jpg|vignette|200px|Logo auto-numérisé]]<br />
|-<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-1.jpg|vignette|200px|Logo réarrangé et (majoritairement) auto-numérisé]]<br />
<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-2.jpg|vignette|200px|Logo réarrangé (version 2)]]<br />
|}<br />
<br />
Cela étant dit, une simple auto-numérisation est le meilleur moyen de commencer, et après un jour ou deux vous serez à même de produire des design suffisamment jolis pour les porter sur vos propres vêtements. :)<br />
<br />
== '''Numérisation des images vectorielles - évolution''' ==<br />
Dans cette partie, nous introduisons quelques petites astuces avec un autre exemple. En particulier, nous abordons les points suivants:<br />
* Réorganiser les vecteurs<br />
* Indiquer à Stitch Era les lignes de fil à utiliser pour un design (par exemple, Madeira Rayon)<br />
* Apporter des légères modifications aux sections de points<br />
Cette partie a été faite pour Stitch Era 11. L'importation de SVG est beaucoup plus facile maintenant. Le reste est similaire.<br />
<br />
=== '''Importation des images SVG''' ===<br />
Nous avons importé l'image SVG - [https://openclipart.org/detail/12755/evolution-steps|les étapes d'évolution.] Nous avons également testé d'importer le dessin via * .emf et le résultat est moins convaincant, bien qu'il soit utilisable avec beaucoup de travail supplémentaire.<br />
<br />
C'est ce que nous avons obtenu:<br />
[[Fichier:Stitch-era-evolution-example.png|vignette|600x600px|Evolution - image vectorielle importée|néant]]Nous pouvons voir sur l’image que les vecteurs ne sont pas dans le bon ordre, c'est-à-dire que les objets qui devraient être en dessus se trouvent sous les autres objets. Pour changer l'ordre d'empilement il existe trois manières différentes :<br />
<br />
* Avec le menu contextuel (faites un clic droit sur l'objet et sélectionnez '''Modifier l'ordre''')<br />
<br />
* Avec le menu principale tout en haut (sélectionnez un objet, cliquez sur '''Disposition''' et après sur la section '''Avant & Arrière''')<br />
<br />
* Avec l’Administrateur d'objets. C'est la solution conseillée si vous devez en changer plusieurs. En faisant glisser un vecteur, vous pouvez changer son ordre.<br />
<br />
Une autre option serait de changer l'ordre au niveau de la section de point.<br />
[[Fichier:Stitch-era-evolution-example-2.png|néant|vignette|600x600px|Changement de l'ordre d'empilement en faisant glisser un objet dans l’Administrateur d'objets]]<br />
<br />
=== Adaptation de la couleur ===<br />
Nous avons décidé de travailler avec trois couleurs seulement et d'attribuer les mêmes couleurs pour chaque figure:<br />
* Sombre pour le corps<br />
* Clair pour le bras droit et la tête<br />
<br />
* Moyen pour la jambe droite<br />
La sélection des couleurs est un peu compliquée dans le Stitch era car la palette de couleurs dans le menu déroulant '''Couleur et remplissage''' est vraiment petite et les couleurs sont très difficiles à distinguer.<br />
* Sélectionnez toutes les têtes et tous les bras droits : Maintenez la touche CTRL enfoncée et cliquez sur chacun.<br />
* Pour vous assurer que vous avez tout sélectionné, éloignez le groupe, puis appuyez sur CTRL-Z pour le remettre.<br />
* Vous pouvez également regrouper les objets sélectionnés ('''Disposition -> Groupe''').<br />
* Changer les couleurs pour les éléments sélectionnés avec le menu déroulant '''Couleur et remplissage'''.<br />
<br />
Si vous souhaitez récupérer une couleur à l'aide d'un nom de couleur qui vous connaissez, il faut recherchez la spécification RVB dans la [[wp_en:Lists_of_colors|Liste des couleurs]] de Wikipédia par exemple. La couleur ''cuivre'' serait (184,115,51) selon la liste. Une fois que vous avez obtenu les trois numéros Rouge / Vert / Bleu, vous pouvez les entrer dans le panneau '''Sélectionner une couleur''' que vous obtenez dans le menu déroulant '''Couleur de remplissage -> Couleurs supplémentaires''' de Stitch Era. <br />
<br />
Pour notre exemple, nous avons fait: <br />
* tête et bras droit = cuivre (184, 115, 51)<br />
* corps = brun foncé (101,67,33)<br />
* jambes droites = café (150,75,0)<br />
Si vous vous êtes déjà familiarisé avec les images vectorielles, vous pouvez maintenant améliorer le dessin. Par exemple, nous avons changé légèrement les bras droits (l'articulation supérieure et les mains).<br />
<br />
=== Simplifier ===<br />
Afin d’éviter le fronçage du tissu, il ne faut pas imprimer trop de couches de points de suture.<br />
<br />
Nous pouvons simplifier le dessin avec la méthode Combine Vectors (CSG):<br />
* Tout sélectionner<br />
* Simplifier<br />
Nous obtenons maintenant des vecteurs supplémentaires, puisque des parties comme le corps ont été coupées en plusieurs parties:<br />
[[Fichier:Stitch-era-evolution-example-3.png|néant|vignette|600x600px|Image vectorielle prête à être numérisée]]<br />
Certains de ces vecteurs sont trop petits pour être cousus ou ne produiront pas vraiment de bons résultats. Vous pouvez donc les enlever. Nous avons enlevé un petit vecteur (# 3) et quelques nœuds de vecteurs qui avaient des tentacules. Pour faire cela, cliquez directement sur le vecteur dans l'espace de travail ou dans l’Administrateur d'objets, puis sélectionnez le petit contrôle de nœud, cliquez avec le bouton droit et supprimez.<br />
<br />
=== Numérisation ===<br />
Le design est prêt maintenant pour l'auto-numérisation.<br />
* Tout sélectionner (CTRL-A)<br />
* Convertir en Broderie, sélectionnez '''Broderie''' -> '''Art to Stitch (Intelligent)'''<br />
Vous devriez voir le menu contextuel ''Image en Objets'' et nous allons faire maintenant un peu d'étalonnage au lieu de cliquer sur OK.<br />
<br />
'''Assignation des couleurs de l’image à la palette d’aiguille'''<br />
* Sélectionnez l'onglet '''Réglages d'aiguille''' dans la fenêtre contextuelle ''Image en Objets''<br />
* Cochez la case "Assigner les couleurs du dessin ...." (dernier élément)<br />
* Vous pouvez attribuer des couleurs de votre art vectoriel à des "aiguilles" représentant vos fils avec le petit menu déroulant.<br />
* Ne cliquez pas encore sur OK!<br />
Si vous voulez en savoir plus sur la gestion des couleurs et des couleurs de fil, lisez [[:en:Stitch_Era_-_vector_and_thread_color|Stitch Era - vecteur et couleur de fil]].<br />
<br />
'''Changer le motif de point'''<br />
* Ouvrez l'onglet de la section '''Réglage de points'''<br />
* Sélectionnez votre motif préféré<br />
* Changer les densités à 4 lignes / mm<br />
J'ai également changé le point Zig zag par défaut en un point aléatoire automatique de 3 mm (''Configurations avancées'').<br />
* Maintenant vous pouvez cliquer sur OK.<br />
Si vous glissez votre souris sur un élément de l'aiguille dans la palette à gauche (ne cliquez pas sur!), vous verrez que le fil de Madeira vous sera demandé d'utiliser plus tard. Comme vous le verrez, les noms de couleurs ne sont pas les mêmes, mais nous ne pouvons rien y faire.<br />
[[Fichier:Stitch-era-needle-info.png|néant|vignette|560x560px|Info aiguille]]<br />
'''Refaire la numérisation'''<br />
* Premièrement enregistrez le fichier.<br />
Si vous n'êtes pas satisfait du résultat, ouvrez l’Administrateur d'objets (à droite)<br />
* Cliquez sur la section pour tout sélectionner. '''Assurez-vous de sélectionner les sections de point''' et '''non''' les vecteurs !<br />
* Appuyez sur CTRL-X<br />
* Recommencez maintenant "à broder". Vos zones de points devraient disparaître ...<br />
* Par exemple, sélectionnez chaque groupe de vecteurs en utilisant la touche SHIFT et ajoutez des bordures si vous préférez avoir un point courant autour de chaque section de point.<br />
* Vous pouvez également améliorer les graphismes de différentes manières, bien que cela soit parfois une perte de temps puisque les points ignorent les détails plus fins, c'est-à-dire que le réglage fin peut plutôt être effectué au niveau de la zone de point.<br />
* Dans le cas où vous voulez juste chaque figure comme une seule forme, rien n'est plus facile que cela : Sélectionnez tout, puis '''Combiner les vecteurs''' -> '''Ajout'''.<br />
* Enfin, sélectionnez chaque figure et '''Eliminer les trous'''.<br />
Quoi qu'il en soit, passons au design original.<br />
<br />
=== Réglage des zones de points ===<br />
En regardant le résultat, nous remarquons que certains vecteurs ont été rendus comme des Zigzags et d'autres comme des motifs de remplissage. Cela fonctionne par défaut.<br />
<br />
Puisque nous croyons que toutes les têtes devraient se ressembler, nous apportons quelques petits changements:<br />
* Décochez Auxiliaire (bouton vert en haut à droite), pas nécessaire mais conseillé…<br />
* Cliquez sur les sections que vous souhaitez modifier, par ex. tête des figures un et deux, plus la poitrine des figures 3 et 5<br />
* Ensuite, dans l'Administrateur d'objets, modifiez le style de remplissage. Nous avons utilisé:<br />
** Modèle<br />
** Densité = 4<br />
** Nom = PTM-0008<br />
[[Fichier:Stitch-era-evolution-example-4.png|néant|vignette|600x600px|Modification du style de remplissage via l'Administrateur d'objets]]<br />
Alternativement, vous pouvez également utiliser le tableau de remplissage en dessus, mais nous préférons l'Administrateur d'objets car il montre plus d'informations et aussi parce que vous pouvez changer les propriétés de plusieurs objets à la fois.<br />
<br />
Dans l'image ci-dessous, nous avons changé le type de remplissage de toutes les têtes en PTM-008.<br />
[[Fichier:Stitch-era-evolution-example-5.png|néant|vignette|600x600px|Changement de type de remplissage sur plusieurs zones de points]]<br />
=== Résultat ===<br />
Résultat affiché:<br />
[[Fichier:Stitch-era-evolution-example-6.png|néant|vignette|600x600px|Modification de types de remplissage via l'Administrateur d'objets]]<br />
* Certains points de zigzag sont très larges<br />
* Nous pourrions en fait transformer chaque jambe droite en style Zigzag irrégulier multicolonne par exemple (ce que nous avons fait avant l'impression).<br />
Résultat brodé:<br />
[[Fichier:Evolution-embroidered-2.jpg|néant|vignette|600x600px|Evolution brodée]]<br />
Le design n'est pas vraiment glorieux et les contrastes de couleurs sont trop grands car nous possédons pas une grande collection de fils. Les points irréguliers en Zigzag utilisés pour les jambes ajoutent une touche intéressante, bien que certaines personnes pourraient préférer des modèles plus propres. Enfin, nous pourrions ajouter des points de la même couleur autour de la bordure extérieure, mais c'est le travail supplémentaire…<br />
<br />
Si vous voulez savoir plus sur le Réglage des zones de points, lisez [https://edutechwiki.unige.ch/fr/Stitch_Era_-_ajustement_et_param%C3%A9trage_de_zones_de_broderie Stitch Era - ajustement et paramétrage de zones de broderie] <br />
<br />
== Problèmes, conseils et passer à autre chose ==<br />
Étant donné que de nombreuses images que vous pouvez trouver sur Internet sont les images matricielles, nous vous recommandons maintenant le tutoriel [https://edutechwiki.unige.ch/fr/Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27une_image_matricielle Stitch Era - créer une broderie à partir d'une image matricielle]<br />
<br />
Pour en savoir plus sur la numérisation des images matricielles et vectorielles, vous devez également apprendre quelques notions de base:<br />
* [[:en:Stitch_Era_-_adjusting_stitch_sections|Stitch Era - réglage des sections de point]]<br />
* [[:en:Stitch_Era_-_vector_graphics|Stitch Era - images vectorielles]]<br />
Il peut également être utile de jeter un œil à [[:en:Stitch_Era_-_trouble_shooting|Stitch Era - dépannage]] et [[:en:Stitch_Era_-_interface_features_for_working_with_a_design|Stitch Era - caractéristiques de l'interface pour travailler avec le design]]<br />
<br />
Ensuite, passez à:<br />
* [[:en:Stitch_Era_-_digitizing_complex_vector_images|Stitch Era - numérisation des images vectorielles complexes]]<br />
* [[:en:Stitch_Era_-_digitizing_complex_bitmap_images|Stitch Era - numérisation des images matricielles complexes]]<br />
<br />
=== Importation depuis Inkscape, Illustrator et Corel Draw ===<br />
Dans Stitch Era 17:<br />
* Epreuve -> Chercher sur l'application (le fichier doit être ouvert dans l'application). Cela fonctionne avec Illustrator ou Corel Draw.<br />
* Epreuve -> Ouvrir le fichier vecteur (ai, cdr, svg, wmf, etc.)<br />
Si les polices ne s'affichent pas, transformez les polices en objets. Par exemple. Dans Inkscape, sélectionnez le texte, puis Menu Chemin -> Objet en chemin<br />
<br />
Dans Stitch Era 11, les fichiers Illustrator et Corel Draw, mais pas SVG, pouvaient être importés. Les anciennes versions ne supportaient que Corel Draw.<br />
<br />
'''Un simple test (2011)'''<br />
<br />
Fichier de test utilisé: [https://openclipart.org/detail/135013/green-plant-in-its-pot-in-three-different-phases-of-growth Plante verte dans son pot dans trois différentes phases de croissance]<br />
* Corel Draw ne peut pas gérer ce fichier SVG assez simple<br />
* Importer vers Illustrator. Nous avons ensuite dissocié (3 niveaux) et enlevé les ombres (clic et DEL)<br />
* Enregistrer le fichier en tant que * .ai<br />
* Importer le fichier dans Corel Draw<br />
* Importer le fichier Corel à Stitch Era: '''Obtenir à partir de l'application''' -> '''Corel Draw'''<br />
Le résultat est avec pertes (par exemple, les dégradés de couleurs sont supprimés), mais la qualité du dessin est assez bonne pour la broderie. Bien sûr, le résultat devrait être adapté, c'est-à-dire simplifié.<br />
{| class="wikitable sortable"<br />
|+Importation de SVG avec pertes <br />
!Original<br />
!Illustrator<br />
!Stitch Era<br />
|-<br />
|[[Fichier:Plant-002 growing.png|vignette|260x260px|Original SVG]]<br />
|[[Fichier:Stitch-era-imported-vector-graphics-1.png|vignette|260x260px|Image du modèle AP simplifié]]<br />
|[[Fichier:Stitch-era-imported-vector-graphics-2.png|vignette|250x250px|Image du modèle importé via Corel]]<br />
|}<br />
Voyons maintenant ce que cela donne avec la numérisation minimale.<br />
* Redimensionner l'image à environ 12 x 7,8 cm<br />
* Enlever les bandes grises sur les pots<br />
* Simplifier les vecteurs:<br />
** Tout sélectionner: CTRL-A<br />
** Dans l'onglet '''Combiner''', cliquez sur '''Combiner les vecteurs-> Simplifier'''<br />
<br />
* Procédure de numérisation automatique:<br />
** CTRL-A pour tout sélectionner<br />
** '''Broderie -> Art to Stitch (Intelligent)'''<br />
** Densité du motif réduite à 4 lignes / mm<br />
L’image est imprimée par [https://www.wilcom.com/ Wilcom Truesizer]. Elle ne représente pas tout à fait l’original, c'est-à-dire que certaines zones blanches qui sont imprimées en premier et celles en dessous ne s'affichent pas du tout.<br />
[[Fichier:Plant 002 growing truesizer.png|néant|vignette|600x600px|Design représenté par Wilcom Truesizer]]<br />
<br />
'''Un test simple (2017)'''<br />
{| class="wikitable sortable"<br />
|+Importation de SVG avec pertes<br />
!Original<br />
!Importation de SVG directe<br />
!SVG importé via Illustrator<br />
|-<br />
|[[Fichier:Plant-002 growing.png|vignette|260x260px|Original SVG]]<br />
|[[Fichier:Stitch-era-17-imported-vector-graphics-4.png|vignette|260x260px|Image de l'importation SVG directe]]<br />
|[[Fichier:Stitch-era-17-imported-vector-graphics-5.png|vignette|260x260px|Image de SVG importée via Illustrator]]<br />
|}<br />
Stitch Era 17 peut importer le SVG standard simple, mais pas de remplissage dégradé. Après l’importation, la plupart des feuilles étaient noires. Par conséquent, il est parfois recommandé d'importer le fichier SVG dans Illustrator avant de l'importer dans Stitch Era. Sinon, vous pouvez remplacer les remplissages dégradés par des remplissages simples, par exemple, dégrouper, sélectionner chaque feuille, puis sélectionner une sorte de vert.<br />
<br />
L'importation d'un fichier à partir d'Illustrator peut être assez longue, mais le résultat est généralement assez bon. Nous avons numérisé l’image automatiquement ( Art to Stich (Intelligent)) après avoir enlevé les 3 ombres. ''Important'': Dans les options de '''Traitement artistique''', nous avons coché '''Traitement des principales superpositions''', parce que le dessin contient des objets vectoriels superposés (ils ont des bandes grises sur les pots).<br />
<br />
D'autre part, sans cocher cet option, il y aurait eu deux couches de broderie dans certains endroits, ce qui n'est pas forcément une mauvaise chose mais nécessite quelques tests.<br />
[[Fichier:Stitch-era-17-imported-vector-graphics-6.png|néant|vignette|600x600px|Stitch-Era 17 - Simulation de la broderie]]<br />
<br />
=== Remplissage des zones vides avec la couleur ===<br />
Nous avons trouvé difficile de remplir des motifs vectoriels importés avec des couleurs. Quand nous avons écrit ceci, Stitch Era ne voulait pas importer de fichiers Illustrateur, mais cela fonctionne maintenant à partir de la version 11.10. Si vous ne possédez pas Corel Draw ou Illustrator, ou si vous ne voulez pas travailler avec le format SVG, vous devrez faire l’importation des fichiers EMF. Cela produit en quelque sorte des remplissages avec des bordures à partir de lignes.<br />
<br />
Pour faire le remplissage:<br />
* Sélectionnez tous les éléments qui doivent être remplis, puis combinez-les en un seul vecteur: '''Combiner des vecteurs -> Ajout'''<br />
* Cliquez sur '''Eliminer les trous''' dans le menu en haut.<br />
* Assurez-vous que les vecteurs restants se chevauchent légèrement entre eux et ceux qui sont déjà remplis.<br />
* Sélectionnez chaque vecteur déconnecté dans l’Administrateur d'objets et zoomez beaucoup.<br />
* Puis cliquez sur '''Ajout''' à nouveau et '''Eliminer les trous'''.<br />
[[Fichier:Stitch-era-loose-vectors.png|néant|vignette|600x600px|Vecteur déconnecté]]<br />
Les deux objets vectoriels et les sections de points sont définis par plusieurs types de nœuds et à un moment donné, vous devrez apprendre comment un programme de dessin vectoriel fonctionne afin de faire des modifications et pour cela, vous pouvez lire maintenant [[:en:Stitch_Era_-_vector_graphics|Stitch Era – images vectorielles]].<br />
[[Catégorie:Tutoriels]]<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27un_dessin_vectoriel&diff=77364Stitch Era - créer une broderie à partir d'un dessin vectoriel2018-01-29T13:54:03Z<p>LiudmylaG : /* Résultat */</p>
<hr />
<div>{{En construction}}<br />
<br />
== '''Introduction''' ==<br />
Ce tutoriel, créé pour les personnes débutant avec le logiciel Stitch Era embroidery, explique comment passer d'images vectorisées à de la broderie sans avoir besoin de fortes connaissances en numérisation. Si vous partez d'une image vectorielle (et non d'un fichier *.png ou *.jpg), vous devriez obtenir un bon résultat assez rapidement.<br />
<br />
<div class="tut_goals"><br />
'''Homepage du tutoriel''' <br />
<br />
* Version française: [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]]<br />
* Version anglaise: [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software]<br />
<br />
'''Objectifs d'apprentissage''' <br />
* Être capable d'importer des images vectorielles<br />
* Être capable de numériser des images vectorielles<br />
<br />
'''Prérequis''' <br />
<br />
Avoir le logiciel [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]] / [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software] installé (et en particulier, être capable de créer un nouveau design).<br />
<br />
'''Pages liées à celle-ci''' <br />
<br />
''A compléter.'' <br />
<br />
'''Ressources utilisées''' <br />
<br />
Vous pouvez réutiliser les images présentes dans ce tutoriel. Cliquez dessus pour les agrandir, puis cliquer une seconde fois pour pouvoir ensuite les enregistrer.<br />
<br />
'''Qualité et niveau'''<br />
<br />
Ce tutoriel devrait suffire pour débuter dans Stitch Era. Il est utilisé par les auteurs de cet article dans le cadre d'un cours optionnel de master dans le domaine des technologies éducatives.<br />
<br />
'''Dernière mise à jour majeure'''<br />
<br />
''A compléter une fois cet article terminé.''<br />
<br />
'''Prochaines étapes'''<br />
<br />
''A compléter une fois que d'autres articles du wiki sur le sujet seront terminés.''<br />
<br />
</div><br />
<br />
=== '''Formats des images vectorielles et fichiers d'extensions''' ===<br />
<br />
Il existe deux types de formats pour les fichiers images:<br />
<br />
* Les images vectorielles sont des "dessins mathématiques" qui sont en principe beaucoup plus faciles à numériser que d'autres types d'images. Les images vectorielles sont entièrement adaptables, par exemple, elles ne perdront pas en qualité si l'on change leur taille. Parmi les logiciels les plus utilisés pour créer des images vectorielles, on trouve Inkscape (gratuit), Illustrator et Corel Draw. Stitch Era permet d'importer des dessins au format SVG ainsi que des formats propriétaires de Corel Draw et Illustrator. Les formaty habituels de ces fichiers sont *.ai, *.svg, *.cdr, *.wmf et *.emf. Stitch Era inclut son propre logiciel de dessin d'images vectorielles, pouvant être utilisé dans la première phase de design d'une broderie. Vous pouvez utiliser ce module afin d'arranger/modifier des images vectorielles importées et/ou pour dessiner vos propres images.<br />
* Les Bitmaps (aussi appelés images matricielles) définissent une image, par exemple un dessin ou une photo, constituée d'une matrice de points colorés. Les bitmaps sont désavantageux concernant deux points: (1) Il n'est pas possible de modifier la taille d'une image sans perdre en qualité. (2) La plupart des formats d'images permettent de les compresser (réduire leur taille) en leur faisant perdre certaines informations. Les images Bitmaps qui paraissent nettes ne le sont probablement pas en réalité. Cependant, la plupart des clip art trouvés sur internet sont malheureusement des bitmaps. Numériser des bitmaps implique de les transformer en images vectorielles dans un premier temps. Ce processus s'appelle la vectorisation. Il est possible de numériser directement un bitmap en sections de points de couture, cependant le résultat n'est généralement pas très satisfaisant. Les formats de bitmaps les plus courants sont ".png, *.jpg et *.gif. Les fichiers au format PNG ainsi que GIF sont optimisés pour le dessin, tandis que le format *.jpg l'est pour les photographies.<br />
<br />
=== '''Un aperçu du processus de design''' ===<br />
Dans ce tutoriel, nous allons montrer comment créer de la broderie à partir de ces deux types de formats, les images vectorielles et les bitmaps. De base, le processus de création de broderie ressemble à cela: (les étapes optionnelles se trouvant entre "[...]")<br />
<br />
<pre><nowiki><br />
[ bitmaps ] -> [ images vectorielles ] -> sections de points de couture (stitch sections) -> points de couture générés (stitchs générés)<br />
</nowiki></pre><br />
<br />
Les sections de points de couture (aussi appelés objets de broderie) sont une sorte d'images vectorielles spécifiques à la broderie, qui définissent des surfaces (areas) et des lignes (path) selon la manière dont ils vont être coudre. Comment cela sera cousu est défini par plusieurs paramètres. Des professionnels pourraient créer des points de couture directement. D'autres commencent souvent à partir de fichiers images. Le passage d'images vectorielles à des sections de points de couture s'appelle la numérisation. Lorsque cela est fait automatiquement (ce que Stitch Era peut faire), cela s'appelle de l'auto-numérisation.<br />
<br />
Ce tutoriel va expliquer ci-dessous comment fonctionnent les images vectorielles. En particulier, à partir du format internet ouvert SVG, dans lequel on peut trouver des images gratuites sur des sites tels que openclipart ou encore thenounproject. Si vous êtes intéressés à utiliser des images matricielles (par exemple au format *.jpg et *.png), vous devriez voir la procédure à suivre plus bas afin de les transformer en images vectorielles, pour ensuite créer une broderie à partir d'elles.<br />
<br />
=== '''La qualité de la (semi)auto-numérisation''' ===<br />
<br />
Avant de lire la suite de ce tutoriel, il faut savoir que la broderie créée à partir d'images en utilisant de l'auto-numérisation ne sera pas d'un niveau professionnel. Comme vous le verrez, il est relativement facile de numériser un bitmap ou une image vectorielle. Le résultat sera suffisamment acceptable et satisfaisant pour certains usages. Cependant, il y aura trois problèmes majeurs:<br />
<br />
1) Le résultat ne transmettra pas forcément le message souhaité. Par exemple, si la broderie voulue inclut trop de petits détails.<br />
<br />
2) Une broderie de qualité ne suit pas les mêmes principes visuels de design tels que ceux que nous faisons sur un écran ou même sur des dessins papiers. Le résultat peut de ce fait être moins bon.<br />
<br />
3) La plupart des broderies seront assez rigides, et de ce fait pas forcément agréables à porter. Typiquement, dans le dessin numérique, des formes sont superposées les unes sur les autres car il est plus facile de dessiner de cette manière et on ne peut voir à travers une forme (à moins d'avoir mis une couleur en transparence). En broderie, lorsque l'on superpose 2 couches assez denses de coutures ou plus, le résultat devient très rigide. Heureusement, Stitch Era propose des outils afin de régler ce problème.<br />
<br />
Les images ci-dessous montrent la différence entre une broderie simplement auto-numérisée tel que nous l'avons expliqué plus haut, et une broderie ayant été réarrangée de la manière expliquée sur la page [[Stitch Era - créer une broderie à partir d'une image complexe]].<br />
<br />
{| border="1"<br />
| <br />
[[Fichier:Lams-dolly-lrg.gif|vignette|200px|bitmap original]]<br />
| <br />
[[Fichier:Lams-lamb-embroidery-4a.jpg|vignette|200px|Logo auto-numérisé]]<br />
|-<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-1.jpg|vignette|200px|Logo réarrangé et (majoritairement) auto-numérisé]]<br />
<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-2.jpg|vignette|200px|Logo réarrangé (version 2)]]<br />
|}<br />
<br />
Cela étant dit, une simple auto-numérisation est le meilleur moyen de commencer, et après un jour ou deux vous serez à même de produire des design suffisamment jolis pour les porter sur vos propres vêtements. :)<br />
<br />
== '''Numérisation des images vectorielles - évolution''' ==<br />
Dans cette partie, nous introduisons quelques petites astuces avec un autre exemple. En particulier, nous abordons les points suivants:<br />
* Réorganiser les vecteurs<br />
* Indiquer à Stitch Era les lignes de fil à utiliser pour un design (par exemple, Madeira Rayon)<br />
* Apporter des légères modifications aux sections de points<br />
Cette partie a été faite pour Stitch Era 11. L'importation de SVG est beaucoup plus facile maintenant. Le reste est similaire.<br />
<br />
=== '''Importation des images SVG''' ===<br />
Nous avons importé l'image SVG - [https://openclipart.org/detail/12755/evolution-steps|les étapes d'évolution.] Nous avons également testé d'importer le dessin via * .emf et le résultat est moins convaincant, bien qu'il soit utilisable avec beaucoup de travail supplémentaire.<br />
<br />
C'est ce que nous avons obtenu:<br />
[[Fichier:Stitch-era-evolution-example.png|vignette|600x600px|Evolution - image vectorielle importée|néant]]Nous pouvons voir sur l’image que les vecteurs ne sont pas dans le bon ordre, c'est-à-dire que les objets qui devraient être en dessus se trouvent sous les autres objets. Pour changer l'ordre d'empilement il existe trois manières différentes :<br />
<br />
* Avec le menu contextuel (faites un clic droit sur l'objet et sélectionnez '''Modifier l'ordre''')<br />
<br />
* Avec le menu principale tout en haut (sélectionnez un objet, cliquez sur '''Disposition''' et après sur la section '''Avant & Arrière''')<br />
<br />
* Avec l’Administrateur d'objets. C'est la solution conseillée si vous devez en changer plusieurs. En faisant glisser un vecteur, vous pouvez changer son ordre.<br />
<br />
Une autre option serait de changer l'ordre au niveau de la section de point.<br />
[[Fichier:Stitch-era-evolution-example-2.png|néant|vignette|600x600px|Changement de l'ordre d'empilement en faisant glisser un objet dans l’Administrateur d'objets]]<br />
<br />
=== Adaptation de la couleur ===<br />
Nous avons décidé de travailler avec trois couleurs seulement et d'attribuer les mêmes couleurs pour chaque figure:<br />
* Sombre pour le corps<br />
* Clair pour le bras droit et la tête<br />
<br />
* Moyen pour la jambe droite<br />
La sélection des couleurs est un peu compliquée dans le Stitch era car la palette de couleurs dans le menu déroulant '''Couleur et remplissage''' est vraiment petite et les couleurs sont très difficiles à distinguer.<br />
* Sélectionnez toutes les têtes et tous les bras droits : Maintenez la touche CTRL enfoncée et cliquez sur chacun.<br />
* Pour vous assurer que vous avez tout sélectionné, éloignez le groupe, puis appuyez sur CTRL-Z pour le remettre.<br />
* Vous pouvez également regrouper les objets sélectionnés ('''Disposition -> Groupe''').<br />
* Changer les couleurs pour les éléments sélectionnés avec le menu déroulant '''Couleur et remplissage'''.<br />
<br />
Si vous souhaitez récupérer une couleur à l'aide d'un nom de couleur qui vous connaissez, il faut recherchez la spécification RVB dans la [[wp_en:Lists_of_colors|Liste des couleurs]] de Wikipédia par exemple. La couleur ''cuivre'' serait (184,115,51) selon la liste. Une fois que vous avez obtenu les trois numéros Rouge / Vert / Bleu, vous pouvez les entrer dans le panneau '''Sélectionner une couleur''' que vous obtenez dans le menu déroulant '''Couleur de remplissage -> Couleurs supplémentaires''' de Stitch Era. <br />
<br />
Pour notre exemple, nous avons fait: <br />
* tête et bras droit = cuivre (184, 115, 51)<br />
* corps = brun foncé (101,67,33)<br />
* jambes droites = café (150,75,0)<br />
Si vous vous êtes déjà familiarisé avec les images vectorielles, vous pouvez maintenant améliorer le dessin. Par exemple, nous avons changé légèrement les bras droits (l'articulation supérieure et les mains).<br />
<br />
=== Simplifier ===<br />
Afin d’éviter le fronçage du tissu, il ne faut pas imprimer trop de couches de points de suture.<br />
<br />
Nous pouvons simplifier le dessin avec la méthode Combine Vectors (CSG):<br />
* Tout sélectionner<br />
* Simplifier<br />
Nous obtenons maintenant des vecteurs supplémentaires, puisque des parties comme le corps ont été coupées en plusieurs parties:<br />
[[Fichier:Stitch-era-evolution-example-3.png|néant|vignette|600x600px|Image vectorielle prête à être numérisée]]<br />
Certains de ces vecteurs sont trop petits pour être cousus ou ne produiront pas vraiment de bons résultats. Vous pouvez donc les enlever. Nous avons enlevé un petit vecteur (# 3) et quelques nœuds de vecteurs qui avaient des tentacules. Pour faire cela, cliquez directement sur le vecteur dans l'espace de travail ou dans l’Administrateur d'objets, puis sélectionnez le petit contrôle de nœud, cliquez avec le bouton droit et supprimez.<br />
<br />
=== Numérisation ===<br />
Le design est prêt maintenant pour l'auto-numérisation.<br />
* Tout sélectionner (CTRL-A)<br />
* Convertir en Broderie, sélectionnez '''Broderie''' -> '''Art to Stitch (Intelligent)'''<br />
Vous devriez voir le menu contextuel ''Image en Objets'' et nous allons faire maintenant un peu d'étalonnage au lieu de cliquer sur OK.<br />
<br />
'''Assignation des couleurs de l’image à la palette d’aiguille'''<br />
* Sélectionnez l'onglet '''Réglages d'aiguille''' dans la fenêtre contextuelle ''Image en Objets''<br />
* Cochez la case "Assigner les couleurs du dessin ...." (dernier élément)<br />
* Vous pouvez attribuer des couleurs de votre art vectoriel à des "aiguilles" représentant vos fils avec le petit menu déroulant.<br />
* Ne cliquez pas encore sur OK!<br />
Si vous voulez en savoir plus sur la gestion des couleurs et des couleurs de fil, lisez [[:en:Stitch_Era_-_vector_and_thread_color|Stitch Era - vecteur et couleur de fil]].<br />
<br />
'''Changer le motif de point'''<br />
* Ouvrez l'onglet de la section '''Réglage de points'''<br />
* Sélectionnez votre motif préféré<br />
* Changer les densités à 4 lignes / mm<br />
J'ai également changé le point Zig zag par défaut en un point aléatoire automatique de 3 mm (''Configurations avancées'').<br />
* Maintenant vous pouvez cliquer sur OK.<br />
Si vous glissez votre souris sur un élément de l'aiguille dans la palette à gauche (ne cliquez pas sur!), vous verrez que le fil de Madeira vous sera demandé d'utiliser plus tard. Comme vous le verrez, les noms de couleurs ne sont pas les mêmes, mais nous ne pouvons rien y faire.<br />
[[Fichier:Stitch-era-needle-info.png|néant|vignette|560x560px|Info aiguille]]<br />
'''Refaire la numérisation'''<br />
* Premièrement enregistrez le fichier.<br />
Si vous n'êtes pas satisfait du résultat, ouvrez l’Administrateur d'objets (à droite)<br />
* Cliquez sur la section pour tout sélectionner. '''Assurez-vous de sélectionner les sections de point''' et '''non''' les vecteurs !<br />
* Appuyez sur CTRL-X<br />
* Recommencez maintenant "à broder". Vos zones de points devraient disparaître ...<br />
* Par exemple, sélectionnez chaque groupe de vecteurs en utilisant la touche SHIFT et ajoutez des bordures si vous préférez avoir un point courant autour de chaque section de point.<br />
* Vous pouvez également améliorer les graphismes de différentes manières, bien que cela soit parfois une perte de temps puisque les points ignorent les détails plus fins, c'est-à-dire que le réglage fin peut plutôt être effectué au niveau de la zone de point.<br />
* Dans le cas où vous voulez juste chaque figure comme une seule forme, rien n'est plus facile que cela : Sélectionnez tout, puis '''Combiner les vecteurs''' -> '''Ajout'''.<br />
* Enfin, sélectionnez chaque figure et '''Eliminer les trous'''.<br />
Quoi qu'il en soit, passons au design original.<br />
<br />
=== Réglage des zones de points ===<br />
En regardant le résultat, nous remarquons que certains vecteurs ont été rendus comme des Zigzags et d'autres comme des motifs de remplissage. Cela fonctionne par défaut.<br />
<br />
Puisque nous croyons que toutes les têtes devraient se ressembler, nous apportons quelques petits changements:<br />
* Décochez Auxiliaire (bouton vert en haut à droite), pas nécessaire mais conseillé…<br />
* Cliquez sur les sections que vous souhaitez modifier, par ex. tête des figures un et deux, plus la poitrine des figures 3 et 5<br />
* Ensuite, dans l'Administrateur d'objets, modifiez le style de remplissage. Nous avons utilisé:<br />
** Modèle<br />
** Densité = 4<br />
** Nom = PTM-0008<br />
[[Fichier:Stitch-era-evolution-example-4.png|néant|vignette|600x600px|Modification du style de remplissage via l'Administrateur d'objets]]<br />
Alternativement, vous pouvez également utiliser le tableau de remplissage en dessus, mais nous préférons l'Administrateur d'objets car il montre plus d'informations et aussi parce que vous pouvez changer les propriétés de plusieurs objets à la fois.<br />
<br />
Dans l'image ci-dessous, nous avons changé le type de remplissage de toutes les têtes en PTM-008.<br />
[[Fichier:Stitch-era-evolution-example-5.png|néant|vignette|600x600px|Changement de type de remplissage sur plusieurs zones de points]]<br />
=== Résultat ===<br />
Résultat affiché:<br />
[[Fichier:Stitch-era-evolution-example-6.png|néant|vignette|600x600px|Modification de types de remplissage via l'Administrateur d'objets]]<br />
* Certains points de zigzag sont très larges<br />
* Nous pourrions en fait transformer chaque jambe droite en style Zigzag irrégulier multicolonne par exemple (ce que nous avons fait avant l'impression).<br />
Résultat brodé:<br />
[[Fichier:Evolution-embroidered-2.jpg|néant|vignette|600x600px|Evolution brodée]]<br />
Le design n'est pas vraiment glorieux et les contrastes de couleurs sont trop grands car nous possédons pas une grande collection de fils. Les points irréguliers en Zigzag utilisés pour les jambes ajoutent une touche intéressante, bien que certaines personnes pourraient préférer des modèles plus propres. Enfin, nous pourrions ajouter des points de la même couleur autour de la bordure extérieure, mais c'est le travail supplémentaire…<br />
<br />
Si vous voulez savoir plus sur le Réglage des zones de points, lisez [https://edutechwiki.unige.ch/fr/Stitch_Era_-_ajustement_et_param%C3%A9trage_de_zones_de_broderie Stitch Era - ajustement et paramétrage de zones de broderie] <br />
<br />
== Problèmes, conseils et passer à autre chose ==<br />
Étant donné que de nombreuses images que vous pouvez trouver sur Internet sont les images matricielles, nous vous recommandons maintenant le tutoriel [[:en:Stitch_Era_-_creating_embroidery_from_raster_images|Stitch Era - création de broderie à partir des images matricielles]]<br />
<br />
Pour en savoir plus sur la numérisation des images matricielles et vectorielles, vous devez également apprendre quelques notions de base:<br />
* [[:en:Stitch_Era_-_adjusting_stitch_sections|Stitch Era - réglage des sections de point]]<br />
* [[:en:Stitch_Era_-_vector_graphics|Stitch Era - images vectorielles]]<br />
Il peut également être utile de jeter un œil à [[:en:Stitch_Era_-_trouble_shooting|Stitch Era - dépannage]] et [[:en:Stitch_Era_-_interface_features_for_working_with_a_design|Stitch Era - caractéristiques de l'interface pour travailler avec le design]]<br />
<br />
Ensuite, passez à:<br />
* [[:en:Stitch_Era_-_digitizing_complex_vector_images|Stitch Era - numérisation des images vectorielles complexes]]<br />
* [[:en:Stitch_Era_-_digitizing_complex_bitmap_images|Stitch Era - numérisation des images matricielles complexes]]<br />
<br />
=== Importation depuis Inkscape, Illustrator et Corel Draw ===<br />
Dans Stitch Era 17:<br />
* Epreuve -> Chercher sur l'application (le fichier doit être ouvert dans l'application). Cela fonctionne avec Illustrator ou Corel Draw.<br />
* Epreuve -> Ouvrir le fichier vecteur (ai, cdr, svg, wmf, etc.)<br />
Si les polices ne s'affichent pas, transformez les polices en objets. Par exemple. Dans Inkscape, sélectionnez le texte, puis Menu Chemin -> Objet en chemin<br />
<br />
Dans Stitch Era 11, les fichiers Illustrator et Corel Draw, mais pas SVG, pouvaient être importés. Les anciennes versions ne supportaient que Corel Draw.<br />
<br />
'''Un simple test (2011)'''<br />
<br />
Fichier de test utilisé: [https://openclipart.org/detail/135013/green-plant-in-its-pot-in-three-different-phases-of-growth Plante verte dans son pot dans trois différentes phases de croissance]<br />
* Corel Draw ne peut pas gérer ce fichier SVG assez simple<br />
* Importer vers Illustrator. Nous avons ensuite dissocié (3 niveaux) et enlevé les ombres (clic et DEL)<br />
* Enregistrer le fichier en tant que * .ai<br />
* Importer le fichier dans Corel Draw<br />
* Importer le fichier Corel à Stitch Era: '''Obtenir à partir de l'application''' -> '''Corel Draw'''<br />
Le résultat est avec pertes (par exemple, les dégradés de couleurs sont supprimés), mais la qualité du dessin est assez bonne pour la broderie. Bien sûr, le résultat devrait être adapté, c'est-à-dire simplifié.<br />
{| class="wikitable sortable"<br />
|+Importation de SVG avec pertes <br />
!Original<br />
!Illustrator<br />
!Stitch Era<br />
|-<br />
|[[Fichier:Plant-002 growing.png|vignette|260x260px|Original SVG]]<br />
|[[Fichier:Stitch-era-imported-vector-graphics-1.png|vignette|260x260px|Image du modèle AP simplifié]]<br />
|[[Fichier:Stitch-era-imported-vector-graphics-2.png|vignette|250x250px|Image du modèle importé via Corel]]<br />
|}<br />
Voyons maintenant ce que cela donne avec la numérisation minimale.<br />
* Redimensionner l'image à environ 12 x 7,8 cm<br />
* Enlever les bandes grises sur les pots<br />
* Simplifier les vecteurs:<br />
** Tout sélectionner: CTRL-A<br />
** Dans l'onglet '''Combiner''', cliquez sur '''Combiner les vecteurs-> Simplifier'''<br />
<br />
* Procédure de numérisation automatique:<br />
** CTRL-A pour tout sélectionner<br />
** '''Broderie -> Art to Stitch (Intelligent)'''<br />
** Densité du motif réduite à 4 lignes / mm<br />
L’image est imprimée par [https://www.wilcom.com/ Wilcom Truesizer]. Elle ne représente pas tout à fait l’original, c'est-à-dire que certaines zones blanches qui sont imprimées en premier et celles en dessous ne s'affichent pas du tout.<br />
[[Fichier:Plant 002 growing truesizer.png|néant|vignette|600x600px|Design représenté par Wilcom Truesizer]]<br />
<br />
'''Un test simple (2017)'''<br />
{| class="wikitable sortable"<br />
|+Importation de SVG avec pertes<br />
!Original<br />
!Importation de SVG directe<br />
!SVG importé via Illustrator<br />
|-<br />
|[[Fichier:Plant-002 growing.png|vignette|260x260px|Original SVG]]<br />
|[[Fichier:Stitch-era-17-imported-vector-graphics-4.png|vignette|260x260px|Image de l'importation SVG directe]]<br />
|[[Fichier:Stitch-era-17-imported-vector-graphics-5.png|vignette|260x260px|Image de SVG importée via Illustrator]]<br />
|}<br />
Stitch Era 17 peut importer le SVG standard simple, mais pas de remplissage dégradé. Après l’importation, la plupart des feuilles étaient noires. Par conséquent, il est parfois recommandé d'importer le fichier SVG dans Illustrator avant de l'importer dans Stitch Era. Sinon, vous pouvez remplacer les remplissages dégradés par des remplissages simples, par exemple, dégrouper, sélectionner chaque feuille, puis sélectionner une sorte de vert.<br />
<br />
L'importation d'un fichier à partir d'Illustrator peut être assez longue, mais le résultat est généralement assez bon. Nous avons numérisé l’image automatiquement ( Art to Stich (Intelligent)) après avoir enlevé les 3 ombres. ''Important'': Dans les options de '''Traitement artistique''', nous avons coché '''Traitement des principales superpositions''', parce que le dessin contient des objets vectoriels superposés (ils ont des bandes grises sur les pots).<br />
<br />
D'autre part, sans cocher cet option, il y aurait eu deux couches de broderie dans certains endroits, ce qui n'est pas forcément une mauvaise chose mais nécessite quelques tests.<br />
[[Fichier:Stitch-era-17-imported-vector-graphics-6.png|néant|vignette|600x600px|Stitch-Era 17 - Simulation de la broderie]]<br />
<br />
=== Remplissage des zones vides avec la couleur ===<br />
Nous avons trouvé difficile de remplir des motifs vectoriels importés avec des couleurs. Quand nous avons écrit ceci, Stitch Era ne voulait pas importer de fichiers Illustrateur, mais cela fonctionne maintenant à partir de la version 11.10. Si vous ne possédez pas Corel Draw ou Illustrator, ou si vous ne voulez pas travailler avec le format SVG, vous devrez faire l’importation des fichiers EMF. Cela produit en quelque sorte des remplissages avec des bordures à partir de lignes.<br />
<br />
Pour faire le remplissage:<br />
* Sélectionnez tous les éléments qui doivent être remplis, puis combinez-les en un seul vecteur: '''Combiner des vecteurs -> Ajout'''<br />
* Cliquez sur '''Eliminer les trous''' dans le menu en haut.<br />
* Assurez-vous que les vecteurs restants se chevauchent légèrement entre eux et ceux qui sont déjà remplis.<br />
* Sélectionnez chaque vecteur déconnecté dans l’Administrateur d'objets et zoomez beaucoup.<br />
* Puis cliquez sur '''Ajout''' à nouveau et '''Eliminer les trous'''.<br />
[[Fichier:Stitch-era-loose-vectors.png|néant|vignette|600x600px|Vecteur déconnecté]]<br />
Les deux objets vectoriels et les sections de points sont définis par plusieurs types de nœuds et à un moment donné, vous devrez apprendre comment un programme de dessin vectoriel fonctionne afin de faire des modifications et pour cela, vous pouvez lire maintenant [[:en:Stitch_Era_-_vector_graphics|Stitch Era – images vectorielles]].<br />
[[Catégorie:Tutoriels]]<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=STIC:STIC_IV_(2017)/Apprentissage_de_vocabulaire_arabe_%C3%A0_partir_des_dessins_brod%C3%A9s&diff=77363STIC:STIC IV (2017)/Apprentissage de vocabulaire arabe à partir des dessins brodés2018-01-29T13:47:26Z<p>LiudmylaG : /* Bibliographie */</p>
<hr />
<div>'''Auteurs ''' :<br />
Aya .B et Liudmyla. G<br />
<br />
== Introduction ==<br />
La langue arabe reste parmi les langues les plus difficiles à apprendre. Quand il s'agit d'enseigner la langue arabe à des enfants cela nécessite beaucoup d'effort pour trouver la bonne manière pour transmettre l'information et aider à mémoriser ce qu'ils apprennent. <br />
<br />
C'est pour cette raison que notre groupe a pensé au projet qui sera réalisé avec des enfants de quartier de Charmille qui suivent le cours d'arable donné par l'association Europe Charmilles.<br />
Leur âge varie entre 10 et 12 ans. <br />
<br />
Notre projet tente donc de créer un dispositif qui permet d'aider les enfants à apprendre des mots en arabe à partir des images et des lettres brodées. Pour cela, nous avons conçu un jeu pédagogique qui sera utilisé pendant le cours habituel d'arabe comme exercice d'entrainement du vocabulaire. Ce jeu a été réalisé dans le cadre du cour [https://edutechwiki.unige.ch/fr/STIC:STIC_IV_(2017) STIC IV (2017/18) - Embroidery for change.] <br />
<br />
== Apport Théorique ==<br />
<br />
=== Le jeu dans l’apprentissage des enfants ===<br />
L’apprentissage par le jeu est un concept utilisé en science de l’éducation et en psychologie selon lequel l’enfant acquiert des compétences par le moyen de l’activité de jeu. Le jeu est considéré aujourd’hui comme la base du développement des fonctions cognitives (raisonnement, résolution de problèmes, etc.) et de comportements sociale (résolution de conflits, négociation, jeu de rôles, etc.) (Flanagan, 2011).<br />
<br />
Des recherches sur les jeux dans l’apprentissage ont révélé leur valeur intrinsèque dans le développement de l’enfant. Selon [https://www.acei.org/ l’Association internationale pour l'éducation de l'enfance], le jeu est un comportement naturel puissant qui contribue à l'apprentissage et au développement des enfants et qu'aucun programme d'enseignement pour adultes ne peut le remplacer. Telle activité est par essence centrés sur l’apprenant puisque c’est lui qui « mène le jeu ». La motivation est intrinsèque et renforcée par la perspective d’être récompensé dans le jeu.<br />
<br />
Notre jeu inclut deux aspects importants dans le processus d'apprentissage - collaboratif et compétitif. Les apprenants travaillent en petits groupes dans une situation de compétition, ce qui suscite la motivation à accomplir les objectifs fixés par le jeu.<br />
<br />
=== L'apprentissage du vocabulaire arabe ===<br />
L’alphabet arabe se compose de 28 lettres. Les mots s’écrivent et se lisent de droite à gauche contrairement aux écritures latines.<br />
<br />
L'arabe c'est une des langues les plus riches au niveau du vocabulaire. La langue arabe se présente sous deux formes principales: l'arabe dialectal et l'arabe littéraire (ou classique). Autrement dit, il existe plusieurs dialectes arabes qui sont différents les uns des autres.<br />
<br />
Pour faciliter d’apprentissage du lexique arabe aux enfants, nous avons conçu un jeu pédagogique interactif qui permet de mieux mémoriser les mots appris en cours. Il permettra de réviser de nouveaux mots et les retenir dans la mémoire. Dans le cadre de ce jeu, nous mettons en place des stratégies d’apprentissage du vocabulaire telles que: mémorisation visuelle et mémorisation par le mouvement. L’apprenant doit trouver les lettres correspondantes aux images choisies. Il crée donc des associations visuelles entre une image et le mot en arabe.<br />
<br />
Grace à ce jeu interactif qui demande la manipulation avec des objets, nous faisons également un appel à la mémoire kinésique (mémoire motrice) qui se base sur les mouvements pour retenir les nouvelles informations plus facilement (Gardner, 1997).<br />
<br />
== Objectif et méthode de projet==<br />
=== Objectif ===<br />
L'objectif du projet vise à aider les enfants à apprendre quelques mots en arabe et faciliter la mémorisation des mots arabe à partir d'un petit jeu de vocabulaire francais-arabe.<br />
Le projet est basé sur des dessins , des lettres de l'alphabet arabe.<br />
=== Méthode ===<br />
Les enfants sont invités pendant le cours habituel de la langue arabe à faire un exercice similaire à celui du jeu mais avec la manière classique. C'est à dire , les enfants faisaient un exercice de vocabulaire sur le tableau.<br />
Ensuite, nous avons construis notre jeu avec des alphabets arabe (28 lettre ) et des dessins de divers catégories (6 dessins en tout). Puis, nous avons schématisé notre jeu pour éclaircir l'idée et le déroulement du jeu.<br />
Après traiter les dessins sur stitch Era, nous avons passé à la simulation des images en Broderie pour voir ce que les dessins nous donnent. <br />
<br />
Par rapport au couleurs, nous avons du changer quelques couleurs des dessins car nous avons fixé 6 couleurs au maximum pour chaque dessin.<br />
<br />
== Description du projet==<br />
Le projet est un exercice qui se représente sous forme d'un petit jeu de vocabulaire français-arabe. <br />
Dans le jeu, il y'a pas des niveaux mais il existe un timing. <br />
<br />
=== Matériels ===<br />
Nous avons décidé de travailler sur trois catégories de dessins "Animaux", "Légumes" et "Fruits".<br />
Nous avons partagé le nombre de dessin dans chaque niveau comme suit : <br />
* 2 dessins pour chaque catégorie, chaque dessin brodé avec son nom en français. '''Dimension : 5*5 cm'''<br />
* 28 lettres de l'alphabet arabe . (fait sur 10 dessins au maximum) . '''Dimension : 4*4 cm''' <br />
* 3 badges pour les gagnants : fait sur le bois (Machine Laser) . '''Dimension : diamètre 3 cm'''<br />
<br />
Total de dessin: 34<br />
<br />
=== Public cible ===<br />
<br />
Trois groupes, chaque groupe se composent d'un enfant d'age entre 10 et 12 ans qui sont inscrits dans le cours d'arabe à l'association Europe Charmilles.<br />
<br />
=== Scénario d'utilisation ===<br />
Nous pensons à appliquer un "Timing" et " Faire bouger les enfants" pour donner un peu de motivation et de "challenge" au jeu .<br />
Avant de commencer son tour dans le jeu, chaque enfant doit choisir l'une de trois catégories (Animaux, Légumes,Fruits).<br />
Puis, le joueur a à disposition les 28 lettres en arabe avec lesquelles il doit composer le nom en arabe, l'équivalent du dessin et son nom en français. <br />
Les deux autres enfants sont placés devant lui. L'enfant qui joue colle sur chacun d'eux l'un des dessins choisis.<br />
Après le déclenchement de timing, le joueur-enfant va coller les lettres de l'alphabet arabe sur un des enfants devant lui pour construire le nom en arabe correspondant au dessin collé.<br />
Le timing et la bonne composition du mot dans le jeu sont les deux facteurs selon lesquels on classe les binômes. En effet, pour gagner dans le jeu, il faut que l'enfant construise les deux mots en arabe plus vite que les autres enfants et fasse moins d'erreur.<br />
<br />
Au final, nous donnons des badges pour les trois enfants selon le classement, le premier, le deuxième et le troisième.<br />
<br />
== Réalisation ==<br />
Tout d'abord, nous avons commencé la recherche du thème, après discussion, nous avons décidé de choisir trois thèmes : ''' animaux.''' , ''' fruits''' , ''' légumes.''' <br />
Ensuite, nous avons cherché les dessins et les lettres de l'alphabet arabe. <br />
<br />
'''Exemple :'''<br />
Ci-dessous un dessin d'un dauphin avec son nom écrit en français. Dans la réalisation, le nom de l'image et l'image seront dans le meme dessin.<br />
{| class="wikitable" <br />
|+ Dauphin imprimé en 3D et son nom en arabe<br />
|[[Fichier:Dauphin.jpg|thumb|200px|none|Dessin d'un dauphin]] || [[Fichier:dauph.jpeg|thumb|200px|none|Le nom de dauphin en arabe]] || [[Fichier:dauphinn.jpg|thumb|200px|none|Ledessin de dauphin brodé avec son nom en francais ]]<br />
|}<br />
{| class="wikitable" <br />
|+ Lettres qui composent l'équivalent en arabe du nom de dauphin écrit en français.<br />
|[[Fichier:Noun.jpg|thumb|200px|none]] || [[Fichier:Ya2.png|thumb|200px|none]] || [[Fichier:Fa.jpg|thumb|200px|none]] || [[Fichier:Lam.jpg|thumb|200px|none]] || [[Fichier:Dal.jpg|thumb|200px|none]]<br />
|}<br />
<br />
== Résultat ==<br />
=== Simulation Stitch Era===<br />
'''Lettres de l'alphabet arabe '''<br />
{| class="wikitable" <br />
|[[fichier:3ain-ghain-ha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Dhad-9af-fa-lam.png|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:mim-dha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|-<br />
|[[fichier:noun-sad.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Alif.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Zay.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|}<br />
'''Catégorie animaux ''' <br />
{| class="wikitable" <br />
|[[fichier:Une vachee.jpg|none|thumb|200px|une vache-catégorie animaux]]<br />
|[[fichier:Un dauphin.jpg|none|thumb|200px|un dauphin- Catégorie animaux]]<br />
|}<br />
<br />
'''Catégorie légumes '''<br />
{| class="wikitable" <br />
|[[fichier:Un citron.jpg|none|thumb|200px|Un lemon- catégorie légumes]]<br />
|[[fichier:Un champignon.jpg|none|thumb|200px|Un champignon-catégorie légumes]]<br />
|}<br />
<br />
'''Catégorie fruits '''<br />
{| class="wikitable" <br />
|[[fichier:Un raisin.jpg|none|thumb|200px|un raisin-catégorie fruits]]<br />
|[[fichier:Une pomme.jpg|none|thumb|200px|une pomme- Catégorie fruits]]<br />
|}<br />
'''Les badges des participants '''<br />
{| class="wikitable" <br />
|[[fichier:F1.png|none|thumb|200px|Badge pour le gagnant]]<br />
|[[fichier:F2.png|none|thumb|200px|Badge pour le deuxième]]<br />
|[[fichier:F3.png|none|thumb|200px|Badge pour le troisième]]<br />
|}<br />
<br />
=== Broderie ===<br />
{| class="wikitable" <br />
|[[fichier:Broderiee.jpg|none|thumb|300px|Les dessins lors de brodage]]<br />
|[[fichier: projet.jpg|none|thumb|300px|les dessins de Projet brodés : Les lettres de la langue arabe avec les dessins (animaux, fruits et légumes)]]<br />
|}<br />
<br />
La réalisation de Broderie des badges était partagé entre nous deux (réalisatrices de ce projet). Les images ont été importées au format .png au début mais cela a produit quelques problèmes sur Stitch Era lors de traitement de l'image, donc nous avons recommencé avec des images en format .SVG.<br />
Nous avons fixé les mesures des dessins de projet et la forme. <br />
Pour les 6 dessins de trois catégories, nous avons choisit la forme carrée avec les dimensions '''5*5 cm''' avec une bordure d'épaisseur '''1,3 cm'''. Et nous avons choisit pour les 28 lettres d'alphabet , la forme de cercle de diamètre '''4 cm''' avec une bordure d'épaisseur '''0,8 cm.'''<br />
Les couleurs utilisées sont choisit au hasard car le but est d 'avoir des dessins de différents couleurs puisque le jeu est destiné aux enfants.<br />
<br />
Lors de traitement de dessins, nous avons appliqué quelques modifications sur l'image originale afin d'assurer que l'image sera bien brodée et le résultat sera bonne. Pour se faire, nous avons réduis les couleurs de chaque dessins (Vache, citron, dauphin, pomme, raisin, champignon) en 6 couleurs, au début mais cela a donné un résultat "moche" car beaucoup de détails des dessins sont effacés. Donc, nous avons augmenté le nombre de couleurs à 8 ou 9 couleurs. Nous avons rajouté pour chaque dessin des catégories après la vectorisation, le nom de dessin en français de taille 6 cm et de forme Arial en utilisant "la lettrage". Tout les noms ajoutés au dessins sont en rouge.<br />
Après la vectorisation, nous avons du peaufiner les dessins. par exemple dans le dessin "vache" , nous avons du faire le remplissage de quelques tache de la vache en noir avec l'outils "broderie remplissage" et ainsi nettoyer ou supprimer des sous couches et des objets qui ne sont pas nécessaire dans le dessin.<br />
<br />
Par rapport au lettre, nous avons moins de travail que les dessins , nous avons associé chaque 3 ou 4 lettres ensemble sur Stitch Era, puis nous avons rajouté le cadre en forme de cercle sur chaque lettre.<br />
Nous avons choisit pour chaque dessin de lettre 2 couleurs, une couleur pour la lettre et une autre couleur différente pour le cadrage. <br />
<br />
Lors de la séance de broderie, nous avons vérifié chaque dessin pour éviter d'avoir des plusieurs sous couches.<br />
<br />
En moyen, la broderie de chaque lettre a duré 1min5s. La broderie de chaque dessin a duré de 15min à 20min au maximum.<br />
<br />
=== La solution final ===<br />
{| class="wikitable" <br />
|[[fichier:légumes.jpg|none|thumb|200px|Dessins catégorie légumes brodés]]<br />
|[[fichier:fruits.jpg|none|thumb|200px|Dessins catégorie fruits brodés]]<br />
|[[fichier:animaux.jpg|none|thumb|200px|Dessins catégorie animaux brodés]]<br />
|[[fichier: lettres arabe.jpg|none|thumb|300px| Les lettres de de l'alphabet arabe brodées]]<br />
<br />
|}<br />
<br />
=== Test utilisateurs ===<br />
==== Méthode ====<br />
Le test d'utilisateurs a été effectué dans le bureau de l'association Europe Charmilles, le mercredi 24 janvier à 13h00, Hors la séance de cours d'arabe. Les participants sont deux garçons et une filles , leur niveau d'arabe est avancé. leur ages varient entre 10 ans et 12 ans. Les trois participants sont nées en suisse et de langue maternelle arabe et qui habitent au quartier de charmilles. Donc les enfants se connaissent déjà.<br />
Pendant le test , les deux réalisatrices de ce projet ont été présentes. Une observe les enfants pendant le jeu et l'autre controle le temps et prendre note.<br />
<br />
==== Déroulement ====<br />
Avant de commencer le jeu, nous avons déposé tout les badges sur la table et rassuré que sur chaque dessin les scotchs sont bien mis. Ensuite, nous avons expliqué aux enfants le but de ce jeu. Puis, nous avons présenté les consignes du jeu eux enfants et leurs explique les règlements du jeu.<br />
Nous avons donnée le choix aux enfants de voir entre eux qui commence à jouer. Le joueur I*** a passé la première pour joueur., elle a commencé le jeu le moment ou nous déclenchons le chronomètre de temps ensuite le joueur I****** et enfin le joueur A****. Pendant le tour de chaque joueur, une entre nous controle le temps de jeu et l'autre note les mots construisent par chaque joueur. <br />
le résultat des joueurs est annoncé à la fin du jeu. <br />
<br />
'''Joueur Numéro 1'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur 1.d1.jpg|none|thumb|200px|Tentative de joueur 1 pour trouver et construire le mot pomme avec les lettres arabe ]]<br />
|[[fichier:Joueur 1.d2.jpg|none|thumb|200px|Tentative de joueur 1 pour trouver et construire le mot raisin avec les lettres arabe ]]<br />
|}<br />
<br />
'''Joueur Numéro 2'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur2.d1.jpg|none|thumb|200px|Tentative de joueur 2 pour trouver et construire le mot champignon avec les lettre arabe]]<br />
|[[fichier:Joueur2.d2.jpg|none|thumb|200px|Tentative de joueur 2 pour trouver et construire le mot citronavec les lettre arabe]]<br />
|}<br />
<br />
'''Joueur Numéro 3'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur3.d1.jpg|none|thumb|200px|Tentative de joueur 3 pour trouver et construire le mot vache avec les lettre arabe]]<br />
|[[fichier:Joueur3.d2.jpg|none|thumb|200px|Tentative de joueur 3 pour trouver et construire le mot dauphin avec les lettre arabe]]<br />
|}<br />
<br />
==== Résultat ====<br />
<br />
'''Déroulement de l'activité''' : les consignes et les règlements du jeu ont été clairs pour les trois enfants. Il y'avait pas de problème de compréhension à ce niveau.<br />
Par rapport le premier joueur, le démarrage du jeu a été moins rapide que les autres joueurs. elle a passé '''2min 17 sec''' pour finir les deux mots et a eu deux fautes dans la composition des mots (Pomme et raisin) en utilisant les lettres de l'alphabet arabe. Par rapport au joueur 2, il a passé '''5min 43 sec''' pour finir les deux mots et a eu une seule faute dans la composition des mots (champignon et citron ) en utilisant les lettres de l'alphabet arabe. Par rapport au dernier joueur, il a passé '''2min 19 sec''' pour finir les deux mots et a eu une seule faute dans la composition des mots (dauphin et vache ) en utilisant les lettres de l'alphabet arabe.<br />
<br />
'''Evaluation des utilisateurs''' : En général, les trois enfants ont aimé beaucoup le jeu et ils ont vu que l'idée de coller les lettres sur les t-shirt pour jouer est bonne.<br />
<br />
'''Proposition d'amélioration du jeu''' : les enfants ont aimé avoir jouer avec un jeu de Mime. Le fait de mimer les mots en arabe parait pour eux plus difficile et plus amusant. Cette proposition de la part des enfants nous fait penser que si on aura l'occasion de continuer le jeu , on pourra faire un niveau 1 pour la composition des mots arabe et niveau 2 pour mimer les mots.<br />
<br />
== Broderie pour les jeux d’apprentissage ==<br />
'''Intérêt pour les objets brodés'''<br />
<br />
Lors de la passation du test d’utilisateurs, nous avons constaté que les dessins et les lettres brodées suscitent un intérêt accru chez les enfants. Ils n'ont jamais utilisé auparavant la broderie dans le cadre de leurs cours. En touchant et observant les objets brodés, ils s'intéressaient à la production de ce matériel.<br />
<br />
'''Durabilité'''<br />
<br />
Il faut également remarquer la durabilité des objets brodés. Contrairement au matériel en papier, nous pouvons facilement entretenir et nettoyer ces objets ce qui favorise l’utilisation du jeu à long terme.<br />
<br />
'''Consultation facile et souple'''<br />
<br />
Les objets brodés sont aisément manipulables et ludique. C’est un support idéal pour les activités d’entrainement du vocabulaire. Le but de notre jeu est de construire les mots en arabe avec limite de temps. Pour cela, les enfants doivent coller le plus vite possible les lettres brodées sur les habits de son binôme. L'usage du scotch permet de coller/décoller les lettres en tissu assez facilement et corriger le mot (par exemple changer l'ordre, supprimer/ajouter une lettre). <br />
<br />
==Conclusion ==<br />
Notre jeu ludique semble répondre à notre objectif initiale et c'est d'apprendre des mots en arabe à partir des dessins brodés. Le fait de remplacer un exercice de vocabulaire classique donné en classe pendant le cours par un jeu réactif /compétitif comme ceci favorise la motivation des enfants dans l'apprentissage du vocabulaire arabe. Nous sommes satisfaites du résultat final et espérons que cet expérience pourra inspirer d'autres personnes souhaitant utiliser de la broderie afin de créer les jeux d'apprentissage. <br />
<br />
== Problèmes rencontrés==<br />
Pendant la réalisation du projet nous avons rencontrés quelques problèmes que nous pouvons les citer :<br />
<br />
'''Pendant le traitement des images sur Stitch Era''' : Nous avons du à chaque fois supprimer des sous couches qui apparaissent dans chaque dessin.<br />
<br />
'''Pendant la Broderie''' : Nous avons rencontré le problème que le file s'a coupé.<br />
<br />
'''Pendant le test utilisateurs''' : Les scotchs collés sur chaque dessin n'était pas très pratique lors du jeu parfois se décolle.<br />
<br />
== Remerciement ==<br />
Nous tenons à remercier Mr. Amid Benjamaa le président de [http://www.charmilles1203.ch/ Association Europe charmilles] et la vice-président de l'association Mme Souad Benjamaa pour leur chaleureux accueil et leur collaboration pour assurer une bonne ambiance pour effectuer le test utilisateurs avec les enfants. Nous tenons à remercier aussi les enfants du quartier de charmilles pour leur participation au jeu.<br />
<br />
== Bibliographie ==<br />
Flanagan, K. (2011). Cadre pédagogique pour l’apprentissage des jeunes enfants de l’Î.-P.-É. ''Relations, environnements et expériences''. Repéré à http://www.gov.pe.ca/photos/original/eecd_ipeelf2014.pdf<br />
<br />
Gardner, H. (1997). ''Formes de l'intelligence (Les).'' Odile Jacob.<br />
<br />
Joan Packer Isenberg & Nancy Quisenberry (2002) A Position Paper of the Association for Childhood Education International PLAY: Essential for all Children, Childhood Education, 79:1, 33-39, DOI: 10.1080/00094056.2002.10522763<br />
<br />
== Sources ==<br />
Nous avons utilisé pour notre projet les images sous licence CC0 (Creative Commons Zero). <br />
<br />
https://openclipart.org/<br />
<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=STIC:STIC_IV_(2017)/Apprentissage_de_vocabulaire_arabe_%C3%A0_partir_des_dessins_brod%C3%A9s&diff=77328STIC:STIC IV (2017)/Apprentissage de vocabulaire arabe à partir des dessins brodés2018-01-29T12:53:20Z<p>LiudmylaG : /* Conclusion */</p>
<hr />
<div>'''Auteurs ''' :<br />
Aya .B et Liudmyla. G<br />
<br />
== Introduction ==<br />
La langue arabe reste parmi les langues les plus difficiles à apprendre. Quand il s'agit d'enseigner la langue arabe à des enfants cela nécessite beaucoup d'effort pour trouver la bonne manière pour transmettre l'information et aider à mémoriser ce qu'ils apprennent. <br />
<br />
C'est pour cette raison que notre groupe a pensé au projet qui sera réalisé avec des enfants de quartier de Charmille qui suivent le cours d'arable donné par l'association Europe Charmilles.<br />
Leur âge varie entre 10 et 12 ans. <br />
<br />
Notre projet tente donc de créer un dispositif qui permet d'aider les enfants à apprendre des mots en arabe à partir des images et des lettres brodées. Pour cela, nous avons conçu un jeu pédagogique qui sera utilisé pendant le cours habituel d'arabe comme exercice d'entrainement du vocabulaire. Ce jeu a été réalisé dans le cadre du cour [https://edutechwiki.unige.ch/fr/STIC:STIC_IV_(2017) STIC IV (2017/18) - Embroidery for change.] <br />
<br />
== Apport Théorique ==<br />
<br />
=== Le jeu dans l’apprentissage des enfants ===<br />
L’apprentissage par le jeu est un concept utilisé en science de l’éducation et en psychologie selon lequel l’enfant acquiert des compétences par le moyen de l’activité de jeu. Le jeu est considéré aujourd’hui comme la base du développement des fonctions cognitives (raisonnement, résolution de problèmes, etc.) et de comportements sociale (résolution de conflits, négociation, jeu de rôles, etc.) (Flanagan, 2011).<br />
<br />
Des recherches sur les jeux dans l’apprentissage ont révélé leur valeur intrinsèque dans le développement de l’enfant. Selon [https://www.acei.org/ l’Association internationale pour l'éducation de l'enfance], le jeu est un comportement naturel puissant qui contribue à l'apprentissage et au développement des enfants et qu'aucun programme d'enseignement pour adultes ne peut le remplacer. Telle activité est par essence centrés sur l’apprenant puisque c’est lui qui « mène le jeu ». La motivation est intrinsèque et renforcée par la perspective d’être récompensé dans le jeu.<br />
<br />
Notre jeu inclut deux aspects importants dans le processus d'apprentissage - collaboratif et compétitif. Les apprenants travaillent en petits groupes dans une situation de compétition, ce qui suscite la motivation à accomplir les objectifs fixés par le jeu.<br />
<br />
=== L'apprentissage du vocabulaire arabe ===<br />
L’alphabet arabe se compose de 28 lettres. Les mots s’écrivent et se lisent de droite à gauche contrairement aux écritures latines.<br />
<br />
L'arabe c'est une des langues les plus riches au niveau du vocabulaire. La langue arabe se présente sous deux formes principales: l'arabe dialectal et l'arabe littéraire (ou classique). Autrement dit, il existe plusieurs dialectes arabes qui sont différents les uns des autres.<br />
<br />
Pour faciliter d’apprentissage du lexique arabe aux enfants, nous avons conçu un jeu pédagogique interactif qui permet de mieux mémoriser les mots appris en cours. Il permettra de réviser de nouveaux mots et les retenir dans la mémoire. Dans le cadre de ce jeu, nous mettons en place des stratégies d’apprentissage du vocabulaire telles que: mémorisation visuelle et mémorisation par le mouvement. L’apprenant doit trouver les lettres correspondantes aux images choisies. Il crée donc des associations visuelles entre une image et le mot en arabe.<br />
<br />
Grace à ce jeu interactif qui demande la manipulation avec des objets, nous faisons également un appel à la mémoire kinésique (mémoire motrice) qui se base sur les mouvements pour retenir les nouvelles informations plus facilement (Gardner, 1997).<br />
<br />
== Objectif et méthode de projet==<br />
=== Objectif ===<br />
L'objectif du projet vise à aider les enfants à apprendre quelques mots en arabe et faciliter la mémorisation des mots arabe à partir d'un petit jeu de vocabulaire francais-arabe.<br />
Le projet est basé sur des dessins , des lettres de l'alphabet arabe.<br />
=== Méthode ===<br />
Les enfants sont invités pendant le cours habituel de la langue arabe à faire un exercice similaire à celui du jeu mais avec la manière classique. C'est à dire , les enfants faisaient un exercice de vocabulaire sur le tableau.<br />
Ensuite, nous avons construis notre jeu avec des alphabets arabe (28 lettre ) et des dessins de divers catégories (6 dessins en tout). Puis, nous avons schématisé notre jeu pour éclaircir l'idée et le déroulement du jeu.<br />
Après traiter les dessins sur stitch Era, nous avons passé à la simulation des images en Broderie pour voir ce que les dessins nous donnent. <br />
<br />
Par rapport au couleurs, nous avons du changer quelques couleurs des dessins car nous avons fixé 6 couleurs au maximum pour chaque dessin.<br />
<br />
== Description du projet==<br />
Le projet est un exercice qui se représente sous forme d'un petit jeu de vocabulaire français-arabe. <br />
Dans le jeu, il y'a pas des niveaux mais il existe un timing. <br />
<br />
=== Matériels ===<br />
Nous avons décidé de travailler sur trois catégories de dessins "Animaux", "Légumes" et "Fruits".<br />
Nous avons partagé le nombre de dessin dans chaque niveau comme suit : <br />
* 2 dessins pour chaque catégorie, chaque dessin brodé avec son nom en français. '''Dimension : 5*5 cm'''<br />
* 28 lettres de l'alphabet arabe . (fait sur 10 dessins au maximum) . '''Dimension : 4*4 cm''' <br />
* 3 badges pour les gagnants : fait sur le bois (Machine Laser) . '''Dimension : diamètre 3 cm'''<br />
<br />
Total de dessin: 34<br />
<br />
=== Public cible ===<br />
<br />
Trois groupes, chaque groupe se composent d'un enfant d'age entre 10 et 12 ans qui sont inscrits dans le cours d'arabe à l'association Europe Charmilles.<br />
<br />
=== Scénario d'utilisation ===<br />
Nous pensons à appliquer un "Timing" et " Faire bouger les enfants" pour donner un peu de motivation et de "challenge" au jeu .<br />
Avant de commencer son tour dans le jeu, chaque enfant doit choisir l'une de trois catégories (Animaux, Légumes,Fruits).<br />
Puis, le joueur a à disposition les 28 lettres en arabe avec lesquelles il doit composer le nom en arabe, l'équivalent du dessin et son nom en français. <br />
Les deux autres enfants sont placés devant lui. L'enfant qui joue colle sur chacun d'eux l'un des dessins choisis.<br />
Après le déclenchement de timing, le joueur-enfant va coller les lettres de l'alphabet arabe sur un des enfants devant lui pour construire le nom en arabe correspondant au dessin collé.<br />
Le timing et la bonne composition du mot dans le jeu sont les deux facteurs selon lesquels on classe les binômes. En effet, pour gagner dans le jeu, il faut que l'enfant construise les deux mots en arabe plus vite que les autres enfants et fasse moins d'erreur.<br />
<br />
Au final, nous donnons des badges pour les trois enfants selon le classement, le premier, le deuxième et le troisième.<br />
<br />
== Réalisation ==<br />
Tout d'abord, nous avons commencé la recherche du thème, après discussion, nous avons décidé de choisir trois thèmes : ''' animaux.''' , ''' fruits''' , ''' légumes.''' <br />
Ensuite, nous avons cherché les dessins et les lettres de l'alphabet arabe. <br />
<br />
'''Exemple :'''<br />
Ci-dessous un dessin d'un dauphin avec son nom écrit en français. Dans la réalisation, le nom de l'image et l'image seront dans le meme dessin.<br />
{| class="wikitable" <br />
|+ Dauphin imprimé en 3D et son nom en arabe<br />
|[[Fichier:Dauphin.jpg|thumb|200px|none|Dessin d'un dauphin]] || [[Fichier:dauph.jpeg|thumb|200px|none|Le nom de dauphin en arabe]] || [[Fichier:dauphinn.jpg|thumb|200px|none|Ledessin de dauphin brodé avec son nom en francais ]]<br />
|}<br />
{| class="wikitable" <br />
|+ Lettres qui composent l'équivalent en arabe du nom de dauphin écrit en français.<br />
|[[Fichier:Noun.jpg|thumb|200px|none]] || [[Fichier:Ya2.png|thumb|200px|none]] || [[Fichier:Fa.jpg|thumb|200px|none]] || [[Fichier:Lam.jpg|thumb|200px|none]] || [[Fichier:Dal.jpg|thumb|200px|none]]<br />
|}<br />
<br />
== Résultat ==<br />
=== Simulation Stitch Era===<br />
'''Lettres de l'alphabet arabe '''<br />
{| class="wikitable" <br />
|[[fichier:3ain-ghain-ha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Dhad-9af-fa-lam.png|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:mim-dha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|-<br />
|[[fichier:noun-sad.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Alif.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Zay.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|}<br />
'''Catégorie animaux ''' <br />
{| class="wikitable" <br />
|[[fichier:Une vachee.jpg|none|thumb|200px|une vache-catégorie animaux]]<br />
|[[fichier:Un dauphin.jpg|none|thumb|200px|un dauphin- Catégorie animaux]]<br />
|}<br />
<br />
'''Catégorie légumes '''<br />
{| class="wikitable" <br />
|[[fichier:Un citron.jpg|none|thumb|200px|Un lemon- catégorie légumes]]<br />
|[[fichier:Un champignon.jpg|none|thumb|200px|Un champignon-catégorie légumes]]<br />
|}<br />
<br />
'''Catégorie fruits '''<br />
{| class="wikitable" <br />
|[[fichier:Un raisin.jpg|none|thumb|200px|un raisin-catégorie fruits]]<br />
|[[fichier:Une pomme.jpg|none|thumb|200px|une pomme- Catégorie fruits]]<br />
|}<br />
'''Les badges des participants '''<br />
{| class="wikitable" <br />
|[[fichier:F1.png|none|thumb|200px|Badge pour le gagnant]]<br />
|[[fichier:F2.png|none|thumb|200px|Badge pour le deuxième]]<br />
|[[fichier:F3.png|none|thumb|200px|Badge pour le troisième]]<br />
|}<br />
<br />
=== Broderie ===<br />
{| class="wikitable" <br />
|[[fichier:Broderiee.jpg|none|thumb|300px|Les dessins lors de brodage]]<br />
|[[fichier: projet.jpg|none|thumb|300px|les dessins de Projet brodés : Les lettres de la langue arabe avec les dessins (animaux, fruits et légumes)]]<br />
|}<br />
<br />
La réalisation de Broderie des badges était partagé entre nous deux (réalisatrices de ce projet). Les images ont été importées au format .png au début mais cela a produit quelques problèmes sur Stitch Era lors de traitement de l'image, donc nous avons recommencé avec des images en format .SVG.<br />
Nous avons fixé les mesures des dessins de projet et la forme. <br />
Pour les 6 dessins de trois catégories, nous avons choisit la forme carrée avec les dimensions '''5*5 cm''' avec une bordure d'épaisseur '''1,3 cm'''. Et nous avons choisit pour les 28 lettres d'alphabet , la forme de cercle de diamètre '''4 cm''' avec une bordure d'épaisseur '''0,8 cm.'''<br />
Les couleurs utilisées sont choisit au hasard car le but est d 'avoir des dessins de différents couleurs puisque le jeu est destiné aux enfants.<br />
<br />
Lors de traitement de dessins, nous avons appliqué quelques modifications sur l'image originale afin d'assurer que l'image sera bien brodée et le résultat sera bonne. Pour se faire, nous avons réduis les couleurs de chaque dessins (Vache, citron, dauphin, pomme, raisin, champignon) en 6 couleurs, au début mais cela a donné un résultat "moche" car beaucoup de détails des dessins sont effacés. Donc, nous avons augmenté le nombre de couleurs à 8 ou 9 couleurs. Nous avons rajouté pour chaque dessin des catégories après la vectorisation, le nom de dessin en français de taille 6 cm et de forme Arial en utilisant "la lettrage". Tout les noms ajoutés au dessins sont en rouge.<br />
Après la vectorisation, nous avons du peaufiner les dessins. par exemple dans le dessin "vache" , nous avons du faire le remplissage de quelques tache de la vache en noir avec l'outils "broderie remplissage" et ainsi nettoyer ou supprimer des sous couches et des objets qui ne sont pas nécessaire dans le dessin.<br />
<br />
Par rapport au lettre, nous avons moins de travail que les dessins , nous avons associé chaque 3 ou 4 lettres ensemble sur Stitch Era, puis nous avons rajouté le cadre en forme de cercle sur chaque lettre.<br />
Nous avons choisit pour chaque dessin de lettre 2 couleurs, une couleur pour la lettre et une autre couleur différente pour le cadrage. <br />
<br />
Lors de la séance de broderie, nous avons vérifié chaque dessin pour éviter d'avoir des plusieurs sous couches.<br />
<br />
En moyen, la broderie de chaque lettre a duré 1min5s. La broderie de chaque dessin a duré de 15min à 20min au maximum.<br />
<br />
=== La solution final ===<br />
{| class="wikitable" <br />
|[[fichier:légumes.jpg|none|thumb|200px|Dessins catégorie légumes brodés]]<br />
|[[fichier:fruits.jpg|none|thumb|200px|Dessins catégorie fruits brodés]]<br />
|[[fichier:animaux.jpg|none|thumb|200px|Dessins catégorie animaux brodés]]<br />
|[[fichier: lettres arabe.jpg|none|thumb|300px| Les lettres de de l'alphabet arabe brodées]]<br />
<br />
|}<br />
<br />
=== Test utilisateurs ===<br />
==== Méthode ====<br />
Le test d'utilisateurs a été effectué dans le bureau de l'association Europe Charmilles, le mercredi 24 janvier à 13h00, Hors la séance de cours d'arabe. Les participants sont deux garçons et une filles , leur niveau d'arabe est avancé. leur ages varient entre 10 ans et 12 ans. Les trois participants sont nées en suisse et de langue maternelle arabe et qui habitent au quartier de charmilles. Donc les enfants se connaissent déjà.<br />
Pendant le test , les deux réalisatrices de ce projet ont été présentes. Une observe les enfants pendant le jeu et l'autre controle le temps et prendre note.<br />
<br />
==== Déroulement ====<br />
Avant de commencer le jeu, nous avons déposé tout les badges sur la table et rassuré que sur chaque dessin les scotchs sont bien mis. Ensuite, nous avons expliqué aux enfants le but de ce jeu. Puis, nous avons présenté les consignes du jeu eux enfants et leurs explique les règlements du jeu.<br />
Nous avons donnée le choix aux enfants de voir entre eux qui commence à jouer. Le joueur I*** a passé la première pour joueur., elle a commencé le jeu le moment ou nous déclenchons le chronomètre de temps ensuite le joueur I****** et enfin le joueur A****. Pendant le tour de chaque joueur, une entre nous controle le temps de jeu et l'autre note les mots construisent par chaque joueur. <br />
le résultat des joueurs est annoncé à la fin du jeu. <br />
<br />
'''Joueur Numéro 1'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur 1.d1.jpg|none|thumb|200px|Tentative de joueur 1 pour trouver et construire le mot pomme avec les lettres arabe ]]<br />
|[[fichier:Joueur 1.d2.jpg|none|thumb|200px|Tentative de joueur 1 pour trouver et construire le mot raisin avec les lettres arabe ]]<br />
|}<br />
<br />
'''Joueur Numéro 2'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur2.d1.jpg|none|thumb|200px|Tentative de joueur 2 pour trouver et construire le mot champignon avec les lettre arabe]]<br />
|[[fichier:Joueur2.d2.jpg|none|thumb|200px|Tentative de joueur 2 pour trouver et construire le mot citronavec les lettre arabe]]<br />
|}<br />
<br />
'''Joueur Numéro 3'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur3.d1.jpg|none|thumb|200px|Tentative de joueur 3 pour trouver et construire le mot vache avec les lettre arabe]]<br />
|[[fichier:Joueur3.d2.jpg|none|thumb|200px|Tentative de joueur 3 pour trouver et construire le mot dauphin avec les lettre arabe]]<br />
|}<br />
<br />
==== Résultat ====<br />
<br />
'''Déroulement de l'activité''' : les consignes et les règlements du jeu ont été clairs pour les trois enfants. Il y'avait pas de problème de compréhension à ce niveau.<br />
Par rapport le premier joueur, le démarrage du jeu a été moins rapide que les autres joueurs. elle a passé '''2min 17 sec''' pour finir les deux mots et a eu deux fautes dans la composition des mots (Pomme et raisin) en utilisant les lettres de l'alphabet arabe. Par rapport au joueur 2, il a passé '''5min 43 sec''' pour finir les deux mots et a eu une seule faute dans la composition des mots (champignon et citron ) en utilisant les lettres de l'alphabet arabe. Par rapport au dernier joueur, il a passé '''2min 19 sec''' pour finir les deux mots et a eu une seule faute dans la composition des mots (dauphin et vache ) en utilisant les lettres de l'alphabet arabe.<br />
<br />
'''Evaluation des utilisateurs''' : En général, les trois enfants ont aimé beaucoup le jeu et ils ont vu que l'idée de coller les lettres sur les t-shirt pour jouer est bonne.<br />
<br />
'''Proposition d'amélioration du jeu''' : les enfants ont aimé avoir jouer avec un jeu de Mime. Le fait de mimer les mots en arabe parait pour eux plus difficile et plus amusant. Cette proposition de la part des enfants nous fait penser que si on aura l'occasion de continuer le jeu , on pourra faire un niveau 1 pour la composition des mots arabe et niveau 2 pour mimer les mots.<br />
<br />
== Broderie pour les jeux d’apprentissage ==<br />
'''Intérêt pour les objets brodés'''<br />
<br />
Lors de la passation du test d’utilisateurs, nous avons constaté que les dessins et les lettres brodées suscitent un intérêt accru chez les enfants. Ils n'ont jamais utilisé auparavant la broderie dans le cadre de leurs cours. En touchant et observant les objets brodés, ils s'intéressaient à la production de ce matériel.<br />
<br />
'''Durabilité'''<br />
<br />
Il faut également remarquer la durabilité des objets brodés. Contrairement au matériel en papier, nous pouvons facilement entretenir et nettoyer ces objets ce qui favorise l’utilisation du jeu à long terme.<br />
<br />
'''Consultation facile et souple'''<br />
<br />
Les objets brodés sont aisément manipulables et ludique. C’est un support idéal pour les activités d’entrainement du vocabulaire. Le but de notre jeu est de construire les mots en arabe avec limite de temps. Pour cela, les enfants doivent coller le plus vite possible les lettres brodées sur les habits de son binôme. L'usage du scotch permet de coller/décoller les lettres en tissu assez facilement et corriger le mot (par exemple changer l'ordre, supprimer/ajouter une lettre). <br />
<br />
==Conclusion ==<br />
Notre jeu ludique semble répondre à notre objectif initiale et c'est d'apprendre des mots en arabe à partir des dessins brodés. Le fait de remplacer un exercice de vocabulaire classique donné en classe pendant le cours par un jeu réactif /compétitif comme ceci favorise la motivation des enfants dans l'apprentissage du vocabulaire arabe. Nous sommes satisfaites du résultat final et espérons que cet expérience pourra inspirer d'autres personnes souhaitant utiliser de la broderie afin de créer les jeux d'apprentissage. <br />
<br />
== Problèmes rencontrés==<br />
Pendant la réalisation du projet nous avons rencontrés quelques problèmes que nous pouvons les citer :<br />
<br />
'''Pendant le traitement des images sur Stitch Era''' : Nous avons du à chaque fois supprimer des sous couches qui apparaissent dans chaque dessin.<br />
<br />
'''Pendant la Broderie''' : Nous avons rencontré le problème que le file s'a coupé.<br />
<br />
'''Pendant le test utilisateurs''' : Les scotchs collés sur chaque dessin n'était pas très pratique lors du jeu parfois se décolle.<br />
<br />
== Remerciement ==<br />
Nous tenons à remercier Mr. Amid Benjamaa le président de [http://www.charmilles1203.ch/ Association Europe charmilles] et la vice-président de l'association Mme Souad Benjamaa pour leur chaleureux accueil et leur collaboration pour assurer une bonne ambiance pour effectuer le test utilisateurs avec les enfants. Nous tenons à remercier aussi les enfants du quartier de charmilles pour leur participation au jeu.<br />
<br />
== Bibliographie ==<br />
Flanagan, K. (2011). Cadre pédagogique pour l’apprentissage des jeunes enfants de l’Î.-P.-É. ''Relations, environnements et expériences''. Repéré à http://www.gov.pe.ca/photos/original/eecd_ipeelf2014.pdf<br />
<br />
Gardner, H. (1997). ''Formes de l'intelligence (Les).'' Odile Jacob.<br />
<br />
Joan Packer Isenberg & Nancy Quisenberry (2002) A Position Paper of the Association for Childhood Education International PLAY: Essential for all Children, Childhood Education, 79:1, 33-39, DOI: 10.1080/00094056.2002.10522763<br />
<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=STIC:STIC_IV_(2017)/Apprentissage_de_vocabulaire_arabe_%C3%A0_partir_des_dessins_brod%C3%A9s&diff=77327STIC:STIC IV (2017)/Apprentissage de vocabulaire arabe à partir des dessins brodés2018-01-29T12:52:31Z<p>LiudmylaG : /* Conclusion */</p>
<hr />
<div>'''Auteurs ''' :<br />
Aya .B et Liudmyla. G<br />
<br />
== Introduction ==<br />
La langue arabe reste parmi les langues les plus difficiles à apprendre. Quand il s'agit d'enseigner la langue arabe à des enfants cela nécessite beaucoup d'effort pour trouver la bonne manière pour transmettre l'information et aider à mémoriser ce qu'ils apprennent. <br />
<br />
C'est pour cette raison que notre groupe a pensé au projet qui sera réalisé avec des enfants de quartier de Charmille qui suivent le cours d'arable donné par l'association Europe Charmilles.<br />
Leur âge varie entre 10 et 12 ans. <br />
<br />
Notre projet tente donc de créer un dispositif qui permet d'aider les enfants à apprendre des mots en arabe à partir des images et des lettres brodées. Pour cela, nous avons conçu un jeu pédagogique qui sera utilisé pendant le cours habituel d'arabe comme exercice d'entrainement du vocabulaire. Ce jeu a été réalisé dans le cadre du cour [https://edutechwiki.unige.ch/fr/STIC:STIC_IV_(2017) STIC IV (2017/18) - Embroidery for change.] <br />
<br />
== Apport Théorique ==<br />
<br />
=== Le jeu dans l’apprentissage des enfants ===<br />
L’apprentissage par le jeu est un concept utilisé en science de l’éducation et en psychologie selon lequel l’enfant acquiert des compétences par le moyen de l’activité de jeu. Le jeu est considéré aujourd’hui comme la base du développement des fonctions cognitives (raisonnement, résolution de problèmes, etc.) et de comportements sociale (résolution de conflits, négociation, jeu de rôles, etc.) (Flanagan, 2011).<br />
<br />
Des recherches sur les jeux dans l’apprentissage ont révélé leur valeur intrinsèque dans le développement de l’enfant. Selon [https://www.acei.org/ l’Association internationale pour l'éducation de l'enfance], le jeu est un comportement naturel puissant qui contribue à l'apprentissage et au développement des enfants et qu'aucun programme d'enseignement pour adultes ne peut le remplacer. Telle activité est par essence centrés sur l’apprenant puisque c’est lui qui « mène le jeu ». La motivation est intrinsèque et renforcée par la perspective d’être récompensé dans le jeu.<br />
<br />
Notre jeu inclut deux aspects importants dans le processus d'apprentissage - collaboratif et compétitif. Les apprenants travaillent en petits groupes dans une situation de compétition, ce qui suscite la motivation à accomplir les objectifs fixés par le jeu.<br />
<br />
=== L'apprentissage du vocabulaire arabe ===<br />
L’alphabet arabe se compose de 28 lettres. Les mots s’écrivent et se lisent de droite à gauche contrairement aux écritures latines.<br />
<br />
L'arabe c'est une des langues les plus riches au niveau du vocabulaire. La langue arabe se présente sous deux formes principales: l'arabe dialectal et l'arabe littéraire (ou classique). Autrement dit, il existe plusieurs dialectes arabes qui sont différents les uns des autres.<br />
<br />
Pour faciliter d’apprentissage du lexique arabe aux enfants, nous avons conçu un jeu pédagogique interactif qui permet de mieux mémoriser les mots appris en cours. Il permettra de réviser de nouveaux mots et les retenir dans la mémoire. Dans le cadre de ce jeu, nous mettons en place des stratégies d’apprentissage du vocabulaire telles que: mémorisation visuelle et mémorisation par le mouvement. L’apprenant doit trouver les lettres correspondantes aux images choisies. Il crée donc des associations visuelles entre une image et le mot en arabe.<br />
<br />
Grace à ce jeu interactif qui demande la manipulation avec des objets, nous faisons également un appel à la mémoire kinésique (mémoire motrice) qui se base sur les mouvements pour retenir les nouvelles informations plus facilement (Gardner, 1997).<br />
<br />
== Objectif et méthode de projet==<br />
=== Objectif ===<br />
L'objectif du projet vise à aider les enfants à apprendre quelques mots en arabe et faciliter la mémorisation des mots arabe à partir d'un petit jeu de vocabulaire francais-arabe.<br />
Le projet est basé sur des dessins , des lettres de l'alphabet arabe.<br />
=== Méthode ===<br />
Les enfants sont invités pendant le cours habituel de la langue arabe à faire un exercice similaire à celui du jeu mais avec la manière classique. C'est à dire , les enfants faisaient un exercice de vocabulaire sur le tableau.<br />
Ensuite, nous avons construis notre jeu avec des alphabets arabe (28 lettre ) et des dessins de divers catégories (6 dessins en tout). Puis, nous avons schématisé notre jeu pour éclaircir l'idée et le déroulement du jeu.<br />
Après traiter les dessins sur stitch Era, nous avons passé à la simulation des images en Broderie pour voir ce que les dessins nous donnent. <br />
<br />
Par rapport au couleurs, nous avons du changer quelques couleurs des dessins car nous avons fixé 6 couleurs au maximum pour chaque dessin.<br />
<br />
== Description du projet==<br />
Le projet est un exercice qui se représente sous forme d'un petit jeu de vocabulaire français-arabe. <br />
Dans le jeu, il y'a pas des niveaux mais il existe un timing. <br />
<br />
=== Matériels ===<br />
Nous avons décidé de travailler sur trois catégories de dessins "Animaux", "Légumes" et "Fruits".<br />
Nous avons partagé le nombre de dessin dans chaque niveau comme suit : <br />
* 2 dessins pour chaque catégorie, chaque dessin brodé avec son nom en français. '''Dimension : 5*5 cm'''<br />
* 28 lettres de l'alphabet arabe . (fait sur 10 dessins au maximum) . '''Dimension : 4*4 cm''' <br />
* 3 badges pour les gagnants : fait sur le bois (Machine Laser) . '''Dimension : diamètre 3 cm'''<br />
<br />
Total de dessin: 34<br />
<br />
=== Public cible ===<br />
<br />
Trois groupes, chaque groupe se composent d'un enfant d'age entre 10 et 12 ans qui sont inscrits dans le cours d'arabe à l'association Europe Charmilles.<br />
<br />
=== Scénario d'utilisation ===<br />
Nous pensons à appliquer un "Timing" et " Faire bouger les enfants" pour donner un peu de motivation et de "challenge" au jeu .<br />
Avant de commencer son tour dans le jeu, chaque enfant doit choisir l'une de trois catégories (Animaux, Légumes,Fruits).<br />
Puis, le joueur a à disposition les 28 lettres en arabe avec lesquelles il doit composer le nom en arabe, l'équivalent du dessin et son nom en français. <br />
Les deux autres enfants sont placés devant lui. L'enfant qui joue colle sur chacun d'eux l'un des dessins choisis.<br />
Après le déclenchement de timing, le joueur-enfant va coller les lettres de l'alphabet arabe sur un des enfants devant lui pour construire le nom en arabe correspondant au dessin collé.<br />
Le timing et la bonne composition du mot dans le jeu sont les deux facteurs selon lesquels on classe les binômes. En effet, pour gagner dans le jeu, il faut que l'enfant construise les deux mots en arabe plus vite que les autres enfants et fasse moins d'erreur.<br />
<br />
Au final, nous donnons des badges pour les trois enfants selon le classement, le premier, le deuxième et le troisième.<br />
<br />
== Réalisation ==<br />
Tout d'abord, nous avons commencé la recherche du thème, après discussion, nous avons décidé de choisir trois thèmes : ''' animaux.''' , ''' fruits''' , ''' légumes.''' <br />
Ensuite, nous avons cherché les dessins et les lettres de l'alphabet arabe. <br />
<br />
'''Exemple :'''<br />
Ci-dessous un dessin d'un dauphin avec son nom écrit en français. Dans la réalisation, le nom de l'image et l'image seront dans le meme dessin.<br />
{| class="wikitable" <br />
|+ Dauphin imprimé en 3D et son nom en arabe<br />
|[[Fichier:Dauphin.jpg|thumb|200px|none|Dessin d'un dauphin]] || [[Fichier:dauph.jpeg|thumb|200px|none|Le nom de dauphin en arabe]] || [[Fichier:dauphinn.jpg|thumb|200px|none|Ledessin de dauphin brodé avec son nom en francais ]]<br />
|}<br />
{| class="wikitable" <br />
|+ Lettres qui composent l'équivalent en arabe du nom de dauphin écrit en français.<br />
|[[Fichier:Noun.jpg|thumb|200px|none]] || [[Fichier:Ya2.png|thumb|200px|none]] || [[Fichier:Fa.jpg|thumb|200px|none]] || [[Fichier:Lam.jpg|thumb|200px|none]] || [[Fichier:Dal.jpg|thumb|200px|none]]<br />
|}<br />
<br />
== Résultat ==<br />
=== Simulation Stitch Era===<br />
'''Lettres de l'alphabet arabe '''<br />
{| class="wikitable" <br />
|[[fichier:3ain-ghain-ha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Dhad-9af-fa-lam.png|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:mim-dha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|-<br />
|[[fichier:noun-sad.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Alif.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Zay.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|}<br />
'''Catégorie animaux ''' <br />
{| class="wikitable" <br />
|[[fichier:Une vachee.jpg|none|thumb|200px|une vache-catégorie animaux]]<br />
|[[fichier:Un dauphin.jpg|none|thumb|200px|un dauphin- Catégorie animaux]]<br />
|}<br />
<br />
'''Catégorie légumes '''<br />
{| class="wikitable" <br />
|[[fichier:Un citron.jpg|none|thumb|200px|Un lemon- catégorie légumes]]<br />
|[[fichier:Un champignon.jpg|none|thumb|200px|Un champignon-catégorie légumes]]<br />
|}<br />
<br />
'''Catégorie fruits '''<br />
{| class="wikitable" <br />
|[[fichier:Un raisin.jpg|none|thumb|200px|un raisin-catégorie fruits]]<br />
|[[fichier:Une pomme.jpg|none|thumb|200px|une pomme- Catégorie fruits]]<br />
|}<br />
'''Les badges des participants '''<br />
{| class="wikitable" <br />
|[[fichier:F1.png|none|thumb|200px|Badge pour le gagnant]]<br />
|[[fichier:F2.png|none|thumb|200px|Badge pour le deuxième]]<br />
|[[fichier:F3.png|none|thumb|200px|Badge pour le troisième]]<br />
|}<br />
<br />
=== Broderie ===<br />
{| class="wikitable" <br />
|[[fichier:Broderiee.jpg|none|thumb|300px|Les dessins lors de brodage]]<br />
|[[fichier: projet.jpg|none|thumb|300px|les dessins de Projet brodés : Les lettres de la langue arabe avec les dessins (animaux, fruits et légumes)]]<br />
|}<br />
<br />
La réalisation de Broderie des badges était partagé entre nous deux (réalisatrices de ce projet). Les images ont été importées au format .png au début mais cela a produit quelques problèmes sur Stitch Era lors de traitement de l'image, donc nous avons recommencé avec des images en format .SVG.<br />
Nous avons fixé les mesures des dessins de projet et la forme. <br />
Pour les 6 dessins de trois catégories, nous avons choisit la forme carrée avec les dimensions '''5*5 cm''' avec une bordure d'épaisseur '''1,3 cm'''. Et nous avons choisit pour les 28 lettres d'alphabet , la forme de cercle de diamètre '''4 cm''' avec une bordure d'épaisseur '''0,8 cm.'''<br />
Les couleurs utilisées sont choisit au hasard car le but est d 'avoir des dessins de différents couleurs puisque le jeu est destiné aux enfants.<br />
<br />
Lors de traitement de dessins, nous avons appliqué quelques modifications sur l'image originale afin d'assurer que l'image sera bien brodée et le résultat sera bonne. Pour se faire, nous avons réduis les couleurs de chaque dessins (Vache, citron, dauphin, pomme, raisin, champignon) en 6 couleurs, au début mais cela a donné un résultat "moche" car beaucoup de détails des dessins sont effacés. Donc, nous avons augmenté le nombre de couleurs à 8 ou 9 couleurs. Nous avons rajouté pour chaque dessin des catégories après la vectorisation, le nom de dessin en français de taille 6 cm et de forme Arial en utilisant "la lettrage". Tout les noms ajoutés au dessins sont en rouge.<br />
Après la vectorisation, nous avons du peaufiner les dessins. par exemple dans le dessin "vache" , nous avons du faire le remplissage de quelques tache de la vache en noir avec l'outils "broderie remplissage" et ainsi nettoyer ou supprimer des sous couches et des objets qui ne sont pas nécessaire dans le dessin.<br />
<br />
Par rapport au lettre, nous avons moins de travail que les dessins , nous avons associé chaque 3 ou 4 lettres ensemble sur Stitch Era, puis nous avons rajouté le cadre en forme de cercle sur chaque lettre.<br />
Nous avons choisit pour chaque dessin de lettre 2 couleurs, une couleur pour la lettre et une autre couleur différente pour le cadrage. <br />
<br />
Lors de la séance de broderie, nous avons vérifié chaque dessin pour éviter d'avoir des plusieurs sous couches.<br />
<br />
En moyen, la broderie de chaque lettre a duré 1min5s. La broderie de chaque dessin a duré de 15min à 20min au maximum.<br />
<br />
=== La solution final ===<br />
{| class="wikitable" <br />
|[[fichier:légumes.jpg|none|thumb|200px|Dessins catégorie légumes brodés]]<br />
|[[fichier:fruits.jpg|none|thumb|200px|Dessins catégorie fruits brodés]]<br />
|[[fichier:animaux.jpg|none|thumb|200px|Dessins catégorie animaux brodés]]<br />
|[[fichier: lettres arabe.jpg|none|thumb|300px| Les lettres de de l'alphabet arabe brodées]]<br />
<br />
|}<br />
<br />
=== Test utilisateurs ===<br />
==== Méthode ====<br />
Le test d'utilisateurs a été effectué dans le bureau de l'association Europe Charmilles, le mercredi 24 janvier à 13h00, Hors la séance de cours d'arabe. Les participants sont deux garçons et une filles , leur niveau d'arabe est avancé. leur ages varient entre 10 ans et 12 ans. Les trois participants sont nées en suisse et de langue maternelle arabe et qui habitent au quartier de charmilles. Donc les enfants se connaissent déjà.<br />
Pendant le test , les deux réalisatrices de ce projet ont été présentes. Une observe les enfants pendant le jeu et l'autre controle le temps et prendre note.<br />
<br />
==== Déroulement ====<br />
Avant de commencer le jeu, nous avons déposé tout les badges sur la table et rassuré que sur chaque dessin les scotchs sont bien mis. Ensuite, nous avons expliqué aux enfants le but de ce jeu. Puis, nous avons présenté les consignes du jeu eux enfants et leurs explique les règlements du jeu.<br />
Nous avons donnée le choix aux enfants de voir entre eux qui commence à jouer. Le joueur I*** a passé la première pour joueur., elle a commencé le jeu le moment ou nous déclenchons le chronomètre de temps ensuite le joueur I****** et enfin le joueur A****. Pendant le tour de chaque joueur, une entre nous controle le temps de jeu et l'autre note les mots construisent par chaque joueur. <br />
le résultat des joueurs est annoncé à la fin du jeu. <br />
<br />
'''Joueur Numéro 1'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur 1.d1.jpg|none|thumb|200px|Tentative de joueur 1 pour trouver et construire le mot pomme avec les lettres arabe ]]<br />
|[[fichier:Joueur 1.d2.jpg|none|thumb|200px|Tentative de joueur 1 pour trouver et construire le mot raisin avec les lettres arabe ]]<br />
|}<br />
<br />
'''Joueur Numéro 2'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur2.d1.jpg|none|thumb|200px|Tentative de joueur 2 pour trouver et construire le mot champignon avec les lettre arabe]]<br />
|[[fichier:Joueur2.d2.jpg|none|thumb|200px|Tentative de joueur 2 pour trouver et construire le mot citronavec les lettre arabe]]<br />
|}<br />
<br />
'''Joueur Numéro 3'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur3.d1.jpg|none|thumb|200px|Tentative de joueur 3 pour trouver et construire le mot vache avec les lettre arabe]]<br />
|[[fichier:Joueur3.d2.jpg|none|thumb|200px|Tentative de joueur 3 pour trouver et construire le mot dauphin avec les lettre arabe]]<br />
|}<br />
<br />
==== Résultat ====<br />
<br />
'''Déroulement de l'activité''' : les consignes et les règlements du jeu ont été clairs pour les trois enfants. Il y'avait pas de problème de compréhension à ce niveau.<br />
Par rapport le premier joueur, le démarrage du jeu a été moins rapide que les autres joueurs. elle a passé '''2min 17 sec''' pour finir les deux mots et a eu deux fautes dans la composition des mots (Pomme et raisin) en utilisant les lettres de l'alphabet arabe. Par rapport au joueur 2, il a passé '''5min 43 sec''' pour finir les deux mots et a eu une seule faute dans la composition des mots (champignon et citron ) en utilisant les lettres de l'alphabet arabe. Par rapport au dernier joueur, il a passé '''2min 19 sec''' pour finir les deux mots et a eu une seule faute dans la composition des mots (dauphin et vache ) en utilisant les lettres de l'alphabet arabe.<br />
<br />
'''Evaluation des utilisateurs''' : En général, les trois enfants ont aimé beaucoup le jeu et ils ont vu que l'idée de coller les lettres sur les t-shirt pour jouer est bonne.<br />
<br />
'''Proposition d'amélioration du jeu''' : les enfants ont aimé avoir jouer avec un jeu de Mime. Le fait de mimer les mots en arabe parait pour eux plus difficile et plus amusant. Cette proposition de la part des enfants nous fait penser que si on aura l'occasion de continuer le jeu , on pourra faire un niveau 1 pour la composition des mots arabe et niveau 2 pour mimer les mots.<br />
<br />
== Broderie pour les jeux d’apprentissage ==<br />
'''Intérêt pour les objets brodés'''<br />
<br />
Lors de la passation du test d’utilisateurs, nous avons constaté que les dessins et les lettres brodées suscitent un intérêt accru chez les enfants. Ils n'ont jamais utilisé auparavant la broderie dans le cadre de leurs cours. En touchant et observant les objets brodés, ils s'intéressaient à la production de ce matériel.<br />
<br />
'''Durabilité'''<br />
<br />
Il faut également remarquer la durabilité des objets brodés. Contrairement au matériel en papier, nous pouvons facilement entretenir et nettoyer ces objets ce qui favorise l’utilisation du jeu à long terme.<br />
<br />
'''Consultation facile et souple'''<br />
<br />
Les objets brodés sont aisément manipulables et ludique. C’est un support idéal pour les activités d’entrainement du vocabulaire. Le but de notre jeu est de construire les mots en arabe avec limite de temps. Pour cela, les enfants doivent coller le plus vite possible les lettres brodées sur les habits de son binôme. L'usage du scotch permet de coller/décoller les lettres en tissu assez facilement et corriger le mot (par exemple changer l'ordre, supprimer/ajouter une lettre). <br />
<br />
==Conclusion ==<br />
Notre jeu ludique semble répondre à notre objectif initiale et c'est d'apprendre des mots en arabe à partir des dessins brodés. Le fait de remplacer un exercice de vocabulaire classique donné en classe pendant le cours par un jeu réactif /compétitif comme ceci favorise la motivation des enfants dans l'apprentissage du vocabulaire arabe. Nous sommes satisfaites du résultat final et espérons que cet expérience pourra inspirer d'autres personnes pour utiliser de la broderie afin de créer les jeux d'apprentissage. <br />
<br />
== Problèmes rencontrés==<br />
Pendant la réalisation du projet nous avons rencontrés quelques problèmes que nous pouvons les citer :<br />
<br />
'''Pendant le traitement des images sur Stitch Era''' : Nous avons du à chaque fois supprimer des sous couches qui apparaissent dans chaque dessin.<br />
<br />
'''Pendant la Broderie''' : Nous avons rencontré le problème que le file s'a coupé.<br />
<br />
'''Pendant le test utilisateurs''' : Les scotchs collés sur chaque dessin n'était pas très pratique lors du jeu parfois se décolle.<br />
<br />
== Remerciement ==<br />
Nous tenons à remercier Mr. Amid Benjamaa le président de [http://www.charmilles1203.ch/ Association Europe charmilles] et la vice-président de l'association Mme Souad Benjamaa pour leur chaleureux accueil et leur collaboration pour assurer une bonne ambiance pour effectuer le test utilisateurs avec les enfants. Nous tenons à remercier aussi les enfants du quartier de charmilles pour leur participation au jeu.<br />
<br />
== Bibliographie ==<br />
Flanagan, K. (2011). Cadre pédagogique pour l’apprentissage des jeunes enfants de l’Î.-P.-É. ''Relations, environnements et expériences''. Repéré à http://www.gov.pe.ca/photos/original/eecd_ipeelf2014.pdf<br />
<br />
Gardner, H. (1997). ''Formes de l'intelligence (Les).'' Odile Jacob.<br />
<br />
Joan Packer Isenberg & Nancy Quisenberry (2002) A Position Paper of the Association for Childhood Education International PLAY: Essential for all Children, Childhood Education, 79:1, 33-39, DOI: 10.1080/00094056.2002.10522763<br />
<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=STIC:STIC_IV_(2017)/Apprentissage_de_vocabulaire_arabe_%C3%A0_partir_des_dessins_brod%C3%A9s&diff=77326STIC:STIC IV (2017)/Apprentissage de vocabulaire arabe à partir des dessins brodés2018-01-29T12:52:04Z<p>LiudmylaG : /* Conclusion */</p>
<hr />
<div>'''Auteurs ''' :<br />
Aya .B et Liudmyla. G<br />
<br />
== Introduction ==<br />
La langue arabe reste parmi les langues les plus difficiles à apprendre. Quand il s'agit d'enseigner la langue arabe à des enfants cela nécessite beaucoup d'effort pour trouver la bonne manière pour transmettre l'information et aider à mémoriser ce qu'ils apprennent. <br />
<br />
C'est pour cette raison que notre groupe a pensé au projet qui sera réalisé avec des enfants de quartier de Charmille qui suivent le cours d'arable donné par l'association Europe Charmilles.<br />
Leur âge varie entre 10 et 12 ans. <br />
<br />
Notre projet tente donc de créer un dispositif qui permet d'aider les enfants à apprendre des mots en arabe à partir des images et des lettres brodées. Pour cela, nous avons conçu un jeu pédagogique qui sera utilisé pendant le cours habituel d'arabe comme exercice d'entrainement du vocabulaire. Ce jeu a été réalisé dans le cadre du cour [https://edutechwiki.unige.ch/fr/STIC:STIC_IV_(2017) STIC IV (2017/18) - Embroidery for change.] <br />
<br />
== Apport Théorique ==<br />
<br />
=== Le jeu dans l’apprentissage des enfants ===<br />
L’apprentissage par le jeu est un concept utilisé en science de l’éducation et en psychologie selon lequel l’enfant acquiert des compétences par le moyen de l’activité de jeu. Le jeu est considéré aujourd’hui comme la base du développement des fonctions cognitives (raisonnement, résolution de problèmes, etc.) et de comportements sociale (résolution de conflits, négociation, jeu de rôles, etc.) (Flanagan, 2011).<br />
<br />
Des recherches sur les jeux dans l’apprentissage ont révélé leur valeur intrinsèque dans le développement de l’enfant. Selon [https://www.acei.org/ l’Association internationale pour l'éducation de l'enfance], le jeu est un comportement naturel puissant qui contribue à l'apprentissage et au développement des enfants et qu'aucun programme d'enseignement pour adultes ne peut le remplacer. Telle activité est par essence centrés sur l’apprenant puisque c’est lui qui « mène le jeu ». La motivation est intrinsèque et renforcée par la perspective d’être récompensé dans le jeu.<br />
<br />
Notre jeu inclut deux aspects importants dans le processus d'apprentissage - collaboratif et compétitif. Les apprenants travaillent en petits groupes dans une situation de compétition, ce qui suscite la motivation à accomplir les objectifs fixés par le jeu.<br />
<br />
=== L'apprentissage du vocabulaire arabe ===<br />
L’alphabet arabe se compose de 28 lettres. Les mots s’écrivent et se lisent de droite à gauche contrairement aux écritures latines.<br />
<br />
L'arabe c'est une des langues les plus riches au niveau du vocabulaire. La langue arabe se présente sous deux formes principales: l'arabe dialectal et l'arabe littéraire (ou classique). Autrement dit, il existe plusieurs dialectes arabes qui sont différents les uns des autres.<br />
<br />
Pour faciliter d’apprentissage du lexique arabe aux enfants, nous avons conçu un jeu pédagogique interactif qui permet de mieux mémoriser les mots appris en cours. Il permettra de réviser de nouveaux mots et les retenir dans la mémoire. Dans le cadre de ce jeu, nous mettons en place des stratégies d’apprentissage du vocabulaire telles que: mémorisation visuelle et mémorisation par le mouvement. L’apprenant doit trouver les lettres correspondantes aux images choisies. Il crée donc des associations visuelles entre une image et le mot en arabe.<br />
<br />
Grace à ce jeu interactif qui demande la manipulation avec des objets, nous faisons également un appel à la mémoire kinésique (mémoire motrice) qui se base sur les mouvements pour retenir les nouvelles informations plus facilement (Gardner, 1997).<br />
<br />
== Objectif et méthode de projet==<br />
=== Objectif ===<br />
L'objectif du projet vise à aider les enfants à apprendre quelques mots en arabe et faciliter la mémorisation des mots arabe à partir d'un petit jeu de vocabulaire francais-arabe.<br />
Le projet est basé sur des dessins , des lettres de l'alphabet arabe.<br />
=== Méthode ===<br />
Les enfants sont invités pendant le cours habituel de la langue arabe à faire un exercice similaire à celui du jeu mais avec la manière classique. C'est à dire , les enfants faisaient un exercice de vocabulaire sur le tableau.<br />
Ensuite, nous avons construis notre jeu avec des alphabets arabe (28 lettre ) et des dessins de divers catégories (6 dessins en tout). Puis, nous avons schématisé notre jeu pour éclaircir l'idée et le déroulement du jeu.<br />
Après traiter les dessins sur stitch Era, nous avons passé à la simulation des images en Broderie pour voir ce que les dessins nous donnent. <br />
<br />
Par rapport au couleurs, nous avons du changer quelques couleurs des dessins car nous avons fixé 6 couleurs au maximum pour chaque dessin.<br />
<br />
== Description du projet==<br />
Le projet est un exercice qui se représente sous forme d'un petit jeu de vocabulaire français-arabe. <br />
Dans le jeu, il y'a pas des niveaux mais il existe un timing. <br />
<br />
=== Matériels ===<br />
Nous avons décidé de travailler sur trois catégories de dessins "Animaux", "Légumes" et "Fruits".<br />
Nous avons partagé le nombre de dessin dans chaque niveau comme suit : <br />
* 2 dessins pour chaque catégorie, chaque dessin brodé avec son nom en français. '''Dimension : 5*5 cm'''<br />
* 28 lettres de l'alphabet arabe . (fait sur 10 dessins au maximum) . '''Dimension : 4*4 cm''' <br />
* 3 badges pour les gagnants : fait sur le bois (Machine Laser) . '''Dimension : diamètre 3 cm'''<br />
<br />
Total de dessin: 34<br />
<br />
=== Public cible ===<br />
<br />
Trois groupes, chaque groupe se composent d'un enfant d'age entre 10 et 12 ans qui sont inscrits dans le cours d'arabe à l'association Europe Charmilles.<br />
<br />
=== Scénario d'utilisation ===<br />
Nous pensons à appliquer un "Timing" et " Faire bouger les enfants" pour donner un peu de motivation et de "challenge" au jeu .<br />
Avant de commencer son tour dans le jeu, chaque enfant doit choisir l'une de trois catégories (Animaux, Légumes,Fruits).<br />
Puis, le joueur a à disposition les 28 lettres en arabe avec lesquelles il doit composer le nom en arabe, l'équivalent du dessin et son nom en français. <br />
Les deux autres enfants sont placés devant lui. L'enfant qui joue colle sur chacun d'eux l'un des dessins choisis.<br />
Après le déclenchement de timing, le joueur-enfant va coller les lettres de l'alphabet arabe sur un des enfants devant lui pour construire le nom en arabe correspondant au dessin collé.<br />
Le timing et la bonne composition du mot dans le jeu sont les deux facteurs selon lesquels on classe les binômes. En effet, pour gagner dans le jeu, il faut que l'enfant construise les deux mots en arabe plus vite que les autres enfants et fasse moins d'erreur.<br />
<br />
Au final, nous donnons des badges pour les trois enfants selon le classement, le premier, le deuxième et le troisième.<br />
<br />
== Réalisation ==<br />
Tout d'abord, nous avons commencé la recherche du thème, après discussion, nous avons décidé de choisir trois thèmes : ''' animaux.''' , ''' fruits''' , ''' légumes.''' <br />
Ensuite, nous avons cherché les dessins et les lettres de l'alphabet arabe. <br />
<br />
'''Exemple :'''<br />
Ci-dessous un dessin d'un dauphin avec son nom écrit en français. Dans la réalisation, le nom de l'image et l'image seront dans le meme dessin.<br />
{| class="wikitable" <br />
|+ Dauphin imprimé en 3D et son nom en arabe<br />
|[[Fichier:Dauphin.jpg|thumb|200px|none|Dessin d'un dauphin]] || [[Fichier:dauph.jpeg|thumb|200px|none|Le nom de dauphin en arabe]] || [[Fichier:dauphinn.jpg|thumb|200px|none|Ledessin de dauphin brodé avec son nom en francais ]]<br />
|}<br />
{| class="wikitable" <br />
|+ Lettres qui composent l'équivalent en arabe du nom de dauphin écrit en français.<br />
|[[Fichier:Noun.jpg|thumb|200px|none]] || [[Fichier:Ya2.png|thumb|200px|none]] || [[Fichier:Fa.jpg|thumb|200px|none]] || [[Fichier:Lam.jpg|thumb|200px|none]] || [[Fichier:Dal.jpg|thumb|200px|none]]<br />
|}<br />
<br />
== Résultat ==<br />
=== Simulation Stitch Era===<br />
'''Lettres de l'alphabet arabe '''<br />
{| class="wikitable" <br />
|[[fichier:3ain-ghain-ha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Dhad-9af-fa-lam.png|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:mim-dha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|-<br />
|[[fichier:noun-sad.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Alif.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Zay.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|}<br />
'''Catégorie animaux ''' <br />
{| class="wikitable" <br />
|[[fichier:Une vachee.jpg|none|thumb|200px|une vache-catégorie animaux]]<br />
|[[fichier:Un dauphin.jpg|none|thumb|200px|un dauphin- Catégorie animaux]]<br />
|}<br />
<br />
'''Catégorie légumes '''<br />
{| class="wikitable" <br />
|[[fichier:Un citron.jpg|none|thumb|200px|Un lemon- catégorie légumes]]<br />
|[[fichier:Un champignon.jpg|none|thumb|200px|Un champignon-catégorie légumes]]<br />
|}<br />
<br />
'''Catégorie fruits '''<br />
{| class="wikitable" <br />
|[[fichier:Un raisin.jpg|none|thumb|200px|un raisin-catégorie fruits]]<br />
|[[fichier:Une pomme.jpg|none|thumb|200px|une pomme- Catégorie fruits]]<br />
|}<br />
'''Les badges des participants '''<br />
{| class="wikitable" <br />
|[[fichier:F1.png|none|thumb|200px|Badge pour le gagnant]]<br />
|[[fichier:F2.png|none|thumb|200px|Badge pour le deuxième]]<br />
|[[fichier:F3.png|none|thumb|200px|Badge pour le troisième]]<br />
|}<br />
<br />
=== Broderie ===<br />
{| class="wikitable" <br />
|[[fichier:Broderiee.jpg|none|thumb|300px|Les dessins lors de brodage]]<br />
|[[fichier: projet.jpg|none|thumb|300px|les dessins de Projet brodés : Les lettres de la langue arabe avec les dessins (animaux, fruits et légumes)]]<br />
|}<br />
<br />
La réalisation de Broderie des badges était partagé entre nous deux (réalisatrices de ce projet). Les images ont été importées au format .png au début mais cela a produit quelques problèmes sur Stitch Era lors de traitement de l'image, donc nous avons recommencé avec des images en format .SVG.<br />
Nous avons fixé les mesures des dessins de projet et la forme. <br />
Pour les 6 dessins de trois catégories, nous avons choisit la forme carrée avec les dimensions '''5*5 cm''' avec une bordure d'épaisseur '''1,3 cm'''. Et nous avons choisit pour les 28 lettres d'alphabet , la forme de cercle de diamètre '''4 cm''' avec une bordure d'épaisseur '''0,8 cm.'''<br />
Les couleurs utilisées sont choisit au hasard car le but est d 'avoir des dessins de différents couleurs puisque le jeu est destiné aux enfants.<br />
<br />
Lors de traitement de dessins, nous avons appliqué quelques modifications sur l'image originale afin d'assurer que l'image sera bien brodée et le résultat sera bonne. Pour se faire, nous avons réduis les couleurs de chaque dessins (Vache, citron, dauphin, pomme, raisin, champignon) en 6 couleurs, au début mais cela a donné un résultat "moche" car beaucoup de détails des dessins sont effacés. Donc, nous avons augmenté le nombre de couleurs à 8 ou 9 couleurs. Nous avons rajouté pour chaque dessin des catégories après la vectorisation, le nom de dessin en français de taille 6 cm et de forme Arial en utilisant "la lettrage". Tout les noms ajoutés au dessins sont en rouge.<br />
Après la vectorisation, nous avons du peaufiner les dessins. par exemple dans le dessin "vache" , nous avons du faire le remplissage de quelques tache de la vache en noir avec l'outils "broderie remplissage" et ainsi nettoyer ou supprimer des sous couches et des objets qui ne sont pas nécessaire dans le dessin.<br />
<br />
Par rapport au lettre, nous avons moins de travail que les dessins , nous avons associé chaque 3 ou 4 lettres ensemble sur Stitch Era, puis nous avons rajouté le cadre en forme de cercle sur chaque lettre.<br />
Nous avons choisit pour chaque dessin de lettre 2 couleurs, une couleur pour la lettre et une autre couleur différente pour le cadrage. <br />
<br />
Lors de la séance de broderie, nous avons vérifié chaque dessin pour éviter d'avoir des plusieurs sous couches.<br />
<br />
En moyen, la broderie de chaque lettre a duré 1min5s. La broderie de chaque dessin a duré de 15min à 20min au maximum.<br />
<br />
=== La solution final ===<br />
{| class="wikitable" <br />
|[[fichier:légumes.jpg|none|thumb|200px|Dessins catégorie légumes brodés]]<br />
|[[fichier:fruits.jpg|none|thumb|200px|Dessins catégorie fruits brodés]]<br />
|[[fichier:animaux.jpg|none|thumb|200px|Dessins catégorie animaux brodés]]<br />
|[[fichier: lettres arabe.jpg|none|thumb|300px| Les lettres de de l'alphabet arabe brodées]]<br />
<br />
|}<br />
<br />
=== Test utilisateurs ===<br />
==== Méthode ====<br />
Le test d'utilisateurs a été effectué dans le bureau de l'association Europe Charmilles, le mercredi 24 janvier à 13h00, Hors la séance de cours d'arabe. Les participants sont deux garçons et une filles , leur niveau d'arabe est avancé. leur ages varient entre 10 ans et 12 ans. Les trois participants sont nées en suisse et de langue maternelle arabe et qui habitent au quartier de charmilles. Donc les enfants se connaissent déjà.<br />
Pendant le test , les deux réalisatrices de ce projet ont été présentes. Une observe les enfants pendant le jeu et l'autre controle le temps et prendre note.<br />
<br />
==== Déroulement ====<br />
Avant de commencer le jeu, nous avons déposé tout les badges sur la table et rassuré que sur chaque dessin les scotchs sont bien mis. Ensuite, nous avons expliqué aux enfants le but de ce jeu. Puis, nous avons présenté les consignes du jeu eux enfants et leurs explique les règlements du jeu.<br />
Nous avons donnée le choix aux enfants de voir entre eux qui commence à jouer. Le joueur I*** a passé la première pour joueur., elle a commencé le jeu le moment ou nous déclenchons le chronomètre de temps ensuite le joueur I****** et enfin le joueur A****. Pendant le tour de chaque joueur, une entre nous controle le temps de jeu et l'autre note les mots construisent par chaque joueur. <br />
le résultat des joueurs est annoncé à la fin du jeu. <br />
<br />
'''Joueur Numéro 1'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur 1.d1.jpg|none|thumb|200px|Tentative de joueur 1 pour trouver et construire le mot pomme avec les lettres arabe ]]<br />
|[[fichier:Joueur 1.d2.jpg|none|thumb|200px|Tentative de joueur 1 pour trouver et construire le mot raisin avec les lettres arabe ]]<br />
|}<br />
<br />
'''Joueur Numéro 2'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur2.d1.jpg|none|thumb|200px|Tentative de joueur 2 pour trouver et construire le mot champignon avec les lettre arabe]]<br />
|[[fichier:Joueur2.d2.jpg|none|thumb|200px|Tentative de joueur 2 pour trouver et construire le mot citronavec les lettre arabe]]<br />
|}<br />
<br />
'''Joueur Numéro 3'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur3.d1.jpg|none|thumb|200px|Tentative de joueur 3 pour trouver et construire le mot vache avec les lettre arabe]]<br />
|[[fichier:Joueur3.d2.jpg|none|thumb|200px|Tentative de joueur 3 pour trouver et construire le mot dauphin avec les lettre arabe]]<br />
|}<br />
<br />
==== Résultat ====<br />
<br />
'''Déroulement de l'activité''' : les consignes et les règlements du jeu ont été clairs pour les trois enfants. Il y'avait pas de problème de compréhension à ce niveau.<br />
Par rapport le premier joueur, le démarrage du jeu a été moins rapide que les autres joueurs. elle a passé '''2min 17 sec''' pour finir les deux mots et a eu deux fautes dans la composition des mots (Pomme et raisin) en utilisant les lettres de l'alphabet arabe. Par rapport au joueur 2, il a passé '''5min 43 sec''' pour finir les deux mots et a eu une seule faute dans la composition des mots (champignon et citron ) en utilisant les lettres de l'alphabet arabe. Par rapport au dernier joueur, il a passé '''2min 19 sec''' pour finir les deux mots et a eu une seule faute dans la composition des mots (dauphin et vache ) en utilisant les lettres de l'alphabet arabe.<br />
<br />
'''Evaluation des utilisateurs''' : En général, les trois enfants ont aimé beaucoup le jeu et ils ont vu que l'idée de coller les lettres sur les t-shirt pour jouer est bonne.<br />
<br />
'''Proposition d'amélioration du jeu''' : les enfants ont aimé avoir jouer avec un jeu de Mime. Le fait de mimer les mots en arabe parait pour eux plus difficile et plus amusant. Cette proposition de la part des enfants nous fait penser que si on aura l'occasion de continuer le jeu , on pourra faire un niveau 1 pour la composition des mots arabe et niveau 2 pour mimer les mots.<br />
<br />
== Broderie pour les jeux d’apprentissage ==<br />
'''Intérêt pour les objets brodés'''<br />
<br />
Lors de la passation du test d’utilisateurs, nous avons constaté que les dessins et les lettres brodées suscitent un intérêt accru chez les enfants. Ils n'ont jamais utilisé auparavant la broderie dans le cadre de leurs cours. En touchant et observant les objets brodés, ils s'intéressaient à la production de ce matériel.<br />
<br />
'''Durabilité'''<br />
<br />
Il faut également remarquer la durabilité des objets brodés. Contrairement au matériel en papier, nous pouvons facilement entretenir et nettoyer ces objets ce qui favorise l’utilisation du jeu à long terme.<br />
<br />
'''Consultation facile et souple'''<br />
<br />
Les objets brodés sont aisément manipulables et ludique. C’est un support idéal pour les activités d’entrainement du vocabulaire. Le but de notre jeu est de construire les mots en arabe avec limite de temps. Pour cela, les enfants doivent coller le plus vite possible les lettres brodées sur les habits de son binôme. L'usage du scotch permet de coller/décoller les lettres en tissu assez facilement et corriger le mot (par exemple changer l'ordre, supprimer/ajouter une lettre). <br />
<br />
==Conclusion ==<br />
Notre jeu ludique semble répondre à notre objectif initiale et c'est d'apprendre des mots en arabe à partir des dessins brodés . Le fait de remplacer un exercice de vocabulaire classique donné en classe pendant le cours par un jeu réactif /compétitif comme ceci favorise la motivation des enfants dans l'apprentissage du vocabulaire arabe. Nous sommes satisfaites du résultat final et espérons que cet expérience pourra inspirer d'autres personnes pour utiliser de la broderie afin de créer les jeux d'apprentissage. <br />
<br />
== Problèmes rencontrés==<br />
Pendant la réalisation du projet nous avons rencontrés quelques problèmes que nous pouvons les citer :<br />
<br />
'''Pendant le traitement des images sur Stitch Era''' : Nous avons du à chaque fois supprimer des sous couches qui apparaissent dans chaque dessin.<br />
<br />
'''Pendant la Broderie''' : Nous avons rencontré le problème que le file s'a coupé.<br />
<br />
'''Pendant le test utilisateurs''' : Les scotchs collés sur chaque dessin n'était pas très pratique lors du jeu parfois se décolle.<br />
<br />
== Remerciement ==<br />
Nous tenons à remercier Mr. Amid Benjamaa le président de [http://www.charmilles1203.ch/ Association Europe charmilles] et la vice-président de l'association Mme Souad Benjamaa pour leur chaleureux accueil et leur collaboration pour assurer une bonne ambiance pour effectuer le test utilisateurs avec les enfants. Nous tenons à remercier aussi les enfants du quartier de charmilles pour leur participation au jeu.<br />
<br />
== Bibliographie ==<br />
Flanagan, K. (2011). Cadre pédagogique pour l’apprentissage des jeunes enfants de l’Î.-P.-É. ''Relations, environnements et expériences''. Repéré à http://www.gov.pe.ca/photos/original/eecd_ipeelf2014.pdf<br />
<br />
Gardner, H. (1997). ''Formes de l'intelligence (Les).'' Odile Jacob.<br />
<br />
Joan Packer Isenberg & Nancy Quisenberry (2002) A Position Paper of the Association for Childhood Education International PLAY: Essential for all Children, Childhood Education, 79:1, 33-39, DOI: 10.1080/00094056.2002.10522763<br />
<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=STIC:STIC_IV_(2017)/Apprentissage_de_vocabulaire_arabe_%C3%A0_partir_des_dessins_brod%C3%A9s&diff=77325STIC:STIC IV (2017)/Apprentissage de vocabulaire arabe à partir des dessins brodés2018-01-29T12:40:26Z<p>LiudmylaG : /* Description du projet */</p>
<hr />
<div>'''Auteurs ''' :<br />
Aya .B et Liudmyla. G<br />
<br />
== Introduction ==<br />
La langue arabe reste parmi les langues les plus difficiles à apprendre. Quand il s'agit d'enseigner la langue arabe à des enfants cela nécessite beaucoup d'effort pour trouver la bonne manière pour transmettre l'information et aider à mémoriser ce qu'ils apprennent. <br />
<br />
C'est pour cette raison que notre groupe a pensé au projet qui sera réalisé avec des enfants de quartier de Charmille qui suivent le cours d'arable donné par l'association Europe Charmilles.<br />
Leur âge varie entre 10 et 12 ans. <br />
<br />
Notre projet tente donc de créer un dispositif qui permet d'aider les enfants à apprendre des mots en arabe à partir des images et des lettres brodées. Pour cela, nous avons conçu un jeu pédagogique qui sera utilisé pendant le cours habituel d'arabe comme exercice d'entrainement du vocabulaire. Ce jeu a été réalisé dans le cadre du cour [https://edutechwiki.unige.ch/fr/STIC:STIC_IV_(2017) STIC IV (2017/18) - Embroidery for change.] <br />
<br />
== Apport Théorique ==<br />
<br />
=== Le jeu dans l’apprentissage des enfants ===<br />
L’apprentissage par le jeu est un concept utilisé en science de l’éducation et en psychologie selon lequel l’enfant acquiert des compétences par le moyen de l’activité de jeu. Le jeu est considéré aujourd’hui comme la base du développement des fonctions cognitives (raisonnement, résolution de problèmes, etc.) et de comportements sociale (résolution de conflits, négociation, jeu de rôles, etc.) (Flanagan, 2011).<br />
<br />
Des recherches sur les jeux dans l’apprentissage ont révélé leur valeur intrinsèque dans le développement de l’enfant. Selon [https://www.acei.org/ l’Association internationale pour l'éducation de l'enfance], le jeu est un comportement naturel puissant qui contribue à l'apprentissage et au développement des enfants et qu'aucun programme d'enseignement pour adultes ne peut le remplacer. Telle activité est par essence centrés sur l’apprenant puisque c’est lui qui « mène le jeu ». La motivation est intrinsèque et renforcée par la perspective d’être récompensé dans le jeu.<br />
<br />
Notre jeu inclut deux aspects importants dans le processus d'apprentissage - collaboratif et compétitif. Les apprenants travaillent en petits groupes dans une situation de compétition, ce qui suscite la motivation à accomplir les objectifs fixés par le jeu.<br />
<br />
=== L'apprentissage du vocabulaire arabe ===<br />
L’alphabet arabe se compose de 28 lettres. Les mots s’écrivent et se lisent de droite à gauche contrairement aux écritures latines.<br />
<br />
L'arabe c'est une des langues les plus riches au niveau du vocabulaire. La langue arabe se présente sous deux formes principales: l'arabe dialectal et l'arabe littéraire (ou classique). Autrement dit, il existe plusieurs dialectes arabes qui sont différents les uns des autres.<br />
<br />
Pour faciliter d’apprentissage du lexique arabe aux enfants, nous avons conçu un jeu pédagogique interactif qui permet de mieux mémoriser les mots appris en cours. Il permettra de réviser de nouveaux mots et les retenir dans la mémoire. Dans le cadre de ce jeu, nous mettons en place des stratégies d’apprentissage du vocabulaire telles que: mémorisation visuelle et mémorisation par le mouvement. L’apprenant doit trouver les lettres correspondantes aux images choisies. Il crée donc des associations visuelles entre une image et le mot en arabe.<br />
<br />
Grace à ce jeu interactif qui demande la manipulation avec des objets, nous faisons également un appel à la mémoire kinésique (mémoire motrice) qui se base sur les mouvements pour retenir les nouvelles informations plus facilement (Gardner, 1997).<br />
<br />
== Objectif et méthode de projet==<br />
=== Objectif ===<br />
L'objectif du projet vise à aider les enfants à apprendre quelques mots en arabe et faciliter la mémorisation des mots arabe à partir d'un petit jeu de vocabulaire francais-arabe.<br />
Le projet est basé sur des dessins , des lettres de l'alphabet arabe.<br />
=== Méthode ===<br />
Les enfants sont invités pendant le cours habituel de la langue arabe à faire un exercice similaire à celui du jeu mais avec la manière classique. C'est à dire , les enfants faisaient un exercice de vocabulaire sur le tableau.<br />
Ensuite, nous avons construis notre jeu avec des alphabets arabe (28 lettre ) et des dessins de divers catégories (6 dessins en tout). Puis, nous avons schématisé notre jeu pour éclaircir l'idée et le déroulement du jeu.<br />
Après traiter les dessins sur stitch Era, nous avons passé à la simulation des images en Broderie pour voir ce que les dessins nous donnent. <br />
<br />
Par rapport au couleurs, nous avons du changer quelques couleurs des dessins car nous avons fixé 6 couleurs au maximum pour chaque dessin.<br />
<br />
== Description du projet==<br />
Le projet est un exercice qui se représente sous forme d'un petit jeu de vocabulaire français-arabe. <br />
Dans le jeu, il y'a pas des niveaux mais il existe un timing. <br />
<br />
=== Matériels ===<br />
Nous avons décidé de travailler sur trois catégories de dessins "Animaux", "Légumes" et "Fruits".<br />
Nous avons partagé le nombre de dessin dans chaque niveau comme suit : <br />
* 2 dessins pour chaque catégorie, chaque dessin brodé avec son nom en français. '''Dimension : 5*5 cm'''<br />
* 28 lettres de l'alphabet arabe . (fait sur 10 dessins au maximum) . '''Dimension : 4*4 cm''' <br />
* 3 badges pour les gagnants : fait sur le bois (Machine Laser) . '''Dimension : diamètre 3 cm'''<br />
<br />
Total de dessin: 34<br />
<br />
=== Public cible ===<br />
<br />
Trois groupes, chaque groupe se composent d'un enfant d'age entre 10 et 12 ans qui sont inscrits dans le cours d'arabe à l'association Europe Charmilles.<br />
<br />
=== Scénario d'utilisation ===<br />
Nous pensons à appliquer un "Timing" et " Faire bouger les enfants" pour donner un peu de motivation et de "challenge" au jeu .<br />
Avant de commencer son tour dans le jeu, chaque enfant doit choisir l'une de trois catégories (Animaux, Légumes,Fruits).<br />
Puis, le joueur a à disposition les 28 lettres en arabe avec lesquelles il doit composer le nom en arabe, l'équivalent du dessin et son nom en français. <br />
Les deux autres enfants sont placés devant lui. L'enfant qui joue colle sur chacun d'eux l'un des dessins choisis.<br />
Après le déclenchement de timing, le joueur-enfant va coller les lettres de l'alphabet arabe sur un des enfants devant lui pour construire le nom en arabe correspondant au dessin collé.<br />
Le timing et la bonne composition du mot dans le jeu sont les deux facteurs selon lesquels on classe les binômes. En effet, pour gagner dans le jeu, il faut que l'enfant construise les deux mots en arabe plus vite que les autres enfants et fasse moins d'erreur.<br />
<br />
Au final, nous donnons des badges pour les trois enfants selon le classement, le premier, le deuxième et le troisième.<br />
<br />
== Réalisation ==<br />
Tout d'abord, nous avons commencé la recherche du thème, après discussion, nous avons décidé de choisir trois thèmes : ''' animaux.''' , ''' fruits''' , ''' légumes.''' <br />
Ensuite, nous avons cherché les dessins et les lettres de l'alphabet arabe. <br />
<br />
'''Exemple :'''<br />
Ci-dessous un dessin d'un dauphin avec son nom écrit en français. Dans la réalisation, le nom de l'image et l'image seront dans le meme dessin.<br />
{| class="wikitable" <br />
|+ Dauphin imprimé en 3D et son nom en arabe<br />
|[[Fichier:Dauphin.jpg|thumb|200px|none|Dessin d'un dauphin]] || [[Fichier:dauph.jpeg|thumb|200px|none|Le nom de dauphin en arabe]] || [[Fichier:dauphinn.jpg|thumb|200px|none|Ledessin de dauphin brodé avec son nom en francais ]]<br />
|}<br />
{| class="wikitable" <br />
|+ Lettres qui composent l'équivalent en arabe du nom de dauphin écrit en français.<br />
|[[Fichier:Noun.jpg|thumb|200px|none]] || [[Fichier:Ya2.png|thumb|200px|none]] || [[Fichier:Fa.jpg|thumb|200px|none]] || [[Fichier:Lam.jpg|thumb|200px|none]] || [[Fichier:Dal.jpg|thumb|200px|none]]<br />
|}<br />
<br />
== Résultat ==<br />
=== Simulation Stitch Era===<br />
'''Lettres de l'alphabet arabe '''<br />
{| class="wikitable" <br />
|[[fichier:3ain-ghain-ha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Dhad-9af-fa-lam.png|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:mim-dha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|-<br />
|[[fichier:noun-sad.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Alif.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Zay.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|}<br />
'''Catégorie animaux ''' <br />
{| class="wikitable" <br />
|[[fichier:Une vachee.jpg|none|thumb|200px|une vache-catégorie animaux]]<br />
|[[fichier:Un dauphin.jpg|none|thumb|200px|un dauphin- Catégorie animaux]]<br />
|}<br />
<br />
'''Catégorie légumes '''<br />
{| class="wikitable" <br />
|[[fichier:Un citron.jpg|none|thumb|200px|Un lemon- catégorie légumes]]<br />
|[[fichier:Un champignon.jpg|none|thumb|200px|Un champignon-catégorie légumes]]<br />
|}<br />
<br />
'''Catégorie fruits '''<br />
{| class="wikitable" <br />
|[[fichier:Un raisin.jpg|none|thumb|200px|un raisin-catégorie fruits]]<br />
|[[fichier:Une pomme.jpg|none|thumb|200px|une pomme- Catégorie fruits]]<br />
|}<br />
'''Les badges des participants '''<br />
{| class="wikitable" <br />
|[[fichier:F1.png|none|thumb|200px|Badge pour le gagnant]]<br />
|[[fichier:F2.png|none|thumb|200px|Badge pour le deuxième]]<br />
|[[fichier:F3.png|none|thumb|200px|Badge pour le troisième]]<br />
|}<br />
<br />
=== Broderie ===<br />
{| class="wikitable" <br />
|[[fichier:Broderiee.jpg|none|thumb|300px|Les dessins lors de brodage]]<br />
|[[fichier: projet.jpg|none|thumb|300px|les dessins de Projet brodés : Les lettres de la langue arabe avec les dessins (animaux, fruits et légumes)]]<br />
|}<br />
<br />
La réalisation de Broderie des badges était partagé entre nous deux (réalisatrices de ce projet). Les images ont été importées au format .png au début mais cela a produit quelques problèmes sur Stitch Era lors de traitement de l'image, donc nous avons recommencé avec des images en format .SVG.<br />
Nous avons fixé les mesures des dessins de projet et la forme. <br />
Pour les 6 dessins de trois catégories, nous avons choisit la forme carrée avec les dimensions '''5*5 cm''' avec une bordure d'épaisseur '''1,3 cm'''. Et nous avons choisit pour les 28 lettres d'alphabet , la forme de cercle de diamètre '''4 cm''' avec une bordure d'épaisseur '''0,8 cm.'''<br />
Les couleurs utilisées sont choisit au hasard car le but est d 'avoir des dessins de différents couleurs puisque le jeu est destiné aux enfants.<br />
<br />
Lors de traitement de dessins, nous avons appliqué quelques modifications sur l'image originale afin d'assurer que l'image sera bien brodée et le résultat sera bonne. Pour se faire, nous avons réduis les couleurs de chaque dessins (Vache, citron, dauphin, pomme, raisin, champignon) en 6 couleurs, au début mais cela a donné un résultat "moche" car beaucoup de détails des dessins sont effacés. Donc, nous avons augmenté le nombre de couleurs à 8 ou 9 couleurs. Nous avons rajouté pour chaque dessin des catégories après la vectorisation, le nom de dessin en français de taille 6 cm et de forme Arial en utilisant "la lettrage". Tout les noms ajoutés au dessins sont en rouge.<br />
Après la vectorisation, nous avons du peaufiner les dessins. par exemple dans le dessin "vache" , nous avons du faire le remplissage de quelques tache de la vache en noir avec l'outils "broderie remplissage" et ainsi nettoyer ou supprimer des sous couches et des objets qui ne sont pas nécessaire dans le dessin.<br />
<br />
Par rapport au lettre, nous avons moins de travail que les dessins , nous avons associé chaque 3 ou 4 lettres ensemble sur Stitch Era, puis nous avons rajouté le cadre en forme de cercle sur chaque lettre.<br />
Nous avons choisit pour chaque dessin de lettre 2 couleurs, une couleur pour la lettre et une autre couleur différente pour le cadrage. <br />
<br />
Lors de la séance de broderie, nous avons vérifié chaque dessin pour éviter d'avoir des plusieurs sous couches.<br />
<br />
En moyen, la broderie de chaque lettre a duré 1min5s. La broderie de chaque dessin a duré de 15min à 20min au maximum.<br />
<br />
=== La solution final ===<br />
{| class="wikitable" <br />
|[[fichier:légumes.jpg|none|thumb|200px|Dessins catégorie légumes brodés]]<br />
|[[fichier:fruits.jpg|none|thumb|200px|Dessins catégorie fruits brodés]]<br />
|[[fichier:animaux.jpg|none|thumb|200px|Dessins catégorie animaux brodés]]<br />
|[[fichier: lettres arabe.jpg|none|thumb|300px| Les lettres de de l'alphabet arabe brodées]]<br />
<br />
|}<br />
<br />
=== Test utilisateurs ===<br />
==== Méthode ====<br />
Le test d'utilisateurs a été effectué dans le bureau de l'association Europe Charmilles, le mercredi 24 janvier à 13h00, Hors la séance de cours d'arabe. Les participants sont deux garçons et une filles , leur niveau d'arabe est avancé. leur ages varient entre 10 ans et 12 ans. Les trois participants sont nées en suisse et de langue maternelle arabe et qui habitent au quartier de charmilles. Donc les enfants se connaissent déjà.<br />
Pendant le test , les deux réalisatrices de ce projet ont été présentes. Une observe les enfants pendant le jeu et l'autre controle le temps et prendre note.<br />
<br />
==== Déroulement ====<br />
Avant de commencer le jeu, nous avons déposé tout les badges sur la table et rassuré que sur chaque dessin les scotchs sont bien mis. Ensuite, nous avons expliqué aux enfants le but de ce jeu. Puis, nous avons présenté les consignes du jeu eux enfants et leurs explique les règlements du jeu.<br />
Nous avons donnée le choix aux enfants de voir entre eux qui commence à jouer. Le joueur I*** a passé la première pour joueur., elle a commencé le jeu le moment ou nous déclenchons le chronomètre de temps ensuite le joueur I****** et enfin le joueur A****. Pendant le tour de chaque joueur, une entre nous controle le temps de jeu et l'autre note les mots construisent par chaque joueur. <br />
le résultat des joueurs est annoncé à la fin du jeu. <br />
<br />
'''Joueur Numéro 1'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur 1.d1.jpg|none|thumb|200px|Tentative de joueur 1 pour trouver et construire le mot pomme avec les lettres arabe ]]<br />
|[[fichier:Joueur 1.d2.jpg|none|thumb|200px|Tentative de joueur 1 pour trouver et construire le mot raisin avec les lettres arabe ]]<br />
|}<br />
<br />
'''Joueur Numéro 2'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur2.d1.jpg|none|thumb|200px|Tentative de joueur 2 pour trouver et construire le mot champignon avec les lettre arabe]]<br />
|[[fichier:Joueur2.d2.jpg|none|thumb|200px|Tentative de joueur 2 pour trouver et construire le mot citronavec les lettre arabe]]<br />
|}<br />
<br />
'''Joueur Numéro 3'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur3.d1.jpg|none|thumb|200px|Tentative de joueur 3 pour trouver et construire le mot vache avec les lettre arabe]]<br />
|[[fichier:Joueur3.d2.jpg|none|thumb|200px|Tentative de joueur 3 pour trouver et construire le mot dauphin avec les lettre arabe]]<br />
|}<br />
<br />
==== Résultat ====<br />
<br />
'''Déroulement de l'activité''' : les consignes et les règlements du jeu ont été clairs pour les trois enfants. Il y'avait pas de problème de compréhension à ce niveau.<br />
Par rapport le premier joueur, le démarrage du jeu a été moins rapide que les autres joueurs. elle a passé '''2min 17 sec''' pour finir les deux mots et a eu deux fautes dans la composition des mots (Pomme et raisin) en utilisant les lettres de l'alphabet arabe. Par rapport au joueur 2, il a passé '''5min 43 sec''' pour finir les deux mots et a eu une seule faute dans la composition des mots (champignon et citron ) en utilisant les lettres de l'alphabet arabe. Par rapport au dernier joueur, il a passé '''2min 19 sec''' pour finir les deux mots et a eu une seule faute dans la composition des mots (dauphin et vache ) en utilisant les lettres de l'alphabet arabe.<br />
<br />
'''Evaluation des utilisateurs''' : En général, les trois enfants ont aimé beaucoup le jeu et ils ont vu que l'idée de coller les lettres sur les t-shirt pour jouer est bonne.<br />
<br />
'''Proposition d'amélioration du jeu''' : les enfants ont aimé avoir jouer avec un jeu de Mime. Le fait de mimer les mots en arabe parait pour eux plus difficile et plus amusant. Cette proposition de la part des enfants nous fait penser que si on aura l'occasion de continuer le jeu , on pourra faire un niveau 1 pour la composition des mots arabe et niveau 2 pour mimer les mots.<br />
<br />
== Broderie pour les jeux d’apprentissage ==<br />
'''Intérêt pour les objets brodés'''<br />
<br />
Lors de la passation du test d’utilisateurs, nous avons constaté que les dessins et les lettres brodées suscitent un intérêt accru chez les enfants. Ils n'ont jamais utilisé auparavant la broderie dans le cadre de leurs cours. En touchant et observant les objets brodés, ils s'intéressaient à la production de ce matériel.<br />
<br />
'''Durabilité'''<br />
<br />
Il faut également remarquer la durabilité des objets brodés. Contrairement au matériel en papier, nous pouvons facilement entretenir et nettoyer ces objets ce qui favorise l’utilisation du jeu à long terme.<br />
<br />
'''Consultation facile et souple'''<br />
<br />
Les objets brodés sont aisément manipulables et ludique. C’est un support idéal pour les activités d’entrainement du vocabulaire. Le but de notre jeu est de construire les mots en arabe avec limite de temps. Pour cela, les enfants doivent coller le plus vite possible les lettres brodées sur les habits de son binôme. L'usage du scotch permet de coller/décoller les lettres en tissu assez facilement et corriger le mot (par exemple changer l'ordre, supprimer/ajouter une lettre). <br />
<br />
==Conclusion ==<br />
Notre jeu ludique semble répondre à notre objectif initiale et c'est d'apprendre des mots en arabe à partir des dessins brodés . en effet, le fait de remplacer un exercice de vocabulaire classique donné en classe pendant le cours par un jeu réactif /compétitif comme ceci.<br />
<br />
== Problèmes rencontrés==<br />
Pendant la réalisation du projet nous avons rencontrés quelques problèmes que nous pouvons les citer :<br />
<br />
'''Pendant le traitement des images sur Stitch Era''' : Nous avons du à chaque fois supprimer des sous couches qui apparaissent dans chaque dessin.<br />
<br />
'''Pendant la Broderie''' : Nous avons rencontré le problème que le file s'a coupé.<br />
<br />
'''Pendant le test utilisateurs''' : Les scotchs collés sur chaque dessin n'était pas très pratique lors du jeu parfois se décolle.<br />
<br />
== Remerciement ==<br />
Nous tenons à remercier Mr. Amid Benjamaa le président de [http://www.charmilles1203.ch/ Association Europe charmilles] et la vice-président de l'association Mme Souad Benjamaa pour leur chaleureux accueil et leur collaboration pour assurer une bonne ambiance pour effectuer le test utilisateurs avec les enfants. Nous tenons à remercier aussi les enfants du quartier de charmilles pour leur participation au jeu.<br />
<br />
== Bibliographie ==<br />
Flanagan, K. (2011). Cadre pédagogique pour l’apprentissage des jeunes enfants de l’Î.-P.-É. ''Relations, environnements et expériences''. Repéré à http://www.gov.pe.ca/photos/original/eecd_ipeelf2014.pdf<br />
<br />
Gardner, H. (1997). ''Formes de l'intelligence (Les).'' Odile Jacob.<br />
<br />
Joan Packer Isenberg & Nancy Quisenberry (2002) A Position Paper of the Association for Childhood Education International PLAY: Essential for all Children, Childhood Education, 79:1, 33-39, DOI: 10.1080/00094056.2002.10522763<br />
<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=STIC:STIC_IV_(2017)/Apprentissage_de_vocabulaire_arabe_%C3%A0_partir_des_dessins_brod%C3%A9s&diff=77324STIC:STIC IV (2017)/Apprentissage de vocabulaire arabe à partir des dessins brodés2018-01-29T12:02:36Z<p>LiudmylaG : /* Introduction */</p>
<hr />
<div>'''Auteurs ''' :<br />
Aya .B et Liudmyla. G<br />
<br />
== Introduction ==<br />
La langue arabe reste parmi les langues les plus difficiles à apprendre. Quand il s'agit d'enseigner la langue arabe à des enfants cela nécessite beaucoup d'effort pour trouver la bonne manière pour transmettre l'information et aider à mémoriser ce qu'ils apprennent. <br />
<br />
C'est pour cette raison que notre groupe a pensé au projet qui sera réalisé avec des enfants de quartier de Charmille qui suivent le cours d'arable donné par l'association Europe Charmilles.<br />
Leur âge varie entre 10 et 12 ans. <br />
<br />
Notre projet tente donc de créer un dispositif qui permet d'aider les enfants à apprendre des mots en arabe à partir des images et des lettres brodées. Pour cela, nous avons conçu un jeu pédagogique qui sera utilisé pendant le cours habituel d'arabe comme exercice d'entrainement du vocabulaire. Ce jeu a été réalisé dans le cadre du cour [https://edutechwiki.unige.ch/fr/STIC:STIC_IV_(2017) STIC IV (2017/18) - Embroidery for change.] <br />
<br />
== Apport Théorique ==<br />
<br />
=== Le jeu dans l’apprentissage des enfants ===<br />
L’apprentissage par le jeu est un concept utilisé en science de l’éducation et en psychologie selon lequel l’enfant acquiert des compétences par le moyen de l’activité de jeu. Le jeu est considéré aujourd’hui comme la base du développement des fonctions cognitives (raisonnement, résolution de problèmes, etc.) et de comportements sociale (résolution de conflits, négociation, jeu de rôles, etc.) (Flanagan, 2011).<br />
<br />
Des recherches sur les jeux dans l’apprentissage ont révélé leur valeur intrinsèque dans le développement de l’enfant. Selon [https://www.acei.org/ l’Association internationale pour l'éducation de l'enfance], le jeu est un comportement naturel puissant qui contribue à l'apprentissage et au développement des enfants et qu'aucun programme d'enseignement pour adultes ne peut le remplacer. Telle activité est par essence centrés sur l’apprenant puisque c’est lui qui « mène le jeu ». La motivation est intrinsèque et renforcée par la perspective d’être récompensé dans le jeu.<br />
<br />
Notre jeu inclut deux aspects importants dans le processus d'apprentissage - collaboratif et compétitif. Les apprenants travaillent en petits groupes dans une situation de compétition, ce qui suscite la motivation à accomplir les objectifs fixés par le jeu.<br />
<br />
=== L'apprentissage du vocabulaire arabe ===<br />
L’alphabet arabe se compose de 28 lettres. Les mots s’écrivent et se lisent de droite à gauche contrairement aux écritures latines.<br />
<br />
L'arabe c'est une des langues les plus riches au niveau du vocabulaire. La langue arabe se présente sous deux formes principales: l'arabe dialectal et l'arabe littéraire (ou classique). Autrement dit, il existe plusieurs dialectes arabes qui sont différents les uns des autres.<br />
<br />
Pour faciliter d’apprentissage du lexique arabe aux enfants, nous avons conçu un jeu pédagogique interactif qui permet de mieux mémoriser les mots appris en cours. Il permettra de réviser de nouveaux mots et les retenir dans la mémoire. Dans le cadre de ce jeu, nous mettons en place des stratégies d’apprentissage du vocabulaire telles que: mémorisation visuelle et mémorisation par le mouvement. L’apprenant doit trouver les lettres correspondantes aux images choisies. Il crée donc des associations visuelles entre une image et le mot en arabe.<br />
<br />
Grace à ce jeu interactif qui demande la manipulation avec des objets, nous faisons également un appel à la mémoire kinésique (mémoire motrice) qui se base sur les mouvements pour retenir les nouvelles informations plus facilement (Gardner, 1997).<br />
<br />
== Objectif et méthode de projet==<br />
=== Objectif ===<br />
L'objectif du projet vise à aider les enfants à apprendre quelques mots en arabe et faciliter la mémorisation des mots arabe à partir d'un petit jeu de vocabulaire francais-arabe.<br />
Le projet est basé sur des dessins , des lettres de l'alphabet arabe.<br />
=== Méthode ===<br />
Les enfants sont invités pendant le cours habituel de la langue arabe à faire un exercice similaire à celui du jeu mais avec la manière classique. C'est à dire , les enfants faisaient un exercice de vocabulaire sur le tableau.<br />
Ensuite, nous avons construis notre jeu avec des alphabets arabe (28 lettre ) et des dessins de divers catégories (6 dessins en tout). Puis, nous avons schématisé notre jeu pour éclaircir l'idée et le déroulement du jeu.<br />
Après traiter les dessins sur stitch Era, nous avons passé à la simulation des images en Broderie pour voir ce que les dessins nous donnent. <br />
<br />
Par rapport au couleurs, nous avons du changer quelques couleurs des dessins car nous avons fixé 6 couleurs au maximum pour chaque dessin.<br />
<br />
== Description du projet==<br />
Le projet est un exercice qui se représente sous forme d'un petit jeu de vocabulaire francais-arabe. <br />
Dans le jeu, il y'a pas des niveaux mais il y 'a le timing. <br />
<br />
=== Matériels ===<br />
Nous avons décidé de travailler sur trois catégories de dessin "Animaux", "Légumes" et "Fruits".<br />
Nous avons partagé le nombre de dessin dans chaque niveau comme suit : <br />
* 2 dessins pour chaque catégorie, chaque dessin brodé avec son nom en français. '''Dimension : 5*5 cm'''<br />
* 28 lettres de l'alphabet arabe . (fait sur 10 dessins au maximum) . '''Dimension : 4*4 cm''' <br />
* 3 badges pour les gagnants : fait sur le bois (Machine Laser) . '''Dimension : diamètre 3 cm'''<br />
<br />
Total de dessin: 34<br />
<br />
=== Public cible ===<br />
<br />
Trois groupes, chaque groupe se composent d'un enfant d'age entre 10 et 12 ans qui sont inscrits dans le cours d'arabe à l'association Europe Charmilles.<br />
<br />
=== Scénario d'utilisation ===<br />
Nous pensons à appliquer un "Timing" et " Faire bouger les enfants" pour donner un peu de motivation et de "challenge" au jeu .<br />
Chaque enfant qui à son tour du jeu, avant de commencer le jeu, il doit tout d'abord choisir une catégorie de trois catégories (Animaux, Légumes,Fruits).<br />
Puis, il a devant lui les 28 lettres en arabe avec les quelles ils composent le nom arabe, l'équivalent du dessin et son nom en français. <br />
Les deux autres enfants sont placés devant lui, sur chaque enfants d'eux, l'enfant qui joue colle un des dessins de la catégorie qui a choisit.<br />
Après le déclenchement de timing, le joueur-enfant va coller les lettres de l'alphabet arabe sur un des enfants devant lui pour construire le nom équivalent en arabe dse dessins qui'il a.<br />
Le timing et la bonne composition du mot dans le jeu est celui qui classe les binomes. En effet, pour etre le gagnant , il fallait que l' enfant finit plus vite que les autres enfants à construire les deux mots en arabe et fait moins d'erreur.<br />
<br />
Au final, nous donnons des badges pour les trois enfants selon le classement , les premiers, deuxième et troisième.<br />
<br />
== Réalisation ==<br />
Tout d'abord, nous avons commencé la recherche du thème, après discussion, nous avons décidé de choisir trois thèmes : ''' animaux.''' , ''' fruits''' , ''' légumes.''' <br />
Ensuite, nous avons cherché les dessins et les lettres de l'alphabet arabe. <br />
<br />
'''Exemple :'''<br />
Ci-dessous un dessin d'un dauphin avec son nom écrit en français. Dans la réalisation, le nom de l'image et l'image seront dans le meme dessin.<br />
{| class="wikitable" <br />
|+ Dauphin imprimé en 3D et son nom en arabe<br />
|[[Fichier:Dauphin.jpg|thumb|200px|none|Dessin d'un dauphin]] || [[Fichier:dauph.jpeg|thumb|200px|none|Le nom de dauphin en arabe]] || [[Fichier:dauphinn.jpg|thumb|200px|none|Ledessin de dauphin brodé avec son nom en francais ]]<br />
|}<br />
{| class="wikitable" <br />
|+ Lettres qui composent l'équivalent en arabe du nom de dauphin écrit en français.<br />
|[[Fichier:Noun.jpg|thumb|200px|none]] || [[Fichier:Ya2.png|thumb|200px|none]] || [[Fichier:Fa.jpg|thumb|200px|none]] || [[Fichier:Lam.jpg|thumb|200px|none]] || [[Fichier:Dal.jpg|thumb|200px|none]]<br />
|}<br />
<br />
== Résultat ==<br />
=== Simulation Stitch Era===<br />
'''Lettres de l'alphabet arabe '''<br />
{| class="wikitable" <br />
|[[fichier:3ain-ghain-ha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Dhad-9af-fa-lam.png|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:mim-dha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|-<br />
|[[fichier:noun-sad.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Alif.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Zay.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|}<br />
'''Catégorie animaux ''' <br />
{| class="wikitable" <br />
|[[fichier:Une vachee.jpg|none|thumb|200px|une vache-catégorie animaux]]<br />
|[[fichier:Un dauphin.jpg|none|thumb|200px|un dauphin- Catégorie animaux]]<br />
|}<br />
<br />
'''Catégorie légumes '''<br />
{| class="wikitable" <br />
|[[fichier:Un citron.jpg|none|thumb|200px|Un lemon- catégorie légumes]]<br />
|[[fichier:Un champignon.jpg|none|thumb|200px|Un champignon-catégorie légumes]]<br />
|}<br />
<br />
'''Catégorie fruits '''<br />
{| class="wikitable" <br />
|[[fichier:Un raisin.jpg|none|thumb|200px|un raisin-catégorie fruits]]<br />
|[[fichier:Une pomme.jpg|none|thumb|200px|une pomme- Catégorie fruits]]<br />
|}<br />
'''Les badges des participants '''<br />
{| class="wikitable" <br />
|[[fichier:F1.png|none|thumb|200px|Badge pour le gagnant]]<br />
|[[fichier:F2.png|none|thumb|200px|Badge pour le deuxième]]<br />
|[[fichier:F3.png|none|thumb|200px|Badge pour le troisième]]<br />
|}<br />
<br />
=== Broderie ===<br />
{| class="wikitable" <br />
|[[fichier:Broderiee.jpg|none|thumb|300px|Les dessins lors de brodage]]<br />
|[[fichier: projet.jpg|none|thumb|300px|les dessins de Projet brodés : Les lettres de la langue arabe avec les dessins (animaux, fruits et légumes)]]<br />
|}<br />
<br />
La réalisation de Broderie des badges était partagé entre nous deux (réalisatrices de ce projet). Les images ont été importées au format .png au début mais cela a produit quelques problèmes sur Stitch Era lors de traitement de l'image, donc nous avons recommencé avec des images en format .SVG.<br />
Nous avons fixé les mesures des dessins de projet et la forme. <br />
Pour les 6 dessins de trois catégories, nous avons choisit la forme carrée avec les dimensions '''5*5 cm''' avec une bordure d'épaisseur '''1,3 cm'''. Et nous avons choisit pour les 28 lettres d'alphabet , la forme de cercle de diamètre '''4 cm''' avec une bordure d'épaisseur '''0,8 cm.'''<br />
Les couleurs utilisées sont choisit au hasard car le but est d 'avoir des dessins de différents couleurs puisque le jeu est destiné aux enfants.<br />
<br />
Lors de traitement de dessins, nous avons appliqué quelques modifications sur l'image originale afin d'assurer que l'image sera bien brodée et le résultat sera bonne. Pour se faire, nous avons réduis les couleurs de chaque dessins (Vache, citron, dauphin, pomme, raisin, champignon) en 6 couleurs, au début mais cela a donné un résultat "moche" car beaucoup de détails des dessins sont effacés. Donc, nous avons augmenté le nombre de couleurs à 8 ou 9 couleurs. Nous avons rajouté pour chaque dessin des catégories après la vectorisation, le nom de dessin en français de taille 6 cm et de forme Arial en utilisant "la lettrage". Tout les noms ajoutés au dessins sont en rouge.<br />
Après la vectorisation, nous avons du peaufiner les dessins. par exemple dans le dessin "vache" , nous avons du faire le remplissage de quelques tache de la vache en noir avec l'outils "broderie remplissage" et ainsi nettoyer ou supprimer des sous couches et des objets qui ne sont pas nécessaire dans le dessin.<br />
<br />
Par rapport au lettre, nous avons moins de travail que les dessins , nous avons associé chaque 3 ou 4 lettres ensemble sur Stitch Era, puis nous avons rajouté le cadre en forme de cercle sur chaque lettre.<br />
Nous avons choisit pour chaque dessin de lettre 2 couleurs, une couleur pour la lettre et une autre couleur différente pour le cadrage. <br />
<br />
Lors de la séance de broderie, nous avons vérifié chaque dessin pour éviter d'avoir des plusieurs sous couches.<br />
<br />
En moyen, la broderie de chaque lettre a duré 1min5s. La broderie de chaque dessin a duré de 15min à 20min au maximum.<br />
<br />
=== La solution final ===<br />
{| class="wikitable" <br />
|[[fichier:légumes.jpg|none|thumb|200px|Dessins catégorie légumes brodés]]<br />
|[[fichier:fruits.jpg|none|thumb|200px|Dessins catégorie fruits brodés]]<br />
|[[fichier:animaux.jpg|none|thumb|200px|Dessins catégorie animaux brodés]]<br />
|[[fichier: lettres arabe.jpg|none|thumb|300px| Les lettres de de l'alphabet arabe brodées]]<br />
<br />
|}<br />
<br />
=== Test utilisateurs ===<br />
==== Méthode ====<br />
Le test d'utilisateurs a été effectué dans le bureau de l'association Europe Charmilles, le mercredi 24 janvier à 13h00, Hors la séance de cours d'arabe. Les participants sont deux garçons et une filles , leur niveau d'arabe est avancé. leur ages varient entre 10 ans et 12 ans. Les trois participants sont nées en suisse et de langue maternelle arabe et qui habitent au quartier de charmilles. Donc les enfants se connaissent déjà.<br />
Pendant le test , les deux réalisatrices de ce projet ont été présentes. Une observe les enfants pendant le jeu et l'autre controle le temps et prendre note.<br />
<br />
==== Déroulement ====<br />
Avant de commencer le jeu, nous avons déposé tout les badges sur la table et rassuré que sur chaque dessin les scotchs sont bien mis. Ensuite, nous avons expliqué aux enfants le but de ce jeu. Puis, nous avons présenté les consignes du jeu eux enfants et leurs explique les règlements du jeu.<br />
Nous avons donnée le choix aux enfants de voir entre eux qui commence à jouer. Le joueur I*** a passé la première pour joueur., elle a commencé le jeu le moment ou nous déclenchons le chronomètre de temps ensuite le joueur I****** et enfin le joueur A****. Pendant le tour de chaque joueur, une entre nous controle le temps de jeu et l'autre note les mots construisent par chaque joueur. <br />
le résultat des joueurs est annoncé à la fin du jeu. <br />
<br />
'''Joueur Numéro 1'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur 1.d1.jpg|none|thumb|200px|Tentative de joueur 1 pour trouver et construire le mot pomme avec les lettres arabe ]]<br />
|[[fichier:Joueur 1.d2.jpg|none|thumb|200px|Tentative de joueur 1 pour trouver et construire le mot raisin avec les lettres arabe ]]<br />
|}<br />
<br />
'''Joueur Numéro 2'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur2.d1.jpg|none|thumb|200px|Tentative de joueur 2 pour trouver et construire le mot champignon avec les lettre arabe]]<br />
|[[fichier:Joueur2.d2.jpg|none|thumb|200px|Tentative de joueur 2 pour trouver et construire le mot citronavec les lettre arabe]]<br />
|}<br />
<br />
'''Joueur Numéro 3'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur3.d1.jpg|none|thumb|200px|Tentative de joueur 3 pour trouver et construire le mot vache avec les lettre arabe]]<br />
|[[fichier:Joueur3.d2.jpg|none|thumb|200px|Tentative de joueur 3 pour trouver et construire le mot dauphin avec les lettre arabe]]<br />
|}<br />
<br />
==== Résultat ====<br />
<br />
'''Déroulement de l'activité''' : les consignes et les règlements du jeu ont été clairs pour les trois enfants. Il y'avait pas de problème de compréhension à ce niveau.<br />
Par rapport le premier joueur, le démarrage du jeu a été moins rapide que les autres joueurs. elle a passé '''2min 17 sec''' pour finir les deux mots et a eu deux fautes dans la composition des mots (Pomme et raisin) en utilisant les lettres de l'alphabet arabe. Par rapport au joueur 2, il a passé '''5min 43 sec''' pour finir les deux mots et a eu une seule faute dans la composition des mots (champignon et citron ) en utilisant les lettres de l'alphabet arabe. Par rapport au dernier joueur, il a passé '''2min 19 sec''' pour finir les deux mots et a eu une seule faute dans la composition des mots (dauphin et vache ) en utilisant les lettres de l'alphabet arabe.<br />
<br />
'''Evaluation des utilisateurs''' : En général, les trois enfants ont aimé beaucoup le jeu et ils ont vu que l'idée de coller les lettres sur les t-shirt pour jouer est bonne.<br />
<br />
'''Proposition d'amélioration du jeu''' : les enfants ont aimé avoir jouer avec un jeu de Mime. Le fait de mimer les mots en arabe parait pour eux plus difficile et plus amusant. Cette proposition de la part des enfants nous fait penser que si on aura l'occasion de continuer le jeu , on pourra faire un niveau 1 pour la composition des mots arabe et niveau 2 pour mimer les mots.<br />
<br />
== Broderie pour les jeux d’apprentissage ==<br />
'''Intérêt pour les objets brodés'''<br />
<br />
Lors de la passation du test d’utilisateurs, nous avons constaté que les dessins et les lettres brodées suscitent un intérêt accru chez les enfants. Ils n'ont jamais utilisé auparavant la broderie dans le cadre de leurs cours. En touchant et observant les objets brodés, ils s'intéressaient à la production de ce matériel.<br />
<br />
'''Durabilité'''<br />
<br />
Il faut également remarquer la durabilité des objets brodés. Contrairement au matériel en papier, nous pouvons facilement entretenir et nettoyer ces objets ce qui favorise l’utilisation du jeu à long terme.<br />
<br />
'''Consultation facile et souple'''<br />
<br />
Les objets brodés sont aisément manipulables et ludique. C’est un support idéal pour les activités d’entrainement du vocabulaire. Le but de notre jeu est de construire les mots en arabe avec limite de temps. Pour cela, les enfants doivent coller le plus vite possible les lettres brodées sur les habits de son binôme. L'usage du scotch permet de coller/décoller les lettres en tissu assez facilement et corriger le mot (par exemple changer l'ordre, supprimer/ajouter une lettre). <br />
<br />
==Conclusion ==<br />
Notre jeu ludique semble répondre à notre objectif initiale et c'est d'apprendre des mots en arabe à partir des dessins brodés . en effet, le fait de remplacer un exercice de vocabulaire classique donné en classe pendant le cours par un jeu réactif /compétitif comme ceci.<br />
<br />
== Problèmes rencontrés==<br />
Pendant la réalisation du projet nous avons rencontrés quelques problèmes que nous pouvons les citer :<br />
<br />
'''Pendant le traitement des images sur Stitch Era''' : Nous avons du à chaque fois supprimer des sous couches qui apparaissent dans chaque dessin.<br />
<br />
'''Pendant la Broderie''' : Nous avons rencontré le problème que le file s'a coupé.<br />
<br />
'''Pendant le test utilisateurs''' : Les scotchs collés sur chaque dessin n'était pas très pratique lors du jeu parfois se décolle.<br />
<br />
== Remerciement ==<br />
Nous tenons à remercier Mr. Amid Benjamaa le président de [http://www.charmilles1203.ch/ Association Europe charmilles] et la vice-président de l'association Mme Souad Benjamaa pour leur chaleureux accueil et leur collaboration pour assurer une bonne ambiance pour effectuer le test utilisateurs avec les enfants. Nous tenons à remercier aussi les enfants du quartier de charmilles pour leur participation au jeu.<br />
<br />
== Bibliographie ==<br />
Flanagan, K. (2011). Cadre pédagogique pour l’apprentissage des jeunes enfants de l’Î.-P.-É. ''Relations, environnements et expériences''. Repéré à http://www.gov.pe.ca/photos/original/eecd_ipeelf2014.pdf<br />
<br />
Gardner, H. (1997). ''Formes de l'intelligence (Les).'' Odile Jacob.<br />
<br />
Joan Packer Isenberg & Nancy Quisenberry (2002) A Position Paper of the Association for Childhood Education International PLAY: Essential for all Children, Childhood Education, 79:1, 33-39, DOI: 10.1080/00094056.2002.10522763<br />
<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=STIC:STIC_IV_(2017)/Apprentissage_de_vocabulaire_arabe_%C3%A0_partir_des_dessins_brod%C3%A9s&diff=77323STIC:STIC IV (2017)/Apprentissage de vocabulaire arabe à partir des dessins brodés2018-01-29T12:01:45Z<p>LiudmylaG : /* Introduction */</p>
<hr />
<div>'''Auteurs ''' :<br />
Aya .B et Liudmyla. G<br />
<br />
== Introduction ==<br />
La langue arabe reste parmi les langues les plus difficiles à apprendre. Quand il s'agit d'enseigner la langue arabe à des enfants cela nécessite beaucoup d'effort pour trouver la bonne manière pour transmettre l'information et aider à mémoriser ce qu'ils apprennent. <br />
<br />
C'est pour cette raison que notre groupe a pensé au projet qui sera réalisé avec des enfants de quartier de Charmille qui suivent le cours d'arable donné par l'association Europe Charmilles.<br />
Leur ages varie entre 10 et 12 ans. <br />
<br />
Notre projet tente donc de créer un dispositif qui permet d'aider les enfants à apprendre des mots en arabe à partir des images et des lettres brodées. Pour cela, nous avons conçu un jeu pédagogique qui sera utilisé pendant le cours habituel d'arabe comme exercice d'entrainement du vocabulaire. Ce jeu a été réalisé dans le cadre du cour [https://edutechwiki.unige.ch/fr/STIC:STIC_IV_(2017) STIC IV (2017/18) - Embroidery for change.] <br />
<br />
== Apport Théorique ==<br />
<br />
=== Le jeu dans l’apprentissage des enfants ===<br />
L’apprentissage par le jeu est un concept utilisé en science de l’éducation et en psychologie selon lequel l’enfant acquiert des compétences par le moyen de l’activité de jeu. Le jeu est considéré aujourd’hui comme la base du développement des fonctions cognitives (raisonnement, résolution de problèmes, etc.) et de comportements sociale (résolution de conflits, négociation, jeu de rôles, etc.) (Flanagan, 2011).<br />
<br />
Des recherches sur les jeux dans l’apprentissage ont révélé leur valeur intrinsèque dans le développement de l’enfant. Selon [https://www.acei.org/ l’Association internationale pour l'éducation de l'enfance], le jeu est un comportement naturel puissant qui contribue à l'apprentissage et au développement des enfants et qu'aucun programme d'enseignement pour adultes ne peut le remplacer. Telle activité est par essence centrés sur l’apprenant puisque c’est lui qui « mène le jeu ». La motivation est intrinsèque et renforcée par la perspective d’être récompensé dans le jeu.<br />
<br />
Notre jeu inclut deux aspects importants dans le processus d'apprentissage - collaboratif et compétitif. Les apprenants travaillent en petits groupes dans une situation de compétition, ce qui suscite la motivation à accomplir les objectifs fixés par le jeu.<br />
<br />
=== L'apprentissage du vocabulaire arabe ===<br />
L’alphabet arabe se compose de 28 lettres. Les mots s’écrivent et se lisent de droite à gauche contrairement aux écritures latines.<br />
<br />
L'arabe c'est une des langues les plus riches au niveau du vocabulaire. La langue arabe se présente sous deux formes principales: l'arabe dialectal et l'arabe littéraire (ou classique). Autrement dit, il existe plusieurs dialectes arabes qui sont différents les uns des autres.<br />
<br />
Pour faciliter d’apprentissage du lexique arabe aux enfants, nous avons conçu un jeu pédagogique interactif qui permet de mieux mémoriser les mots appris en cours. Il permettra de réviser de nouveaux mots et les retenir dans la mémoire. Dans le cadre de ce jeu, nous mettons en place des stratégies d’apprentissage du vocabulaire telles que: mémorisation visuelle et mémorisation par le mouvement. L’apprenant doit trouver les lettres correspondantes aux images choisies. Il crée donc des associations visuelles entre une image et le mot en arabe.<br />
<br />
Grace à ce jeu interactif qui demande la manipulation avec des objets, nous faisons également un appel à la mémoire kinésique (mémoire motrice) qui se base sur les mouvements pour retenir les nouvelles informations plus facilement (Gardner, 1997).<br />
<br />
== Objectif et méthode de projet==<br />
=== Objectif ===<br />
L'objectif du projet vise à aider les enfants à apprendre quelques mots en arabe et faciliter la mémorisation des mots arabe à partir d'un petit jeu de vocabulaire francais-arabe.<br />
Le projet est basé sur des dessins , des lettres de l'alphabet arabe.<br />
=== Méthode ===<br />
Les enfants sont invités pendant le cours habituel de la langue arabe à faire un exercice similaire à celui du jeu mais avec la manière classique. C'est à dire , les enfants faisaient un exercice de vocabulaire sur le tableau.<br />
Ensuite, nous avons construis notre jeu avec des alphabets arabe (28 lettre ) et des dessins de divers catégories (6 dessins en tout). Puis, nous avons schématisé notre jeu pour éclaircir l'idée et le déroulement du jeu.<br />
Après traiter les dessins sur stitch Era, nous avons passé à la simulation des images en Broderie pour voir ce que les dessins nous donnent. <br />
<br />
Par rapport au couleurs, nous avons du changer quelques couleurs des dessins car nous avons fixé 6 couleurs au maximum pour chaque dessin.<br />
<br />
== Description du projet==<br />
Le projet est un exercice qui se représente sous forme d'un petit jeu de vocabulaire francais-arabe. <br />
Dans le jeu, il y'a pas des niveaux mais il y 'a le timing. <br />
<br />
=== Matériels ===<br />
Nous avons décidé de travailler sur trois catégories de dessin "Animaux", "Légumes" et "Fruits".<br />
Nous avons partagé le nombre de dessin dans chaque niveau comme suit : <br />
* 2 dessins pour chaque catégorie, chaque dessin brodé avec son nom en français. '''Dimension : 5*5 cm'''<br />
* 28 lettres de l'alphabet arabe . (fait sur 10 dessins au maximum) . '''Dimension : 4*4 cm''' <br />
* 3 badges pour les gagnants : fait sur le bois (Machine Laser) . '''Dimension : diamètre 3 cm'''<br />
<br />
Total de dessin: 34<br />
<br />
=== Public cible ===<br />
<br />
Trois groupes, chaque groupe se composent d'un enfant d'age entre 10 et 12 ans qui sont inscrits dans le cours d'arabe à l'association Europe Charmilles.<br />
<br />
=== Scénario d'utilisation ===<br />
Nous pensons à appliquer un "Timing" et " Faire bouger les enfants" pour donner un peu de motivation et de "challenge" au jeu .<br />
Chaque enfant qui à son tour du jeu, avant de commencer le jeu, il doit tout d'abord choisir une catégorie de trois catégories (Animaux, Légumes,Fruits).<br />
Puis, il a devant lui les 28 lettres en arabe avec les quelles ils composent le nom arabe, l'équivalent du dessin et son nom en français. <br />
Les deux autres enfants sont placés devant lui, sur chaque enfants d'eux, l'enfant qui joue colle un des dessins de la catégorie qui a choisit.<br />
Après le déclenchement de timing, le joueur-enfant va coller les lettres de l'alphabet arabe sur un des enfants devant lui pour construire le nom équivalent en arabe dse dessins qui'il a.<br />
Le timing et la bonne composition du mot dans le jeu est celui qui classe les binomes. En effet, pour etre le gagnant , il fallait que l' enfant finit plus vite que les autres enfants à construire les deux mots en arabe et fait moins d'erreur.<br />
<br />
Au final, nous donnons des badges pour les trois enfants selon le classement , les premiers, deuxième et troisième.<br />
<br />
== Réalisation ==<br />
Tout d'abord, nous avons commencé la recherche du thème, après discussion, nous avons décidé de choisir trois thèmes : ''' animaux.''' , ''' fruits''' , ''' légumes.''' <br />
Ensuite, nous avons cherché les dessins et les lettres de l'alphabet arabe. <br />
<br />
'''Exemple :'''<br />
Ci-dessous un dessin d'un dauphin avec son nom écrit en français. Dans la réalisation, le nom de l'image et l'image seront dans le meme dessin.<br />
{| class="wikitable" <br />
|+ Dauphin imprimé en 3D et son nom en arabe<br />
|[[Fichier:Dauphin.jpg|thumb|200px|none|Dessin d'un dauphin]] || [[Fichier:dauph.jpeg|thumb|200px|none|Le nom de dauphin en arabe]] || [[Fichier:dauphinn.jpg|thumb|200px|none|Ledessin de dauphin brodé avec son nom en francais ]]<br />
|}<br />
{| class="wikitable" <br />
|+ Lettres qui composent l'équivalent en arabe du nom de dauphin écrit en français.<br />
|[[Fichier:Noun.jpg|thumb|200px|none]] || [[Fichier:Ya2.png|thumb|200px|none]] || [[Fichier:Fa.jpg|thumb|200px|none]] || [[Fichier:Lam.jpg|thumb|200px|none]] || [[Fichier:Dal.jpg|thumb|200px|none]]<br />
|}<br />
<br />
== Résultat ==<br />
=== Simulation Stitch Era===<br />
'''Lettres de l'alphabet arabe '''<br />
{| class="wikitable" <br />
|[[fichier:3ain-ghain-ha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Dhad-9af-fa-lam.png|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:mim-dha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|-<br />
|[[fichier:noun-sad.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Alif.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Zay.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|}<br />
'''Catégorie animaux ''' <br />
{| class="wikitable" <br />
|[[fichier:Une vachee.jpg|none|thumb|200px|une vache-catégorie animaux]]<br />
|[[fichier:Un dauphin.jpg|none|thumb|200px|un dauphin- Catégorie animaux]]<br />
|}<br />
<br />
'''Catégorie légumes '''<br />
{| class="wikitable" <br />
|[[fichier:Un citron.jpg|none|thumb|200px|Un lemon- catégorie légumes]]<br />
|[[fichier:Un champignon.jpg|none|thumb|200px|Un champignon-catégorie légumes]]<br />
|}<br />
<br />
'''Catégorie fruits '''<br />
{| class="wikitable" <br />
|[[fichier:Un raisin.jpg|none|thumb|200px|un raisin-catégorie fruits]]<br />
|[[fichier:Une pomme.jpg|none|thumb|200px|une pomme- Catégorie fruits]]<br />
|}<br />
'''Les badges des participants '''<br />
{| class="wikitable" <br />
|[[fichier:F1.png|none|thumb|200px|Badge pour le gagnant]]<br />
|[[fichier:F2.png|none|thumb|200px|Badge pour le deuxième]]<br />
|[[fichier:F3.png|none|thumb|200px|Badge pour le troisième]]<br />
|}<br />
<br />
=== Broderie ===<br />
{| class="wikitable" <br />
|[[fichier:Broderiee.jpg|none|thumb|300px|Les dessins lors de brodage]]<br />
|[[fichier: projet.jpg|none|thumb|300px|les dessins de Projet brodés : Les lettres de la langue arabe avec les dessins (animaux, fruits et légumes)]]<br />
|}<br />
<br />
La réalisation de Broderie des badges était partagé entre nous deux (réalisatrices de ce projet). Les images ont été importées au format .png au début mais cela a produit quelques problèmes sur Stitch Era lors de traitement de l'image, donc nous avons recommencé avec des images en format .SVG.<br />
Nous avons fixé les mesures des dessins de projet et la forme. <br />
Pour les 6 dessins de trois catégories, nous avons choisit la forme carrée avec les dimensions '''5*5 cm''' avec une bordure d'épaisseur '''1,3 cm'''. Et nous avons choisit pour les 28 lettres d'alphabet , la forme de cercle de diamètre '''4 cm''' avec une bordure d'épaisseur '''0,8 cm.'''<br />
Les couleurs utilisées sont choisit au hasard car le but est d 'avoir des dessins de différents couleurs puisque le jeu est destiné aux enfants.<br />
<br />
Lors de traitement de dessins, nous avons appliqué quelques modifications sur l'image originale afin d'assurer que l'image sera bien brodée et le résultat sera bonne. Pour se faire, nous avons réduis les couleurs de chaque dessins (Vache, citron, dauphin, pomme, raisin, champignon) en 6 couleurs, au début mais cela a donné un résultat "moche" car beaucoup de détails des dessins sont effacés. Donc, nous avons augmenté le nombre de couleurs à 8 ou 9 couleurs. Nous avons rajouté pour chaque dessin des catégories après la vectorisation, le nom de dessin en français de taille 6 cm et de forme Arial en utilisant "la lettrage". Tout les noms ajoutés au dessins sont en rouge.<br />
Après la vectorisation, nous avons du peaufiner les dessins. par exemple dans le dessin "vache" , nous avons du faire le remplissage de quelques tache de la vache en noir avec l'outils "broderie remplissage" et ainsi nettoyer ou supprimer des sous couches et des objets qui ne sont pas nécessaire dans le dessin.<br />
<br />
Par rapport au lettre, nous avons moins de travail que les dessins , nous avons associé chaque 3 ou 4 lettres ensemble sur Stitch Era, puis nous avons rajouté le cadre en forme de cercle sur chaque lettre.<br />
Nous avons choisit pour chaque dessin de lettre 2 couleurs, une couleur pour la lettre et une autre couleur différente pour le cadrage. <br />
<br />
Lors de la séance de broderie, nous avons vérifié chaque dessin pour éviter d'avoir des plusieurs sous couches.<br />
<br />
En moyen, la broderie de chaque lettre a duré 1min5s. La broderie de chaque dessin a duré de 15min à 20min au maximum.<br />
<br />
=== La solution final ===<br />
{| class="wikitable" <br />
|[[fichier:légumes.jpg|none|thumb|200px|Dessins catégorie légumes brodés]]<br />
|[[fichier:fruits.jpg|none|thumb|200px|Dessins catégorie fruits brodés]]<br />
|[[fichier:animaux.jpg|none|thumb|200px|Dessins catégorie animaux brodés]]<br />
|[[fichier: lettres arabe.jpg|none|thumb|300px| Les lettres de de l'alphabet arabe brodées]]<br />
<br />
|}<br />
<br />
=== Test utilisateurs ===<br />
==== Méthode ====<br />
Le test d'utilisateurs a été effectué dans le bureau de l'association Europe Charmilles, le mercredi 24 janvier à 13h00, Hors la séance de cours d'arabe. Les participants sont deux garçons et une filles , leur niveau d'arabe est avancé. leur ages varient entre 10 ans et 12 ans. Les trois participants sont nées en suisse et de langue maternelle arabe et qui habitent au quartier de charmilles. Donc les enfants se connaissent déjà.<br />
Pendant le test , les deux réalisatrices de ce projet ont été présentes. Une observe les enfants pendant le jeu et l'autre controle le temps et prendre note.<br />
<br />
==== Déroulement ====<br />
Avant de commencer le jeu, nous avons déposé tout les badges sur la table et rassuré que sur chaque dessin les scotchs sont bien mis. Ensuite, nous avons expliqué aux enfants le but de ce jeu. Puis, nous avons présenté les consignes du jeu eux enfants et leurs explique les règlements du jeu.<br />
Nous avons donnée le choix aux enfants de voir entre eux qui commence à jouer. Le joueur I*** a passé la première pour joueur., elle a commencé le jeu le moment ou nous déclenchons le chronomètre de temps ensuite le joueur I****** et enfin le joueur A****. Pendant le tour de chaque joueur, une entre nous controle le temps de jeu et l'autre note les mots construisent par chaque joueur. <br />
le résultat des joueurs est annoncé à la fin du jeu. <br />
<br />
'''Joueur Numéro 1'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur 1.d1.jpg|none|thumb|200px|Tentative de joueur 1 pour trouver et construire le mot pomme avec les lettres arabe ]]<br />
|[[fichier:Joueur 1.d2.jpg|none|thumb|200px|Tentative de joueur 1 pour trouver et construire le mot raisin avec les lettres arabe ]]<br />
|}<br />
<br />
'''Joueur Numéro 2'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur2.d1.jpg|none|thumb|200px|Tentative de joueur 2 pour trouver et construire le mot champignon avec les lettre arabe]]<br />
|[[fichier:Joueur2.d2.jpg|none|thumb|200px|Tentative de joueur 2 pour trouver et construire le mot citronavec les lettre arabe]]<br />
|}<br />
<br />
'''Joueur Numéro 3'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur3.d1.jpg|none|thumb|200px|Tentative de joueur 3 pour trouver et construire le mot vache avec les lettre arabe]]<br />
|[[fichier:Joueur3.d2.jpg|none|thumb|200px|Tentative de joueur 3 pour trouver et construire le mot dauphin avec les lettre arabe]]<br />
|}<br />
<br />
==== Résultat ====<br />
<br />
'''Déroulement de l'activité''' : les consignes et les règlements du jeu ont été clairs pour les trois enfants. Il y'avait pas de problème de compréhension à ce niveau.<br />
Par rapport le premier joueur, le démarrage du jeu a été moins rapide que les autres joueurs. elle a passé '''2min 17 sec''' pour finir les deux mots et a eu deux fautes dans la composition des mots (Pomme et raisin) en utilisant les lettres de l'alphabet arabe. Par rapport au joueur 2, il a passé '''5min 43 sec''' pour finir les deux mots et a eu une seule faute dans la composition des mots (champignon et citron ) en utilisant les lettres de l'alphabet arabe. Par rapport au dernier joueur, il a passé '''2min 19 sec''' pour finir les deux mots et a eu une seule faute dans la composition des mots (dauphin et vache ) en utilisant les lettres de l'alphabet arabe.<br />
<br />
'''Evaluation des utilisateurs''' : En général, les trois enfants ont aimé beaucoup le jeu et ils ont vu que l'idée de coller les lettres sur les t-shirt pour jouer est bonne.<br />
<br />
'''Proposition d'amélioration du jeu''' : les enfants ont aimé avoir jouer avec un jeu de Mime. Le fait de mimer les mots en arabe parait pour eux plus difficile et plus amusant. Cette proposition de la part des enfants nous fait penser que si on aura l'occasion de continuer le jeu , on pourra faire un niveau 1 pour la composition des mots arabe et niveau 2 pour mimer les mots.<br />
<br />
== Broderie pour les jeux d’apprentissage ==<br />
'''Intérêt pour les objets brodés'''<br />
<br />
Lors de la passation du test d’utilisateurs, nous avons constaté que les dessins et les lettres brodées suscitent un intérêt accru chez les enfants. Ils n'ont jamais utilisé auparavant la broderie dans le cadre de leurs cours. En touchant et observant les objets brodés, ils s'intéressaient à la production de ce matériel.<br />
<br />
'''Durabilité'''<br />
<br />
Il faut également remarquer la durabilité des objets brodés. Contrairement au matériel en papier, nous pouvons facilement entretenir et nettoyer ces objets ce qui favorise l’utilisation du jeu à long terme.<br />
<br />
'''Consultation facile et souple'''<br />
<br />
Les objets brodés sont aisément manipulables et ludique. C’est un support idéal pour les activités d’entrainement du vocabulaire. Le but de notre jeu est de construire les mots en arabe avec limite de temps. Pour cela, les enfants doivent coller le plus vite possible les lettres brodées sur les habits de son binôme. L'usage du scotch permet de coller/décoller les lettres en tissu assez facilement et corriger le mot (par exemple changer l'ordre, supprimer/ajouter une lettre). <br />
<br />
==Conclusion ==<br />
Notre jeu ludique semble répondre à notre objectif initiale et c'est d'apprendre des mots en arabe à partir des dessins brodés . en effet, le fait de remplacer un exercice de vocabulaire classique donné en classe pendant le cours par un jeu réactif /compétitif comme ceci.<br />
<br />
== Problèmes rencontrés==<br />
Pendant la réalisation du projet nous avons rencontrés quelques problèmes que nous pouvons les citer :<br />
<br />
'''Pendant le traitement des images sur Stitch Era''' : Nous avons du à chaque fois supprimer des sous couches qui apparaissent dans chaque dessin.<br />
<br />
'''Pendant la Broderie''' : Nous avons rencontré le problème que le file s'a coupé.<br />
<br />
'''Pendant le test utilisateurs''' : Les scotchs collés sur chaque dessin n'était pas très pratique lors du jeu parfois se décolle.<br />
<br />
== Remerciement ==<br />
Nous tenons à remercier Mr. Amid Benjamaa le président de [http://www.charmilles1203.ch/ Association Europe charmilles] et la vice-président de l'association Mme Souad Benjamaa pour leur chaleureux accueil et leur collaboration pour assurer une bonne ambiance pour effectuer le test utilisateurs avec les enfants. Nous tenons à remercier aussi les enfants du quartier de charmilles pour leur participation au jeu.<br />
<br />
== Bibliographie ==<br />
Flanagan, K. (2011). Cadre pédagogique pour l’apprentissage des jeunes enfants de l’Î.-P.-É. ''Relations, environnements et expériences''. Repéré à http://www.gov.pe.ca/photos/original/eecd_ipeelf2014.pdf<br />
<br />
Gardner, H. (1997). ''Formes de l'intelligence (Les).'' Odile Jacob.<br />
<br />
Joan Packer Isenberg & Nancy Quisenberry (2002) A Position Paper of the Association for Childhood Education International PLAY: Essential for all Children, Childhood Education, 79:1, 33-39, DOI: 10.1080/00094056.2002.10522763<br />
<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=STIC:STIC_IV_(2017)/Apprentissage_de_vocabulaire_arabe_%C3%A0_partir_des_dessins_brod%C3%A9s&diff=77322STIC:STIC IV (2017)/Apprentissage de vocabulaire arabe à partir des dessins brodés2018-01-29T12:01:01Z<p>LiudmylaG : /* Introduction */</p>
<hr />
<div>'''Auteurs ''' :<br />
Aya .B et Liudmyla. G<br />
<br />
== Introduction ==<br />
La langue arabe reste parmi les langues les plus difficiles à apprendre. Quand il s'agit d'enseigner la langue arabe à des enfants cela nécessite beaucoup d'effort pour trouver la bonne manière pour transmettre l'information et aider à mémoriser ce qu'ils apprennent. <br />
<br />
C'est pour cette raison que notre groupe a pensé au projet qui sera réalisé avec des enfants de quartier de Charmille qui suivent le cours d'arable donné par l'association Europe Charmilles.<br />
Leur ages varie entre 10 et 12 ans. <br />
<br />
Notre projet tente donc de créer un dispositif qui permet d'aider les enfants à apprendre des mots en arabe à partir des images et des lettres brodées. Pour cela, nous avons conçu un jeu pédagogique qui sera utilisé pendant le cours habituel d'arabe comme exercice d'entrainement du vocabulaire. Ce jeu a été réalisé dans le cadre du cour [[STIC IV (2017/18) - Embroidery for change.]] <br />
<br />
== Apport Théorique ==<br />
<br />
=== Le jeu dans l’apprentissage des enfants ===<br />
L’apprentissage par le jeu est un concept utilisé en science de l’éducation et en psychologie selon lequel l’enfant acquiert des compétences par le moyen de l’activité de jeu. Le jeu est considéré aujourd’hui comme la base du développement des fonctions cognitives (raisonnement, résolution de problèmes, etc.) et de comportements sociale (résolution de conflits, négociation, jeu de rôles, etc.) (Flanagan, 2011).<br />
<br />
Des recherches sur les jeux dans l’apprentissage ont révélé leur valeur intrinsèque dans le développement de l’enfant. Selon [https://www.acei.org/ l’Association internationale pour l'éducation de l'enfance], le jeu est un comportement naturel puissant qui contribue à l'apprentissage et au développement des enfants et qu'aucun programme d'enseignement pour adultes ne peut le remplacer. Telle activité est par essence centrés sur l’apprenant puisque c’est lui qui « mène le jeu ». La motivation est intrinsèque et renforcée par la perspective d’être récompensé dans le jeu.<br />
<br />
Notre jeu inclut deux aspects importants dans le processus d'apprentissage - collaboratif et compétitif. Les apprenants travaillent en petits groupes dans une situation de compétition, ce qui suscite la motivation à accomplir les objectifs fixés par le jeu.<br />
<br />
=== L'apprentissage du vocabulaire arabe ===<br />
L’alphabet arabe se compose de 28 lettres. Les mots s’écrivent et se lisent de droite à gauche contrairement aux écritures latines.<br />
<br />
L'arabe c'est une des langues les plus riches au niveau du vocabulaire. La langue arabe se présente sous deux formes principales: l'arabe dialectal et l'arabe littéraire (ou classique). Autrement dit, il existe plusieurs dialectes arabes qui sont différents les uns des autres.<br />
<br />
Pour faciliter d’apprentissage du lexique arabe aux enfants, nous avons conçu un jeu pédagogique interactif qui permet de mieux mémoriser les mots appris en cours. Il permettra de réviser de nouveaux mots et les retenir dans la mémoire. Dans le cadre de ce jeu, nous mettons en place des stratégies d’apprentissage du vocabulaire telles que: mémorisation visuelle et mémorisation par le mouvement. L’apprenant doit trouver les lettres correspondantes aux images choisies. Il crée donc des associations visuelles entre une image et le mot en arabe.<br />
<br />
Grace à ce jeu interactif qui demande la manipulation avec des objets, nous faisons également un appel à la mémoire kinésique (mémoire motrice) qui se base sur les mouvements pour retenir les nouvelles informations plus facilement (Gardner, 1997).<br />
<br />
== Objectif et méthode de projet==<br />
=== Objectif ===<br />
L'objectif du projet vise à aider les enfants à apprendre quelques mots en arabe et faciliter la mémorisation des mots arabe à partir d'un petit jeu de vocabulaire francais-arabe.<br />
Le projet est basé sur des dessins , des lettres de l'alphabet arabe.<br />
=== Méthode ===<br />
Les enfants sont invités pendant le cours habituel de la langue arabe à faire un exercice similaire à celui du jeu mais avec la manière classique. C'est à dire , les enfants faisaient un exercice de vocabulaire sur le tableau.<br />
Ensuite, nous avons construis notre jeu avec des alphabets arabe (28 lettre ) et des dessins de divers catégories (6 dessins en tout). Puis, nous avons schématisé notre jeu pour éclaircir l'idée et le déroulement du jeu.<br />
Après traiter les dessins sur stitch Era, nous avons passé à la simulation des images en Broderie pour voir ce que les dessins nous donnent. <br />
<br />
Par rapport au couleurs, nous avons du changer quelques couleurs des dessins car nous avons fixé 6 couleurs au maximum pour chaque dessin.<br />
<br />
== Description du projet==<br />
Le projet est un exercice qui se représente sous forme d'un petit jeu de vocabulaire francais-arabe. <br />
Dans le jeu, il y'a pas des niveaux mais il y 'a le timing. <br />
<br />
=== Matériels ===<br />
Nous avons décidé de travailler sur trois catégories de dessin "Animaux", "Légumes" et "Fruits".<br />
Nous avons partagé le nombre de dessin dans chaque niveau comme suit : <br />
* 2 dessins pour chaque catégorie, chaque dessin brodé avec son nom en français. '''Dimension : 5*5 cm'''<br />
* 28 lettres de l'alphabet arabe . (fait sur 10 dessins au maximum) . '''Dimension : 4*4 cm''' <br />
* 3 badges pour les gagnants : fait sur le bois (Machine Laser) . '''Dimension : diamètre 3 cm'''<br />
<br />
Total de dessin: 34<br />
<br />
=== Public cible ===<br />
<br />
Trois groupes, chaque groupe se composent d'un enfant d'age entre 10 et 12 ans qui sont inscrits dans le cours d'arabe à l'association Europe Charmilles.<br />
<br />
=== Scénario d'utilisation ===<br />
Nous pensons à appliquer un "Timing" et " Faire bouger les enfants" pour donner un peu de motivation et de "challenge" au jeu .<br />
Chaque enfant qui à son tour du jeu, avant de commencer le jeu, il doit tout d'abord choisir une catégorie de trois catégories (Animaux, Légumes,Fruits).<br />
Puis, il a devant lui les 28 lettres en arabe avec les quelles ils composent le nom arabe, l'équivalent du dessin et son nom en français. <br />
Les deux autres enfants sont placés devant lui, sur chaque enfants d'eux, l'enfant qui joue colle un des dessins de la catégorie qui a choisit.<br />
Après le déclenchement de timing, le joueur-enfant va coller les lettres de l'alphabet arabe sur un des enfants devant lui pour construire le nom équivalent en arabe dse dessins qui'il a.<br />
Le timing et la bonne composition du mot dans le jeu est celui qui classe les binomes. En effet, pour etre le gagnant , il fallait que l' enfant finit plus vite que les autres enfants à construire les deux mots en arabe et fait moins d'erreur.<br />
<br />
Au final, nous donnons des badges pour les trois enfants selon le classement , les premiers, deuxième et troisième.<br />
<br />
== Réalisation ==<br />
Tout d'abord, nous avons commencé la recherche du thème, après discussion, nous avons décidé de choisir trois thèmes : ''' animaux.''' , ''' fruits''' , ''' légumes.''' <br />
Ensuite, nous avons cherché les dessins et les lettres de l'alphabet arabe. <br />
<br />
'''Exemple :'''<br />
Ci-dessous un dessin d'un dauphin avec son nom écrit en français. Dans la réalisation, le nom de l'image et l'image seront dans le meme dessin.<br />
{| class="wikitable" <br />
|+ Dauphin imprimé en 3D et son nom en arabe<br />
|[[Fichier:Dauphin.jpg|thumb|200px|none|Dessin d'un dauphin]] || [[Fichier:dauph.jpeg|thumb|200px|none|Le nom de dauphin en arabe]] || [[Fichier:dauphinn.jpg|thumb|200px|none|Ledessin de dauphin brodé avec son nom en francais ]]<br />
|}<br />
{| class="wikitable" <br />
|+ Lettres qui composent l'équivalent en arabe du nom de dauphin écrit en français.<br />
|[[Fichier:Noun.jpg|thumb|200px|none]] || [[Fichier:Ya2.png|thumb|200px|none]] || [[Fichier:Fa.jpg|thumb|200px|none]] || [[Fichier:Lam.jpg|thumb|200px|none]] || [[Fichier:Dal.jpg|thumb|200px|none]]<br />
|}<br />
<br />
== Résultat ==<br />
=== Simulation Stitch Era===<br />
'''Lettres de l'alphabet arabe '''<br />
{| class="wikitable" <br />
|[[fichier:3ain-ghain-ha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Dhad-9af-fa-lam.png|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:mim-dha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|-<br />
|[[fichier:noun-sad.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Alif.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Zay.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|}<br />
'''Catégorie animaux ''' <br />
{| class="wikitable" <br />
|[[fichier:Une vachee.jpg|none|thumb|200px|une vache-catégorie animaux]]<br />
|[[fichier:Un dauphin.jpg|none|thumb|200px|un dauphin- Catégorie animaux]]<br />
|}<br />
<br />
'''Catégorie légumes '''<br />
{| class="wikitable" <br />
|[[fichier:Un citron.jpg|none|thumb|200px|Un lemon- catégorie légumes]]<br />
|[[fichier:Un champignon.jpg|none|thumb|200px|Un champignon-catégorie légumes]]<br />
|}<br />
<br />
'''Catégorie fruits '''<br />
{| class="wikitable" <br />
|[[fichier:Un raisin.jpg|none|thumb|200px|un raisin-catégorie fruits]]<br />
|[[fichier:Une pomme.jpg|none|thumb|200px|une pomme- Catégorie fruits]]<br />
|}<br />
'''Les badges des participants '''<br />
{| class="wikitable" <br />
|[[fichier:F1.png|none|thumb|200px|Badge pour le gagnant]]<br />
|[[fichier:F2.png|none|thumb|200px|Badge pour le deuxième]]<br />
|[[fichier:F3.png|none|thumb|200px|Badge pour le troisième]]<br />
|}<br />
<br />
=== Broderie ===<br />
{| class="wikitable" <br />
|[[fichier:Broderiee.jpg|none|thumb|300px|Les dessins lors de brodage]]<br />
|[[fichier: projet.jpg|none|thumb|300px|les dessins de Projet brodés : Les lettres de la langue arabe avec les dessins (animaux, fruits et légumes)]]<br />
|}<br />
<br />
La réalisation de Broderie des badges était partagé entre nous deux (réalisatrices de ce projet). Les images ont été importées au format .png au début mais cela a produit quelques problèmes sur Stitch Era lors de traitement de l'image, donc nous avons recommencé avec des images en format .SVG.<br />
Nous avons fixé les mesures des dessins de projet et la forme. <br />
Pour les 6 dessins de trois catégories, nous avons choisit la forme carrée avec les dimensions '''5*5 cm''' avec une bordure d'épaisseur '''1,3 cm'''. Et nous avons choisit pour les 28 lettres d'alphabet , la forme de cercle de diamètre '''4 cm''' avec une bordure d'épaisseur '''0,8 cm.'''<br />
Les couleurs utilisées sont choisit au hasard car le but est d 'avoir des dessins de différents couleurs puisque le jeu est destiné aux enfants.<br />
<br />
Lors de traitement de dessins, nous avons appliqué quelques modifications sur l'image originale afin d'assurer que l'image sera bien brodée et le résultat sera bonne. Pour se faire, nous avons réduis les couleurs de chaque dessins (Vache, citron, dauphin, pomme, raisin, champignon) en 6 couleurs, au début mais cela a donné un résultat "moche" car beaucoup de détails des dessins sont effacés. Donc, nous avons augmenté le nombre de couleurs à 8 ou 9 couleurs. Nous avons rajouté pour chaque dessin des catégories après la vectorisation, le nom de dessin en français de taille 6 cm et de forme Arial en utilisant "la lettrage". Tout les noms ajoutés au dessins sont en rouge.<br />
Après la vectorisation, nous avons du peaufiner les dessins. par exemple dans le dessin "vache" , nous avons du faire le remplissage de quelques tache de la vache en noir avec l'outils "broderie remplissage" et ainsi nettoyer ou supprimer des sous couches et des objets qui ne sont pas nécessaire dans le dessin.<br />
<br />
Par rapport au lettre, nous avons moins de travail que les dessins , nous avons associé chaque 3 ou 4 lettres ensemble sur Stitch Era, puis nous avons rajouté le cadre en forme de cercle sur chaque lettre.<br />
Nous avons choisit pour chaque dessin de lettre 2 couleurs, une couleur pour la lettre et une autre couleur différente pour le cadrage. <br />
<br />
Lors de la séance de broderie, nous avons vérifié chaque dessin pour éviter d'avoir des plusieurs sous couches.<br />
<br />
En moyen, la broderie de chaque lettre a duré 1min5s. La broderie de chaque dessin a duré de 15min à 20min au maximum.<br />
<br />
=== La solution final ===<br />
{| class="wikitable" <br />
|[[fichier:légumes.jpg|none|thumb|200px|Dessins catégorie légumes brodés]]<br />
|[[fichier:fruits.jpg|none|thumb|200px|Dessins catégorie fruits brodés]]<br />
|[[fichier:animaux.jpg|none|thumb|200px|Dessins catégorie animaux brodés]]<br />
|[[fichier: lettres arabe.jpg|none|thumb|300px| Les lettres de de l'alphabet arabe brodées]]<br />
<br />
|}<br />
<br />
=== Test utilisateurs ===<br />
==== Méthode ====<br />
Le test d'utilisateurs a été effectué dans le bureau de l'association Europe Charmilles, le mercredi 24 janvier à 13h00, Hors la séance de cours d'arabe. Les participants sont deux garçons et une filles , leur niveau d'arabe est avancé. leur ages varient entre 10 ans et 12 ans. Les trois participants sont nées en suisse et de langue maternelle arabe et qui habitent au quartier de charmilles. Donc les enfants se connaissent déjà.<br />
Pendant le test , les deux réalisatrices de ce projet ont été présentes. Une observe les enfants pendant le jeu et l'autre controle le temps et prendre note.<br />
<br />
==== Déroulement ====<br />
Avant de commencer le jeu, nous avons déposé tout les badges sur la table et rassuré que sur chaque dessin les scotchs sont bien mis. Ensuite, nous avons expliqué aux enfants le but de ce jeu. Puis, nous avons présenté les consignes du jeu eux enfants et leurs explique les règlements du jeu.<br />
Nous avons donnée le choix aux enfants de voir entre eux qui commence à jouer. Le joueur I*** a passé la première pour joueur., elle a commencé le jeu le moment ou nous déclenchons le chronomètre de temps ensuite le joueur I****** et enfin le joueur A****. Pendant le tour de chaque joueur, une entre nous controle le temps de jeu et l'autre note les mots construisent par chaque joueur. <br />
le résultat des joueurs est annoncé à la fin du jeu. <br />
<br />
'''Joueur Numéro 1'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur 1.d1.jpg|none|thumb|200px|Tentative de joueur 1 pour trouver et construire le mot pomme avec les lettres arabe ]]<br />
|[[fichier:Joueur 1.d2.jpg|none|thumb|200px|Tentative de joueur 1 pour trouver et construire le mot raisin avec les lettres arabe ]]<br />
|}<br />
<br />
'''Joueur Numéro 2'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur2.d1.jpg|none|thumb|200px|Tentative de joueur 2 pour trouver et construire le mot champignon avec les lettre arabe]]<br />
|[[fichier:Joueur2.d2.jpg|none|thumb|200px|Tentative de joueur 2 pour trouver et construire le mot citronavec les lettre arabe]]<br />
|}<br />
<br />
'''Joueur Numéro 3'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur3.d1.jpg|none|thumb|200px|Tentative de joueur 3 pour trouver et construire le mot vache avec les lettre arabe]]<br />
|[[fichier:Joueur3.d2.jpg|none|thumb|200px|Tentative de joueur 3 pour trouver et construire le mot dauphin avec les lettre arabe]]<br />
|}<br />
<br />
==== Résultat ====<br />
<br />
'''Déroulement de l'activité''' : les consignes et les règlements du jeu ont été clairs pour les trois enfants. Il y'avait pas de problème de compréhension à ce niveau.<br />
Par rapport le premier joueur, le démarrage du jeu a été moins rapide que les autres joueurs. elle a passé '''2min 17 sec''' pour finir les deux mots et a eu deux fautes dans la composition des mots (Pomme et raisin) en utilisant les lettres de l'alphabet arabe. Par rapport au joueur 2, il a passé '''5min 43 sec''' pour finir les deux mots et a eu une seule faute dans la composition des mots (champignon et citron ) en utilisant les lettres de l'alphabet arabe. Par rapport au dernier joueur, il a passé '''2min 19 sec''' pour finir les deux mots et a eu une seule faute dans la composition des mots (dauphin et vache ) en utilisant les lettres de l'alphabet arabe.<br />
<br />
'''Evaluation des utilisateurs''' : En général, les trois enfants ont aimé beaucoup le jeu et ils ont vu que l'idée de coller les lettres sur les t-shirt pour jouer est bonne.<br />
<br />
'''Proposition d'amélioration du jeu''' : les enfants ont aimé avoir jouer avec un jeu de Mime. Le fait de mimer les mots en arabe parait pour eux plus difficile et plus amusant. Cette proposition de la part des enfants nous fait penser que si on aura l'occasion de continuer le jeu , on pourra faire un niveau 1 pour la composition des mots arabe et niveau 2 pour mimer les mots.<br />
<br />
== Broderie pour les jeux d’apprentissage ==<br />
'''Intérêt pour les objets brodés'''<br />
<br />
Lors de la passation du test d’utilisateurs, nous avons constaté que les dessins et les lettres brodées suscitent un intérêt accru chez les enfants. Ils n'ont jamais utilisé auparavant la broderie dans le cadre de leurs cours. En touchant et observant les objets brodés, ils s'intéressaient à la production de ce matériel.<br />
<br />
'''Durabilité'''<br />
<br />
Il faut également remarquer la durabilité des objets brodés. Contrairement au matériel en papier, nous pouvons facilement entretenir et nettoyer ces objets ce qui favorise l’utilisation du jeu à long terme.<br />
<br />
'''Consultation facile et souple'''<br />
<br />
Les objets brodés sont aisément manipulables et ludique. C’est un support idéal pour les activités d’entrainement du vocabulaire. Le but de notre jeu est de construire les mots en arabe avec limite de temps. Pour cela, les enfants doivent coller le plus vite possible les lettres brodées sur les habits de son binôme. L'usage du scotch permet de coller/décoller les lettres en tissu assez facilement et corriger le mot (par exemple changer l'ordre, supprimer/ajouter une lettre). <br />
<br />
==Conclusion ==<br />
Notre jeu ludique semble répondre à notre objectif initiale et c'est d'apprendre des mots en arabe à partir des dessins brodés . en effet, le fait de remplacer un exercice de vocabulaire classique donné en classe pendant le cours par un jeu réactif /compétitif comme ceci.<br />
<br />
== Problèmes rencontrés==<br />
Pendant la réalisation du projet nous avons rencontrés quelques problèmes que nous pouvons les citer :<br />
<br />
'''Pendant le traitement des images sur Stitch Era''' : Nous avons du à chaque fois supprimer des sous couches qui apparaissent dans chaque dessin.<br />
<br />
'''Pendant la Broderie''' : Nous avons rencontré le problème que le file s'a coupé.<br />
<br />
'''Pendant le test utilisateurs''' : Les scotchs collés sur chaque dessin n'était pas très pratique lors du jeu parfois se décolle.<br />
<br />
== Remerciement ==<br />
Nous tenons à remercier Mr. Amid Benjamaa le président de [http://www.charmilles1203.ch/ Association Europe charmilles] et la vice-président de l'association Mme Souad Benjamaa pour leur chaleureux accueil et leur collaboration pour assurer une bonne ambiance pour effectuer le test utilisateurs avec les enfants. Nous tenons à remercier aussi les enfants du quartier de charmilles pour leur participation au jeu.<br />
<br />
== Bibliographie ==<br />
Flanagan, K. (2011). Cadre pédagogique pour l’apprentissage des jeunes enfants de l’Î.-P.-É. ''Relations, environnements et expériences''. Repéré à http://www.gov.pe.ca/photos/original/eecd_ipeelf2014.pdf<br />
<br />
Gardner, H. (1997). ''Formes de l'intelligence (Les).'' Odile Jacob.<br />
<br />
Joan Packer Isenberg & Nancy Quisenberry (2002) A Position Paper of the Association for Childhood Education International PLAY: Essential for all Children, Childhood Education, 79:1, 33-39, DOI: 10.1080/00094056.2002.10522763<br />
<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=STIC:STIC_IV_(2017)/Apprentissage_de_vocabulaire_arabe_%C3%A0_partir_des_dessins_brod%C3%A9s&diff=77314STIC:STIC IV (2017)/Apprentissage de vocabulaire arabe à partir des dessins brodés2018-01-29T11:16:28Z<p>LiudmylaG : Broderie pour le jeu d'apprentissage</p>
<hr />
<div>'''Auteurs ''' :<br />
Aya .B et Liudmyla. G<br />
<br />
== Introduction ==<br />
La langue arabe reste parmi les langues les plus difficiles à apprendre. Quand il s'agit d'enseigner la langue arabe à des enfants cela nécessite beaucoup d'effort pour trouver la bonne manière pour transmettre l'information à ses enfants et l'aider à mémoriser ce qu'ils apprennent. <br />
<br />
C'est pour cette raison notre groupe a pensé à ce projet qui sera réalisé avec des enfants de quartier de Charmille inscrivent au cours d'arable donné par l'association Europe Charmilles.<br />
Ces enfants leur ages varient entre 10 et 12 ans. <br />
<br />
Donc, l'idée de projet vise principalement à aider les enfants à apprendre des mots en arabe à partir des images et des mots en francais et cela sera fait pendant le cours habituel d'arabe et sera comme exercice sous forme d'un jeu pour les enfants.<br />
<br />
== Apport Théorique ==<br />
<br />
=== Le jeu dans l’apprentissage des enfants ===<br />
L’apprentissage par le jeu est un concept utilisé en science de l’éducation et en psychologie selon lequel l’enfant acquiert des compétences par le moyen de l’activité de jeu. Le jeu est considéré aujourd’hui comme la base du développement des fonctions cognitives (raisonnement, résolution de problèmes, etc.) et de comportements sociale (résolution de conflits, négociation, jeu de rôles, etc.) (Flanagan, 2011).<br />
<br />
Des recherches sur les jeux dans l’apprentissage ont révélé leur valeur intrinsèque dans le développement de l’enfant. Selon [https://www.acei.org/ l’Association internationale pour l'éducation de l'enfance], le jeu est un comportement naturel puissant qui contribue à l'apprentissage et au développement des enfants et qu'aucun programme d'enseignement pour adultes ne peut le remplacer. Telle activité est par essence centrés sur l’apprenant puisque c’est lui qui « mène le jeu ». La motivation est intrinsèque et renforcée par la perspective d’être récompensé dans le jeu.<br />
<br />
Notre jeu inclut deux aspects importants dans le processus d'apprentissage - collaboratif et compétitif. Les apprenants travaillent en petits groupes dans une situation de compétition, ce qui suscite la motivation à accomplir les objectifs fixés par le jeu.<br />
<br />
=== L'apprentissage du vocabulaire arabe ===<br />
L’alphabet arabe se compose de 28 lettres. Les mots s’écrivent et se lisent de droite à gauche contrairement aux écritures latines.<br />
<br />
L'arabe c'est une des langues les plus riches au niveau du vocabulaire. La langue arabe se présente sous deux formes principales: l'arabe dialectal et l'arabe littéraire (ou classique). Autrement dit, il existe plusieurs dialectes arabes qui sont différents les uns des autres.<br />
<br />
Pour faciliter d’apprentissage du lexique arabe aux enfants, nous avons conçu un jeu pédagogique interactif qui permet de mieux mémoriser les mots appris en cours. Il permettra de réviser de nouveaux mots et les retenir dans la mémoire. Dans le cadre de ce jeu, nous mettons en place des stratégies d’apprentissage du vocabulaire telles que: mémorisation visuelle et mémorisation par le mouvement. L’apprenant doit trouver les lettres correspondantes aux images choisies. Il crée donc des associations visuelles entre une image et le mot en arabe.<br />
<br />
Grace à ce jeu interactif qui demande la manipulation avec des objets, nous faisons également un appel à la mémoire kinésique (mémoire motrice) qui se base sur les mouvements pour retenir les nouvelles informations plus facilement (Gardner, 1997).<br />
<br />
== Objectif et méthode de projet==<br />
=== Objectif ===<br />
L'objectif du projet vise à aider les enfants à apprendre quelques mots en arabe et faciliter la mémorisation des mots arabe à partir d'un petit jeu de vocabulaire francais-arabe.<br />
Le projet est basé sur des dessins , des lettres de l'alphabet arabe.<br />
=== Méthode ===<br />
Les enfants sont invités pendant le cours habituel de la langue arabe à faire un exercice similaire à celui du jeu mais avec la manière classique. C'est à dire , les enfants faisaient un exercice de vocabulaire sur le tableau.<br />
Ensuite, nous avons construis notre jeu avec des alphabets arabe (28 lettre ) et des dessins de divers catégories (6 dessins en tout). Puis, nous avons schématisé notre jeu pour éclaircir l'idée et le déroulement du jeu.<br />
Après traiter les dessins sur stitch Era, nous avons passé à la simulation des images en Broderie pour voir ce que les dessins nous donnent. <br />
<br />
Par rapport au couleurs, nous avons du changer quelques couleurs des dessins car nous avons fixé 6 couleurs au maximum pour chaque dessin.<br />
<br />
== Description du projet==<br />
Le projet est un exercice qui se représente sous forme d'un petit jeu de vocabulaire francais-arabe. <br />
Dans le jeu, il y'a pas des niveaux mais il y 'a le timing. <br />
<br />
=== Matériels ===<br />
Nous avons décidé de travailler sur trois catégories de dessin "Animaux", "Légumes" et "Fruits".<br />
Nous avons partagé le nombre de dessin dans chaque niveau comme suit : <br />
* 2 dessins pour chaque catégorie, chaque dessin brodé avec son nom en français. '''Dimension : 5*5 cm'''<br />
* 28 lettres de l'alphabet arabe . (fait sur 10 dessins au maximum) . '''Dimension : 4*4 cm''' <br />
* 3 badges pour les gagnants : fait sur le bois (Machine Laser) . '''Dimension : diamètre 3 cm'''<br />
<br />
Total de dessin: 34<br />
<br />
=== Public cible ===<br />
<br />
Trois groupes, chaque groupe se composent d'un enfant d'age entre 10 et 12 ans qui sont inscrits dans le cours d'arabe à l'association Europe Charmilles.<br />
<br />
=== Scénario d'utilisation ===<br />
Nous pensons à appliquer un "Timing" et " Faire bouger les enfants" pour donner un peu de motivation et de "challenge" au jeu .<br />
Chaque enfant qui à son tour du jeu, avant de commencer le jeu, il doit tout d'abord choisir une catégorie de trois catégories (Animaux, Légumes,Fruits).<br />
Puis, il a devant lui les 28 lettres en arabe avec les quelles ils composent le nom arabe, l'équivalent du dessin et son nom en français. <br />
Les deux autres enfants sont placés devant lui, sur chaque enfants d'eux, l'enfant qui joue colle un des dessins de la catégorie qui a choisit.<br />
Après le déclenchement de timing, le joueur-enfant va coller les lettres de l'alphabet arabe sur un des enfants devant lui pour construire le nom équivalent en arabe dse dessins qui'il a.<br />
Le timing et la bonne composition du mot dans le jeu est celui qui classe les binomes. En effet, pour etre le gagnant , il fallait que l' enfant finit plus vite que les autres enfants à construire les deux mots en arabe et fait moins d'erreur.<br />
<br />
Au final, nous donnons des badges pour les trois enfants selon le classement , les premiers, deuxième et troisième.<br />
<br />
== Réalisation ==<br />
Tout d'abord, nous avons commencé la recherche du thème, après discussion, nous avons décidé de choisir trois thèmes : ''' animaux.''' , ''' fruits''' , ''' légumes.''' <br />
Ensuite, nous avons cherché les dessins et les lettres de l'alphabet arabe. <br />
<br />
'''Exemple :'''<br />
Ci-dessous un dessin d'un dauphin avec son nom écrit en français. Dans la réalisation, le nom de l'image et l'image seront dans le meme dessin.<br />
{| class="wikitable" <br />
|+ Dauphin imprimé en 3D et son nom en arabe<br />
|[[Fichier:Dauphin.jpg|thumb|200px|none|Dessin d'un dauphin]] || [[Fichier:dauph.jpeg|thumb|200px|none|Le nom de dauphin en arabe]] || [[Fichier:dauphinn.jpg|thumb|200px|none|Ledessin de dauphin brodé avec son nom en francais ]]<br />
|}<br />
{| class="wikitable" <br />
|+ Lettres qui composent l'équivalent en arabe du nom de dauphin écrit en français.<br />
|[[Fichier:Noun.jpg|thumb|200px|none]] || [[Fichier:Ya2.png|thumb|200px|none]] || [[Fichier:Fa.jpg|thumb|200px|none]] || [[Fichier:Lam.jpg|thumb|200px|none]] || [[Fichier:Dal.jpg|thumb|200px|none]]<br />
|}<br />
<br />
== Résultat ==<br />
=== Simulation Stitch Era===<br />
'''Lettres de l'alphabet arabe '''<br />
{| class="wikitable" <br />
|[[fichier:3ain-ghain-ha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Dhad-9af-fa-lam.png|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:mim-dha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|-<br />
|[[fichier:noun-sad.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Alif.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Zay.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|}<br />
'''Catégorie animaux ''' <br />
{| class="wikitable" <br />
|[[fichier:Une vachee.jpg|none|thumb|200px|une vache-catégorie animaux]]<br />
|[[fichier:Un dauphin.jpg|none|thumb|200px|un dauphin- Catégorie animaux]]<br />
|}<br />
<br />
'''Catégorie légumes '''<br />
{| class="wikitable" <br />
|[[fichier:Un citron.jpg|none|thumb|200px|Un lemon- catégorie légumes]]<br />
|[[fichier:Un champignon.jpg|none|thumb|200px|Un champignon-catégorie légumes]]<br />
|}<br />
<br />
'''Catégorie fruits '''<br />
{| class="wikitable" <br />
|[[fichier:Un raisin.jpg|none|thumb|200px|un raisin-catégorie fruits]]<br />
|[[fichier:Une pomme.jpg|none|thumb|200px|une pomme- Catégorie fruits]]<br />
|}<br />
'''Les badges des participants '''<br />
{| class="wikitable" <br />
|[[fichier:F1.png|none|thumb|200px|Badge pour le gagnant]]<br />
|[[fichier:F2.png|none|thumb|200px|Badge pour le deuxième]]<br />
|[[fichier:F3.png|none|thumb|200px|Badge pour le troisième]]<br />
|}<br />
<br />
=== La solution final ===<br />
{| class="wikitable" <br />
|[[fichier:légumes.jpg|none|thumb|200px|Dessins catégorie légumes brodés]]<br />
|[[fichier:fruits.jpg|none|thumb|200px|Dessins catégorie fruits brodés]]<br />
|[[fichier:animaux.jpg|none|thumb|200px|Dessins catégorie animaux brodés]]<br />
|[[fichier: lettres arabe.jpg|none|thumb|300px| Les lettres de de l'alphabet arabe brodées]]<br />
<br />
|}<br />
<br />
=== Broderie ===<br />
{| class="wikitable" <br />
|[[fichier:Broderiee.jpg|none|thumb|300px|Les dessins lors de brodage]]<br />
|[[fichier: projet.jpg|none|thumb|300px|les dessins de Projet brodés : Les lettres de la langue arabe avec les dessins (animaux, fruits et légumes)]]<br />
|}<br />
<br />
La réalisation de Broderie des badges était partagé entre nous deux (réalisatrices de ce projet). Les images ont été importées au format .png au début mais cela a produit quelques problèmes sur Stitch Era lors de traitement de l'image, donc nous avons recommencé avec des images en format .SVG.<br />
Nous avons fixé les mesures des dessins de projet et la forme. <br />
Pour les 6 dessins de trois catégories, nous avons choisit la forme carrée avec les dimensions '''5*5 cm''' avec une bordure d'épaisseur '''1,3 cm'''. Et nous avons choisit pour les 28 lettres d'alphabet , la forme de cercle de diamètre '''4 cm''' avec une bordure d'épaisseur '''0,8 cm.'''<br />
Les couleurs utilisées sont choisit au hasard car le but est d 'avoir des dessins de différents couleurs puisque le jeu est destiné aux enfants.<br />
<br />
Lors de traitement de dessins, nous avons appliqué quelques modifications sur l'image originale afin d'assurer que l'image sera bien brodée et le résultat sera bonne. Pour se faire, nous avons réduis les couleurs de chaque dessins (Vache, citron, dauphin, pomme, raisin, champignon) en 6 couleurs, au début mais cela a donné un résultat "moche" car beaucoup de détails des dessins sont effacés. Donc, nous avons augmenté le nombre de couleurs à 8 ou 9 couleurs. Nous avons rajouté pour chaque dessin des catégories après la vectorisation, le nom de dessin en français de taille 6 cm et de forme Arial en utilisant "la lettrage". Tout les noms ajoutés au dessins sont en rouge.<br />
Après la vectorisation, nous avons du peaufiner les dessins. par exemple dans le dessin "vache" , nous avons du faire le remplissage de quelques tache de la vache en noir avec l'outils "broderie remplissage" et ainsi nettoyer ou supprimer des sous couches et des objets qui ne sont pas nécessaire dans le dessin.<br />
<br />
Par rapport au lettre, nous avons moins de travail que les dessins , nous avons associé chaque 3 ou 4 lettres ensemble sur Stitch Era, puis nous avons rajouté le cadre en forme de cercle sur chaque lettre.<br />
Nous avons choisit pour chaque dessin de lettre 2 couleurs, une couleur pour la lettre et une autre couleur différente pour le cadrage. <br />
<br />
Lors de la séance de broderie, nous avons vérifié chaque dessin pour éviter d'avoir des plusieurs sous couches.<br />
<br />
En moyen, la broderie de chaque lettre a duré 1min5s. La broderie de chaque dessin a duré de 15min à 20min au maximum.<br />
<br />
=== Test utilisateurs ===<br />
==== Méthode ====<br />
Le test d'utilisateurs a été effectué dans le bureau de l'association Europe Charmilles, le mercredi 24 janvier à 13h00, Hors la séance de cours d'arabe. Les participants sont deux garçons et une filles , leur niveau d'arabe est avancé. leur ages varient entre 10 ans et 12 ans. Les trois participants sont nées en suisse et de langue maternelle arabe et qui habitent au quartier de charmilles. Donc les enfants se connaissent déjà.<br />
Pendant le test , les deux réalisatrices de ce projet ont été présentes. Une observe les enfants pendant le jeu et l'autre controle le temps et prendre note.<br />
<br />
==== Déroulement ====<br />
Avant de commencer le jeu, nous avons déposé tout les badges sur la table et rassuré que sur chaque dessin les scotchs sont bien mis. Ensuite, nous avons expliqué aux enfants le but de ce jeu. Puis, nous avons présenté les consignes du jeu eux enfants et leurs explique les règlements du jeu.<br />
Nous avons donnée le choix aux enfants de voir entre eux qui commence à jouer. Le joueur I*** a passé la première pour joueur., elle a commencé le jeu le moment ou nous déclenchons le chronomètre de temps ensuite le joueur I****** et enfin le joueur A****. Pendant le tour de chaque joueur, une entre nous controle le temps de jeu et l'autre note les mots construisent par chaque joueur. <br />
le résultat des joueurs est annoncé à la fin du jeu. <br />
<br />
'''Joueur Numéro 1'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur 1.d1.jpg|none|thumb|200px|Tentative de joueur 1 pour trouver et construire le mot pomme avec les lettres arabe ]]<br />
|[[fichier:Joueur 1.d2.jpg|none|thumb|200px|Tentative de joueur 1 pour trouver et construire le mot raisin avec les lettres arabe ]]<br />
|}<br />
<br />
'''Joueur Numéro 2'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur2.d1.jpg|none|thumb|200px|Tentative de joueur 2 pour trouver et construire le mot champignon avec les lettre arabe]]<br />
|[[fichier:Joueur2.d2.jpg|none|thumb|200px|Tentative de joueur 2 pour trouver et construire le mot citronavec les lettre arabe]]<br />
|}<br />
<br />
'''Joueur Numéro 3'''<br />
{| class="wikitable" <br />
|[[fichier:Joueur3.d1.jpg|none|thumb|200px|Tentative de joueur 3 pour trouver et construire le mot vache avec les lettre arabe]]<br />
|[[fichier:Joueur3.d2.jpg|none|thumb|200px|Tentative de joueur 3 pour trouver et construire le mot dauphin avec les lettre arabe]]<br />
|}<br />
<br />
==== Résultat ====<br />
<br />
'''Déroulement de l'activité''' : les consignes et les règlements du jeu ont été clairs pour les trois enfants. Il y'avait pas de problème de compréhension à ce niveau.<br />
Par rapport le premier joueur, le démarrage du jeu a été moins rapide que les autres joueurs. elle a passé '''2min 17 sec''' pour finir les deux mots et a eu deux fautes dans la composition des mots (Pomme et raisin) en utilisant les lettres de l'alphabet arabe. Par rapport au joueur 2, il a passé '''5min 43 sec''' pour finir les deux mots et a eu une seule faute dans la composition des mots (champignon et citron ) en utilisant les lettres de l'alphabet arabe. Par rapport au dernier joueur, il a passé '''2min 19 sec''' pour finir les deux mots et a eu une seule faute dans la composition des mots (dauphin et vache ) en utilisant les lettres de l'alphabet arabe.<br />
<br />
'''Evaluation des utilisateurs''' : En général, les trois enfants ont aimé beaucoup le jeu et ils ont vu que l'idée de coller les lettres sur les t-shirt pour jouer est bonne.<br />
<br />
'''Proposition d'amélioration du jeu''' : les enfants ont aimé avoir jouer avec un jeu de Mime. Le fait de mimer les mots en arabe parait pour eux plus difficile et plus amusant. Cette proposition de la part des enfants nous fait penser que si on aura l'occasion de continuer le jeu , on pourra faire un niveau 1 pour la composition des mots arabe et niveau 2 pour mimer les mots.<br />
<br />
== Broderie pour les jeux d’apprentissage ==<br />
'''Intérêt pour les objets brodés'''<br />
<br />
Lors de la passation du test d’utilisateurs, nous avons constaté que les dessins et les lettres brodées suscitent un intérêt accru chez les enfants. Ils n'ont jamais utilisé auparavant la broderie dans le cadre de leurs cours. En touchant et observant les objets brodés, ils s'intéressaient à la production de ce matériel.<br />
<br />
'''Durabilité'''<br />
<br />
Il faut également remarquer la durabilité des objets brodés. Contrairement au matériel en papier, nous pouvons facilement entretenir et nettoyer ces objets ce qui favorise l’utilisation du jeu à long terme.<br />
<br />
'''Consultation facile et souple'''<br />
<br />
Les objets brodés sont aisément manipulables et ludique. C’est un support idéal pour les activités d’entrainement du vocabulaire. Le but de notre jeu est de construire les mots en arabe avec limite de temps. Pour cela, les enfants doivent coller le plus vite possible les lettres brodées sur les habits de son binôme. L'usage du scotch permet de coller/décoller les lettres en tissu assez facilement et corriger le mot (par exemple changer l'ordre, supprimer/ajouter une lettre). <br />
<br />
==Conclusion ==<br />
Notre jeu ludique semble répondre à notre objectif initiale et c'est d'apprendre des mots en arabe à partir des dessins brodés . en effet, le fait de remplacer un exercice de vocabulaire classique donné en classe pendant le cours par un jeu réactif /compétitif comme ceci.<br />
<br />
== Problèmes rencontrés==<br />
Pendant la réalisation du projet nous avons rencontrés quelques problèmes que nous pouvons les citer :<br />
<br />
'''Pendant le traitement des images sur Stitch Era''' : Nous avons du à chaque fois supprimer des sous couches qui apparaissent dans chaque dessin.<br />
<br />
'''Pendant la Broderie''' : Nous avons rencontré le problème que le file s'a coupé.<br />
<br />
'''Pendant le test utilisateurs''' : Les scotchs collés sur chaque dessin n'était pas très pratique lors du jeu parfois se décolle.<br />
<br />
== Remerciement ==<br />
Nous tenons à remercier Mr. Amid Benjamaa le président de [http://www.charmilles1203.ch/ Association Europe charmilles] et la vise-présidente de l'association Mme Souad Benjamaa pour leur chaleureux accueil et leur collaboration pour assurer une bonne ambiance pour effectuer le test utilisateurs avec les enfants. Nous tenons à remercier aussi les enfants du quartier de charmilles pour leur participants au jeu.<br />
<br />
== Bibliographie ==<br />
Flanagan, K. (2011). Cadre pédagogique pour l’apprentissage des jeunes enfants de l’Î.-P.-É. ''Relations, environnements et expériences''. Repéré à http://www.gov.pe.ca/photos/original/eecd_ipeelf2014.pdf<br />
<br />
Gardner, H. (1997). ''Formes de l'intelligence (Les).'' Odile Jacob.<br />
<br />
Joan Packer Isenberg & Nancy Quisenberry (2002) A Position Paper of the Association for Childhood Education International PLAY: Essential for all Children, Childhood Education, 79:1, 33-39, DOI: 10.1080/00094056.2002.10522763<br />
<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=STIC:STIC_IV_(2017)/Apprentissage_de_vocabulaire_arabe_%C3%A0_partir_des_dessins_brod%C3%A9s&diff=76840STIC:STIC IV (2017)/Apprentissage de vocabulaire arabe à partir des dessins brodés2018-01-25T17:20:54Z<p>LiudmylaG : /* Le jeu dans l’apprentissage des enfants */</p>
<hr />
<div>Projet réalisé par :<br />
Aya .B et<br />
Liudmyla. G<br />
<br />
== Introduction ==<br />
La langue arabe reste parmi les langues les plus difficiles à apprendre. Quand il s'agit d'enseigner la langue arabe à des enfants cela nécessite beaucoup d'effort pour trouver la bonne manière pour transmettre l'information à ses enfants et l'aider à mémoriser ce qu'ils apprennent. <br />
<br />
C'est pour cette raison notre groupe a pensé à ce projet qui sera réalisé avec des enfants de quartier de Charmille inscrivent au cours d'arable donné par l'association Europe Charmilles.<br />
Ces enfants leur ages varient entre 10 et 14 ans. <br />
<br />
Donc, l'idée de projet vise principalement à aider les enfants à apprendre des mots en arabe à partir des images et des mots en francais et cela sera fait pendant le cours habituel d'arabe et sera comme exercice sous forme d'un jeu pour les enfants.<br />
<br />
== Apport Théorique ==<br />
<br />
=== Le jeu dans l’apprentissage des enfants ===<br />
L’apprentissage par le jeu est un concept utilisé en science de l’éducation et en psychologie selon lequel l’enfant acquiert des compétences par le moyen de l’activité de jeu. Le jeu est considéré aujourd’hui comme la base du développement des fonctions cognitives (raisonnement, résolution de problèmes, etc.) et de comportements sociale (résolution de conflits, négociation, jeu de rôles, etc.) (Flanagan, 2011).<br />
<br />
Des recherches sur les jeux dans l’apprentissage ont révélé leur valeur intrinsèque dans le développement de l’enfant. Selon [https://www.acei.org/ l’Association internationale pour l'éducation de l'enfance], le jeu est un comportement naturel puissant qui contribue à l'apprentissage et au développement des enfants et qu'aucun programme d'enseignement pour adultes ne peut le remplacer. Telle activité est par essence centrés sur l’apprenant puisque c’est lui qui « mène le jeu ». La motivation est intrinsèque et renforcée par la perspective d’être récompensé dans le jeu.<br />
<br />
Notre jeu inclut deux aspects importants dans le processus d'apprentissage - collaboratif et compétitif. Les apprenants travaillent en petits groupes dans une situation de compétition, ce qui suscite la motivation à accomplir les objectifs fixés par le jeu.<br />
<br />
=== L'apprentissage du vocabulaire arabe ===<br />
L’alphabet arabe se compose de 28 lettres. Les mots s’écrivent et se lisent de droite à gauche contrairement aux écritures latines.<br />
<br />
L'arabe c'est une des langues les plus riches au niveau du vocabulaire. La langue arabe se présente sous deux formes principales: l'arabe dialectal et l'arabe littéraire (ou classique). Autrement dit, il existe plusieurs dialectes arabes qui sont différents les uns des autres.<br />
<br />
Pour faciliter d’apprentissage du lexique arabe aux enfants, nous avons conçu un jeu pédagogique interactif qui permet de mieux mémoriser les mots appris en cours. Il permettra de réviser de nouveaux mots et les retenir dans la mémoire. Dans le cadre de ce jeu, nous mettons en place des stratégies d’apprentissage du vocabulaire telles que: mémorisation visuelle et mémorisation par le mouvement. L’apprenant doit trouver les lettres correspondantes aux images choisies. Il crée donc des associations visuelles entre une image et le mot en arabe.<br />
<br />
Grace à ce jeu interactif qui demande la manipulation avec des objets, nous faisons également un appel à la mémoire kinésique (mémoire motrice) qui se base sur les mouvements pour retenir les nouvelles informations plus facilement (Gardner, 1997).<br />
<br />
== Objectif et méthode de projet==<br />
=== Objectif ===<br />
L'objectif du projet vise à aider les enfants à apprendre quelques mots en arabe à partir d'un petit jeu de vocabulaire francais-arabe.<br />
Le projet est basé sur des dessins , des lettres de l'alphabet arabe.<br />
=== Méthode ===<br />
Les enfants sont invités pendant le cours habituel de la langue arabe de faire un exercice similaire à celui du jeu mais avec la manière classique. C'est à dire , les enfants faisaient un exercice de vocabulaire sur le tableau.<br />
Ensuite, nous avons construis notre jeu avec des alphabets arabe (28 lettre ) et des dessins de divers catégories (6 dessins en tout). Puis, nous avons schématisé notre jeu pour éclaircir l'idée et le déroulement du jeu.<br />
Après traiter les dessins sur stitch Era, nous avons passé à la simulation des images en Broderie pour voir ce que les dessins nous donne. <br />
<br />
Par rapport au couleurs, nous avons du changer quelques couleurs des dessins car nous avons fixé 6 couleurs au maximum.<br />
<br />
== Description du projet==<br />
Le projet est un exercice qui se représente sous forme d'un petit jeu de vocabulaire francais-arabe. <br />
Dans le jeu, il y'a pas des niveaux mais il y 'a le timing. <br />
<br />
=== Matériels ===<br />
Nous avons décidé de travailler sur trois catégories de dessin "Animaux", "Légumes" et "Fruits".<br />
Nous avons partagé le nombre de dessin dans chaque niveau comme suit : <br />
* 2 dessins pour chaque catégorie, chaque dessin brodé avec son nom en français. '''Dimension : 5*5 cm'''<br />
* 28 lettres de l'alphabet arabe . (fait sur 10 dessins au maximum) . '''Dimension : 4*4 cm''' <br />
* 3 badges pour les gagnants : fait sur le bois (Machine Laser) . '''Dimension : diamètre 3 cm'''<br />
<br />
Total de dessin: 34<br />
<br />
=== Participants ===<br />
<br />
Trois groupes, chaque groupe se composent de 2 enfants d'age entre 10 et 14 ans qui sont inscrits dans le cours d'arabe à l'association Europe Charmilles.<br />
<br />
=== règlement du jeu ===<br />
Nous pensons à appliquer un "Timing" et " Faire bouger les enfants" pour donner un peu de motivation et de "challenge" au jeu .<br />
Les enfants se partagent en binôme, chaque binôme à son tour du jeu, ils doivent tout d'abord choisir une catégorie de trois catégories (Animaux, Légumes,Fruits).<br />
Le groupe de 2 enfants qui a le tour de jouer, a devant lui les 28 lettres en arabe avec les quelles ils composent le nom arabe, l'équivalent du dessin et son nom en français. <br />
Un autre binome est placé devant le binome qui joue ,sur les enfants de deuxième binome les deux dessins du catégorie choisit par le premier binome sont collés sur chaque enfant d’eu. <br />
Donc chaque enfant de binome qui joue, après le déclenchement de timing va coller les lettres de l'alphabet arabe sur un des enfants devant lui pour construire le nom équivalent en arabe de dessin qui'il a.<br />
Le timing dans le jeu est celui qui classe les binomes. En effet, pour etre le binome gagnant , il fallait que les enfants d'un binome finissent plus vite que les autres binome à construire les deux mots en arabe.<br />
<br />
Au final, nous donnons des badges pour les trois binômes selon le classement , les premiers, deuxième et troisième.<br />
<br />
== Réalisation ==<br />
Tout d'abord, nous avons commencé la recherche du thème, après discussion, nous avons décidé de choisir trois thèmes : ''' animaux.''' , ''' fruits''' , ''' légumes.''' <br />
Ensuite, nous avons cherché les dessins et les lettres de l'alphabet arabe. <br />
<br />
'''Exemple :'''<br />
Ci-dessous un dessin d'un dauphin avec son nom écrit en français. Dans la réalisation, le nom de l'image et l'image seront dans le meme dessin.<br />
{| class="wikitable" <br />
|+ Dauphin imprimé en 3D et son nom en arabe<br />
|[[Fichier:Dauphin.jpg|thumb|200px|none|Dessin d'un dauphin]] || [[Fichier:dauph.jpeg|thumb|200px|none|Le nom de dauphin en arabe]]<br />
|}<br />
<br />
{| class="wikitable" <br />
|+ Lettres qui composent l'équivalent en arabe du nom de dauphin écrit en français.<br />
|[[Fichier:Noun.jpg|thumb|200px|none]] || [[Fichier:Ya2.png|thumb|200px|none]] || [[Fichier:Fa.jpg|thumb|200px|none]] || [[Fichier:Lam.jpg|thumb|200px|none]] || [[Fichier:Dal.jpg|thumb|200px|none]]<br />
|}<br />
<br />
== Résultat ==<br />
=== Simulation Stitch Era===<br />
<br />
==== Lettres de l'alphabet arabe ====<br />
{| class="wikitable" <br />
|[[fichier:3ain-ghain-ha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Dhad-9af-fa-lam.png|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:mim-dha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|-<br />
|[[fichier:noun-sad.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Alif.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Zay.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|}<br />
==== Catégorie animaux ====<br />
<br />
{| class="wikitable" <br />
|[[fichier:Une vache.jpg|none|thumb|200px|une vache-catégorie animaux]]<br />
|[[fichier:Un dauphin.jpg|none|thumb|200px|un dauphin- Catégorie animaux]]<br />
|}<br />
<br />
==== Catégorie légumes ====<br />
{| class="wikitable" <br />
|[[fichier:Un lemon.jpg|none|thumb|200px|Un lemon- catégorie légumes]]<br />
|[[fichier:Un champignion.jpg|none|thumb|200px|Un champignon-catégorie légumes]]<br />
|}<br />
<br />
==== Catégorie fruits ====<br />
<br />
{| class="wikitable" <br />
|[[fichier:Un raisin.jpg|none|thumb|200px|un raisin-catégorie fruits]]<br />
|[[fichier:Une pomme.jpg|none|thumb|200px|une pomme- Catégorie fruits]]<br />
|}<br />
<br />
==== Les badges des gagnants ====<br />
<br />
== Problèmes rencontrés==<br />
<br />
== Bibliographie ==<br />
Flanagan, K. (2011). Cadre pédagogique pour l’apprentissage des jeunes enfants de l’Î.-P.-É. ''Relations, environnements et expériences''. Repéré à http://www.gov.pe.ca/photos/original/eecd_ipeelf2014.pdf<br />
<br />
Gardner, H. (1997). ''Formes de l'intelligence (Les).'' Odile Jacob.<br />
<br />
Joan Packer Isenberg & Nancy Quisenberry (2002) A Position Paper of the Association for Childhood Education International PLAY: Essential for all Children, Childhood Education, 79:1, 33-39, DOI: 10.1080/00094056.2002.10522763<br />
<br />
== Contribution wiki ==<br />
<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=STIC:STIC_IV_(2017)/Apprentissage_de_vocabulaire_arabe_%C3%A0_partir_des_dessins_brod%C3%A9s&diff=76839STIC:STIC IV (2017)/Apprentissage de vocabulaire arabe à partir des dessins brodés2018-01-25T17:19:49Z<p>LiudmylaG : /* Apport Théorique */</p>
<hr />
<div>Projet réalisé par :<br />
Aya .B et<br />
Liudmyla. G<br />
<br />
== Introduction ==<br />
La langue arabe reste parmi les langues les plus difficiles à apprendre. Quand il s'agit d'enseigner la langue arabe à des enfants cela nécessite beaucoup d'effort pour trouver la bonne manière pour transmettre l'information à ses enfants et l'aider à mémoriser ce qu'ils apprennent. <br />
<br />
C'est pour cette raison notre groupe a pensé à ce projet qui sera réalisé avec des enfants de quartier de Charmille inscrivent au cours d'arable donné par l'association Europe Charmilles.<br />
Ces enfants leur ages varient entre 10 et 14 ans. <br />
<br />
Donc, l'idée de projet vise principalement à aider les enfants à apprendre des mots en arabe à partir des images et des mots en francais et cela sera fait pendant le cours habituel d'arabe et sera comme exercice sous forme d'un jeu pour les enfants.<br />
<br />
== Apport Théorique ==<br />
<br />
=== Le jeu dans l’apprentissage des enfants ===<br />
L’apprentissage par le jeu est un concept utilisé en science de l’éducation et en psychologie selon lequel l’enfant acquiert des compétences par le moyen de l’activité de jeu. Le jeu est considéré aujourd’hui comme la base du développement des fonctions cognitives (raisonnement, résolution de problèmes, etc.) et de comportements sociale (résolution de conflits, négociation, jeu de rôles, etc.) (Flanagan, 2011).<br />
<br />
Des recherches sur les jeux dans l’apprentissage ont cependant révélé leur valeur intrinsèque dans le développement de l’enfant. Selon [https://www.acei.org/ l’Association internationale pour l'éducation de l'enfance], le jeu est un comportement naturel puissant qui contribue à l'apprentissage et au développement des enfants et qu'aucun programme d'enseignement pour adultes ne peut le remplacer. Telle activité est par essence centrés sur l’apprenant puisque c’est lui qui « mène le jeu ». La motivation est intrinsèque et renforcée par la perspective d’être récompensé dans le jeu.<br />
<br />
Notre jeu inclut deux aspects importants dans le processus d'apprentissage - collaboratif et compétitif. Les apprenants travaillent en petits groupes dans une situation de compétition, ce qui suscite la motivation à accomplir les objectifs fixés par le jeu.<br />
<br />
=== L'apprentissage du vocabulaire arabe ===<br />
L’alphabet arabe se compose de 28 lettres. Les mots s’écrivent et se lisent de droite à gauche contrairement aux écritures latines.<br />
<br />
L'arabe c'est une des langues les plus riches au niveau du vocabulaire. La langue arabe se présente sous deux formes principales: l'arabe dialectal et l'arabe littéraire (ou classique). Autrement dit, il existe plusieurs dialectes arabes qui sont différents les uns des autres.<br />
<br />
Pour faciliter d’apprentissage du lexique arabe aux enfants, nous avons conçu un jeu pédagogique interactif qui permet de mieux mémoriser les mots appris en cours. Il permettra de réviser de nouveaux mots et les retenir dans la mémoire. Dans le cadre de ce jeu, nous mettons en place des stratégies d’apprentissage du vocabulaire telles que: mémorisation visuelle et mémorisation par le mouvement. L’apprenant doit trouver les lettres correspondantes aux images choisies. Il crée donc des associations visuelles entre une image et le mot en arabe.<br />
<br />
Grace à ce jeu interactif qui demande la manipulation avec des objets, nous faisons également un appel à la mémoire kinésique (mémoire motrice) qui se base sur les mouvements pour retenir les nouvelles informations plus facilement (Gardner, 1997).<br />
<br />
== Objectif et méthode de projet==<br />
=== Objectif ===<br />
L'objectif du projet vise à aider les enfants à apprendre quelques mots en arabe à partir d'un petit jeu de vocabulaire francais-arabe.<br />
Le projet est basé sur des dessins , des lettres de l'alphabet arabe.<br />
=== Méthode ===<br />
Les enfants sont invités pendant le cours habituel de la langue arabe de faire un exercice similaire à celui du jeu mais avec la manière classique. C'est à dire , les enfants faisaient un exercice de vocabulaire sur le tableau.<br />
Ensuite, nous avons construis notre jeu avec des alphabets arabe (28 lettre ) et des dessins de divers catégories (6 dessins en tout). Puis, nous avons schématisé notre jeu pour éclaircir l'idée et le déroulement du jeu.<br />
Après traiter les dessins sur stitch Era, nous avons passé à la simulation des images en Broderie pour voir ce que les dessins nous donne. <br />
<br />
Par rapport au couleurs, nous avons du changer quelques couleurs des dessins car nous avons fixé 6 couleurs au maximum.<br />
<br />
== Description du projet==<br />
Le projet est un exercice qui se représente sous forme d'un petit jeu de vocabulaire francais-arabe. <br />
Dans le jeu, il y'a pas des niveaux mais il y 'a le timing. <br />
<br />
=== Matériels ===<br />
Nous avons décidé de travailler sur trois catégories de dessin "Animaux", "Légumes" et "Fruits".<br />
Nous avons partagé le nombre de dessin dans chaque niveau comme suit : <br />
* 2 dessins pour chaque catégorie, chaque dessin brodé avec son nom en français. '''Dimension : 5*5 cm'''<br />
* 28 lettres de l'alphabet arabe . (fait sur 10 dessins au maximum) . '''Dimension : 4*4 cm''' <br />
* 3 badges pour les gagnants : fait sur le bois (Machine Laser) . '''Dimension : diamètre 3 cm'''<br />
<br />
Total de dessin: 34<br />
<br />
=== Participants ===<br />
<br />
Trois groupes, chaque groupe se composent de 2 enfants d'age entre 10 et 14 ans qui sont inscrits dans le cours d'arabe à l'association Europe Charmilles.<br />
<br />
=== règlement du jeu ===<br />
Nous pensons à appliquer un "Timing" et " Faire bouger les enfants" pour donner un peu de motivation et de "challenge" au jeu .<br />
Les enfants se partagent en binôme, chaque binôme à son tour du jeu, ils doivent tout d'abord choisir une catégorie de trois catégories (Animaux, Légumes,Fruits).<br />
Le groupe de 2 enfants qui a le tour de jouer, a devant lui les 28 lettres en arabe avec les quelles ils composent le nom arabe, l'équivalent du dessin et son nom en français. <br />
Un autre binome est placé devant le binome qui joue ,sur les enfants de deuxième binome les deux dessins du catégorie choisit par le premier binome sont collés sur chaque enfant d’eu. <br />
Donc chaque enfant de binome qui joue, après le déclenchement de timing va coller les lettres de l'alphabet arabe sur un des enfants devant lui pour construire le nom équivalent en arabe de dessin qui'il a.<br />
Le timing dans le jeu est celui qui classe les binomes. En effet, pour etre le binome gagnant , il fallait que les enfants d'un binome finissent plus vite que les autres binome à construire les deux mots en arabe.<br />
<br />
Au final, nous donnons des badges pour les trois binômes selon le classement , les premiers, deuxième et troisième.<br />
<br />
== Réalisation ==<br />
Tout d'abord, nous avons commencé la recherche du thème, après discussion, nous avons décidé de choisir trois thèmes : ''' animaux.''' , ''' fruits''' , ''' légumes.''' <br />
Ensuite, nous avons cherché les dessins et les lettres de l'alphabet arabe. <br />
<br />
'''Exemple :'''<br />
Ci-dessous un dessin d'un dauphin avec son nom écrit en français. Dans la réalisation, le nom de l'image et l'image seront dans le meme dessin.<br />
{| class="wikitable" <br />
|+ Dauphin imprimé en 3D et son nom en arabe<br />
|[[Fichier:Dauphin.jpg|thumb|200px|none|Dessin d'un dauphin]] || [[Fichier:dauph.jpeg|thumb|200px|none|Le nom de dauphin en arabe]]<br />
|}<br />
<br />
{| class="wikitable" <br />
|+ Lettres qui composent l'équivalent en arabe du nom de dauphin écrit en français.<br />
|[[Fichier:Noun.jpg|thumb|200px|none]] || [[Fichier:Ya2.png|thumb|200px|none]] || [[Fichier:Fa.jpg|thumb|200px|none]] || [[Fichier:Lam.jpg|thumb|200px|none]] || [[Fichier:Dal.jpg|thumb|200px|none]]<br />
|}<br />
<br />
== Résultat ==<br />
=== Simulation Stitch Era===<br />
<br />
==== Lettres de l'alphabet arabe ====<br />
{| class="wikitable" <br />
|[[fichier:3ain-ghain-ha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Dhad-9af-fa-lam.png|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:mim-dha.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|-<br />
|[[fichier:noun-sad.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Alif.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|[[fichier:Zay.jpg|none|thumb|200px|Quelques lettres de l'alphabet arabe]]<br />
|}<br />
==== Catégorie animaux ====<br />
<br />
{| class="wikitable" <br />
|[[fichier:Une vache.jpg|none|thumb|200px|une vache-catégorie animaux]]<br />
|[[fichier:Un dauphin.jpg|none|thumb|200px|un dauphin- Catégorie animaux]]<br />
|}<br />
<br />
==== Catégorie légumes ====<br />
{| class="wikitable" <br />
|[[fichier:Un lemon.jpg|none|thumb|200px|Un lemon- catégorie légumes]]<br />
|[[fichier:Un champignion.jpg|none|thumb|200px|Un champignon-catégorie légumes]]<br />
|}<br />
<br />
==== Catégorie fruits ====<br />
<br />
{| class="wikitable" <br />
|[[fichier:Un raisin.jpg|none|thumb|200px|un raisin-catégorie fruits]]<br />
|[[fichier:Une pomme.jpg|none|thumb|200px|une pomme- Catégorie fruits]]<br />
|}<br />
<br />
==== Les badges des gagnants ====<br />
<br />
== Problèmes rencontrés==<br />
<br />
== Bibliographie ==<br />
Flanagan, K. (2011). Cadre pédagogique pour l’apprentissage des jeunes enfants de l’Î.-P.-É. ''Relations, environnements et expériences''. Repéré à http://www.gov.pe.ca/photos/original/eecd_ipeelf2014.pdf<br />
<br />
Gardner, H. (1997). ''Formes de l'intelligence (Les).'' Odile Jacob.<br />
<br />
Joan Packer Isenberg & Nancy Quisenberry (2002) A Position Paper of the Association for Childhood Education International PLAY: Essential for all Children, Childhood Education, 79:1, 33-39, DOI: 10.1080/00094056.2002.10522763<br />
<br />
== Contribution wiki ==<br />
<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27un_dessin_vectoriel&diff=75973Stitch Era - créer une broderie à partir d'un dessin vectoriel2018-01-10T01:09:53Z<p>LiudmylaG : /* Importation depuis Inkscape, Illustrator et Corel Draw */</p>
<hr />
<div>{{En construction}}<br />
<br />
== '''Introduction''' ==<br />
Ce tutoriel, créé pour les personnes débutant avec le logiciel Stitch Era embroidery, explique comment passer d'images vectorisées à de la broderie sans avoir besoin de fortes connaissances en numérisation. Si vous partez d'une image vectorielle (et non d'un fichier *.png ou *.jpg), vous devriez obtenir un bon résultat assez rapidement.<br />
<br />
<div class="tut_goals"><br />
'''Homepage du tutoriel''' <br />
<br />
* Version française: [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]]<br />
* Version anglaise: [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software]<br />
<br />
'''Objectifs d'apprentissage''' <br />
* Être capable d'importer des images vectorielles<br />
* Être capable de numériser des images vectorielles<br />
<br />
'''Prérequis''' <br />
<br />
Avoir le logiciel [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]] / [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software] installé (et en particulier, être capable de créer un nouveau design).<br />
<br />
'''Pages liées à celle-ci''' <br />
<br />
''A compléter.'' <br />
<br />
'''Ressources utilisées''' <br />
<br />
Vous pouvez réutiliser les images présentes dans ce tutoriel. Cliquez dessus pour les agrandir, puis cliquer une seconde fois pour pouvoir ensuite les enregistrer.<br />
<br />
'''Qualité et niveau'''<br />
<br />
Ce tutoriel devrait suffire pour débuter dans Stitch Era. Il est utilisé par les auteurs de cet article dans le cadre d'un cours optionnel de master dans le domaine des technologies éducatives.<br />
<br />
'''Dernière mise à jour majeure'''<br />
<br />
''A compléter une fois cet article terminé.''<br />
<br />
'''Prochaines étapes'''<br />
<br />
''A compléter une fois que d'autres articles du wiki sur le sujet seront terminés.''<br />
<br />
</div><br />
<br />
=== '''Formats des images vectorielles et fichiers d'extensions''' ===<br />
<br />
Il existe deux types de formats pour les fichiers images:<br />
<br />
* Les images vectorielles sont des "dessins mathématiques" qui sont en principe beaucoup plus faciles à numériser que d'autres types d'images. Les images vectorielles sont entièrement adaptables, par exemple, elles ne perdront pas en qualité si l'on change leur taille. Parmi les logiciels les plus utilisés pour créer des images vectorielles, on trouve Inkscape (gratuit), Illustrator et Corel Draw. Stitch Era permet d'importer des dessins au format SVG ainsi que des formats propriétaires de Corel Draw et Illustrator. Les formaty habituels de ces fichiers sont *.ai, *.svg, *.cdr, *.wmf et *.emf. Stitch Era inclut son propre logiciel de dessin d'images vectorielles, pouvant être utilisé dans la première phase de design d'une broderie. Vous pouvez utiliser ce module afin d'arranger/modifier des images vectorielles importées et/ou pour dessiner vos propres images.<br />
* Les Bitmaps (aussi appelés images matricielles) définissent une image, par exemple un dessin ou une photo, constituée d'une matrice de points colorés. Les bitmaps sont désavantageux concernant deux points: (1) Il n'est pas possible de modifier la taille d'une image sans perdre en qualité. (2) La plupart des formats d'images permettent de les compresser (réduire leur taille) en leur faisant perdre certaines informations. Les images Bitmaps qui paraissent nettes ne le sont probablement pas en réalité. Cependant, la plupart des clip art trouvés sur internet sont malheureusement des bitmaps. Numériser des bitmaps implique de les transformer en images vectorielles dans un premier temps. Ce processus s'appelle la vectorisation. Il est possible de numériser directement un bitmap en sections de points de couture, cependant le résultat n'est généralement pas très satisfaisant. Les formats de bitmaps les plus courants sont ".png, *.jpg et *.gif. Les fichiers au format PNG ainsi que GIF sont optimisés pour le dessin, tandis que le format *.jpg l'est pour les photographies.<br />
<br />
=== '''Un aperçu du processus de design''' ===<br />
Dans ce tutoriel, nous allons montrer comment créer de la broderie à partir de ces deux types de formats, les images vectorielles et les bitmaps. De base, le processus de création de broderie ressemble à cela: (les étapes optionnelles se trouvant entre "[...]")<br />
<br />
<pre><nowiki><br />
[ bitmaps ] -> [ images vectorielles ] -> sections de points de couture (stitch sections) -> points de couture générés (stitchs générés)<br />
</nowiki></pre><br />
<br />
Les sections de points de couture (aussi appelés objets de broderie) sont une sorte d'images vectorielles spécifiques à la broderie, qui définissent des surfaces (areas) et des lignes (path) selon la manière dont ils vont être coudre. Comment cela sera cousu est défini par plusieurs paramètres. Des professionnels pourraient créer des points de couture directement. D'autres commencent souvent à partir de fichiers images. Le passage d'images vectorielles à des sections de points de couture s'appelle la numérisation. Lorsque cela est fait automatiquement (ce que Stitch Era peut faire), cela s'appelle de l'auto-numérisation.<br />
<br />
Ce tutoriel va expliquer ci-dessous comment fonctionnent les images vectorielles. En particulier, à partir du format internet ouvert SVG, dans lequel on peut trouver des images gratuites sur des sites tels que openclipart ou encore thenounproject. Si vous êtes intéressés à utiliser des images matricielles (par exemple au format *.jpg et *.png), vous devriez voir la procédure à suivre plus bas afin de les transformer en images vectorielles, pour ensuite créer une broderie à partir d'elles.<br />
<br />
=== '''La qualité de la (semi)auto-numérisation''' ===<br />
<br />
Avant de lire la suite de ce tutoriel, il faut savoir que la broderie créée à partir d'images en utilisant de l'auto-numérisation ne sera pas d'un niveau professionnel. Comme vous le verrez, il est relativement facile de numériser un bitmap ou une image vectorielle. Le résultat sera suffisamment acceptable et satisfaisant pour certains usages. Cependant, il y aura trois problèmes majeurs:<br />
<br />
1) Le résultat ne transmettra pas forcément le message souhaité. Par exemple, si la broderie voulue inclut trop de petits détails.<br />
<br />
2) Une broderie de qualité ne suit pas les mêmes principes visuels de design tels que ceux que nous faisons sur un écran ou même sur des dessins papiers. Le résultat peut de ce fait être moins bon.<br />
<br />
3) La plupart des broderies seront assez rigides, et de ce fait pas forcément agréables à porter. Typiquement, dans le dessin numérique, des formes sont superposées les unes sur les autres car il est plus facile de dessiner de cette manière et on ne peut voir à travers une forme (à moins d'avoir mis une couleur en transparence). En broderie, lorsque l'on superpose 2 couches assez denses de coutures ou plus, le résultat devient très rigide. Heureusement, Stitch Era propose des outils afin de régler ce problème.<br />
<br />
Les images ci-dessous montrent la différence entre une broderie simplement auto-numérisée tel que nous l'avons expliqué plus haut, et une broderie ayant été réarrangée de la manière expliquée sur la page Stitch Era - créer une broderie à partir d'une image complexe (LIEN A RAJOUTER).<br />
<br />
{| border="1"<br />
| <br />
[[Fichier:Lams-dolly-lrg.gif|vignette|200px|bitmap original]]<br />
| <br />
[[Fichier:Lams-lamb-embroidery-4a.jpg|vignette|200px|Logo auto-numérisé]]<br />
|-<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-1.jpg|vignette|200px|Logo réarrangé et (majoritairement) auto-numérisé]]<br />
<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-2.jpg|vignette|200px|Logo réarrangé (version 2)]]<br />
|}<br />
<br />
Cela étant dit, une simple auto-numérisation est le meilleur moyen de commencer, et après un jour ou deux vous serez à même de produire des design suffisamment jolis pour les porter sur vos propres vêtements. :)<br />
<br />
== '''Numérisation des images vectorielles - évolution''' ==<br />
Dans cette partie, nous introduisons quelques petites astuces avec un autre exemple. En particulier, nous abordons les points suivants:<br />
* Réorganiser les vecteurs<br />
* Indiquer à Stitch Era les lignes de fil à utiliser pour un design (par exemple, Madeira Rayon)<br />
* Apporter des légères modifications aux sections de points<br />
Cette partie a été faite pour Stitch Era 11. L'importation de SVG est beaucoup plus facile maintenant. Le reste est similaire.<br />
<br />
=== '''Importation des images SVG''' ===<br />
Nous avons importé l'image SVG - [https://openclipart.org/detail/12755/evolution-steps|les étapes d'évolution.] Nous avons également testé d'importer le dessin via * .emf et le résultat est moins convaincant, bien qu'il soit utilisable avec beaucoup de travail supplémentaire.<br />
<br />
C'est ce que nous avons obtenu:<br />
[[Fichier:Stitch-era-evolution-example.png|vignette|600x600px|Evolution - image vectorielle importée|néant]]Nous pouvons voir sur l’image que les vecteurs ne sont pas dans le bon ordre, c'est-à-dire que les objets qui devraient être en dessus se trouvent sous les autres objets. Pour changer l'ordre d'empilement il existe trois manières différentes :<br />
<br />
* Avec le menu contextuel (faites un clic droit sur l'objet et sélectionnez '''Modifier l'ordre''')<br />
<br />
* Avec le menu principale tout en haut (sélectionnez un objet, cliquez sur '''Disposition''' et après sur la section '''Avant & Arrière''')<br />
<br />
* Avec l’Administrateur d'objets. C'est la solution conseillée si vous devez en changer plusieurs. En faisant glisser un vecteur, vous pouvez changer son ordre.<br />
<br />
Une autre option serait de changer l'ordre au niveau de la section de point.<br />
[[Fichier:Stitch-era-evolution-example-2.png|néant|vignette|600x600px|Changement de l'ordre d'empilement en faisant glisser un objet dans l’Administrateur d'objets]]<br />
<br />
=== Adaptation de la couleur ===<br />
Nous avons décidé de travailler avec trois couleurs seulement et d'attribuer les mêmes couleurs pour chaque figure:<br />
* Sombre pour le corps<br />
* Clair pour le bras droit et la tête<br />
<br />
* Moyen pour la jambe droite<br />
La sélection des couleurs est un peu compliquée dans le Stitch era car la palette de couleurs dans le menu déroulant '''Couleur et remplissage''' est vraiment petite et les couleurs sont très difficiles à distinguer.<br />
* Sélectionnez toutes les têtes et tous les bras droits : Maintenez la touche CTRL enfoncée et cliquez sur chacun.<br />
* Pour vous assurer que vous avez tout sélectionné, éloignez le groupe, puis appuyez sur CTRL-Z pour le remettre.<br />
* Vous pouvez également regrouper les objets sélectionnés ('''Disposition -> Groupe''').<br />
* Changer les couleurs pour les éléments sélectionnés avec le menu déroulant '''Couleur et remplissage'''.<br />
<br />
Si vous souhaitez récupérer une couleur à l'aide d'un nom de couleur qui vous connaissez, il faut recherchez la spécification RVB dans la [[wp_en:Lists_of_colors|Liste des couleurs]] de Wikipédia par exemple. La couleur ''cuivre'' serait (184,115,51) selon la liste. Une fois que vous avez obtenu les trois numéros Rouge / Vert / Bleu, vous pouvez les entrer dans le panneau '''Sélectionner une couleur''' que vous obtenez dans le menu déroulant '''Couleur de remplissage -> Couleurs supplémentaires''' de Stitch Era. <br />
<br />
Pour notre exemple, nous avons fait: <br />
* tête et bras droit = cuivre (184, 115, 51)<br />
* corps = brun foncé (101,67,33)<br />
* jambes droites = café (150,75,0)<br />
Si vous vous êtes déjà familiarisé avec les images vectorielles, vous pouvez maintenant améliorer le dessin. Par exemple, nous avons changé légèrement les bras droits (l'articulation supérieure et les mains).<br />
<br />
=== Simplifier ===<br />
Afin d’éviter le fronçage du tissu, il ne faut pas imprimer trop de couches de points de suture.<br />
<br />
Nous pouvons simplifier le dessin avec la méthode Combine Vectors (CSG):<br />
* Tout sélectionner<br />
* Simplifier<br />
Nous obtenons maintenant des vecteurs supplémentaires, puisque des parties comme le corps ont été coupées en plusieurs parties:<br />
[[Fichier:Stitch-era-evolution-example-3.png|néant|vignette|600x600px|Image vectorielle prête à être numérisée]]<br />
Certains de ces vecteurs sont trop petits pour être cousus ou ne produiront pas vraiment de bons résultats. Vous pouvez donc les enlever. Nous avons enlevé un petit vecteur (# 3) et quelques nœuds de vecteurs qui avaient des tentacules. Pour faire cela, cliquez directement sur le vecteur dans l'espace de travail ou dans l’Administrateur d'objets, puis sélectionnez le petit contrôle de nœud, cliquez avec le bouton droit et supprimez.<br />
<br />
=== Numérisation ===<br />
Le design est prêt maintenant pour l'auto-numérisation.<br />
* Tout sélectionner (CTRL-A)<br />
* Convertir en Broderie, sélectionnez '''Broderie''' -> '''Art to Stitch (Intelligent)'''<br />
Vous devriez voir le menu contextuel ''Image en Objets'' et nous allons faire maintenant un peu d'étalonnage au lieu de cliquer sur OK.<br />
<br />
'''Assignation des couleurs de l’image à la palette d’aiguille'''<br />
* Sélectionnez l'onglet '''Réglages d'aiguille''' dans la fenêtre contextuelle ''Image en Objets''<br />
* Cochez la case "Assigner les couleurs du dessin ...." (dernier élément)<br />
* Vous pouvez attribuer des couleurs de votre art vectoriel à des "aiguilles" représentant vos fils avec le petit menu déroulant.<br />
* Ne cliquez pas encore sur OK!<br />
Si vous voulez en savoir plus sur la gestion des couleurs et des couleurs de fil, lisez [[:en:Stitch_Era_-_vector_and_thread_color|Stitch Era - vecteur et couleur de fil]].<br />
<br />
'''Changer le motif de point'''<br />
* Ouvrez l'onglet de la section '''Réglage de points'''<br />
* Sélectionnez votre motif préféré<br />
* Changer les densités à 4 lignes / mm<br />
J'ai également changé le point Zig zag par défaut en un point aléatoire automatique de 3 mm (''Configurations avancées'').<br />
* Maintenant vous pouvez cliquer sur OK.<br />
Si vous glissez votre souris sur un élément de l'aiguille dans la palette à gauche (ne cliquez pas sur!), vous verrez que le fil de Madeira vous sera demandé d'utiliser plus tard. Comme vous le verrez, les noms de couleurs ne sont pas les mêmes, mais nous ne pouvons rien y faire.<br />
[[Fichier:Stitch-era-needle-info.png|néant|vignette|560x560px|Info aiguille]]<br />
'''Refaire la numérisation'''<br />
* Premièrement enregistrez le fichier.<br />
Si vous n'êtes pas satisfait du résultat, ouvrez l’Administrateur d'objets (à droite)<br />
* Cliquez sur la section pour tout sélectionner. '''Assurez-vous de sélectionner les sections de point''' et '''non''' les vecteurs !<br />
* Appuyez sur CTRL-X<br />
* Recommencez maintenant "à broder". Vos zones de points devraient disparaître ...<br />
* Par exemple, sélectionnez chaque groupe de vecteurs en utilisant la touche SHIFT et ajoutez des bordures si vous préférez avoir un point courant autour de chaque section de point.<br />
* Vous pouvez également améliorer les graphismes de différentes manières, bien que cela soit parfois une perte de temps puisque les points ignorent les détails plus fins, c'est-à-dire que le réglage fin peut plutôt être effectué au niveau de la zone de point.<br />
* Dans le cas où vous voulez juste chaque figure comme une seule forme, rien n'est plus facile que cela : Sélectionnez tout, puis '''Combiner les vecteurs''' -> '''Ajout'''.<br />
* Enfin, sélectionnez chaque figure et '''Eliminer les trous'''.<br />
Quoi qu'il en soit, passons au design original.<br />
<br />
=== Réglage des zones de points ===<br />
En regardant le résultat, nous remarquons que certains vecteurs ont été rendus comme des Zigzags et d'autres comme des motifs de remplissage. Cela fonctionne par défaut.<br />
<br />
Puisque nous croyons que toutes les têtes devraient se ressembler, nous apportons quelques petits changements:<br />
* Décochez Auxiliaire (bouton vert en haut à droite), pas nécessaire mais conseillé…<br />
* Cliquez sur les sections que vous souhaitez modifier, par ex. tête des figures un et deux, plus la poitrine des figures 3 et 5<br />
* Ensuite, dans l'Administrateur d'objets, modifiez le style de remplissage. Nous avons utilisé:<br />
** Modèle<br />
** Densité = 4<br />
** Nom = PTM-0008<br />
[[Fichier:Stitch-era-evolution-example-4.png|néant|vignette|600x600px|Modification du style de remplissage via l'Administrateur d'objets]]<br />
Alternativement, vous pouvez également utiliser le tableau de remplissage en dessus, mais nous préférons l'Administrateur d'objets car il montre plus d'informations et aussi parce que vous pouvez changer les propriétés de plusieurs objets à la fois.<br />
<br />
Dans l'image ci-dessous, nous avons changé le type de remplissage de toutes les têtes en PTM-008.<br />
[[Fichier:Stitch-era-evolution-example-5.png|néant|vignette|600x600px|Changement de type de remplissage sur plusieurs zones de points]]<br />
=== Résultat ===<br />
Résultat affiché:<br />
[[Fichier:Stitch-era-evolution-example-6.png|néant|vignette|600x600px|Modification de types de remplissage via l'Administrateur d'objets]]<br />
* Certains points de zigzag sont très larges<br />
* Nous pourrions en fait transformer chaque jambe droite en style Zigzag irrégulier multicolonne par exemple (ce que nous avons fait avant l'impression).<br />
Résultat cousu:<br />
[[Fichier:Evolution-embroidered-2.jpg|néant|vignette|600x600px|Evolution brodée]]<br />
Le design n'est pas vraiment glorieux et les contrastes de couleurs sont trop grands car nous possédons pas une grande collection de fils. Les points irréguliers en Zigzag utilisés pour les jambes ajoutent une touche intéressante, bien que certaines personnes pourraient préférer des modèles plus propres. Enfin, nous pourrions ajouter des points de la même couleur autour de la bordure extérieure, mais c'est le travail supplémentaire…<br />
<br />
Si vous voulez savoir plus sur le Réglage des zones de points, lisez [[:en:Stitch_Era_-_adjusting_stitch_sections|Stitch Era - réglage des sections de points]]<br />
<br />
== Problèmes, conseils et passer à autre chose ==<br />
Étant donné que de nombreuses images que vous pouvez trouver sur Internet sont les images matricielles, nous vous recommandons maintenant le tutoriel [[:en:Stitch_Era_-_creating_embroidery_from_raster_images|Stitch Era - création de broderie à partir des images matricielles]]<br />
<br />
Pour en savoir plus sur la numérisation des images matricielles et vectorielles, vous devez également apprendre quelques notions de base:<br />
* [[:en:Stitch_Era_-_adjusting_stitch_sections|Stitch Era - réglage des sections de point]]<br />
* [[:en:Stitch_Era_-_vector_graphics|Stitch Era - images vectorielles]]<br />
Il peut également être utile de jeter un œil à [[:en:Stitch_Era_-_trouble_shooting|Stitch Era - dépannage]] et [[:en:Stitch_Era_-_interface_features_for_working_with_a_design|Stitch Era - caractéristiques de l'interface pour travailler avec le design]]<br />
<br />
Ensuite, passez à:<br />
* [[:en:Stitch_Era_-_digitizing_complex_vector_images|Stitch Era - numérisation des images vectorielles complexes]]<br />
* [[:en:Stitch_Era_-_digitizing_complex_bitmap_images|Stitch Era - numérisation des images matricielles complexes]]<br />
<br />
=== Importation depuis Inkscape, Illustrator et Corel Draw ===<br />
Dans Stitch Era 17:<br />
* Epreuve -> Chercher sur l'application (le fichier doit être ouvert dans l'application). Cela fonctionne avec Illustrator ou Corel Draw.<br />
* Epreuve -> Ouvrir le fichier vecteur (ai, cdr, svg, wmf, etc.)<br />
Si les polices ne s'affichent pas, transformez les polices en objets. Par exemple. Dans Inkscape, sélectionnez le texte, puis Menu Chemin -> Objet en chemin<br />
<br />
Dans Stitch Era 11, les fichiers Illustrator et Corel Draw, mais pas SVG, pouvaient être importés. Les anciennes versions ne supportaient que Corel Draw.<br />
<br />
'''Un simple test (2011)'''<br />
<br />
Fichier de test utilisé: [https://openclipart.org/detail/135013/green-plant-in-its-pot-in-three-different-phases-of-growth Plante verte dans son pot dans trois différentes phases de croissance]<br />
* Corel Draw ne peut pas gérer ce fichier SVG assez simple<br />
* Importer vers Illustrator. Nous avons ensuite dissocié (3 niveaux) et enlevé les ombres (clic et DEL)<br />
* Enregistrer le fichier en tant que * .ai<br />
* Importer le fichier dans Corel Draw<br />
* Importer le fichier Corel à Stitch Era: '''Obtenir à partir de l'application''' -> '''Corel Draw'''<br />
Le résultat est avec pertes (par exemple, les dégradés de couleurs sont supprimés), mais la qualité du dessin est assez bonne pour la broderie. Bien sûr, le résultat devrait être adapté, c'est-à-dire simplifié.<br />
{| class="wikitable sortable"<br />
|+Importation de SVG avec pertes <br />
!Original<br />
!Illustrator<br />
!Stitch Era<br />
|-<br />
|[[Fichier:Plant-002 growing.png|vignette|260x260px|Original SVG]]<br />
|[[Fichier:Stitch-era-imported-vector-graphics-1.png|vignette|260x260px|Image du modèle AP simplifié]]<br />
|[[Fichier:Stitch-era-imported-vector-graphics-2.png|vignette|250x250px|Image du modèle importé via Corel]]<br />
|}<br />
Voyons maintenant ce que cela donne avec la numérisation minimale.<br />
* Redimensionner l'image à environ 12 x 7,8 cm<br />
* Enlever les bandes grises sur les pots<br />
* Simplifier les vecteurs:<br />
** Tout sélectionner: CTRL-A<br />
** Dans l'onglet '''Combiner''', cliquez sur '''Combiner les vecteurs-> Simplifier'''<br />
<br />
* Procédure de numérisation automatique:<br />
** CTRL-A pour tout sélectionner<br />
** '''Broderie -> Art to Stitch (Intelligent)'''<br />
** Densité du motif réduite à 4 lignes / mm<br />
L’image est imprimée par [https://www.wilcom.com/ Wilcom Truesizer]. Elle ne représente pas tout à fait l’original, c'est-à-dire que certaines zones blanches qui sont imprimées en premier et celles en dessous ne s'affichent pas du tout.<br />
[[Fichier:Plant 002 growing truesizer.png|néant|vignette|600x600px|Design représenté par Wilcom Truesizer]]<br />
<br />
'''Un test simple (2017)'''<br />
{| class="wikitable sortable"<br />
|+Importation de SVG avec pertes<br />
!Original<br />
!Importation de SVG directe<br />
!SVG importé via Illustrator<br />
|-<br />
|[[Fichier:Plant-002 growing.png|vignette|260x260px|Original SVG]]<br />
|[[Fichier:Stitch-era-17-imported-vector-graphics-4.png|vignette|260x260px|Image de l'importation SVG directe]]<br />
|[[Fichier:Stitch-era-17-imported-vector-graphics-5.png|vignette|260x260px|Image de SVG importée via Illustrator]]<br />
|}<br />
Stitch Era 17 peut importer le SVG standard simple, mais pas de remplissage dégradé. Après l’importation, la plupart des feuilles étaient noires. Par conséquent, il est parfois recommandé d'importer le fichier SVG dans Illustrator avant de l'importer dans Stitch Era. Sinon, vous pouvez remplacer les remplissages dégradés par des remplissages simples, par exemple, dégrouper, sélectionner chaque feuille, puis sélectionner une sorte de vert.<br />
<br />
L'importation d'un fichier à partir d'Illustrator peut être assez longue, mais le résultat est généralement assez bon. Nous avons numérisé l’image automatiquement ( Art to Stich (Intelligent)) après avoir enlevé les 3 ombres. ''Important'': Dans les options de '''Traitement artistique''', nous avons coché '''Traitement des principales superpositions''', parce que le dessin contient des objets vectoriels superposés (ils ont des bandes grises sur les pots).<br />
<br />
D'autre part, sans cocher cet option, il y aurait eu deux couches de broderie dans certains endroits, ce qui n'est pas forcément une mauvaise chose mais nécessite quelques tests.<br />
[[Fichier:Stitch-era-17-imported-vector-graphics-6.png|néant|vignette|600x600px|Stitch-Era 17 - Simulation de la broderie]]<br />
<br />
=== Remplissage des zones vides avec la couleur ===<br />
Nous avons trouvé difficile de remplir des motifs vectoriels importés avec des couleurs. Quand nous avons écrit ceci, Stitch Era ne voulait pas importer de fichiers Illustrateur, mais cela fonctionne maintenant à partir de la version 11.10. Si vous ne possédez pas Corel Draw ou Illustrator, ou si vous ne voulez pas travailler avec le format SVG, vous devrez faire l’importation des fichiers EMF. Cela produit en quelque sorte des remplissages avec des bordures à partir de lignes.<br />
<br />
Pour faire le remplissage:<br />
* Sélectionnez tous les éléments qui doivent être remplis, puis combinez-les en un seul vecteur: '''Combiner des vecteurs -> Ajout'''<br />
* Cliquez sur '''Eliminer les trous''' dans le menu en haut.<br />
* Assurez-vous que les vecteurs restants se chevauchent légèrement entre eux et ceux qui sont déjà remplis.<br />
* Sélectionnez chaque vecteur déconnecté dans l’Administrateur d'objets et zoomez beaucoup.<br />
* Puis cliquez sur '''Ajout''' à nouveau et '''Eliminer les trous'''.<br />
[[Fichier:Stitch-era-loose-vectors.png|néant|vignette|600x600px|Vecteur déconnecté]]<br />
Les deux objets vectoriels et les sections de points sont définis par plusieurs types de nœuds et à un moment donné, vous devrez apprendre comment un programme de dessin vectoriel fonctionne afin de faire des modifications et pour cela, vous pouvez lire maintenant [[:en:Stitch_Era_-_vector_graphics|Stitch Era – images vectorielles]].<br />
[[Catégorie:Tutoriels]]<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27un_dessin_vectoriel&diff=75972Stitch Era - créer une broderie à partir d'un dessin vectoriel2018-01-10T01:09:10Z<p>LiudmylaG : /* Importation depuis Inkscape, Illustrator et Corel Draw */</p>
<hr />
<div>{{En construction}}<br />
<br />
== '''Introduction''' ==<br />
Ce tutoriel, créé pour les personnes débutant avec le logiciel Stitch Era embroidery, explique comment passer d'images vectorisées à de la broderie sans avoir besoin de fortes connaissances en numérisation. Si vous partez d'une image vectorielle (et non d'un fichier *.png ou *.jpg), vous devriez obtenir un bon résultat assez rapidement.<br />
<br />
<div class="tut_goals"><br />
'''Homepage du tutoriel''' <br />
<br />
* Version française: [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]]<br />
* Version anglaise: [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software]<br />
<br />
'''Objectifs d'apprentissage''' <br />
* Être capable d'importer des images vectorielles<br />
* Être capable de numériser des images vectorielles<br />
<br />
'''Prérequis''' <br />
<br />
Avoir le logiciel [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]] / [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software] installé (et en particulier, être capable de créer un nouveau design).<br />
<br />
'''Pages liées à celle-ci''' <br />
<br />
''A compléter.'' <br />
<br />
'''Ressources utilisées''' <br />
<br />
Vous pouvez réutiliser les images présentes dans ce tutoriel. Cliquez dessus pour les agrandir, puis cliquer une seconde fois pour pouvoir ensuite les enregistrer.<br />
<br />
'''Qualité et niveau'''<br />
<br />
Ce tutoriel devrait suffire pour débuter dans Stitch Era. Il est utilisé par les auteurs de cet article dans le cadre d'un cours optionnel de master dans le domaine des technologies éducatives.<br />
<br />
'''Dernière mise à jour majeure'''<br />
<br />
''A compléter une fois cet article terminé.''<br />
<br />
'''Prochaines étapes'''<br />
<br />
''A compléter une fois que d'autres articles du wiki sur le sujet seront terminés.''<br />
<br />
</div><br />
<br />
=== '''Formats des images vectorielles et fichiers d'extensions''' ===<br />
<br />
Il existe deux types de formats pour les fichiers images:<br />
<br />
* Les images vectorielles sont des "dessins mathématiques" qui sont en principe beaucoup plus faciles à numériser que d'autres types d'images. Les images vectorielles sont entièrement adaptables, par exemple, elles ne perdront pas en qualité si l'on change leur taille. Parmi les logiciels les plus utilisés pour créer des images vectorielles, on trouve Inkscape (gratuit), Illustrator et Corel Draw. Stitch Era permet d'importer des dessins au format SVG ainsi que des formats propriétaires de Corel Draw et Illustrator. Les formaty habituels de ces fichiers sont *.ai, *.svg, *.cdr, *.wmf et *.emf. Stitch Era inclut son propre logiciel de dessin d'images vectorielles, pouvant être utilisé dans la première phase de design d'une broderie. Vous pouvez utiliser ce module afin d'arranger/modifier des images vectorielles importées et/ou pour dessiner vos propres images.<br />
* Les Bitmaps (aussi appelés images matricielles) définissent une image, par exemple un dessin ou une photo, constituée d'une matrice de points colorés. Les bitmaps sont désavantageux concernant deux points: (1) Il n'est pas possible de modifier la taille d'une image sans perdre en qualité. (2) La plupart des formats d'images permettent de les compresser (réduire leur taille) en leur faisant perdre certaines informations. Les images Bitmaps qui paraissent nettes ne le sont probablement pas en réalité. Cependant, la plupart des clip art trouvés sur internet sont malheureusement des bitmaps. Numériser des bitmaps implique de les transformer en images vectorielles dans un premier temps. Ce processus s'appelle la vectorisation. Il est possible de numériser directement un bitmap en sections de points de couture, cependant le résultat n'est généralement pas très satisfaisant. Les formats de bitmaps les plus courants sont ".png, *.jpg et *.gif. Les fichiers au format PNG ainsi que GIF sont optimisés pour le dessin, tandis que le format *.jpg l'est pour les photographies.<br />
<br />
=== '''Un aperçu du processus de design''' ===<br />
Dans ce tutoriel, nous allons montrer comment créer de la broderie à partir de ces deux types de formats, les images vectorielles et les bitmaps. De base, le processus de création de broderie ressemble à cela: (les étapes optionnelles se trouvant entre "[...]")<br />
<br />
<pre><nowiki><br />
[ bitmaps ] -> [ images vectorielles ] -> sections de points de couture (stitch sections) -> points de couture générés (stitchs générés)<br />
</nowiki></pre><br />
<br />
Les sections de points de couture (aussi appelés objets de broderie) sont une sorte d'images vectorielles spécifiques à la broderie, qui définissent des surfaces (areas) et des lignes (path) selon la manière dont ils vont être coudre. Comment cela sera cousu est défini par plusieurs paramètres. Des professionnels pourraient créer des points de couture directement. D'autres commencent souvent à partir de fichiers images. Le passage d'images vectorielles à des sections de points de couture s'appelle la numérisation. Lorsque cela est fait automatiquement (ce que Stitch Era peut faire), cela s'appelle de l'auto-numérisation.<br />
<br />
Ce tutoriel va expliquer ci-dessous comment fonctionnent les images vectorielles. En particulier, à partir du format internet ouvert SVG, dans lequel on peut trouver des images gratuites sur des sites tels que openclipart ou encore thenounproject. Si vous êtes intéressés à utiliser des images matricielles (par exemple au format *.jpg et *.png), vous devriez voir la procédure à suivre plus bas afin de les transformer en images vectorielles, pour ensuite créer une broderie à partir d'elles.<br />
<br />
=== '''La qualité de la (semi)auto-numérisation''' ===<br />
<br />
Avant de lire la suite de ce tutoriel, il faut savoir que la broderie créée à partir d'images en utilisant de l'auto-numérisation ne sera pas d'un niveau professionnel. Comme vous le verrez, il est relativement facile de numériser un bitmap ou une image vectorielle. Le résultat sera suffisamment acceptable et satisfaisant pour certains usages. Cependant, il y aura trois problèmes majeurs:<br />
<br />
1) Le résultat ne transmettra pas forcément le message souhaité. Par exemple, si la broderie voulue inclut trop de petits détails.<br />
<br />
2) Une broderie de qualité ne suit pas les mêmes principes visuels de design tels que ceux que nous faisons sur un écran ou même sur des dessins papiers. Le résultat peut de ce fait être moins bon.<br />
<br />
3) La plupart des broderies seront assez rigides, et de ce fait pas forcément agréables à porter. Typiquement, dans le dessin numérique, des formes sont superposées les unes sur les autres car il est plus facile de dessiner de cette manière et on ne peut voir à travers une forme (à moins d'avoir mis une couleur en transparence). En broderie, lorsque l'on superpose 2 couches assez denses de coutures ou plus, le résultat devient très rigide. Heureusement, Stitch Era propose des outils afin de régler ce problème.<br />
<br />
Les images ci-dessous montrent la différence entre une broderie simplement auto-numérisée tel que nous l'avons expliqué plus haut, et une broderie ayant été réarrangée de la manière expliquée sur la page Stitch Era - créer une broderie à partir d'une image complexe (LIEN A RAJOUTER).<br />
<br />
{| border="1"<br />
| <br />
[[Fichier:Lams-dolly-lrg.gif|vignette|200px|bitmap original]]<br />
| <br />
[[Fichier:Lams-lamb-embroidery-4a.jpg|vignette|200px|Logo auto-numérisé]]<br />
|-<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-1.jpg|vignette|200px|Logo réarrangé et (majoritairement) auto-numérisé]]<br />
<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-2.jpg|vignette|200px|Logo réarrangé (version 2)]]<br />
|}<br />
<br />
Cela étant dit, une simple auto-numérisation est le meilleur moyen de commencer, et après un jour ou deux vous serez à même de produire des design suffisamment jolis pour les porter sur vos propres vêtements. :)<br />
<br />
== '''Numérisation des images vectorielles - évolution''' ==<br />
Dans cette partie, nous introduisons quelques petites astuces avec un autre exemple. En particulier, nous abordons les points suivants:<br />
* Réorganiser les vecteurs<br />
* Indiquer à Stitch Era les lignes de fil à utiliser pour un design (par exemple, Madeira Rayon)<br />
* Apporter des légères modifications aux sections de points<br />
Cette partie a été faite pour Stitch Era 11. L'importation de SVG est beaucoup plus facile maintenant. Le reste est similaire.<br />
<br />
=== '''Importation des images SVG''' ===<br />
Nous avons importé l'image SVG - [https://openclipart.org/detail/12755/evolution-steps|les étapes d'évolution.] Nous avons également testé d'importer le dessin via * .emf et le résultat est moins convaincant, bien qu'il soit utilisable avec beaucoup de travail supplémentaire.<br />
<br />
C'est ce que nous avons obtenu:<br />
[[Fichier:Stitch-era-evolution-example.png|vignette|600x600px|Evolution - image vectorielle importée|néant]]Nous pouvons voir sur l’image que les vecteurs ne sont pas dans le bon ordre, c'est-à-dire que les objets qui devraient être en dessus se trouvent sous les autres objets. Pour changer l'ordre d'empilement il existe trois manières différentes :<br />
<br />
* Avec le menu contextuel (faites un clic droit sur l'objet et sélectionnez '''Modifier l'ordre''')<br />
<br />
* Avec le menu principale tout en haut (sélectionnez un objet, cliquez sur '''Disposition''' et après sur la section '''Avant & Arrière''')<br />
<br />
* Avec l’Administrateur d'objets. C'est la solution conseillée si vous devez en changer plusieurs. En faisant glisser un vecteur, vous pouvez changer son ordre.<br />
<br />
Une autre option serait de changer l'ordre au niveau de la section de point.<br />
[[Fichier:Stitch-era-evolution-example-2.png|néant|vignette|600x600px|Changement de l'ordre d'empilement en faisant glisser un objet dans l’Administrateur d'objets]]<br />
<br />
=== Adaptation de la couleur ===<br />
Nous avons décidé de travailler avec trois couleurs seulement et d'attribuer les mêmes couleurs pour chaque figure:<br />
* Sombre pour le corps<br />
* Clair pour le bras droit et la tête<br />
<br />
* Moyen pour la jambe droite<br />
La sélection des couleurs est un peu compliquée dans le Stitch era car la palette de couleurs dans le menu déroulant '''Couleur et remplissage''' est vraiment petite et les couleurs sont très difficiles à distinguer.<br />
* Sélectionnez toutes les têtes et tous les bras droits : Maintenez la touche CTRL enfoncée et cliquez sur chacun.<br />
* Pour vous assurer que vous avez tout sélectionné, éloignez le groupe, puis appuyez sur CTRL-Z pour le remettre.<br />
* Vous pouvez également regrouper les objets sélectionnés ('''Disposition -> Groupe''').<br />
* Changer les couleurs pour les éléments sélectionnés avec le menu déroulant '''Couleur et remplissage'''.<br />
<br />
Si vous souhaitez récupérer une couleur à l'aide d'un nom de couleur qui vous connaissez, il faut recherchez la spécification RVB dans la [[wp_en:Lists_of_colors|Liste des couleurs]] de Wikipédia par exemple. La couleur ''cuivre'' serait (184,115,51) selon la liste. Une fois que vous avez obtenu les trois numéros Rouge / Vert / Bleu, vous pouvez les entrer dans le panneau '''Sélectionner une couleur''' que vous obtenez dans le menu déroulant '''Couleur de remplissage -> Couleurs supplémentaires''' de Stitch Era. <br />
<br />
Pour notre exemple, nous avons fait: <br />
* tête et bras droit = cuivre (184, 115, 51)<br />
* corps = brun foncé (101,67,33)<br />
* jambes droites = café (150,75,0)<br />
Si vous vous êtes déjà familiarisé avec les images vectorielles, vous pouvez maintenant améliorer le dessin. Par exemple, nous avons changé légèrement les bras droits (l'articulation supérieure et les mains).<br />
<br />
=== Simplifier ===<br />
Afin d’éviter le fronçage du tissu, il ne faut pas imprimer trop de couches de points de suture.<br />
<br />
Nous pouvons simplifier le dessin avec la méthode Combine Vectors (CSG):<br />
* Tout sélectionner<br />
* Simplifier<br />
Nous obtenons maintenant des vecteurs supplémentaires, puisque des parties comme le corps ont été coupées en plusieurs parties:<br />
[[Fichier:Stitch-era-evolution-example-3.png|néant|vignette|600x600px|Image vectorielle prête à être numérisée]]<br />
Certains de ces vecteurs sont trop petits pour être cousus ou ne produiront pas vraiment de bons résultats. Vous pouvez donc les enlever. Nous avons enlevé un petit vecteur (# 3) et quelques nœuds de vecteurs qui avaient des tentacules. Pour faire cela, cliquez directement sur le vecteur dans l'espace de travail ou dans l’Administrateur d'objets, puis sélectionnez le petit contrôle de nœud, cliquez avec le bouton droit et supprimez.<br />
<br />
=== Numérisation ===<br />
Le design est prêt maintenant pour l'auto-numérisation.<br />
* Tout sélectionner (CTRL-A)<br />
* Convertir en Broderie, sélectionnez '''Broderie''' -> '''Art to Stitch (Intelligent)'''<br />
Vous devriez voir le menu contextuel ''Image en Objets'' et nous allons faire maintenant un peu d'étalonnage au lieu de cliquer sur OK.<br />
<br />
'''Assignation des couleurs de l’image à la palette d’aiguille'''<br />
* Sélectionnez l'onglet '''Réglages d'aiguille''' dans la fenêtre contextuelle ''Image en Objets''<br />
* Cochez la case "Assigner les couleurs du dessin ...." (dernier élément)<br />
* Vous pouvez attribuer des couleurs de votre art vectoriel à des "aiguilles" représentant vos fils avec le petit menu déroulant.<br />
* Ne cliquez pas encore sur OK!<br />
Si vous voulez en savoir plus sur la gestion des couleurs et des couleurs de fil, lisez [[:en:Stitch_Era_-_vector_and_thread_color|Stitch Era - vecteur et couleur de fil]].<br />
<br />
'''Changer le motif de point'''<br />
* Ouvrez l'onglet de la section '''Réglage de points'''<br />
* Sélectionnez votre motif préféré<br />
* Changer les densités à 4 lignes / mm<br />
J'ai également changé le point Zig zag par défaut en un point aléatoire automatique de 3 mm (''Configurations avancées'').<br />
* Maintenant vous pouvez cliquer sur OK.<br />
Si vous glissez votre souris sur un élément de l'aiguille dans la palette à gauche (ne cliquez pas sur!), vous verrez que le fil de Madeira vous sera demandé d'utiliser plus tard. Comme vous le verrez, les noms de couleurs ne sont pas les mêmes, mais nous ne pouvons rien y faire.<br />
[[Fichier:Stitch-era-needle-info.png|néant|vignette|560x560px|Info aiguille]]<br />
'''Refaire la numérisation'''<br />
* Premièrement enregistrez le fichier.<br />
Si vous n'êtes pas satisfait du résultat, ouvrez l’Administrateur d'objets (à droite)<br />
* Cliquez sur la section pour tout sélectionner. '''Assurez-vous de sélectionner les sections de point''' et '''non''' les vecteurs !<br />
* Appuyez sur CTRL-X<br />
* Recommencez maintenant "à broder". Vos zones de points devraient disparaître ...<br />
* Par exemple, sélectionnez chaque groupe de vecteurs en utilisant la touche SHIFT et ajoutez des bordures si vous préférez avoir un point courant autour de chaque section de point.<br />
* Vous pouvez également améliorer les graphismes de différentes manières, bien que cela soit parfois une perte de temps puisque les points ignorent les détails plus fins, c'est-à-dire que le réglage fin peut plutôt être effectué au niveau de la zone de point.<br />
* Dans le cas où vous voulez juste chaque figure comme une seule forme, rien n'est plus facile que cela : Sélectionnez tout, puis '''Combiner les vecteurs''' -> '''Ajout'''.<br />
* Enfin, sélectionnez chaque figure et '''Eliminer les trous'''.<br />
Quoi qu'il en soit, passons au design original.<br />
<br />
=== Réglage des zones de points ===<br />
En regardant le résultat, nous remarquons que certains vecteurs ont été rendus comme des Zigzags et d'autres comme des motifs de remplissage. Cela fonctionne par défaut.<br />
<br />
Puisque nous croyons que toutes les têtes devraient se ressembler, nous apportons quelques petits changements:<br />
* Décochez Auxiliaire (bouton vert en haut à droite), pas nécessaire mais conseillé…<br />
* Cliquez sur les sections que vous souhaitez modifier, par ex. tête des figures un et deux, plus la poitrine des figures 3 et 5<br />
* Ensuite, dans l'Administrateur d'objets, modifiez le style de remplissage. Nous avons utilisé:<br />
** Modèle<br />
** Densité = 4<br />
** Nom = PTM-0008<br />
[[Fichier:Stitch-era-evolution-example-4.png|néant|vignette|600x600px|Modification du style de remplissage via l'Administrateur d'objets]]<br />
Alternativement, vous pouvez également utiliser le tableau de remplissage en dessus, mais nous préférons l'Administrateur d'objets car il montre plus d'informations et aussi parce que vous pouvez changer les propriétés de plusieurs objets à la fois.<br />
<br />
Dans l'image ci-dessous, nous avons changé le type de remplissage de toutes les têtes en PTM-008.<br />
[[Fichier:Stitch-era-evolution-example-5.png|néant|vignette|600x600px|Changement de type de remplissage sur plusieurs zones de points]]<br />
=== Résultat ===<br />
Résultat affiché:<br />
[[Fichier:Stitch-era-evolution-example-6.png|néant|vignette|600x600px|Modification de types de remplissage via l'Administrateur d'objets]]<br />
* Certains points de zigzag sont très larges<br />
* Nous pourrions en fait transformer chaque jambe droite en style Zigzag irrégulier multicolonne par exemple (ce que nous avons fait avant l'impression).<br />
Résultat cousu:<br />
[[Fichier:Evolution-embroidered-2.jpg|néant|vignette|600x600px|Evolution brodée]]<br />
Le design n'est pas vraiment glorieux et les contrastes de couleurs sont trop grands car nous possédons pas une grande collection de fils. Les points irréguliers en Zigzag utilisés pour les jambes ajoutent une touche intéressante, bien que certaines personnes pourraient préférer des modèles plus propres. Enfin, nous pourrions ajouter des points de la même couleur autour de la bordure extérieure, mais c'est le travail supplémentaire…<br />
<br />
Si vous voulez savoir plus sur le Réglage des zones de points, lisez [[:en:Stitch_Era_-_adjusting_stitch_sections|Stitch Era - réglage des sections de points]]<br />
<br />
== Problèmes, conseils et passer à autre chose ==<br />
Étant donné que de nombreuses images que vous pouvez trouver sur Internet sont les images matricielles, nous vous recommandons maintenant le tutoriel [[:en:Stitch_Era_-_creating_embroidery_from_raster_images|Stitch Era - création de broderie à partir des images matricielles]]<br />
<br />
Pour en savoir plus sur la numérisation des images matricielles et vectorielles, vous devez également apprendre quelques notions de base:<br />
* [[:en:Stitch_Era_-_adjusting_stitch_sections|Stitch Era - réglage des sections de point]]<br />
* [[:en:Stitch_Era_-_vector_graphics|Stitch Era - images vectorielles]]<br />
Il peut également être utile de jeter un œil à [[:en:Stitch_Era_-_trouble_shooting|Stitch Era - dépannage]] et [[:en:Stitch_Era_-_interface_features_for_working_with_a_design|Stitch Era - caractéristiques de l'interface pour travailler avec le design]]<br />
<br />
Ensuite, passez à:<br />
* [[:en:Stitch_Era_-_digitizing_complex_vector_images|Stitch Era - numérisation des images vectorielles complexes]]<br />
* [[:en:Stitch_Era_-_digitizing_complex_bitmap_images|Stitch Era - numérisation des images matricielles complexes]]<br />
<br />
=== Importation depuis Inkscape, Illustrator et Corel Draw ===<br />
Dans Stitch Era 17:<br />
* Epreuve -> Chercher sur l'application (le fichier doit être ouvert dans l'application). Cela fonctionne avec Illustrator ou Corel Draw.<br />
* Epreuve -> Ouvrir le fichier vecteur (ai, cdr, svg, wmf, etc.)<br />
Si les polices ne s'affichent pas, transformez les polices en objets. Par exemple. Dans Inkscape, sélectionnez le texte, puis Menu Chemin -> Objet en chemin<br />
<br />
Dans Stitch Era 11, les fichiers Illustrator et Corel Draw, mais pas SVG, pouvaient être importés. Les anciennes versions ne supportaient que Corel Draw.<br />
<br />
'''Un simple test (2011)'''<br />
<br />
Fichier de test utilisé: [https://openclipart.org/detail/135013/green-plant-in-its-pot-in-three-different-phases-of-growth Plante verte dans son pot dans trois différentes phases de croissance]<br />
* Corel Draw ne peut pas gérer ce fichier SVG assez simple<br />
* Importer vers Illustrator. Nous avons ensuite dissocié (3 niveaux) et enlevé les ombres (clic et DEL)<br />
* Enregistrer le fichier en tant que * .ai<br />
* Importer le fichier dans Corel Draw<br />
* Importer le fichier Corel à Stitch Era: '''Obtenir à partir de l'application''' -> '''Corel Draw'''<br />
Le résultat est avec pertes (par exemple, les dégradés de couleurs sont supprimés), mais la qualité du dessin est assez bonne pour la broderie. Bien sûr, le résultat devrait être adapté, c'est-à-dire simplifié.<br />
{| class="wikitable sortable"<br />
|+Importation de SVG avec pertes <br />
!Original<br />
!Illustrator<br />
!Stitch Era<br />
|-<br />
|[[Fichier:Plant-002 growing.png|vignette|260x260px|Original SVG]]<br />
|[[Fichier:Stitch-era-imported-vector-graphics-1.png|vignette|260x260px|Image du modèle AP simplifié]]<br />
|[[Fichier:Stitch-era-imported-vector-graphics-2.png|vignette|250x250px|Image du modèle importé via Corel]]<br />
|}<br />
Voyons maintenant ce que cela donne avec la numérisation minimale.<br />
* Redimensionner l'image à environ 12 x 7,8 cm<br />
* Enlever les bandes grises sur les pots<br />
* Simplifier les vecteurs:<br />
** Tout sélectionner: CTRL-A<br />
** Dans l'onglet '''Combiner''', cliquez sur '''Combiner les vecteurs-> Simplifier'''<br />
<br />
* Procédure de numérisation automatique:<br />
** CTRL-A pour tout sélectionner<br />
** '''Broderie -> Art to Stitch (Intelligent)'''<br />
** Densité du motif réduite à 4 lignes / mm<br />
L’image est imprimée par [https://www.wilcom.com/ Wilcom Truesizer]. Elle ne représente pas tout à fait l’original, c'est-à-dire que certaines zones blanches qui sont imprimées en premier et celles en dessous ne s'affichent pas du tout.<br />
[[Fichier:Plant 002 growing truesizer.png|néant|vignette|600x600px|Design représenté par Wilcom Truesizer]]<br />
'''Un test simple (2017)'''<br />
{| class="wikitable sortable"<br />
|+Importation de SVG avec pertes<br />
!Original<br />
!Importation de SVG directe<br />
!SVG importé via Illustrator<br />
|-<br />
|[[Fichier:Plant-002 growing.png|vignette|260x260px|Original SVG]]<br />
|[[Fichier:Stitch-era-17-imported-vector-graphics-4.png|vignette|260x260px|Image de l'importation SVG directe]]<br />
|[[Fichier:Stitch-era-17-imported-vector-graphics-5.png|vignette|260x260px|Image de SVG importée via Illustrator]]<br />
|}<br />
Stitch Era 17 peut importer le SVG standard simple, mais pas de remplissage dégradé. Après l’importation, la plupart des feuilles étaient noires. Par conséquent, il est parfois recommandé d'importer le fichier SVG dans Illustrator avant de l'importer dans Stitch Era. Sinon, vous pouvez remplacer les remplissages dégradés par des remplissages simples, par exemple, dégrouper, sélectionner chaque feuille, puis sélectionner une sorte de vert.<br />
<br />
L'importation d'un fichier à partir d'Illustrator peut être assez longue, mais le résultat est généralement assez bon. Nous avons numérisé l’image automatiquement ( Art to Stich (Intelligent)) après avoir enlevé les 3 ombres. ''Important'': Dans les options de '''Traitement artistique''', nous avons coché '''Traitement des principales superpositions''', parce que le dessin contient des objets vectoriels superposés (ils ont des bandes grises sur les pots).<br />
<br />
D'autre part, sans cocher cet option, il y aurait eu deux couches de broderie dans certains endroits, ce qui n'est pas forcément une mauvaise chose mais nécessite quelques tests.<br />
[[Fichier:Stitch-era-17-imported-vector-graphics-6.png|néant|vignette|600x600px|Stitch-Era 17 - Simulation de la broderie]]<br />
<br />
=== Remplissage des zones vides avec la couleur ===<br />
Nous avons trouvé difficile de remplir des motifs vectoriels importés avec des couleurs. Quand nous avons écrit ceci, Stitch Era ne voulait pas importer de fichiers Illustrateur, mais cela fonctionne maintenant à partir de la version 11.10. Si vous ne possédez pas Corel Draw ou Illustrator, ou si vous ne voulez pas travailler avec le format SVG, vous devrez faire l’importation des fichiers EMF. Cela produit en quelque sorte des remplissages avec des bordures à partir de lignes.<br />
<br />
Pour faire le remplissage:<br />
* Sélectionnez tous les éléments qui doivent être remplis, puis combinez-les en un seul vecteur: '''Combiner des vecteurs -> Ajout'''<br />
* Cliquez sur '''Eliminer les trous''' dans le menu en haut.<br />
* Assurez-vous que les vecteurs restants se chevauchent légèrement entre eux et ceux qui sont déjà remplis.<br />
* Sélectionnez chaque vecteur déconnecté dans l’Administrateur d'objets et zoomez beaucoup.<br />
* Puis cliquez sur '''Ajout''' à nouveau et '''Eliminer les trous'''.<br />
[[Fichier:Stitch-era-loose-vectors.png|néant|vignette|600x600px|Vecteur déconnecté]]<br />
Les deux objets vectoriels et les sections de points sont définis par plusieurs types de nœuds et à un moment donné, vous devrez apprendre comment un programme de dessin vectoriel fonctionne afin de faire des modifications et pour cela, vous pouvez lire maintenant [[:en:Stitch_Era_-_vector_graphics|Stitch Era – images vectorielles]].<br />
[[Catégorie:Tutoriels]]<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Fichier:Stitch-era-loose-vectors.png&diff=75971Fichier:Stitch-era-loose-vectors.png2018-01-10T01:07:19Z<p>LiudmylaG : </p>
<hr />
<div>Vecteur déconnecté</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Fichier:Stitch-era-17-imported-vector-graphics-6.png&diff=75970Fichier:Stitch-era-17-imported-vector-graphics-6.png2018-01-10T01:02:06Z<p>LiudmylaG : </p>
<hr />
<div>Stitch-Era 17 - Simulation de la broderie</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Fichier:Stitch-era-17-imported-vector-graphics-5.png&diff=75969Fichier:Stitch-era-17-imported-vector-graphics-5.png2018-01-10T00:58:37Z<p>LiudmylaG : </p>
<hr />
<div>Image de SVG importée via Illustrator</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Fichier:Stitch-era-17-imported-vector-graphics-4.png&diff=75968Fichier:Stitch-era-17-imported-vector-graphics-4.png2018-01-10T00:56:57Z<p>LiudmylaG : </p>
<hr />
<div>Image de l'importation SVG directe</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27un_dessin_vectoriel&diff=75967Stitch Era - créer une broderie à partir d'un dessin vectoriel2018-01-10T00:51:14Z<p>LiudmylaG : /* La qualité de la (semi)auto-numérisation */</p>
<hr />
<div>{{En construction}}<br />
<br />
== '''Introduction''' ==<br />
Ce tutoriel, créé pour les personnes débutant avec le logiciel Stitch Era embroidery, explique comment passer d'images vectorisées à de la broderie sans avoir besoin de fortes connaissances en numérisation. Si vous partez d'une image vectorielle (et non d'un fichier *.png ou *.jpg), vous devriez obtenir un bon résultat assez rapidement.<br />
<br />
<div class="tut_goals"><br />
'''Homepage du tutoriel''' <br />
<br />
* Version française: [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]]<br />
* Version anglaise: [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software]<br />
<br />
'''Objectifs d'apprentissage''' <br />
* Être capable d'importer des images vectorielles<br />
* Être capable de numériser des images vectorielles<br />
<br />
'''Prérequis''' <br />
<br />
Avoir le logiciel [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]] / [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software] installé (et en particulier, être capable de créer un nouveau design).<br />
<br />
'''Pages liées à celle-ci''' <br />
<br />
''A compléter.'' <br />
<br />
'''Ressources utilisées''' <br />
<br />
Vous pouvez réutiliser les images présentes dans ce tutoriel. Cliquez dessus pour les agrandir, puis cliquer une seconde fois pour pouvoir ensuite les enregistrer.<br />
<br />
'''Qualité et niveau'''<br />
<br />
Ce tutoriel devrait suffire pour débuter dans Stitch Era. Il est utilisé par les auteurs de cet article dans le cadre d'un cours optionnel de master dans le domaine des technologies éducatives.<br />
<br />
'''Dernière mise à jour majeure'''<br />
<br />
''A compléter une fois cet article terminé.''<br />
<br />
'''Prochaines étapes'''<br />
<br />
''A compléter une fois que d'autres articles du wiki sur le sujet seront terminés.''<br />
<br />
</div><br />
<br />
=== '''Formats des images vectorielles et fichiers d'extensions''' ===<br />
<br />
Il existe deux types de formats pour les fichiers images:<br />
<br />
* Les images vectorielles sont des "dessins mathématiques" qui sont en principe beaucoup plus faciles à numériser que d'autres types d'images. Les images vectorielles sont entièrement adaptables, par exemple, elles ne perdront pas en qualité si l'on change leur taille. Parmi les logiciels les plus utilisés pour créer des images vectorielles, on trouve Inkscape (gratuit), Illustrator et Corel Draw. Stitch Era permet d'importer des dessins au format SVG ainsi que des formats propriétaires de Corel Draw et Illustrator. Les formaty habituels de ces fichiers sont *.ai, *.svg, *.cdr, *.wmf et *.emf. Stitch Era inclut son propre logiciel de dessin d'images vectorielles, pouvant être utilisé dans la première phase de design d'une broderie. Vous pouvez utiliser ce module afin d'arranger/modifier des images vectorielles importées et/ou pour dessiner vos propres images.<br />
* Les Bitmaps (aussi appelés images matricielles) définissent une image, par exemple un dessin ou une photo, constituée d'une matrice de points colorés. Les bitmaps sont désavantageux concernant deux points: (1) Il n'est pas possible de modifier la taille d'une image sans perdre en qualité. (2) La plupart des formats d'images permettent de les compresser (réduire leur taille) en leur faisant perdre certaines informations. Les images Bitmaps qui paraissent nettes ne le sont probablement pas en réalité. Cependant, la plupart des clip art trouvés sur internet sont malheureusement des bitmaps. Numériser des bitmaps implique de les transformer en images vectorielles dans un premier temps. Ce processus s'appelle la vectorisation. Il est possible de numériser directement un bitmap en sections de points de couture, cependant le résultat n'est généralement pas très satisfaisant. Les formats de bitmaps les plus courants sont ".png, *.jpg et *.gif. Les fichiers au format PNG ainsi que GIF sont optimisés pour le dessin, tandis que le format *.jpg l'est pour les photographies.<br />
<br />
=== '''Un aperçu du processus de design''' ===<br />
Dans ce tutoriel, nous allons montrer comment créer de la broderie à partir de ces deux types de formats, les images vectorielles et les bitmaps. De base, le processus de création de broderie ressemble à cela: (les étapes optionnelles se trouvant entre "[...]")<br />
<br />
<pre><nowiki><br />
[ bitmaps ] -> [ images vectorielles ] -> sections de points de couture (stitch sections) -> points de couture générés (stitchs générés)<br />
</nowiki></pre><br />
<br />
Les sections de points de couture (aussi appelés objets de broderie) sont une sorte d'images vectorielles spécifiques à la broderie, qui définissent des surfaces (areas) et des lignes (path) selon la manière dont ils vont être coudre. Comment cela sera cousu est défini par plusieurs paramètres. Des professionnels pourraient créer des points de couture directement. D'autres commencent souvent à partir de fichiers images. Le passage d'images vectorielles à des sections de points de couture s'appelle la numérisation. Lorsque cela est fait automatiquement (ce que Stitch Era peut faire), cela s'appelle de l'auto-numérisation.<br />
<br />
Ce tutoriel va expliquer ci-dessous comment fonctionnent les images vectorielles. En particulier, à partir du format internet ouvert SVG, dans lequel on peut trouver des images gratuites sur des sites tels que openclipart ou encore thenounproject. Si vous êtes intéressés à utiliser des images matricielles (par exemple au format *.jpg et *.png), vous devriez voir la procédure à suivre plus bas afin de les transformer en images vectorielles, pour ensuite créer une broderie à partir d'elles.<br />
<br />
=== '''La qualité de la (semi)auto-numérisation''' ===<br />
<br />
Avant de lire la suite de ce tutoriel, il faut savoir que la broderie créée à partir d'images en utilisant de l'auto-numérisation ne sera pas d'un niveau professionnel. Comme vous le verrez, il est relativement facile de numériser un bitmap ou une image vectorielle. Le résultat sera suffisamment acceptable et satisfaisant pour certains usages. Cependant, il y aura trois problèmes majeurs:<br />
<br />
1) Le résultat ne transmettra pas forcément le message souhaité. Par exemple, si la broderie voulue inclut trop de petits détails.<br />
<br />
2) Une broderie de qualité ne suit pas les mêmes principes visuels de design tels que ceux que nous faisons sur un écran ou même sur des dessins papiers. Le résultat peut de ce fait être moins bon.<br />
<br />
3) La plupart des broderies seront assez rigides, et de ce fait pas forcément agréables à porter. Typiquement, dans le dessin numérique, des formes sont superposées les unes sur les autres car il est plus facile de dessiner de cette manière et on ne peut voir à travers une forme (à moins d'avoir mis une couleur en transparence). En broderie, lorsque l'on superpose 2 couches assez denses de coutures ou plus, le résultat devient très rigide. Heureusement, Stitch Era propose des outils afin de régler ce problème.<br />
<br />
Les images ci-dessous montrent la différence entre une broderie simplement auto-numérisée tel que nous l'avons expliqué plus haut, et une broderie ayant été réarrangée de la manière expliquée sur la page Stitch Era - créer une broderie à partir d'une image complexe (LIEN A RAJOUTER).<br />
<br />
{| border="1"<br />
| <br />
[[Fichier:Lams-dolly-lrg.gif|vignette|200px|bitmap original]]<br />
| <br />
[[Fichier:Lams-lamb-embroidery-4a.jpg|vignette|200px|Logo auto-numérisé]]<br />
|-<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-1.jpg|vignette|200px|Logo réarrangé et (majoritairement) auto-numérisé]]<br />
<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-2.jpg|vignette|200px|Logo réarrangé (version 2)]]<br />
|}<br />
<br />
Cela étant dit, une simple auto-numérisation est le meilleur moyen de commencer, et après un jour ou deux vous serez à même de produire des design suffisamment jolis pour les porter sur vos propres vêtements. :)<br />
<br />
== '''Numérisation des images vectorielles - évolution''' ==<br />
Dans cette partie, nous introduisons quelques petites astuces avec un autre exemple. En particulier, nous abordons les points suivants:<br />
* Réorganiser les vecteurs<br />
* Indiquer à Stitch Era les lignes de fil à utiliser pour un design (par exemple, Madeira Rayon)<br />
* Apporter des légères modifications aux sections de points<br />
Cette partie a été faite pour Stitch Era 11. L'importation de SVG est beaucoup plus facile maintenant. Le reste est similaire.<br />
<br />
=== '''Importation des images SVG''' ===<br />
Nous avons importé l'image SVG - [https://openclipart.org/detail/12755/evolution-steps|les étapes d'évolution.] Nous avons également testé d'importer le dessin via * .emf et le résultat est moins convaincant, bien qu'il soit utilisable avec beaucoup de travail supplémentaire.<br />
<br />
C'est ce que nous avons obtenu:<br />
[[Fichier:Stitch-era-evolution-example.png|vignette|600x600px|Evolution - image vectorielle importée|néant]]Nous pouvons voir sur l’image que les vecteurs ne sont pas dans le bon ordre, c'est-à-dire que les objets qui devraient être en dessus se trouvent sous les autres objets. Pour changer l'ordre d'empilement il existe trois manières différentes :<br />
<br />
* Avec le menu contextuel (faites un clic droit sur l'objet et sélectionnez '''Modifier l'ordre''')<br />
<br />
* Avec le menu principale tout en haut (sélectionnez un objet, cliquez sur '''Disposition''' et après sur la section '''Avant & Arrière''')<br />
<br />
* Avec l’Administrateur d'objets. C'est la solution conseillée si vous devez en changer plusieurs. En faisant glisser un vecteur, vous pouvez changer son ordre.<br />
<br />
Une autre option serait de changer l'ordre au niveau de la section de point.<br />
[[Fichier:Stitch-era-evolution-example-2.png|néant|vignette|600x600px|Changement de l'ordre d'empilement en faisant glisser un objet dans l’Administrateur d'objets]]<br />
<br />
=== Adaptation de la couleur ===<br />
Nous avons décidé de travailler avec trois couleurs seulement et d'attribuer les mêmes couleurs pour chaque figure:<br />
* Sombre pour le corps<br />
* Clair pour le bras droit et la tête<br />
<br />
* Moyen pour la jambe droite<br />
La sélection des couleurs est un peu compliquée dans le Stitch era car la palette de couleurs dans le menu déroulant '''Couleur et remplissage''' est vraiment petite et les couleurs sont très difficiles à distinguer.<br />
* Sélectionnez toutes les têtes et tous les bras droits : Maintenez la touche CTRL enfoncée et cliquez sur chacun.<br />
* Pour vous assurer que vous avez tout sélectionné, éloignez le groupe, puis appuyez sur CTRL-Z pour le remettre.<br />
* Vous pouvez également regrouper les objets sélectionnés ('''Disposition -> Groupe''').<br />
* Changer les couleurs pour les éléments sélectionnés avec le menu déroulant '''Couleur et remplissage'''.<br />
<br />
Si vous souhaitez récupérer une couleur à l'aide d'un nom de couleur qui vous connaissez, il faut recherchez la spécification RVB dans la [[wp_en:Lists_of_colors|Liste des couleurs]] de Wikipédia par exemple. La couleur ''cuivre'' serait (184,115,51) selon la liste. Une fois que vous avez obtenu les trois numéros Rouge / Vert / Bleu, vous pouvez les entrer dans le panneau '''Sélectionner une couleur''' que vous obtenez dans le menu déroulant '''Couleur de remplissage -> Couleurs supplémentaires''' de Stitch Era. <br />
<br />
Pour notre exemple, nous avons fait: <br />
* tête et bras droit = cuivre (184, 115, 51)<br />
* corps = brun foncé (101,67,33)<br />
* jambes droites = café (150,75,0)<br />
Si vous vous êtes déjà familiarisé avec les images vectorielles, vous pouvez maintenant améliorer le dessin. Par exemple, nous avons changé légèrement les bras droits (l'articulation supérieure et les mains).<br />
<br />
=== Simplifier ===<br />
Afin d’éviter le fronçage du tissu, il ne faut pas imprimer trop de couches de points de suture.<br />
<br />
Nous pouvons simplifier le dessin avec la méthode Combine Vectors (CSG):<br />
* Tout sélectionner<br />
* Simplifier<br />
Nous obtenons maintenant des vecteurs supplémentaires, puisque des parties comme le corps ont été coupées en plusieurs parties:<br />
[[Fichier:Stitch-era-evolution-example-3.png|néant|vignette|600x600px|Image vectorielle prête à être numérisée]]<br />
Certains de ces vecteurs sont trop petits pour être cousus ou ne produiront pas vraiment de bons résultats. Vous pouvez donc les enlever. Nous avons enlevé un petit vecteur (# 3) et quelques nœuds de vecteurs qui avaient des tentacules. Pour faire cela, cliquez directement sur le vecteur dans l'espace de travail ou dans l’Administrateur d'objets, puis sélectionnez le petit contrôle de nœud, cliquez avec le bouton droit et supprimez.<br />
<br />
=== Numérisation ===<br />
Le design est prêt maintenant pour l'auto-numérisation.<br />
* Tout sélectionner (CTRL-A)<br />
* Convertir en Broderie, sélectionnez '''Broderie''' -> '''Art to Stitch (Intelligent)'''<br />
Vous devriez voir le menu contextuel ''Image en Objets'' et nous allons faire maintenant un peu d'étalonnage au lieu de cliquer sur OK.<br />
<br />
'''Assignation des couleurs de l’image à la palette d’aiguille'''<br />
* Sélectionnez l'onglet '''Réglages d'aiguille''' dans la fenêtre contextuelle ''Image en Objets''<br />
* Cochez la case "Assigner les couleurs du dessin ...." (dernier élément)<br />
* Vous pouvez attribuer des couleurs de votre art vectoriel à des "aiguilles" représentant vos fils avec le petit menu déroulant.<br />
* Ne cliquez pas encore sur OK!<br />
Si vous voulez en savoir plus sur la gestion des couleurs et des couleurs de fil, lisez [[:en:Stitch_Era_-_vector_and_thread_color|Stitch Era - vecteur et couleur de fil]].<br />
<br />
'''Changer le motif de point'''<br />
* Ouvrez l'onglet de la section '''Réglage de points'''<br />
* Sélectionnez votre motif préféré<br />
* Changer les densités à 4 lignes / mm<br />
J'ai également changé le point Zig zag par défaut en un point aléatoire automatique de 3 mm (''Configurations avancées'').<br />
* Maintenant vous pouvez cliquer sur OK.<br />
Si vous glissez votre souris sur un élément de l'aiguille dans la palette à gauche (ne cliquez pas sur!), vous verrez que le fil de Madeira vous sera demandé d'utiliser plus tard. Comme vous le verrez, les noms de couleurs ne sont pas les mêmes, mais nous ne pouvons rien y faire.<br />
[[Fichier:Stitch-era-needle-info.png|néant|vignette|560x560px|Info aiguille]]<br />
'''Refaire la numérisation'''<br />
* Premièrement enregistrez le fichier.<br />
Si vous n'êtes pas satisfait du résultat, ouvrez l’Administrateur d'objets (à droite)<br />
* Cliquez sur la section pour tout sélectionner. '''Assurez-vous de sélectionner les sections de point''' et '''non''' les vecteurs !<br />
* Appuyez sur CTRL-X<br />
* Recommencez maintenant "à broder". Vos zones de points devraient disparaître ...<br />
* Par exemple, sélectionnez chaque groupe de vecteurs en utilisant la touche SHIFT et ajoutez des bordures si vous préférez avoir un point courant autour de chaque section de point.<br />
* Vous pouvez également améliorer les graphismes de différentes manières, bien que cela soit parfois une perte de temps puisque les points ignorent les détails plus fins, c'est-à-dire que le réglage fin peut plutôt être effectué au niveau de la zone de point.<br />
* Dans le cas où vous voulez juste chaque figure comme une seule forme, rien n'est plus facile que cela : Sélectionnez tout, puis '''Combiner les vecteurs''' -> '''Ajout'''.<br />
* Enfin, sélectionnez chaque figure et '''Eliminer les trous'''.<br />
Quoi qu'il en soit, passons au design original.<br />
<br />
=== Réglage des zones de points ===<br />
En regardant le résultat, nous remarquons que certains vecteurs ont été rendus comme des Zigzags et d'autres comme des motifs de remplissage. Cela fonctionne par défaut.<br />
<br />
Puisque nous croyons que toutes les têtes devraient se ressembler, nous apportons quelques petits changements:<br />
* Décochez Auxiliaire (bouton vert en haut à droite), pas nécessaire mais conseillé…<br />
* Cliquez sur les sections que vous souhaitez modifier, par ex. tête des figures un et deux, plus la poitrine des figures 3 et 5<br />
* Ensuite, dans l'Administrateur d'objets, modifiez le style de remplissage. Nous avons utilisé:<br />
** Modèle<br />
** Densité = 4<br />
** Nom = PTM-0008<br />
[[Fichier:Stitch-era-evolution-example-4.png|néant|vignette|600x600px|Modification du style de remplissage via l'Administrateur d'objets]]<br />
Alternativement, vous pouvez également utiliser le tableau de remplissage en dessus, mais nous préférons l'Administrateur d'objets car il montre plus d'informations et aussi parce que vous pouvez changer les propriétés de plusieurs objets à la fois.<br />
<br />
Dans l'image ci-dessous, nous avons changé le type de remplissage de toutes les têtes en PTM-008.<br />
[[Fichier:Stitch-era-evolution-example-5.png|néant|vignette|600x600px|Changement de type de remplissage sur plusieurs zones de points]]<br />
=== Résultat ===<br />
Résultat affiché:<br />
[[Fichier:Stitch-era-evolution-example-6.png|néant|vignette|600x600px|Modification de types de remplissage via l'Administrateur d'objets]]<br />
* Certains points de zigzag sont très larges<br />
* Nous pourrions en fait transformer chaque jambe droite en style Zigzag irrégulier multicolonne par exemple (ce que nous avons fait avant l'impression).<br />
Résultat cousu:<br />
[[Fichier:Evolution-embroidered-2.jpg|néant|vignette|600x600px|Evolution brodée]]<br />
Le design n'est pas vraiment glorieux et les contrastes de couleurs sont trop grands car nous possédons pas une grande collection de fils. Les points irréguliers en Zigzag utilisés pour les jambes ajoutent une touche intéressante, bien que certaines personnes pourraient préférer des modèles plus propres. Enfin, nous pourrions ajouter des points de la même couleur autour de la bordure extérieure, mais c'est le travail supplémentaire…<br />
<br />
Si vous voulez savoir plus sur le Réglage des zones de points, lisez [[:en:Stitch_Era_-_adjusting_stitch_sections|Stitch Era - réglage des sections de points]]<br />
<br />
== Problèmes, conseils et passer à autre chose ==<br />
Étant donné que de nombreuses images que vous pouvez trouver sur Internet sont les images matricielles, nous vous recommandons maintenant le tutoriel [[:en:Stitch_Era_-_creating_embroidery_from_raster_images|Stitch Era - création de broderie à partir des images matricielles]]<br />
<br />
Pour en savoir plus sur la numérisation des images matricielles et vectorielles, vous devez également apprendre quelques notions de base:<br />
* [[:en:Stitch_Era_-_adjusting_stitch_sections|Stitch Era - réglage des sections de point]]<br />
* [[:en:Stitch_Era_-_vector_graphics|Stitch Era - images vectorielles]]<br />
Il peut également être utile de jeter un œil à [[:en:Stitch_Era_-_trouble_shooting|Stitch Era - dépannage]] et [[:en:Stitch_Era_-_interface_features_for_working_with_a_design|Stitch Era - caractéristiques de l'interface pour travailler avec le design]]<br />
<br />
Ensuite, passez à:<br />
* [[:en:Stitch_Era_-_digitizing_complex_vector_images|Stitch Era - numérisation des images vectorielles complexes]]<br />
* [[:en:Stitch_Era_-_digitizing_complex_bitmap_images|Stitch Era - numérisation des images matricielles complexes]]<br />
<br />
=== Importation depuis Inkscape, Illustrator et Corel Draw ===<br />
Dans Stitch Era 17:<br />
* Epreuve -> Chercher sur l'application (le fichier doit être ouvert dans l'application). Cela fonctionne avec Illustrator ou Corel Draw.<br />
* Epreuve -> Ouvrir le fichier vecteur (ai, cdr, svg, wmf, etc.)<br />
Si les polices ne s'affichent pas, transformez les polices en objets. Par exemple. Dans Inkscape, sélectionnez le texte, puis Menu Chemin -> Objet en chemin<br />
<br />
Dans Stitch Era 11, les fichiers Illustrator et Corel Draw, mais pas SVG, pouvaient être importés. Les anciennes versions ne supportaient que Corel Draw.<br />
<br />
'''Un simple test (2011)'''<br />
<br />
Fichier de test utilisé: [https://openclipart.org/detail/135013/green-plant-in-its-pot-in-three-different-phases-of-growth Plante verte dans son pot dans trois différentes phases de croissance]<br />
* Corel Draw ne peut pas gérer ce fichier SVG assez simple<br />
* Importer vers Illustrator. Nous avons ensuite dissocié (3 niveaux) et enlevé les ombres (clic et DEL)<br />
* Enregistrer le fichier en tant que * .ai<br />
* Importer le fichier dans Corel Draw<br />
* Importer le fichier Corel à Stitch Era: '''Obtenir à partir de l'application''' -> '''Corel Draw'''<br />
Le résultat est avec pertes (par exemple, les dégradés de couleurs sont supprimés), mais la qualité du dessin est assez bonne pour la broderie. Bien sûr, le résultat devrait être adapté, c'est-à-dire simplifié.<br />
{| class="wikitable sortable"<br />
|+Importation de SVG avec pertes <br />
!Original<br />
!Illustrator<br />
!Stitch Era<br />
|-<br />
|[[Fichier:Plant-002 growing.png|vignette|260x260px|Original SVG]]<br />
|[[Fichier:Stitch-era-imported-vector-graphics-1.png|vignette|260x260px|Image du modèle AP simplifié]]<br />
|[[Fichier:Stitch-era-imported-vector-graphics-2.png|vignette|250x250px|Image du modèle importé via Corel]]<br />
|}<br />
Voyons maintenant ce que cela donne avec la numérisation minimale.<br />
* Redimensionner l'image à environ 12 x 7,8 cm<br />
* Enlever les bandes grises sur les pots<br />
* Simplifier les vecteurs:<br />
** Tout sélectionner: CTRL-A<br />
** Dans l'onglet '''Combiner''', cliquez sur '''Combiner les vecteurs-> Simplifier'''<br />
<br />
* Procédure de numérisation automatique:<br />
** CTRL-A pour tout sélectionner<br />
** '''Broderie -> Art to Stitch (Intelligent)'''<br />
** Densité du motif réduite à 4 lignes / mm<br />
L’image est imprimée par [https://www.wilcom.com/ Wilcom Truesizer]. Elle ne représente pas tout à fait l’original, c'est-à-dire que certaines zones blanches qui sont imprimées en premier et celles en dessous ne s'affichent pas du tout.<br />
[[Fichier:Plant 002 growing truesizer.png|néant|vignette|600x600px|Design représenté par Wilcom Truesizer]]<br />
'''Un test simple (2017)'''<br />
<br />
[[Catégorie:Tutoriels]]<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Fichier:Plant_002_growing_truesizer.png&diff=75966Fichier:Plant 002 growing truesizer.png2018-01-10T00:49:30Z<p>LiudmylaG : </p>
<hr />
<div>Design représenté par Wilcom Truesizer</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Fichier:Plant-002_growing.png&diff=75965Fichier:Plant-002 growing.png2018-01-10T00:42:18Z<p>LiudmylaG : </p>
<hr />
<div>Original SVG</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Fichier:Stitch-era-imported-vector-graphics-2.png&diff=75964Fichier:Stitch-era-imported-vector-graphics-2.png2018-01-10T00:31:06Z<p>LiudmylaG : </p>
<hr />
<div>Image du modèle importé via Corel</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Fichier:Stitch-era-imported-vector-graphics-1.png&diff=75963Fichier:Stitch-era-imported-vector-graphics-1.png2018-01-10T00:29:26Z<p>LiudmylaG : </p>
<hr />
<div>Image du modèle simplifié</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27un_dessin_vectoriel&diff=75962Stitch Era - créer une broderie à partir d'un dessin vectoriel2018-01-10T00:03:46Z<p>LiudmylaG : /* Résultat */</p>
<hr />
<div>{{En construction}}<br />
<br />
== '''Introduction''' ==<br />
Ce tutoriel, créé pour les personnes débutant avec le logiciel Stitch Era embroidery, explique comment passer d'images vectorisées à de la broderie sans avoir besoin de fortes connaissances en numérisation. Si vous partez d'une image vectorielle (et non d'un fichier *.png ou *.jpg), vous devriez obtenir un bon résultat assez rapidement.<br />
<br />
<div class="tut_goals"><br />
'''Homepage du tutoriel''' <br />
<br />
* Version française: [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]]<br />
* Version anglaise: [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software]<br />
<br />
'''Objectifs d'apprentissage''' <br />
* Être capable d'importer des images vectorielles<br />
* Être capable de numériser des images vectorielles<br />
<br />
'''Prérequis''' <br />
<br />
Avoir le logiciel [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]] / [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software] installé (et en particulier, être capable de créer un nouveau design).<br />
<br />
'''Pages liées à celle-ci''' <br />
<br />
''A compléter.'' <br />
<br />
'''Ressources utilisées''' <br />
<br />
Vous pouvez réutiliser les images présentes dans ce tutoriel. Cliquez dessus pour les agrandir, puis cliquer une seconde fois pour pouvoir ensuite les enregistrer.<br />
<br />
'''Qualité et niveau'''<br />
<br />
Ce tutoriel devrait suffire pour débuter dans Stitch Era. Il est utilisé par les auteurs de cet article dans le cadre d'un cours optionnel de master dans le domaine des technologies éducatives.<br />
<br />
'''Dernière mise à jour majeure'''<br />
<br />
''A compléter une fois cet article terminé.''<br />
<br />
'''Prochaines étapes'''<br />
<br />
''A compléter une fois que d'autres articles du wiki sur le sujet seront terminés.''<br />
<br />
</div><br />
<br />
=== '''Formats des images vectorielles et fichiers d'extensions''' ===<br />
<br />
Il existe deux types de formats pour les fichiers images:<br />
<br />
* Les images vectorielles sont des "dessins mathématiques" qui sont en principe beaucoup plus faciles à numériser que d'autres types d'images. Les images vectorielles sont entièrement adaptables, par exemple, elles ne perdront pas en qualité si l'on change leur taille. Parmi les logiciels les plus utilisés pour créer des images vectorielles, on trouve Inkscape (gratuit), Illustrator et Corel Draw. Stitch Era permet d'importer des dessins au format SVG ainsi que des formats propriétaires de Corel Draw et Illustrator. Les formaty habituels de ces fichiers sont *.ai, *.svg, *.cdr, *.wmf et *.emf. Stitch Era inclut son propre logiciel de dessin d'images vectorielles, pouvant être utilisé dans la première phase de design d'une broderie. Vous pouvez utiliser ce module afin d'arranger/modifier des images vectorielles importées et/ou pour dessiner vos propres images.<br />
* Les Bitmaps (aussi appelés images matricielles) définissent une image, par exemple un dessin ou une photo, constituée d'une matrice de points colorés. Les bitmaps sont désavantageux concernant deux points: (1) Il n'est pas possible de modifier la taille d'une image sans perdre en qualité. (2) La plupart des formats d'images permettent de les compresser (réduire leur taille) en leur faisant perdre certaines informations. Les images Bitmaps qui paraissent nettes ne le sont probablement pas en réalité. Cependant, la plupart des clip art trouvés sur internet sont malheureusement des bitmaps. Numériser des bitmaps implique de les transformer en images vectorielles dans un premier temps. Ce processus s'appelle la vectorisation. Il est possible de numériser directement un bitmap en sections de points de couture, cependant le résultat n'est généralement pas très satisfaisant. Les formats de bitmaps les plus courants sont ".png, *.jpg et *.gif. Les fichiers au format PNG ainsi que GIF sont optimisés pour le dessin, tandis que le format *.jpg l'est pour les photographies.<br />
<br />
=== '''Un aperçu du processus de design''' ===<br />
Dans ce tutoriel, nous allons montrer comment créer de la broderie à partir de ces deux types de formats, les images vectorielles et les bitmaps. De base, le processus de création de broderie ressemble à cela: (les étapes optionnelles se trouvant entre "[...]")<br />
<br />
<pre><nowiki><br />
[ bitmaps ] -> [ images vectorielles ] -> sections de points de couture (stitch sections) -> points de couture générés (stitchs générés)<br />
</nowiki></pre><br />
<br />
Les sections de points de couture (aussi appelés objets de broderie) sont une sorte d'images vectorielles spécifiques à la broderie, qui définissent des surfaces (areas) et des lignes (path) selon la manière dont ils vont être coudre. Comment cela sera cousu est défini par plusieurs paramètres. Des professionnels pourraient créer des points de couture directement. D'autres commencent souvent à partir de fichiers images. Le passage d'images vectorielles à des sections de points de couture s'appelle la numérisation. Lorsque cela est fait automatiquement (ce que Stitch Era peut faire), cela s'appelle de l'auto-numérisation.<br />
<br />
Ce tutoriel va expliquer ci-dessous comment fonctionnent les images vectorielles. En particulier, à partir du format internet ouvert SVG, dans lequel on peut trouver des images gratuites sur des sites tels que openclipart ou encore thenounproject. Si vous êtes intéressés à utiliser des images matricielles (par exemple au format *.jpg et *.png), vous devriez voir la procédure à suivre plus bas afin de les transformer en images vectorielles, pour ensuite créer une broderie à partir d'elles.<br />
<br />
=== '''La qualité de la (semi)auto-numérisation''' ===<br />
<br />
Avant de lire la suite de ce tutoriel, il faut savoir que la broderie créée à partir d'images en utilisant de l'auto-numérisation ne sera pas d'un niveau professionnel. Comme vous le verrez, il est relativement facile de numériser un bitmap ou une image vectorielle. Le résultat sera suffisamment acceptable et satisfaisant pour certains usages. Cependant, il y aura trois problèmes majeurs:<br />
<br />
1) Le résultat ne transmettra pas forcément le message souhaité. Par exemple, si la broderie voulue inclut trop de petits détails.<br />
<br />
2) Une broderie de qualité ne suit pas les mêmes principes visuels de design tels que ceux que nous faisons sur un écran ou même sur des dessins papiers. Le résultat peut de ce fait être moins bon.<br />
<br />
3) La plupart des broderies seront assez rigides, et de ce fait pas forcément agréables à porter. Typiquement, dans le dessin numérique, des formes sont superposées les unes sur les autres car il est plus facile de dessiner de cette manière et on ne peut voir à travers une forme (à moins d'avoir mis une couleur en transparence). En broderie, lorsque l'on superpose 2 couches assez denses de coutures ou plus, le résultat devient très rigide. Heureusement, Stitch Era propose des outils afin de régler ce problème.<br />
<br />
Les images ci-dessous montrent la différence entre une broderie simplement auto-numérisée tel que nous l'avons expliqué plus haut, et une broderie ayant été réarrangée de la manière expliquée sur la page Stitch Era - créer une broderie à partir d'une image complexe (LIEN A RAJOUTER).<br />
<br />
{| border="1"<br />
| <br />
[[Fichier:Lams-dolly-lrg.gif|vignette|200px|bitmap original]]<br />
| <br />
[[Fichier:Lams-lamb-embroidery-4a.jpg|vignette|200px|Logo auto-numérisé]]<br />
|-<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-1.jpg|vignette|200px|Logo réarrangé et (majoritairement) auto-numérisé]]<br />
<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-2.jpg|vignette|200px|Logo réarrangé (version 2)]]<br />
|}<br />
<br />
Cela étant dit, une simple auto-numérisation est le meilleur moyen de commencer, et après un jour ou deux vous serez à même de produire des design suffisamment jolis pour les porter sur vos propres vêtements. :)<br />
<br />
== '''Numérisation des images vectorielles - évolution''' ==<br />
Dans cette partie, nous introduisons quelques petites astuces avec un autre exemple. En particulier, nous abordons les points suivants:<br />
* Réorganiser les vecteurs<br />
* Indiquer à Stitch Era les lignes de fil à utiliser pour un design (par exemple, Madeira Rayon)<br />
* Apporter des légères modifications aux sections de points<br />
Cette partie a été faite pour Stitch Era 11. L'importation de SVG est beaucoup plus facile maintenant. Le reste est similaire.<br />
<br />
=== '''Importation des images SVG''' ===<br />
Nous avons importé l'image SVG - [https://openclipart.org/detail/12755/evolution-steps|les étapes d'évolution.] Nous avons également testé d'importer le dessin via * .emf et le résultat est moins convaincant, bien qu'il soit utilisable avec beaucoup de travail supplémentaire.<br />
<br />
C'est ce que nous avons obtenu:<br />
[[Fichier:Stitch-era-evolution-example.png|vignette|600x600px|Evolution - image vectorielle importée|néant]]Nous pouvons voir sur l’image que les vecteurs ne sont pas dans le bon ordre, c'est-à-dire que les objets qui devraient être en dessus se trouvent sous les autres objets. Pour changer l'ordre d'empilement il existe trois manières différentes :<br />
<br />
* Avec le menu contextuel (faites un clic droit sur l'objet et sélectionnez '''Modifier l'ordre''')<br />
<br />
* Avec le menu principale tout en haut (sélectionnez un objet, cliquez sur '''Disposition''' et après sur la section '''Avant & Arrière''')<br />
<br />
* Avec l’Administrateur d'objets. C'est la solution conseillée si vous devez en changer plusieurs. En faisant glisser un vecteur, vous pouvez changer son ordre.<br />
<br />
Une autre option serait de changer l'ordre au niveau de la section de point.<br />
[[Fichier:Stitch-era-evolution-example-2.png|néant|vignette|600x600px|Changement de l'ordre d'empilement en faisant glisser un objet dans l’Administrateur d'objets]]<br />
<br />
=== Adaptation de la couleur ===<br />
Nous avons décidé de travailler avec trois couleurs seulement et d'attribuer les mêmes couleurs pour chaque figure:<br />
* Sombre pour le corps<br />
* Clair pour le bras droit et la tête<br />
<br />
* Moyen pour la jambe droite<br />
La sélection des couleurs est un peu compliquée dans le Stitch era car la palette de couleurs dans le menu déroulant '''Couleur et remplissage''' est vraiment petite et les couleurs sont très difficiles à distinguer.<br />
* Sélectionnez toutes les têtes et tous les bras droits : Maintenez la touche CTRL enfoncée et cliquez sur chacun.<br />
* Pour vous assurer que vous avez tout sélectionné, éloignez le groupe, puis appuyez sur CTRL-Z pour le remettre.<br />
* Vous pouvez également regrouper les objets sélectionnés ('''Disposition -> Groupe''').<br />
* Changer les couleurs pour les éléments sélectionnés avec le menu déroulant '''Couleur et remplissage'''.<br />
<br />
Si vous souhaitez récupérer une couleur à l'aide d'un nom de couleur qui vous connaissez, il faut recherchez la spécification RVB dans la [[wp_en:Lists_of_colors|Liste des couleurs]] de Wikipédia par exemple. La couleur ''cuivre'' serait (184,115,51) selon la liste. Une fois que vous avez obtenu les trois numéros Rouge / Vert / Bleu, vous pouvez les entrer dans le panneau '''Sélectionner une couleur''' que vous obtenez dans le menu déroulant '''Couleur de remplissage -> Couleurs supplémentaires''' de Stitch Era. <br />
<br />
Pour notre exemple, nous avons fait: <br />
* tête et bras droit = cuivre (184, 115, 51)<br />
* corps = brun foncé (101,67,33)<br />
* jambes droites = café (150,75,0)<br />
Si vous vous êtes déjà familiarisé avec les images vectorielles, vous pouvez maintenant améliorer le dessin. Par exemple, nous avons changé légèrement les bras droits (l'articulation supérieure et les mains).<br />
<br />
=== Simplifier ===<br />
Afin d’éviter le fronçage du tissu, il ne faut pas imprimer trop de couches de points de suture.<br />
<br />
Nous pouvons simplifier le dessin avec la méthode Combine Vectors (CSG):<br />
* Tout sélectionner<br />
* Simplifier<br />
Nous obtenons maintenant des vecteurs supplémentaires, puisque des parties comme le corps ont été coupées en plusieurs parties:<br />
[[Fichier:Stitch-era-evolution-example-3.png|néant|vignette|600x600px|Image vectorielle prête à être numérisée]]<br />
Certains de ces vecteurs sont trop petits pour être cousus ou ne produiront pas vraiment de bons résultats. Vous pouvez donc les enlever. Nous avons enlevé un petit vecteur (# 3) et quelques nœuds de vecteurs qui avaient des tentacules. Pour faire cela, cliquez directement sur le vecteur dans l'espace de travail ou dans l’Administrateur d'objets, puis sélectionnez le petit contrôle de nœud, cliquez avec le bouton droit et supprimez.<br />
<br />
=== Numérisation ===<br />
Le design est prêt maintenant pour l'auto-numérisation.<br />
* Tout sélectionner (CTRL-A)<br />
* Convertir en Broderie, sélectionnez '''Broderie''' -> '''Art to Stitch (Intelligent)'''<br />
Vous devriez voir le menu contextuel ''Image en Objets'' et nous allons faire maintenant un peu d'étalonnage au lieu de cliquer sur OK.<br />
<br />
'''Assignation des couleurs de l’image à la palette d’aiguille'''<br />
* Sélectionnez l'onglet '''Réglages d'aiguille''' dans la fenêtre contextuelle ''Image en Objets''<br />
* Cochez la case "Assigner les couleurs du dessin ...." (dernier élément)<br />
* Vous pouvez attribuer des couleurs de votre art vectoriel à des "aiguilles" représentant vos fils avec le petit menu déroulant.<br />
* Ne cliquez pas encore sur OK!<br />
Si vous voulez en savoir plus sur la gestion des couleurs et des couleurs de fil, lisez [[:en:Stitch_Era_-_vector_and_thread_color|Stitch Era - vecteur et couleur de fil]].<br />
<br />
'''Changer le motif de point'''<br />
* Ouvrez l'onglet de la section '''Réglage de points'''<br />
* Sélectionnez votre motif préféré<br />
* Changer les densités à 4 lignes / mm<br />
J'ai également changé le point Zig zag par défaut en un point aléatoire automatique de 3 mm (''Configurations avancées'').<br />
* Maintenant vous pouvez cliquer sur OK.<br />
Si vous glissez votre souris sur un élément de l'aiguille dans la palette à gauche (ne cliquez pas sur!), vous verrez que le fil de Madeira vous sera demandé d'utiliser plus tard. Comme vous le verrez, les noms de couleurs ne sont pas les mêmes, mais nous ne pouvons rien y faire.<br />
[[Fichier:Stitch-era-needle-info.png|néant|vignette|560x560px|Info aiguille]]<br />
'''Refaire la numérisation'''<br />
* Premièrement enregistrez le fichier.<br />
Si vous n'êtes pas satisfait du résultat, ouvrez l’Administrateur d'objets (à droite)<br />
* Cliquez sur la section pour tout sélectionner. '''Assurez-vous de sélectionner les sections de point''' et '''non''' les vecteurs !<br />
* Appuyez sur CTRL-X<br />
* Recommencez maintenant "à broder". Vos zones de points devraient disparaître ...<br />
* Par exemple, sélectionnez chaque groupe de vecteurs en utilisant la touche SHIFT et ajoutez des bordures si vous préférez avoir un point courant autour de chaque section de point.<br />
* Vous pouvez également améliorer les graphismes de différentes manières, bien que cela soit parfois une perte de temps puisque les points ignorent les détails plus fins, c'est-à-dire que le réglage fin peut plutôt être effectué au niveau de la zone de point.<br />
* Dans le cas où vous voulez juste chaque figure comme une seule forme, rien n'est plus facile que cela : Sélectionnez tout, puis '''Combiner les vecteurs''' -> '''Ajout'''.<br />
* Enfin, sélectionnez chaque figure et '''Eliminer les trous'''.<br />
Quoi qu'il en soit, passons au design original.<br />
<br />
=== Réglage des zones de points ===<br />
En regardant le résultat, nous remarquons que certains vecteurs ont été rendus comme des Zigzags et d'autres comme des motifs de remplissage. Cela fonctionne par défaut.<br />
<br />
Puisque nous croyons que toutes les têtes devraient se ressembler, nous apportons quelques petits changements:<br />
* Décochez Auxiliaire (bouton vert en haut à droite), pas nécessaire mais conseillé…<br />
* Cliquez sur les sections que vous souhaitez modifier, par ex. tête des figures un et deux, plus la poitrine des figures 3 et 5<br />
* Ensuite, dans l'Administrateur d'objets, modifiez le style de remplissage. Nous avons utilisé:<br />
** Modèle<br />
** Densité = 4<br />
** Nom = PTM-0008<br />
[[Fichier:Stitch-era-evolution-example-4.png|néant|vignette|600x600px|Modification du style de remplissage via l'Administrateur d'objets]]<br />
Alternativement, vous pouvez également utiliser le tableau de remplissage en dessus, mais nous préférons l'Administrateur d'objets car il montre plus d'informations et aussi parce que vous pouvez changer les propriétés de plusieurs objets à la fois.<br />
<br />
Dans l'image ci-dessous, nous avons changé le type de remplissage de toutes les têtes en PTM-008.<br />
[[Fichier:Stitch-era-evolution-example-5.png|néant|vignette|600x600px|Changement de type de remplissage sur plusieurs zones de points]]<br />
=== Résultat ===<br />
Résultat affiché:<br />
[[Fichier:Stitch-era-evolution-example-6.png|néant|vignette|600x600px|Modification de types de remplissage via l'Administrateur d'objets]]<br />
* Certains points de zigzag sont très larges<br />
* Nous pourrions en fait transformer chaque jambe droite en style Zigzag irrégulier multicolonne par exemple (ce que nous avons fait avant l'impression).<br />
Résultat cousu:<br />
[[Fichier:Evolution-embroidered-2.jpg|néant|vignette|600x600px|Evolution brodée]]<br />
Le design n'est pas vraiment glorieux et les contrastes de couleurs sont trop grands car nous possédons pas une grande collection de fils. Les points irréguliers en Zigzag utilisés pour les jambes ajoutent une touche intéressante, bien que certaines personnes pourraient préférer des modèles plus propres. Enfin, nous pourrions ajouter des points de la même couleur autour de la bordure extérieure, mais c'est le travail supplémentaire…<br />
<br />
Si vous voulez savoir plus sur le Réglage des zones de points, lisez [[:en:Stitch_Era_-_adjusting_stitch_sections|Stitch Era - réglage des sections de points]]<br />
<br />
== Problèmes, conseils et passer à autre chose ==<br />
Étant donné que de nombreuses images que vous pouvez trouver sur Internet sont les images matricielles, nous vous recommandons maintenant le tutoriel [[:en:Stitch_Era_-_creating_embroidery_from_raster_images|Stitch Era - création de broderie à partir des images matricielles]]<br />
<br />
Pour en savoir plus sur la numérisation des images matricielles et vectorielles, vous devez également apprendre quelques notions de base:<br />
* [[:en:Stitch_Era_-_adjusting_stitch_sections|Stitch Era - réglage des sections de point]]<br />
* [[:en:Stitch_Era_-_vector_graphics|Stitch Era - images vectorielles]]<br />
Il peut également être utile de jeter un œil à [[:en:Stitch_Era_-_trouble_shooting|Stitch Era - dépannage]] et [[:en:Stitch_Era_-_interface_features_for_working_with_a_design|Stitch Era - caractéristiques de l'interface pour travailler avec le design]]<br />
<br />
Ensuite, passez à:<br />
* [[:en:Stitch_Era_-_digitizing_complex_vector_images|Stitch Era - numérisation des images vectorielles complexes]]<br />
* [[:en:Stitch_Era_-_digitizing_complex_bitmap_images|Stitch Era - numérisation des images matricielles complexes]]<br />
<br />
=== Importation depuis Inkscape, Illustrator et Corel Draw ===<br />
Dans Stitch Era 17:<br />
* Epreuve -> Chercher sur l'application (le fichier doit être ouvert dans l'application). Cela fonctionne avec Illustrator ou Corel Draw.<br />
* Epreuve -> Ouvrir le fichier vecteur (ai, cdr, svg, wmf, etc.)<br />
Si les polices ne s'affichent pas, transformez les polices en objets. Par exemple. Dans Inkscape, sélectionnez le texte, puis Menu Chemin -> Objet en chemin<br />
<br />
Dans Stitch Era 11, les fichiers Illustrator et Corel Draw, mais pas SVG, pouvaient être importés. Les anciennes versions ne supportaient que Corel Draw.<br />
<br />
'''Un test simple (2011)'''<br />
<br />
Fichier de test utilisé: [https://openclipart.org/detail/135013/green-plant-in-its-pot-in-three-different-phases-of-growth Plante verte dans son pot dans trois différentes phases de croissance]<br />
* Corel Draw ne peut pas gérer ce fichier SVG assez simple<br />
* Importer vers Illustrator. Nous avons ensuite dissocié (3 niveaux) et enlevé les ombres (clic et DEL)<br />
* Enregistrer le fichier en tant que * .ai<br />
* Importer le fichier dans Corel Draw<br />
* Importer le fichier Corel à Stitch Era: '''Obtenir à partir de l'application''' -> '''Corel Draw'''<br />
Le résultat est avec pertes (par exemple, les dégradés de couleurs sont supprimés), mais la qualité du dessin est assez bonne pour la broderie. Bien sûr, le résultat devrait être adapté, c'est-à-dire simplifié.<br />
<br />
[[Catégorie:Tutoriels]]<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27un_dessin_vectoriel&diff=75948Stitch Era - créer une broderie à partir d'un dessin vectoriel2018-01-09T18:34:12Z<p>LiudmylaG : /* Réglage des zones de points */</p>
<hr />
<div>{{En construction}}<br />
<br />
== '''Introduction''' ==<br />
Ce tutoriel, créé pour les personnes débutant avec le logiciel Stitch Era embroidery, explique comment passer d'images vectorisées à de la broderie sans avoir besoin de fortes connaissances en numérisation. Si vous partez d'une image vectorielle (et non d'un fichier *.png ou *.jpg), vous devriez obtenir un bon résultat assez rapidement.<br />
<br />
<div class="tut_goals"><br />
'''Homepage du tutoriel''' <br />
<br />
* Version française: [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]]<br />
* Version anglaise: [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software]<br />
<br />
'''Objectifs d'apprentissage''' <br />
* Être capable d'importer des images vectorielles<br />
* Être capable de numériser des images vectorielles<br />
<br />
'''Prérequis''' <br />
<br />
Avoir le logiciel [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]] / [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software] installé (et en particulier, être capable de créer un nouveau design).<br />
<br />
'''Pages liées à celle-ci''' <br />
<br />
''A compléter.'' <br />
<br />
'''Ressources utilisées''' <br />
<br />
Vous pouvez réutiliser les images présentes dans ce tutoriel. Cliquez dessus pour les agrandir, puis cliquer une seconde fois pour pouvoir ensuite les enregistrer.<br />
<br />
'''Qualité et niveau'''<br />
<br />
Ce tutoriel devrait suffire pour débuter dans Stitch Era. Il est utilisé par les auteurs de cet article dans le cadre d'un cours optionnel de master dans le domaine des technologies éducatives.<br />
<br />
'''Dernière mise à jour majeure'''<br />
<br />
''A compléter une fois cet article terminé.''<br />
<br />
'''Prochaines étapes'''<br />
<br />
''A compléter une fois que d'autres articles du wiki sur le sujet seront terminés.''<br />
<br />
</div><br />
<br />
=== '''Formats des images vectorielles et fichiers d'extensions''' ===<br />
<br />
Il existe deux types de formats pour les fichiers images:<br />
<br />
* Les images vectorielles sont des "dessins mathématiques" qui sont en principe beaucoup plus faciles à numériser que d'autres types d'images. Les images vectorielles sont entièrement adaptables, par exemple, elles ne perdront pas en qualité si l'on change leur taille. Parmi les logiciels les plus utilisés pour créer des images vectorielles, on trouve Inkscape (gratuit), Illustrator et Corel Draw. Stitch Era permet d'importer des dessins au format SVG ainsi que des formats propriétaires de Corel Draw et Illustrator. Les formaty habituels de ces fichiers sont *.ai, *.svg, *.cdr, *.wmf et *.emf. Stitch Era inclut son propre logiciel de dessin d'images vectorielles, pouvant être utilisé dans la première phase de design d'une broderie. Vous pouvez utiliser ce module afin d'arranger/modifier des images vectorielles importées et/ou pour dessiner vos propres images.<br />
* Les Bitmaps (aussi appelés images matricielles) définissent une image, par exemple un dessin ou une photo, constituée d'une matrice de points colorés. Les bitmaps sont désavantageux concernant deux points: (1) Il n'est pas possible de modifier la taille d'une image sans perdre en qualité. (2) La plupart des formats d'images permettent de les compresser (réduire leur taille) en leur faisant perdre certaines informations. Les images Bitmaps qui paraissent nettes ne le sont probablement pas en réalité. Cependant, la plupart des clip art trouvés sur internet sont malheureusement des bitmaps. Numériser des bitmaps implique de les transformer en images vectorielles dans un premier temps. Ce processus s'appelle la vectorisation. Il est possible de numériser directement un bitmap en sections de points de couture, cependant le résultat n'est généralement pas très satisfaisant. Les formats de bitmaps les plus courants sont ".png, *.jpg et *.gif. Les fichiers au format PNG ainsi que GIF sont optimisés pour le dessin, tandis que le format *.jpg l'est pour les photographies.<br />
<br />
=== '''Un aperçu du processus de design''' ===<br />
Dans ce tutoriel, nous allons montrer comment créer de la broderie à partir de ces deux types de formats, les images vectorielles et les bitmaps. De base, le processus de création de broderie ressemble à cela: (les étapes optionnelles se trouvant entre "[...]")<br />
<br />
<pre><nowiki><br />
[ bitmaps ] -> [ images vectorielles ] -> sections de points de couture (stitch sections) -> points de couture générés (stitchs générés)<br />
</nowiki></pre><br />
<br />
Les sections de points de couture (aussi appelés objets de broderie) sont une sorte d'images vectorielles spécifiques à la broderie, qui définissent des surfaces (areas) et des lignes (path) selon la manière dont ils vont être coudre. Comment cela sera cousu est défini par plusieurs paramètres. Des professionnels pourraient créer des points de couture directement. D'autres commencent souvent à partir de fichiers images. Le passage d'images vectorielles à des sections de points de couture s'appelle la numérisation. Lorsque cela est fait automatiquement (ce que Stitch Era peut faire), cela s'appelle de l'auto-numérisation.<br />
<br />
Ce tutoriel va expliquer ci-dessous comment fonctionnent les images vectorielles. En particulier, à partir du format internet ouvert SVG, dans lequel on peut trouver des images gratuites sur des sites tels que openclipart ou encore thenounproject. Si vous êtes intéressés à utiliser des images matricielles (par exemple au format *.jpg et *.png), vous devriez voir la procédure à suivre plus bas afin de les transformer en images vectorielles, pour ensuite créer une broderie à partir d'elles.<br />
<br />
=== '''La qualité de la (semi)auto-numérisation''' ===<br />
<br />
Avant de lire la suite de ce tutoriel, il faut savoir que la broderie créée à partir d'images en utilisant de l'auto-numérisation ne sera pas d'un niveau professionnel. Comme vous le verrez, il est relativement facile de numériser un bitmap ou une image vectorielle. Le résultat sera suffisamment acceptable et satisfaisant pour certains usages. Cependant, il y aura trois problèmes majeurs:<br />
<br />
1) Le résultat ne transmettra pas forcément le message souhaité. Par exemple, si la broderie voulue inclut trop de petits détails.<br />
<br />
2) Une broderie de qualité ne suit pas les mêmes principes visuels de design tels que ceux que nous faisons sur un écran ou même sur des dessins papiers. Le résultat peut de ce fait être moins bon.<br />
<br />
3) La plupart des broderies seront assez rigides, et de ce fait pas forcément agréables à porter. Typiquement, dans le dessin numérique, des formes sont superposées les unes sur les autres car il est plus facile de dessiner de cette manière et on ne peut voir à travers une forme (à moins d'avoir mis une couleur en transparence). En broderie, lorsque l'on superpose 2 couches assez denses de coutures ou plus, le résultat devient très rigide. Heureusement, Stitch Era propose des outils afin de régler ce problème.<br />
<br />
Les images ci-dessous montrent la différence entre une broderie simplement auto-numérisée tel que nous l'avons expliqué plus haut, et une broderie ayant été réarrangée de la manière expliquée sur la page Stitch Era - créer une broderie à partir d'une image complexe (LIEN A RAJOUTER).<br />
<br />
{| border="1"<br />
| <br />
[[Fichier:Lams-dolly-lrg.gif|vignette|200px|bitmap original]]<br />
| <br />
[[Fichier:Lams-lamb-embroidery-4a.jpg|vignette|200px|Logo auto-numérisé]]<br />
|-<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-1.jpg|vignette|200px|Logo réarrangé et (majoritairement) auto-numérisé]]<br />
<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-2.jpg|vignette|200px|Logo réarrangé (version 2)]]<br />
|}<br />
<br />
Cela étant dit, une simple auto-numérisation est le meilleur moyen de commencer, et après un jour ou deux vous serez à même de produire des design suffisamment jolis pour les porter sur vos propres vêtements. :)<br />
<br />
== '''Numérisation des images vectorielles - évolution''' ==<br />
Dans cette partie, nous introduisons quelques petites astuces avec un autre exemple. En particulier, nous abordons les points suivants:<br />
* Réorganiser les vecteurs<br />
* Indiquer à Stitch Era les lignes de fil à utiliser pour un design (par exemple, Madeira Rayon)<br />
* Apporter des légères modifications aux sections de points<br />
Cette partie a été faite pour Stitch Era 11. L'importation de SVG est beaucoup plus facile maintenant. Le reste est similaire.<br />
<br />
=== '''Importation des images SVG''' ===<br />
Nous avons importé l'image SVG - [https://openclipart.org/detail/12755/evolution-steps|les étapes d'évolution.] Nous avons également testé d'importer le dessin via * .emf et le résultat est moins convaincant, bien qu'il soit utilisable avec beaucoup de travail supplémentaire.<br />
<br />
C'est ce que nous avons obtenu:<br />
[[Fichier:Stitch-era-evolution-example.png|vignette|600x600px|Evolution - image vectorielle importée|néant]]Nous pouvons voir sur l’image que les vecteurs ne sont pas dans le bon ordre, c'est-à-dire que les objets qui devraient être en dessus se trouvent sous les autres objets. Pour changer l'ordre d'empilement il existe trois manières différentes :<br />
<br />
* Avec le menu contextuel (faites un clic droit sur l'objet et sélectionnez '''Modifier l'ordre''')<br />
<br />
* Avec le menu principale tout en haut (sélectionnez un objet, cliquez sur '''Disposition''' et après sur la section '''Avant & Arrière''')<br />
<br />
* Avec l’Administrateur d'objets. C'est la solution conseillée si vous devez en changer plusieurs. En faisant glisser un vecteur, vous pouvez changer son ordre.<br />
<br />
Une autre option serait de changer l'ordre au niveau de la section de point.<br />
[[Fichier:Stitch-era-evolution-example-2.png|néant|vignette|600x600px|Changement de l'ordre d'empilement en faisant glisser un objet dans l’Administrateur d'objets]]<br />
<br />
=== Adaptation de la couleur ===<br />
Nous avons décidé de travailler avec trois couleurs seulement et d'attribuer les mêmes couleurs pour chaque figure:<br />
* Sombre pour le corps<br />
* Clair pour le bras droit et la tête<br />
<br />
* Moyen pour la jambe droite<br />
La sélection des couleurs est un peu compliquée dans le Stitch era car la palette de couleurs dans le menu déroulant '''Couleur et remplissage''' est vraiment petite et les couleurs sont très difficiles à distinguer.<br />
* Sélectionnez toutes les têtes et tous les bras droits : Maintenez la touche CTRL enfoncée et cliquez sur chacun.<br />
* Pour vous assurer que vous avez tout sélectionné, éloignez le groupe, puis appuyez sur CTRL-Z pour le remettre.<br />
* Vous pouvez également regrouper les objets sélectionnés ('''Disposition -> Groupe''').<br />
* Changer les couleurs pour les éléments sélectionnés avec le menu déroulant '''Couleur et remplissage'''.<br />
<br />
Si vous souhaitez récupérer une couleur à l'aide d'un nom de couleur qui vous connaissez, il faut recherchez la spécification RVB dans la [[wp_en:Lists_of_colors|Liste des couleurs]] de Wikipédia par exemple. La couleur ''cuivre'' serait (184,115,51) selon la liste. Une fois que vous avez obtenu les trois numéros Rouge / Vert / Bleu, vous pouvez les entrer dans le panneau '''Sélectionner une couleur''' que vous obtenez dans le menu déroulant '''Couleur de remplissage -> Couleurs supplémentaires''' de Stitch Era. <br />
<br />
Pour notre exemple, nous avons fait: <br />
* tête et bras droit = cuivre (184, 115, 51)<br />
* corps = brun foncé (101,67,33)<br />
* jambes droites = café (150,75,0)<br />
Si vous vous êtes déjà familiarisé avec les images vectorielles, vous pouvez maintenant améliorer le dessin. Par exemple, nous avons changé légèrement les bras droits (l'articulation supérieure et les mains).<br />
<br />
=== Simplifier ===<br />
Afin d’éviter le fronçage du tissu, il ne faut pas imprimer trop de couches de points de suture.<br />
<br />
Nous pouvons simplifier le dessin avec la méthode Combine Vectors (CSG):<br />
* Tout sélectionner<br />
* Simplifier<br />
Nous obtenons maintenant des vecteurs supplémentaires, puisque des parties comme le corps ont été coupées en plusieurs parties:<br />
[[Fichier:Stitch-era-evolution-example-3.png|néant|vignette|600x600px|Image vectorielle prête à être numérisée]]<br />
Certains de ces vecteurs sont trop petits pour être cousus ou ne produiront pas vraiment de bons résultats. Vous pouvez donc les enlever. Nous avons enlevé un petit vecteur (# 3) et quelques nœuds de vecteurs qui avaient des tentacules. Pour faire cela, cliquez directement sur le vecteur dans l'espace de travail ou dans l’Administrateur d'objets, puis sélectionnez le petit contrôle de nœud, cliquez avec le bouton droit et supprimez.<br />
<br />
=== Numérisation ===<br />
Le design est prêt maintenant pour l'auto-numérisation.<br />
* Tout sélectionner (CTRL-A)<br />
* Convertir en Broderie, sélectionnez '''Broderie''' -> '''Art to Stitch (Intelligent)'''<br />
Vous devriez voir le menu contextuel ''Image en Objets'' et nous allons faire maintenant un peu d'étalonnage au lieu de cliquer sur OK.<br />
<br />
'''Assignation des couleurs de l’image à la palette d’aiguille'''<br />
* Sélectionnez l'onglet '''Réglages d'aiguille''' dans la fenêtre contextuelle ''Image en Objets''<br />
* Cochez la case "Assigner les couleurs du dessin ...." (dernier élément)<br />
* Vous pouvez attribuer des couleurs de votre art vectoriel à des "aiguilles" représentant vos fils avec le petit menu déroulant.<br />
* Ne cliquez pas encore sur OK!<br />
Si vous voulez en savoir plus sur la gestion des couleurs et des couleurs de fil, lisez [[:en:Stitch_Era_-_vector_and_thread_color|Stitch Era - vecteur et couleur de fil]].<br />
<br />
'''Changer le motif de point'''<br />
* Ouvrez l'onglet de la section '''Réglage de points'''<br />
* Sélectionnez votre motif préféré<br />
* Changer les densités à 4 lignes / mm<br />
J'ai également changé le point Zig zag par défaut en un point aléatoire automatique de 3 mm (''Configurations avancées'').<br />
* Maintenant vous pouvez cliquer sur OK.<br />
Si vous glissez votre souris sur un élément de l'aiguille dans la palette à gauche (ne cliquez pas sur!), vous verrez que le fil de Madeira vous sera demandé d'utiliser plus tard. Comme vous le verrez, les noms de couleurs ne sont pas les mêmes, mais nous ne pouvons rien y faire.<br />
[[Fichier:Stitch-era-needle-info.png|néant|vignette|560x560px|Info aiguille]]<br />
'''Refaire la numérisation'''<br />
* Premièrement enregistrez le fichier.<br />
Si vous n'êtes pas satisfait du résultat, ouvrez l’Administrateur d'objets (à droite)<br />
* Cliquez sur la section pour tout sélectionner. '''Assurez-vous de sélectionner les sections de point''' et '''non''' les vecteurs !<br />
* Appuyez sur CTRL-X<br />
* Recommencez maintenant "à broder". Vos zones de points devraient disparaître ...<br />
* Par exemple, sélectionnez chaque groupe de vecteurs en utilisant la touche SHIFT et ajoutez des bordures si vous préférez avoir un point courant autour de chaque section de point.<br />
* Vous pouvez également améliorer les graphismes de différentes manières, bien que cela soit parfois une perte de temps puisque les points ignorent les détails plus fins, c'est-à-dire que le réglage fin peut plutôt être effectué au niveau de la zone de point.<br />
* Dans le cas où vous voulez juste chaque figure comme une seule forme, rien n'est plus facile que cela : Sélectionnez tout, puis '''Combiner les vecteurs''' -> '''Ajout'''.<br />
* Enfin, sélectionnez chaque figure et '''Eliminer les trous'''.<br />
Quoi qu'il en soit, passons au design original.<br />
<br />
=== Réglage des zones de points ===<br />
En regardant le résultat, nous remarquons que certains vecteurs ont été rendus comme des Zigzags et d'autres comme des motifs de remplissage. Cela fonctionne par défaut.<br />
<br />
Puisque nous croyons que toutes les têtes devraient se ressembler, nous apportons quelques petits changements:<br />
* Décochez Auxiliaire (bouton vert en haut à droite), pas nécessaire mais conseillé…<br />
* Cliquez sur les sections que vous souhaitez modifier, par ex. tête des figures un et deux, plus la poitrine des figures 3 et 5<br />
* Ensuite, dans l'Administrateur d'objets, modifiez le style de remplissage. Nous avons utilisé:<br />
** Modèle<br />
** Densité = 4<br />
** Nom = PTM-0008<br />
[[Fichier:Stitch-era-evolution-example-4.png|néant|vignette|600x600px|Modification du style de remplissage via l'Administrateur d'objets]]<br />
Alternativement, vous pouvez également utiliser le tableau de remplissage en dessus, mais nous préférons l'Administrateur d'objets car il montre plus d'informations et aussi parce que vous pouvez changer les propriétés de plusieurs objets à la fois.<br />
<br />
Dans l'image ci-dessous, nous avons changé le type de remplissage de toutes les têtes en PTM-008.<br />
[[Fichier:Stitch-era-evolution-example-5.png|néant|vignette|600x600px|Changement de type de remplissage sur plusieurs zones de points]]<br />
=== Résultat ===<br />
Résultat affiché:<br />
[[Fichier:Stitch-era-evolution-example-6.png|néant|vignette|600x600px|Modification de types de remplissage via l'Administrateur d'objets]]<br />
* Certains points de zigzag sont très larges<br />
* Nous pourrions en fait transformer chaque jambe droite en style Zigzag irrégulier multicolonne par exemple (ce que nous avons fait avant l'impression).<br />
Résultat cousu:<br />
[[Fichier:Evolution-embroidered-2.jpg|néant|vignette|600x600px|Evolution brodée]]<br />
Le design n'est pas vraiment glorieux et les contrastes de couleurs sont trop grands car nous possédons pas une grande collection de fils. Les points irréguliers en Zigzag utilisés pour les jambes ajoutent une touche intéressante, bien que certaines personnes pourraient préférer des modèles plus propres. Enfin, nous pourrions ajouter des points de la même couleur autour de la bordure extérieure, mais c'est le travail supplémentaire…<br />
<br />
Si vous voulez savoir plus sur le Réglage des zones de points, lisez [[:en:Stitch_Era_-_adjusting_stitch_sections|Stitch Era - réglage des sections de points]]<br />
<br />
[[Catégorie:Tutoriels]]<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Fichier:Evolution-embroidered-2.jpg&diff=75947Fichier:Evolution-embroidered-2.jpg2018-01-09T18:32:42Z<p>LiudmylaG : </p>
<hr />
<div>Evolution brodée</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27un_dessin_vectoriel&diff=75946Stitch Era - créer une broderie à partir d'un dessin vectoriel2018-01-09T18:26:22Z<p>LiudmylaG : /* Numérisation */</p>
<hr />
<div>{{En construction}}<br />
<br />
== '''Introduction''' ==<br />
Ce tutoriel, créé pour les personnes débutant avec le logiciel Stitch Era embroidery, explique comment passer d'images vectorisées à de la broderie sans avoir besoin de fortes connaissances en numérisation. Si vous partez d'une image vectorielle (et non d'un fichier *.png ou *.jpg), vous devriez obtenir un bon résultat assez rapidement.<br />
<br />
<div class="tut_goals"><br />
'''Homepage du tutoriel''' <br />
<br />
* Version française: [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]]<br />
* Version anglaise: [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software]<br />
<br />
'''Objectifs d'apprentissage''' <br />
* Être capable d'importer des images vectorielles<br />
* Être capable de numériser des images vectorielles<br />
<br />
'''Prérequis''' <br />
<br />
Avoir le logiciel [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]] / [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software] installé (et en particulier, être capable de créer un nouveau design).<br />
<br />
'''Pages liées à celle-ci''' <br />
<br />
''A compléter.'' <br />
<br />
'''Ressources utilisées''' <br />
<br />
Vous pouvez réutiliser les images présentes dans ce tutoriel. Cliquez dessus pour les agrandir, puis cliquer une seconde fois pour pouvoir ensuite les enregistrer.<br />
<br />
'''Qualité et niveau'''<br />
<br />
Ce tutoriel devrait suffire pour débuter dans Stitch Era. Il est utilisé par les auteurs de cet article dans le cadre d'un cours optionnel de master dans le domaine des technologies éducatives.<br />
<br />
'''Dernière mise à jour majeure'''<br />
<br />
''A compléter une fois cet article terminé.''<br />
<br />
'''Prochaines étapes'''<br />
<br />
''A compléter une fois que d'autres articles du wiki sur le sujet seront terminés.''<br />
<br />
</div><br />
<br />
=== '''Formats des images vectorielles et fichiers d'extensions''' ===<br />
<br />
Il existe deux types de formats pour les fichiers images:<br />
<br />
* Les images vectorielles sont des "dessins mathématiques" qui sont en principe beaucoup plus faciles à numériser que d'autres types d'images. Les images vectorielles sont entièrement adaptables, par exemple, elles ne perdront pas en qualité si l'on change leur taille. Parmi les logiciels les plus utilisés pour créer des images vectorielles, on trouve Inkscape (gratuit), Illustrator et Corel Draw. Stitch Era permet d'importer des dessins au format SVG ainsi que des formats propriétaires de Corel Draw et Illustrator. Les formaty habituels de ces fichiers sont *.ai, *.svg, *.cdr, *.wmf et *.emf. Stitch Era inclut son propre logiciel de dessin d'images vectorielles, pouvant être utilisé dans la première phase de design d'une broderie. Vous pouvez utiliser ce module afin d'arranger/modifier des images vectorielles importées et/ou pour dessiner vos propres images.<br />
* Les Bitmaps (aussi appelés images matricielles) définissent une image, par exemple un dessin ou une photo, constituée d'une matrice de points colorés. Les bitmaps sont désavantageux concernant deux points: (1) Il n'est pas possible de modifier la taille d'une image sans perdre en qualité. (2) La plupart des formats d'images permettent de les compresser (réduire leur taille) en leur faisant perdre certaines informations. Les images Bitmaps qui paraissent nettes ne le sont probablement pas en réalité. Cependant, la plupart des clip art trouvés sur internet sont malheureusement des bitmaps. Numériser des bitmaps implique de les transformer en images vectorielles dans un premier temps. Ce processus s'appelle la vectorisation. Il est possible de numériser directement un bitmap en sections de points de couture, cependant le résultat n'est généralement pas très satisfaisant. Les formats de bitmaps les plus courants sont ".png, *.jpg et *.gif. Les fichiers au format PNG ainsi que GIF sont optimisés pour le dessin, tandis que le format *.jpg l'est pour les photographies.<br />
<br />
=== '''Un aperçu du processus de design''' ===<br />
Dans ce tutoriel, nous allons montrer comment créer de la broderie à partir de ces deux types de formats, les images vectorielles et les bitmaps. De base, le processus de création de broderie ressemble à cela: (les étapes optionnelles se trouvant entre "[...]")<br />
<br />
<pre><nowiki><br />
[ bitmaps ] -> [ images vectorielles ] -> sections de points de couture (stitch sections) -> points de couture générés (stitchs générés)<br />
</nowiki></pre><br />
<br />
Les sections de points de couture (aussi appelés objets de broderie) sont une sorte d'images vectorielles spécifiques à la broderie, qui définissent des surfaces (areas) et des lignes (path) selon la manière dont ils vont être coudre. Comment cela sera cousu est défini par plusieurs paramètres. Des professionnels pourraient créer des points de couture directement. D'autres commencent souvent à partir de fichiers images. Le passage d'images vectorielles à des sections de points de couture s'appelle la numérisation. Lorsque cela est fait automatiquement (ce que Stitch Era peut faire), cela s'appelle de l'auto-numérisation.<br />
<br />
Ce tutoriel va expliquer ci-dessous comment fonctionnent les images vectorielles. En particulier, à partir du format internet ouvert SVG, dans lequel on peut trouver des images gratuites sur des sites tels que openclipart ou encore thenounproject. Si vous êtes intéressés à utiliser des images matricielles (par exemple au format *.jpg et *.png), vous devriez voir la procédure à suivre plus bas afin de les transformer en images vectorielles, pour ensuite créer une broderie à partir d'elles.<br />
<br />
=== '''La qualité de la (semi)auto-numérisation''' ===<br />
<br />
Avant de lire la suite de ce tutoriel, il faut savoir que la broderie créée à partir d'images en utilisant de l'auto-numérisation ne sera pas d'un niveau professionnel. Comme vous le verrez, il est relativement facile de numériser un bitmap ou une image vectorielle. Le résultat sera suffisamment acceptable et satisfaisant pour certains usages. Cependant, il y aura trois problèmes majeurs:<br />
<br />
1) Le résultat ne transmettra pas forcément le message souhaité. Par exemple, si la broderie voulue inclut trop de petits détails.<br />
<br />
2) Une broderie de qualité ne suit pas les mêmes principes visuels de design tels que ceux que nous faisons sur un écran ou même sur des dessins papiers. Le résultat peut de ce fait être moins bon.<br />
<br />
3) La plupart des broderies seront assez rigides, et de ce fait pas forcément agréables à porter. Typiquement, dans le dessin numérique, des formes sont superposées les unes sur les autres car il est plus facile de dessiner de cette manière et on ne peut voir à travers une forme (à moins d'avoir mis une couleur en transparence). En broderie, lorsque l'on superpose 2 couches assez denses de coutures ou plus, le résultat devient très rigide. Heureusement, Stitch Era propose des outils afin de régler ce problème.<br />
<br />
Les images ci-dessous montrent la différence entre une broderie simplement auto-numérisée tel que nous l'avons expliqué plus haut, et une broderie ayant été réarrangée de la manière expliquée sur la page Stitch Era - créer une broderie à partir d'une image complexe (LIEN A RAJOUTER).<br />
<br />
{| border="1"<br />
| <br />
[[Fichier:Lams-dolly-lrg.gif|vignette|200px|bitmap original]]<br />
| <br />
[[Fichier:Lams-lamb-embroidery-4a.jpg|vignette|200px|Logo auto-numérisé]]<br />
|-<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-1.jpg|vignette|200px|Logo réarrangé et (majoritairement) auto-numérisé]]<br />
<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-2.jpg|vignette|200px|Logo réarrangé (version 2)]]<br />
|}<br />
<br />
Cela étant dit, une simple auto-numérisation est le meilleur moyen de commencer, et après un jour ou deux vous serez à même de produire des design suffisamment jolis pour les porter sur vos propres vêtements. :)<br />
<br />
== '''Numérisation des images vectorielles - évolution''' ==<br />
Dans cette partie, nous introduisons quelques petites astuces avec un autre exemple. En particulier, nous abordons les points suivants:<br />
* Réorganiser les vecteurs<br />
* Indiquer à Stitch Era les lignes de fil à utiliser pour un design (par exemple, Madeira Rayon)<br />
* Apporter des légères modifications aux sections de points<br />
Cette partie a été faite pour Stitch Era 11. L'importation de SVG est beaucoup plus facile maintenant. Le reste est similaire.<br />
<br />
=== '''Importation des images SVG''' ===<br />
Nous avons importé l'image SVG - [https://openclipart.org/detail/12755/evolution-steps|les étapes d'évolution.] Nous avons également testé d'importer le dessin via * .emf et le résultat est moins convaincant, bien qu'il soit utilisable avec beaucoup de travail supplémentaire.<br />
<br />
C'est ce que nous avons obtenu:<br />
[[Fichier:Stitch-era-evolution-example.png|vignette|600x600px|Evolution - image vectorielle importée|néant]]Nous pouvons voir sur l’image que les vecteurs ne sont pas dans le bon ordre, c'est-à-dire que les objets qui devraient être en dessus se trouvent sous les autres objets. Pour changer l'ordre d'empilement il existe trois manières différentes :<br />
<br />
* Avec le menu contextuel (faites un clic droit sur l'objet et sélectionnez '''Modifier l'ordre''')<br />
<br />
* Avec le menu principale tout en haut (sélectionnez un objet, cliquez sur '''Disposition''' et après sur la section '''Avant & Arrière''')<br />
<br />
* Avec l’Administrateur d'objets. C'est la solution conseillée si vous devez en changer plusieurs. En faisant glisser un vecteur, vous pouvez changer son ordre.<br />
<br />
Une autre option serait de changer l'ordre au niveau de la section de point.<br />
[[Fichier:Stitch-era-evolution-example-2.png|néant|vignette|600x600px|Changement de l'ordre d'empilement en faisant glisser un objet dans l’Administrateur d'objets]]<br />
<br />
=== Adaptation de la couleur ===<br />
Nous avons décidé de travailler avec trois couleurs seulement et d'attribuer les mêmes couleurs pour chaque figure:<br />
* Sombre pour le corps<br />
* Clair pour le bras droit et la tête<br />
<br />
* Moyen pour la jambe droite<br />
La sélection des couleurs est un peu compliquée dans le Stitch era car la palette de couleurs dans le menu déroulant '''Couleur et remplissage''' est vraiment petite et les couleurs sont très difficiles à distinguer.<br />
* Sélectionnez toutes les têtes et tous les bras droits : Maintenez la touche CTRL enfoncée et cliquez sur chacun.<br />
* Pour vous assurer que vous avez tout sélectionné, éloignez le groupe, puis appuyez sur CTRL-Z pour le remettre.<br />
* Vous pouvez également regrouper les objets sélectionnés ('''Disposition -> Groupe''').<br />
* Changer les couleurs pour les éléments sélectionnés avec le menu déroulant '''Couleur et remplissage'''.<br />
<br />
Si vous souhaitez récupérer une couleur à l'aide d'un nom de couleur qui vous connaissez, il faut recherchez la spécification RVB dans la [[wp_en:Lists_of_colors|Liste des couleurs]] de Wikipédia par exemple. La couleur ''cuivre'' serait (184,115,51) selon la liste. Une fois que vous avez obtenu les trois numéros Rouge / Vert / Bleu, vous pouvez les entrer dans le panneau '''Sélectionner une couleur''' que vous obtenez dans le menu déroulant '''Couleur de remplissage -> Couleurs supplémentaires''' de Stitch Era. <br />
<br />
Pour notre exemple, nous avons fait: <br />
* tête et bras droit = cuivre (184, 115, 51)<br />
* corps = brun foncé (101,67,33)<br />
* jambes droites = café (150,75,0)<br />
Si vous vous êtes déjà familiarisé avec les images vectorielles, vous pouvez maintenant améliorer le dessin. Par exemple, nous avons changé légèrement les bras droits (l'articulation supérieure et les mains).<br />
<br />
=== Simplifier ===<br />
Afin d’éviter le fronçage du tissu, il ne faut pas imprimer trop de couches de points de suture.<br />
<br />
Nous pouvons simplifier le dessin avec la méthode Combine Vectors (CSG):<br />
* Tout sélectionner<br />
* Simplifier<br />
Nous obtenons maintenant des vecteurs supplémentaires, puisque des parties comme le corps ont été coupées en plusieurs parties:<br />
[[Fichier:Stitch-era-evolution-example-3.png|néant|vignette|600x600px|Image vectorielle prête à être numérisée]]<br />
Certains de ces vecteurs sont trop petits pour être cousus ou ne produiront pas vraiment de bons résultats. Vous pouvez donc les enlever. Nous avons enlevé un petit vecteur (# 3) et quelques nœuds de vecteurs qui avaient des tentacules. Pour faire cela, cliquez directement sur le vecteur dans l'espace de travail ou dans l’Administrateur d'objets, puis sélectionnez le petit contrôle de nœud, cliquez avec le bouton droit et supprimez.<br />
<br />
=== Numérisation ===<br />
Le design est prêt maintenant pour l'auto-numérisation.<br />
* Tout sélectionner (CTRL-A)<br />
* Convertir en Broderie, sélectionnez '''Broderie''' -> '''Art to Stitch (Intelligent)'''<br />
Vous devriez voir le menu contextuel ''Image en Objets'' et nous allons faire maintenant un peu d'étalonnage au lieu de cliquer sur OK.<br />
<br />
'''Assignation des couleurs de l’image à la palette d’aiguille'''<br />
* Sélectionnez l'onglet '''Réglages d'aiguille''' dans la fenêtre contextuelle ''Image en Objets''<br />
* Cochez la case "Assigner les couleurs du dessin ...." (dernier élément)<br />
* Vous pouvez attribuer des couleurs de votre art vectoriel à des "aiguilles" représentant vos fils avec le petit menu déroulant.<br />
* Ne cliquez pas encore sur OK!<br />
Si vous voulez en savoir plus sur la gestion des couleurs et des couleurs de fil, lisez [[:en:Stitch_Era_-_vector_and_thread_color|Stitch Era - vecteur et couleur de fil]].<br />
<br />
'''Changer le motif de point'''<br />
* Ouvrez l'onglet de la section '''Réglage de points'''<br />
* Sélectionnez votre motif préféré<br />
* Changer les densités à 4 lignes / mm<br />
J'ai également changé le point Zig zag par défaut en un point aléatoire automatique de 3 mm (''Configurations avancées'').<br />
* Maintenant vous pouvez cliquer sur OK.<br />
Si vous glissez votre souris sur un élément de l'aiguille dans la palette à gauche (ne cliquez pas sur!), vous verrez que le fil de Madeira vous sera demandé d'utiliser plus tard. Comme vous le verrez, les noms de couleurs ne sont pas les mêmes, mais nous ne pouvons rien y faire.<br />
[[Fichier:Stitch-era-needle-info.png|néant|vignette|560x560px|Info aiguille]]<br />
'''Refaire la numérisation'''<br />
* Premièrement enregistrez le fichier.<br />
Si vous n'êtes pas satisfait du résultat, ouvrez l’Administrateur d'objets (à droite)<br />
* Cliquez sur la section pour tout sélectionner. '''Assurez-vous de sélectionner les sections de point''' et '''non''' les vecteurs !<br />
* Appuyez sur CTRL-X<br />
* Recommencez maintenant "à broder". Vos zones de points devraient disparaître ...<br />
* Par exemple, sélectionnez chaque groupe de vecteurs en utilisant la touche SHIFT et ajoutez des bordures si vous préférez avoir un point courant autour de chaque section de point.<br />
* Vous pouvez également améliorer les graphismes de différentes manières, bien que cela soit parfois une perte de temps puisque les points ignorent les détails plus fins, c'est-à-dire que le réglage fin peut plutôt être effectué au niveau de la zone de point.<br />
* Dans le cas où vous voulez juste chaque figure comme une seule forme, rien n'est plus facile que cela : Sélectionnez tout, puis '''Combiner les vecteurs''' -> '''Ajout'''.<br />
* Enfin, sélectionnez chaque figure et '''Eliminer les trous'''.<br />
Quoi qu'il en soit, passons au design original.<br />
<br />
=== Réglage des zones de points ===<br />
En regardant le résultat, nous remarquons que certains vecteurs ont été rendus comme des Zigzags et d'autres comme des motifs de remplissage. Cela fonctionne par défaut.<br />
<br />
Puisque nous croyons que toutes les têtes devraient se ressembler, nous apportons quelques petits changements:<br />
* Décochez Auxiliaire (bouton vert en haut à droite), pas nécessaire mais conseillé…<br />
* Cliquez sur les sections que vous souhaitez modifier, par ex. tête des figures un et deux, plus la poitrine des figures 3 et 5<br />
* Ensuite, dans l'Administrateur d'objets, modifiez le style de remplissage. Nous avons utilisé:<br />
** Modèle<br />
** Densité = 4<br />
** Nom = PTM-0008<br />
[[Fichier:Stitch-era-evolution-example-4.png|néant|vignette|600x600px|Modification du style de remplissage via l'Administrateur d'objets]]<br />
Alternativement, vous pouvez également utiliser le tableau de remplissage en dessus, mais nous préférons l'Administrateur d'objets car il montre plus d'informations et aussi parce que vous pouvez changer les propriétés de plusieurs objets à la fois.<br />
<br />
Dans l'image ci-dessous, nous avons changé le type de remplissage de toutes les têtes en PTM-008.<br />
[[Fichier:Stitch-era-evolution-example-5.png|néant|vignette|600x600px|Changement de type de remplissage sur plusieurs zones de points]]<br />
* Certains points de zigzag sont très larges<br />
* Nous pourrions en fait transformer chaque jambe droite en style Zigzag irrégulier multicolonne par exemple (ce que nous avons fait avant l'impression).<br />
Résultat cousu:<br />
<br />
=== Résultat ===<br />
Résultat affiché:<br />
[[Fichier:Stitch-era-evolution-example-6.png|néant|vignette|600x600px|Modification de types de remplissage via l'Administrateur d'objets]]<br />
Le design n'est pas vraiment glorieux et les contrastes de couleurs sont trop grands car nous ne possédons pas une grande collection de fils. Nous pouvons également voir que certains points de Zigzag sont très larges.<br />
<br />
Nous pourrions en fait transformer chaque jambe droite en style Zigzag irrégulier multicolonne par exemple (ce que nous avons fait avant l'impression).<br />
<br />
[[Catégorie:Tutoriels]]<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Fichier:Stitch-era-evolution-example-6.png&diff=75945Fichier:Stitch-era-evolution-example-6.png2018-01-09T18:19:17Z<p>LiudmylaG : </p>
<hr />
<div>Modification de types de remplissage via l'Administrateur d'objets</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Fichier:Stitch-era-evolution-example-5.png&diff=75944Fichier:Stitch-era-evolution-example-5.png2018-01-09T18:17:11Z<p>LiudmylaG : </p>
<hr />
<div>Changement de type de remplissage sur plusieurs zones de points</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Fichier:Stitch-era-evolution-example-4.png&diff=75943Fichier:Stitch-era-evolution-example-4.png2018-01-09T18:13:27Z<p>LiudmylaG : </p>
<hr />
<div>Modification du style de remplissage via l'administrateur d'objets</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27un_dessin_vectoriel&diff=75942Stitch Era - créer une broderie à partir d'un dessin vectoriel2018-01-09T18:08:32Z<p>LiudmylaG : /* Adaptation de la couleur */</p>
<hr />
<div>{{En construction}}<br />
<br />
== '''Introduction''' ==<br />
Ce tutoriel, créé pour les personnes débutant avec le logiciel Stitch Era embroidery, explique comment passer d'images vectorisées à de la broderie sans avoir besoin de fortes connaissances en numérisation. Si vous partez d'une image vectorielle (et non d'un fichier *.png ou *.jpg), vous devriez obtenir un bon résultat assez rapidement.<br />
<br />
<div class="tut_goals"><br />
'''Homepage du tutoriel''' <br />
<br />
* Version française: [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]]<br />
* Version anglaise: [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software]<br />
<br />
'''Objectifs d'apprentissage''' <br />
* Être capable d'importer des images vectorielles<br />
* Être capable de numériser des images vectorielles<br />
<br />
'''Prérequis''' <br />
<br />
Avoir le logiciel [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]] / [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software] installé (et en particulier, être capable de créer un nouveau design).<br />
<br />
'''Pages liées à celle-ci''' <br />
<br />
''A compléter.'' <br />
<br />
'''Ressources utilisées''' <br />
<br />
Vous pouvez réutiliser les images présentes dans ce tutoriel. Cliquez dessus pour les agrandir, puis cliquer une seconde fois pour pouvoir ensuite les enregistrer.<br />
<br />
'''Qualité et niveau'''<br />
<br />
Ce tutoriel devrait suffire pour débuter dans Stitch Era. Il est utilisé par les auteurs de cet article dans le cadre d'un cours optionnel de master dans le domaine des technologies éducatives.<br />
<br />
'''Dernière mise à jour majeure'''<br />
<br />
''A compléter une fois cet article terminé.''<br />
<br />
'''Prochaines étapes'''<br />
<br />
''A compléter une fois que d'autres articles du wiki sur le sujet seront terminés.''<br />
<br />
</div><br />
<br />
=== '''Formats des images vectorielles et fichiers d'extensions''' ===<br />
<br />
Il existe deux types de formats pour les fichiers images:<br />
<br />
* Les images vectorielles sont des "dessins mathématiques" qui sont en principe beaucoup plus faciles à numériser que d'autres types d'images. Les images vectorielles sont entièrement adaptables, par exemple, elles ne perdront pas en qualité si l'on change leur taille. Parmi les logiciels les plus utilisés pour créer des images vectorielles, on trouve Inkscape (gratuit), Illustrator et Corel Draw. Stitch Era permet d'importer des dessins au format SVG ainsi que des formats propriétaires de Corel Draw et Illustrator. Les formaty habituels de ces fichiers sont *.ai, *.svg, *.cdr, *.wmf et *.emf. Stitch Era inclut son propre logiciel de dessin d'images vectorielles, pouvant être utilisé dans la première phase de design d'une broderie. Vous pouvez utiliser ce module afin d'arranger/modifier des images vectorielles importées et/ou pour dessiner vos propres images.<br />
* Les Bitmaps (aussi appelés images matricielles) définissent une image, par exemple un dessin ou une photo, constituée d'une matrice de points colorés. Les bitmaps sont désavantageux concernant deux points: (1) Il n'est pas possible de modifier la taille d'une image sans perdre en qualité. (2) La plupart des formats d'images permettent de les compresser (réduire leur taille) en leur faisant perdre certaines informations. Les images Bitmaps qui paraissent nettes ne le sont probablement pas en réalité. Cependant, la plupart des clip art trouvés sur internet sont malheureusement des bitmaps. Numériser des bitmaps implique de les transformer en images vectorielles dans un premier temps. Ce processus s'appelle la vectorisation. Il est possible de numériser directement un bitmap en sections de points de couture, cependant le résultat n'est généralement pas très satisfaisant. Les formats de bitmaps les plus courants sont ".png, *.jpg et *.gif. Les fichiers au format PNG ainsi que GIF sont optimisés pour le dessin, tandis que le format *.jpg l'est pour les photographies.<br />
<br />
=== '''Un aperçu du processus de design''' ===<br />
Dans ce tutoriel, nous allons montrer comment créer de la broderie à partir de ces deux types de formats, les images vectorielles et les bitmaps. De base, le processus de création de broderie ressemble à cela: (les étapes optionnelles se trouvant entre "[...]")<br />
<br />
<pre><nowiki><br />
[ bitmaps ] -> [ images vectorielles ] -> sections de points de couture (stitch sections) -> points de couture générés (stitchs générés)<br />
</nowiki></pre><br />
<br />
Les sections de points de couture (aussi appelés objets de broderie) sont une sorte d'images vectorielles spécifiques à la broderie, qui définissent des surfaces (areas) et des lignes (path) selon la manière dont ils vont être coudre. Comment cela sera cousu est défini par plusieurs paramètres. Des professionnels pourraient créer des points de couture directement. D'autres commencent souvent à partir de fichiers images. Le passage d'images vectorielles à des sections de points de couture s'appelle la numérisation. Lorsque cela est fait automatiquement (ce que Stitch Era peut faire), cela s'appelle de l'auto-numérisation.<br />
<br />
Ce tutoriel va expliquer ci-dessous comment fonctionnent les images vectorielles. En particulier, à partir du format internet ouvert SVG, dans lequel on peut trouver des images gratuites sur des sites tels que openclipart ou encore thenounproject. Si vous êtes intéressés à utiliser des images matricielles (par exemple au format *.jpg et *.png), vous devriez voir la procédure à suivre plus bas afin de les transformer en images vectorielles, pour ensuite créer une broderie à partir d'elles.<br />
<br />
=== '''La qualité de la (semi)auto-numérisation''' ===<br />
<br />
Avant de lire la suite de ce tutoriel, il faut savoir que la broderie créée à partir d'images en utilisant de l'auto-numérisation ne sera pas d'un niveau professionnel. Comme vous le verrez, il est relativement facile de numériser un bitmap ou une image vectorielle. Le résultat sera suffisamment acceptable et satisfaisant pour certains usages. Cependant, il y aura trois problèmes majeurs:<br />
<br />
1) Le résultat ne transmettra pas forcément le message souhaité. Par exemple, si la broderie voulue inclut trop de petits détails.<br />
<br />
2) Une broderie de qualité ne suit pas les mêmes principes visuels de design tels que ceux que nous faisons sur un écran ou même sur des dessins papiers. Le résultat peut de ce fait être moins bon.<br />
<br />
3) La plupart des broderies seront assez rigides, et de ce fait pas forcément agréables à porter. Typiquement, dans le dessin numérique, des formes sont superposées les unes sur les autres car il est plus facile de dessiner de cette manière et on ne peut voir à travers une forme (à moins d'avoir mis une couleur en transparence). En broderie, lorsque l'on superpose 2 couches assez denses de coutures ou plus, le résultat devient très rigide. Heureusement, Stitch Era propose des outils afin de régler ce problème.<br />
<br />
Les images ci-dessous montrent la différence entre une broderie simplement auto-numérisée tel que nous l'avons expliqué plus haut, et une broderie ayant été réarrangée de la manière expliquée sur la page Stitch Era - créer une broderie à partir d'une image complexe (LIEN A RAJOUTER).<br />
<br />
{| border="1"<br />
| <br />
[[Fichier:Lams-dolly-lrg.gif|vignette|200px|bitmap original]]<br />
| <br />
[[Fichier:Lams-lamb-embroidery-4a.jpg|vignette|200px|Logo auto-numérisé]]<br />
|-<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-1.jpg|vignette|200px|Logo réarrangé et (majoritairement) auto-numérisé]]<br />
<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-2.jpg|vignette|200px|Logo réarrangé (version 2)]]<br />
|}<br />
<br />
Cela étant dit, une simple auto-numérisation est le meilleur moyen de commencer, et après un jour ou deux vous serez à même de produire des design suffisamment jolis pour les porter sur vos propres vêtements. :)<br />
<br />
== '''Numérisation des images vectorielles - évolution''' ==<br />
Dans cette partie, nous introduisons quelques petites astuces avec un autre exemple. En particulier, nous abordons les points suivants:<br />
* Réorganiser les vecteurs<br />
* Indiquer à Stitch Era les lignes de fil à utiliser pour un design (par exemple, Madeira Rayon)<br />
* Apporter des légères modifications aux sections de points<br />
Cette partie a été faite pour Stitch Era 11. L'importation de SVG est beaucoup plus facile maintenant. Le reste est similaire.<br />
<br />
=== '''Importation des images SVG''' ===<br />
Nous avons importé l'image SVG - [https://openclipart.org/detail/12755/evolution-steps|les étapes d'évolution.] Nous avons également testé d'importer le dessin via * .emf et le résultat est moins convaincant, bien qu'il soit utilisable avec beaucoup de travail supplémentaire.<br />
<br />
C'est ce que nous avons obtenu:<br />
[[Fichier:Stitch-era-evolution-example.png|vignette|600x600px|Evolution - image vectorielle importée|néant]]Nous pouvons voir sur l’image que les vecteurs ne sont pas dans le bon ordre, c'est-à-dire que les objets qui devraient être en dessus se trouvent sous les autres objets. Pour changer l'ordre d'empilement il existe trois manières différentes :<br />
<br />
* Avec le menu contextuel (faites un clic droit sur l'objet et sélectionnez '''Modifier l'ordre''')<br />
<br />
* Avec le menu principale tout en haut (sélectionnez un objet, cliquez sur '''Disposition''' et après sur la section '''Avant & Arrière''')<br />
<br />
* Avec l’Administrateur d'objets. C'est la solution conseillée si vous devez en changer plusieurs. En faisant glisser un vecteur, vous pouvez changer son ordre.<br />
<br />
Une autre option serait de changer l'ordre au niveau de la section de point.<br />
[[Fichier:Stitch-era-evolution-example-2.png|néant|vignette|600x600px|Changement de l'ordre d'empilement en faisant glisser un objet dans l’Administrateur d'objets]]<br />
<br />
=== Adaptation de la couleur ===<br />
Nous avons décidé de travailler avec trois couleurs seulement et d'attribuer les mêmes couleurs pour chaque figure:<br />
* Sombre pour le corps<br />
* Clair pour le bras droit et la tête<br />
<br />
* Moyen pour la jambe droite<br />
La sélection des couleurs est un peu compliquée dans le Stitch era car la palette de couleurs dans le menu déroulant '''Couleur et remplissage''' est vraiment petite et les couleurs sont très difficiles à distinguer.<br />
* Sélectionnez toutes les têtes et tous les bras droits : Maintenez la touche CTRL enfoncée et cliquez sur chacun.<br />
* Pour vous assurer que vous avez tout sélectionné, éloignez le groupe, puis appuyez sur CTRL-Z pour le remettre.<br />
* Vous pouvez également regrouper les objets sélectionnés ('''Disposition -> Groupe''').<br />
* Changer les couleurs pour les éléments sélectionnés avec le menu déroulant '''Couleur et remplissage'''.<br />
<br />
Si vous souhaitez récupérer une couleur à l'aide d'un nom de couleur qui vous connaissez, il faut recherchez la spécification RVB dans la [[wp_en:Lists_of_colors|Liste des couleurs]] de Wikipédia par exemple. La couleur ''cuivre'' serait (184,115,51) selon la liste. Une fois que vous avez obtenu les trois numéros Rouge / Vert / Bleu, vous pouvez les entrer dans le panneau '''Sélectionner une couleur''' que vous obtenez dans le menu déroulant '''Couleur de remplissage -> Couleurs supplémentaires''' de Stitch Era. <br />
<br />
Pour notre exemple, nous avons fait: <br />
* tête et bras droit = cuivre (184, 115, 51)<br />
* corps = brun foncé (101,67,33)<br />
* jambes droites = café (150,75,0)<br />
Si vous vous êtes déjà familiarisé avec les images vectorielles, vous pouvez maintenant améliorer le dessin. Par exemple, nous avons changé légèrement les bras droits (l'articulation supérieure et les mains).<br />
<br />
=== Simplifier ===<br />
Afin d’éviter le fronçage du tissu, il ne faut pas imprimer trop de couches de points de suture.<br />
<br />
Nous pouvons simplifier le dessin avec la méthode Combine Vectors (CSG):<br />
* Tout sélectionner<br />
* Simplifier<br />
Nous obtenons maintenant des vecteurs supplémentaires, puisque des parties comme le corps ont été coupées en plusieurs parties:<br />
[[Fichier:Stitch-era-evolution-example-3.png|néant|vignette|600x600px|Image vectorielle prête à être numérisée]]<br />
Certains de ces vecteurs sont trop petits pour être cousus ou ne produiront pas vraiment de bons résultats. Vous pouvez donc les enlever. Nous avons enlevé un petit vecteur (# 3) et quelques nœuds de vecteurs qui avaient des tentacules. Pour faire cela, cliquez directement sur le vecteur dans l'espace de travail ou dans l’Administrateur d'objets, puis sélectionnez le petit contrôle de nœud, cliquez avec le bouton droit et supprimez.<br />
<br />
=== Numérisation ===<br />
Le design est prêt maintenant pour l'auto-numérisation.<br />
* Tout sélectionner (CTRL-A)<br />
* Convertir en Broderie, sélectionnez '''Broderie''' -> '''Art to Stitch (Intelligent)'''<br />
Vous devriez voir le menu contextuel ''Image en Objets'' et nous allons faire maintenant un peu d'étalonnage au lieu de cliquer sur OK.<br />
<br />
'''Assignation des couleurs de l’image à la palette d’aiguille'''<br />
* Sélectionnez l'onglet '''Réglages d'aiguille''' dans la fenêtre contextuelle ''Image en Objets''<br />
* Cochez la case "Assigner les couleurs du dessin ...." (dernier élément)<br />
* Vous pouvez attribuer des couleurs de votre art vectoriel à des "aiguilles" représentant vos fils avec le petit menu déroulant.<br />
* Ne cliquez pas encore sur OK!<br />
Si vous voulez en savoir plus sur la gestion des couleurs et des couleurs de fil, lisez [[:en:Stitch_Era_-_vector_and_thread_color|Stitch Era - vecteur et couleur de fil]].<br />
<br />
'''Changer le motif de point'''<br />
* Ouvrez l'onglet de la section '''Réglage de points'''<br />
* Sélectionnez votre motif préféré<br />
* Changer les densités à 4 lignes / mm<br />
J'ai également changé le point Zig zag par défaut en un point aléatoire automatique de 3 mm (''Configurations avancées'').<br />
* Maintenant vous pouvez cliquer sur OK.<br />
Si vous glissez votre souris sur un élément de l'aiguille dans la palette à gauche (ne cliquez pas sur!), vous verrez que le fil de Madeira vous sera demandé d'utiliser plus tard. Comme vous le verrez, les noms de couleurs ne sont pas les mêmes, mais nous ne pouvons rien y faire.<br />
[[Fichier:Stitch-era-needle-info.png|néant|vignette|560x560px|Info aiguille]]<br />
'''Refaire la numérisation'''<br />
* Premièrement enregistrez le fichier.<br />
Si vous n'êtes pas satisfait du résultat, ouvrez l’Administrateur d'objets (à droite)<br />
* Cliquez sur la section pour tout sélectionner. '''Assurez-vous de sélectionner les sections de point''' et '''non''' les vecteurs !<br />
* Appuyez sur CTRL-X<br />
* Recommencez maintenant "à broder". Vos zones de points devraient disparaître ...<br />
* Par exemple, sélectionnez chaque groupe de vecteurs en utilisant la touche SHIFT et ajoutez des bordures si vous préférez avoir un point courant autour de chaque section de point.<br />
* Vous pouvez également améliorer les graphismes de différentes manières, bien que cela soit parfois une perte de temps puisque les points ignorent les détails plus fins, c'est-à-dire que le réglage fin peut plutôt être effectué au niveau de la zone de point.<br />
* Dans le cas où vous voulez juste chaque figure comme une seule forme, rien n'est plus facile que cela : Sélectionnez tout, puis '''Combiner les vecteurs''' -> '''Ajout'''.<br />
* Enfin, sélectionnez chaque figure et '''Eliminer les trous'''.<br />
Quoi qu'il en soit, passons au design original.<br />
<br />
[[Catégorie:Tutoriels]]<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Fichier:Stitch-era-needle-info.png&diff=75941Fichier:Stitch-era-needle-info.png2018-01-09T18:01:56Z<p>LiudmylaG : </p>
<hr />
<div>Info aiguille</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Fichier:Stitch-era-evolution-example-3.png&diff=75940Fichier:Stitch-era-evolution-example-3.png2018-01-09T17:47:18Z<p>LiudmylaG : </p>
<hr />
<div>Image vectorielle prête à être numérisée</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27un_dessin_vectoriel&diff=75939Stitch Era - créer une broderie à partir d'un dessin vectoriel2018-01-09T17:42:49Z<p>LiudmylaG : /* Adaptation de la couleur */</p>
<hr />
<div>{{En construction}}<br />
<br />
== '''Introduction''' ==<br />
Ce tutoriel, créé pour les personnes débutant avec le logiciel Stitch Era embroidery, explique comment passer d'images vectorisées à de la broderie sans avoir besoin de fortes connaissances en numérisation. Si vous partez d'une image vectorielle (et non d'un fichier *.png ou *.jpg), vous devriez obtenir un bon résultat assez rapidement.<br />
<br />
<div class="tut_goals"><br />
'''Homepage du tutoriel''' <br />
<br />
* Version française: [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]]<br />
* Version anglaise: [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software]<br />
<br />
'''Objectifs d'apprentissage''' <br />
* Être capable d'importer des images vectorielles<br />
* Être capable de numériser des images vectorielles<br />
<br />
'''Prérequis''' <br />
<br />
Avoir le logiciel [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]] / [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software] installé (et en particulier, être capable de créer un nouveau design).<br />
<br />
'''Pages liées à celle-ci''' <br />
<br />
''A compléter.'' <br />
<br />
'''Ressources utilisées''' <br />
<br />
Vous pouvez réutiliser les images présentes dans ce tutoriel. Cliquez dessus pour les agrandir, puis cliquer une seconde fois pour pouvoir ensuite les enregistrer.<br />
<br />
'''Qualité et niveau'''<br />
<br />
Ce tutoriel devrait suffire pour débuter dans Stitch Era. Il est utilisé par les auteurs de cet article dans le cadre d'un cours optionnel de master dans le domaine des technologies éducatives.<br />
<br />
'''Dernière mise à jour majeure'''<br />
<br />
''A compléter une fois cet article terminé.''<br />
<br />
'''Prochaines étapes'''<br />
<br />
''A compléter une fois que d'autres articles du wiki sur le sujet seront terminés.''<br />
<br />
</div><br />
<br />
=== '''Formats des images vectorielles et fichiers d'extensions''' ===<br />
<br />
Il existe deux types de formats pour les fichiers images:<br />
<br />
* Les images vectorielles sont des "dessins mathématiques" qui sont en principe beaucoup plus faciles à numériser que d'autres types d'images. Les images vectorielles sont entièrement adaptables, par exemple, elles ne perdront pas en qualité si l'on change leur taille. Parmi les logiciels les plus utilisés pour créer des images vectorielles, on trouve Inkscape (gratuit), Illustrator et Corel Draw. Stitch Era permet d'importer des dessins au format SVG ainsi que des formats propriétaires de Corel Draw et Illustrator. Les formaty habituels de ces fichiers sont *.ai, *.svg, *.cdr, *.wmf et *.emf. Stitch Era inclut son propre logiciel de dessin d'images vectorielles, pouvant être utilisé dans la première phase de design d'une broderie. Vous pouvez utiliser ce module afin d'arranger/modifier des images vectorielles importées et/ou pour dessiner vos propres images.<br />
* Les Bitmaps (aussi appelés images matricielles) définissent une image, par exemple un dessin ou une photo, constituée d'une matrice de points colorés. Les bitmaps sont désavantageux concernant deux points: (1) Il n'est pas possible de modifier la taille d'une image sans perdre en qualité. (2) La plupart des formats d'images permettent de les compresser (réduire leur taille) en leur faisant perdre certaines informations. Les images Bitmaps qui paraissent nettes ne le sont probablement pas en réalité. Cependant, la plupart des clip art trouvés sur internet sont malheureusement des bitmaps. Numériser des bitmaps implique de les transformer en images vectorielles dans un premier temps. Ce processus s'appelle la vectorisation. Il est possible de numériser directement un bitmap en sections de points de couture, cependant le résultat n'est généralement pas très satisfaisant. Les formats de bitmaps les plus courants sont ".png, *.jpg et *.gif. Les fichiers au format PNG ainsi que GIF sont optimisés pour le dessin, tandis que le format *.jpg l'est pour les photographies.<br />
<br />
=== '''Un aperçu du processus de design''' ===<br />
Dans ce tutoriel, nous allons montrer comment créer de la broderie à partir de ces deux types de formats, les images vectorielles et les bitmaps. De base, le processus de création de broderie ressemble à cela: (les étapes optionnelles se trouvant entre "[...]")<br />
<br />
<pre><nowiki><br />
[ bitmaps ] -> [ images vectorielles ] -> sections de points de couture (stitch sections) -> points de couture générés (stitchs générés)<br />
</nowiki></pre><br />
<br />
Les sections de points de couture (aussi appelés objets de broderie) sont une sorte d'images vectorielles spécifiques à la broderie, qui définissent des surfaces (areas) et des lignes (path) selon la manière dont ils vont être coudre. Comment cela sera cousu est défini par plusieurs paramètres. Des professionnels pourraient créer des points de couture directement. D'autres commencent souvent à partir de fichiers images. Le passage d'images vectorielles à des sections de points de couture s'appelle la numérisation. Lorsque cela est fait automatiquement (ce que Stitch Era peut faire), cela s'appelle de l'auto-numérisation.<br />
<br />
Ce tutoriel va expliquer ci-dessous comment fonctionnent les images vectorielles. En particulier, à partir du format internet ouvert SVG, dans lequel on peut trouver des images gratuites sur des sites tels que openclipart ou encore thenounproject. Si vous êtes intéressés à utiliser des images matricielles (par exemple au format *.jpg et *.png), vous devriez voir la procédure à suivre plus bas afin de les transformer en images vectorielles, pour ensuite créer une broderie à partir d'elles.<br />
<br />
=== '''La qualité de la (semi)auto-numérisation''' ===<br />
<br />
Avant de lire la suite de ce tutoriel, il faut savoir que la broderie créée à partir d'images en utilisant de l'auto-numérisation ne sera pas d'un niveau professionnel. Comme vous le verrez, il est relativement facile de numériser un bitmap ou une image vectorielle. Le résultat sera suffisamment acceptable et satisfaisant pour certains usages. Cependant, il y aura trois problèmes majeurs:<br />
<br />
1) Le résultat ne transmettra pas forcément le message souhaité. Par exemple, si la broderie voulue inclut trop de petits détails.<br />
<br />
2) Une broderie de qualité ne suit pas les mêmes principes visuels de design tels que ceux que nous faisons sur un écran ou même sur des dessins papiers. Le résultat peut de ce fait être moins bon.<br />
<br />
3) La plupart des broderies seront assez rigides, et de ce fait pas forcément agréables à porter. Typiquement, dans le dessin numérique, des formes sont superposées les unes sur les autres car il est plus facile de dessiner de cette manière et on ne peut voir à travers une forme (à moins d'avoir mis une couleur en transparence). En broderie, lorsque l'on superpose 2 couches assez denses de coutures ou plus, le résultat devient très rigide. Heureusement, Stitch Era propose des outils afin de régler ce problème.<br />
<br />
Les images ci-dessous montrent la différence entre une broderie simplement auto-numérisée tel que nous l'avons expliqué plus haut, et une broderie ayant été réarrangée de la manière expliquée sur la page Stitch Era - créer une broderie à partir d'une image complexe (LIEN A RAJOUTER).<br />
<br />
{| border="1"<br />
| <br />
[[Fichier:Lams-dolly-lrg.gif|vignette|200px|bitmap original]]<br />
| <br />
[[Fichier:Lams-lamb-embroidery-4a.jpg|vignette|200px|Logo auto-numérisé]]<br />
|-<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-1.jpg|vignette|200px|Logo réarrangé et (majoritairement) auto-numérisé]]<br />
<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-2.jpg|vignette|200px|Logo réarrangé (version 2)]]<br />
|}<br />
<br />
Cela étant dit, une simple auto-numérisation est le meilleur moyen de commencer, et après un jour ou deux vous serez à même de produire des design suffisamment jolis pour les porter sur vos propres vêtements. :)<br />
<br />
== '''Numérisation des images vectorielles - évolution''' ==<br />
Dans cette partie, nous introduisons quelques petites astuces avec un autre exemple. En particulier, nous abordons les points suivants:<br />
* Réorganiser les vecteurs<br />
* Indiquer à Stitch Era les lignes de fil à utiliser pour un design (par exemple, Madeira Rayon)<br />
* Apporter des légères modifications aux sections de points<br />
Cette partie a été faite pour Stitch Era 11. L'importation de SVG est beaucoup plus facile maintenant. Le reste est similaire.<br />
<br />
=== '''Importation des images SVG''' ===<br />
Nous avons importé l'image SVG - [https://openclipart.org/detail/12755/evolution-steps|les étapes d'évolution.] Nous avons également testé d'importer le dessin via * .emf et le résultat est moins convaincant, bien qu'il soit utilisable avec beaucoup de travail supplémentaire.<br />
<br />
C'est ce que nous avons obtenu:<br />
[[Fichier:Stitch-era-evolution-example.png|vignette|700x700px|Evolution - image vectorielle importée|néant]]Nous pouvons voir sur l’image que les vecteurs ne sont pas dans le bon ordre, c'est-à-dire que les objets qui devraient être en dessus se trouvent sous les autres objets. Pour changer l'ordre d'empilement il existe trois manières différentes :<br />
<br />
* Avec le menu contextuel (faites un clic droit sur l'objet et sélectionnez '''Modifier l'ordre''')<br />
<br />
* Avec le menu principale tout en haut (sélectionnez un objet, cliquez sur '''Disposition''' et après sur la section '''Avant & Arrière''')<br />
<br />
* Avec l’Administrateur d'objets. C'est la solution conseillée si vous devez en changer plusieurs. En faisant glisser un vecteur, vous pouvez changer son ordre.<br />
<br />
Une autre option serait de changer l'ordre au niveau de la section de point.<br />
[[Fichier:Stitch-era-evolution-example-2.png|néant|vignette|700x700px|Changement de l'ordre d'empilement en faisant glisser un objet dans l’Administrateur d'objets]]<br />
<br />
=== Adaptation de la couleur ===<br />
Nous avons décidé de travailler avec trois couleurs seulement et d'attribuer les mêmes couleurs pour chaque figure:<br />
* Sombre pour le corps<br />
* Clair pour le bras droit et la tête<br />
<br />
* Moyen pour la jambe droite<br />
La sélection des couleurs est un peu compliquée dans le Stitch era car la palette de couleurs dans le menu déroulant '''Couleur et remplissage''' est vraiment petite et les couleurs sont très difficiles à distinguer.<br />
* Sélectionnez toutes les têtes et tous les bras droits : Maintenez la touche CTRL enfoncée et cliquez sur chacun.<br />
* Pour vous assurer que vous avez tout sélectionné, éloignez le groupe, puis appuyez sur CTRL-Z pour le remettre.<br />
* Vous pouvez également regrouper les objets sélectionnés ('''Disposition -> Groupe''').<br />
* Changer les couleurs pour les éléments sélectionnés avec le menu déroulant '''Couleur et remplissage'''.<br />
<br />
Si vous souhaitez récupérer une couleur à l'aide d'un nom de couleur qui vous connaissez, il faut recherchez la spécification RVB dans la [[wp_en:Lists_of_colors|Liste des couleurs]] de Wikipédia par exemple. La couleur ''cuivre'' serait (184,115,51) selon la liste. Une fois que vous avez obtenu les trois numéros Rouge / Vert / Bleu, vous pouvez les entrer dans le panneau '''Sélectionner une couleur''' que vous obtenez dans le menu déroulant '''Couleur de remplissage -> Couleurs supplémentaires''' de Stitch Era. <br />
<br />
[[Catégorie:Tutoriels]]<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27un_dessin_vectoriel&diff=75938Stitch Era - créer une broderie à partir d'un dessin vectoriel2018-01-09T17:39:57Z<p>LiudmylaG : /* Adaptation de la couleur */</p>
<hr />
<div>{{En construction}}<br />
<br />
== '''Introduction''' ==<br />
Ce tutoriel, créé pour les personnes débutant avec le logiciel Stitch Era embroidery, explique comment passer d'images vectorisées à de la broderie sans avoir besoin de fortes connaissances en numérisation. Si vous partez d'une image vectorielle (et non d'un fichier *.png ou *.jpg), vous devriez obtenir un bon résultat assez rapidement.<br />
<br />
<div class="tut_goals"><br />
'''Homepage du tutoriel''' <br />
<br />
* Version française: [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]]<br />
* Version anglaise: [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software]<br />
<br />
'''Objectifs d'apprentissage''' <br />
* Être capable d'importer des images vectorielles<br />
* Être capable de numériser des images vectorielles<br />
<br />
'''Prérequis''' <br />
<br />
Avoir le logiciel [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]] / [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software] installé (et en particulier, être capable de créer un nouveau design).<br />
<br />
'''Pages liées à celle-ci''' <br />
<br />
''A compléter.'' <br />
<br />
'''Ressources utilisées''' <br />
<br />
Vous pouvez réutiliser les images présentes dans ce tutoriel. Cliquez dessus pour les agrandir, puis cliquer une seconde fois pour pouvoir ensuite les enregistrer.<br />
<br />
'''Qualité et niveau'''<br />
<br />
Ce tutoriel devrait suffire pour débuter dans Stitch Era. Il est utilisé par les auteurs de cet article dans le cadre d'un cours optionnel de master dans le domaine des technologies éducatives.<br />
<br />
'''Dernière mise à jour majeure'''<br />
<br />
''A compléter une fois cet article terminé.''<br />
<br />
'''Prochaines étapes'''<br />
<br />
''A compléter une fois que d'autres articles du wiki sur le sujet seront terminés.''<br />
<br />
</div><br />
<br />
=== '''Formats des images vectorielles et fichiers d'extensions''' ===<br />
<br />
Il existe deux types de formats pour les fichiers images:<br />
<br />
* Les images vectorielles sont des "dessins mathématiques" qui sont en principe beaucoup plus faciles à numériser que d'autres types d'images. Les images vectorielles sont entièrement adaptables, par exemple, elles ne perdront pas en qualité si l'on change leur taille. Parmi les logiciels les plus utilisés pour créer des images vectorielles, on trouve Inkscape (gratuit), Illustrator et Corel Draw. Stitch Era permet d'importer des dessins au format SVG ainsi que des formats propriétaires de Corel Draw et Illustrator. Les formaty habituels de ces fichiers sont *.ai, *.svg, *.cdr, *.wmf et *.emf. Stitch Era inclut son propre logiciel de dessin d'images vectorielles, pouvant être utilisé dans la première phase de design d'une broderie. Vous pouvez utiliser ce module afin d'arranger/modifier des images vectorielles importées et/ou pour dessiner vos propres images.<br />
* Les Bitmaps (aussi appelés images matricielles) définissent une image, par exemple un dessin ou une photo, constituée d'une matrice de points colorés. Les bitmaps sont désavantageux concernant deux points: (1) Il n'est pas possible de modifier la taille d'une image sans perdre en qualité. (2) La plupart des formats d'images permettent de les compresser (réduire leur taille) en leur faisant perdre certaines informations. Les images Bitmaps qui paraissent nettes ne le sont probablement pas en réalité. Cependant, la plupart des clip art trouvés sur internet sont malheureusement des bitmaps. Numériser des bitmaps implique de les transformer en images vectorielles dans un premier temps. Ce processus s'appelle la vectorisation. Il est possible de numériser directement un bitmap en sections de points de couture, cependant le résultat n'est généralement pas très satisfaisant. Les formats de bitmaps les plus courants sont ".png, *.jpg et *.gif. Les fichiers au format PNG ainsi que GIF sont optimisés pour le dessin, tandis que le format *.jpg l'est pour les photographies.<br />
<br />
=== '''Un aperçu du processus de design''' ===<br />
Dans ce tutoriel, nous allons montrer comment créer de la broderie à partir de ces deux types de formats, les images vectorielles et les bitmaps. De base, le processus de création de broderie ressemble à cela: (les étapes optionnelles se trouvant entre "[...]")<br />
<br />
<pre><nowiki><br />
[ bitmaps ] -> [ images vectorielles ] -> sections de points de couture (stitch sections) -> points de couture générés (stitchs générés)<br />
</nowiki></pre><br />
<br />
Les sections de points de couture (aussi appelés objets de broderie) sont une sorte d'images vectorielles spécifiques à la broderie, qui définissent des surfaces (areas) et des lignes (path) selon la manière dont ils vont être coudre. Comment cela sera cousu est défini par plusieurs paramètres. Des professionnels pourraient créer des points de couture directement. D'autres commencent souvent à partir de fichiers images. Le passage d'images vectorielles à des sections de points de couture s'appelle la numérisation. Lorsque cela est fait automatiquement (ce que Stitch Era peut faire), cela s'appelle de l'auto-numérisation.<br />
<br />
Ce tutoriel va expliquer ci-dessous comment fonctionnent les images vectorielles. En particulier, à partir du format internet ouvert SVG, dans lequel on peut trouver des images gratuites sur des sites tels que openclipart ou encore thenounproject. Si vous êtes intéressés à utiliser des images matricielles (par exemple au format *.jpg et *.png), vous devriez voir la procédure à suivre plus bas afin de les transformer en images vectorielles, pour ensuite créer une broderie à partir d'elles.<br />
<br />
=== '''La qualité de la (semi)auto-numérisation''' ===<br />
<br />
Avant de lire la suite de ce tutoriel, il faut savoir que la broderie créée à partir d'images en utilisant de l'auto-numérisation ne sera pas d'un niveau professionnel. Comme vous le verrez, il est relativement facile de numériser un bitmap ou une image vectorielle. Le résultat sera suffisamment acceptable et satisfaisant pour certains usages. Cependant, il y aura trois problèmes majeurs:<br />
<br />
1) Le résultat ne transmettra pas forcément le message souhaité. Par exemple, si la broderie voulue inclut trop de petits détails.<br />
<br />
2) Une broderie de qualité ne suit pas les mêmes principes visuels de design tels que ceux que nous faisons sur un écran ou même sur des dessins papiers. Le résultat peut de ce fait être moins bon.<br />
<br />
3) La plupart des broderies seront assez rigides, et de ce fait pas forcément agréables à porter. Typiquement, dans le dessin numérique, des formes sont superposées les unes sur les autres car il est plus facile de dessiner de cette manière et on ne peut voir à travers une forme (à moins d'avoir mis une couleur en transparence). En broderie, lorsque l'on superpose 2 couches assez denses de coutures ou plus, le résultat devient très rigide. Heureusement, Stitch Era propose des outils afin de régler ce problème.<br />
<br />
Les images ci-dessous montrent la différence entre une broderie simplement auto-numérisée tel que nous l'avons expliqué plus haut, et une broderie ayant été réarrangée de la manière expliquée sur la page Stitch Era - créer une broderie à partir d'une image complexe (LIEN A RAJOUTER).<br />
<br />
{| border="1"<br />
| <br />
[[Fichier:Lams-dolly-lrg.gif|vignette|200px|bitmap original]]<br />
| <br />
[[Fichier:Lams-lamb-embroidery-4a.jpg|vignette|200px|Logo auto-numérisé]]<br />
|-<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-1.jpg|vignette|200px|Logo réarrangé et (majoritairement) auto-numérisé]]<br />
<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-2.jpg|vignette|200px|Logo réarrangé (version 2)]]<br />
|}<br />
<br />
Cela étant dit, une simple auto-numérisation est le meilleur moyen de commencer, et après un jour ou deux vous serez à même de produire des design suffisamment jolis pour les porter sur vos propres vêtements. :)<br />
<br />
== '''Numérisation des images vectorielles - évolution''' ==<br />
Dans cette partie, nous introduisons quelques petites astuces avec un autre exemple. En particulier, nous abordons les points suivants:<br />
* Réorganiser les vecteurs<br />
* Indiquer à Stitch Era les lignes de fil à utiliser pour un design (par exemple, Madeira Rayon)<br />
* Apporter des légères modifications aux sections de points<br />
Cette partie a été faite pour Stitch Era 11. L'importation de SVG est beaucoup plus facile maintenant. Le reste est similaire.<br />
<br />
=== '''Importation des images SVG''' ===<br />
Nous avons importé l'image SVG - [https://openclipart.org/detail/12755/evolution-steps|les étapes d'évolution.] Nous avons également testé d'importer le dessin via * .emf et le résultat est moins convaincant, bien qu'il soit utilisable avec beaucoup de travail supplémentaire.<br />
<br />
C'est ce que nous avons obtenu:<br />
[[Fichier:Stitch-era-evolution-example.png|vignette|700x700px|Evolution - image vectorielle importée|néant]]Nous pouvons voir sur l’image que les vecteurs ne sont pas dans le bon ordre, c'est-à-dire que les objets qui devraient être en dessus se trouvent sous les autres objets. Pour changer l'ordre d'empilement il existe trois manières différentes :<br />
<br />
* Avec le menu contextuel (faites un clic droit sur l'objet et sélectionnez '''Modifier l'ordre''')<br />
<br />
* Avec le menu principale tout en haut (sélectionnez un objet, cliquez sur '''Disposition''' et après sur la section '''Avant & Arrière''')<br />
<br />
* Avec l’Administrateur d'objets. C'est la solution conseillée si vous devez en changer plusieurs. En faisant glisser un vecteur, vous pouvez changer son ordre.<br />
<br />
Une autre option serait de changer l'ordre au niveau de la section de point.<br />
[[Fichier:Stitch-era-evolution-example-2.png|néant|vignette|700x700px|Changement de l'ordre d'empilement en faisant glisser un objet dans l’Administrateur d'objets]]<br />
<br />
=== Adaptation de la couleur ===<br />
Nous avons décidé de travailler avec trois couleurs seulement et d'attribuer les mêmes couleurs pour chaque figure:<br />
* Sombre pour le corps<br />
* Clair pour le bras droit et la tête<br />
<br />
* Moyen pour la jambe droite<br />
La sélection des couleurs est un peu compliquée dans le Stitch era car la palette de couleurs dans le menu déroulant '''Couleur et remplissage''' est vraiment petite et les couleurs sont très difficiles à distinguer.<br />
* Sélectionnez toutes les têtes et tous les bras droits : Maintenez la touche CTRL enfoncée et cliquez sur chacun.<br />
* Pour vous assurer que vous avez tout sélectionné, éloignez le groupe, puis appuyez sur CTRL-Z pour le remettre.<br />
* Vous pouvez également regrouper les objets sélectionnés ('''Disposition -> Groupe''').<br />
* Changer les couleurs pour les éléments sélectionnés avec le menu déroulant '''Couleur et remplissage'''.<br />
<br />
Si vous souhaitez récupérer une couleur à l'aide d'un nom de couleur qui vous connaissez, il faut recherchez la spécification RVB dans la Liste des couleurs de Wikipédia par exemple. La couleur ''cuivre'' serait (184,115,51) selon la liste. Une fois que vous avez obtenu les trois numéros Rouge / Vert / Bleu, vous pouvez les entrer dans le panneau '''Sélectionner une couleur''' que vous obtenez dans le menu déroulant '''Couleur de remplissage -> Couleurs supplémentaires''' de Stitch Era. <br />
<br />
[[Catégorie:Tutoriels]]<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27un_dessin_vectoriel&diff=75937Stitch Era - créer une broderie à partir d'un dessin vectoriel2018-01-09T17:38:07Z<p>LiudmylaG : /* Adaptation de la couleur */</p>
<hr />
<div>{{En construction}}<br />
<br />
== '''Introduction''' ==<br />
Ce tutoriel, créé pour les personnes débutant avec le logiciel Stitch Era embroidery, explique comment passer d'images vectorisées à de la broderie sans avoir besoin de fortes connaissances en numérisation. Si vous partez d'une image vectorielle (et non d'un fichier *.png ou *.jpg), vous devriez obtenir un bon résultat assez rapidement.<br />
<br />
<div class="tut_goals"><br />
'''Homepage du tutoriel''' <br />
<br />
* Version française: [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]]<br />
* Version anglaise: [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software]<br />
<br />
'''Objectifs d'apprentissage''' <br />
* Être capable d'importer des images vectorielles<br />
* Être capable de numériser des images vectorielles<br />
<br />
'''Prérequis''' <br />
<br />
Avoir le logiciel [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]] / [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software] installé (et en particulier, être capable de créer un nouveau design).<br />
<br />
'''Pages liées à celle-ci''' <br />
<br />
''A compléter.'' <br />
<br />
'''Ressources utilisées''' <br />
<br />
Vous pouvez réutiliser les images présentes dans ce tutoriel. Cliquez dessus pour les agrandir, puis cliquer une seconde fois pour pouvoir ensuite les enregistrer.<br />
<br />
'''Qualité et niveau'''<br />
<br />
Ce tutoriel devrait suffire pour débuter dans Stitch Era. Il est utilisé par les auteurs de cet article dans le cadre d'un cours optionnel de master dans le domaine des technologies éducatives.<br />
<br />
'''Dernière mise à jour majeure'''<br />
<br />
''A compléter une fois cet article terminé.''<br />
<br />
'''Prochaines étapes'''<br />
<br />
''A compléter une fois que d'autres articles du wiki sur le sujet seront terminés.''<br />
<br />
</div><br />
<br />
=== '''Formats des images vectorielles et fichiers d'extensions''' ===<br />
<br />
Il existe deux types de formats pour les fichiers images:<br />
<br />
* Les images vectorielles sont des "dessins mathématiques" qui sont en principe beaucoup plus faciles à numériser que d'autres types d'images. Les images vectorielles sont entièrement adaptables, par exemple, elles ne perdront pas en qualité si l'on change leur taille. Parmi les logiciels les plus utilisés pour créer des images vectorielles, on trouve Inkscape (gratuit), Illustrator et Corel Draw. Stitch Era permet d'importer des dessins au format SVG ainsi que des formats propriétaires de Corel Draw et Illustrator. Les formaty habituels de ces fichiers sont *.ai, *.svg, *.cdr, *.wmf et *.emf. Stitch Era inclut son propre logiciel de dessin d'images vectorielles, pouvant être utilisé dans la première phase de design d'une broderie. Vous pouvez utiliser ce module afin d'arranger/modifier des images vectorielles importées et/ou pour dessiner vos propres images.<br />
* Les Bitmaps (aussi appelés images matricielles) définissent une image, par exemple un dessin ou une photo, constituée d'une matrice de points colorés. Les bitmaps sont désavantageux concernant deux points: (1) Il n'est pas possible de modifier la taille d'une image sans perdre en qualité. (2) La plupart des formats d'images permettent de les compresser (réduire leur taille) en leur faisant perdre certaines informations. Les images Bitmaps qui paraissent nettes ne le sont probablement pas en réalité. Cependant, la plupart des clip art trouvés sur internet sont malheureusement des bitmaps. Numériser des bitmaps implique de les transformer en images vectorielles dans un premier temps. Ce processus s'appelle la vectorisation. Il est possible de numériser directement un bitmap en sections de points de couture, cependant le résultat n'est généralement pas très satisfaisant. Les formats de bitmaps les plus courants sont ".png, *.jpg et *.gif. Les fichiers au format PNG ainsi que GIF sont optimisés pour le dessin, tandis que le format *.jpg l'est pour les photographies.<br />
<br />
=== '''Un aperçu du processus de design''' ===<br />
Dans ce tutoriel, nous allons montrer comment créer de la broderie à partir de ces deux types de formats, les images vectorielles et les bitmaps. De base, le processus de création de broderie ressemble à cela: (les étapes optionnelles se trouvant entre "[...]")<br />
<br />
<pre><nowiki><br />
[ bitmaps ] -> [ images vectorielles ] -> sections de points de couture (stitch sections) -> points de couture générés (stitchs générés)<br />
</nowiki></pre><br />
<br />
Les sections de points de couture (aussi appelés objets de broderie) sont une sorte d'images vectorielles spécifiques à la broderie, qui définissent des surfaces (areas) et des lignes (path) selon la manière dont ils vont être coudre. Comment cela sera cousu est défini par plusieurs paramètres. Des professionnels pourraient créer des points de couture directement. D'autres commencent souvent à partir de fichiers images. Le passage d'images vectorielles à des sections de points de couture s'appelle la numérisation. Lorsque cela est fait automatiquement (ce que Stitch Era peut faire), cela s'appelle de l'auto-numérisation.<br />
<br />
Ce tutoriel va expliquer ci-dessous comment fonctionnent les images vectorielles. En particulier, à partir du format internet ouvert SVG, dans lequel on peut trouver des images gratuites sur des sites tels que openclipart ou encore thenounproject. Si vous êtes intéressés à utiliser des images matricielles (par exemple au format *.jpg et *.png), vous devriez voir la procédure à suivre plus bas afin de les transformer en images vectorielles, pour ensuite créer une broderie à partir d'elles.<br />
<br />
=== '''La qualité de la (semi)auto-numérisation''' ===<br />
<br />
Avant de lire la suite de ce tutoriel, il faut savoir que la broderie créée à partir d'images en utilisant de l'auto-numérisation ne sera pas d'un niveau professionnel. Comme vous le verrez, il est relativement facile de numériser un bitmap ou une image vectorielle. Le résultat sera suffisamment acceptable et satisfaisant pour certains usages. Cependant, il y aura trois problèmes majeurs:<br />
<br />
1) Le résultat ne transmettra pas forcément le message souhaité. Par exemple, si la broderie voulue inclut trop de petits détails.<br />
<br />
2) Une broderie de qualité ne suit pas les mêmes principes visuels de design tels que ceux que nous faisons sur un écran ou même sur des dessins papiers. Le résultat peut de ce fait être moins bon.<br />
<br />
3) La plupart des broderies seront assez rigides, et de ce fait pas forcément agréables à porter. Typiquement, dans le dessin numérique, des formes sont superposées les unes sur les autres car il est plus facile de dessiner de cette manière et on ne peut voir à travers une forme (à moins d'avoir mis une couleur en transparence). En broderie, lorsque l'on superpose 2 couches assez denses de coutures ou plus, le résultat devient très rigide. Heureusement, Stitch Era propose des outils afin de régler ce problème.<br />
<br />
Les images ci-dessous montrent la différence entre une broderie simplement auto-numérisée tel que nous l'avons expliqué plus haut, et une broderie ayant été réarrangée de la manière expliquée sur la page Stitch Era - créer une broderie à partir d'une image complexe (LIEN A RAJOUTER).<br />
<br />
{| border="1"<br />
| <br />
[[Fichier:Lams-dolly-lrg.gif|vignette|200px|bitmap original]]<br />
| <br />
[[Fichier:Lams-lamb-embroidery-4a.jpg|vignette|200px|Logo auto-numérisé]]<br />
|-<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-1.jpg|vignette|200px|Logo réarrangé et (majoritairement) auto-numérisé]]<br />
<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-2.jpg|vignette|200px|Logo réarrangé (version 2)]]<br />
|}<br />
<br />
Cela étant dit, une simple auto-numérisation est le meilleur moyen de commencer, et après un jour ou deux vous serez à même de produire des design suffisamment jolis pour les porter sur vos propres vêtements. :)<br />
<br />
== '''Numérisation des images vectorielles - évolution''' ==<br />
Dans cette partie, nous introduisons quelques petites astuces avec un autre exemple. En particulier, nous abordons les points suivants:<br />
* Réorganiser les vecteurs<br />
* Indiquer à Stitch Era les lignes de fil à utiliser pour un design (par exemple, Madeira Rayon)<br />
* Apporter des légères modifications aux sections de points<br />
Cette partie a été faite pour Stitch Era 11. L'importation de SVG est beaucoup plus facile maintenant. Le reste est similaire.<br />
<br />
=== '''Importation des images SVG''' ===<br />
Nous avons importé l'image SVG - [https://openclipart.org/detail/12755/evolution-steps|les étapes d'évolution.] Nous avons également testé d'importer le dessin via * .emf et le résultat est moins convaincant, bien qu'il soit utilisable avec beaucoup de travail supplémentaire.<br />
<br />
C'est ce que nous avons obtenu:<br />
[[Fichier:Stitch-era-evolution-example.png|vignette|700x700px|Evolution - image vectorielle importée|néant]]Nous pouvons voir sur l’image que les vecteurs ne sont pas dans le bon ordre, c'est-à-dire que les objets qui devraient être en dessus se trouvent sous les autres objets. Pour changer l'ordre d'empilement il existe trois manières différentes :<br />
<br />
* Avec le menu contextuel (faites un clic droit sur l'objet et sélectionnez '''Modifier l'ordre''')<br />
<br />
* Avec le menu principale tout en haut (sélectionnez un objet, cliquez sur '''Disposition''' et après sur la section '''Avant & Arrière''')<br />
<br />
* Avec l’Administrateur d'objets. C'est la solution conseillée si vous devez en changer plusieurs. En faisant glisser un vecteur, vous pouvez changer son ordre.<br />
<br />
Une autre option serait de changer l'ordre au niveau de la section de point.<br />
[[Fichier:Stitch-era-evolution-example-2.png|néant|vignette|700x700px|Changement de l'ordre d'empilement en faisant glisser un objet dans l’Administrateur d'objets]]<br />
<br />
=== Adaptation de la couleur ===<br />
Nous avons décidé de travailler avec trois couleurs seulement et d'attribuer les mêmes couleurs pour chaque figure:<br />
* Sombre pour le corps<br />
* Clair pour le bras droit et la tête<br />
<br />
* Moyen pour la jambe droite<br />
La sélection des couleurs est un peu compliquée dans le Stitch era car la palette de couleurs dans le menu déroulant '''Couleur et remplissage''' est vraiment petite et les couleurs sont très difficiles à distinguer.<br />
* Sélectionnez toutes les têtes et tous les bras droits : Maintenez la touche CTRL enfoncée et cliquez sur chacun.<br />
* Pour vous assurer que vous avez tout sélectionné, éloignez le groupe, puis appuyez sur CTRL-Z pour le remettre.<br />
* Vous pouvez également regrouper les objets sélectionnés ('''Disposition -> Groupe''').<br />
* Changer les couleurs pour les éléments sélectionnés avec le menu déroulant '''Couleur et remplissage'''.<br />
<br />
Si vous souhaitez récupérer une couleur à l'aide d'un nom de couleur qui vous connaissez, il faut recherchez la spécification RVB dans la Liste des couleurs de Wikipédia par exemple. La couleur cuivre serait (184,115,51) selon la liste. Une fois que vous avez obtenu les trois numéros Rouge / Vert / Bleu, vous pouvez les entrer dans le panneau Sélectionner une couleur que vous obtenez dans le menu déroulant Couleur de remplissage -> Couleurs supplémentaires de Stitch Era. <br />
<br />
[[Catégorie:Tutoriels]]<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27un_dessin_vectoriel&diff=75936Stitch Era - créer une broderie à partir d'un dessin vectoriel2018-01-09T17:09:45Z<p>LiudmylaG : </p>
<hr />
<div>{{En construction}}<br />
<br />
== '''Introduction''' ==<br />
Ce tutoriel, créé pour les personnes débutant avec le logiciel Stitch Era embroidery, explique comment passer d'images vectorisées à de la broderie sans avoir besoin de fortes connaissances en numérisation. Si vous partez d'une image vectorielle (et non d'un fichier *.png ou *.jpg), vous devriez obtenir un bon résultat assez rapidement.<br />
<br />
<div class="tut_goals"><br />
'''Homepage du tutoriel''' <br />
<br />
* Version française: [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]]<br />
* Version anglaise: [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software]<br />
<br />
'''Objectifs d'apprentissage''' <br />
* Être capable d'importer des images vectorielles<br />
* Être capable de numériser des images vectorielles<br />
<br />
'''Prérequis''' <br />
<br />
Avoir le logiciel [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]] / [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software] installé (et en particulier, être capable de créer un nouveau design).<br />
<br />
'''Pages liées à celle-ci''' <br />
<br />
''A compléter.'' <br />
<br />
'''Ressources utilisées''' <br />
<br />
Vous pouvez réutiliser les images présentes dans ce tutoriel. Cliquez dessus pour les agrandir, puis cliquer une seconde fois pour pouvoir ensuite les enregistrer.<br />
<br />
'''Qualité et niveau'''<br />
<br />
Ce tutoriel devrait suffire pour débuter dans Stitch Era. Il est utilisé par les auteurs de cet article dans le cadre d'un cours optionnel de master dans le domaine des technologies éducatives.<br />
<br />
'''Dernière mise à jour majeure'''<br />
<br />
''A compléter une fois cet article terminé.''<br />
<br />
'''Prochaines étapes'''<br />
<br />
''A compléter une fois que d'autres articles du wiki sur le sujet seront terminés.''<br />
<br />
</div><br />
<br />
=== '''Formats des images vectorielles et fichiers d'extensions''' ===<br />
<br />
Il existe deux types de formats pour les fichiers images:<br />
<br />
* Les images vectorielles sont des "dessins mathématiques" qui sont en principe beaucoup plus faciles à numériser que d'autres types d'images. Les images vectorielles sont entièrement adaptables, par exemple, elles ne perdront pas en qualité si l'on change leur taille. Parmi les logiciels les plus utilisés pour créer des images vectorielles, on trouve Inkscape (gratuit), Illustrator et Corel Draw. Stitch Era permet d'importer des dessins au format SVG ainsi que des formats propriétaires de Corel Draw et Illustrator. Les formaty habituels de ces fichiers sont *.ai, *.svg, *.cdr, *.wmf et *.emf. Stitch Era inclut son propre logiciel de dessin d'images vectorielles, pouvant être utilisé dans la première phase de design d'une broderie. Vous pouvez utiliser ce module afin d'arranger/modifier des images vectorielles importées et/ou pour dessiner vos propres images.<br />
* Les Bitmaps (aussi appelés images matricielles) définissent une image, par exemple un dessin ou une photo, constituée d'une matrice de points colorés. Les bitmaps sont désavantageux concernant deux points: (1) Il n'est pas possible de modifier la taille d'une image sans perdre en qualité. (2) La plupart des formats d'images permettent de les compresser (réduire leur taille) en leur faisant perdre certaines informations. Les images Bitmaps qui paraissent nettes ne le sont probablement pas en réalité. Cependant, la plupart des clip art trouvés sur internet sont malheureusement des bitmaps. Numériser des bitmaps implique de les transformer en images vectorielles dans un premier temps. Ce processus s'appelle la vectorisation. Il est possible de numériser directement un bitmap en sections de points de couture, cependant le résultat n'est généralement pas très satisfaisant. Les formats de bitmaps les plus courants sont ".png, *.jpg et *.gif. Les fichiers au format PNG ainsi que GIF sont optimisés pour le dessin, tandis que le format *.jpg l'est pour les photographies.<br />
<br />
=== '''Un aperçu du processus de design''' ===<br />
Dans ce tutoriel, nous allons montrer comment créer de la broderie à partir de ces deux types de formats, les images vectorielles et les bitmaps. De base, le processus de création de broderie ressemble à cela: (les étapes optionnelles se trouvant entre "[...]")<br />
<br />
<pre><nowiki><br />
[ bitmaps ] -> [ images vectorielles ] -> sections de points de couture (stitch sections) -> points de couture générés (stitchs générés)<br />
</nowiki></pre><br />
<br />
Les sections de points de couture (aussi appelés objets de broderie) sont une sorte d'images vectorielles spécifiques à la broderie, qui définissent des surfaces (areas) et des lignes (path) selon la manière dont ils vont être coudre. Comment cela sera cousu est défini par plusieurs paramètres. Des professionnels pourraient créer des points de couture directement. D'autres commencent souvent à partir de fichiers images. Le passage d'images vectorielles à des sections de points de couture s'appelle la numérisation. Lorsque cela est fait automatiquement (ce que Stitch Era peut faire), cela s'appelle de l'auto-numérisation.<br />
<br />
Ce tutoriel va expliquer ci-dessous comment fonctionnent les images vectorielles. En particulier, à partir du format internet ouvert SVG, dans lequel on peut trouver des images gratuites sur des sites tels que openclipart ou encore thenounproject. Si vous êtes intéressés à utiliser des images matricielles (par exemple au format *.jpg et *.png), vous devriez voir la procédure à suivre plus bas afin de les transformer en images vectorielles, pour ensuite créer une broderie à partir d'elles.<br />
<br />
=== '''La qualité de la (semi)auto-numérisation''' ===<br />
<br />
Avant de lire la suite de ce tutoriel, il faut savoir que la broderie créée à partir d'images en utilisant de l'auto-numérisation ne sera pas d'un niveau professionnel. Comme vous le verrez, il est relativement facile de numériser un bitmap ou une image vectorielle. Le résultat sera suffisamment acceptable et satisfaisant pour certains usages. Cependant, il y aura trois problèmes majeurs:<br />
<br />
1) Le résultat ne transmettra pas forcément le message souhaité. Par exemple, si la broderie voulue inclut trop de petits détails.<br />
<br />
2) Une broderie de qualité ne suit pas les mêmes principes visuels de design tels que ceux que nous faisons sur un écran ou même sur des dessins papiers. Le résultat peut de ce fait être moins bon.<br />
<br />
3) La plupart des broderies seront assez rigides, et de ce fait pas forcément agréables à porter. Typiquement, dans le dessin numérique, des formes sont superposées les unes sur les autres car il est plus facile de dessiner de cette manière et on ne peut voir à travers une forme (à moins d'avoir mis une couleur en transparence). En broderie, lorsque l'on superpose 2 couches assez denses de coutures ou plus, le résultat devient très rigide. Heureusement, Stitch Era propose des outils afin de régler ce problème.<br />
<br />
Les images ci-dessous montrent la différence entre une broderie simplement auto-numérisée tel que nous l'avons expliqué plus haut, et une broderie ayant été réarrangée de la manière expliquée sur la page Stitch Era - créer une broderie à partir d'une image complexe (LIEN A RAJOUTER).<br />
<br />
{| border="1"<br />
| <br />
[[Fichier:Lams-dolly-lrg.gif|vignette|200px|bitmap original]]<br />
| <br />
[[Fichier:Lams-lamb-embroidery-4a.jpg|vignette|200px|Logo auto-numérisé]]<br />
|-<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-1.jpg|vignette|200px|Logo réarrangé et (majoritairement) auto-numérisé]]<br />
<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-2.jpg|vignette|200px|Logo réarrangé (version 2)]]<br />
|}<br />
<br />
Cela étant dit, une simple auto-numérisation est le meilleur moyen de commencer, et après un jour ou deux vous serez à même de produire des design suffisamment jolis pour les porter sur vos propres vêtements. :)<br />
<br />
== '''Numérisation des images vectorielles - évolution''' ==<br />
Dans cette partie, nous introduisons quelques petites astuces avec un autre exemple. En particulier, nous abordons les points suivants:<br />
* Réorganiser les vecteurs<br />
* Indiquer à Stitch Era les lignes de fil à utiliser pour un design (par exemple, Madeira Rayon)<br />
* Apporter des légères modifications aux sections de points<br />
Cette partie a été faite pour Stitch Era 11. L'importation de SVG est beaucoup plus facile maintenant. Le reste est similaire.<br />
<br />
=== '''Importation des images SVG''' ===<br />
Nous avons importé l'image SVG - [https://openclipart.org/detail/12755/evolution-steps|les étapes d'évolution.] Nous avons également testé d'importer le dessin via * .emf et le résultat est moins convaincant, bien qu'il soit utilisable avec beaucoup de travail supplémentaire.<br />
<br />
C'est ce que nous avons obtenu:<br />
[[Fichier:Stitch-era-evolution-example.png|vignette|700x700px|Evolution - image vectorielle importée|néant]]Nous pouvons voir sur l’image que les vecteurs ne sont pas dans le bon ordre, c'est-à-dire que les objets qui devraient être en dessus se trouvent sous les autres objets. Pour changer l'ordre d'empilement il existe trois manières différentes :<br />
<br />
* Avec le menu contextuel (faites un clic droit sur l'objet et sélectionnez '''Modifier l'ordre''')<br />
<br />
* Avec le menu principale tout en haut (sélectionnez un objet, cliquez sur '''Disposition''' et après sur la section '''Avant & Arrière''')<br />
<br />
* Avec l’Administrateur d'objets. C'est la solution conseillée si vous devez en changer plusieurs. En faisant glisser un vecteur, vous pouvez changer son ordre.<br />
<br />
Une autre option serait de changer l'ordre au niveau de la section de point.<br />
[[Fichier:Stitch-era-evolution-example-2.png|néant|vignette|700x700px|Changement de l'ordre d'empilement en faisant glisser un objet dans l’Administrateur d'objets]]<br />
<br />
=== Adaptation de la couleur ===<br />
Nous avons décidé de travailler avec trois couleurs seulement et d'attribuer les mêmes couleurs pour chaque figure:<br />
* Sombre pour le corps<br />
* Clair pour le bras droit et la tête<br />
<br />
* Moyen pour la jambe droite<br />
La sélection des couleurs est un peu compliquée dans le Stitch era car la palette de couleurs dans le menu déroulant '''Couleur et remplissage''' est vraiment petite et les couleurs sont très difficiles à distinguer.<br />
* Sélectionnez toutes les têtes et tous les bras droits : Maintenez la touche CTRL enfoncée et cliquez sur chacun.<br />
* Pour vous assurer que vous avez tout sélectionné, éloignez le groupe, puis appuyez sur CTRL-Z pour le remettre.<br />
* Vous pouvez également regrouper les objets sélectionnés ('''Disposition -> Groupe''').<br />
* Changer les couleurs pour les éléments sélectionnés avec le menu déroulant '''Couleur et remplissage'''.<br />
[[Catégorie:Tutoriels]]<br />
[[Catégorie:Broderie machine]]</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Fichier:Stitch-era-evolution-example-2.png&diff=75935Fichier:Stitch-era-evolution-example-2.png2018-01-09T17:01:11Z<p>LiudmylaG : </p>
<hr />
<div>Changement de l'ordre d'empilement en faisant glisser un objet dans l’Administrateur d'objets</div>LiudmylaGhttps://edutechwiki.unige.ch/fmediawiki/index.php?title=Stitch_Era_-_cr%C3%A9er_une_broderie_%C3%A0_partir_d%27un_dessin_vectoriel&diff=75934Stitch Era - créer une broderie à partir d'un dessin vectoriel2018-01-09T16:17:28Z<p>LiudmylaG : /* Importation des images SVG */</p>
<hr />
<div>{{En construction}}<br />
<br />
== '''Introduction''' ==<br />
Ce tutoriel, créé pour les personnes débutant avec le logiciel Stitch Era embroidery, explique comment passer d'images vectorisées à de la broderie sans avoir besoin de fortes connaissances en numérisation. Si vous partez d'une image vectorielle (et non d'un fichier *.png ou *.jpg), vous devriez obtenir un bon résultat assez rapidement.<br />
<br />
<div class="tut_goals"><br />
'''Homepage du tutoriel''' <br />
<br />
* Version française: [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]]<br />
* Version anglaise: [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software]<br />
<br />
'''Objectifs d'apprentissage''' <br />
* Être capable d'importer des images vectorielles<br />
* Être capable de numériser des images vectorielles<br />
<br />
'''Prérequis''' <br />
<br />
Avoir le logiciel [[Stitch_Era_-_logiciel_de_broderie_machine_et_de_hotfix|Stitch Era - logiciel de broderie machine et de hotfix]] / [https://edutechwiki.unige.ch/en/Stitch_Era_embroidery_software Stitch Era embroidery software] installé (et en particulier, être capable de créer un nouveau design).<br />
<br />
'''Pages liées à celle-ci''' <br />
<br />
''A compléter.'' <br />
<br />
'''Ressources utilisées''' <br />
<br />
Vous pouvez réutiliser les images présentes dans ce tutoriel. Cliquez dessus pour les agrandir, puis cliquer une seconde fois pour pouvoir ensuite les enregistrer.<br />
<br />
'''Qualité et niveau'''<br />
<br />
Ce tutoriel devrait suffire pour débuter dans Stitch Era. Il est utilisé par les auteurs de cet article dans le cadre d'un cours optionnel de master dans le domaine des technologies éducatives.<br />
<br />
'''Dernière mise à jour majeure'''<br />
<br />
''A compléter une fois cet article terminé.''<br />
<br />
'''Prochaines étapes'''<br />
<br />
''A compléter une fois que d'autres articles du wiki sur le sujet seront terminés.''<br />
<br />
</div><br />
<br />
=== '''Formats des images vectorielles et fichiers d'extensions''' ===<br />
<br />
Il existe deux types de formats pour les fichiers images:<br />
<br />
* Les images vectorielles sont des "dessins mathématiques" qui sont en principe beaucoup plus faciles à numériser que d'autres types d'images. Les images vectorielles sont entièrement adaptables, par exemple, elles ne perdront pas en qualité si l'on change leur taille. Parmi les logiciels les plus utilisés pour créer des images vectorielles, on trouve Inkscape (gratuit), Illustrator et Corel Draw. Stitch Era permet d'importer des dessins au format SVG ainsi que des formats propriétaires de Corel Draw et Illustrator. Les formaty habituels de ces fichiers sont *.ai, *.svg, *.cdr, *.wmf et *.emf. Stitch Era inclut son propre logiciel de dessin d'images vectorielles, pouvant être utilisé dans la première phase de design d'une broderie. Vous pouvez utiliser ce module afin d'arranger/modifier des images vectorielles importées et/ou pour dessiner vos propres images.<br />
* Les Bitmaps (aussi appelés images matricielles) définissent une image, par exemple un dessin ou une photo, constituée d'une matrice de points colorés. Les bitmaps sont désavantageux concernant deux points: (1) Il n'est pas possible de modifier la taille d'une image sans perdre en qualité. (2) La plupart des formats d'images permettent de les compresser (réduire leur taille) en leur faisant perdre certaines informations. Les images Bitmaps qui paraissent nettes ne le sont probablement pas en réalité. Cependant, la plupart des clip art trouvés sur internet sont malheureusement des bitmaps. Numériser des bitmaps implique de les transformer en images vectorielles dans un premier temps. Ce processus s'appelle la vectorisation. Il est possible de numériser directement un bitmap en sections de points de couture, cependant le résultat n'est généralement pas très satisfaisant. Les formats de bitmaps les plus courants sont ".png, *.jpg et *.gif. Les fichiers au format PNG ainsi que GIF sont optimisés pour le dessin, tandis que le format *.jpg l'est pour les photographies.<br />
<br />
=== '''Un aperçu du processus de design''' ===<br />
Dans ce tutoriel, nous allons montrer comment créer de la broderie à partir de ces deux types de formats, les images vectorielles et les bitmaps. De base, le processus de création de broderie ressemble à cela: (les étapes optionnelles se trouvant entre "[...]")<br />
<br />
<pre><nowiki><br />
[ bitmaps ] -> [ images vectorielles ] -> sections de points de couture (stitch sections) -> points de couture générés (stitchs générés)<br />
</nowiki></pre><br />
<br />
Les sections de points de couture (aussi appelés objets de broderie) sont une sorte d'images vectorielles spécifiques à la broderie, qui définissent des surfaces (areas) et des lignes (path) selon la manière dont ils vont être coudre. Comment cela sera cousu est défini par plusieurs paramètres. Des professionnels pourraient créer des points de couture directement. D'autres commencent souvent à partir de fichiers images. Le passage d'images vectorielles à des sections de points de couture s'appelle la numérisation. Lorsque cela est fait automatiquement (ce que Stitch Era peut faire), cela s'appelle de l'auto-numérisation.<br />
<br />
Ce tutoriel va expliquer ci-dessous comment fonctionnent les images vectorielles. En particulier, à partir du format internet ouvert SVG, dans lequel on peut trouver des images gratuites sur des sites tels que openclipart ou encore thenounproject. Si vous êtes intéressés à utiliser des images matricielles (par exemple au format *.jpg et *.png), vous devriez voir la procédure à suivre plus bas afin de les transformer en images vectorielles, pour ensuite créer une broderie à partir d'elles.<br />
<br />
=== '''La qualité de la (semi)auto-numérisation''' ===<br />
<br />
Avant de lire la suite de ce tutoriel, il faut savoir que la broderie créée à partir d'images en utilisant de l'auto-numérisation ne sera pas d'un niveau professionnel. Comme vous le verrez, il est relativement facile de numériser un bitmap ou une image vectorielle. Le résultat sera suffisamment acceptable et satisfaisant pour certains usages. Cependant, il y aura trois problèmes majeurs:<br />
<br />
1) Le résultat ne transmettra pas forcément le message souhaité. Par exemple, si la broderie voulue inclut trop de petits détails.<br />
<br />
2) Une broderie de qualité ne suit pas les mêmes principes visuels de design tels que ceux que nous faisons sur un écran ou même sur des dessins papiers. Le résultat peut de ce fait être moins bon.<br />
<br />
3) La plupart des broderies seront assez rigides, et de ce fait pas forcément agréables à porter. Typiquement, dans le dessin numérique, des formes sont superposées les unes sur les autres car il est plus facile de dessiner de cette manière et on ne peut voir à travers une forme (à moins d'avoir mis une couleur en transparence). En broderie, lorsque l'on superpose 2 couches assez denses de coutures ou plus, le résultat devient très rigide. Heureusement, Stitch Era propose des outils afin de régler ce problème.<br />
<br />
Les images ci-dessous montrent la différence entre une broderie simplement auto-numérisée tel que nous l'avons expliqué plus haut, et une broderie ayant été réarrangée de la manière expliquée sur la page Stitch Era - créer une broderie à partir d'une image complexe (LIEN A RAJOUTER).<br />
<br />
{| border="1"<br />
| <br />
[[Fichier:Lams-dolly-lrg.gif|vignette|200px|bitmap original]]<br />
| <br />
[[Fichier:Lams-lamb-embroidery-4a.jpg|vignette|200px|Logo auto-numérisé]]<br />
|-<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-1.jpg|vignette|200px|Logo réarrangé et (majoritairement) auto-numérisé]]<br />
<br />
| <br />
[[Fichier:Lams-logo-embroidered-take-2.jpg|vignette|200px|Logo réarrangé (version 2)]]<br />
|}<br />
<br />
Cela étant dit, une simple auto-numérisation est le meilleur moyen de commencer, et après un jour ou deux vous serez à même de produire des design suffisamment jolis pour les porter sur vos propres vêtements. :)<br />
<br />
== '''Numérisation des images vectorielles - évolution''' ==<br />
Dans cette partie, nous introduisons quelques petites astuces avec un autre exemple. En particulier, nous abordons les points suivants:<br />
* Réorganiser les vecteurs<br />
* Indiquer à Stitch Era les lignes de fil à utiliser pour un design (par exemple, Madeira Rayon)<br />
* Apporter des légères modifications aux sections de points<br />
Cette partie a été faite pour Stitch Era 11. L'importation de SVG est beaucoup plus facile maintenant. Le reste est similaire.<br />
<br />
=== '''Importation des images SVG''' ===<br />
Nous avons importé l'image SVG - [https://openclipart.org/detail/12755/evolution-steps|les étapes d'évolution.] Nous avons également testé d'importer le dessin via * .emf et le résultat est moins convaincant, bien qu'il soit utilisable avec beaucoup de travail supplémentaire.<br />
<br />
C'est ce que nous avons obtenu:<br />
[[Fichier:Stitch-era-evolution-example.png|vignette|700x700px|Evolution - image vectorielle importée|néant]]Nous pouvons voir sur l’image que les vecteurs ne sont pas dans le bon ordre, c'est-à-dire que les objets qui devraient être en dessus se trouvent sous les autres objets. Pour changer l'ordre d'empilement il existe trois manières différentes :<br />
<br />
* Avec le menu contextuel (faites un clic droit sur l'objet et sélectionnez '''Modifier l'ordre''')<br />
<br />
* Avec le menu principale tout en haut (sélectionnez un objet, cliquez sur '''Disposition''' et après sur la section '''Avant & Arrière''')<br />
<br />
* Avec l’Administrateur d'objets. C'est la solution conseillée si vous devez en changer plusieurs. En faisant glisser un vecteur, vous pouvez changer son ordre.<br />
<br />
Une autre option serait de changer l'ordre au niveau de la section de point.<br />
<br />
[[Catégorie:Tutoriels]]<br />
[[Catégorie:Broderie machine]]</div>LiudmylaG