Home Map Index Search News Archives Links About LF
[Top bar]
[Bottom bar]
[Photo de l'auteur]
by Yves Ceccone

About the author:

Photographe de formation, reconverti dans l'infographie,
n'a plus lâch� la souris depuis.


Content:

Sketch

[Illustration]

Abstract:

Sketch est un logiciel de dessin vectoriel, c'est � dire qu'il utilise pour repr�senter une forme, un cercle par exemple, une formule math�matique, alors qu'un logiciel comme Gimp, dit bitmap, utilisera des points (pixels). Les avantages du vectoriel par rapport au bitmap sont le poids des fichiers qui sera plus faible, et la possibilit� d'agrandissements important sans diff�rences de rendu (pixellisation) tels qu'on peut en avoir avec une image bitmap. On ne peut pas par contre r�aliser une photo en mode vectoriel, mais il est possible d'intégrer dans Sketch des images bitmap (eps, jpg, gif, tiff ...) et d'importer et d'ouvrir d'autre format (xfig, illustrator, corel ...). J'ai pu sans difficultés ouvrir et modifier des dessins r�aliser sur illustrator 6, sur Mac, et de l'illustrator 7, sur pc. Sketch sauvegarde �galement dans le format illustrator (.ai). Cet article passe en revue les principaux outils de Sketch, d�taille la r�alisation du dessin d'une disquette, et explique quelques effets "sp�ciaux" digne des mastodontes du dessin vectoriel.


 

Installation


Vous trouverez sur le site de Sketch les sources � compiler mais aussi le programme plus les librairies nécessaires en RPM (Je ne suis pas parvenu compiler le programme, et apparemment je ne suis pas le seul ;-)). La version utiliser dans cet article est la 0.6.2, avec une RedHat 6.0.


 

