Tuto d'initiation à Inkscape

Anonyme-14 · 05-10-2020 21:46:44

Salut àtous,

Nous allons voir les fonctions de base d'Inkscape afin de permettre à l'utilisateur de réaliser lui-même des graphismes sympas au format SVG qui offre un sacré avantage, la redimension sans perte.

Ce tutoriel regroupe l'essentiel pour débuter l'utilisation d'Inkscape et inciter l'intérêt à découvrir ce programme plus en profondeur par la suite.

Lors du démarrage d'Inkscape un format est automatiquement attribué,
nous allons donc choisir pour cet exemple de créer un format fond d'écran de 1920x1080.
Clic sur "fichier" puis "nouveau à partir d'un modèle...".
Le choix est vaste... prenons "Desktop" et choisissons la taille 1920x1080(FHD) puis "créer à partir du modèle".
http://video.ploud.fr/videos/watch/60ca … ingTitle=0
Nous pouvons alors fermer le 1er document et garder celui que nous venons de créer.

Passons au fond proprement dit, un clic sur une couleur de notre choix puis dans la boite à outils de gauche choisir "Créer des rectangles et des carrés(ou F4)".
Avec la souris nous allons maintenir le clic gauche enfoncé dans un angle du rectangle et l'amener au côté opposé.
http://video.ploud.fr/videos/watch/b76b … 2613cde5b2

La dimension est approximative, clic sur l'icône flêche de la boite à outils ou F1, ajustons la donc à 1920x1080, les dimensions à régler se trouvent en haut d'Inkscape.
NB:Le rectangle crée peut être recentré dans la forme avec l'aide de la souris.
http://video.ploud.fr/videos/watch/e552 … a053dec2c0
Nous voici donc avec un fond de 1920x1080 avec la couleur choisie et qui peut être changée à tout moment.

-NB: Chaque élément crée est selectionnable avec la souris, nous pouvons choisir un, plusieurs ou tous les éléments avec la souris ou par le menu édition.
Ceci pour permettre d'agir sur ce(s) élément(s), exemple: Changer de couleur, appliquer un filtre, etc...).

-À titre d'exemple, un clic sur le fond précédemment crée, allons dans l'onglet "objet" puis "fond et contour", oh mazette tant d'options ! Trifouillons ! Régalons nous !

Peu de temps plus tard nous venons d'obtenir enfin le fond de nos rêves ou presque, il reste à faire notre premier dessin !

Nous allons donc pour ce dessin choisir dans la boite à outils "Tracer des courbes de Bézier...".
-Remarque: Chaque outil fait apparaître en haut d'Inkscape ses réglages.
Il y a donc en haut 3 principaux réglages: dessiner des droites, des arrondis, des courbes.

NB
-un simple clic pour changer de direction avec la souris et continuer le dessin en suivant son inspiration,
-un double clic pour arrêter la ligne en cours permet de reprendre le dessin suivant un autre tracé, comme si l'on levait la mine d'un crayon pour reprendre le dessin ailleurs.
-un clic droit "supprimer" pour effacer un truc pas bô.
-couleur et épaisseur sont réglables dans "objet" puis "fond et contour".
http://video.ploud.fr/videos/watch/b691 … 6b1702372c

Astuces:
-Une image qui plaît sur internet ? Tentez de la reproduire avec "Tracer des courbes de Bézier..." en mettant côte à côte Inkscape et cette image.
-Pour dessiner des yeux, la forme d'un visage, ou mon ventre après dîner, outil "créer des cercles, des ellipses et des arcs".
-Pour annuler les dernières actions, onglet "Édition" puis "Annuler: Supprimer" autant de fois que vous avez d'actions (pas grave, même pas côté en bourse!).

Démo:
http://video.ploud.fr/videos/watch/154e … 5b64213e85

Après cette très simple démonstration et pour ceux qui souhaitent connaître Inkscape plus en profondeur.
https://inkscape.org/fr/apprendre/

phlinux · 06-10-2020 11:32:00

Bjr,

Très intéressant ! Sur DF il y a un wiki, tu peux certainement compléter la page dédiée pour centraliser les infos Inkscape_wiki_DF

Anonyme-14 · 06-10-2020 11:56:34

Salut, merci ! je cherchais justement

,

Quelques liens sont morts ou faux, je peux corriger éventuellement,
et je ne sais pas comment inclure les vidéos à lire directement sur le Wiki genre iframe

.
Tu saurais m'indiquer comment ?

smolski · 06-10-2020 12:07:43

