Un fond pour courriel personnalisé

Encore et toujours un petit tutoriel pour inkscape. Cette fois , ce sera pour créer une image de fond pour un email. Certains vont dire que c’est mieux en mode texte simple mais rien n’empêche de temps en temps de sortir le kikoolol qui est en nous. :)

En même temps, cet article montre l’importance de bien paramétrer son document. On commence par lancer inkscape ! Par défaut, le projet est au format A4.

Pour une image de fond d’un email , une taille de 1200 x 400 pixels devrait convenir largement.

Cette image devra être “répétée” verticalement pour couvrir tout le fond du message. Pour la taille de l’image a créer , tout dépend de votre dessin et de l’écran du destinataire. Si votre correspondant utilise un vieux coucou en 800 x 600 et que vous possédez un écran 24″ TFT, ca va pas le faire :p !

Bref allez dans le menu Fichier / Propriétés du document. Modifiez les paramètres de largeur / hauteur. Essayez 1200 x 400.

Pour ce tutoriel, la couleur du fond de page sera changée. Ce n’est pas obligatoire, car n’importe client de messagerie peut inclure un fond de page et une couleur de fond. A vous de voir :)

Ras le bol du blanc ! :p Mon choix s’est porté sur un bleu foncé pour faire ressortir mon texte. Pour changer la couleur de fond de page , cliquez sur “couleur de fond”. Ceci doit apparaître.

Choisissez votre couleur avec la roue , et déplacez le canal alpha a fond , soit 255.

Si on ferme la boite de propriétés du document , on peut constater que le fond de page a changé.

Le rectangle bleu clair est la page sur laquelle nous allons dessiner. Tout d’abord , dessinez un rectangle sombre sur la partie gauche de la page. Ne faites pas un rectangle large , comptez 300 a 400 pixels a partir du bord gauche du document. Le rectangle doit déborder.

Ensuite , appliquez un contour assez épais. Cliquez sur l’outil de remplissage et allez dans la section style du contour. Appliquez par exemple, un contour de 6 pixels avec une couleur blanche.

Toujours dans notre rectangle sombre, une petite étoile ….

Modifiez la taille des branches à votre convenance … Jouez avec les points réglages.

Appliquez un remplissage blanc à cette étoile.

Ensuite dupliquez cette étoile et appliquez un effet de flou sur cette copie. Dupliquez ensuite cette étoile pour créer un jolie ciel étoilé … Reste a faire une petite lune avec un cercle gris.

Tracez des formes avec l’outil crayon sur la lune.

Sélectionnez ensuite toutes ces formes en même temps (touche shift)

Et allez dans le menu Chemin / combiner. Dupliquez ensuite la lune.

Sélectionnez cette copie ainsi que les formes (cratères) et allez dans le menu Chemin / Intersection.

Appliquez un remplissage plus sombre pour faire apparaître ce nouvel objet. :)

Vous avez vu ma lune ? :) Dupliquez le cercle de base et appliquez lui un remplissage blanc ainsi qu’un flou.

Passez cet objet en arrière plan et le tour est joué. (touche page précédente)

Attention , pour finaliser correctement ce projet , rien ne doit superposer les limites du document. Regroupez les étoiles et la lune de façon à ce que rien de ne dépasse. J’ai placé deux guides sur le document pour mieux se rendre compte.

Notre fond est terminé. Reste à l’exporter dans un format utilisable dans n’importe quel logiciel, le PNG.

Allez dans le menu Fichier / Exporter.

Cliquez sur “page” pour ne garder que la zone du document à exporter. Cliquez ensuite sur “Parcourir” pour choisir un fichier de destination.

Il ne reste plus qu’a cliquer sur “exporter” pour transformer pour image vectoriel en image bitmap.

Mon client de messagerie favori est thunerbird. :)

Lancez thunderbird et créez un nouveau message. Allez dans le menu Format / Couleur et fond de page …

Cliquez sur “choisir un fichier” et sélectionnez l’image PNG créée précédemment.

Cliquez sur OK et votre message contient le fond créé !

Cliquez plusieurs fois sur l’icône entouée en rouge pour “pousser”

le texte vets la droite et ainsi éviter d’écrire sur le dessin.

On peut même rajouter d’autres créations avec inkscape ….

Le SVG

L’image PNG

Le “bonjour”

 

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *