Archives de Catégorie: Inkscape

Les tutos vidéos d’Inkscape

Tuto inkscape : Comment utiliser inkscape pour dessiner ?

Par défaut

Dans ce tuto nous allons apprendre à dessiner Tomie Katana du dessin animée Lastman, à partir d’une image de référence.

Tomie Katana
Fichier de présentation à télécharger
Lastman_tomie_katana_presentation

Image modèle à télécharger
Tomie Katana.png

Vidéo Youtube

Vidéo dailymotion

Vidéo vimeo

Structure de la vidéo
0:00 – 0:32 Présentation du tuto
0:33 – 1:54 Mise en place du document (modèle/dimension)
1:55 – 3:20 Informations divers sur l’outil crayon

Partie 1 – Mise en place des contours
4:44 – 8:16 Réalisation de l’oeil droit (qui en fait en l’oeil gauche du personnage :))
8:17 – 10:44 Réalisation de l’oeil gauche en dupliquant l’oeil droit
10:45 – 10:01 Réalisation du sourcil gauche
10:02 – 12:37 Création du contour du visage
12:38 – 15:17 Mise en place des cheveux en deux objets – objet cheveux 1
15:18 – 15:58 objet cheveux 2
15:59 – 16:09 on n’oublie pas d’enregistrer🙂
16:10 – 16:46 Réalisation du cou et du haut du buste
16:47 – 19:23 Ajout de détail dans les cheveux – objet cheveux 1

Partie 2 – Les couleurs
19:24 – 22:23 Travail sur la bouche – création de deux objets, un pour les contours et un pour le fond
22:24 – 22:40 On applique la couleur à la tête du personnage
22:41 – 22:42 On applique la couleur aux cheveux, au cou et au buste

Partie 3 – Les pleins et déliés
22:42 – 25:09 On sélectionne le nez + les sourcils -> on convertit le contour en chemin avec l’outil sculpt
et l’option rétrécir/élargir, on modèle le nez + les sourcils
25:30 – 26:20 Travail sur les lèvres
26:21 – 27:04 Mise en place d’une épaisseur pour le visage
27:05 – 29:43 Mise en place d’une épaisseur pour les cheveux
29:44 – 30:14 Réalisation du fond de l’illustration (fond noir)
30:15 – 32:30 et c’est le drame !!! PLANTAGE D’INKSCAPE🙂
– petite galère de 2′ mais on retombe sur nos pattes grâce à la sauvegarde automatique d’inkscape
32:31 – 33:07 Utilisation d’un clone de notre fond, pour découper notre personnage
33:08 – 33:16 c’est fini, remerciement et à bientôt

Quelques raccourcis à retenir
Shift+j -> joindre les nœuds sélectionnés
alt+j -> joindre les nœuds terminaux sélectionnés par un nouveau segment
ctrl + alt + clic gauche sur la ligne -> création d’un nouveau nœud
ctrl + clic gauche sur le nœud -> changer le type de nœud
shift (que l’on maintient appuyer)+ plusieurs « coup de crayon » -> les segments s’additionne dans un même objet
shift + % -> active/désactive l’aimant
shift + r (en ayant sélectionner un tracé) -> Inverser le chemin
ctrl + alt + c -> Convertir les contours sélectionnés en chemin
shift + F2 -> Permet de sélectionner l’outil sculpt

Tuto inkscape : Logo LASTMAN 1 et 2

Par défaut

Salut,
Dans ce tuto inkscape, nous allons voir comment réaliser le logo de la série LASTMAN TV🙂

Vous pouvez télécharger le fichier modèle (.png)
http://imppao.free.fr/images/2016/16dc_lastman_logo_modele.png
Vous pouvez télécharger le fichier final .svg
http://imppao.free.fr/images/2016/16dc_lastman_logo.svg

Vidéo Youtube

Vidéo vimeo

Vidéo Dailymotion

0:00 – 0:05 Présentation du logo a réaliser
0:06 – 0:51 Explication sur lastman (BD, TV, autres)

