Archives de Catégorie: Inkscape

Les tutos vidéos d’Inkscape

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

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

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

LASTMAN – twitter

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

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

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
(en cours)

Vidéo dailymotion
(en cours)

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

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

Par défaut

Réalisation de fonds d’écran avec l’utilisation de plusieurs fonctions « Effets de chemin »

Fond d'écran géométrique 01
Fond d'écran géométrique 02
Fond d'écran géométrique 03

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

Vidéo Youtube

Vidéo Dailymotion

Vidéo Vimeo

0:01-0:21 Présentation du tuto et des résultats obtenus
0:22-1:42 Mise en place du fond avec dégradé radial + dimension de 1920×1080
1:43-2:50 Création d’un grand cercle
2:27-2:43 Création d’un petit cercle
2:44-3:20 Utilisation de la fonction « motif suivant un chemin »
3:21-3:36 Utilisation de la fonction « relier les sous-chemins »
3:37-4:48 Utilisation de la fonction clone + alignement dans la page
4:49-5:28 Mise en place d’un « ombre » avec duplication du clone
5:29-5:55 1er fond d’écran obtenu
5:56-6:44 Modification des paramétres dans les effets chemins pour modification de la forme géométrique
6:45-7:10 2e fond d’écran obtenu
7:10-8:09 Ajout de l’effet chemin courber
8:10-8:29 3e fond d’écran obtenu
8:30-8:35 Remerciement + Fin