Inkscape Dessins : Dossier - répertoire

Bonjour,

Suite au screencast N°6,

http://screencasters.heathenx.org/wp-content/videos/ep006/ep006.html

nous allons réaliser ce type de dessin :

Tracez un rectangle de L 800 x H 600 px.

Associer la couleur aa8800ff (orange tirant vers le marron).

Décocher le contour

Dupliquer ce rectangle, attribuer un noir, un flou de 5 et le placer en-dessous de celui-ci :

Dupliquer à nouveau ce rectangle et attribuer les valeur L 200 x H 60 :

Le positionner sur le coté haut à gauche avec un léger décalage pour rendre le format d'un dossier réaliste.

Se rendre sur l'icône correspondant à Editer les noeuds :

Le rond en haut à droite du petit rectangle permet d'arrondir l'angle :

Comme ceci :

Dupliquer ce petit rectangle arrondi et associez-lui une couleur noire ; ouvrez l'interface du pinceau pour attribuer un flou de 5 :

Placez-le en-dessous de celui en orange à l'aide de ces icônes ; Cliquez sur l'icône tout à gauche pour positionner ce rectangle noir en dessous de l'autre orange

Dupliquez à nouveau ce grand rectangle et appliquez un format cette fois-ci 800 x 500 et choisissez la couleur : d4aa00ff ; Allez dans le menu "Chemin", "Objet en chemin" (Ctrl + Shift + C) qui donne ce dessin :

Vous remarquerez quatre losanges sur les coins du rectangle ;  l'interface correspondant aux noeuds.

Cliquez sur celui qui se trouve en haut à gauche du rectangle et vous constaterez l'apparition de l'absysse (x) et de l'ordonnée  (y) ;

Dans ce cas précis, j'ai pour chiffre en absysse (x) : 126,181 ;

Affecter à 426,181 ; 

A noter que ce qui après la virgule est sans importance.

Ensuite, cliquez sur le losange en haut à droite :

J'ai pour chiffre en absysse (x) : 926,181 ;

Affecter à 1226,181 ; ce qui doit ressembler fortement à ça :

Dupliquer ce rectangle-trapèze pour lui attribuer un noir et un flou de 3 ; Cliquez descendre d'un cran (le deuxième en partant de la gauche) :

Dupliquez encore ce rectangle-trapèze orange et lui attribuer la couleur d3bc5fff ; Sélectionner éditer les noeuds ; Cliquez sur celui en haut à gauche ;

J'ai pour chiffre en absysse (x) : 426,181 ; Positionnez à 376,181 ; (c-à-d - 50 px)

J'ai pour chiffre en ordonnée (y) : 572,047 ; Positionnez à  552,047 ; (c-à-d - 20 px)

Cliquez sur le losange en haut à droite :

J'ai pour chiffre en absysse (x) : 1226,181; Positionnez à 1176,181 ; (c-à-d - 50 px) 

J'ai pour chiffre en ordonnée (y) : 572,047 ; Positionnez à  552,047 ; (c-à-d - 20 px)

Cliquez à deux reprises sur "descendre d'un cran" (le deuxième en partant de la gauche) :

ce qui doit ressembler fortement à ça :

A nouveau dupliquez ce rectangle trapèze pour réaliser une ombre. Sélectionnez la touche F1 pour saisir. Icône correspondant à une flèche "sélectionner et transformer des objets" en haut à gauche du menu Inkscape.  il va apparaître au premier plan. Appliquez une couleur noire et un flou de 3 ; Cliquez à trois reprises sur "descendre d'un cran" (le deuxième en partant de la gauche) :

Dupliquez le rectangle trapèze qui doit faire 1050 x 480 ; Si, apparaît le rectangle noir avec le flou à 3, activez-le à 0, changez la couleur à  a0892cff ; Sélectionnez "Editer les noeuds", cliquez sur le losange dans le coin en haut à gauche du rectangle ; 

Les absysses sont à : 376,181 ; Positionnez à 126,181 ; (- 250 px) ;

Les ordonnées sont à 1176,181 ; Positionnez à 926,181 ; (- 250 px) ;

Ensuite, sélectionnez "Transformer les objets"

la position X est à 126.181 ; changez à 146.181 pour décaler :