Logo 1 LASTMAN
0:52 – 1:44 Mise en place (modèle, claque…)
1:45 – 3:08 Utilisation de l’outil courbe de bézier
3:09 – 3:14 Utilisation de l’outil diffèrence (Ctrl + -)
3:15 – 3:50 Astuce arrondie (Ctrl + sur le noeud)
3:51 – 5:51 Utilisation de l’outil courbe de bézier + Astuce arrondie
5:52 – 6:07 Utilisation de l’outil union (Ctrl + +)
6:08 – 7:16 Utilisation de l’outil courbe de bézier + Astuce arrondie
7:17 – 7:45 Duplication d’objet retournement horizontal et vertical
7:45 – 7:50 Utilisation de l’outil union (Ctrl + +) et de l’outil diffèrence (Ctrl + -)
7:51 – 8:20 Utilisation de l’outil courbe de bézier + Astuce arrondie
8:21 – 9:17 Mise en couleur du contour + épaisseur (7 px)
9:18 – 10:10 Mise en place du fond Rectangle avec dégradé radial 1920/1080
10:11 – 10:36 Utilisation d’un clone et d’un effet flou
10:37 – 11:34 Finalisation positionnement logo + dégradé radial

Logo 2 LASTMAN
11:35 – 12:04 Variation du logo par duplication
12:05 – 12:27 Mise en couleur de LAST fond rouge / contour blanc
12:28 – 12:39 Mise en place du fond gris
12:40 – 12:54 Mise en couleur de MAN fond blanc / contour blanc
12:55 – 14:15 Utilisation de l’outil Extrusion
14:35 – 14:49 Suppression des objets inutiles
14:50 – 15:40 Finalisation

15-41 – 16:16 Finalisation du document + enregistrement
16:16 – 16:38 Problème pour enregistrer ??:)
16:39 – 16:42 Merci et soutenez LASTMAN

LASTMAN – le site
http://lastman.tv/fr/

LASTMAN – youtube
https://www.youtube.com/channel/UCWNfvMlq73BEd3rXAuKsFKA

LASTMAN – The animated TV series – kickstarter
https://www.kickstarter.com/projects/42220914/lastman-la-serie-tv-animee/comments

LASTMAN – facebook
https://www.facebook.com/lastman.serie/

LASTMAN – twitter
https://twitter.com/LastmanTV

Tuto inskcape : faire de la fumée de cigarette

Par défaut

Voici un petit tuto dans lequel nous allons faire de la fumée.

Illustration : fumée de cigarette réalisée avec inkscape
Télécharger le fichier de présentation du tuto : http://imppao.free.fr/images/2016/16dc_fumee_tuto1.svg
Télécharger le fichier obtenu à la fin du tuto : http://imppao.free.fr/images/2016/16dc_fumee_tuto2.svg

