Nikon Passion : Communauté Photo

Choisir votre logiciel photo => Comment utiliser Capture One Pro, ON1, Affinity Photo => Discussion démarrée par: Schneider le 13 sept., 2017, 20:58:49 pm

Titre: [INKSCAPE] Je fais des bulles
Posté par: Schneider le 13 sept., 2017, 20:58:49 pm
Bonjour à Tous,

Je vous propose un petit - tout petit - tuto Inkscape, en 10 étapes, pour égayer vos photo en y ajoutant des bulles "bande dessinées".
Inkscape (https://inkscape.org/fr/) est un logiciel complexe, puissant - et libre - dédié au dessin vectoriel.
Il n'est, bien sûr, pas question ici de rentrer dans le détail de la bête mais juste d'utiliser quelques outils simples pour faire des bulles.  ;D

1. Ouvrir Inkscape, Fichier, importer, et sélectionner l'image à importer :

(https://i.imgur.com/R0gY8ma.jpg)

2. Valider :

(https://i.imgur.com/doXGXfD.jpg)

3. Aller dans "Fichier/Propriétés du document" et cliquer sur "Ajuster la page...":

(https://i.imgur.com/IAsKXoz.jpg)

4. Cliquer sur "Tracer des courbes de Bézier" sur la barre d'outils à gauche (plus d'infos sur les courbes de Bézier ici (https://fr.wikipedia.org/wiki/Courbe_de_B%C3%A9zier)) :

(https://i.imgur.com/IL4obkb.jpg)

5. Tracer un semblant de bulle, sélectionner les nœuds à arrondir puis cliquer sur "Rendre symétriques les nœuds sélectionnés" :

(https://i.imgur.com/OdCX0SZ.jpg)

6a. Cliquer sur "Objet/Remplissage et contour" et entrer les nombres 0 - 255 - 255 - 255 dans l'onglet "Fond"...

(https://i.imgur.com/BoCT7vr.jpg)

6b. ... puis "5,000" dans "Épaisseur" de l'onglet "Style de contour" :

(https://i.imgur.com/y7z8XBU.jpg)

7. Ajouter un texte et changer la police d'écriture, la taille, etc. :

(https://i.imgur.com/L2wD2Cy.jpg)

8. Étirer, éditer et déplacer les nœuds des courbes de Bézier afin d'entourer le texte de façon harmonieuse :

(https://i.imgur.com/VcQgEoV.jpg)

9. Enregistrer votre image au format *.png :

(https://i.imgur.com/D2TNliC.jpg)

10. Éditer, redimensionner, enregistrer l'image en JPEG avec votre logiciel préféré :

(https://i.imgur.com/qHUy6E2.jpg)

Amusez-vous bien  ;)

Pierre

Titre: [INKSCAPE] Je fais des bulles
Posté par: mimi2b le 14 sept., 2017, 08:34:15 am
Tout d'abord un grand merci pour ce tuto.
Première étape : OK.

Deuxième étape, je ne peux déjà plus "valider", car lors de tâtonnements précédents, j'avais coché "ne plus me demander". Cela ne devrait pas avoir d'importance, car je n'avais rien modifié dans le cadre "import d'une image matricielle jpeg".

Troisième étape : propriétés du document, je pensais devoir cocher "paysage" plutôt que "portrait" (?). Il m'a fallu cliquer sur "redimensionner la page au contenu" pour ouvrir "ajuster la page au dessin ou à la sélection". Pas de problème.

Quatrième étape : On trouve facilement comment tracer les courbes de Béziers... Ensuite c'est l'horreur. Le pointeur de souris semble faire n'importe quoi. Je parviens cependant à faire un semblant de polygone. (Majuscule + F6).

Cinquième étape : Le logiciel sélectionne les nœuds à ma place... et lorsque je les déplace, je fais un "sac de nœuds".

Sixième étape : Je ne trouve pas "remplissage et contour".

J'ai aussi essayé sans succès d'insérer du texte... et je me suis senti si nul que j'ai préféré provisoirement abandonner.

Et dire que Pierre manie tout ça sans y penser...  ;)

Titre: [INKSCAPE] Je fais des bulles
Posté par: Schneider le 14 sept., 2017, 09:03:09 am
[...] Cinquième étape : Le logiciel sélectionne les nœuds à ma place... et lorsque je les déplace, je fais un "sac de nœuds". [...]

La sélection des nœuds se fait avec un bouton associé (mea culpa, je n'avais pas précisé) :

(https://i.imgur.com/p2EObNO.jpg)

[...] Sixième étape : Je ne trouve pas "remplissage et contour". [...]

Il est dans l'onglet "Objet" (je l'ai ajouté dans le tuto)  ;)

Titre: [INKSCAPE] Je fais des bulles
Posté par: mimi2b le 14 sept., 2017, 09:34:14 am
La sélection des nœuds se fait avec un bouton associé (mea culpa, je n'avais pas précisé) :

(https://i.imgur.com/p2EObNO.jpg)

Il est dans l'onglet "Objet" (je l'ai ajouté dans le tuto)  ;)

Je suis désolé de te donner tant de mal... Mais c'est pour le bien de tous. >:(
Pour l'instant, je suis en train de photographier des libellules, je reviendrai plus tard pour la suite  ;)
Merci encore une fois de donner, pour l'instant, des cours particuliers !  :D
Titre: [INKSCAPE] Je fais des bulles
Posté par: mimi2b le 14 sept., 2017, 15:39:01 pm
J'ai laborieusement avancé... mais je ne sors qu'une bribe de croquis...

Qu'oublié-je ?
Titre: [INKSCAPE] Je fais des bulles
Posté par: mimi2b le 14 sept., 2017, 17:06:13 pm
Je parviens à présent à sauver une image entière, mais je n'arrive plus à insérer du texte.
Ici, je n'ai pas lissé la bulle, car je voulais d'abord avoir une image entière.
Titre: [INKSCAPE] Je fais des bulles
Posté par: Schneider le 14 sept., 2017, 21:14:10 pm
Ben là pour le coup...  :hue:
Heuh... tu peux recommencer ?  ;D
Titre: [INKSCAPE] Je fais des bulles
Posté par: mimi2b le 15 sept., 2017, 07:45:12 am
Ben là pour le coup...  :hue:
Heuh... tu peux recommencer ?  ;D

Je vais m'y remettre...
Pourquoi en cliquant sur le "T" de texte... rien ne se passe de spécial. Mon curseur a une fois pris la forme d'un "A" majuscule et je pouvais insérer du texte et ensuite... plus rien (?).
Je vais me pencher sur ce problème...
Encore quelques mois et j'y arriverai !  :D
Titre: [INKSCAPE] Je fais des bulles
Posté par: mimi2b le 15 sept., 2017, 08:31:44 am
J'ai encore beaucoup de progrès à faire... mais j'avance !

J'ai mis la bulle autour du texte et je ne peux pas faire glisser le texte dans la bulle (qui n'est pas encore lisse, mais je me soigne).
Titre: [INKSCAPE] Je fais des bulles
Posté par: Schneider le 15 sept., 2017, 09:11:19 am
Rapidement, un petit exercice :

1 - Faire une "bulle" avec 5 nœuds et cliquer sur "Éditer les nœuds..." :

(https://i.imgur.com/lSZF4aC.jpg)

2 - Sélectionner tous les nœuds (Ctr+A) et cliquer sur "Rendre symétriques les nœuds sélectionnés" :

(https://i.imgur.com/UBw2oZi.jpg)

3 - Sélectionner les trois nœuds inférieurs et cliquer sur "Rendre durs les nœuds sélectionnés" :

(https://i.imgur.com/LztFpVc.jpg)

4 - Déplacer et étirer les poignées de ces trois nœuds pour leur donner les angles voulus :

(https://i.imgur.com/m0LGcsz.jpg)

5 - Cliquer sur "Sélectionner et transformer les objets" puis sur "Texte" :

(https://i.imgur.com/P9FK7eu.jpg)

6 - Entrer un texte à l'endroit voulu puis re-cliquer sur "Sélectionner et transformer les objets" :

(https://i.imgur.com/Z45mv8o.jpg)

7 - Déplacer le texte à l'endroit souhaité :

(https://i.imgur.com/nujd1I6.jpg)

Et voilà, à toi de jouer  ;)
[EDIT] J'ai trouvé ça aussi : https://www.youtube.com/watch?v=VHqEdiQmT9Y (https://www.youtube.com/watch?v=VHqEdiQmT9Y)