Création de Formes avec l'Outil Bézier

Création de forme vectorielle et modification
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Motion 5
Revoir le teaser Je m'abonne
4,0
Transcription


79,00€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Description Programme Avis
4,0

79,00€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Les objectifs de cette vidéo sont les suivants :

  • Maîtriser l'outil Bézier pour créer diverses formes.
  • Reproduire un logo vectoriel comme celui de Facebook.
  • Utiliser l'outil B-Spline pour des courbes douces et des animations.

Cette leçon couvre l'utilisation de l' outil Bézier pour créer des formes simples et complexes, y compris la reproduction du logo Facebook.

Dans cette leçon, nous allons apprendre à utiliser l'outil Bézier pour créer diverses formes. Nous débuterons par la création de formes simples et l'utilisation de la bibliothèque pour choisir des formes prédéfinies. Ensuite, nous aborderons l'outil Bézier en profondeur.

Vous découvrirez comment tracer des formes en utilisant des points de contrôle et des tangentes, tout en ajustant les propriétés telles que le remplissage, le contour et la rondeur des contours. Nous recréerons ensemble le célèbre logo Facebook, en utilisant des techniques de précision pour tracer le « F » et le carré arrondi. Enfin, nous explorerons l'outil B-Spline pour créer des courbes douces et des animations simple basées sur ces courbes.

À la fin de cette leçon, vous serez capable de maîtriser les outils Bézier et B-Spline pour n'importe quel projet de création graphique, y compris des logos vectoriels de haute qualité.

