2 méthodes rapides pour créer des camemberts dans l'esquisse

Dans ce didacticiel vidéo, je vais vous montrer comment concevoir des graphiques à secteurs à l'aide de Sketch. Vous pouvez créer des graphiques à secteurs manuellement à l'aide de formes, de masques et de l'outil Plume, mais je vais vous montrer deux approches beaucoup plus rapides et plus précises..

Regarder Screencast

Méthode n ° 1

C'est l'approche la plus simple et implique l'utilisation d'un plugin. Sketchy Pies a été créé par Aby Nimbalkar et crée des camemberts à partir de vos calques de cercle..

Commencez par créer un cercle. Puis, avec cette option sélectionnée, allez à Plugins> Sketchy Pies> Convertir en graphique. Vous verrez alors une invite dans laquelle vous pourrez entrer une liste de codes couleur hexadécimaux séparés par des virgules. Ajoutez autant que vous le souhaitez, puis cliquez sur D'accord; ta tarte est prête!

Ces sections de tarte sont intelligemment construites en utilisant des bordures. Vous pouvez modifier chacun d'eux en les sélectionnant, puis en modifiant les propriétés de la bordure. La couleur de la bordure changera la couleur de la section, et vous pouvez modifier la mesure du tiret pour changer la taille de la section..

Vous pouvez également spécifier les tailles de section lors de la création initiale du graphique. Cela se fait en ajoutant à chaque couleur une valeur, telle que des pourcentages, par exemple: # 444444: 20%, # 555555: 80% ou des valeurs décimales comme # 444444: .2, # 555555: .8.

Méthode n ° 2

Créer des camemberts avec des gradients angulaires est un peu plus compliqué, mais c'est ce que nous allons faire maintenant! Commencez avec un objet cercle, puis allez à Remplissage angulaire dans la barre latérale des propriétés. Ajoutez deux couleurs pour chaque section dont vous avez besoin pour le graphique à secteurs:

Vous pouvez positionner les arrêts de couleur le long du dégradé avec précision, à l’aide des touches numériques de votre clavier. Frappe 2, tant que votre couleur est sélectionnée, elle sera positionnée exactement à 20% le long du dégradé. Le début de chaque nouvelle section devra être positionné exactement où la fin de la section précédente est.

Remarque: J'utilise Sketch version 41.2, et vous remarquerez que là où les sections se rejoignent, il y a une ligne irrégulière. Cela n’a pas toujours été le cas, alors je suis presque sûr que c’est un bug de Sketch. Faites-moi savoir si vous utilisez une version différente et voyez de meilleurs résultats!