<?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>WebTribulation &#187; photoshop</title>
	<atom:link href="http://webtribulation.com/tag/photoshop/feed/" rel="self" type="application/rss+xml" />
	<link>http://webtribulation.com</link>
	<description>Valentin Pringuay</description>
	<lastBuildDate>Thu, 09 Sep 2010 08:09:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Des articles de blog pensés comme des œuvres d&#8217;art</title>
		<link>http://webtribulation.com/2010/03/10/des-articles-de-blog-penses-comme-des-oeuvres-dart/</link>
		<comments>http://webtribulation.com/2010/03/10/des-articles-de-blog-penses-comme-des-oeuvres-dart/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 15:26:41 +0000</pubDate>
		<dc:creator>Valentin Pringuay</dc:creator>
				<category><![CDATA[Création Web]]></category>
		<category><![CDATA[Découverte web]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Développement]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://webtribulation.com/?p=1116</guid>
		<description><![CDATA[J&#8217;ai récemment découvert le blog de Paddy Donnelly, UX designer (spécialisé dans l&#8217;expérience utilisateur) irlandais vivant en Belgique : IamPaddy.com Ce qui rends son blog hors du commun ? Paddy prend le temps nécessaire pour que le design de ses articles transmette une partie de son message. Il a accepté de partager avec nous le [...]


Articles pouvant vous intéresser<ol><li><a href='http://webtribulation.com/2010/03/10/a-blog-post-as-a-piece-of-art/' rel='bookmark' title='Permanent Link: A blog post as a piece of art'>A blog post as a piece of art</a> <small>I have recently discovered Paddy Donnelly&#8217;s blog, an irish UX...</small></li>
</ol>]]></description>
			<content:encoded><![CDATA[<address> </address>
<address>J&#8217;ai récemment découvert le blog de Paddy Donnelly, UX designer (spécialisé dans l&#8217;expérience utilisateur) irlandais vivant en Belgique : <a title="I am Paddy, blog de Paddy Donnelly" href="http://iampaddy.com/" target="_blank">IamPaddy.com</a> </address>
<address>Ce qui rends son blog hors du commun ? Paddy prend le temps nécessaire pour que le design de ses articles transmette une partie de son message. Il a accepté de partager avec nous le processus de création de l&#8217;un de ses articles. </address>
<address> </address>
<address> </address>
<address> </address>
<address> </address>
<address><a title="english version" href="http://webtribulation.com/2010/03/10/a-blog-post-as-a-piece-of-art/" target="_blank"><img class="alignleft" title="english flag" src="http://farm5.static.flickr.com/4050/4422725724_0379ecb80e.jpg" alt="" width="15" height="10" />English reader, you can find a version for you here.</a><br />
</address>
<address> </address>
<address> </address>
<address><a rel="attachment wp-att-1178" href="http://webtribulation.com/2010/03/10/des-articles-de-blog-penses-comme-des-oeuvres-dart/padd/"><img class="size-full wp-image-1178 alignleft" title="IamPaddy" src="http://webtribulation.com/wp-content/uploads/2010/03/padd.jpg" alt="" width="580" height="330" /></a><br />
</address>
<address> </address>
<address> </address>
<address> </address>
<address> </address>
<address> </address>
<address> </address>
<h2>Inspiration.<img class="alignright" title="Carnet en molesking de Paddy" src="http://farm5.static.flickr.com/4057/4422242178_32cd77bce5.jpg" alt="" width="263" height="350" /></h2>
<p>Je garde toujours sur moi un carnet en moleskine sur lequel je prends en note toutes les idées et pensées que j&#8217;ai pour des articles. Mes thèmes sont généralement des concepts ancestraux (la pliure de la page, l&#8217;orthographe, le minimalisme) auxquels j&#8217;essaye de donner une nouvelle dimension. J&#8217;essaye de faire en sorte que les gens pensent différemment ces concepts et, avec un peu de chance, leur inspirer une ouverture d&#8217;esprit dans leurs propres travaux.</p>
<h2>Écriture.</h2>
<p>Je commence toujours par l&#8217;écriture. J&#8217;ai généralement une vague idée de ce que sera le design, et cela influence souvent l&#8217;écriture de l&#8217;article dans une étape suivante, mais l&#8217;écriture vient toujours en premier.</p>
<p>Je m&#8217;enferme sur <a title="Ommwriter" href="http://ommwriter.com" target="_blank">Ommwriter</a>, n&#8217;avoir aucune distraction est la meilleure façon que j&#8217;ai trouvé pour écrire mes articles.</p>
<h2>L&#8217;Esquisse.</h2>
<p>De trop nombreux designers ouvrent Photoshop directement, sans avoir une idée générale de ce que sera leur création. Je vais toujours faire une esquisse d&#8217;un article dans son intégralité, ce qui peut prendre un certain nombre de pages. C&#8217;est seulement lorsque je suis satisfait de l&#8217;aspect général que j&#8217;ouvre Photoshop.</p>
<h2>Photoshop comme outil de publication.</h2>
<p>Je traite Photoshop comme s&#8217;il s&#8217;agissait d&#8217;un outil de publication : je vais créer la mise en page pour que cela corresponde le mieux possible avec mes dessins. Le design influence généralement l&#8217;article, certaines choses vont donc devoir être changées, effacées ou ajoutées. Cela prends énormément de temps et je vais très souvent abandonner pour recommencer de nouveau jusqu&#8217;à ce que je sois content du résultat.</p>
<h2><img class="alignleft" title="Fichier photoshop avant le découpage" src="http://farm5.static.flickr.com/4004/4422242104_43dd685cb8.jpg" alt="" width="350" height="286" />Découpage &amp; HTML/CSS.</h2>
<p>Le découpage du fichier Photoshop et la création de la page HTML vient ensuite. C&#8217;est peut être l&#8217;étape la plus longue du procédé. Des petites choses changent ici ou là en fonction de mon habilité à coder correctement. C&#8217;est facile de se déchaîner sur Photoshop et créer des choses très compliquées&#8230; mais c&#8217;est une toute autre histoire que d&#8217;essayer de les rassembler sur la page HTML et je dois donc parfois abandonner ou changer de petites choses.</p>
<h2>Publication</h2>
<p>Ensuite, une fois que je l&#8217;ai relu entièrement, et fais de petites modifications (et d&#8217;autres modifications encore, et encore d&#8217;autres) : je le publie pour le partager avec le monde. J&#8217;envoie un message sur Twitter à propos de l&#8217;article et, généralement, il suit sa propre vie en faisant son chemin sur le web. C&#8217;est fantastique de voir des personnes apprécier et tweeter à propos de quelque chose pour lequel j&#8217;ai mis tant d&#8217;efforts. Je m&#8217;assure d&#8217;annoncer mon prochain article à la fin de celui-ci, en choisissant une autre idée dans mon carnet en moleskine. Cela permet à mes lecteurs d&#8217;anticiper le prochain article. C&#8217;est aussi une très bonne manière de me garder motivé pour la création de l&#8217;article suivant.</p>
<p style="text-align: center;"><a href="http://iampaddy.com/"><img class="aligncenter" title="Life bellow 600 px" src="http://farm5.static.flickr.com/4002/4422252970_57517bda7c_o.jpg" alt="" width="325" height="481" /></a></p>
<p>Je vous laisse donc découvrir les œuvres de Paddy Donnelly<a title="IamPaddy" href="http://iampaddy.com" target="_blank"> sur son blog IamPaddy.com. </a></p>
<p>Si vous souhaitez découvrir d&#8217;autres blogs qui prennent autant de soin pour designer leur billet (comme l&#8217;excellent Dustin Curtis et son article <a title="Dustin Curtis article " href="http://dustincurtis.com/you_should_follow_me_on_twitter.html" target="_blank">You should follow me on Twitter</a>) , je vous conseille de lire <a title="Ma Revue Web" href="http://www.marevueweb.com/2010/03/conseils-pour-ecrire-des-posts-billets-uniques-sur-wordpress/" target="_blank">ce billet </a>qui rassemble des liens vers quelques unes de ces créations et vous donne même une première piste pour réaliser un blog de la même façon.</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Des+articles+de+blog+pens%C3%A9s+comme+des+%C5%93uvres+d%27art+-+&amp;source=shareaholic" rel="nofollow" class="external" title="Tweetez-le !">Tweetez-le !</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://webtribulation.com/2010/03/10/des-articles-de-blog-penses-comme-des-oeuvres-dart/&amp;t=Des+articles+de+blog+pens%C3%A9s+comme+des+%C5%93uvres+d%27art" rel="nofollow" class="external" title="Partagez-le sur Facebook">Partagez-le sur Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://webtribulation.com/2010/03/10/des-articles-de-blog-penses-comme-des-oeuvres-dart/&amp;imageurl=" rel="nofollow" class="external" title="Postez-le sur Google Buzz">Postez-le sur Google Buzz</a>
		</li>
		<li class="shr-comfeed">
			<a href="http://webtribulation.com/2010/03/10/des-articles-de-blog-penses-comme-des-oeuvres-dart/feed" rel="nofollow" class="external" title="S'abonner aux commentaires de cet article ?">S'abonner aux commentaires de cet article ?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>



<p>Articles pouvant vous intéresser<ol><li><a href='http://webtribulation.com/2010/03/10/a-blog-post-as-a-piece-of-art/' rel='bookmark' title='Permanent Link: A blog post as a piece of art'>A blog post as a piece of art</a> <small>I have recently discovered Paddy Donnelly&#8217;s blog, an irish UX...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://webtribulation.com/2010/03/10/des-articles-de-blog-penses-comme-des-oeuvres-dart/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>A blog post as a piece of art</title>
		<link>http://webtribulation.com/2010/03/10/a-blog-post-as-a-piece-of-art/</link>
		<comments>http://webtribulation.com/2010/03/10/a-blog-post-as-a-piece-of-art/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 15:26:24 +0000</pubDate>
		<dc:creator>Valentin Pringuay</dc:creator>
				<category><![CDATA[Création Web]]></category>
		<category><![CDATA[Découverte web]]></category>
		<category><![CDATA[Développement]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://webtribulation.com/?p=1147</guid>
		<description><![CDATA[I have recently discovered Paddy Donnelly&#8217;s blog, an irish UX designer living in Belgium : IamPaddy.com What makes his blog out of the common ? Paddy is spending the time to design his blog post so they transmit a part of the message. He has accepted to share with us the process to create one [...]


Articles pouvant vous intéresser<ol><li><a href='http://webtribulation.com/2010/03/10/des-articles-de-blog-penses-comme-des-oeuvres-dart/' rel='bookmark' title='Permanent Link: Des articles de blog pensés comme des œuvres d&#8217;art'>Des articles de blog pensés comme des œuvres d&#8217;art</a> <small>J&#8217;ai récemment découvert le blog de Paddy Donnelly, UX designer...</small></li>
</ol>]]></description>
			<content:encoded><![CDATA[<address> </address>
<address>I have recently discovered Paddy Donnelly&#8217;s blog, an irish UX designer living in Belgium : <a title="I am Paddy, blog de Paddy Donnelly" href="http://iampaddy.com/" target="_blank">IamPaddy.com</a> </address>
<address>What makes his blog out of the common ? Paddy is spending the time to design his blog post so they transmit a part of the message. He has accepted to share with us the process to create one of his blog post.</address>
<address> </address>
<address> </address>
<address><a title="version française" href="http://webtribulation.com/2010/03/10/des-articles-de-blog-penses-comme-des-oeuvres-dart/" target="_blank"><img class="alignleft" title="drapeau français" src="http://farm3.static.flickr.com/2797/4422725840_90309c9ef6.jpg" alt="" width="16" height="10" />Lecteur français, vous pouvez trouver une version pour vous ici.</a><br />
</address>
<address> </address>
<address> </address>
<address><a rel="attachment wp-att-1136" href="http://webtribulation.com/2010/03/10/des-articles-de-blog-penses-comme-des-oeuvres-dart/paddy/"><img class="size-full wp-image-1136 alignnone" title="paddy" src="http://webtribulation.com/wp-content/uploads/2010/03/paddy.png" alt="" width="580" height="330" /></a><br />
</address>
<address> </address>
<address> </address>
<address> </address>
<address> </address>
<address> </address>
<address> </address>
<h2>Inspiration.<img class="alignright" title="Carnet en molesking de Paddy" src="http://farm5.static.flickr.com/4057/4422242178_32cd77bce5.jpg" alt="" width="263" height="350" /></h2>
<p>I keep a Moleskine notebook with me at all times and jot down any ideas and thoughts I have for articles. Usually my topics are age old concepts (the page fold, spelling, minimalism) but I try and create a new spin on them.  I try to make people think differently about these concepts and hopefully inspire them to open their minds with their own work.</p>
<h2>Writing.</h2>
<p>I always start with the copy. I usually have a vague idea what the design will look like and that often influences the copy in a later stage, but the copy always comes first. Locking myself away in<a title="Ommwriter" href="http://ommwriter.com/" target="_blank"> Ommwriter</a> with no distractions is the best way I have found for writing my articles.</p>
<h2>Sketching.</h2>
<p>Too many designers open Photoshop straight away without a general idea of how the whole creation will look.  I always fully sketch out the article in it&#8217;s entirety, which can take a number of pages, and then once I&#8217;m pleased with the general direction I open Photoshop.</p>
<h2>Photoshop as a publishing tool.</h2>
<p>I treat Photoshop as a publishing tool, creating the layout to match my sketches. as best I can.  Usually the design influences the copy so some things have to be changed, removed or added.  This takes a long time and I usually scrap everything and start again and again until I&#8217;m happy.</p>
<h2><img class="alignleft" title="Fichier photoshop avant le découpage" src="http://farm5.static.flickr.com/4004/4422242104_43dd685cb8.jpg" alt="" width="350" height="286" />Slicing &amp; HTML/CSS.</h2>
<p>Slicing up the Photoshop file and creating the HTML pages comes next.<br />
This is perhaps the longest stage in the process.  Little things always change here or there depending on my coding skills.  It&#8217;s easy to go wild creating complicated things in Photoshop but it&#8217;s a different story trying to put it together in HTML so sometimes little things have to be left out or changed.</p>
<h2>Publish</h2>
<p>Then once I have read it over, and tweaked and tweaked and tweaked, I publish it and send it out into the world.  I tweet about it and then the article usually takes on a life on it&#8217;s own and works its way around the web. It&#8217;s fantastic to see people enjoying and tweeting about something that I&#8217;ve put so much work into. I make sure to line up my next article by choosing another idea from my Moleskine so that people are anticipating the next installment. This is also a good way of keeping me motivated in creating the next article.</p>
<p style="text-align: center;"><a href="http://iampaddy.com/"><img class="aligncenter" title="Life bellow 600 px" src="http://farm5.static.flickr.com/4002/4422252970_57517bda7c_o.jpg" alt="" width="325" height="481" /></a></p>
<p>Discover the art of Paddy Donnelly<a title="IamPaddy" href="http://iampaddy.com" target="_blank"> on his blog IamPaddy.com. </a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=A+blog+post+as+a+piece+of+art+-+&amp;source=shareaholic" rel="nofollow" class="external" title="Tweetez-le !">Tweetez-le !</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://webtribulation.com/2010/03/10/a-blog-post-as-a-piece-of-art/&amp;t=A+blog+post+as+a+piece+of+art" rel="nofollow" class="external" title="Partagez-le sur Facebook">Partagez-le sur Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://webtribulation.com/2010/03/10/a-blog-post-as-a-piece-of-art/&amp;imageurl=" rel="nofollow" class="external" title="Postez-le sur Google Buzz">Postez-le sur Google Buzz</a>
		</li>
		<li class="shr-comfeed">
			<a href="http://webtribulation.com/2010/03/10/a-blog-post-as-a-piece-of-art/feed" rel="nofollow" class="external" title="S'abonner aux commentaires de cet article ?">S'abonner aux commentaires de cet article ?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>



<p>Articles pouvant vous intéresser<ol><li><a href='http://webtribulation.com/2010/03/10/des-articles-de-blog-penses-comme-des-oeuvres-dart/' rel='bookmark' title='Permanent Link: Des articles de blog pensés comme des œuvres d&#8217;art'>Des articles de blog pensés comme des œuvres d&#8217;art</a> <small>J&#8217;ai récemment découvert le blog de Paddy Donnelly, UX designer...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://webtribulation.com/2010/03/10/a-blog-post-as-a-piece-of-art/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