Voir plus
Questions réponses
Comment créer une forme simple avec l'outil Bézier ?
Pour créer une forme simple avec l'outil Bézier, cliquez pour placer des points et utilisez les tangentes pour ajuster les courbes avant de fermer la forme.
Quel est l'avantage principal des formes vectorielles ?
Les formes vectorielles sont évolutives sans perte de qualité, ce qui les rend idéales pour les logos et autres graphiques nécessitant divers niveaux de détail.
Comment ajouter de la rondeur à une forme créée avec l'outil Bézier ?
Pour ajouter de la rondeur à une forme, ajustez les propriétés de rondeur dans la palette de géométrie après avoir sélectionné la forme.
Alors, on a vu comment on pouvait faire des formes simples, aller chercher des formes dans la bibliothèque, comment créer des formes simples grâce à l'outil ici, et on va voir qu'on a un nouvel outil qui peut être aussi assez intéressant, donc on va créer un nouveau, je vais effacer mes différents, pas effacer, excusez-moi, je vais les décocher comme ça on ne voit plus mes différents projets, mes différents groupes, excusez-moi, je vais créer un nouveau projet, et là je vais l'appeler FB parce que vous allez voir qu'on va essayer de recréer tout à l'heure le logo Facebook. Alors je voulais être tout simple, on va tout simplement aller voir ces outils qui sont ici, si je clique ici, c'est l'outil Bézier et l'outil Baseline. On va déjà voir l'outil Bézier, en fait l'outil Bézier on se retrouve avec une palette un peu après, un peu pareil que le carré ou le cercle où on retrouve le remplissage et le contour. Tout simplement si, vous voyez que j'ai un outil plume, l'outil plume c'est assez proche de celui de Photoshop, tout simplement je vais pouvoir cliquer et créer une forme, je clique et vous voyez que je peux revenir au bout et j'ai un petit rond qui va dire que je vais pouvoir fermer ma forme, vous voyez j'ai créé une forme et on va pouvoir, elle va pouvoir, on va pouvoir la travailler, vous voyez je vais pouvoir déplacer, je vais placer dans forme, on retrouve les mêmes remplissages et contours que ce qu'on avait avant, je vais mettre un contour de la même couleur, je voudrais qu'il soit un peu plus large pour qu'on voit bien, je veux qu'il soit carré dans les pointes, très bien, on va dans géométrie, en fait on peut tout simplement retrouver nos différents points ou auxquels on pourra mettre des images clés, et en fait on voit qu'on a aussi rondeur qui est ici, même si on n'est pas sur un carré, et tout simplement on va pouvoir jouer sur la rondeur, encore plus fort vous voyez, et on va pouvoir jouer sur la rondeur de mon, là c'est un quadrilatère, de mon quadrilatère, voilà ça peut être assez intéressant, on verra plus tard à quoi ça peut servir, donc là j'ai fait une forme assez simple, maintenant je vais effacer et je vais recommencer, alors vous voyez là j'ai sélectionné juste un point, j'ai effacé juste un point, j'ai cliqué un point, hop j'ai effacé, ce que je voulais en fait c'est sélectionner dans mon fenêtre de projet et supprimer, alors excusez-moi je vais appuyer ailleurs, supprimer, donc là je vais retenter une forme, donc je reprends mon outil baiser, et là je vais me rendre compte que je fais un clic, et là si je fais un clic et que je ne lâche pas, en fait je peux utiliser des tangentes, et vous voyez que je vais pouvoir faire, là j'ai fait une espèce de patate qui ne ressemble à rien, mais en tout cas on a bien vu l'utilité de la forme, vous voyez que ici je suis en lissage donc c'est droit, je suis en linéaire, si je me mets en lissage, là j'aurai une vraie patate qui ressemble bien à rien, je vais garder ma patate, et voilà j'ai une patate que je vais pouvoir bouger selon les tangentes comme j'ai envie, si j'avais envie de revenir en linéaire, je peux revenir en linéaire, je fais clic droit, linéaire, vous voyez que je ne vous ai pas montré, c'est qu'on a aussi supprimer le point, virer le point, désactiver le point, voilà on peut faire un peu comme on veut, ça peut être très pratique, et ça je vous laisse voir tout seul, donc on a vu cette forme, maintenant je voudrais justement qu'on reproduise, alors vous voyez que j'ai encore cliqué mauvais, je voulais être dans, je vais importer un png justement, facebook vous voyez que je l'ai trouvé, mais il n'est pas en super qualité, si je l'augmente, c'est pas comme du vectoriel, on voit une espèce de flou, une espèce de pixel, donc je vais créer, je voudrais recréer ce logo, comment recréer ce logo, tout d'abord on voit qu'on a un bon vieux carré au centre avec du arrondi, donc ça on sait faire, je vais dans rectangle, je vais me mettre bien au coin, vous voyez je vais aller venir, je vais essayer de faire le même carré, j'appuie sur mage pour avoir un carré parfait, en fait je n'appuyais pas bien sur mage, ok, donc du coup on va passer notre rectangle au dessus, alors pour voir ce qu'on fait à l'intérieur, je vais tout simplement mettre un contour, hop, le mettre en contour, je peux même aller chercher le bleu exact de facebook, et j'ai un contour que je vais monter un peu plus, voilà 21, on se rend compte de cette forme qu'on est en carré qu'il va nous falloir un petit peu de rondeur pour faire pareil que le logo, alors vous voyez que là je ne le vois pas, on va peut-être tout simplement jouer sur son opacité, vous voyez par la palette là je vais y arriver, donc là on voit que mon carré est à peu près bon, si je reviens dans style, hop, on a donc le bon vieux rectangle facebook. Maintenant ce qu'on va essayer de faire, on va essayer de reprendre le f de facebook, donc là je vais aller dans bezier, je vous montrerai après le baseline, je vais aller dans bezier, je vais prendre une couleur blanche, alors je prends mon bezier, hop, je suis dessus, je voudrais qu'il mette du blanc, hop, je vais aller chercher du blanc ici pour aller chercher du blanc, hop là j'ai du blanc, et là je vais aller refaire ma forme. Alors comment je vais la faire ? Tout simplement en mettant des points de montage exactement là où ils sont. Vu que là je suis en train de créer une forme, on a encore le match qui va me permettre de faire une ligne horizontale, comme on a pu voir avec l'outil trait, donc je peux grâce à ça avoir des angles droits parfaits. Voilà, là on va arriver, vous avez vu que j'ai une petite courbe, donc je vais faire attention, je vais mettre des outils bezier, je vais en mettre un au milieu où vous voyez, ah là j'ai fait la mauvaise chose, j'enregistre, on n'oublie pas, pomme S, j'annule ce que je viens de faire parce que ça ne va pas, peut-être me mettre plutôt ici, tout simplement ici, et vous voyez voir, ah non ça ne va pas marcher, hop on va créer ici un point de montage au milieu, un autre ici avec encore un peu de courbe, et là on va revenir sur du linéaire, on recommence ici, hop, là on n'est plus linéaire, hop là, oula, vous voyez que je n'ai pas besoin de faire beaucoup, hop, je reviens ici, et voilà, on a notre F de Facebook qui est apparu, on peut aller vérifier tous nos points ici, vous voyez que j'ai fait 18 points pour créer ce petit F de Facebook, si on revient, je le mets en contour, on remplit, et là je peux même faire, vous voyez que là du coup mon baiser est arrivé dans mon background, en fait ça ne me va pas du tout, je vais le remettre dans mon bon dossier, je vais leur donner des bons noms, je vais marquer F, et là ça va être un rectangle, ça va aller, on va le retrouver, donc du coup j'ai mon rectangle, je vais baisser mon Facebook, je vais le faire disparaître, et là du coup je vais pouvoir revenir sur du remplir, et pareil pour mon rectangle, et vous voyez que j'ai refait très rapidement mon logo Facebook, on voit bien que le F ce n'est pas parfait, donc je vous l'ai fait assez rapidement, c'était pour vous montrer qu'on a recréé un logo très rapidement, et vu qu'on est sur une forme vectorielle, on n'a aucun problème, augmenter, vous voyez là j'augmente, on n'a toujours pas de, on n'a pas de pixels apparentes tout étant vectoriel, donc voilà ça peut être assez intéressant, on va utiliser, si je veux le diminuer c'est aucun problème, vu qu'on est sur du vectoriel il n'y aura aucun problème, et on va pouvoir, on a recréé une forme vectorielle bien faite, d'accord, ensuite on va voir qu'on pourrait faire des formes un peu plus grandes, je vais vous montrer, on va essayer de faire comme si on avait une vague en dessous de Facebook, alors on va essayer de faire ça, tout simplement je vais faire avec des, vous voyez, je vais faire avec des points de montage et des tangentes, j'arrive à faire une espèce de vague, et moi je voudrais que ça soit rempli, donc je vais aller plus loin, je descends avec mes deux doigts, ma molette, j'ai un trackpad donc avec deux doigts, avec la molette si vous avez une souris, et je vais aller mettre la couleur que j'ai envie, ici je veux un bleu clair, hop j'ai ma forme bleu clair comme je voulais, donc ça ça permet de faire des vagues, et justement vous avez vu j'ai pu faire des vagues et c'était pas mal. Maintenant je voudrais vous montrer l'outil B-Spline, en fait l'outil B-Spline en fait on va faire les points, on va faire trois points ce qui va nous permettre de faire une courbe, du coup vous voyez que en fait ces points vont être les points qu'on va faire, ça va être les points où se rejoindront les tangentes des courbes, voilà c'est une autre version mathématique de faire du baiser mais c'est la même chose. Là j'ai pas envie de la fermer ma courbe, je voulais juste faire un trait, pour être sûr d'y arriver en fait quand j'ai fini j'appuie sur entrer, et là ma forme se fait. Donc là moi je veux pas qu'elle soit remplie, je veux que ça soit un trait, je voudrais un trait de la couleur même que le fond, et je voudrais une épaisseur bien plus épaisse pour qu'on la voit bien. Donc voilà Facebook au bord de l'eau. Tout simplement on pourrait, si en fait on va aller voir cet outil B-Spline, en fait on se retrouve il est à peu près pareil, donc on pourrait rajouter une rondeur aussi, là on va peut-être pas forcément le voir parce que déjà il est déjà bien arrondi et pas trop carré, on pourrait mettre fermé mais j'ai pas envie de la fermer, je la voulais comme ça, et en fait tout simplement on pourrait animer ces points clés. Donc je viens ici, je mets un point clé et en fait je vais pouvoir jouer sur ces B-Spline, voilà je vais bouger celui-là, hop, hop, hop, voilà, et on pourra après recopier ces mêmes points. Pomme C, je vais plus loin, Pomme V, un peu plus loin, Pomme V, vous voyez du coup je vais créer une animation sur tout le long et vous voyez qu'en fait, si je clique à côté, j'ai fait des espèces de vagues grâce à des images clés et à mon B-Spline, j'aurais pu le faire la même chose sur mon baiser bleu clair.

