C o n c e p t s

Création d'objets

Les outils de base pour créer un objet dans Sketch sont :

On y  accède soit par le menu "édition" -> "créer" -> ..., soit par la série d'icones à droite dans la barre d'outils principale.

L'outil rectangle
Avec l'outil rectangle, on peut tracer un carré parfait en maintenant la touche "ctrl" enfoncée, et l'utilisation de la touche "shift" permet de tracer un rectangle en démarrant par son centre plutôt que par un coté.
En utilisant les 2 touches "shift" et "ctrl" on trace un carré en commençant par son centre.
En basculant en mode édition, il est possible d'arrondir les angles en tirant sur un point en allant vers l'intérieur de l'objet.
Notez que cet outil ne donne pas directement des objets composés de courbes de Bézier, il faudra pour cela convertir l'objet par la commande "Courbes" -> "Convertir en Courbes"

L'outil ellipse
Même utilisation des touches "shift" et "ctrl" avec l'outil ellipse, on obtiendra donc un cercle parfait en démarrant le tracé par son centre avec les touches "shift" et "ctrl" enfoncées. Sans ces touches on tracera sinon une ellipse en utilisant un des cotés comme point de départ.
En basculant en mode édition, il est alors possible de créer un arc de cercle à partir d'un cercle en tirant sur le seul point qui apparaît alors.
Même remarque que pour l'outil précédent : Cet outil ne donne pas directement des objets composés de courbe de Bézier, il faudra pour cela convertir l'objet par la commande "Courbes" -> "Convertir en Courbes"

L'outil de tracé de courbes
L'outil courbe de Bézier permet de tracer des courbes suivant le principe d'un point (ou noeud) et de 2 tangentes par courbe.
Ce principe permet de modifier le tracé en changeant l'orientation de l'une ou l'autre des tangentes, ou bien des deux, et bien sûr la position du point correspondant à une courbe sur un tracé.
Pour modifier un tracé réalisé avec cet outil il est nécessaire d'être en mode édition, qu'on obtient avec cette icone : ,
puis d'utiliser cette boîte de dialogue pour les différents types de manipulations possibles.

La méthode de tracé consiste à placer d'abord un point, puis un second pour lequel on ne relâchera pas la souris tout de suite mais on "glissera" pour créer une courbe, on verra apparaître alors une tangente, la seconde tangente sera créée lors du  troisième clic ...
Cet outil est peut-être un peu difficile à aborder au premier abord, mais avec un peu de pratique le tracé de courbes et leur modification deviennent intuitifs, surtout lorsqu'on se rend compte avec quelle facilité on peut en tirer des tracés aux courbes parfaites et éditables à volonté ...
Voir la section des palettes flottantes ainsi que la section barre d'outils pour des détails sur le fonctionnement des courbes de Bézier.

L'outil de tracé de droites
Pour faire des tracés rectilignes, l'outil de tracé de courbe crée une ligne entre deux points. Il est possible de contrôler l'angle que fera une ligne par rapport à la précédente en maintenant la touche "ctrl" enfoncée et en "tournant" autour du point précédemment tracé, on peut ainsi choisir un angle par segment de 15°.

L'outil texte
Permet de choisir la famille de police, le style, le corps.
Plus de détails dans la section polices des palettes flottantes.
 

l'outil insertion d'image
Cet outil ouvre une boîte de dialogue pour l'importation d'une image bitmap. Les formats supportés sont : ps, eps, jpeg (jpg), gif, tif, bmp, pcx, ppm, pgm, pbm. Après avoir choisi l'image et validé par "ok" les contours de l'image apparaissent en pointillés à la pointe du curseur, il suffit ensuite de cliquer à l'endroit où on désire placer l'image.
Il est alors possible de modifier la taille de l'image, sa position, .... en mode sélection, comme pour un objet classique.
 

Edition et modification d'objets
Il existe 2 modes de travail pour appliquer des modifications à un objet :

- le mode sélection : dans lequel on bascule à l'aide de cette icone : 
- et le mode édition : dans lequel on bascule à l'aide de cette icone : 
Il est possible et bien plus pratique de basculer d'un mode à l'autre en utilisant la barre espace.

Pour avoir plus de détails sur ces deux modes voir la rubrique modes de la section Outils et commandes.

Le mode sélection est un mode qui permet le déplacement, le redimensionnement et l'orientation de l'objet.
Plus de détails dans la rubrique sélection et manipulation d'objets de la section Outils et commandes.

Le mode édition vous permet de modifier le tracé d'un objet, donc de manipuler les courbes de Bézier.
Plus de détails dans la rubrique édition d'objets de la section Outils et commandes.
 

