Archives de Catégorie: Inkscape

Les tutos vidéos d’Inkscape

Tuto inskcape : faire de la fumée 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

Inkscape toujours debout – Créer un pavage avec des clones

Par défaut

Tuto sur l’utilisation de la fonction « créer un pavage avec des clones ».
renaud toujours debout
J’ai utilisé une photo du chanteur Renaud
http://imppao.free.fr/images/2016/16dc_renaud.jpg

+ petit clin d’œil à sa dernière chanson « toujours debout »
https://www.youtube.com/watch?v=hT1T2D_s_Us

0:00 – 0:15 Présentation du tuto
0:16 – 1:30 Mise en place de la photo (dimension /recadrage)
1:31 – 2:37 Création du clone (remplissage indéfini + groupe)
Utilisation de la fonction « créer un pavage avec des clones »
2:38 – 4:01 essai 1
4:02 – 5:01 essai 2
5:02 – 5:49 Modification du clone « d’original »
5:50 – 7:10 Modification supplémentaire du clone « d’original »
7:11 – 7:55 Utilisation de l’outil « Ajuster les objets en les sculptant ou en les peignant (Maj + F2) »
7:56 – 8:42 Erreur numéro 1
8:43 – 9:39 Utilisation de l’outil texte pour mettre un titre à l’illustration
9:40 – 9:54 Erreur numéro 2:)
9:55 – 10:00 Remerciement et au revoir

Tuto sur Youtube

Tuto sur dailymotion

Tuto sur vimeo

Pour télécharger les fichiers .svg (clic droit > enregistrer sous)
16dc_renaud_clone1.svg
16dc_renaud_clone2.svg

tuto inkscape : Bonne année 2016

Par défaut

Dans ce tuto pas mal de fonctions sont utilisées les effets de chemin, les clones, les masques, les découpes, les remplissages indéfinis…
bref plein de trucs !

N’hésitez pas à poser des questions :
soit sur le site https://imppao.wordpress.com/
soit sur le forum http://www.linuxgraphic.org/forums/viewforum.php?f=6

Modèle à télécharger : http://imppao.free.fr/images/2016/16dc_modele.png
Police « Bauhaus 93 » à télécharger à cette adresse : http://thefonty.com/gfont.php?font=29941

0:00 – 1:19 Présentation rapide des différentes étapes
1:20 – 2:10 Mise en place du plan de travail
2:11 – 6:23 Création des « Effets de lignes » (mise en place des différents effets de chemin)
6:24 – 8:05 Création du dégradé de couleur
8:06 – 10:00 Utilisation de clones pour les « Effets de lignes » et le dégradé
10:01 – 11:40 Création du masque et application sur les « Effets de lignes »
11:41 – 12:59 Création du fond au dimension 1920×1080
13:00 – 13:39 Création du dégradé pour les lettres
13:40 – 16:45 Utilisation de l’outil texte + mise en place du dégradé
16:46 – 17:43 Mise en place de l’ombre du texte
17:44 – 21:03 Création Effet de lumière / Éclat lumineux

Bonne découverte

Vidéo sur Youtube

Vidéo sur dailymotion

Vidéo sur vimeo

Télécharger le fichier.svg final (clic droit enregistrer sous)