

<?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>Black Cat's Blog &#187; Webdesign</title>
	<atom:link href="http://www.black-cat.it/blog/category/web/webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.black-cat.it/blog</link>
	<description>Il blog di Black Cat</description>
	<lastBuildDate>Tue, 14 Jul 2009 10:53:01 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Guida: avere una dockbar stile Mac OSX Leopard su Windows con riflesso</title>
		<link>http://www.black-cat.it/blog/2009/06/12/guida-avere-una-dockbar-stile-mac-osx-leopard-su-windows-con-riflesso/</link>
		<comments>http://www.black-cat.it/blog/2009/06/12/guida-avere-una-dockbar-stile-mac-osx-leopard-su-windows-con-riflesso/#comments</comments>
		<pubDate>Fri, 12 Jun 2009 02:38:48 +0000</pubDate>
		<dc:creator>Black Cat</dc:creator>
				<category><![CDATA[Web & Informatica]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Windows - Linux - OSX]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Dock]]></category>
		<category><![CDATA[guida]]></category>
		<category><![CDATA[icone]]></category>
		<category><![CDATA[Leopard]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[ObjectDock]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://www.black-cat.it/blog/?p=141</guid>
		<description><![CDATA[In molti mi hanno chiesto come ho fatto a mettere la dockbar di OS X sul mio Windows Vista:

Ecco una guida per spiegarvi passo a passo come installarla e personalizzarla ]]></description>
			<content:encoded><![CDATA[<p>In molti mi hanno chiesto come ho fatto a mettere la <strong>dockbar di OS X sul mio Windows Vista</strong>:</p>
<p><a href="http://www.black-cat.it/blog/wp-content/uploads/2009/06/MY_DESKTOP_03_2008_by_bl4ck_c4t_xiii.jpg" rel="lightbox[141]"><img class="alignleft size-thumbnail wp-image-142" title="Mio Desktop Windows Vista" src="http://www.black-cat.it/blog/wp-content/uploads/2009/06/MY_DESKTOP_03_2008_by_bl4ck_c4t_xiii-150x150.jpg" alt="Mio Desktop Windows Vista" width="150" height="150" /></a></p>
<p>Ecco una guida per spiegarvi passo a passo come installarla e personalizzarla secondo le vostre esigenze. Prima di tutto vi servono alcuni programmi:</p>
<p>- <strong>Objectdock</strong>: potete trovare questo software nel sito ufficiale stardock.com anche se la versione con tutti gli “optional” è a pagamento.</p>
<p>- <strong>Firefox</strong>: notissimo browser per internet. Se avete Internet Explorer, cambiatelo immediatamente con Firefox! Se avete un altro browser non importa dovrebbe andare bene uguale. Per ulteriori dettagli vai QUI.</p>
<p>- <strong>Photoshop</strong> o altro: un buon programma di fotoritocco è essenziale. Se non avete photoshop, provate con un programma simile come Gimp.</p>
<p>- <strong>Pacchetto Tema MAC OSX:</strong> è un pacchetto che contiene le immagini per il background della barra. Lo potete scaricare <a href="http://www.black-cat.it/blog/wp-content/uploads/2009/06/leopard-dock.zip">Qua</a>.</p>
<p>La procedura  è questa:</p>
<p>1. Dezippate il contenuto dell’archivio contenete il tema per objectdock e trasportate i file nella cartella di installazione di Objectdock (solitamente è C:/programmi/Stardock/Objectdock). Copiate il contenuto dei file compressi dentro la cartella background/non-tabbed/Leopard. Naturalmente la cartella “leopard” dovrete crearla voi.</p>
<p>2. Aprite Objectdock, cliccate con il tasto destro su un punto vuoto della barra e andate su “Impostazioni Dock”. Andate sulla voce “Apparenza” e come background scegliete OS X Leopard. Ci saranno probabilmente due versioni. Una è scura mentre l’altra è chiara.</p>
<p>3. Scegliete poi le dimensioni delle icone. Io vi consiglio <strong>intorno ai 45px</strong> per le icone normali e intorno ai 90-100 per l’ingrandimento.</p>
<p>4. Come posizionamento scegliete in basso naturalmente, abilitando sia il reverse che il distanziamento automatico. Scegliete infine Keep on Top se desiderate averlo sempre in primo piano e che non<strong> si sovrapponga alle finestre.</strong></p>
<p>5. Ora dovete inserire le icone che più vi piacciono. Per farlo potete semplicemente “trascinare” il collegamento che vi interessa. Probabilmente avrete delle icone piccole che, al minimo ingrandimento “sgranano”. Per ovviare a ciò, potete trovare le icone dei vostri programmi preferiti su images.google.com. Ad esempio, se volete l’icona di Emule, basterà  che su images google cerchiate “emule png”. Solitamente infatti le icone si trovano in png e gif. <strong>Le GIF </strong>non avendo un grande supporto per i livelli trasparenti <strong>sono sconsigliate</strong> ed è più conveniente trovare una bella icona in formato PNG. <strong>ATTENZIONE</strong>!! Ricordatevi di non usare immagini inferiori alla dimensione dell’ingrandimento o sgranerà .</p>
<p>——————–</p>
<p>Ora, per completare il tutto vi serve il riflesso. Non essendo una verra barra del mac, il riflesso automatico non potete averlo. Si può comunque simulare il riflesso con Photoshop o un programma equivalente. Naturalmente io nella guida ho utilizzato Photoshop.</p>
<p><a href="http://www.black-cat.it/blog/wp-content/uploads/2009/06/01.png" rel="lightbox[141]"><img class="alignleft size-thumbnail wp-image-144" title="Tutorial creazione Icona con riflesso" src="http://www.black-cat.it/blog/wp-content/uploads/2009/06/01-150x150.png" alt="Tutorial creazione Icona con riflesso" width="150" height="150" /></a>Aprite un nuovo progetto con grandezza <strong>128×128</strong>, rimediate una bella icona che vi piace e apritela in una nuova finestra con photoshop.</p>
<p>Create un nuovo livello nel vostro progetto (menu livello -&gt; nuovo -&gt; livello) e nascondete lo sfondo bianco (nel pannello livelli in basso a destra dovete cliccare sull’icona dell’occhio. Avrete così uno spazio trasparente come sfondo (determinato da una scacchiera di quadretti grigi e bianchi).</p>
<p><a href="http://www.black-cat.it/blog/wp-content/uploads/2009/06/02.png" rel="lightbox[141]"><img class="alignright size-thumbnail wp-image-145" title="Tutorial creazione icona con riflesso secondo passo" src="http://www.black-cat.it/blog/wp-content/uploads/2009/06/02-150x150.png" alt="Tutorial creazione icona con riflesso secondo passo" width="150" height="150" /></a>Tornate sulla finestra dell’icona e usate lo strumento bacchetta magica per selezionare tutte quelle aree di sfondo che non vi servono (solitamente sono bianche). Cliccate con il tasto destro e scegliete “seleziona inverso” per selezionare esclusivamente l’icona. Copiate così quello che avete selezionato e incollatelo nel vostro progetto, avendo cura di ridurre le dimensioni dell’altezza intorno ai 95-100 pixel circa (dal bordo superiore). Se avete una png con lo sfondo trasparente potete semplicemente copiare il tutto e incollarlo nel vostro progetto.</p>
<p>Ora nel vostro progetto, andate di nuovo sul pannello livelli in basso a destra e cliccate con il pulsante destro sul livello dell’immagine che avete copiato poc’anzi. Nel menu che vi comparirà, scegliete “Duplica Livello”.</p>
<p><a href="http://www.black-cat.it/blog/wp-content/uploads/2009/06/03.png" rel="lightbox[141]"><img class="alignleft size-thumbnail wp-image-146" title="Tutorial creazione icona con riflesso terzo passo" src="http://www.black-cat.it/blog/wp-content/uploads/2009/06/03-150x150.png" alt="Tutorial creazione icona con riflesso terzo passo" width="150" height="150" /></a>Avrete ora due livelli identici. Selezionate quello più in basso nella lista dei livelli e cliccate con il tasto destro sull’immagine</p>
<p>Trasformazione libera -&gt; Rifletti Immagine</p>
<p>Avrete la vostra immagine ribaltata. Posizionatela esattamente sotto la sua copia e poi andate di nuovo sul menu “livelli” in basso a destra e modificate l’opacità  del livello al 50%. Ora andate su</p>
<p>Livello -&gt; Maschera di livello -&gt; Mostra tutto</p>
<p>Scegliete subito dopo lo strumento sfumatura che si trova nel pannello strumenti a sinistra e assicuratevi nel menu a sinistra che ci sia la sfumatura che va dal bianco al nero (o viceversa).<a href="http://www.black-cat.it/blog/wp-content/uploads/2009/06/04.png" rel="lightbox[141]"><img class="alignright size-thumbnail wp-image-147" title="Tutorial creazione icona con riflesso quarto passo" src="http://www.black-cat.it/blog/wp-content/uploads/2009/06/04-150x150.png" alt="Tutorial creazione icona con riflesso quarto passo" width="150" height="150" /></a></p>
<p>Con questro strumento ora, andate a sfumare il vostro riflesso, descrivendo con il mouse una linea di sfumatura. Potete provare e riprovare la sfumatura più volte fino a che non otterrete un effetto sfumato. <strong>Non preoccupatevi se il riflesso vi sembra troppo leggero</strong>. E’ giusto così. Ricordatevi di far partire la sfumatura dall’altro del riflesso fino in basso poco prima della fine del quadro immagine.</p>
<p><a href="http://www.black-cat.it/blog/wp-content/uploads/2009/06/05.png" rel="lightbox[141]"><img class="alignleft size-thumbnail wp-image-148" title="Tutorial creazione icona con riflesso quinto passo" src="http://www.black-cat.it/blog/wp-content/uploads/2009/06/05-150x150.png" alt="Tutorial creazione icona con riflesso quinto passo" width="150" height="150" /></a>Una volta finito, andate su File -&gt; salva per web e dispositivi. Nel pannello seguente, scegliete come tipo di file “PNG-24″ dopodichè salvate il file. Ora sul collegamento nella vostra dock, cliccate sempre con il tasto destro e scegliete “proprietà  della dock” e poi su “cambia immagine”. Scegliete l’immagine che avete creato e avrete la vostra icona con riflesso.</p>
<p>Ora che conoscete la procedura non vi resta che ripeterla per tutte le icone che avete e il gioco è fatto.</p>
<p style="text-align: center;">————-</p>
<p style="text-align: center;">Risultato:</p>
<p style="text-align: center;"><a href="http://www.black-cat.it/blog/wp-content/uploads/2009/06/okolk.png" rel="lightbox[141]"><img class="alignnone size-full wp-image-151" title="Icona Finale Firefox con riflesso" src="http://www.black-cat.it/blog/wp-content/uploads/2009/06/okolk.png" alt="Icona Finale Firefox con riflesso" width="128" height="128" /></a></p>
<p style="text-align: center;">—————————</p>
<p>Vi lascio anche un pacchetto con alcuni file già  pronti. Per qualsiasi domanda, curiosità  o aiuto lasciate un commento.</p>
<p><a href="http://www.black-cat.it/blog/wp-content/uploads/2009/06/leopard_refflective_iconset_3.rar">Icone Reflect Pack</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.black-cat.it/blog/2009/06/12/guida-avere-una-dockbar-stile-mac-osx-leopard-su-windows-con-riflesso/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
