Piste:
Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
cours_3 [2021/02/17 12:31] 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 7: | Ligne 7: | ||
* L'outil éditeur de nœuds ou de de poignées de contrôle du chemin | * 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é) |
**Les courbes de Bézier** | **Les courbes de Bézier** | ||
Ligne 15: | 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 42: | Ligne 42: | ||
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. | 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. | ||
- | Lorsque l'outil {{::outilplume.png|}} est sélectionné des options apparaissent dans le panneau supérieur : | + | Lorsque l'outil {{::outilplume.png|}} est sélectionné des options apparaissent dans le panneau supérieur: |
{{: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. | {{: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. | ||
Ligne 52: | Ligne 52: | ||
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 dessin. C'est un outil qui s'approche de l'outil de// sélection direct// dans Illustrator. | 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 dessin. C'est un outil qui s'approche de l'outil de// sélection direct// dans Illustrator. | ||
- | Lorsque l'outil {{::outilSelectionDirecte.png|}} est sélectionné des options apparaissent dans le panneau supérieur : | + | Lorsque l'outil {{::outilSelectionDirecte.png|}} est sélectionné des options apparaissent dans le panneau supérieur: |
{{::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). | {{::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). | ||
Ligne 62: | Ligne 62: | ||
{{::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. | {{::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. | ||
- | **Raccourcis utiles pour l'exercice** | + | **Exercice à réaliser et à remettre pour le prochain cours** |
- | * ''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 | + | |
- | + | ||
- | + | ||
- | **Armin Hofmann** | + | |
- | + | ||
- | 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|+]] | + | |
- | ''sources : wikipédia'' | + | |
- | + | ||
- | {{:cri_000000006040.jpg?600|}} | + | |
- | + | ||
- | ''Armin Hofmann - Stadttheather Basel, 1961 - collection MoMa'' | + | |
- | + | ||
- | {{:cri_000000211713.jpg?600|}} | + | |
- | + | ||
- | ''Armin Hofmann, 1962 - collection Miller'' | + | |
- | + | ||
- | {{:b744c65047d778a6f6e49c9a9ab99af0.jpg?600|}} | + | |
- | + | ||
- | ''Armin Hofmann, 1986 - collection MoMa'' | + | |
- | + | ||
- | Plus d'images sur le [[https://www.moma.org/artists/2697#works|site du Moma]] | + | |
- | + | ||
- | En 1959, Hofmann est contacté par Jean Koefoed, de la maison d'édition américaine Reihold Publishing. Impressionné 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. | + | |
- | ''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. | + | |
- | + | ||
- | {{:06-armin-hofmann.jpg?600|}} | + | |
- | + | ||
- | {{:30-armin-hofmann.jpg?600|}} | + | |
- | + | ||
- | ''Armin Hofmann - Graphic Design Manual //Principles and Practise//, 1965'' | + | |
- | + | ||
- | [[https://www.typogabor.com/armin-hofmann/index.html#11|Des images du Manuel de Création Graphique d'Armin Hofmann]] | + | |
- | + | ||
- | + | ||
- | + | ||
- | **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 153: | Ligne 88: | ||
{{:ernouldcoline_feuille.png?600|}} | {{:ernouldcoline_feuille.png?600|}} | ||
+ | |||
+ | Et pour en voir encore d'autres, [[http://baptiste-tosi.eu/herbier/|ici]]. | ||