Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
graphiques [2019/03/22 19:29] qcbs [Introduction au design graphique et à la manipulation d'images avec Inkscape et GIMP] |
graphiques [2023/04/12 17:20] (current) qcbs [Exercice 7 - Infographique!] |
||
|---|---|---|---|
| Line 3: | Line 3: | ||
| Atelier offert par Guillaume Larocque, Centre de la science de la biodiversité du Québec. | Atelier offert par Guillaume Larocque, Centre de la science de la biodiversité du Québec. | ||
| - | Mars 2019. | + | Avril 2023. |
| [[https://prezi.com/view/5TOoiIfdeYucarTQWNZx/|Lien vers la présentation Prezi.]] | [[https://prezi.com/view/5TOoiIfdeYucarTQWNZx/|Lien vers la présentation Prezi.]] | ||
| Line 12: | Line 12: | ||
| Pour mettre GIMP en mode Fênetre unique (single window mode), cliquez sur Fenêtre>Mode fenêtre unique, et redémarrez GIMP. | Pour mettre GIMP en mode Fênetre unique (single window mode), cliquez sur Fenêtre>Mode fenêtre unique, et redémarrez GIMP. | ||
| - | Vous pouvez également modifier la langue de l'interface dans les préférences de l'application. | + | Vous pouvez également modifier la langue de l'interface dans les préférences de l'application ainsi que les icônes par défaut utilisés par GIMP. |
| Line 26: | Line 26: | ||
| - Utilisez Image>"Taille de l'image" et l'outil de "rognage" {{::auto_crop_tool.png?nolink|}} avec une dimension fixe pour obtenir un image à une résolution d'exactement 60dpi (ppp, pixels per inch) et une dimension de 6 pouces x 5 pouces. Utilisez Image>Taille de l'impression pour vérifier que ça fonctionne. | - Utilisez Image>"Taille de l'image" et l'outil de "rognage" {{::auto_crop_tool.png?nolink|}} avec une dimension fixe pour obtenir un image à une résolution d'exactement 60dpi (ppp, pixels per inch) et une dimension de 6 pouces x 5 pouces. Utilisez Image>Taille de l'impression pour vérifier que ça fonctionne. | ||
| - | ==== Exercice 2 - Calques, rognage et manipulation de couleurs. ==== | + | |
| + | EXTRA: | ||
| + | |||
| + | * Convertissez l'image en mode couleur en sélectionnant: Image>Mode>RGB. | ||
| + | * Vous pouvez essayer de "coloriser" les chapeaux sur la photo en les sélectionnant à l'aide de l'outil de sélection à main levée (Free select tool), en choisissant une couleur de premier plan dans le menu de gauche, et en utilisant l'outil de remplissage (bucket) pour remplir la région sélectionnée. Ajustez le seuil (threshold) ainsi que l'opacité du remplissage afin de rendre l'effet plus réaliste. | ||
| + | * Vous pouvez aussi donner un effet sépia à l'image en choisissant Balance des couleurs dans le menu du haut et en déplacant les guides vers le jaune et le rouge. | ||
| + | |||
| + | ==== Exercice 2 - Calques et manipulation de couleurs. ==== | ||
| On vous donne une photo de feuille et vous devez ajouter un animal de votre choix d'une autre photo sur la feuille. | On vous donne une photo de feuille et vous devez ajouter un animal de votre choix d'une autre photo sur la feuille. | ||
| Line 33: | Line 40: | ||
| - Allez sur [[https://unsplash.com|unsplash]] et téléchargez la photo d'un animal de votre choix. Nous allons mettre cet animal sur la feuille, donc choisissez quelque chose qui fonctionne, mais qui est original. | - Allez sur [[https://unsplash.com|unsplash]] et téléchargez la photo d'un animal de votre choix. Nous allons mettre cet animal sur la feuille, donc choisissez quelque chose qui fonctionne, mais qui est original. | ||
| - Ouvrez l'image que vous avez téléchargée dans GIMP. Utilisez l'outil de sélection à main levée {{::free_select_tool.png?nolink|}} pour délimiter le contour de l'animal. Vous pouvez pour l'instant ne délimiter que l'extérieur. | - Ouvrez l'image que vous avez téléchargée dans GIMP. Utilisez l'outil de sélection à main levée {{::free_select_tool.png?nolink|}} pour délimiter le contour de l'animal. Vous pouvez pour l'instant ne délimiter que l'extérieur. | ||
| - | - Cliquez sur Copier (CTRL-C) et allez dans la page GIMP contenant la feuille et Edition>Coller comme>Nouveau calque. Dans la liste de calques, double-cliquez sur le nom de lu calque ("clipboard") et changez-le pour le nom de l'animal. | + | - Cliquez sur Copier (CTRL-C) et allez dans la page GIMP contenant la feuille et Edition>Coller comme>Nouveau calque. Dans la liste de calques, double-cliquez sur le nom du calque ("clipboard") et changez-le pour le nom de l'animal. |
| - Utilisez l'outil de mise à l'échelle {{::scale_tool.png?nolink|}} pour redimensionner l'animal et le re-positionner sur la feuille avec l'outil de déplacement. | - Utilisez l'outil de mise à l'échelle {{::scale_tool.png?nolink|}} pour redimensionner l'animal et le re-positionner sur la feuille avec l'outil de déplacement. | ||
| - S'il y a des parties de l'animal que vous voulez enlever (par ex. espace entre les jambes), sélectionnez-les avec l'outil de sélection à main levée et appuyez sur DELETE pour l'effacer. | - S'il y a des parties de l'animal que vous voulez enlever (par ex. espace entre les jambes), sélectionnez-les avec l'outil de sélection à main levée et appuyez sur DELETE pour l'effacer. | ||
| Line 59: | Line 66: | ||
| - Qu'arrive-t'il si vous combinez les masques des deux étapes? Si vous changez l'ordres des calques? | - Qu'arrive-t'il si vous combinez les masques des deux étapes? Si vous changez l'ordres des calques? | ||
| + | ==== Exercice 4 - GIFs! ==== | ||
| - | ===== Inkscape ===== | + | Vous ferez un GIF qui montre comment cool est votre recherche! |
| - | Pour installer Inkscape, allez sur [[https://inkscape.org/en/release/0.92.4/|ce site]] et téléchargez la version appropriée pour votre plate-forme. Si vous êtes sur Mac OSX, lisez attentivement les étapes supplémentaires. | + | |
| - | ==== Exercise 4 ==== | + | |
| + | - Trouvez des photos, graphiques ou utilisez l'infographique créé à l'étape précédente. Vous pouvez aussi ne sauver dans Inkscape que le graphique de l'infographique en regroupant tous ses éléments, en cliquant sur celui-ci et en choisissant Selection dans le menu d'exportation. | ||
| + | - Cliquez sur Fichier>Nouveau et sélectionnez un document de 640x480 avec un fond blanc. | ||
| + | - Ouvrez le contenu que vous voulez mettre dans l'animation dans GIMP et copiez collez les dans un même fichier avec Édition>Coller comme>Nouveau calque. Redimensionnez le contenu pour que ça rentre dans la page avec l'outil de mise à l'échelle. | ||
| + | - Placez les calques dans le bon ordre, sachant que la couche du dessous sera jouée en premier et que celle du dessus en dernier. | ||
| + | - Changez le nom de chaque couche pour des noms appropriés selon le contenu. Après le nom de la couche, ajoutes (500ms), pour obtenir ce format "Première photo(500ms). Le nombre entre parenthèse est la durée de cette image dans l'animation GIF. | ||
| + | - Pour créer des calques avec avec du texte, ajoutez une nouvelle couche, cliquez sur l'outil texte et choisissez la police et la taille du texte avant d'ajouter le texte. N'oubliez pas d'ajouter (500ms) au nom de cette couche. | ||
| + | - Pour changer la couleur du fond du texte, choisissez d'abord une couleur de premier plan en cliquant sur le l'icône de Couleurs de premier et d'arrière-plan. Ensuite, ajoutez un calque vide sous le calque de text. Quand vous êtes satisfait du texte et de l'arrière-plan, cliquez sur le calque de texte et choisissez Fusionner vers le bas. Le texte est maintenant fusionné avec le fond. | ||
| + | - Vous pouvez tester votre animation en cliquant sur Filtres>Animation>Rejouer l'animation. | ||
| + | - Quand vous êtes satisfait du résultat, allez à Fichier>Exporter sous>Image GIF, et puis cliquez sur As animation. Si ça vous demande de rogner l'image, cliquez sur Oui. | ||
| + | - Vous pouvez maintenant voir votre image dans un fureteur ou la partager sur les réseaux sociaux! | ||
| + | |||
| + | ===== Inkscape ===== | ||
| + | Pour installer Inkscape, allez sur [[https://inkscape.org/release/inkscape-1.2.2/|ce site]] et téléchargez la version appropriée pour votre plate-forme. Si vous êtes sur Mac OSX, lisez attentivement les étapes supplémentaires. | ||
| + | ==== Exercise 5 ==== | ||
| Vous recevez un logo en format Bitmap (JPEG) que vous devez recréer puisque la résolution de l'image est trop basse. Votre tâche est de recréer ce logo d'un groupe d'étudiants qui travaillent sur la recherche dans le nord du Québec (voir https://qcbs.ca/iiw). | Vous recevez un logo en format Bitmap (JPEG) que vous devez recréer puisque la résolution de l'image est trop basse. Votre tâche est de recréer ce logo d'un groupe d'étudiants qui travaillent sur la recherche dans le nord du Québec (voir https://qcbs.ca/iiw). | ||
| Line 69: | Line 89: | ||
| {{::iiw_logo.png?direct&200|}} | {{::iiw_logo.png?direct&200|}} | ||
| - | - Dans Inkscape, cliquez su Fichier>Propriétés du document. Spécifiez une largeur et hauteur de 200 mm. Notez que le fond du document est transparent par défaut. Pour que l'image finale ait un fond blanc, cliques sur Couleur de fond, et mettre le canal Alpha (A) à 100%. | + | - Dans Inkscape, cliquez su ''Fichier>Propriétés du document''. Spécifiez une largeur et hauteur de 200 mm. Notez que le fond du document est transparent par défaut. Pour que l'image finale ait un fond blanc, cliques sur Couleur de fond, et mettre le canal Alpha (A) à 100%. |
| - | - Cliquez sur Fichier>Importer et choisissez le fichier iiw_logo.png sur votre ordinateur. On va l'utiliser comme référence. Vous pouvez le mettre plus gros et le déplacer à côté du canevas de page. | + | - Cliquez sur ''Fichier>Importer'' et choisissez le fichier iiw_logo.png sur votre ordinateur. On va l'utiliser comme référence. Vous pouvez le mettre plus gros et le déplacer à côté du canevas de page. |
| - | - Commencez en créer un carré qui remplit presque tout le canevas. Cliquez ensuite sur le carré et ajustez la largeur (L) et la hauteur (H) depuis le menu du haut pour que les deux valeurs soient égales. | + | - Commencez en créant un carré qui remplit presque tout le canevas. Cliquez ensuite sur le carré et ajustez la largeur (L) et la hauteur (H) depuis le menu du haut pour que les deux valeurs soient égales. |
| - Cliquez sur le carré, et ensuite sur l'icône de compte-gouttes {{::screenshot_from_2017-10-30_16-35-21.png?nolink|}}, et cliquez sur la partie bleue foncée de l'icône en bitmap, de façon à rendre le carré de la même couleur. | - Cliquez sur le carré, et ensuite sur l'icône de compte-gouttes {{::screenshot_from_2017-10-30_16-35-21.png?nolink|}}, et cliquez sur la partie bleue foncée de l'icône en bitmap, de façon à rendre le carré de la même couleur. | ||
| - | - Allez à Objet>Fond et contour, et cliquez sur le X dans l'onglet Contour pour enlever le contour. | + | - Allez à ''Objet>Fond et contour'', et cliquez sur le X dans l'onglet Contour pour enlever le contour. |
| - | - Cliquez sur le carré et sur Chemin>Objet en chemin. Ceci transforme l'objet en chemin que vous pourrez manipuler. | + | - Cliquez sur le carré et sur ''Chemin>Objet en chemin''. Ceci transforme l'objet en chemin que vous pourrez manipuler. |
| - Assurez vous que l'option "Éditer les noeuds" ({{::screenshot_from_2017-10-30_16-37-28.png?nolink|}}) est sélectionné et double-cliquez sur le milieu d'un des côtés du carré. Répetez cette étape pour chacun des côtés. | - Assurez vous que l'option "Éditer les noeuds" ({{::screenshot_from_2017-10-30_16-37-28.png?nolink|}}) est sélectionné et double-cliquez sur le milieu d'un des côtés du carré. Répetez cette étape pour chacun des côtés. | ||
| - Glissez les noeuds de coins du carré pour les déplacer vers le centre, de façon à reproduire la forme générale de l'étoile. Assurez-vous que tous les côtés sont identiques et que l'image est symétrique. | - Glissez les noeuds de coins du carré pour les déplacer vers le centre, de façon à reproduire la forme générale de l'étoile. Assurez-vous que tous les côtés sont identiques et que l'image est symétrique. | ||
| - Glissez un des noeuds de centre en enfonçant la touche SHIFT pour faire sortir une poignée qui permet d'ajuster la courbature des lignes. Cliquez sur le même noeud en appuyant sur SHIFT pour faire sortir une poignée dans l'autre direction. Ajuster toutes les courbes en utilisant cette approche.{{::screenshot_from_2017-10-30_16-33-54.png?direct&100|}} | - Glissez un des noeuds de centre en enfonçant la touche SHIFT pour faire sortir une poignée qui permet d'ajuster la courbature des lignes. Cliquez sur le même noeud en appuyant sur SHIFT pour faire sortir une poignée dans l'autre direction. Ajuster toutes les courbes en utilisant cette approche.{{::screenshot_from_2017-10-30_16-33-54.png?direct&100|}} | ||
| - | - Quand vous êtes satisfait de la forme de l'étoile, cliquez sur l'icône de flèche, puis sur l'étoile et choisissez Édition>Dupliquer. | + | - Quand vous êtes satisfait de la forme de l'étoile, cliquez sur l'icône de flèche, puis sur l'étoile et choisissez ''Édition>Dupliquer''. |
| - Cliquez sur la nouvelle étoile qui vient d'être créée par dessus la première, cliquer sur l'icône de compte-gouttes et ensuite sur la section turquoise de l'image bitmap. | - Cliquez sur la nouvelle étoile qui vient d'être créée par dessus la première, cliquer sur l'icône de compte-gouttes et ensuite sur la section turquoise de l'image bitmap. | ||
| - Cliquez deux fois sur l'étoile turquoise pour faire apparaître les poignées de rotation. Cliquez sur les poignées de coin et tournez l'étoile de 45 degrés. | - Cliquez deux fois sur l'étoile turquoise pour faire apparaître les poignées de rotation. Cliquez sur les poignées de coin et tournez l'étoile de 45 degrés. | ||
| - | - Centrez les deux étoiles sur la page en cliquant sur chacune d'elles, puis sur Objet>Aligner et distribuer et sur Relativement à: Page, et sur l'icône centrer selon l'axe vertical. | + | - Centrez les deux étoiles sur la page en cliquant sur chacune d'elles, puis sur ''Objet>Aligner et distribuer'' et sur Relativement à: Page, et sur l'icône centrer selon l'axe vertical. |
| - Cliquez sur l'étoile turquoise et sur PAGE DOWN (Mac: FN+flèche en bas) pour mettre cette étoile sous la bleue foncée. | - Cliquez sur l'étoile turquoise et sur PAGE DOWN (Mac: FN+flèche en bas) pour mettre cette étoile sous la bleue foncée. | ||
| - Votre logo devrait ressembler à ceci: {{::iww_logo2.png?direct&200|}} | - Votre logo devrait ressembler à ceci: {{::iww_logo2.png?direct&200|}} | ||
| - | - Vous pouvez également ajouter le nom de l'atelier (Indigenous Intercultural Workshop) en forme circulaire autour du logo. Pour ce faire, créer un arc de cercle ou un cercle qui fait le tour du logo. Convertissez-le en chemin. Ensuite, tapez le nom de l'atelier avec l'outil d'ajout de texte et choisissez une taille de police appropriée. Sélectionnez le cercle et le texte en cliquant sur SHIFT. Cliquez ensuite sur Texte>Texte sur chemin. Vous pouvez ensuite mettre le chemin de couleur blanche ou transparente pour qu'il ne soit pas visible et tourner le texte à votre guise. | + | - Vous pouvez également ajouter le nom de l'atelier (Indigenous Intercultural Workshop) en forme circulaire autour du logo. Pour ce faire, créer un arc de cercle ou un cercle qui fait le tour du logo. Convertissez-le en chemin. Ensuite, tapez le nom de l'atelier avec l'outil d'ajout de texte et choisissez une taille de police appropriée. Sélectionnez le cercle et le texte en cliquant sur SHIFT. Cliquez ensuite sur ''Texte>Texte sur chemin''. Vous pouvez ensuite mettre le chemin de couleur blanche ou transparente pour qu'il ne soit pas visible et tourner le texte à votre guise. |
| - | - Exportez votre logo en format PNG en cliquant sur Fichier>Exporter au format PNG. Cliquez sur Zone à exporter>Page et choisissez une dimension de 500x500px. | + | - Exportez votre logo en format PNG en cliquant sur ''Fichier>Exporter au format PNG''. Cliquez sur Zone à exporter>Page et choisissez une dimension de 500x500px. |
| - | ==== Exercice 5 - Utilisation du paquet svglite .==== | + | ==== Exercice 6 - Utilisation du paquet svglite .==== |
| Si vous n'êtes pas en mesure de faire cet exercice, vous pouvez télécharger le {{ ::fig1.svg |fichier SVG ici}}. | Si vous n'êtes pas en mesure de faire cet exercice, vous pouvez télécharger le {{ ::fig1.svg |fichier SVG ici}}. | ||
| Line 112: | Line 132: | ||
| dev.off() | dev.off() | ||
| </file> | </file> | ||
| - | ==== Exercice 6 - Infographique! ==== | + | ==== Exercice 7 - Infographique! ==== |
| - | - Ouvrez le graphique créé à l'étape 7 dans Inkscape. | + | - Ouvrez le graphique créé à l'étape 5 dans Inkscape. |
| - | - Redimensionnez le document dans Fichier>Propriétés du document. Spécifiez des dimensions de 240x160mm. | + | - Redimensionnez le document dans ''Fichier>Propriétés du document''. Spécifiez des dimensions de 240x160mm. |
| - Choisissez un gradient de couleurs. Pour vous faciliter la tache, vous pouvez sélectionner à partir du panneau de sélection au bas de la page. Cliquez ensuite sur les secteurs du diagramme pour changer les couleurs et établir un gradient de foncé pour les secteurs plus larges à pâle pour les secteurs plus étroits. | - Choisissez un gradient de couleurs. Pour vous faciliter la tache, vous pouvez sélectionner à partir du panneau de sélection au bas de la page. Cliquez ensuite sur les secteurs du diagramme pour changer les couleurs et établir un gradient de foncé pour les secteurs plus larges à pâle pour les secteurs plus étroits. | ||
| - Choisissez une couleur foncée contrastante pour le fond de l'infographique. Créez ensuite un rectangle d'une largeur un peu plus grande que la page, et spécifiez cette couleur pour le fond. Vous pouvez utiliser un léger gradient de couleur pour le fond. Pour ce faire, dans la section Fond et contour, vous pouvez cliquer sur l'option Gradients, et ensuite cliquez sur l'accroche carrée au bas du rectangle, lui attribuer une couleur et ensuite cliquer sur l'accroche ronde en haut du rectangle pour lui attribuer une autre couleur. | - Choisissez une couleur foncée contrastante pour le fond de l'infographique. Créez ensuite un rectangle d'une largeur un peu plus grande que la page, et spécifiez cette couleur pour le fond. Vous pouvez utiliser un léger gradient de couleur pour le fond. Pour ce faire, dans la section Fond et contour, vous pouvez cliquer sur l'option Gradients, et ensuite cliquez sur l'accroche carrée au bas du rectangle, lui attribuer une couleur et ensuite cliquer sur l'accroche ronde en haut du rectangle pour lui attribuer une autre couleur. | ||
| Line 120: | Line 140: | ||
| - Cliquez sur l'icône de Création d'objets texte, et entrez un titre pour l'infographique. | - Cliquez sur l'icône de Création d'objets texte, et entrez un titre pour l'infographique. | ||
| - Pour ajouter un petit paragraphe de texte, cliquez sur l'icône de création de texte et cliquez-glissez pour délimiter l'endroit où sera le paragraphe de texte. | - Pour ajouter un petit paragraphe de texte, cliquez sur l'icône de création de texte et cliquez-glissez pour délimiter l'endroit où sera le paragraphe de texte. | ||
| - | - Trouvez une photo que vous voulez mettre au centre du diagramme sur EOL (http://eol.org) en tapant le nom de l'espèce. Sauvegardez cette photo sur votre ordinateur et ouvrez la ensuite dans Inkscape en cliquant sur Fichier>Importer. | + | - Trouvez une photo que vous voulez mettre au centre du diagramme sur EOL (http://eol.org) en tapant le nom de l'espèce. Sauvegardez cette photo sur votre ordinateur et ouvrez la ensuite dans Inkscape en cliquant sur ''Fichier>Importer''. |
| - | - Redimensionnez approximativement l'image et ensuite cliquez sur l'icône de création de cercle. Cliquez-glissez sur la photo pour délimiter la partie de la photo que vous voulez garder. Vous pouvez mettre le cercle semi-transparent dans l'outil Fonds et contour pour vous faciliter la tâches. Sélectionnez ensuite le cercle et la photo en cliquant sur SHIFT. Sélectionnez Objet>Découpe>Définir. Vous pouvez retirer la découpe à tout moment pour rétablir la photo. | + | - Redimensionnez approximativement l'image et ensuite cliquez sur l'icône de création de cercle. Cliquez-glissez sur la photo pour délimiter la partie de la photo que vous voulez garder. Vous pouvez mettre le cercle semi-transparent dans l'outil Fonds et contour pour vous faciliter la tâches. Sélectionnez ensuite le cercle et la photo en cliquant sur SHIFT. Sélectionnez ''Objet>Découpe>Définir''. Vous pouvez retirer la découpe à tout moment pour rétablir la photo. |
| - Téléchargez cette {{ ::cougar_silhouette.png?linkonly |silhouette de Cougar}} et ouvrez là dans un document séparé dans Inkscape. Cliquez sur la silhouette et sur Vectoriser un objet matriciel. Choisissez Couleurs et 2 passes et cliquez sur OK. Vous pouvez ensuite sélectionner la silhouette en format vectoriel en cliquant dessus et la copier-coller sur votre infographique. Choisissez une position et une couleur pour la silhouette. | - Téléchargez cette {{ ::cougar_silhouette.png?linkonly |silhouette de Cougar}} et ouvrez là dans un document séparé dans Inkscape. Cliquez sur la silhouette et sur Vectoriser un objet matriciel. Choisissez Couleurs et 2 passes et cliquez sur OK. Vous pouvez ensuite sélectionner la silhouette en format vectoriel en cliquant dessus et la copier-coller sur votre infographique. Choisissez une position et une couleur pour la silhouette. | ||
| - | - Vous pouvez expérimenter en ajoutant des ombrages à certains éléments. Pour ce faire, sélectionnez un élément et cliquez sur Filtres>Ombres et lueurs>Ombre portée. | + | - Vous pouvez expérimenter en ajoutant des ombrages à certains éléments. Pour ce faire, sélectionnez un élément et cliquez sur ''Filtres>Ombres et Lueurs>Ombre portée'' |
| - Exportez votre infographique en format PNG. | - Exportez votre infographique en format PNG. | ||
| - Voici un exemple d'{{::cougar_infographique.png?linkonly|infographique terminé}}. | - Voici un exemple d'{{::cougar_infographique.png?linkonly|infographique terminé}}. | ||
| Line 129: | Line 149: | ||
| - | ==== Exercice 7 - GIFs! ==== | ||
| - | |||
| - | Vous ferez un GIF qui montre comment cool est votre recherche! | ||
| - | |||
| - | - Trouvez des photos, graphiques ou utilisez l'infographique créé à l'étape précédente. Vous pouvez aussi ne sauver dans Inkscape que le graphique de l'infographique en regroupant tous ses éléments, en cliquant sur celui-ci et en choisissant Selection dans le menu d'exportation. | ||
| - | - Cliquez sur Fichier>Nouveau et sélectionnez un document de 640x480 avec un fond blanc. | ||
| - | - Ouvrez le contenu que vous voulez mettre dans l'animation dans GIMP et copiez collez les dans un même fichier avec Édition>Coller comme>Nouveau calque. Redimensionnez le contenu pour que ça rentre dans la page avec l'outil de mise à l'échelle. | ||
| - | - Placez les calques dans le bon ordre, sachant que la couche du dessous sera jouée en premier et que celle du dessus en dernier. | ||
| - | - Changez le nom de chaque couche pour des noms appropriés selon le contenu. Après le nom de la couche, ajoutes (500ms), pour obtenir ce format "Première photo(500ms). Le nombre entre parenthèse est la durée de cette image dans l'animation GIF. | ||
| - | - Pour créer des calques avec avec du texte, ajoutez une nouvelle couche, cliquez sur l'outil texte et choisissez la police et la taille du texte avant d'ajouter le texte. N'oubliez pas d'ajouter (500ms) au nom de cette couche. | ||
| - | - Pour changer la couleur du fond du texte, choisissez d'abord une couleur de premier plan en cliquant sur le l'icône de Couleurs de premier et d'arrière-plan. Ensuite, ajoutez un calque vide sous le calque de text. Quand vous êtes satisfait du texte et de l'arrière-plan, cliquez sur le calque de texte et choisissez Fusionner vers le bas. Le texte est maintenant fusionné avec le fond. | ||
| - | - Vous pouvez tester votre animation en cliquant sur Filtres>Animation>Rejouer l'animation. | ||
| - | - Quand vous êtes satisfait du résultat, allez à Fichier>Exporter sous>Image GIF, et puis cliquez sur As animation. Si ça vous demande de rogner l'image, cliquez sur Oui. | ||
| - | - Vous pouvez maintenant voir votre image dans un fureteur ou la partager sur les réseaux sociaux! | ||
| ===== Le paquet R Magick ===== | ===== Le paquet R Magick ===== | ||