On ne peut pas encore ajouter les videos directement dans le wiki df, y faut passer par le peertube dédié à celles-ci.
Doit y avoir le lien dans le tuto de création des videos-mini-tuto.

smolski · 06-10-2020 12:08:42

C'est tout là :
https://debian-facile.org/doc:systeme:d … tuto-video

Merci Anonyme-14

Anonyme-14 · 06-10-2020 13:07:09

C'est un peu embêtant visuellement non ? est-ce possible d'insérer des images dans la page du wiki qui renvoient sur les vidéos de mon peertube ?
J'ai l'impression que je dois créer une page de mon tuto aussi sur le wiki et la lier à la page Inkscape du Wiki c'est ça ?

smolski · 06-10-2020 14:20:51

Anonyme-14 a écrit :

est-ce possible d'insérer des images dans la page du wiki qui renvoient sur les vidéos de mon peertube ?

Oui, tu ajoutes l'url en lien dans l'image

smolski · 06-10-2020 14:23:32

Anonyme-14 a écrit :

est-ce possible d'insérer des images dans la page du wiki qui renvoient sur les vidéos de mon peertube ?

Oui, on peut inserer des images :
https://debian-facile.org/atelier:ateli … ns-le-wiki
Et tu mets en association le lien vers ton peertub.

Anonyme-14 · 06-10-2020 16:01:05

Ok super, merci smolski,

Ça ne va pas être simple pour moi, suis pas un habitué des Wiki, je ferais ça à tête reposée

arpinux · 06-10-2020 16:09:39

o/ Anonyme-14

alors je peux te donner la main si tu veux. je propose :
- dans ton tuto, à chaque fois que tu veux coller une vidéo, tu colles simplement l'adresse du lien. ensuite je passe une fois sur ta page et je te montre comment mettre en forme pour avoir une image qui pointe vers ta vidéo. je le fais pour un lien, tu te débrouilles pour le reste et tu sauras

Anonyme-14 · 06-10-2020 17:05:00

Ok merci

arpinux · 06-10-2020 17:17:15

mais d'abord, il faut que tu rédiges la page du wiki

soit sous forme d'annexe à la page existante, soit en modifiant directement la page existante et en y ajoutant, genre dans un chapitre "prise en main générale", le contenu de ton post. ensuite, tu intègre tes vidéos

le principe :
- tu prends une capture d'écran de la vidéo à intégrer
- tu upload sur girafe (l'outils d'image du WIKI-DF) la capture
- tu colles le lien vers ta vidéo dans ta page wiki
- tu ajoute l'image en illustration du lien sous la forme

