L'essentiel de Sketch

Aborder la notion de tracé vectoriel

Testez gratuitement nos 1324 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Découvrez comment créer et éditer un tracé vectoriel. Il s'agit de construire une forme simple comme le pictogramme.
03:02

Transcription

Dans le cadre de cette formation, vous avez vu jusqu'à maintenant tous les moyens pour créer des formes simples, arrondies, insérer des textes et potentiellement importer aussi des éléments plus complexes et génériques et dont on n'a pas besoin forcément de tout retravailler. Maintenant, il va falloir pousser un tout petit peu plus loin pour pouvoir créer ces pictogrammes, ou sinon en importer certains, si on arrive à trouver ceux qui peuvent correspondre et qui sont libres d'accès. Avant tout ça, je voulais faire une petite introduction de l'outil vectoriel qui est très important dans Sketch qui est l'outil Plume, pour ceux qui connaissent PhotoShop ou Illustrator, et qui est un outil qui va vous permettre vraiment de concevoir des formes complexes en vectoriel, si jamais vous le souhaitez. Bien entendu, ça ne sera pas l'outil le plus adapté pour fabriquer des pictogrammes, auxquels on préférera l'utilisation des formes simples, mais qu'on va utiliser de manière combinée pour créer par exemple le pictogramme du petit bonhomme. Si je reviens rapidement sur cet outil de forme, qui vous permet du coup de créer des tracés complexes grâce à des points d'ancrage que l'on va positionner. Lorsque vous êtes sur votre outil classique, donc votre flèche noire, il vous suffit d'appuyer sur V et vous basculez sur la plume, ou sinon vous avez juste à cliquer sur Vecteur ici. Ce que vous faites, c'est que vous cliquez un coup, ensuite vous allez pouvoir choisir où cliquer encore une fois, et si vous cliquez, vous tracez des fils droits. Mais si lorsque vous cliquez, vous maintenez appuyé, et vous bougez votre souris, là, vous allez commencer à construire un peu de la courbe, et vous allez pouvoir vraiment entrer dans des formes très complexes et faire ce que vous voulez. Ensuite, là, c'est juste avec un contour, mais si jamais j'enlève le contour, et que j'appuie sur remplissage, voilà, on a une forme pleine. Maintenant, si vous voulez modifier ce tracé. Là, vous y touchez en tant que forme, quand vous sélectionnez votre calque, vous le touchez en tant que forme, vous double cliquez et vous avez à nouveau accès au point d'ancrage où vous allez pouvoir ajuster votre forme à votre bon vouloir et à l'infini. Alors, dans le cadre de cette formation, il n'y a pas vraiment d'éléments d'UI qui mérite d'être fait avec la plume, car on préférera, comme je le disais, les formes beaucoup plus simples comme les cercles en combinés. Par contre, dans le cas d'UI, vous pouvez aussi avoir des zones qui veulent être organiques. Donc, imaginons que je vous laisse faire un en-tête ici à la place de la photo comme au-dessus, un en-tête avec une illustration un peu plus vectorielle, je pourrais me dire, voilà, je vais créer cette forme-là. Je vais la passer avec du vert, par exemple, et puis en double cliquant pour entrer dans la forme, j'ai envie de rajouter un petit peu un point ici, et puis que ce point-là remonte comme ça, et puis qu'en double cliquant dessus je puisse appliquer une courbe, et ensuite je peux aussi réajuster bien entendu ma courbe pour avoir quelque chose d'assez sympathique. Donc, vous allez pouvoir quand même créer des éléments graphiques comme ça qui servent potentiellement à l'habillage de votre travail, mais on y préférera, un peu comme je vous ai préparé juste en dessous l'utilisation pour créer des pictogrammes, comme on va voir tout de suite.

L'essentiel de Sketch

Concevez des interfaces utilisateur applicatives pour les mobiles et pour le web avec Sketch. Créez des éléments d'interface, du simple bouton au pictogramme plus complexe, etc.

1h53 (25 vidéos)
Aucun commentaire n´est disponible actuellement
 

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !