Créer une carte en points avec Sketch

Durant mon Daily UI Challenge j’ai trouvé sur Dribbble des cartes au design original, composée seulement de points.

Voici un tutoriel très simple pour apprendre à en créer en seulement 5 étapes.

  1. Créer un rond gris et le transformer en symbole

    Création d'un rond

  2. Dupliquer horizontalement ce symbole autant de fois que nécessaire

    On duplique le rond horizontalement

  3. Puis dupliquer cette ligne verticalement

    On duplique le rond verticalement

  4. Ajouter une carte en SVG et utiliser la comme Mask. Il faut supprimer les couleurs de fond et les bordures de la forme qu’on ajoute.

    On ajouter une carte en .svg

  5. Il ne reste plus qu’a modifier la couleur des ronds et le tour est joué

    On modifie la couleur des ronds