{"id":1828,"date":"2004-08-25T15:07:46","date_gmt":"2004-08-25T15:07:46","guid":{"rendered":"http:\/\/svay.com\/blog\/?p=1828"},"modified":"2004-08-25T15:07:46","modified_gmt":"2004-08-25T15:07:46","slug":"165-oblique-lines-for-dummies","status":"publish","type":"post","link":"https:\/\/svay.com\/blog\/165-oblique-lines-for-dummies\/","title":{"rendered":"Oblique lines for dummies"},"content":{"rendered":"

Ces derniers mois j’ai us\u00e9 et abus\u00e9 d’un effet graphique: les lignes obliques. J’aime bien cet effet car il est facile \u00e0 faire, discret, et ajoute une petite touche pixel-art.<\/p>\n

On me demande souvent comment je fais alors voil\u00e0 un petit tutoriel qui se fera sous Gimp afin que tout le monde puisse essayer.<\/p>\n

<\/p>\n

Le principe est simple (pour ne pas dire tout con), il suffit de d’utiliser un motif. Apr\u00e8s, c’est aussi simple que de remplir une surface au pot de peinture (c’est d’ailleurs la cas).<\/p>\n

Tout d’abord, nous allons cr\u00e9er le motif. Une image de 5×5 pixel avec fond transparent devrait suffir. De la taille de l’image d\u00e9pendera l’espacement des lignes.<\/p>\n

\"Cr\u00e9ation<\/p>\n

Ensuite, avec le crayon r\u00e9gl\u00e9 sur une pointe de 1px, il suffit de dessiner les cinq pixels qui constituent la diagonale de l’image. Personnellement je pr\u00e9f\u00e8re les lignes ascendantes (question d’optimisme peut \u00eatre) mais rien n’emp\u00eache de faire des lignes descendantes.<\/p>\n

\"Dessin<\/p>\n

Il ne reste plus qu’\u00e0 sauvegarder l’image en tant que motif (Pattern, *.pat) avec les autres motifs, c’est-\u00e0-dire dans le dossier de The Gimp (typiquement C:\\Program Files\\GIMP-2.0\\share\\gimp\\2.0\\patterns sous Windows) ou dans votre dossier personnel (typiquement C:\\Documents and Settings omUtilisateur\\.gimp-2.0\\patterns sous windows). Le rafra\u00eechissement de la liste de motifs devrait faire apparaitre le trait oblique tout juste cr\u00e9\u00e9.<\/p>\n

Maintenant il ne reste plus qu’\u00e0 l’utiliser. Pour cela, il suffit de prendre le pot de peinture, de choisir le motif et de le configurer pour «Remplir par motif». Ensuite libre \u00e0 vous de remplir dans un nouveau calque ou une s\u00e9lection et de jouer avec ces \u00e9l\u00e9ments.<\/p>\n

\"Utilisation<\/p>\n

On peut facilement obtenir quelque chose comme ceci:<\/p>\n

\"Oblique<\/p>\n","protected":false},"excerpt":{"rendered":"

Ces derniers mois j’ai us\u00e9 et abus\u00e9 d’un effet graphique: les lignes obliques. J’aime bien cet effet car il est facile \u00e0 faire, discret, et ajoute une petite touche pixel-art.<\/p>\n

On me demande souvent comment je fais alors voil\u00e0 un petit tutoriel qui se fera sous Gimp afin que tout le monde puisse essayer.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[20],"tags":[],"_links":{"self":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts\/1828"}],"collection":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/comments?post=1828"}],"version-history":[{"count":0,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts\/1828\/revisions"}],"wp:attachment":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/media?parent=1828"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/categories?post=1828"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/tags?post=1828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}