<?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>Marask.com &#187; web grafica</title>
	<atom:link href="http://www.marask.com/tag/web-grafica/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.marask.com</link>
	<description>pensieri, parole, opere ed omissioni dell&#039;era digitale</description>
	<lastBuildDate>Wed, 23 Jun 2010 15:16:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Testo web 2.0 con Photoshop</title>
		<link>http://www.marask.com/grafica-photoshop-01/</link>
		<comments>http://www.marask.com/grafica-photoshop-01/#comments</comments>
		<pubDate>Tue, 23 Dec 2008 23:18:02 +0000</pubDate>
		<dc:creator>Marask</dc:creator>
				<category><![CDATA[photoshop]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[web grafica]]></category>

		<guid isPermaLink="false">http://marask.com/?p=38</guid>
		<description><![CDATA[Basta navigare un po&#8217; in internet per accorgersi che nell&#8217;ultimo periodo il web sembra essersi sempre più uniformato, adattandosi a standard sempre più precisi. Ora, che la cosa sia o meno un bene non mi riguarda, quindi mi limiterò a mostrarvi come ottenere quel tipo...]]></description>
			<content:encoded><![CDATA[<div class="socialize-in-content" style="float:left;"></div><p style="text-align: left;">Basta navigare un po&#8217; in internet per accorgersi che nell&#8217;ultimo periodo il web sembra essersi sempre più uniformato, adattandosi a standard sempre più precisi. Ora, che la cosa sia o meno un bene non mi riguarda, quindi mi limiterò a mostrarvi come ottenere quel tipo di effetti tanto popolari di questi tempi.</p>
<p>Iniziamo con il testo, la parte più semplice.</p>
<p>In questo tutorial apprenderemo come realizzare un effetto di testo di questo tipo:</p>
<p> </p>
<p style="text-align: center;"><img class="aligncenter" style="vertical-align: middle;" src="http://www.marask.com/images/marask1.jpg" alt="" width="300" height="250" /></p>
<p> </p>
<p>Iniziamo. Creiamo una nuova immagine, di una dimensione qualsiasi, con sfondo nero e testo bianco. Come font suggerisco il Trebuchet MS, particolarmente adatto a questo tipo di effetti. Dovrebbe essere presente di default anche sul vostro pc.</p>
<p> </p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.marask.com/images/marask2.jpg" alt="" width="300" height="250" /></p>
<p> </p>
<p>Ora iniziamo applicando questi effetti al nostro testo:</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.marask.com/images/marask3.jpg" alt="" /></p>
<p> </p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.marask.com/images/marask4.jpg" alt="" /></p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.marask.com/images/marask5.jpg" alt="" /></p>
<p> Nel dettaglio, la sfumatura deve avere all&#8217;incirca queste impostazioni (il grigio è un #999999):</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.marask.com/images/marask6.jpg" alt="" /></p>
<p> </p>
<p>Bene, a questo punto dovreste aver ottenuto questo risultato:</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.marask.com/images/marask7.jpg" alt="" /></p>
<p> </p>
<p>Ci siamo quasi. Come prossimo passo, duplichiamo il livello (ctrl+J), andiamo nel menu Modifica, poi Trasforma&gt;Rifletti verticale. Fatto questo, posizioniamo il nuovo livello sotto al precedente e spostiamolo in basso, in modo da creare una simmetria.</p>
<p>A questo punto apriamo il pannello effetti del livello appena creato e lasciamo tutto uguale, tranne un particolare: invertiamo la sfumatura, in modo da avere la parte grigia adiacente alla parte grigia del livello sottostante.</p>
<p> </p>
<p>Il risultato è questo:</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.marask.com/images/marask8.jpg" alt="" /></p>
<p> </p>
<p>Creiamo un nuovo lvello (ctrl &#8211; shift &#8211; n) e posizioniamolo tra i due. In questo livello stenderemo una sfumatura che va da nero a trasparente, così:</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.marask.com/images/marask9.jpg" alt="" /></p>
<p> </p>
<p>In modo da ottenere questo:</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.marask.com/images/marask10.jpg" alt="" /></p>
<p> </p>
<p>Così facendo abbiamo ottenuto il nostro testo 2.0<br />
Nel prossimo articolo vedremo come come abbellirlo ulteriormente con uno sfondo sfumato ed alcuni effetti 3d. Per ora è tutto, spero che questo tutorial sia stato utile. alla prossima!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.marask.com/grafica-photoshop-01/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

