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 blender : Logo Lastman en 3D et animation effet Sun Beams

Par défaut

Dans ce tuto blender, nous allons voir comment réaliser le logo de la série LASTMAN TV en 3D.
On utilisera pour cela le logo réalisé avec inkscape lors du tuto précédent (https://www.youtube.com/watch?v=AvZR3bs03_M)

Dans blender, nous verrons comment réaliser et animer l’effet Sun Beams (rayons solaire) dans la partie compositing, puis comment intégrer un son et exporter la vidéo dans la partie video editing.

Vidéo Youtube

Vidéo vimeo

Vidéo dailymotion

Fichier à télécharger :
Logo LASTMAN
http://imppao.free.fr/images/2016/16dc_lastman_logo.svg
Logo LASTMAN noir et blanc
http://imppao.free.fr/images/2016/16dc_lastman_logo_nb.svg

Son pour l’animation format mp3

Son pour l’animation format avi
http://imppao.free.fr/images/2016/16dc_3d_Intro_lastman01_son.avi

Fichier .blend Final
http://imppao.free.fr/images/2016/16dc_3d_Intro_lastman01.blend

Structure de la vidéo
0:01 – 0:14 Présentation du tuto

Le logo LASTMAN en 3D
0:15 – 1:18 Récupération du logo réalisé dans inkscape
(petit bug d’affichage dans la vidéo…)
1:20 – 1:49 Petite présentation du fichier blender final
1:50 – 1:56 Ouverture d’un nouveau document blender
1:57 – 3:31 Importation du logo LASTMAN
– centre de l’objet par rapport à sa géométrie (ctrl + alt + shift + c)
– rotation (r)
– et mise à l’échelle (s)
3:32 – 3:40 On place la caméra dans notre scène en fonction de la vue (ctrl + alt + 0)
3:41 – 4:15 On convertit l’objet curve en mesh (alt + c)
4:16 – 4:44 En mode Edit on réalise une extrusion pour avoir de volume (e)
4:45 – 5:17 Utilisation du modificateur Solidify pour avoir de l’épaisseur
5:19 – 5:39 Rendu et modification de la taille du logo
5:40 – 5:45 Suppression du fond
5:46 – 6:41Ajout de la texture sur le logo avec la bonne couleur (83e4f0)
6:42 – 7:51Amélioration de la taille du logo + quelques modifications du mesh

Le compositing
7:52 – 8:15 Ctrl + shift + clic sur le rendre Layers -> création automatique du node viewer🙂
8:16 – 8:49 Ajout du node blur Alt + a
8:50 – 9:24 Ajout du node color mix
9:25 – 10:03 Ajout du node Sun Beams
10:04 – 10:18 je m’embrouille🙂
10:19 – 10:47 Ajout du node Alpha over
10:48 – Ajout d’un deuxième node Alpha over

L’animation Sun Beams
11:57 – 12:50 je m’embrouille pendant 1 minute…
12:51 – 12:58 On limite l’animation à 30 images
12:59 – 15:04Ajout d’image clé dans le node sun beams soit avec la touche (i)soit en faisant clic droit insert keyframe
15:06 – 15:26 Préparation au rendu de l’animation

Ajout du son
15:27 – 16:29 Dans le video editing importation de notre scène et du son
16:30 – 16:42 On enregistre son travail
16:43 – 17:59 On fait un premier rendu et on choisit le lieu d’emplacement du fichier
18:00 – 18:11 On visionne notre rendu
18:12 – 19:07Affinage du rendu
19:08 -19:25 Remerciement et rappel pour celles et ceux qui veulent donner pour la série d’animation 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 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