L'essentiel de Sketch

Travailler et mélanger des formes

Testez gratuitement nos 1298 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Apprenez à effectuer quelques opérations sur les formes. Vous allez voir comment les mélanger et en construire des plus complexes.
04:03

Transcription

Parfois, il est bienvenu de récupérer des icônes déjà faites, donc dans des packs, je n'arrête pas de le répéter depuis le départ, ça vous permet de gagner énormément de temps sur votre workflow et puis de récupérer du travail qui peut être très propre. Mais parfois, comme pour cette petite icône que j'ai récupérée, il peut y avoir des imperfections, ici une petite coquille qui n'est pas forcément gênante, car avec la taille toute petite des pixels d'un iPhone, cela ne se voit vraiment pas. Mais si on veut vraiment être pointilleux et précis, je vais donc copier cette forme. Eh bien, on peut essayer de la refaire propre soi-même spécialement pour sa propre application. Donc, je me mets ici tranquillement sur notre board de travail où on va avoir une nouvelle forme, et puis on va la refaire. Et justement, pour notre exercice, ça tombe bien, parce que pour pouvoir faire cette forme, on va devoir utiliser un petit peu les opérations booléennes, dont des opérations de fusion de formes qui sont disponibles dans Sketch. Alors, pour ce faire, je vais créer un cercle et je vais essayer de lui donner un peu la même taille que la forme originale. Je vais enlever le contour, et il semble qu'on soit pas trop mal, sachant que l'icône n'était pas exactement aux dimensions qui entrent pile sur les pixels alors que mon cercle est parfait en 12. Donc, je vais le garder comme ça et je vais le mettre carrément à la même couleur que l'autre loupe. Ensuite, à l'intérieur je vais créer un autre cercle en récupérant par cette forme-là, je vais faire un Commande + D. Ça fait une copie, et puis je vais venir prendre dans l'angle, ici, mais en même temps en maintenant alt qui permet de faire un rétrécissement, mais par le centre. Je vais l'ajuster, disons comme ça. Ça c'est décalé, ce n'est pas grave. Je peux réaligner, toujours en validant par rapport aux pixels, puis changer la couleur pour qu'on y voie quelque chose, ce serait pas mal, comme ça. Maintenant, il faut que j'arrive à faire détacher à peu près le même contour qu'on a ici, Là, c'est un peu petit, on va bien remonter à 9 disons, il va falloir que je recentre encore une fois. Voilà, on n'est pas mal. Maintenant, il va falloir que je creuse dans ma forme de fond, cette forme-là pour pouvoir garder que la forme qui est le contour. Ça tombe bien, dans Sketch, ça se passe comme ça. Il suffit de sélectionner les deux formes et d'utiliser l'outil Substraction. On clique dessus. Et voilà, nous avons un trou. Je veux remettre à la bonne couleur, et vous remarquez que c'est tout bon, nous avons gardé une forme complète qui est le contour. Maintenant, je vais vouloir ajouter le petit manche de notre loupe. Là, je vais retourner dans les formes, je vais prendre un rectangle, et puis je vais tracer sur les bons pixels. Vous avez remarqué que ça s'aligne parfaitement sur les pixels. C'est ça qui est super intéressant dans Sketch, c'est que ça permet vraiment de faire quelque chose de très propre. Et quelques pixels de plus. Et puis là maintenant, je veux que cette forme soit complètement mélangée avec cette forme-là. Je vais donc sélectionner les deux formes et je vais sélectionner Union. Ça a pris la couleur du calque qui était le plus haut, mais je peux donc remettre la bonne couleur. Pas de boarder, voilà. Là maintenant, j'ai ma loupe qui est en position de droite et il va me suffire d'appliquer dessus une rotation... à 45°. Ce n'est pas dans ce sens, c'est dans l'autre. Donc là, on peut mettre -45° et j'ai ma loupe, mais celle-ci maintenant est beaucoup plus propre, car c'est une simple forme qui n'a pas le petit rajout qui manque et qui est parfaitement construite sur des pixels. Donc maintenant, si jamais vous voulez la raffiner un petit peu, eh bien, vous pouvez par exemple sélectionner cette forme et comme vu avant, sélectionner des angles, et puis pourquoi pas appliquer un petit Corner de 1, histoire d'avoir un beau arrondi sur notre forme, et comme ça nous avons une jolie loupe pour pouvoir travailler par la suite. Celle-là, je vais la supprimer et puis on va garder celle-là qui même en tout petit rend plutôt bien par rapport à l'autre qui était plus carrée, celle-là rend plutôt pas mal, et puis on va la garder là pour pouvoir construire la suite de notre menu.

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
 
Logiciel :
Sketch Sketch 41
Spécial abonnés
Date de parution :7 déc. 2016

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 !