Programme détaillé de la formation

8 commentaires
4,0
8 votes
5
4
3
2
1
mattlogy
Il y a 7 months
Commentaire
Formation très difficile à suivre le formateur se perd dans ses explications, cafouille dans ses démonstrations, des fautes de français à n'en plus finir. Heureusement que j'ai bénéficié d'un prix promo blackfriday sinon je demandais un remboursement. Au final des astuces pour découvrir mais c'est une galère à suivre.
spamluv
Il y a 1 year
Commentaire
Bonne formation qui vous donnera les clés fondamentales pour pouvoir explorer le logiciel, si vous partez de zéro ou presque je recommande !
QQ longueurs et qq hésitations mais rien de bien gênant.
Par contre petit message pour @Elephorm : dans le module 10 les titres des vidéos "générateurs" et "transitions" sont inversés
librecoaventure
Il y a 1 year
Commentaire
Assez déçu, pas du tout pédagogue, on a du mal a suivre ses explications sur lesquelles il revient... Ce n'est pas à la hauteur de la formation FCPX que j'ai prise précédement.
gerard.marxen
Il y a 2 years
Commentaire
Excellente formation, dommage que nous ne bénéficions plus de fichiers de travail comme dans les anciennes formations d'ELEPHORM
arnaudcastan
Il y a 2 years
Commentaire
TOP MERCI
arnaudcastan
Il y a 2 years
Commentaire
TOP
alexandre.clenet
Il y a 2 years
Commentaire
Génial ! Super formation ! Pédagogie extra ! Formateur au top ! Je trouve très bien de répèter les différents raccourcis et actions . Une des meilleures formation que j'ai pu faire sur Elephorm ! Encore bravo !
romuromu
Il y a 2 years
Commentaire
Bravo pour cette bonne formation qui fait le tour de Motion 5. Merci.
Nos dernières formations Motion 5