<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Même pas mal! &#187; tutoriel</title>
	<atom:link href="http://www.memepasmal.ch/tag/tutoriel/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.memepasmal.ch</link>
	<description>La vie à Genève et aux alentours</description>
	<lastBuildDate>Tue, 31 Aug 2010 13:14:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Le dilemme des volets</title>
		<link>http://www.memepasmal.ch/2010/08/10/volets/</link>
		<comments>http://www.memepasmal.ch/2010/08/10/volets/#comments</comments>
		<pubDate>Tue, 10 Aug 2010 14:33:56 +0000</pubDate>
		<dc:creator>gael</dc:creator>
				<category><![CDATA[Foutoir technologique]]></category>
		<category><![CDATA[chalet]]></category>
		<category><![CDATA[gimp]]></category>
		<category><![CDATA[tutoriel]]></category>

		<guid isPermaLink="false">http://www.memepasmal.ch/?p=1230</guid>
		<description><![CDATA[Être genevois implique le respect de nombreuses traditions, l&#8217;une d&#8217;entre-elles étant le pèlerinage régulier au chalet en Valais. Âge de l&#8217;é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 [...]]]></description>
			<content:encoded><![CDATA[Être genevois implique le respect de nombreuses traditions, l&#8217;une d&#8217;entre-elles étant le pèlerinage régulier au chalet en Valais.<br />
<br />
Âge de l&#8217;é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 &laquo;&nbsp;<em>nature sauvage avec Bambi qui fait dodo</em>&nbsp;&raquo; oblige. On en croise parfois des bleus, des rouges, des bruns.<br />
<br />
Histoire d&#8217;avoir un élément visuel de comparaison pour ton prochain débat familial, je vais aujourd&#8217;hui te présenter un tutoriel fait maison au nom équivoque, je l&#8217;ai en effet appelé &laquo;&nbsp;<em><strong>Recolore virtuellement les volets de ton chalet valaisan avec GIMP</strong></em>&nbsp;&raquo; .<br />
<br />
Le sujet est quelque peu pointu, je l&#8217;admets, mais le résultat en vaut la peine.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/08/gimp_volets_compa.jpg" alt="" title="gimp_volets_compa" width="600" height="493" class="aligncenter size-full wp-image-1237" /><br />
<br />
Pour commencer, tu ouvres une photo de ton chalet dans GIMP. Dans la liste des calques tu vas cliquer sur l&#8217;icône de duplication (flèche rouge), renomme ensuite ton calque du haut en &laquo;&nbsp;Masque&nbsp;&raquo; puis celui du bas en &laquo;&nbsp;Fond&nbsp;&raquo; .<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/08/gimp_volets_01.jpg" alt="" title="gimp_volets_01" width="243" height="474" class="aligncenter size-full wp-image-1231" /><br />
<br />
Dans ce tutoriel nous allons jouer avec la transparence, malheureusement par défaut les calques ne la supportent pas, les noms des calques sont d&#8217;ailleurs en gras pour le signaler. Nous allons donc devoir ajouter un canal alpha sur le calque du haut afin que celui-ci gère la transparence. Pour ce faire tu fais un clic droit sur le calque du haut (celui appelé &laquo;&nbsp;Masque&nbsp;&raquo; ) puis tu choisis l&#8217;option &laquo;&nbsp;<em>Ajouter un canal alpha</em>&nbsp;&raquo; . Le nom du calque ne devrait alors plus être en gras.<br />
<br />
Tu vas maintenance décocher l&#8217;icône en forme d&#8217;œil qui se situe juste à gauche du calque &laquo;&nbsp;Masque&nbsp;&raquo; pour le rendre invisible, puis tu sélectionnes ensuite le calque &laquo;&nbsp;Fond&nbsp;&raquo; .<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/08/gimp_volets_02.jpg" alt="" title="gimp_volets_02" width="238" height="381" class="aligncenter size-full wp-image-1232" /><br />
<br />
Sur la fenêtre qui contient l&#8217;image, tu vas dans le menu &laquo;&nbsp;<em>Couleurs</em>&nbsp;&raquo; puis &laquo;&nbsp;<em>Colorier</em>&nbsp;&raquo; . Là tu t&#8217;amuses avec les potentiomètres pour obtenir la couleur désirée. Ne focalise ton attention que sur les volets, si le reste se colore bizarrement on s&#8217;en fout.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/08/gimp_volets_03.jpg" alt="" title="gimp_volets_03" width="564" height="685" class="aligncenter size-full wp-image-1233" /><br />
<br />
Tu resélectionnes à présent le calque &laquo;&nbsp;Masque&nbsp;&raquo; et tu le rends visible.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/08/gimp_volets_04.jpg" alt="" title="gimp_volets_04" width="238" height="381" class="aligncenter size-full wp-image-1234" /><br />
<br />
Dans la boîte à outils, tu choisis l&#8217;outil gomme (flèche rouge).<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/08/gimp_volets_05.jpg" alt="" title="gimp_volets_05" width="274" height="401" class="aligncenter size-full wp-image-1235" /><br />
<br />
Tu gommes ensuite minutieusement les volets de ton calque &laquo;&nbsp;Masque&nbsp;&raquo; . Le calque &laquo;&nbsp;Fond&nbsp;&raquo; coloré du dessous devrait alors apparaitre peu à peu. Le volet tout à droite n&#8217;est ici pas terminé, c&#8217;est pour te montrer la progression.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/08/gimp_volets_06.jpg" alt="" title="gimp_volets_06" width="549" height="549" class="aligncenter size-full wp-image-1236" /><br />
<br />
Tu peux à tout moment modifier la couleur du calque &laquo;&nbsp;Fond&nbsp;&raquo; si le résultat ne te convient pas, les volets roses sont du plus bel effet sur un chalet largement centenaire.]]></content:encoded>
			<wfw:commentRss>http://www.memepasmal.ch/2010/08/10/volets/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Stencil</title>
		<link>http://www.memepasmal.ch/2010/05/06/stencil/</link>
		<comments>http://www.memepasmal.ch/2010/05/06/stencil/#comments</comments>
		<pubDate>Thu, 06 May 2010 06:32:51 +0000</pubDate>
		<dc:creator>gael</dc:creator>
				<category><![CDATA[Foutoir technologique]]></category>
		<category><![CDATA[gimp]]></category>
		<category><![CDATA[stencil]]></category>
		<category><![CDATA[tutoriel]]></category>

		<guid isPermaLink="false">http://www.memepasmal.ch/?p=1069</guid>
		<description><![CDATA[De nombreuses modes sévissent sur Internet, notamment sur les imageboards. L&#8217;une d&#8217;entre-elles, le &#171;&#160;stencil&#160;&#187; , a pour principe d&#8217;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&#8217;hui te montrer comment créer de magnifiques stencils avec GIMP. Il n&#8217;égaleront bien entendu jamais la qualité [...]]]></description>
			<content:encoded><![CDATA[De nombreuses modes sévissent sur Internet, notamment sur les <a href="http://fr.wikipedia.org/wiki/Imageboard">imageboards</a>. L&#8217;une d&#8217;entre-elles, le &laquo;&nbsp;<em>stencil</em>&nbsp;&raquo; , a pour principe d&#8217;imiter un pochoir en y ajoutant un texte qui reprend en général une citation célèbre du sujet.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/04/house_stencil.jpg" alt="" title="house_stencil" width="229" height="372" class="aligncenter size-full wp-image-1075" /><br />
<br />
Je vais donc aujourd&#8217;hui te montrer comment créer de magnifiques stencils avec GIMP. Il n&#8217;égaleront bien entendu jamais la qualité de vrais travaux d&#8217;artistes, mais il te permettront de faire rire facilement ton entourage. Pour commencer, tu ouvres bien évidemment l&#8217;image contenant ton sujet.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/04/gimp_stencil_01.jpg" alt="" title="gimp_stencil_01" width="393" height="500" class="aligncenter size-full wp-image-1070" /><br />
<br />
Afin d&#8217;obtenir un meilleur effet il va falloir augmenter le contraste, pour cela tu vas devoir jouer avec les potentiomètres pour obtenir un bon relief de peau, sans toutefois tomber dans la surexposition de la photo. Pour cela tu vas dans le menu &laquo;&nbsp;<em>Couleurs</em>&nbsp;&raquo; puis &laquo;&nbsp;<em>Luminosité &#8211; Contraste</em>&nbsp;&raquo; .<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/04/gimp_stencil_02.jpg" alt="" title="gimp_stencil_02" width="452" height="500" class="aligncenter size-full wp-image-1071" /><br />
<br />
Il suffit ensuite d&#8217;appliquer un filtre donnant un effet de photocopie, cela se passe dans le menu &laquo;&nbsp;<em>Filtres</em>&nbsp;&raquo; , &laquo;&nbsp;<em>Artistique</em>&nbsp;&raquo; puis &laquo;&nbsp;<em>Photocopie</em>&nbsp;&raquo; . Grossièrement, tu pousses tous les réglages à fond.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/04/gimp_stencil_03.jpg" alt="" title="gimp_stencil_03" width="336" height="450" class="aligncenter size-full wp-image-1072" /><br />
<br />
Ton image devrait maintenant avoir le rendu final. Afin de suivre la règle imposée tu vas maintenant gommer tout ce qui ne fait pas partie de la tête de ton sujet, c&#8217;est à dire le corps ainsi que les traces qui pourraient rester sur le fond blanc de l&#8217;image.<br />
<br />
Tu sélectionnes l&#8217;outil pinceau, la couleur blanche et la brosse la plus grossière. T&#8217;en a pour trente secondes normalement, pas besoin de finesse.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/04/gimp_stencil_04.jpg" alt="" title="gimp_stencil_04" width="334" height="500" class="aligncenter size-full wp-image-1073" /><br />
<br />
Puis tu rajoutes ensuite ton texte en dessous, avec une police qui donne un effet de pochoir. La règle veut que l&#8217;on reprenne une phrase clé prononcée par le sujet, dans notre cas il s&#8217;agit d&#8217;une citation du caporal Guisan reprise par notre vénéré chef de l&#8217;armée lors de son dernier discours.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/04/ueli_soldat.jpg" alt="" title="ueli_soldat" width="389" height="500" class="aligncenter size-full wp-image-1074" /><br />
<br />
Et voilà!<br />
<br />
Tu peux même simuler un graffiti en appliquant ton image sur une texture de mur.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/04/ueli_soldat_2.jpg" alt="" title="ueli_soldat_2" width="612" height="612" class="aligncenter size-full wp-image-1076" /><br />
<br />
Cette dernière étape est relativement simple. Tu trouves une texture <em>via</em> un moteur de recherche, tu l&#8217;ouvres dans GIMP, tu ouvres ton stencil en tant que calque et tu appliques le mode &laquo;&nbsp;<em>Multiplier</em>&nbsp;&raquo; à ce calque.<br />
<br />
<div class="light">(Source du texte : <a href="http://www.memepasmal.ch/wp-content/uploads/2010/04/discours_ueli_20100412.png">Discours du 12.04.2010</a>)</div>]]></content:encoded>
			<wfw:commentRss>http://www.memepasmal.ch/2010/05/06/stencil/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Des vidéos sous WordPress</title>
		<link>http://www.memepasmal.ch/2010/05/01/des-videos-sous-wordpress/</link>
		<comments>http://www.memepasmal.ch/2010/05/01/des-videos-sous-wordpress/#comments</comments>
		<pubDate>Sat, 01 May 2010 08:47:22 +0000</pubDate>
		<dc:creator>gael</dc:creator>
				<category><![CDATA[Foutoir technologique]]></category>
		<category><![CDATA[hack]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[shortcode]]></category>
		<category><![CDATA[tutoriel]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.memepasmal.ch/?p=1082</guid>
		<description><![CDATA[N&#8217;ayant à ce jour pas trouvé de plugin pour WordPress permettant l&#8217;ajout de vidéos sur mon blog selon mes besoins précis, je me suis lancé dans le codage d&#8217;un petit hack qui a finalement répondu à mes attentes. Pour suivre cette manipulation il suffit d&#8217;avoir une légère maitrise de PHP, du XHTML ainsi que savoir [...]]]></description>
			<content:encoded><![CDATA[N&#8217;ayant à ce jour pas trouvé de <em>plugin</em> pour WordPress permettant l&#8217;ajout de vidéos sur mon <em>blog</em> selon mes besoins précis, je me suis lancé dans le codage d&#8217;un petit <em>hack</em> qui a finalement répondu à mes attentes. Pour suivre cette manipulation il suffit d&#8217;avoir une légère maitrise de PHP, du XHTML ainsi que savoir se servir d&#8217;un client FTP.<br />
<br />
Je n&#8217;utilise pas d&#8217;espace de stockage public tels que <a href="http://www.youtube.com/">Youtube</a> ou <a href="http://www.dailymotion.com/fr">Dailymotion</a> pour mes vidéos, tout est enregistré sur mon serveur web. J&#8217;utilise depuis longtemps le lecteur vidéo JW Player de chez <a href="http://www.longtailvideo.com/">Longtail</a>, 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.).<br />
<br />
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&#8217;où l&#8217;idée d&#8217;utiliser les <em>shortcodes</em> de WordPress pour simplifier à l&#8217;extrême. Au final, l&#8217;insertion d&#8217;une vidéo dans un article se résume ainsi en une simple ligne écrite directement dans le texte du billet.<br />
<br />
<div class="codecolorer-container text geshi" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">[flv file=&quot;mavideo.flv&quot; image=&quot;image.jpg&quot; width=&quot;300&quot; height=&quot;200&quot;]</div></td></tr></tbody></table></div><br />
<br />
Ce <em>shortcode</em> &laquo;&nbsp;<em>flv</em>&nbsp;&raquo; permet au moyen des attributs de spécifier la vidéo, l&#8217;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&#8217;attente sont stockées dans un répertoire particulier et envoyées sur le serveur au moyen d&#8217;un client FTP, donc pas de belle interface dans le tableau de bord, tout est fait à la main. Dans l&#8217;exemple qui suit, le répertoire contenant ces fichiers est le répertoire &laquo;&nbsp;</em>/bin</em>&nbsp;&raquo; .<br />
<br />
La première étape consiste à récupérer le lecteur vidéo JW Player depuis <a href="http://www.longtailvideo.com/players/jw-flv-player">le site de l&#8217;éditeur</a>. Attention à bien décocher la case &laquo;&nbsp;<em>Include Viral, a video sharing plugin</em>&nbsp;&raquo; avant de cliquer sur &laquo;&nbsp;<em>Download</em>&nbsp;&raquo; , sinon tu vas te retrouver avec un lecteur contenant le <em>plugin</em> &laquo;&nbsp;<em>Viral</em>&nbsp;&raquo; qui est extrêmement lourd, il t&#8217;affichera une page très soulante après chaque lecture.<br />
<br />
Une fois le téléchargement de l&#8217;archive terminé, tu la décompresses où bon te semble. Tu n&#8217;auras besoin que de deux fichiers, &laquo;&nbsp;<em>swfobject.js</em>&nbsp;&raquo; et &laquo;&nbsp;<em>player.swf</em>&nbsp;&raquo; , tu les envoies dans la racine de ton site web <em>via</em> ton client FTP favori. Si tu as le fichier &laquo;&nbsp;<em>player-viral.swf</em>&nbsp;&raquo; à la place c&#8217;est que tu as téléchargé le lecteur contenant le  <em>plugin</em> &laquo;&nbsp;<em>Viral</em>&nbsp;&raquo; , tu viendras pas te plaindre.<br />
<br />
La seconde étape est la mise en place du <em>hack</em>. Tu vas aller ouvrir le fichier &laquo;&nbsp;<em>functions.php</em>&nbsp;&raquo; qui se trouve dans le répertoire de ton thème WordPress. Normalement le chemin est &laquo;&nbsp;<em>/wp-content/themes/ton_theme</em>&nbsp;&raquo; . Tu y ajoute le code suivant, bien entendu entre les balises PHP.<br />
<br />
<div class="codecolorer-container php geshi" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;height:200px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br />14<br />15<br />16<br />17<br />18<br />19<br />20<br />21<br />22<br />23<br />24<br />25<br />26<br />27<br />28<br />29<br />30<br />31<br />32<br />33<br />34<br />35<br />36<br />37<br />38<br /></div></td><td><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #666666; font-style: italic;">// Shortcode FLV function</span><br />
<span style="color: #666666; font-style: italic;">// Author : http://www.memepasmal.ch</span><br />
<span style="color: #000000; font-weight: bold;">function</span> flv_func<span style="color: #009900;">&#40;</span><span style="color: #000088;">$atts</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
<br />
&nbsp; &nbsp; <span style="color: #666666; font-style: italic;">// Répertoire des vidéos, change-le si tu veux</span><br />
&nbsp; &nbsp; <span style="color: #000088;">$repmedia</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;/bin/&quot;</span><span style="color: #339933;">;</span><br />
<br />
&nbsp; &nbsp; <span style="color: #666666; font-style: italic;">// L'ID du DIV doit être unique</span><br />
&nbsp; &nbsp; <span style="color: #000088;">$div</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;media&quot;</span> <span style="color: #339933;">.</span> <span style="color: #990000;">rand</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">999999</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<br />
&nbsp; &nbsp; <span style="color: #666666; font-style: italic;">// Extraction des attributs</span><br />
&nbsp; &nbsp; <span style="color: #990000;">extract</span><span style="color: #009900;">&#40;</span>shortcode_atts<span style="color: #009900;">&#40;</span><span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">'file'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">''</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">'image'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">''</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">'width'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'320'</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #0000ff;">'height'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'240'</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$atts</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<br />
&nbsp; &nbsp; <span style="color: #666666; font-style: italic;">// Construction du code HTML</span><br />
&nbsp; &nbsp; <span style="color: #000088;">$html</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #000088;">$html</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot;&lt;div style='text-align:center;' id='&quot;</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$div</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot;'&gt;&lt;/div&gt;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span> <br />
&nbsp; &nbsp; <span style="color: #000088;">$html</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot;&lt;script type='text/javascript'&gt;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #000088;">$html</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot; &nbsp;var so = new SWFObject('/player.swf','single','&quot;</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$atts</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;width&quot;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot;','&quot;</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$atts</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;height&quot;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot;','0');<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #000088;">$html</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot; &nbsp;so.addParam('allowfullscreen','true');<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #000088;">$html</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot; &nbsp;so.addParam('allowscriptaccess','always');<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #000088;">$html</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot; &nbsp;so.addParam('wmode','opaque');<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #000088;">$html</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot; &nbsp;so.addParam('autostart','false');<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #000088;">$html</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot; &nbsp;so.addParam('controlbar','bottom');<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #000088;">$html</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot; &nbsp;so.addVariable('file','&quot;</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$repmedia</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$atts</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;file&quot;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot;');<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$atts</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;image&quot;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">!=</span> <span style="color: #0000ff;">&quot;&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000088;">$html</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot; &nbsp;so.addVariable('image','&quot;</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$repmedia</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$atts</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">&quot;image&quot;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot;');<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; <span style="color: #000088;">$html</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot; &nbsp;so.write('&quot;</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$div</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot;');<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #000088;">$html</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot;&lt;/script&gt;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span><br />
<br />
&nbsp; &nbsp; <span style="color: #b1b100;">return</span> <span style="color: #000088;">$html</span><span style="color: #339933;">;</span><br />
<br />
<span style="color: #009900;">&#125;</span></div></td></tr></tbody></table></div><br />
<br />
Cette fonction PHP sera utilisée par notre futur <em>shortcode</em>. Tu noteras la présence de la ligne permettant d&#8217;indiquer le répertoire des fichiers vidéos.<br />
<br />
<div class="codecolorer-container php geshi" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #000088;">$repmedia</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;/bin/&quot;</span><span style="color: #339933;">;</span></div></td></tr></tbody></table></div><br />
<br />
Tu peux modifier &laquo;&nbsp;<em>/bin/</em>&nbsp;&raquo; avec le nom de ton répertoire qui contient tes médias. Attention à bien terminer par un slash.<br />
<br />
Juste après l&#8217;accolade finale de cette fonction, toujours dans le fichier &laquo;&nbsp;<em>functions.php</em>&nbsp;&raquo; tu ajoutes la ligne suivante qui a pour but la création du <em>shortcode</em> &laquo;&nbsp;<em>flv</em>&nbsp;&raquo; .<br />
<br />
<div class="codecolorer-container php geshi" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br /></div></td><td><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #666666; font-style: italic;">// Ajout du shortcode</span><br />
add_shortcode<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'flv'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'flv_func'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></td></tr></tbody></table></div><br />
<br />
La dernière étape consiste à intégrer le code JavaScript qui permet au lecteur de fonctionner. Tu vas donc aller ouvrir le fichier &laquo;&nbsp;<em>header.php</em>&nbsp;&raquo; qui se trouve dans le répertoire de ton thème, et tu vas ajouter la ligne suivante à la suite des balises HTML. Attention à l&#8217;emplacement, normalement ce code devrait se trouver entre les balises &laquo;&nbsp;<em>&lt;head&gt;</em>&nbsp;&raquo; et &laquo;&nbsp;</em>&lt;/head&gt;</em>.<br />
<br />
<div class="codecolorer-container html4strict geshi" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">'text/javascript'</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">'/swfobject.js'</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span></div></td></tr></tbody></table></div><br />
<br />
Tu envoies les deux fichiers &laquo;&nbsp;<em>functions.php</em>&nbsp;&raquo; et &laquo;&nbsp;<em>header.php</em>&nbsp;&raquo; modifiés sur ton serveur et le tour est joué, tu peux maintenant utiliser le <em>shortcode</em> nommé &laquo;&nbsp;<em>flv</em>&nbsp;&raquo; pour intégrer facilement des vidéos dans tes billets.<br />
<br />
Par exemple, pour jouer le fichier vidéo &laquo;&nbsp;<em>mpm.flv</em>&nbsp;&raquo; de 320 pixels par 240, avec comme image d&#8217;attente &laquo;&nbsp;<em>mpm.jpg</em>&nbsp;&raquo; .<br />
<br />
<div class="codecolorer-container text geshi" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">[flv file=&quot;mpm.flv&quot; image=&quot;mpm.jpg&quot; width=&quot;320&quot; height=&quot;240&quot;]</div></td></tr></tbody></table></div><br />
<br />
Ce code affichera le résultat suivant aux visiteurs.<br />
<br />
<div class="video" style="width:320px;">
<div id='video652290'></div>
<script type='text/javascript'>
  var so = new SWFObject('/player.swf','single','320','264','0');
  so.addParam('allowfullscreen','true');
  so.addParam('allowscriptaccess','always');
  so.addParam('wmode','opaque');
  so.addParam('autostart','false');
  so.addParam('controlbar','bottom');
  so.addParam('dock','false');
  so.addVariable('file','/bin/mpm.flv');
  so.addVariable('image','/bin/mpm.jpg');
  so.write('video652290');
</script>
<div class="download"><a href="/bin/mpm.flv">T&eacute;l&eacute;charger la vid&eacute;o</a></div>
</div>
<br />
<br />
L&#8217;attribut &laquo;&nbsp;<em>image</em>&nbsp;&raquo; est optionnel. Voici le code pour jouer ce même fichier vidéo, mais sans image d&#8217;attente.<br />
<br />
<div class="codecolorer-container text geshi" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">[flv file=&quot;mpm.flv&quot; width=&quot;320&quot; height=&quot;240&quot;]</div></td></tr></tbody></table></div><br />
<br />
Une petite astuce pour terminer, si malgré tous mes avertissements tu as téléchargé le lecteur incluant le plugin Viral et que tu as la flemme de télécharger une version sans cette lourdeur supplémentaire, il te suffit d&#8217;ajouter ces quelques lignes à la fonction PHP (au milieu de celles qui se ressemblent) pour désactiver cet horrible message de partage en fin de vidéo.<br />
<br />
<div class="codecolorer-container php geshi" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br /></div></td><td><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp; &nbsp; <span style="color: #000088;">$html</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot; &nbsp;so.addVariable('viral.allowmenu','false');<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #000088;">$html</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot; &nbsp;so.addVariable('viral.onpause','false');<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #000088;">$html</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot; &nbsp;so.addVariable('viral.oncomplete','false');<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span></div></td></tr></tbody></table></div><br />
<br />
C&#8217;est à toi de jouer maintenant.]]></content:encoded>
			<wfw:commentRss>http://www.memepasmal.ch/2010/05/01/des-videos-sous-wordpress/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Créer son Gravatar</title>
		<link>http://www.memepasmal.ch/2010/04/27/creer-son-gravatar/</link>
		<comments>http://www.memepasmal.ch/2010/04/27/creer-son-gravatar/#comments</comments>
		<pubDate>Tue, 27 Apr 2010 05:14:10 +0000</pubDate>
		<dc:creator>gael</dc:creator>
				<category><![CDATA[Foutoir technologique]]></category>
		<category><![CDATA[avatar]]></category>
		<category><![CDATA[gravatar]]></category>
		<category><![CDATA[tutoriel]]></category>

		<guid isPermaLink="false">http://www.memepasmal.ch/?p=1059</guid>
		<description><![CDATA[J&#8217;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&#8217;identifier rapidement son auteur. Le système d&#8217;avatars centralisés le plus répandu se nomme [...]]]></description>
			<content:encoded><![CDATA[J&#8217;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 <em>Pandora</em>, mais de ces petites vignettes qui agrémentent chaque commentaire, permettant ainsi d&#8217;identifier rapidement son auteur.<br />
<br />
Le système d&#8217;avatars centralisés le plus répandu se nomme <a href="http://fr.gravatar.com/">Gravatar</a>, et je vais aujourd&#8217;hui t&#8217;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&#8217;image de ton choix accompagnera ton message. Le principe est relativement simple, tu vas devoir créer un compte sur le site de <a href="http://fr.gravatar.com/">Gravatar</a> en indiquant notamment ton adresse <em>email</em>, cette dernière sera ensuite en quelque sorte liée à une image personnelle.<br />
<br />
Pour commencer, rends-toi sur le site et choisis &laquo;&nbsp;<em>S&#8217;inscrire</em>&nbsp;&raquo; dans le menu &laquo;&nbsp;<em>Log in / Sign up</em>&nbsp;&raquo; . Tu noteras au fil de ce tutoriel que la moitié du site web est en français, et l&#8217;autre en anglais, ce qui peut donner une impression de chantier malgré le bon fonctionnement du système.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/04/gravatar_tuto_01.jpg" alt="" title="gravatar_tuto_01" width="429" height="449" class="aligncenter size-full wp-image-1058" /><br />
<br />
Tu indiques ici l&#8217;adresse <em>email</em> dont tu te sers pour remplir les formulaires sur les <em>blogs</em> que tu visites, puis tu cliques sur &laquo;&nbsp;<em>S&#8217;inscrire</em>&nbsp;&raquo; .<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/04/gravatar_tuto_02.jpg" alt="" title="gravatar_tuto_02" width="600" height="435" class="aligncenter size-full wp-image-1060" /><br />
<br />
Tu vas maintenant devoir confirmer cette inscription, pour cela il te faut aller lire ton courrier, puis cliquer sur le premier lien contenu dans l&#8217;<em>email</em> en provenance de Gravatar.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/04/gravatar_tuto_03.jpg" alt="" title="gravatar_tuto_03" width="600" height="495" class="aligncenter size-full wp-image-1061" /><br />
<br />
Te voilà de retour sur le site web, tu dois choisir un nom d&#8217;utilisateur qui n&#8217;est pas encore utilisé par quelqu&#8217;un d&#8217;autre. Ce n&#8217;est pas une étape très importante puisque tu auras toujours le choix de ton pseudonyme sur les <em>blogs</em> que tu visites, tu peux donc écrire à peu près n&#8217;importe quoi. Le mot de passe est par contre relativement important, puisque c&#8217;est lui qui va te permettre de gérer tes images par la suite.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/04/gravatar_tuto_04.jpg" alt="" title="gravatar_tuto_04" width="600" height="471" class="aligncenter size-full wp-image-1062" /><br />
<br />
Félicitations, te voilà maintenant membre de Gravatar! Il faut à présent lier ton adresse <em>email</em> avec une image. Pour cela tu vas cliquer sur &laquo;&nbsp;<em>Rajouter une image</em>&nbsp;&raquo; .<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/04/gravatar_tuto_05.jpg" alt="" title="gravatar_tuto_05" width="600" height="310" class="aligncenter size-full wp-image-1063" /><br />
<br />
Tu indiques ensuite par quel moyen tu vas envoyer l&#8217;image sur le site de Gravatar. Pour la suite de ce tutoriel, nous allons partir du principe qu&#8217;il s&#8217;agit d&#8217;une image Jpeg stockée sur le bureau de ton PC. On clique donc sur &laquo;&nbsp;<em>Le disque dur de mon ordinateur</em>&nbsp;&raquo; .<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/04/gravatar_tuto_06.jpg" alt="" title="gravatar_tuto_06" width="600" height="267" class="aligncenter size-full wp-image-1064" /><br />
<br />
Tu cliques sur &laquo;&nbsp;<em>Parcourir&#8230;</em>&nbsp;&raquo; puis tu sélectionnes le fichier image avec ta photo. Tu cliques ensuite sur &laquo;&nbsp;<em>Suite</em>&nbsp;&raquo; .<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/04/gravatar_tuto_07.jpg" alt="" title="gravatar_tuto_07" width="600" height="268" class="aligncenter size-full wp-image-1065" /><br />
<br />
Le fichier est envoyé sur le serveur de Gravatar, tu peux maintenant choisir une partie ou l&#8217;intégrité de l&#8217;image, la découper, la faire pivoter. Une fois que le résultat te plait tu cliques sur &laquo;&nbsp;<em>Crop &#038; Finish</em>&nbsp;&raquo; .<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/04/gravatar_tuto_08.jpg" alt="" title="gravatar_tuto_08" width="600" height="472" class="aligncenter size-full wp-image-1066" /><br />
<br />
L&#8217;étape inutile suivante consiste à définir quel est le niveau de classification de ton image. Si comme la majorité des gens normaux tu es resté dans quelque chose de standard alors cliques sur &laquo;&nbsp;<em>G</em>&nbsp;&raquo; , signifiant ainsi que ta photo peut être vue par n&#8217;importe qui.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/04/gravatar_tuto_09.jpg" alt="" title="gravatar_tuto_09" width="308" height="450" class="aligncenter size-full wp-image-1067" /><br />
<br />
C&#8217;est terminé!<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2010/04/gravatar_tuto_10.jpg" alt="" title="gravatar_tuto_10" width="600" height="326" class="aligncenter size-full wp-image-1068" /><br />
<br />
Dès à présent, si tu laisses un commentaire en indiquant ton <em>email</em> sur un <em>blog</em> supportant les Gravatar, alors ta vignette sera affichée à côté.<br />
<br />
Tu peux retourner à tout moment dans ton compte Gravatar pour y ajouter des adresses <em>email</em> et des images, en liant ces deux dernières ensembles comme bon te semble.]]></content:encoded>
			<wfw:commentRss>http://www.memepasmal.ch/2010/04/27/creer-son-gravatar/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Gazouilleur</title>
		<link>http://www.memepasmal.ch/2009/10/19/gazouilleur/</link>
		<comments>http://www.memepasmal.ch/2009/10/19/gazouilleur/#comments</comments>
		<pubDate>Mon, 19 Oct 2009 15:51:16 +0000</pubDate>
		<dc:creator>gael</dc:creator>
				<category><![CDATA[Foutoir technologique]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[musique]]></category>
		<category><![CDATA[tutoriel]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Il ne se passe pas vingt-quatre heures sans entendre parler de Twitter, outil de communication rapide devenu standard dans de nombreux secteurs d&#8217;activités tels que le show business, la politique, et bien d&#8217;autres. Pour faire court, Twitter est le moyen le plus simple et le plus répandu pour partager tout ce qui te passe par [...]]]></description>
			<content:encoded><![CDATA[Il ne se passe pas vingt-quatre heures sans entendre parler de Twitter, outil de communication rapide devenu standard dans de nombreux secteurs d&#8217;activités tels que le <em>show business</em>, la politique, et bien d&#8217;autres.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/twitter_logo.png" alt="" title="" width="300" height="70" /></div><br />
<br />
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 &laquo;&nbsp;<em>tweet</em>&nbsp;&raquo; , en français on utiliserait le mot &laquo;&nbsp;<em>gazouilli</em>&nbsp;&raquo; . Pour utiliser cet outil c&#8217;est très simple, tu vas sur <a href="https://twitter.com/" target="_blank">twitter.com</a> et tu te crées un compte personnel, c&#8217;est gratuit et rapide.<br />
<br />
Une fois que tu es dans la place il y a deux notions fondamentales à retenir : les &laquo;&nbsp;<em>Following</em>&nbsp;&raquo; et les &laquo;&nbsp;<em>Followers</em>&nbsp;&raquo; , en d&#8217;autres termes, les gens dont tu vois les messages, et ceux qui voient les tiens. Certaines stars de la musique comme <a href="https://twitter.com/britneyspears" target="_blank">Britney Spears</a> comptent des millions de &laquo;&nbsp;<em>followers</em>&nbsp;&raquo; , des gens banals comme moi à peine quelques dizaines. Certains médias publient également des résumés via <em>Twitter</em>, c&#8217;est le cas de la <a href="https://twitter.com/Tsrinfo">Télévision Suisse Romande</a>, la <a href="https://twitter.com/tdgch">Tribune de Genève</a>, <a href="https://twitter.com/CNN">CNN</a>, et cætera. Tout ce beau monde se mélange, utile ou futile.<br />
<br />
Il existe de nombreux moyens pour visualiser les <em>tweets</em> d&#8217;autres personnes et poster les siens. La solution courante est de passer directement par le site web <a href="https://twitter.com/" target="_blank">twitter.com</a>.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/twitter_web.jpg" alt="" title="" width="450" height="346" /></div><br />
<br />
Si tu as l&#8217;immense honneur d&#8217;avoir <a href="http://www.mozilla-europe.org/fr/firefox/" target="_blank">Firefox</a> tu peux également utiliser l&#8217;addon <a href="https://addons.mozilla.org/fr/firefox/addon/5081" target="_blank">Echofon</a>, anciennement appelé &laquo;&nbsp;<em>Twitterfox</em>&nbsp;&raquo; . Il se loge en bas à droite de ton navigateur et va régulièrement chercher les nouveaux <em>tweets</em>.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/twitter_echofon.jpg" alt="" title="" width="450" height="582" /></div><br />
<br />
Pratiquement chaque téléphone mobile moderne possède un programme permettant d&#8217;accèder au réseau <em>Twitter</em>, une des applications phare pour Android se nomme <em>Twidroid</em>, elle est disponible gratuitement via l&#8217;<em>Android Market</em>.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/twitter_twidroid.png" alt="" title="" width="235" height="352" /></div><br />
<br />
Il en existe également de nombreuses pour l&#8217;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 <em>tweets</em> comme c&#8217;est le cas avec <em>Twidroid</em>.<br />
<br />
Place à quelques astuces. Les <em>tweets</em> peuvent contenir des caractères ou codes spéciaux qui feront qu&#8217;ils seront interprétés de manière différente par ton lecteur préféré (Echofon, Twidroid, etc.).<br />
<br />
<strong>Les utilisateurs</strong><br />
Les comptes twitter sont précédés par le célèbre signe arobase, le même &laquo;&nbsp;<em>@</em>&nbsp;&raquo; utilisé dans les adresses de courriel. Par exemple, mon compte twitter s&#8217;appelle <a href="https://twitter.com/memepasmal" target="_blank">@memepasmal</a>.<br />
<br />
<strong>Les mentions et réponses</strong><br />
Comme indiqué ci-dessus, si tu parles d&#8217;un membre de <em>Twitter</em> alors tu précèdes toujours son nom par le fameux arobase. Par exemple : &laquo;&nbsp;<em>Je trouve le blog de @memepasmal vraiment excellent!</em>&nbsp;&raquo; . La personne concernée verra qu&#8217;elle est mentionnée dans un <em>tweet</em>, ce genre de technique s&#8217;appelle d&#8217;ailleurs une &laquo;&nbsp;<em>mention</em>&nbsp;&raquo; . Si le message commence directement par le nom d&#8217;un membre, alors ce <em>tweet</em> peut être considéré par certains logiciels comme un message direct, un genre de SMS visible publiquement. Par exemple : &laquo;&nbsp;<em>@memepasmal Merci pour ton billet sur la reproduction des poulpes norvégiens!</em>&nbsp;&raquo; . On appelle alors bêtement ce genre de message une &laquo;&nbsp;<em>réponse</em>&nbsp;&raquo; , ou un &laquo;&nbsp;<em>message direct</em>&nbsp;&raquo; .<br />
<br />
<strong>Le <em>retweet</em></strong><br />
Autre technique très employée, le &laquo;&nbsp;<em>retweet</em>&nbsp;&raquo; symbolisé par le code &laquo;&nbsp;<em>RT</em>&nbsp;&raquo; . Tu vas prendre le message d&#8217;une personne que tu suis (<em>following</em>) et le re-transmettre aux personnes qui te suivent (<em>followers</em>). C&#8217;est le principe du bouches à oreilles, tu entends quelque chose qui te plait, et tu le répètes à tout le monde. Par exemple : &laquo;&nbsp;<em>RT @grosgeek J&#8217;ai installé Windows 95 sur mon Game Boy</em>&nbsp;&raquo; . Tu peux également placer un petit commentaire avant ton <em>retweet</em>, par exemple : &laquo;&nbsp;<em>Mon pote a une annonce, RT @grossebaleine Je vend mon fusil, utilisé une seule fois dans les chiottes.</em>&nbsp;&raquo; . Par politesse on ne modifie pas un message que l&#8217;on <em>retweet</em>, bien que ce soit possible.<br />
<br />
<strong>Les <em>hashtags</em></strong><br />
Dernier gros point, les <em>hashtags</em>. Ce sont des mots-clés que tu peux créer ou utiliser dans tes messages, toute personne cliquant sur un <em>hashtag</em> pourra voir tous les messages le contenant, même ceux d&#8217;autres personnes non-suivies. Un <em>hashtag</em> commence toujours par le caractère dièse et devrait être utilisé avec parcimonie, par exemple : &laquo;&nbsp;<em>Je suis un grand fan des #hummer et du #tricot</em>&nbsp;&raquo; .<br />
<br />
<strong>Les <em>trending topics</em></strong><br />
Les <em>hashtags</em> ou mots les plus cités dans tous les <em>tweets</em> du monde sont appelés &laquo;&nbsp;<em>trending topics</em>&nbsp;&raquo; , le top dix est affiché et mis à jour en permanence sur la page principale de <a href="https://twitter.com/" target="_blank">twitter.com</a>. Le grand jeu étant bien évidemment de voir un de ses propres &laquo;&nbsp;<em>trending topics</em>&nbsp;&raquo; affiché dans la liste, mais il faut pour cela avoir un sacré réseau de <em>followers</em>.<br />
<br />
<strong>Les liens</strong><br />
Dernier point, les liens. Twitter étant limité à 140 caractères, cela peut poser problème lorsque l&#8217;on veut poster un lien &laquo;&nbsp;<em>http</em>&nbsp;&raquo; , ces derniers étant souvent longs. Il existe des services de &laquo;&nbsp;<em>url shortening</em>&nbsp;&raquo; 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 <em>tweeting</em>, ce qui signifie que tu peux coller tes longues adresses web dans tes messages, et ils seront automatiquement raccourcis. Par exemple, &laquo;&nbsp;<a href="http://www.memepasmal.ch/index.php/2009/10/09/grande-puissante-violette-et-toufue">http://www.memepasmal.ch/index.php/2009/10/09/grande-puissante-violette-et-toufue</a>&nbsp;&raquo; deviendra &laquo;&nbsp;<a href="http://bit.ly/PJPHR">http://bit.ly/PJPHR</a>&nbsp;&raquo; , tu peux cliquer si tu veux.<br />
<br />
Puisse ce petit tutoriel t&#8217;aider à mieux comprendre la Bête, surtout n&#8217;oublie pas <a href="https://twitter.com/memepasmal">le guide</a>.<br />
<br />
On se <em>tweet</em> et on se fait une bouffe.]]></content:encoded>
			<wfw:commentRss>http://www.memepasmal.ch/2009/10/19/gazouilleur/feed/</wfw:commentRss>
		<slash:comments>29</slash:comments>
		</item>
		<item>
		<title>Ajouter une bordure à un texte dans GIMP</title>
		<link>http://www.memepasmal.ch/2009/09/24/ajouter-une-bordure-a-un-texte-dans-gimp/</link>
		<comments>http://www.memepasmal.ch/2009/09/24/ajouter-une-bordure-a-un-texte-dans-gimp/#comments</comments>
		<pubDate>Wed, 23 Sep 2009 19:42:39 +0000</pubDate>
		<dc:creator>gael</dc:creator>
				<category><![CDATA[Foutoir technologique]]></category>
		<category><![CDATA[gimp]]></category>
		<category><![CDATA[tutoriel]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Ajouter une bordure à un texte peut être simple dans une grande partie des logiciels de traitement de texte ou de retouches d&#8217;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&#8217;agrandir et la remplir de la couleur désirée. [...]]]></description>
			<content:encoded><![CDATA[Ajouter une bordure à un texte peut être simple dans une grande partie des logiciels de traitement de texte ou de retouches d&#8217;images. Dans GIMP, il faut un peu plonger les mains dans le cambouis.<br />
<br />
Il faut en effet créer une copie de la forme du texte, l&#8217;agrandir et la remplir de la couleur désirée. <br />
<br />
Démonstration. Imaginons un texte pris au hasard.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/gimp_bordure_01.jpg" alt="" title="" width="450" height="262" /></div><br />
<br />
Nous allons tout d&#8217;abord créer un chemin depuis ce texte, c&#8217;est à dire mémoriser sa forme. Pour cela tu sélectionnes ton texte et tu cliques sur &laquo;&nbsp;<em>Créer un chemin depuis le texte</em>&nbsp;&raquo; .<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/gimp_bordure_02.jpg" alt="" title="" width="296" height="337" /></div><br />
<br />
Rien de visible ne se passe quand tu cliques là-dessus, c&#8217;est normal. Ensuite tu ajoutes un nouveau calque, tu le nommes comme bon te semble, il contiendra notre bordure.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/gimp_bordure_03.jpg" alt="" title="" width="299" height="335" /></div><br />
<br />
Tu le déplaces en dessous de ton texte, vérifie qu&#8217;il soit bien sélectionné.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/gimp_bordure_04.jpg" alt="" title="" width="238" height="343" /></div><br />
<br />
Menu &laquo;&nbsp;<em>Sélection</em>&nbsp;&raquo; puis &laquo;&nbsp;<em>Depuis le chemin</em>&nbsp;&raquo; .<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/gimp_bordure_05.jpg" alt="" title="" width="377" height="372" /></div><br />
<br />
Ton texte va paraitre sélectionné, il n&#8217;en est rien. En fait, la sélection que tu vois se trouve sur ton nouveau calque, nous allons l&#8217;agrandir pour ensuite la remplir. Menu &laquo;&nbsp;<em>Sélection</em>&nbsp;&raquo; puis &laquo;&nbsp;<em>Agrandir</em>&nbsp;&raquo; .<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/gimp_bordure_06.jpg" alt="" title="" width="400" height="408" /></div><br />
<br />
Tu indiques le nombre de pixels pour ta bordure, puis tu valides.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/gimp_bordure_07.jpg" alt="" title="" width="299" height="173" /></div><br />
<br />
Sur la boite à outils, tu choisis &laquo;&nbsp;<em>Remplissage</em>&nbsp;&raquo; , c&#8217;est l&#8217;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.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/gimp_bordure_09.jpg" alt="" title="" width="342" height="395" /></div><br />
<br />
Ensuite tu cliques n&#8217;importe où dans la sélection, et pouf, magie.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/gimp_bordure_08.jpg" alt="" title="" width="450" height="262" /></div><br />
<br />
Il existe probablement une méthode plus simple, mais c&#8217;est moins drôle.]]></content:encoded>
			<wfw:commentRss>http://www.memepasmal.ch/2009/09/24/ajouter-une-bordure-a-un-texte-dans-gimp/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Un Jedi tu seras</title>
		<link>http://www.memepasmal.ch/2009/07/04/un-jedi-tu-seras/</link>
		<comments>http://www.memepasmal.ch/2009/07/04/un-jedi-tu-seras/#comments</comments>
		<pubDate>Wed, 01 Jul 2009 20:10:32 +0000</pubDate>
		<dc:creator>gael</dc:creator>
				<category><![CDATA[Foutoir technologique]]></category>
		<category><![CDATA[gimp]]></category>
		<category><![CDATA[jedi]]></category>
		<category><![CDATA[lightsaber]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[sabre laser]]></category>
		<category><![CDATA[tutoriel]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Suite à une forte demande (une personne en tout cas), voici l&#8217;incroyable tutoriel qui va t&#8217;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&#8217;un gars qui se la pète avec quelque [...]]]></description>
			<content:encoded><![CDATA[Suite à une forte demande (une personne en tout cas), voici l&#8217;incroyable tutoriel qui va t&#8217;apprendre à ajouter un effet de sabre laser sur tes photos de vacances. Cette technique a été fortement inspirée par quelques unes disponibles sur <a href="http://www.tutorialized.com">tutorialized.com</a>.<br />
<br />
Pour commencer, il te faut la photo d&#8217;un gars qui se la pète avec quelque chose de long et dur dans la main. Ça fonctionne aussi avec une femme.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/lightsaber_01.jpg" alt="" title="" width="400" height="444" /></div><br />
<br />
Je sais à quoi tu pensais, pervers.<br />
<br />
Si tu es pointilleux tu remarqueras que j&#8217;ai préalablement gommé numériquement les deux <a href="http://fr.wikipedia.org/wiki/Quillon">quillons</a> de la <a href="http://fr.wikipedia.org/wiki/Garde_%28arme_blanche%29">garde</a>.<br />
<br />
Ajoute un calque vide, on va travailler dessus, on ne touche pas à l&#8217;image originale.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/lightsaber_02.jpg" alt="" title="" width="218" height="367" /></div><br />
<br />
Nomme ton calque de manière intelligente, et fait en sorte qu&#8217;il soit de fond noir.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/lightsaber_03.jpg" alt="" title="" width="299" height="342" /></div><br />
<br />
Tu devrais avoir quelque chose comme ça, sélectionne le calque noir, on ne touchera jamais au calque de l&#8217;image originale.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/lightsaber_04.jpg" alt="" title="" width="218" height="367" /></div><br />
<br />
Change le mode d&#8217;affichage du calque pour &laquo;&nbsp;<em>Ecran</em>&nbsp;&raquo; , il va devenir transparent.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/lightsaber_05.jpg" alt="" title="" width="304" height="477" /></div><br />
<br />
Sélectionne l&#8217;outil &laquo;&nbsp;<em>Sélection à main levée</em>&nbsp;&raquo; dans la boite à outils.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/lightsaber_06.jpg" alt="" title="" width="243" height="436" /></div><br />
<br />
Puis trace le contour de ton futur sabre laser, tu peux le faire plus large que sur l&#8217;image originale.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/lightsaber_07.jpg" alt="" title="" width="400" height="466" /></div><br />
<br />
Ensuite tu sélectionnes &laquo;&nbsp;<em>Remplissage</em>&nbsp;&raquo; dans la boite à outils, et tu fais bien attention que le blanc soit défini comme couleur d&#8217;avant plan.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/lightsaber_08.jpg" alt="" title="" width="300" height="389" /></div><br />
<br />
Tu cliques n&#8217;importe où dans ta zone sélectionnée, ce qui va nous faire une belle arme entièrement blanche.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/lightsaber_09.jpg" alt="" title="" width="400" height="466" /></div><br />
<br />
Tu annules la sélection en allant dans le menu &laquo;&nbsp;<em>Sélection</em>&nbsp;&raquo; puis &laquo;&nbsp;<em>Aucune</em>&nbsp;&raquo; .<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/lightsaber_10.jpg" alt="" title="" width="430" height="383" /></div><br />
<br />
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.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/lightsaber_11.jpg" alt="" title="" width="294" height="425" /></div><br />
<br />
Tu sélectionnes le calque tout en haut puis tu vas dans le menu &laquo;&nbsp;<em>Filtres</em>&nbsp;&raquo; , &laquo;&nbsp;<em>Flou</em>&nbsp;&raquo; , &laquo;&nbsp;<em>Flou gaussien</em>&nbsp;&raquo; .<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/lightsaber_12.jpg" alt="" title="" width="436" height="525" /></div><br />
<br />
Tu choisis une valeur de 5, et tu valides.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/lightsaber_13.jpg" alt="" title="" width="367" height="445" /></div><br />
<br />
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.<br />
<br />
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 &laquo;&nbsp;<em>Fusionner vers le bas</em>&nbsp;&raquo; .<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/lightsaber_14.jpg" alt="" title="" width="369" height="515" /></div><br />
<br />
Change ensuite le mode d&#8217;affichage de ce nouveau calque en &laquo;&nbsp;<em>Ecran</em>&nbsp;&raquo; . Maintenant, tu refais exactement la même opération une deuxième fois, c&#8217;est à dire &laquo;&nbsp;<em>Fusionner vers le bas</em>&nbsp;&raquo; puis passage en mode &laquo;&nbsp;<em>Ecran</em>&nbsp;&raquo; une fois terminé.<br />
<br />
Tu devrais à présent n&#8217;avoir plus que deux calques, celui du sabre avec un joli effet, ainsi que l&#8217;image originale que nous n&#8217;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!<br />
<br />
Tu sélectionnes donc le premier calque (celui du sabre), puis tu vas dans le menu &laquo;&nbsp;<em>Couleurs</em>&nbsp;&raquo; , &laquo;&nbsp;<em>Balance des couleurs</em>&nbsp;&raquo; .<br />
<br />
Et là, tu t&#8217;amuses.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/lightsaber_15.jpg" alt="" title="" width="378" height="413" /></div><br />
<br />
Dis bonjour à Aragorn le chevalier Jedi!<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/lightsaber_aragorn.jpg" alt="" title="" width="450" height="449" /></div>]]></content:encoded>
			<wfw:commentRss>http://www.memepasmal.ch/2009/07/04/un-jedi-tu-seras/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Tilt-Shift</title>
		<link>http://www.memepasmal.ch/2009/07/01/tilt-shift/</link>
		<comments>http://www.memepasmal.ch/2009/07/01/tilt-shift/#comments</comments>
		<pubDate>Mon, 29 Jun 2009 14:39:34 +0000</pubDate>
		<dc:creator>gael</dc:creator>
				<category><![CDATA[Foutoir technologique]]></category>
		<category><![CDATA[gimp]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[tilt-shift]]></category>
		<category><![CDATA[tutoriel]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Lorsque l&#8217;œil humain fixe un objet, celui-ci est généralement net. Si l&#8217;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&#8217;est là un des principes du Tilt-Shift, une technique photographique donnant un aspect de maquette aux photos. Via ferrata de la [...]]]></description>
			<content:encoded><![CDATA[Lorsque l&#8217;œil humain fixe un objet, celui-ci est généralement net. Si l&#8217;entourage est flou et que la cible est loin alors notre vision sera trompée et croira que ce que nous regardons est petit.<br />
<br />
C&#8217;est là un des principes du <a href="http://en.wikipedia.org/wiki/Tilt-shift_photography">Tilt-Shift</a>, une technique photographique donnant un aspect de maquette aux photos.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/ts_via_ferrata.jpg" alt="" title="" width="340" height="452" /><br />
<em>Via ferrata de la Clusaz, 2008</em></div><br />
<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/ts_villette.jpg" alt="" title="" width="450" height="309" /><br />
<em>Villette, Paris, 2008</em></div><br />
<br />
Pour bien réussir de telles photos il est nécessaire de s&#8217;équiper d&#8217;un objectif <em>Tilt-Shift</em>, le problème étant qu&#8217;un tel équipement coûte au minimum un bon millier d&#8217;euros.<br />
<br />
Heureusement, si tu n&#8217;as comme moi ni l&#8217;argent ni l&#8217;âme d&#8217;un puriste il existe quelques techniques pour créer de fausses images <em>Tilt-Shift</em> au moyen de ton éditeur graphique favori, l&#8217;effet sera toutefois bien entendu de bien moindre qualité qu&#8217;avec un objectif dédié. Dans cet exemple, c&#8217;est le célèbre (et surtout gratuit) <a href="http://www.gimp.org/">GIMP</a> qui sera utilisé. Nous allons en fait rendre flou toute l&#8217;image, à l&#8217;exception de la zone que nous voulons modéliser.<br />
<br />
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&#8217;assez mauvais résultats. Tu peux également donner auparavant un bon coup de contraste à ton image, cela renforce l&#8217;effet de peinture <em>flashy</em> propre aux maquettes.<br />
<br />
Mais lançons-nous.<br />
<br />
Pour commencer, tu ouvres ton image dans le GIMP.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/tilt_shift_01.jpg" alt="" title="" width="450" height="348" /></div><br />
<br />
Ensuite tu dupliques le calque de ton image.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/tilt_shift_02.jpg" alt="" title="" width="226" height="300" /></div><br />
<br />
Tu devrais avoir deux calques dans ta liste, l&#8217;original et la copie. Tu sélectionnes la copie et tu vas dans &laquo;&nbsp;<em>Filtres</em>&nbsp;&raquo; , &laquo;&nbsp;<em>Flou</em>&nbsp;&raquo; puis &laquo;&nbsp;<em>Flou gaussien</em>&nbsp;&raquo; .<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/tilt_shift_03.jpg" alt="" title="" width="450" height="403" /></div><br />
<br />
Tu règles ensuite la valeur du flou gaussien jusqu&#8217;à ce que l&#8217;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.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/tilt_shift_04.jpg" alt="" title="" width="289" height="350" /></div><br />
<br />
Une fois que ton calque copié est flouté, tu cliques dessus avec le bouton droit et tu choisis &laquo;&nbsp;<em>Ajouter un masque de calque</em>&nbsp;&raquo; .<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/tilt_shift_05.jpg" alt="" title="" width="245" height="350" /></div><br />
<br />
Tu laisses le blanc en opacité complète et tu valides.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/tilt_shift_06.jpg" alt="" title="" width="266" height="330" /></div><br />
<br />
À ce niveau là, tu as deux calques dont un flou. Le calque du dessus possède un masque, c&#8217;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&#8217;image nette.<br />
<br />
C&#8217;est maintenant qu&#8217;intervient le travail de l&#8217;artiste qui est en toi, sélectionne le pinceau dans les outils, et choisis &laquo;&nbsp;<em>Circle Fuzzy</em>&nbsp;&raquo; dans la brosse.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/tilt_shift_07.jpg" alt="" title="" width="290" height="450" /></div><br />
<br />
Et maintenant, tu peins en noir ou en blanc, pour ajouter ou supprimer de la netteté à l&#8217;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.<br />
<br />
<div class="image_block"><img src="http://www.memepasmal.ch/media/blogs/memepasmal/ts_grece.jpg" alt="" title="" width="450" height="259" /><br />
<em>&#922;&#941;&#961;&#954;&#965;&#961;&#945; (Corfou), Grèce, 2008</em></div><br />
<br />
Ensuite, c&#8217;est de la pratique. Ou alors l&#8217;achat onéreux d&#8217;un bon objectif <em>Tilt-Shift</em>.]]></content:encoded>
			<wfw:commentRss>http://www.memepasmal.ch/2009/07/01/tilt-shift/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
	</channel>
</rss>