Fond et contour d'un objet
- Dans Sketch, un objet est défini par un fond et un contour. On peut donc attribuer à l'un et à l'autre une couleur ou une absence de couleur, la transparence. Certaines caractéristiques sont particulières à chaque élément : le contour peut varier en épaisseur, en type (pointillés ...) en type d'extrémités, et le fond peut être rempli par un dégradé.
- Pour attribuer une couleur, un dégradé, un motif ou une texture au fond d'un objet, il doit être d'abord sélectionné, puis on peut, soit utiliser les couleur prédéfinies visibles en bas de la fenêtre de travail, soit les palettes flottantes "remplissage", et "couleur de remplissage" accessibles par le menu "fenêtres" ou par un clic droit (par lequel on accède aussi à "pas de remplissage").
Voir le détail de l'utilisation de ces palettes dans la section remplissage des palettes flottantes.
- De la même façon pour modifier le contour d'un objet, avec un clic droit on accède à la palette "ligne" (par lequel on accède aussi à "pas de ligne") qui permet de choisir la couleur , l'épaisseur du contour ....
Voir le détail dans la section ligne des palettes flottantes.
 

Objets Groupés
Cette icone permet de grouper en un seul 2 ou plusieurs objets (utiliser la touche "shift" pour ajouter un objet à une sélection)
- Lorsque 2 objets (ou +) sont groupés, les modifications apportées à cette nouvelle entité s'appliquent aux deux objets de départ, ainsi si on modifie la taille (avec la touche "ctrl" enfoncée si on ne veut pas provoquer de déformation) la taille des deux objets suivra.
- Si on modifie la couleur de remplissage, ou du contour , les deux objets changeront de couleur (si on veut attribuer une couleur différente aux fond ou contours de chaque objet il faudra les dégrouper ...)
 

Disposition des objets
Chaque objet peut être placé au-dessus ou au-dessous d'un ou d'autres objets.
Voir le détail dans la rubrique disposition des objets de la section menus et barre d'outils.
Pour les dessins complexes avec plusieurs objets se superposant, voir aussi l'utilisation des calques.
 

Fermer un tracé
Lorsque l'on crée un tracé quelque peu complexe, il est parfois nécessaire de "fermer" le tracé sous peine de ne pas pouvoir correctement contrôler son remplissage :


Voici un objet créé avec 2 outils, l'outil courbe et celui de tracé rectiligne.
L'objet est donc constitué de 2 parties.
Jusque là tout va bien, mais dès qu'il s'agira de remplir cette forme, il risque de se poser le problème suivant :


Le tracé n'étant pas fermé, on se retrouve avec de la couleur là où on ne le voulait pas, à l'extérieur de notre forme.
(Notez que le problème persiste même si on met de la couleur dans la partie basse de l'objet)
Un début de solution consiste à sélectionner les 2 parties de l'objet et d'exécuter la commande "courbe" -> "associer Bézier" pour obtenir ce résultat :


On touche presque au but, mais ce n'est pas parfait, même si on peut rapprocher les noeuds composant les deux parties de l'objet pour supprimer le filet blanc à l'intérieur et le filet vert qui reste à l'extérieur.
La solution consiste, après avoir associé les courbes (opération nécessaire pour la suivante) à joindre les noeuds entre les 2 parties de notre objet pour qu'il n'en fasse plus qu'un :
 

L'opération consiste à sélectionner (en mode édition) les 2 points que l'on veut joindre, pour cela on en sélectionne un puis le deuxième en maintenant la touche "shift" enfoncée. Il suffit ensuite de faire "joindre" dans la palette flottante "courbes" (c'est le bouton central en haut)


Et voilà notre forme parfaite et "remplissable" sans difficulté ...
 
 

Tranformer un texte en objet
Cela consiste à convertir une lettre ou un ensemble de lettre en objet dont les contours seront des courbes de Bézier. Il sera ainsi possible de modifier la forme des lettres, de leur appliquer un tracé, ... en fait de s'en servir comme de n'importe quel autre objet.
Un autre avantage de cette transformation (appelée vectorisation dans certains logiciels) est de permettre à quelqu'un qui ne possède pas une police sur sa machine de pouvoir quand même ouvrir le dessin provenant d'une autre machine possédant cette police où elle aurait été vectorisée. C'est intéressant dans le cas d'échange entre  différentes plates-formes par exemple. Un inconvénient tout de même, un texte vectorisé l'est définitivement et il devient donc difficile de faire des corrections dans le texte.

Exemple de vectorisation :


Vectoriser un texte (ici un "y" dans la police symbole) consiste à le transformer en tracé vectoriel éditable et modifiable par traction des points et à l'aide de la boîte de dialogue "Curves".
Pour cela il faut, une fois le texte sélectionné faire dans le menu Courbes -> Convertir en Courbes, et ensuite pour
qu'il soit éditable il faut dégrouper avec Disposer -> Dégrouper, il ne reste plus qu'à appliquer les transformations désirées.

Pour pouvoir vectoriser une police, il faut que Sketch ait reconnu le fichier police .pfb correspondant, pour cela on peut soit mettre ces fichiers dans le répertoire des polices de Sketch /usr/lib/sketch-0.6.5/Ressources/Fontmetrics (pour une installation en .rpm) ou modifier le fichier /usr/lib/sketch-0.6.5/Sketch/Base/config.py où il faut rajouter le chemin du répertoire où se trouve les fichiers .pfb dans la section "font_path".
 

Création
Puisque nous sommes dans la section création d'objets, allez donc faire un tour du côté des effets spéciaux, cela vous donnera une idée des grandes possibilités de création de Sketch...
 
 
S o m m a i r e
P a g e   s u i v a n t e