Si tu suis un peu l’actualité de ces derniers temps tu auras certainement remarqué que la presse adore parler des notes aléatoires données par les trois principales agences de notations financières que compte la planète. Du coup il ne se passe pas une seule journée sans qu’un pays ou une banque ne perde un précieux « A », comme si le commun des mortels en avait quelque chose à carrer.
Pour combattre cette morosité je te propose donc aujourd’hui de certifier ton blog « AAA+ », en ajoutant simplement une superbe bannière en haut à gauche.
L’image originale a été créée sous GIMP, si tu veux la modifier tu peux télécharger le fichier XCF en enregistrant la cible de ce lien.
La procédure à suivre sera expliquée pour un blog tournant sous WordPress, mais un débutant en création web devrait s’en sortir sans problème pour transposer ce tutoriel à n’importe quel site.
Note bien que l’ajout de la bannière est une opération qui nécessite une certaine maitrise dans le transfert par FTP ainsi qu’une vague connaissance des fichiers qui régissent ton thème WordPress, pour le reste ça devrait jouer avec les indications fournies.
Tu auras surement remarqué les quelques vertical comics postés ces derniers jours, tu te seras alors peut-être demandé comment diable une telle prouesse technologique était possible. Sèche tes larmes, car dans quelques minutes tu sauras toi aussi comment faire. Je ne m’attarderai toutefois pas sur les plans photographiques rapprochés, mais sur la création des bulles de dialogue, avec GIMP bien entendu.
On fait simple pour commencer, tu ouvres ton image dans le GIMP.
Tu écris ensuite ton texte à l’endroit précis où il devra être situé définitivement, tiens bien compte du futur contour de la bulle.
Afin de ne pas pourrir l’image de fond nous allons dessiner la bulle sur un calque dédié, sur la fenêtre des calques tu cliques donc sur l’icône « Créer un nouveau calque » .
Tu le nommes comme bon te sembles, et tu valides.
N’oublie pas de bien sélectionner ce nouveau calque dans la liste, sinon tu risquerais de faire des dégâts sur ton image.
Être genevois implique le respect de nombreuses traditions, l’une d’entre-elles étant le pèlerinage régulier au chalet en Valais.
Âge de l’édifice oblige, il faut de temps en temps repeindre les façades boisées, et cela donne généralement lieu à de grandes discussions récurrentes sur la question de la recoloration éventuelle des volets. Car en Valais, la majorité des volets sont verts, aspect « nature sauvage avec Bambi qui fait dodo » oblige. On en croise parfois des bleus, des rouges, des bruns.
Histoire d’avoir un élément visuel de comparaison pour ton prochain débat familial, je vais aujourd’hui te présenter un tutoriel fait maison au nom équivoque, je l’ai en effet appelé « Recolore virtuellement les volets de ton chalet valaisan avec GIMP » .
Le sujet est quelque peu pointu, je l’admets, mais le résultat en vaut la peine.
De nombreuses modes sévissent sur Internet, notamment sur les imageboards. L’une d’entre-elles, le « stencil » , a pour principe d’imiter un pochoir en y ajoutant un texte qui reprend en général une citation célèbre du sujet.
Je vais donc aujourd’hui te montrer comment créer de magnifiques stencils avec GIMP. Il n’égaleront bien entendu jamais la qualité de vrais travaux d’artistes, mais il te permettront de faire rire facilement ton entourage. Pour commencer, tu ouvres bien évidemment l’image contenant ton sujet.
N’ayant à ce jour pas trouvé de plugin pour WordPress permettant l’ajout de vidéos sur mon blog selon mes besoins précis, je me suis lancé dans le codage d’un petit hack qui a finalement répondu à mes attentes. Pour suivre cette manipulation il suffit d’avoir une légère maitrise de PHP, du XHTML ainsi que savoir se servir d’un client FTP.
Je n’utilise pas d’espace de stockage public tels que Youtube ou Dailymotion pour mes vidéos, tout est enregistré sur mon serveur web. J’utilise depuis longtemps le lecteur vidéo JW Player de chez Longtail, il peut être téléchargé gratuitement pour une utilisation non commerciale. Il est écrit en Flash et reconnait la plupart des formats du web (flv, mp4, etc.).
Intégrer une vidéo dans un billet en utilisant ce lecteur est une sinécure, le code HTML est énorme et rébarbatif, d’où l’idée d’utiliser les shortcodes de WordPress pour simplifier à l’extrême. Au final, l’insertion d’une vidéo dans un article se résume ainsi en une simple ligne écrite directement dans le texte du billet.
Ce shortcode « flv » permet au moyen des attributs de spécifier la vidéo, l’image facultative qui sera utilisée en attendant la lecture, la largeur et la hauteur. Il est important de noter que toutes les vidéos et toutes les images d’attente sont stockées dans un répertoire particulier et envoyées sur le serveur au moyen d’un client FTP, donc pas de belle interface dans le tableau de bord, tout est fait à la main. Dans l’exemple qui suit, le répertoire contenant ces fichiers est le répertoire « /bin ».
J’ai pu constater au fil des mois, voire des années, que peu de mes visiteurs possèdent leur propre avatar. Je ne te parle pas des géants bleus qui vivent sur Pandora, mais de ces petites vignettes qui agrémentent chaque commentaire, permettant ainsi d’identifier rapidement son auteur.
Le système d’avatars centralisés le plus répandu se nomme Gravatar, et je vais aujourd’hui t’apprendre à créer le tien. Ainsi, par la suite, chaque fois que tu laisseras un commentaire sur un blog supportant le système de Gravatar, l’image de ton choix accompagnera ton message. Le principe est relativement simple, tu vas devoir créer un compte sur le site de Gravatar en indiquant notamment ton adresse email, cette dernière sera ensuite en quelque sorte liée à une image personnelle.
Il ne se passe pas vingt-quatre heures sans entendre parler de Twitter, outil de communication rapide devenu standard dans de nombreux secteurs d’activités tels que le show business, la politique, et bien d’autres.
Pour faire court, Twitter est le moyen le plus simple et le plus répandu pour partager tout ce qui te passe par la tête, avec une limite de 140 caractères pour chaque message. Chacun de ces messages est appelé un « tweet » , en français on utiliserait le mot « gazouilli » . Pour utiliser cet outil c’est très simple, tu vas sur twitter.com et tu te crées un compte personnel, c’est gratuit et rapide.
Une fois que tu es dans la place il y a deux notions fondamentales à retenir : les « Following » et les « Followers » , en d’autres termes, les gens dont tu vois les messages, et ceux qui voient les tiens. Certaines stars de la musique comme Britney Spears comptent des millions de « followers » , des gens banals comme moi à peine quelques dizaines. Certains médias publient également des résumés via Twitter, c’est le cas de la Télévision Suisse Romande, la Tribune de Genève, CNN, et cætera. Tout ce beau monde se mélange, utile ou futile.
Il existe de nombreux moyens pour visualiser les tweets d’autres personnes et poster les siens. La solution courante est de passer directement par le site web twitter.com.
Si tu as l’immense honneur d’avoir Firefox tu peux également utiliser l’addon Echofon, anciennement appelé « Twitterfox » . Il se loge en bas à droite de ton navigateur et va régulièrement chercher les nouveaux tweets.
Pratiquement chaque téléphone mobile moderne possède un programme permettant d’accèder au réseau Twitter, une des applications phare pour Android se nomme Twidroid, elle est disponible gratuitement via l’Android Market.
Il en existe également de nombreuses pour l’iPhone, le problème de cet appareil étant que lesdites applications ne tournent pas en tâche de fond, on ne peut donc pas être prévenu automatiquement lors de nouveaux tweets comme c’est le cas avec Twidroid.
Place à quelques astuces. Les tweets peuvent contenir des caractères ou codes spéciaux qui feront qu’ils seront interprétés de manière différente par ton lecteur préféré (Echofon, Twidroid, etc.).
Les utilisateurs
Les comptes twitter sont précédés par le célèbre signe arobase, le même « @ » utilisé dans les adresses de courriel. Par exemple, mon compte twitter s’appelle @memepasmal.
Les mentions et réponses
Comme indiqué ci-dessus, si tu parles d’un membre de Twitter alors tu précèdes toujours son nom par le fameux arobase. Par exemple : « Je trouve le blog de @memepasmal vraiment excellent! » . La personne concernée verra qu’elle est mentionnée dans un tweet, ce genre de technique s’appelle d’ailleurs une « mention » . Si le message commence directement par le nom d’un membre, alors ce tweet peut être considéré par certains logiciels comme un message direct, un genre de SMS visible publiquement. Par exemple : « @memepasmal Merci pour ton billet sur la reproduction des poulpes norvégiens! » . On appelle alors bêtement ce genre de message une « réponse » , ou un « message direct » .
Le retweet
Autre technique très employée, le « retweet » symbolisé par le code « RT » . Tu vas prendre le message d’une personne que tu suis (following) et le re-transmettre aux personnes qui te suivent (followers). C’est le principe du bouches à oreilles, tu entends quelque chose qui te plait, et tu le répètes à tout le monde. Par exemple : « RT @grosgeek J’ai installé Windows 95 sur mon Game Boy » . Tu peux également placer un petit commentaire avant ton retweet, par exemple : « Mon pote a une annonce, RT @grossebaleine Je vend mon fusil, utilisé une seule fois dans les chiottes. » . Par politesse on ne modifie pas un message que l’on retweet, bien que ce soit possible.
Les hashtags
Dernier gros point, les hashtags. Ce sont des mots-clés que tu peux créer ou utiliser dans tes messages, toute personne cliquant sur un hashtag pourra voir tous les messages le contenant, même ceux d’autres personnes non-suivies. Un hashtag commence toujours par le caractère dièse et devrait être utilisé avec parcimonie, par exemple : « Je suis un grand fan des #hummer et du #tricot » .
Les trending topics
Les hashtags ou mots les plus cités dans tous les tweets du monde sont appelés « trending topics » , le top dix est affiché et mis à jour en permanence sur la page principale de twitter.com. Le grand jeu étant bien évidemment de voir un de ses propres « trending topics » affiché dans la liste, mais il faut pour cela avoir un sacré réseau de followers.
Les liens
Dernier point, les liens. Twitter étant limité à 140 caractères, cela peut poser problème lorsque l’on veut poster un lien « http » , ces derniers étant souvent longs. Il existe des services de « url shortening » qui convertissent les longs et illisibles chemins en quelque chose de plus court. Ils sont gratuits et intégrés de manière invisible dans la très grande majorité des outils de tweeting, ce qui signifie que tu peux coller tes longues adresses web dans tes messages, et ils seront automatiquement raccourcis. Par exemple, « http://www.memepasmal.ch/index.php/2009/10/09/grande-puissante-violette-et-toufue » deviendra « http://bit.ly/PJPHR« , tu peux cliquer si tu veux.
Puisse ce petit tutoriel t’aider à mieux comprendre la Bête, surtout n’oublie pas le guide.
Ajouter une bordure à un texte peut être simple dans une grande partie des logiciels de traitement de texte ou de retouches d’images. Dans GIMP, il faut un peu plonger les mains dans le cambouis.
Il faut en effet créer une copie de la forme du texte, l’agrandir et la remplir de la couleur désirée.
Démonstration. Imaginons un texte pris au hasard.
Nous allons tout d’abord créer un chemin depuis ce texte, c’est à dire mémoriser sa forme. Pour cela tu sélectionnes ton texte et tu cliques sur « Créer un chemin depuis le texte » .
Rien de visible ne se passe quand tu cliques là-dessus, c’est normal. Ensuite tu ajoutes un nouveau calque, tu le nommes comme bon te semble, il contiendra notre bordure.
Tu le déplaces en dessous de ton texte, vérifie qu’il soit bien sélectionné.
Menu « Sélection » puis « Depuis le chemin » .
Ton texte va paraitre sélectionné, il n’en est rien. En fait, la sélection que tu vois se trouve sur ton nouveau calque, nous allons l’agrandir pour ensuite la remplir. Menu « Sélection » puis « Agrandir » .
Tu indiques le nombre de pixels pour ta bordure, puis tu valides.
Sur la boite à outils, tu choisis « Remplissage » , c’est l’icône avec un bidon de peinture qui verse. La couleur de premier plan sera utilisée pour le remplissage, tu peux donc la modifier.
Ensuite tu cliques n’importe où dans la sélection, et pouf, magie.
Il existe probablement une méthode plus simple, mais c’est moins drôle.
Suite à une forte demande (une personne en tout cas), voici l’incroyable tutoriel qui va t’apprendre à ajouter un effet de sabre laser sur tes photos de vacances. Cette technique a été fortement inspirée par quelques unes disponibles sur tutorialized.com.
Pour commencer, il te faut la photo d’un gars qui se la pète avec quelque chose de long et dur dans la main. Ça fonctionne aussi avec une femme.
Je sais à quoi tu pensais, pervers.
Si tu es pointilleux tu remarqueras que j’ai préalablement gommé numériquement les deux quillons de la garde.
Ajoute un calque vide, on va travailler dessus, on ne touche pas à l’image originale.
Nomme ton calque de manière intelligente, et fait en sorte qu’il soit de fond noir.
Tu devrais avoir quelque chose comme ça, sélectionne le calque noir, on ne touchera jamais au calque de l’image originale.
Change le mode d’affichage du calque pour « Ecran » , il va devenir transparent.
Sélectionne l’outil « Sélection à main levée » dans la boite à outils.
Puis trace le contour de ton futur sabre laser, tu peux le faire plus large que sur l’image originale.
Ensuite tu sélectionnes « Remplissage » dans la boite à outils, et tu fais bien attention que le blanc soit défini comme couleur d’avant plan.
Tu cliques n’importe où dans ta zone sélectionnée, ce qui va nous faire une belle arme entièrement blanche.
Tu annules la sélection en allant dans le menu « Sélection » puis « Aucune » .
Dans la liste des calques, tu vas cliquer deux fois sur le bouton de duplication. Au final tu devrais avoir trois calques identiques, tous noirs avec une forme de sabre blanc vaguement visible.
Tu sélectionnes le calque tout en haut puis tu vas dans le menu « Filtres » , « Flou » , « Flou gaussien » .
Tu choisis une valeur de 5, et tu valides.
Tu fais la même chose pour le calque du dessous mais avec la valeur 20, et encore une fois pour le troisième calque noir avec la valeur 40.
Nous allons maintenant fusionner ces trois effets de flous, de sorte à obtenir un sabre laser avec une aura. Tu sélectionnes donc ton premier calque, tu fais un clic droit dessus et tu choisis « Fusionner vers le bas » .
Change ensuite le mode d’affichage de ce nouveau calque en « Ecran » . Maintenant, tu refais exactement la même opération une deuxième fois, c’est à dire « Fusionner vers le bas » puis passage en mode « Ecran » une fois terminé.
Tu devrais à présent n’avoir plus que deux calques, celui du sabre avec un joli effet, ainsi que l’image originale que nous n’avons pas touchée. Les deux calques étant superposés du devrais voir ton sujet qui tient fièrement en main un sabre blanc partiellement éthéré. Colorons tout ça!
Tu sélectionnes donc le premier calque (celui du sabre), puis tu vas dans le menu « Couleurs » , « Balance des couleurs » .
Lorsque l’œil humain fixe un objet, celui-ci est généralement net. Si l’entourage est flou et que la cible est loin alors notre vision sera trompée et croira que ce que nous regardons est petit.
C’est là un des principes du Tilt-Shift, une technique photographique donnant un aspect de maquette aux photos.
Via ferrata de la Clusaz, 2008
Villette, Paris, 2008
Pour bien réussir de telles photos il est nécessaire de s’équiper d’un objectif Tilt-Shift, le problème étant qu’un tel équipement coûte au minimum un bon millier d’euros.
Heureusement, si tu n’as comme moi ni l’argent ni l’âme d’un puriste il existe quelques techniques pour créer de fausses images Tilt-Shift au moyen de ton éditeur graphique favori, l’effet sera toutefois bien entendu de bien moindre qualité qu’avec un objectif dédié. Dans cet exemple, c’est le célèbre (et surtout gratuit) GIMP qui sera utilisé. Nous allons en fait rendre flou toute l’image, à l’exception de la zone que nous voulons modéliser.
Quelques règles de bases sont à respecter pour obtenir un meilleur effet. Il faut par exemple si possible prendre les photos du dessus, et de loin, avec une netteté complète. Mieux vaut avoir un sujet sur la photo, les paysages vides donnent d’assez mauvais résultats. Tu peux également donner auparavant un bon coup de contraste à ton image, cela renforce l’effet de peinture flashy propre aux maquettes.
Mais lançons-nous.
Pour commencer, tu ouvres ton image dans le GIMP.
Ensuite tu dupliques le calque de ton image.
Tu devrais avoir deux calques dans ta liste, l’original et la copie. Tu sélectionnes la copie et tu vas dans « Filtres » , « Flou » puis « Flou gaussien » .
Tu règles ensuite la valeur du flou gaussien jusqu’à ce que l’image soit bien floutée, il ne faut pas que ça soit trop, ni trop peu. Ça demande quand même un peu de savoir faire tu vois.
Une fois que ton calque copié est flouté, tu cliques dessus avec le bouton droit et tu choisis « Ajouter un masque de calque » .
Tu laisses le blanc en opacité complète et tu valides.
À ce niveau là, tu as deux calques dont un flou. Le calque du dessus possède un masque, c’est à dire que selon si tu peins en noir ou en blanc dessus, il deviendra plus ou moins transparent, laissant apparaitre le calque du dessous qui est l’image nette.
C’est maintenant qu’intervient le travail de l’artiste qui est en toi, sélectionne le pinceau dans les outils, et choisis « Circle Fuzzy » dans la brosse.
Et maintenant, tu peins en noir ou en blanc, pour ajouter ou supprimer de la netteté à l’image. Pense bien à la profondeur, essaie de rendre net tout ce qui est censé être au même niveau que ton sujet central (ici, le bateau). Tu peux modifier à tout moment la taille de ton pinceau, par exemple pour fignoler les détails entre les zones nettes et les zones floues.
Κέρκυρα (Corfou), Grèce, 2008
Ensuite, c’est de la pratique. Ou alors l’achat onéreux d’un bon objectif Tilt-Shift.
Lire la suite
Imprimer
