Piste:

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
cours_3 [2020/10/01 11:27]
baptiste
cours_3 [2021/02/17 20:46] (Version actuelle)
baptiste
Ligne 1: Ligne 1:
-====== cours 3 : L'​outil Plume ======+====== cours 3 : Le dessin vectoriel libre ======
  
 **Points abordés dans le cours :** **Points abordés dans le cours :**
Ligne 5: Ligne 5:
   * Les courbes de Bézier   * Les courbes de Bézier
   * L'​outil plume   * L'​outil plume
-  * L'​outil de sélection directe+  * L'​outil ​éditeur ​de nœuds ou de de poignées de contrôle du chemin
   * Tracés ouverts / tracés fermés   * Tracés ouverts / tracés fermés
-  * L'outil dégradé +  * Les dégradés dans Inkscape (outil dégradé ​+ outil filet de dégradé)
-  * Grilles, repères & magnétisme+
  
 **Les courbes de Bézier** **Les courbes de Bézier**
Ligne 16: Ligne 15:
 //(sources : wikipédia / vous trouverez la description des équations mathématiques permettant la construction des courbes de Bézier [[https://​fr.wikipedia.org/​wiki/​Courbe_de_B%C3%A9zier|sur la page qui leur est dédiée]].)// ​ //(sources : wikipédia / vous trouverez la description des équations mathématiques permettant la construction des courbes de Bézier [[https://​fr.wikipedia.org/​wiki/​Courbe_de_B%C3%A9zier|sur la page qui leur est dédiée]].)// ​
  