Création d’une première fumée
0:00 – 0:34 Présentation du tuto
0:35 – 2:10 Création du fond de l’illustration (dégradé radial gris 60/90)
2:11 – 3:33 Création d’un ligne avec l’outil crayon (ligne avec contour blanc, épaisseur 1px
3:34 – 4:06 Duplication/modification de la ligne + combinaison des deux lignes
4:07 – 4:40 Création de l’effet interpoler les sous-chemins
4:41 – 5:11 Mise en place du dégradé linaire
5:12 – 5:53 Amélioration de l’effet interpoler les sous-chemins (option : éditer la zone de travail)
5:54 – 6:03 Application du flou à notre objet

Création d’une deuxième fumée par duplication/modification
6:04 – 7:32 Duplication modification de la première fumée
7:33 – 8:08 Création/Modification du nouveau dégradé
8:09 – 8:26 Modification des préférences global d’inkscape – option : dégradé
8:27 – 9:21 Création/Modification du nouveau dégradé (suite)
9:22 – 10:38 Création d’un objet simple blanc avec flou, dégradé
10:39 – 10:43 Info/demande/commentaire
10:43 – 10:45 Remerciement / au revoir

Vidéo Youtube :

Vidéo vimeo

Vidéo dailymotion

Tuto inkscape : objet technique et symétrique simple

Par défaut

Dans ce tuto inkscape, nous allons voir comment utiliser les courbes de Bézier pour réaliser un objet technique et symétrique simple

Illustration réalisée avec inkscape
Télécharger le modèle au format .jpg
Télécharger le modèle au format .svg (clic droit > enregistrer sous…)

Vidéo youtube

Vidéo vimeo

Vidéo dailymotion
thttps://www.dailymotion.com/video/x4lpf5s

0:00 – 0:06 Présentation du tuto «objet technique et symétrique simple»
0:07 – 0:26 création d’un calque «illus»
0:27 – 0:37 explication de ma méthode de travail pour réaliser cette objet
Mise en place des tracés en utilisant la courbe de Bézier et l’outil «éditer les nœuds»
0:38 – 3:24 création des lignes «horizontales»
3:24 – 4:49 création des lignes «verticales»
4:50 – 5:23 astuces lors d’un redimensionnement des objets, préserver la proportion des épaisseurs des contours
4:49 – 5:58 création des lignes «verticales» (la suite)
5:59 – 6:13 création de toutes les lignes «horizontales» par duplication
6:14 – 7:05 création de toutes les lignes «verticales» par duplication et alignement par rapport au centre de l’objet
7:06 – 7:34 alignement des lignes «horizontales»par rapport au centre de l’objet
7:35 – 7:45 on combine tous les tracés et on les convertit en chemin
7:46 – 8:46 on crée un rectangle que l’on utilise la fonction différence pour récupérer les «petits carrés»
8:47 – 9:28 on combine les «petits carrés» et on donne la bonne couleur
9:29 – 9:33 Remerciement – à bientôt

Tuto inkscape : logo instagram

Par défaut

Voici un petit tuto dans lequel nous allons refaire le logo instagram.


Télécharger le logo instagram au format .jpg
Télécharger le logo instagram au format .svg (clic droit > enregistrer sous…)

Vidéo youtube

 

Vidéo vimeo

 

Vidéo dailymotion

0:00 – 0:19 Présentation du tuto « logo instagram »
0:20 – 0:22 création d’un nouveau document
0:23 – 1:00 importation du modèle de référence
Mise en place des différents éléments
1:01 – 2:50 Utilisation d’un « carré » pour faire le cercle du centre avec bord arrondi et blanc🙂
2:51 – 3:42 on duplique ce cercle et on crée un carré à bord arrondi et blanc
3:43 – 4:33 on duplique ce carré pour faire le fond du logo
4:34 – 4:52 dernier objet le petit cercle blanc
Mise en place des couleurs
4:53 – 5:43 récupération des couleurs
5:44 – 8:35 Utilisation de l’outil dégradé radial + flou vectoriel pour réaliser les deux cercles de couleur
9:22 – 10:09 Utilisation de la fonction découpe
10:08 – 10:27 Finalisation
10:28 – 10:58 Remerciement – à bientôt

Tuto inkscape : Fond d’écran géométrique 2

Par défaut

Réalisation de fonds d’écran avec l’utilisation de la fonction « Effets de chemin »

Télécharger le fond d’écran au format .svg
http://imppao.free.fr/images/2016/16dc_fond_ecran_abstract7.svg

Vidéo youtube

Vidéo dailymotion
(en cours)

Vidéo vimeo
(en cours)

0:01-0:13 Présentation du tuto et des résultats obtenus
0:14-1:23 Sur un nouveau document création d’un carré de50px/50px avec une rotation de 45°
1:24-3:42 Création d’un objet motif qui sera appliqué le long d’un chemin (cercle)
3:43-5:08 Création d’un objet cercle + application de l’objet motif sur le cercle
5:09-6:02 erreur 1 (Correction de notre objet motif)
6:03-6:49 Test de quelques options sur notre forme
6:50-7:28 Amélioration de la symétrie de l’objet
7:29-8:28 Finalisation de notre objet
8:29-9:38 Application de la couleur + sculpter/peindre
9:39-10:33 erreur 2 (Application de la même couleur aux contours et remplissages des objets)
10:34-11:52 Finalisation couleur +contour (0,5px)
11:53-11:59 A bientôt