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