La position L 800 ; changez à 760 px

Laposition H 480 ; changez à 550 px

Cliquez à quatre reprises sur "descendre d'un cran" (le deuxième en partant de la gauche) :

Dupliquez ce restangle (Ctrl + D) ; Changez la couleur en noir ; appliquez un flou de 4 ;

Cliquez à cinq reprises sur "descendre d'un cran" (le deuxième en partant de la gauche) :

Dupliquez à nouveau le rectangle qui fait 760 x 550 px à deux reprises ; Appliquez une bordure noire de 1 px ;

Allez dans le menu Chemin, et sélectionnez "Objet en chemin" ; Retournez dans le menu Chemin, sélectionnez "Offset Dynamic" (Ctrl + F) ; Un  petit losange ou cercle apparaît en bordure du rectangle ; Maintenez la touche Ctrl enfoncée et à l'aide votre souris glisser comme bon vous semble ; Ensuite, sélectionnez le rectangle qui se trouve en dessous afin de lui supprimer la bordure de 1 px :

Ensuite, effectuer un trait à l'aide d'un rectangle ajouté d'un contour et le réduire au maximum pour qu'il représente un trait ; dupliquez ce trait et les aligner l'un par rapport à l'autre, comme ci-dessous : 

Note importante : Veuillez déplacer ce rectangle blanc réprésentant une feuille ailleurs afin que le dossier ne gène pas lors du groupement de tous les objets

Sélectionnez les deux traits et dupliquez-les (Ctrl + D) ; Se rendre dans le menu Objet, puis sélectionnez "Transformer", Dans l'onglet déplacement sélectionnez 25 px dans Horizontale et appuyez sur "Apply"  :

Dupliquer-les à nouveau et "Apply" et ainsi de suite jusqu'au résultat final.

Une fois cette manipulation terminée, le dessin final donne ça :

Il y a sans doute une méthode plus rapide ; je chercherai et l'ajouterai dans un autre article ultérieurement. 

Note importante : J'ai trouvé une méthode grâce au screencast 31 :

http://screencasters.heathenx.org/wp-content/videos/ep031/ep031.html

se rendre sur l'article suivant : Inkscape Dessin : Interpolation

http://cleroy61-blog.blogspot.com/2009/10/inkscape-dessin-interpolation.html

Dupliquez ce rectangle, appliquer un noir et un flou de 3 ; Ensuite, positionnez en-dessous de cette feuille ; Sélectionnez l'ensemble du dessin et appuyez sur l'icône "Grouper" ; Positionnez cette feuille sur le dossier et appuyer 4 fois pour le descendre 4 crans ; On s'aperçoit qu'elle est trop grande, donc ajustez le L à 740 et le H à 530 ;

Se positionner sur le rectangle trapèze orange du premier plan afin de le dupliquer (Ctrl + D). Réduire à l'aide de la souris et de la touche Ctrl enfoncée. Appliquer un contour de 5 px avec des pointillés et un flou de 2 ; sélectionner le dégradé linéaire et ajouter des stops pour plusieurs couleurs de dégradés comme ci-dessous :

Les rond à gauche, j'ai affecté la couleur efdfc0ff, le deuxième losange f4e29eff, le troisième losange f2f2f2ff, le quatrième eadfb7ff, le cinquième losange eacb92ff et le dernier situé à droite f1e6baff.

J'ai oublié de mettre une étiquette libellé ; Dessiner un rectangle de H 150 x L 60. Ajuster un arrondi ; Affecter la couleur #a0892c ; Dupliquer-le, affecter un noir, un flou de 5 px et positionner ce dernier à l'arrière du rectangle coloré tendance orange-marron ; Grouper ces deux rectangle.

Disposer ce rectangle sur le dossier en décalant d'un ou deux, voire plus, crans suivant où il se situera :

Voilà, l'image définitive avec deux feuilles facilement réalisable :

Note importante : On remarque que les ombres sont coupées ; Pour cela appliquer un fond derrière le dessin :

Maintenant, je vous mets à disposition le fichier représentant ce dessin au format SVG :

http://www.box.net/shared/bmvpqfxorb

Note importante : seul l'icône représentant le logo Inkscape est une image et non un fichier SVG que je cherche.