<?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>ClubePC &#187; Botão</title>
	<atom:link href="http://www.clubepc.org/tag/botao/feed" rel="self" type="application/rss+xml" />
	<link>http://www.clubepc.org</link>
	<description></description>
	<lastBuildDate>Fri, 30 Dec 2011 17:03:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Super pacote de Stlyes para o Photoshop</title>
		<link>http://www.clubepc.org/super-pacote-de-estilosstlyes-para-o-photoshop-23-01-2008</link>
		<comments>http://www.clubepc.org/super-pacote-de-estilosstlyes-para-o-photoshop-23-01-2008#comments</comments>
		<pubDate>Thu, 24 Jan 2008 01:56:25 +0000</pubDate>
		<dc:creator>Thales RB</dc:creator>
				<category><![CDATA[Download]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Botão]]></category>

		<guid isPermaLink="false">http://www.clubepc.org/super-pacote-de-estilosstlyes-para-o-photoshop-23-01-2008</guid>
		<description><![CDATA[No photoshop existem Stlyes prontos, que são simplesmente estilos, usando as Blending Options, e para usa-los é só clicar em cima do desejado que ele será aplicado na figura que esteja no Layer. Caso essa tela não esteja disponivel é só clicar no menu Window e marcar a opção Styles Esses estilos são bons para [...]]]></description>
			<content:encoded><![CDATA[<div id=HOTWordsTxt name=HOTWordsTxt><p>No photoshop existem Stlyes prontos, que são simplesmente estilos, usando as <strong>Blending Options, </strong>e para usa-los é só clicar em cima do desejado que ele será aplicado na figura que esteja no Layer.</p>
<p><img src="http://i26.tinypic.com/1zpgvmc.jpg" alt="Style photoshop" height="295" width="280" /></p>
<p>Caso essa tela não esteja disponivel é só clicar no menu <strong>Window</strong> e marcar a opção Styles</p>
<p>Esses  estilos são bons para fazer botões, já que as configurações são normalmente de botões,</p>
<p>e aqui o super pacote de styles para <strong>Download</strong>:</p>
<p><span id="more-116"></span></p>
<p><strong>Artisticos</strong></p>
<p><img src="http://i1.tinypic.com/6xg2jq9.jpg" alt="styles artisticos" height="944" width="656" /></p>
<p>http://rapidshare.com/files/81588648/ARTISTIC.rar</p>
<p><strong> Materials</strong></p>
<p><img src="http://i17.tinypic.com/8b9659s.jpg" alt="styles de materials" /></p>
<p>http://rapidshare.com/files/81590255/Materials.rar</p>
<p><strong>Net</strong></p>
<p><img src="http://i4.tinypic.com/7348zmc.jpg" alt="styles net" /></p>
<p>http://rapidshare.com/files/81590693/Net.rar</p>
<p><strong>Texto</strong></p>
<p><img src="http://i4.tinypic.com/6x9zorn.jpg" alt="styles para textos" /></p>
<p>http://rapidshare.com/files/81591016/Text.rar</p>
<p><span style="color: #dc1400">E</span><span style="color: #dc2800">n</span><span style="color: #dc3c00">j</span><span style="color: #dc5000">oy</span><span style="color: #dc6400"></span><span style="color: #dc7800">!</span> <span style="color: #dca000">Um</span> <span style="color: #dcc800">S</span><span style="color: #dcdc00">i</span><span style="color: #c8dc00">m</span><span style="color: #b4dc00">p</span><span style="color: #a0dc00">l</span><span style="color: #8cdc00">es</span> <span style="color: #64dc00">o</span><span style="color: #50dc00">b</span><span style="color: #3cdc00">r</span><span style="color: #28dc00">i</span><span style="color: #14dc00">ga</span><span style="color: #00dc00">do</span> <span style="color: #00dc28">j</span><span style="color: #00dc3c"></span><span style="color: #00dc50">á</span><span style="color: #00dc64"></span><span style="color: #00dc78"></span> <span style="color: #00dca0">a</span><span style="color: #00dcb4">j</span><span style="color: #00dcdc">u</span><span style="color: #00c8dc"></span><span style="color: #00b4dc">d</span><span style="color: #00a0dc">a</span><span style="color: #00b4dc"></span><span style="color: #00a0dc">.</span></p>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.clubepc.org/super-pacote-de-estilosstlyes-para-o-photoshop-23-01-2008/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Criar um botão similar ao do Vista no Photoshop</title>
		<link>http://www.clubepc.org/criar-um-botao-similar-ao-do-vista-no-photoshop-18-01-2008</link>
		<comments>http://www.clubepc.org/criar-um-botao-similar-ao-do-vista-no-photoshop-18-01-2008#comments</comments>
		<pubDate>Fri, 18 Jan 2008 06:32:33 +0000</pubDate>
		<dc:creator>Thales RB</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Botão]]></category>

		<guid isPermaLink="false">http://www.clubepc.org/criar-um-botao-similar-ao-do-vista-no-photoshop-18-01-2008</guid>
		<description><![CDATA[Hoje irei ensinar a fazer um botão similar ao usado no Windows Vista, ele se chama Aero Glass Vista(não sei uma tradução que seja entendida para isso), o resultado será similar a esse: Então vamos lá 1) Crie um novo documento, pode ser do tamanho que quiser, eu usei 160&#215;60, e coloquei o fundo como [...]]]></description>
			<content:encoded><![CDATA[<div id=HOTWordsTxt name=HOTWordsTxt><p>Hoje irei ensinar a fazer um botão similar ao usado no Windows Vista, ele se chama Aero Glass Vista(não sei uma tradução que seja entendida para isso), o resultado será similar a esse:<br />
<img src="http://i7.tinypic.com/86pllz5.gif" alt="botao glass vista" /></p>
<p>Então vamos lá</p>
<p><span id="more-110"></span></p>
<p>1) Crie um novo documento, pode ser do tamanho que quiser, eu usei 160&#215;60, e coloquei o fundo como cinza escuro #2a2a2a. Use a <strong>Rounded Rectangle Tool, </strong>com o <strong>radius </strong>de 5px(botão maior radius maior!) na cor preta. Você deverá ter algo assim:</p>
<p><img src="http://i7.tinypic.com/8abd2pz.png" /></p>
<p>2) Agora vamos adicionar os efeitos a esse botão, usando as Blending Option, para muda-la você pode ir em <strong>Layer &gt; Layer Style&gt; Blending Options, </strong>e mude os seguinte itens:</p>
<p><img src="http://i6.tinypic.com/8fjx2f5.png" /></p>
<p><img src="http://i9.tinypic.com/82izf3l.png" /></p>
<p><img src="http://i2.tinypic.com/6ybbv34.png" /></p>
<p>Aqui é para adicionar a cor desejada:</p>
<p><img src="http://i12.tinypic.com/7y2dljc.png" /></p>
<p>No caso a cor usada para o gradiente é:</p>
<p>Azul claro, 1 cor: #148791</p>
<p>Azul escuro, 2 e 3 cor: #000f1b</p>
<p><img src="http://i16.tinypic.com/6wz9es5.png" /></p>
<p>O resultado disso deverá ser esse:</p>
<p><img src="http://i3.tinypic.com/816rak6.gif" /></p>
<p>3) Adicione um novo Layer(Ctrl + Shift + N),  Segure Ctrl + Shift + Alt e clique no Layer Thumbnail(veja a imagem abaixo), para selecionar o botão criado.</p>
<p><img src="http://i19.tinypic.com/6wni5ns.gif" /></p>
<p>4) Adicione a cor branca nessa seleção, usando o <strong>Paint Bucket Tool</strong>(Balde de tinta). Aperte Ctrl + t e diminua o tamanho para a metade do botão:</p>
<p><img src="http://i1.tinypic.com/6pi9dav.gif" /></p>
<p>5) Diminua a transparência dele, mude a <strong>Opacity </strong>para 20%<br />
<img src="http://i12.tinypic.com/86tap9d.png" /></p>
<p>6) E está pronto o botão, agora é só adicionar o que quiser</p>
<p><img src="http://i7.tinypic.com/86pllz5.gif" alt="botao glass vista" /></p>
<p>Fica um botão bem loco, a única parte difícil é a escolha do gradiente, que é preciso ter um bom censo para escolher cores que combinam.</p>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.clubepc.org/criar-um-botao-similar-ao-do-vista-no-photoshop-18-01-2008/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Criar um botão com aparência de um tablete no photoshop</title>
		<link>http://www.clubepc.org/criar-um-botao-com-aparencia-de-um-tablete-no-photoshop-11-01-2008</link>
		<comments>http://www.clubepc.org/criar-um-botao-com-aparencia-de-um-tablete-no-photoshop-11-01-2008#comments</comments>
		<pubDate>Fri, 11 Jan 2008 05:15:57 +0000</pubDate>
		<dc:creator>Thales RB</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Botão]]></category>
		<category><![CDATA[Designer]]></category>

		<guid isPermaLink="false">http://www.clubepc.org/criar-um-botao-com-aparencia-de-um-tablete-no-photoshop-11-01-2008</guid>
		<description><![CDATA[Quando eu comecei a mexer com o photoshop, a primeira coisa que eu tentei fazer, foi um botão, já que o que eu aprendi no photoshop sempre foi focado para a área de layout. Por isso vou tentar fazer vários posts sobre como criar botões no photoshop, já que algumas simples modificações, pode ser ter [...]]]></description>
			<content:encoded><![CDATA[<div id=HOTWordsTxt name=HOTWordsTxt><p>Quando eu comecei a mexer com o photoshop, a primeira coisa que eu tentei fazer, foi um botão, já que o que eu aprendi no photoshop sempre foi focado para a área de layout. Por isso vou tentar fazer vários posts sobre como criar botões no photoshop, já que algumas simples modificações, pode ser ter efeitos totalmente diferentes.</p>
<p>Aqui irei ensinar como, fazer um botão com aparência de um tablete. O resultado final será algo parecido com esse <strike>espero que o seu fique mais bonito</strike>:</p>
<p><img src="http://i3.tinypic.com/6s64go8.gif" /></p>
<p>Então vamos lá<strike>?</strike></p>
<p><span id="more-104"></span></p>
<p>Crie um documento de qualquer tamanho.</p>
<p>E adicione um <strong>Rounded Retangular Tool </strong>com fundo <strong>Branco</strong>, o tamanho pode ser qualquer um e o radius também não importa, no meu eu pus 10px.</p>
<p>Esse resultado é feito somente usando as Blending Options do Layer.</p>
<p>Então clique com o botão direito sobre o layer e vá na opção <strong>Blending Options&#8230;</strong></p>
<p>Agora irei colocar as imagens com os padrões a serem colocados, preste atenção no que foi mudado, já que eu não irei marcar o que e onde deve ser alterado.</p>
<p><img src="http://i9.tinypic.com/6omsw8g.gif" /></p>
<p><img src="http://i6.tinypic.com/8bqn6yo.gif" /></p>
<p><img src="http://i14.tinypic.com/72se1qc.gif" /></p>
<p><img src="http://i15.tinypic.com/8gjgmma.gif" /></p>
<p>E o Pattern Overlay é o fundo do botão, ai você coloque o que achar melhor.E adicionei um novo layer com os mesmos atributos, só mudando o pattern. Como eu estou sem pattern legais usei os que vem por padrão, no caso usei o bubbles na frente, e o Metal Landscape no fundo. Eu só diminui a escala pra não ficar tão feio =P.</p>
<p><img src="http://i3.tinypic.com/6s64go8.gif" /></p>
<p>Espero que vocês façam algo mais botino que esse aqui =D. Mas enfim esse é um efeito bem legal, se for bem usado dá pra fazer um botão muito <strike>bonito</strike> loco.</p>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.clubepc.org/criar-um-botao-com-aparencia-de-um-tablete-no-photoshop-11-01-2008/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

