Sugi’s blog

Bonjour à tous, vous vous souvenez peut être le petit tuto que j’avais fait afin de créer vous même un design de page Twitter? Non je m’en doutais, il n’avais pas fait fureur auprès de vous chère lecteurs et il y a probablement plusieurs raisons à ça. Vous n’avez pas envie d’installer The Gimp, ou pas envie de perdre du temps à faire ça ou encore les générateurs vous suffisent? Eh bien il ce trouve que, comme vous le savez, j’ai changer mon nom de domaine, l’ancien design affichais l’ancienne adresse, j’ai donc profiter de ça pour m’en faire un nouveau et par la même occasion de l’améliorer légèrement. A vous de voir ^^

Etape 1: le background

On fait exactement la même chose que dans l’étape 1 du premier tuto.

Etape 2: Le rectangle principal

Et voila la petite nouveauté, le rectangle possédera désormais des coins arrondis. Pour ce faire on créer un rectangle de taille 220 x 300 à 17 pixel du bord gauche et à 63 pixel du haut (ce qui alignera plus ou moins vôtre image au design de la page Twitter). Une fois le rectangle créer on va dans le menu sélection puis on clique sur “rectangle arrondi“, on choisis un rayon de 20 comme sur le screen suivant:

Ensuite on fait exactement la même chose que le tuto précédent:

• On choisis le noir pour la couleur de premier plan
• On clique sur l’outil de remplissage
• On clique dans nôtre rectangle pour le remplir de noir
• On réduit le rectangle en faisant Sélection > Réduire > 1px > valider
• Puis on répète les 3 premier points mais avec du blanc

Vous devez obtenir ceci:

Etape 3: vos infos

La première fois j’avais mis ma photo, mais puisqu’elle apparais déjà dans mon profil j’ai décider de l’enlever et de ne mettre que le logo de mon blog en plus gros. Donc on commence par ouvrir le logo en question grâce à la combinaison suivante: Fichier > Ouvrir > choisissez vôtre image > Valider. On copie le tout (Ctrl+A) et on colle (Ctrl+V) sur nôtre design twitter. Si l’image est trop grande comme c’est le cas ici:

On clique sur l’outil de redimensionnement entouré de rouge et noté 1 sur l’image précédente et on réduit l’image à la taille souhaité. Puis on clique sur l’outil de déplacement entouré de vert et noté 2 pour positionner l’image correctement. Si tout c’est bien passer on arrive à quelque chose comme ça:

Et maintenant, place au texte. Histoire de varié un peu on ne va pas tout écrire d’un coup et on va changer de couleur. On commence par écrire les intitulés “Mon blog” et “Pour me contacter” en cliquant sur l’outil texte entouré de rouge et noté 1 sur l’image suivante:

Compter 4 espaces entre les 2 intitulés pour intercaler le reste des informations. Choisissez une police d’écriture, une taille en fonction de la police ainsi que la couleur noir. Utilisez ensuite l’outil de déplacement vu précédemment pour placer vôtre texte correctement.

Puis on répète l’opération précédente  mais cette fois ci avec vos infos (adresse du blog et mail) et avec une couleur différente (dans mon cas le gris). Ce qui devrais donner un résultat final tel que celui ci:

Il ne vous reste plus qu’à enregistrer l’image (Fichier > Enregistrer sous > Choisissez un nom et une extension > Valider) et l’intégrer dans vôtre page Twitter (Settings > design > Change background image > Parcourir > sélectionner votre fichier > save changes).

Conclusion

Rien d’exceptionnel par rapport à la dernière fois, c’est juste moins carré, plus agréable à l’Å“il et plus utile. Les générateurs font également un beau boulot mais ils sont parfois lourd à utiliser et surtout ne vous donne pas le mérite d’avoir fait vôtre design tout seul et en plus sous Gimp :p

Vous pouvez voir le résultat en action sur mon profil Twitter, et comme d’ab si vous utilisez ce tuto, laissez moi un petit message avec l’adresse de vôtre profil que j’intégrerais au billet. Histoire de montrer les différentes possibilités et dérives du tuto ^^

Enfin, si vous avez des questions n’hésitez pas!

Sugi

Articles relatifs:

• Tuto Gimp: design de votre page Twitter (9)
• Sugi est sur Twitter! (4)
• J’arrête aussi les Digg Like… (16)
• Comment bien débuter avec Twitter? Première partie (7)
• Comment bien débuter avec Twitter? Deuxième partie (7)

Vous avez aimer cet article?
Abonnez-vous au flux RSS ou par mail afin de recevoir les news du blog chaque jours!

Tuto GIMP, twitter