-**Pour aller plus loin sur la conception des courbes de Bézier :+**Pour aller plus loin sur la conception des courbes de Bézier:
 ** **
   * [[https://​www.jasondavies.com/​animated-bezier/​|une animation où l'on peut manipuler les poignées et comprendre la construction des courbes]]   * [[https://​www.jasondavies.com/​animated-bezier/​|une animation où l'on peut manipuler les poignées et comprendre la construction des courbes]]
Ligne 35: Ligne 34:
 {{:​capture3.png?​600|}} {{:​capture3.png?​600|}}
  
-**Armin Hofmann**+**le dessin vectoriel libre dans inkscape**
  
-Armin Hofmann est un graphiste suisse, né le 29 juin 1920 à WinterthurÀ travers son enseignement à la Allgemeine Gewerbeschule Basel (école ​de design ​de Bâle, AGS), où il est responsable de la classe de graphisme de 1947 à 19871, il a joué un rôle important dans le développement du style typographique suisse. [[https://fr.wikipedia.org/​wiki/​Armin_Hofmann|+]] +{{::​outilplume.png|}} outil //tracer des courbes ​de Bézier et des segments ​de droites//
-''​sources : wikipédia''​+
  
-{{:​cri_000000006040.jpg?​600|}}+''​raccourci''​ ⟶ B 
  
-''​Armin Hofmann - Stadttheather Basel, 1961 - collection MoMa''​+C'est l'outil principal de dessin libre de tracé vectoriel dans Inkscape. Il vous de tracer des chemin vectoriels en positionnant des points de vecteurs (en cliquant) eux même reliés par des tracés vectoriels (droits ou en courbe de Bézier selon votre dessin). C'est l'équivalent de l'​outil //Plume// dans Illustrator.
  
-{{:cri_000000211713.jpg?600|}}+Lorsque l'​outil ​{{::outilplume.png|}} est sélectionné des options apparaissent dans le panneau supérieur:
  
-''Armin Hofmann, 1962 - collection Miller''​+{{:​optionmode.png|}} ⟶ Elles vous permettent de choisir un mode de dessin pour vos tracés vectoriels. Nous nous concentrerons sur le mode //Créer un chemin de Bézier régulier// mais n'hésitez pas à explorer les autres modes. ​
  
-{{:b744c65047d778a6f6e49c9a9ab99af0.jpg?600|}}+{{::​outilSelectionDirecte.png|}} outil //Éditer les nœuds ou les poignées de contrôle d'un chemin//
  
-''​Armin Hofmann, 1986 - collection MoMa''​+''​raccourci'' ​⟶ N
  
-Plus d'images ​sur le [[https://​www.moma.org/artists/2697#​works|site du Moma]] ​+Comme son nom l'indique cet outil est essentiel pour un dessin vectoriel. Il vous permet de revenir ​sur un tracé en sélectionnant individuellement ou en groupe les points de vecteurs pour les déplacer ou agir sur des segments de votre tracé (par exemple pour y ajouter des points de vecteurs ou en supprimer)Il vous permet également de manipuler les poignées afin de travailler les courbes de Bézier de votre dessinC'est un outil qui s'​approche de l'​outil de// sélection direct// dans Illustrator. ​
  
-En 1959, Hofmann est contacté par Jean Koefoed, de la maison d'édition américaine Reihold PublishingImpressionné par un article que Hofmann a publié ​dans la revue Graphis, sur l'​enseignement du design, Koefoed indique à Hofmann qu'il existe une réelle lacune dans ce domaine, et l'​encourage à écrire un livre. Suite à cet encouragement,​ Hofmann élabore son Manuel de création graphique, qui sera publié en 1965. +Lorsque l'outil {{::​outilSelectionDirecte.png|}} est sélectionné des options apparaissent ​dans le panneau supérieur:
-''​sources ​wikipédia''​+
  
-Ce manuel comprend ​de nombreuses règles, procédés et exercices de constructions de formes, de modules, de grilles pour l'​organisation de contenus dans l'​espace ​d'une page, d'une affiche, etc+{{::​options1.png|}} ⟶ Celles-ci concernent les points ​de vecteurs. Elles vous permettent ​d'en ajouter ou d'en supprimer sur le tracé vectoriel sélectionné. Vous pouvez également relier ou briser un tracer vectoriel (l'​équivalent du //ciseau// dans Illustrator).
  
-{{:06-armin-hofmann.jpg?600|}}+{{::options2.png|}} ⟶ Celles-ci vous permettent d'agir sur vos poignées. Par exemple le premier bouton de gauche sert à briser le tracer, c'est à dire rendre autonomes vos poignées d'un côté et de l'​autre du point de vecteur. À l'​inverse le second bouton liera équilibrera vos poignées.
  
-{{:30-armin-hofmann.jpg?600|}}+{{::​optionChemin.png|}} ⟶  Celle-ci transforment des éléments en chemins. Par exemple, de base Inkscape ne vous permet pas de manipuler le tracé vectoriel lorsque vous tracez une forme simple (comme un cercle, un rectangle ou un polygone). Pour se faire vous devez convertir ces objets en chemins. Vous pouvez le faire via le menu contextuel //​chemin⟶ ​ objet en chemin// ou bien utiliser le premier bouton de gauche qui est un raccourci. Le second bouton à droite qui vous permet de convertir vos contours en chemin comme nous l'​avons vu en cours. ​
  
-''Armin Hofmann - Graphic Design Manual //​Principles and Practise//, 1965''​+{{::​optionAffichage.png|}} ⟶  Enfin ces boutons concernent l'affichage de votre tracé. Je vous conseille de toujours avoir enclenché les boutons grisés sur cette image. Ils vous permettent de visualiser vos poignées et nœuds de contrôle. ​
  
-[[https://​www.typogabor.com/​armin-hofmann/​index.html#​11|Des images du Manuel de Création Graphique d'​Armin Hofmann]] +**Exercice ​à réaliser ​et à remettre ​pour le prochain cours**
- +
-**Raccourcis utiles pour l'​exercice** +
-  * ''​Atl + outil de sélection direct''​ ⟶ outil de sélection progressif +
-  * ''​Alt + outil Plume''​ ⟶ outil point d'​ancrage (pour ne manipuler qu'une seule poignée ​à la fois) +
-  * ''​Ctrl + outil Plume''​ ⟶ outil de sélection direct +
-  * lorsque l'on dessine un tracé, ''​enter''​ pour arrêter le tracer +
-  * avec l'​outil plume sur un tracé vectoriel :  +
-  * ''​alt''​ ⟶ modifier le tracé de la courbe par le tracé vectoriel +
-  * ''​click sur un point d'​ancrage''​ ⟶ supprimer le point +
-  * click sur un tracé vectoriel = ajouter un point d'​ancrage +
-  +
-  +
-**Exercice en cours** +
- +
-{{:​11-armin-hofmann.jpg?​600|}} +
- +
-{{:​armin-hofman-thegraphicdesignmanual.jpg?​600|}} +
- +
-''​page 70 du Manuel de Création Graphique''​ +
- +
-{{:​65321875_624346968076842_6742721105430369725_n.jpg?​600|}} +
- +
-  - Récupérez [[http://​baptiste-tosi.eu/​fichier-cours/​hofmann-module.ai |ce document]] contenant la grille d'​Hofmann. +
-  - Ouvrez-le dans illustrator ​et réalisez uniquement avec l'​outil plume, au moins 4 modules construits sur la grille d'​Hofmann.  +
-  -   ​Chaque module doit se trouver sur un calque séparé.  +
-  - Vos courbes de Bézier ne doivent pas êtres "​cassée"​. ​  +
- +
-__conseils:​__ +
-  - Observez bien la construction des modules et comment les points viennent se placer sur la grille. +
-  - Placez vos points avec le magnétisme de la grille puis désactivez ce dernier pour travaille les courbes de bézier. +
-  - Gardez vos poignées alignées ​à la grille en maintenant "​Maj"​ lorsque vous les manipuler. ​  +
-   +
-**Exercice à réaliser ​pour le prochain cours**+
  
   - À l'aide de l'​outil plume et des différents outils étudiés jusqu'​ici,​ redessinez la feuille d'une plante de votre choix (celles ci-dessous ne sont que des exemples) sur un format A3 (42x29,​7cm) ​   - À l'aide de l'​outil plume et des différents outils étudiés jusqu'​ici,​ redessinez la feuille d'une plante de votre choix (celles ci-dessous ne sont que des exemples) sur un format A3 (42x29,​7cm) ​
Ligne 124: Ligne 88:
  
 {{:​ernouldcoline_feuille.png?​600|}} {{:​ernouldcoline_feuille.png?​600|}}
 +
 +Et pour en voir encore d'​autres,​ [[http://​baptiste-tosi.eu/​herbier/​|ici]]. ​