Outils principaux




  • Mode �dition d'un objet, pour le modifier

  • Mode s�lection (pour s�lectionner plusieurs objets, on les englobe tous, ou on clic successivement sur chacun avec "shift" enfonc�)






  • Pour revenir en arri�re sur une ou des actions (ou "ctrl+z")

  • Ou refaire le chemin inverse

  • Pour effacer un objet (ou suppr)






  • Dupliquer un objet

  • Sym�trie horizontale

  • Sym�trie verticale






  • Grouper ou d�grouper des objets






  • Placer un objet en haut

  • Placer un objet au-dessus

  • Placer un objet au-dessous

  • Placer un objet en bas






  • Outil loupe

  • Magn�tisme de la grille






  • Trac� rectangulaire : Avec la touche "shift" on d�termine le centre de l'objet, avec la touche "ctrl" on obtient un carr�, et avec "shif + ctrl", on trace un carr� en d�terminant le centre.

  • Trac� circulaire : M�me utilisation des touches "shift ctrl"

  • Trac� de courbe de B�ziers
  • Trac� rectiligne

  • Outil texte (pour faire suivre un chemin courbe � un texte, il faut un texte, un trac�, s�lectionner les deux et dans le menu : effect -> path text)
    Il est aussi possible avec Sketch de vectoriser une police, c'est � dire de transformer un texte en courbes de B�ziers
  • Outil d'importation d'image




    •  

    Palettes flottantes

    Ces palettes apparaissent soit par des raccourcis clavier ou des commandes dans le menu, la plupart dans "Windows"




    Remplir : Il est possible de remplir une forme avec un fond uni, un d�grad� (lin�aire ou circulaire) des hachures, un motif (fichier image), ou de ne rien y mettre.





    Contour : Pour choisir la couleur du contour, son �paisseur et la finition des angles et des extr�mit�s.





    Alignement : Permet d'aligner un ou des objets par rapport � d'autres (par les bords, les sommets, le centre), � la page, ou une s�lection.




    "D�grad� de forme" : Permet apr�s avoir s�lectionn� deux objets diff�rents par la forme et la couleur de cr�er un "d�grad�" allant de l'un � l'autre avec la possibilit� de choisir le nombre d'�tapes.





    Courbes de Beziers : Ajouter un point, en enlever, couper un tracer, modifier une tangente ...





    S�lecteur de police






    Grille : Permet de modifier la grille.
    Il est possible de magn�tiser cette grille.





    les calques : Les calques facilitent la cr�ation de dessins complexes, puisqu'on peut interdire l'�criture sur un calque, passer en mode trac�, changer un objet de calque, changer l'ordre des calques, ...
    Depuis cette palette on contrôle aussi la grille et les guides.





    Format de page





    Polygones r�guliers





    Style : Permet de cr�er un style (couleur, �paisseur ...) et de pouvoir l'appliquer � plusieurs objets sans avoir � refaire le parcours avec les diff�rents outils.




    S�lecteur de couleur



     

    Disquette




    L'aspect cr�nel� des contours, notamment les parties circulaires est dû � l'affichage �cran, cet effet diminue lorsque l'on zoom, et disparaît � l'impression. Vous pouvez t�l�charger la disquette au format sketch ici, si cela peut vous aider.

    Lorsqu'on ouvre Sketch, il cr�e un document vierge (en A4) par d�faut.
    Avec "F5" on ouvre la palette calque, et pour faire apparaître la grille il faut que l'oeil en face de "Grid" soit ouvert.
    Modifiez le pas de la grille :




    Le corps

    Magn�tisez la grille, puis tracez un carr� d'environ la largeur de la page (en maintenant "ctrl appuy�") avec l'outil trac� rectangulaire, en commen�ant par un point de la grille et en finissant par un autre.
    Apr�s avoir zoom� sur l'angle en haut � gauche, avec l'outil �dition cliquez sur le point dans l'angle et tirez vers l'int�rieur pour arrondir les 4 coins en m�me temps :



    Toujours dans le m�me angle mettez des rep�res � 5 unit�s des bords, un horizontal un vertical :



    Verrouillez ensuite le calque "Guide Lines" (avec le cadenas)
    Convertissez le trac� en courbes de B�ziers par le menu Curves -> Convert to Curve
    Ouvrez la palette Windows -> Curves Commands
    Avec l'outil �dition cliquez � une des intersections rep�re / trac�, un point doit apparaître. Cliquez maintenant dans la palette Curves Commande sur l'outil en haut � droite "Cut Curves".
    Idem pour l'autre intersection
    Ensuite Curves -> Split Béziers, qui va permettre de s�parer les deux parties, de s�lectionner (avec l'outil s�lection) la partie dans l'angle et de la supprimer.
    Il est possible de fermer le trac�, mais dans ce cas ce n'est pas utile.




    Avec l'outil "Insert Nodes" (au centre de la palette Curves) rajoutez 3 points sur le trac�s.




    Avec l'outil �dition il est possible de bouger ces points, et en vous aidant de la grille magn�tique pour les traits horizontaux et verticaux, vous pouvez facilement obtenir le trac� que vous d�sirez.




    ... Le contour de la disquette est maintenant termin� ... <

    Ouvrez les palettes "Fill style" et "Line style"
    Le contour de la disquette s�lectionn�e cliquez sur "None" dans la palette "Line style" pour supprimer toute �paisseur au contour.



    Dans "Fill style" cliquez dans la premi�re colonne sur le 3�m bouton (d�grad�) puis sur le 3�m type de d�grad� (circulaire), puis sur �dit gradient (on peut acc�der aussi au couleur du d�grad� par les 2 boutons sous les types de d�grad�s).
    Dans cette boite de dialogue on peut avec un clic droit soit modifier la couleur d'un point du d�grad� soit rajouter un point, et bien s�r modifier la position de ces points.
    Avec un d�grad� circulaire, on peut choisir de d�centrer le d�grad� avec la souris (voir la croix sur la capture d'�cran).
    Une fois que vous avez cr�� votre d�grad�, faite "Apply", bien sur la forme � laquelle vous voulez appliquer ce d�grad� doit �tre s�lectionn�e :



    On peut maintenant verrouiller le calque "Corps" et en cr�er un autre avec l'icône en bas � droite de "Layers"
    Ce calque sera destin� � la partie centrale de la disquette.
    Par d�faut un calque nouvellement cr�� se place au dessus des autres, on peut modifier le niveau d'un calque avec les flèches en bas de la palettes "Layers".


    L'axe



    Tracez un cercle au centre du corps (utilisez la boite "alignement" pour centrer) et remplissez le de noir.
    Dupliquez ce cercle et remplissez le de gris tr�s clair et passer le sous le premier en utilisant dans les icônes du menu l'outil "plac� au dessous".
    Pour donner un effet d'�clairage venant de la gauche, il faut faire d�passer ce cercle clair sur la droite en le d�formant un peu, en tirant sur les petits carr�s qui l'entourent lorsqu'il est s�lectionn�.




    Dupliquez � nouveau le cercle noir puis diminuez sa taille en utilisant la souris et avec la touche "ctrl" enfonc�e (pour ne pas le d�former).
    Remplissez le avec un d�grad� lin�aire allant d'un gris clair � un fonc�, dupliquez le et placez le dessous rempli de blanc, et d�cal�/d�form� sur la gauche.




    Pour les deux petites d�coupes utilisez des rectangles � coin arrondis (m�me m�thode que le corps), remplissez l'un de noir, l'autre d'un d�grad�, et ajoutez les reflets qui donne le volume.


    Partie coulissante
    On peut �ventuellement cr�er un nouveau calque pour cette partie ...



    La partie m�tallique coulissante est constitu�e par un rectangle � coins arrondis en bas seulement, obtenu en d�coupant le trac� en haut, comme on la vue plus haut avec l'outil "Cut curve" de la palette Curve.
    Pour obtenir un effet m�tallique remplissez l'objet avec un d�grad� circulaire gris clair/fonc� en d�calant le centre du d�grad� sur la gauche.




    Pour obtenir l'effet de d�coupe dans la pi�ce coulissante il faut utiliser le m�me gris que celui du corps pour remplir les rectangles sur cette pi�ce.
    Et bien s�r ajouter un "filet de lumi�re" en dupliquant ces �l�ments, en les pla�ant sous l'original apr�s les avoir rempli de gris clair / blanc.




    Faites une copie de la partie coulissante que vous d�formerez pour cr�er la partie "creuse" et son effet de lumi�re, puis la rainure avec un rectangle noir.




    Les autres �l�ments sont constitu�s de demi-cercles, de cercles d�form�s et de rectangles aux coins arrondis.
    Un demi cercle s'obtient facilement en s�lectionnant un cercle avec le mode �dition et en modifiant la position du seul point qui apparaît alors.


    Bas et le texte



    M�me m�thode pour les autres �l�ments, rectangles, cercles ...
    Pour le texte, cliquez avec l'outil texte l� o� vous voulez le placer, dans la palette texte choisissez la police, le corps, et la couleur. La forme qui entoure le texte est un rectangle � coins arrondis.
    Le texte vertical sur le cot� droit est fait en allant dans le menu edit -> create -> LCD text : Il faut entrer le texte le corps faire "Apply", on a toujours la possibilit� de modifier la taille, la couleur ..., et pour le faire pivoter � 90�, cliquez 2 fois sur l'objet, apparaissent alors des fl�ches qui permettent la rotation. On utilisera ici les fl�ches dans les angles, les autres servant � d�former un objet.



     

    Couchant




    Une contribution de Andr� Pascual. On voit bien la structure du dessin dans la palette calque.



     

    Effet de volume / Blend




    Cet effet est r�alis� avec l'outil blend (effect -> blend) que je traduirais par "d�grad� de forme" (ref � illustrator).
    Principe : on voit bien sur la vue de droite que le carr� se transforme en cercle par �tape et que sa couleur aussi est modifi�e suivant ces �tapes.



    Il faut donc s�lectionner deux objets, puis dans la boite de dialogue "blend" choisir le nombre d'�tapes pour le "m�lange". Plus le nombre d'�tape est grand et plus on aura un effet doux et model�. On peut ainsi r�alis� avec 200 �tapes un semblant de sph�re avec un grand cercle de couleur et un tr�s petit cercle blanc par dessus.
    Pour l'exemple ci-dessus j'ai utilis� 3 effets "blend" superpos�s (6 objets 2 par 2). Blend ne fonctionne qu'avec 2 objets, et un effet ne peut plus se combiner avec un autre ou un objet. Mais il est possible de le modifier en s�lectionnant certaines parties, pour en changer l'�chelle ou la couleur.



     

    Texte suivant un chemin




    Pour cet effet il suffit de s�lectionner un trac� et un texte et de faire dans le menu Effects -> create path text.
    Automatiquement le texte suivra le trac� quelque soit sa forme.



     

    Texte vectoris�




    Vectoriser un texte (ici un "y" dans la police symbol) consiste � le transformer en objet, donc en trac� vectoriel �ditable et modifiable par traction des points et � l'aide de la boite de dialogue "Curves".
    Pour cela il faut, une fois le texte s�lectionner faire dans le menu Curve -> Convert to Curves, et ensuite pour qu'il soit �ditable il faut d�grouper avec Arrange -> Ungroup.
    Cela peut �tre utile si on doit fournir un dessin � quelqu'un qui n'a pas la police utilis�e sur sa machine, on vectorise le texte, cette personne pourra ouvrir le dessin sans probl�mes.
    Pour pouvoir vectoriser une police, il faut que Sketch ait reconnu le fichier police .pfb correspondant, pour cela j'ai mis ces fichier dans le répertoire /usr/lib/sketch-0.6.2/Ressources/Fontmetrics.



     

    Importation / Masque




    Par le menu Edit -> Create -> Load image (ou la toute derni�re icône � droite dans le menu), on peut donc importer une image bitmap.
    Il est possible de redimentionner l'image.




    Par le menu File -> Insert Document, on peut ins�rer dans la composition un fichier Sketch, Corel, Svg, ... ou illustrator comme c'est le cas dans cet exemple.





    Ce "recadrage" a �t� cr�� par le menu Effects -> Create Mask Group apr�s avoir d�fini le cadre par un rectangle qui doit se trouver au premier plan, et avoir s�lectionner ce cadre ainsi que tous les �l�ments que l'on veut dans le cadre.



     

    A Suivre


    On compare souvent Gimp � photoshop (il tient facilement la comparaison), et je ne peux m'emp�cher de penser que Sketch fera comme Gimp mais dans le domaine du vectoriel, et qu'il fera jeux �gal avec Illustrator, Freehand, ou Corel Draw... � suivre.
    Webpages maintained by the LinuxFocus Editor team
    © Yves Ceccone
    LinuxFocus 1999

    1999-11-09, generated by lfparser version 0.7