[[adresse de la vidéo|{{adresse de l'image}}]]

ainsi l'image apparaîtra dans le wiki et pointera vers la vidéo indiquée en lien.

si tu rencontres des soucis, n'hésites pas à demander, mais voilà en gros comment faire pour lier une vidéo à une image dans le wiki

Anonyme-14 · 06-10-2020 17:21:40

J'en suis là https://debian-facile.org/atelier:syntaxe

merci pour les infos !
ça devrait le faire

cledefa49 · 06-10-2020 19:17:22

Bonsoir.
Au cas où ça pourrait vous intéresser, le "Full Circle Magazine" a publié de bons articles sur Inkscape.
Vous trouverez ça à cette page: https://www.fullcirclemag.fr/?pages/Num%C3%A9ros

Bon courage

smolski · 07-10-2020 07:58:59

Anonyme-14
Crée la page depuis ce lien :
https://debian-facile.org/atelier:chant … ge-du-wiki

Une fois mise sur le tuto officiel, elle pourra être créée communautairement pour compléter celle qui existe déjà.
Tu peux la nommer : inskape-utilisation par exemple

À savoir c'est que tant qu'elle est en création, il n'y a que l'auteur (et les admins) pour avoir les droits de la modifier ou de la diriger vers le tuto commun une fois qu'elle sera accomplie.

Force, vigueur et courage

Anonyme-14 · 07-10-2020 10:10:26

Merci smolski, j'en suis là https://debian-facile.org/utilisateurs: … e-toulibre
Me disais que c'était pas trop mal pour commencer et pouvoir retrouver mes moutons par la suite

Alors oui force vigueur et courage, ajoutons rigueur, c'est quoi le code pour indiquer d'entrer la commande en super utilisateur ?

Edit: autant pour moi c'est devant mes yeux

Dernière modification par Anonyme-14 (07-10-2020 11:00:59)

smolski · 07-10-2020 12:24:30

Anonyme-14 a écrit :

c'est quoi le code pour indiquer d'entrer la commande en super utilisateur

tu surlignes la commande et tu utilises l'outil "Commande root"
C'est le même sur le wiki.

smolski · 07-10-2020 12:33:21

Je me suis permis de tatouiller le premier paragraphe, notamment en utilisant le Gras plutôt que le key, ce dernier est plus utilisé pour désigner une touche ou une combinaison de touches du clavier.

Dernière modification par smolski (07-10-2020 12:34:45)

smolski · 07-10-2020 12:35:53

J'ai aussi créé de l'aération dans la lecture du même paragraphe, tu vois si c'est mieux et/ou perfectible par rapport à ce que tu veux créer.

Au cours des opérations, moins on met de texte littéraire, plus la lecture du tuto est simple à appliquer.

Anonyme-14 · 07-10-2020 15:11:47

Ah oui effectivement c'est plus clair, j'évite depuis toujours les éditions ou les traitements de textes,
ce 1er tuto est aussi un test pour découvrir comment est fichu un wiki, je vais m'y faire à la longue

smolski · 07-10-2020 15:50:22

Tu peux feuilleter divers tutos du wiki pour en voir les agencements et comment ils sont faits en passant au mode Edition [Modifier] du paragraphe ou du tuto tout entier.
Avec le visuel, les codes sont plus compréhensibles.

Amitié, Joel

Anonyme-14 · 07-10-2020 19:29:24

Ça m'a l'air pas trop mal, je le peaufinerais plus tard avec des indications visuelles supplémentaires.
j'ai lié le tuto à la page inkscape
merci smolski pour les infos, les encouragements et la bonne humeur !

smolski · 07-10-2020 22:08:15

Anonyme-14 a écrit :

Ça m'a l'air pas trop mal

Oui, je souscris à cette appréciation.

Merci et bon courage

Anonyme-14 · 07-10-2020 23:03:53

Ah bah voilà, pourquoi remettre à plus tard, c'est bon pour les visuels supplémentaires et c'est bon j'ai plus ou moins pigé le fonctionnement

A+ !

arpinux · 07-10-2020 23:14:04

^^ excellent travail, merci beaucoup Anonyme-14 !

de quoi prendre en main inkscape rapidement sans cette frustration de ne pas savoir quel outil utiliser pour commencer

Debian-facile

#1 05-10-2020 21:46:44

Tuto d'initiation à Inkscape

#2 06-10-2020 11:32:00

Re : Tuto d'initiation à Inkscape

#3 06-10-2020 11:56:34

Re : Tuto d'initiation à Inkscape

#4 06-10-2020 12:07:43

Re : Tuto d'initiation à Inkscape

#5 06-10-2020 12:08:42

Re : Tuto d'initiation à Inkscape

#6 06-10-2020 13:07:09

Re : Tuto d'initiation à Inkscape

#7 06-10-2020 14:20:51

Re : Tuto d'initiation à Inkscape

#8 06-10-2020 14:23:32

Re : Tuto d'initiation à Inkscape

#9 06-10-2020 16:01:05

Re : Tuto d'initiation à Inkscape

#10 06-10-2020 16:09:39

Re : Tuto d'initiation à Inkscape

#11 06-10-2020 17:05:00

Re : Tuto d'initiation à Inkscape

#12 06-10-2020 17:17:15

Re : Tuto d'initiation à Inkscape

#13 06-10-2020 17:21:40

Re : Tuto d'initiation à Inkscape

#14 06-10-2020 19:17:22

Re : Tuto d'initiation à Inkscape

#15 07-10-2020 07:58:59

Re : Tuto d'initiation à Inkscape

#16 07-10-2020 10:10:26

Re : Tuto d'initiation à Inkscape

#17 07-10-2020 12:24:30

Re : Tuto d'initiation à Inkscape

#18 07-10-2020 12:33:21

Re : Tuto d'initiation à Inkscape

#19 07-10-2020 12:35:53

Re : Tuto d'initiation à Inkscape

#20 07-10-2020 15:11:47

Re : Tuto d'initiation à Inkscape

#21 07-10-2020 15:50:22

Re : Tuto d'initiation à Inkscape

#22 07-10-2020 19:29:24

Re : Tuto d'initiation à Inkscape

#23 07-10-2020 22:08:15

Re : Tuto d'initiation à Inkscape

#24 07-10-2020 23:03:53

Re : Tuto d'initiation à Inkscape

#25 07-10-2020 23:14:04

Re : Tuto d'initiation à Inkscape

Pied de page des forums