<?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>ARTEgami &#187; tutoriales</title>
	<atom:link href="http://artegami.com/tag/tutoriales/feed/" rel="self" type="application/rss+xml" />
	<link>http://artegami.com</link>
	<description>Diseño Grafico, Diseño Web, Multimedia, SEO, Freelance, Blog</description>
	<lastBuildDate>Sat, 11 Feb 2012 19:11:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>30 Tutoriales para crear Tabs usando jQuery</title>
		<link>http://artegami.com/30-tutoriales-para-crear-tabs-usando-jquery/</link>
		<comments>http://artegami.com/30-tutoriales-para-crear-tabs-usando-jquery/#comments</comments>
		<pubDate>Sun, 04 Dec 2011 22:14:23 +0000</pubDate>
		<dc:creator>Maiden</dc:creator>
				<category><![CDATA[Diseño CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Recursos]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[30 tutoriales]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQuery tabs]]></category>
		<category><![CDATA[tutoriales]]></category>

		<guid isPermaLink="false">http://artegami.com/?p=9117</guid>
		<description><![CDATA[Usar la librería jQuery al estructurar el cuerpo de nuestra programación web, le brinda un bonito acabado haciéndolo lucir más profesional a comparación de mostrarla sin ella, poniendo un ejemplo común, no sé si habrás visto la estructura de las páginas de películas para ver online, [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://artegami.com/wp-content/uploads/2011/12/Simple-Tabs-jQuery.png"><img class="aligncenter size-full wp-image-9118" title="Simple Tabs jQuery" src="http://artegami.com/wp-content/uploads/2011/12/Simple-Tabs-jQuery.png" alt="Simple Tabs jQuery 30 Tutoriales para crear Tabs usando jQuery" width="565" height="477" /></a></p>
<p style="text-align: justify;">Usar la librería<strong> jQuery</strong> al estructurar el cuerpo de nuestra <strong>programación web</strong>, le brinda un bonito acabado haciéndolo lucir más profesional a comparación de mostrarla sin ella, poniendo un ejemplo común, no sé si habrás visto la estructura de las páginas de películas para ver online, seguramente que si&#8230; Cuando reproduces alguna película, esta aparece en partes o bien en diferentes servidores para poder observar la película, pero si te fijas bien se encuentra organizada en pestañas; opción 1, opción 2, etc. Esas pestañas no son más que las famosas <strong>jQuery Tabs</strong> acompañados de CSS para obtener un mejor acabado.<span id="more-9117"></span></p>
<p style="text-align: justify;">Alguna vez me llego a interesar esta librería para un proyecto, recuerdo haberla guardado en favoritos cuando la encontré y hoy vengo a compartirles la recopilación de <strong>30 Tutoriales para crear Tabs usando jQuery</strong> por <a target="_blank" href="http://webdesign14.com/30-useful-jquery-tabs-tutorials/">webdesign14</a>, al visitar el enlace podrás encontrarte con 30 estilos diferentes para usar Tabs, luego de ingresar a cada uno de los tutoriales podrás descubrir la forma en la que están estructurados, además de los elementos que se usaron para hacer la explicación, en algunos hasta podrás descargar el source completo si eres novato en esto te será de mucha ayuda, aunque sería mejor que sigas la estructura paso a paso para poder aprender correctamente.</p>
<p style="text-align: center;"><strong><a target="_blank" href="Animated Tabbed Content With jQuery">Animated Tabbed Content With jQuery</a></strong></p>
<p style="text-align: center;"><a href="http://artegami.com/wp-content/uploads/2011/12/post21_1.jpg"><img class="aligncenter size-full wp-image-9119" title="Crear Tabs usando jQuery" src="http://artegami.com/wp-content/uploads/2011/12/post21_1.jpg" alt="post21 1 30 Tutoriales para crear Tabs usando jQuery" width="500" height="207" /></a></p>
<p style="text-align: center;"><strong> <a target="_blank" href="http://yensdesign.com/2008/12/create-a-smooth-tabbed-menu-in-jquery/">Create a smooth tabbed menu in jQuery</a></strong></p>
<p style="text-align: center;"><a target="_blank" href="http://artegami.com/wp-content/uploads/2011/12/post21_4-2.jpg"><img class="aligncenter size-full wp-image-9120" title="Tabs usando jQuery" src="http://artegami.com/wp-content/uploads/2011/12/post21_4-2.jpg" alt="post21 4 2 30 Tutoriales para crear Tabs usando jQuery" width="500" height="238" /></a><strong><a href="http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/"> Simple Tabs w/ CSS &amp; jQuery</a></strong></p>
<p style="text-align: center;"><strong><a href="http://artegami.com/wp-content/uploads/2011/12/post21_30.jpg"><img class="aligncenter size-full wp-image-9121" title="Simple Tabs w/ CSS &amp; jQuery" src="http://artegami.com/wp-content/uploads/2011/12/post21_30.jpg" alt="post21 30 30 Tutoriales para crear Tabs usando jQuery" width="500" height="173" /></a> </strong></p>
<p style="text-align: justify;">A continuación tienes el enlace para poder ver los demás estilos para crear tabs usando jQuery:</p>
<p style="text-align: justify;"><a target="_blank" href="http://webdesign14.com/30-useful-jquery-tabs-tutorials/"><strong>30 Useful jQuery Tabs Tutorials</strong></a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://artegami.com/30-tutoriales-para-crear-tabs-usando-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Descubre 25 Tutoriales de Matte Painting</title>
		<link>http://artegami.com/descubre-25-tutoriales-de-matte-painting/</link>
		<comments>http://artegami.com/descubre-25-tutoriales-de-matte-painting/#comments</comments>
		<pubDate>Fri, 11 Nov 2011 15:57:59 +0000</pubDate>
		<dc:creator>Miguel</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[25 Tutoriales]]></category>
		<category><![CDATA[25 Tutoriales de Matte Painting]]></category>
		<category><![CDATA[tutorial gratis]]></category>
		<category><![CDATA[tutoriales]]></category>

		<guid isPermaLink="false">http://artegami.com/?p=9021</guid>
		<description><![CDATA[Seguramente te gusta mucho el diseño grafico pero quieres aumentar tus habilidades para poder diseñar a un nivel mas alto y sin duda puedes hacerlo haciendo curso sobre diseño grafico y otras ramas del diseño pero son verdaderamente costosos pero [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://artegami.com/wp-content/uploads/2011/11/matte-tutorials-1.jpg"><img class="alignnone size-full wp-image-9022" title="matte-tutorials-1" src="http://artegami.com/wp-content/uploads/2011/11/matte-tutorials-1.jpg" alt="matte tutorials 1 Descubre 25 Tutoriales de Matte Painting" width="550" height="312" /></a></p>
<p>Seguramente te gusta mucho el <strong>diseño grafico</strong> pero quieres aumentar tus habilidades para poder diseñar a un nivel mas alto y sin duda puedes hacerlo haciendo <strong>curso sobre diseño grafico</strong> y otras ramas del diseño pero son verdaderamente costosos pero a continuación vamos a poder ver varios tutoriales en el cual vamos aprender sobre este autor en el cual es un excelente diseñador y decide hacer algunos tutoriales en el cual podemos aprender mas sobre el diseño grafico.</p>
<p>En esta publicación vamos a poder ver hasta <strong>25 tutoriales</strong> diferente sobre diseños realizados por <strong>Matte Painting</strong> que es el autor en el cual podemos guiarnos con estos excelentes diseños en el cual cada uno tiene una determinación y una calidad nunca antes vista. Sin duda estos tutoriales son ilustrados por imágenes y sin duda alguna vamos a poder ver los a continuación totalmente gratis y poder aprender sobre estos diseños y realizarlos nosotros y tener mas experiencia con este fabuloso programa.<span id="more-9021"></span></p>
<p>Estos diseños ilustran un futuro ósea que son<strong> imágenes futuristas</strong> y <strong>sub realista</strong> que sin duda eso nos puede llamar mucho la atención y también a los usuarios que miren un diseño nuestro realizado con tanta ilustración y calidad nen una simple imagen.</p>
<p>Enlace:<strong><a target="_blank" href="http://vandelaydesign.com/blog/design/matte-painting-tutorials/"> 25 Tutoriales de Matte Painting</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://artegami.com/descubre-25-tutoriales-de-matte-painting/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutorial para hacer un texto retro con estilo pompa de jabón</title>
		<link>http://artegami.com/tutorial-para-hacer-un-texto-retro-con-estilo-pompa-de-jabon/</link>
		<comments>http://artegami.com/tutorial-para-hacer-un-texto-retro-con-estilo-pompa-de-jabon/#comments</comments>
		<pubDate>Thu, 03 Nov 2011 03:50:55 +0000</pubDate>
		<dc:creator>Miguel</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[fuentes retros]]></category>
		<category><![CDATA[Recursos]]></category>
		<category><![CDATA[tutoriales]]></category>

		<guid isPermaLink="false">http://artegami.com/?p=8919</guid>
		<description><![CDATA[Como todos sabemos que los tutoriales son para ayudar a mejorar o aprender algo en específico y sin duda alguna esta publicación trata sobre eso que es un pequeño tutorial para aprender hacer un texto retro con estilo pompa de [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="alignnone size-full wp-image-8920" title="tutorial-rotulo-pompas-jabon-retro" src="http://artegami.com/wp-content/uploads/2011/11/tutorial-rotulo-pompas-jabon-retro.jpg" alt="tutorial rotulo pompas jabon retro Tutorial para hacer un texto retro con estilo pompa de jabón" width="450" height="281" /></p>
<p>Como todos sabemos que los <strong>tutoriales</strong> son para ayudar a mejorar o aprender algo en específico y sin duda alguna esta publicación trata sobre eso que es un pequeño<strong> tutorial para aprender hacer un texto retro con estilo pompa de jabón</strong> y sin duda alguna es de forma rápida y sencilla solo bebes seguir los pasos y todo será muy fácil.</p>
<p>Debemos saber hacer estas letras como la imagen de la publicación que tienen un<strong> diseño retro</strong> y también como jabón que sin duda son algo moderno y también cae muy bien a un diseño que tengamos que hacer sobre tecnología o juegos de pc y sin duda podrás hacer y aprender hacer las letras con el tutorial que podrás aprender a continuación.<span id="more-8919"></span></p>
<p>Una de las cosas que debes saber para poder hacer el tutorial sin ningún problemas es que debes tener instalarlo el <strong>Adobe Photoshop CS5 Extended</strong> porque el tutorial se trabaja con ese programa y esa versión que sin duda la tienen o si no puedes actualizarla a la reciente, también debemos saber que el tutorial se divide en 9 partes y sin duda alguna son fáciles de hacer estas partes y podrás aprender hacer las letras a continuación y sobre todo totalmente gratis.</p>
<p>Enlace:<strong> <a target="_blank" href="http://textuts.com/colorful-retro-text-effect/" target="_blank">Tutorial para hacer un texto retro con estilo pompa de jabón</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://artegami.com/tutorial-para-hacer-un-texto-retro-con-estilo-pompa-de-jabon/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Aprender Photoshop: Completos tutoriales</title>
		<link>http://artegami.com/aprender-photoshop-completos-tutoriales/</link>
		<comments>http://artegami.com/aprender-photoshop-completos-tutoriales/#comments</comments>
		<pubDate>Tue, 16 Aug 2011 22:00:37 +0000</pubDate>
		<dc:creator>Isabel</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Diseño Gráfico]]></category>
		<category><![CDATA[tutoriales]]></category>

		<guid isPermaLink="false">http://artegami.com/?p=8503</guid>
		<description><![CDATA[En mas de una oportunidad les comenté que para aprender diseño una de las principales cuestiones a tener en cuenta es la práctica. Debemos tener paciencia, darnos tiempo para relacionarnos con cada herramienta y lo que es capaz de realizar, [...]]]></description>
			<content:encoded><![CDATA[<p>En mas de una oportunidad les comenté que para aprender diseño una de las principales cuestiones a tener en cuenta es la práctica. Debemos tener paciencia, darnos tiempo para relacionarnos con cada herramienta y lo que es capaz de realizar, y tomarnos un rato diario para practicar y comenzar a llevarnos bien con el programa que utilicemos, sea Photoshop o algún otro.</p>
<p><a target="_blank" href="http://psdfan.com/tutorials/photo-effects/create-a-futuristic-photo-illustration-with-photoshop/"><img class="aligncenter size-full wp-image-8504" title="tuto1" src="http://artegami.com/wp-content/uploads/2011/08/tuto1.jpg" alt="tuto1 Aprender Photoshop: Completos tutoriales" width="400" height="346" /></a><span id="more-8503"></span></p>
<p>Para facilitarles la tarea, a continuación podrán ver una serie de tutoriales de Photoshop que abarcan todo tipo de nivel de usuario. Desde el mas básico al mas avanzado podrá encontrarse con algo para aprender y sumar a sus conocimientos, además de no enfocarse en solo un estilo, sino ofreciendo explicaciones para trabajar con textos, fotomanipulaciones y efectos de lo mas variados.</p>
<p><a target="_blank" href="http://abduzeedo.com/fantastic-disintegration-effect-inspired-watchmen-photoshop"><img class="aligncenter size-full wp-image-8505" title="tuto2" src="http://artegami.com/wp-content/uploads/2011/08/tuto2.jpg" alt="tuto2 Aprender Photoshop: Completos tutoriales" width="400" height="184" /></a></p>
<p><a target="_blank" href="http://psd.tutsplus.com/tutorials/painting/paint-a-fun-alien-diner-scene-in-photoshop-psd-premium-tutorial/"><img class="aligncenter size-full wp-image-8506" title="tuto3" src="http://artegami.com/wp-content/uploads/2011/08/tuto3.jpg" alt="tuto3 Aprender Photoshop: Completos tutoriales" width="400" height="283" /></a></p>
<p><a target="_blank" href="http://psd.tutsplus.com/tutorials/text-effects-tutorials/quick-tip-create-an-extruded-glossy-3d-text-effect-in-photoshop/"><img class="aligncenter size-full wp-image-8507" title="tuto4" src="http://artegami.com/wp-content/uploads/2011/08/tuto4.jpg" alt="tuto4 Aprender Photoshop: Completos tutoriales" width="400" height="267" /></a></p>
<p>Si se quedan con ganas de seguir aprendiendo (cosa que espero), pueden ver en <a target="_blank" href="http://speckyboy.com/2011/08/12/30-photoshop-tutorials-for-graphic-designers/" target="_blank">Specky Boy</a> el listado completo de tutoriales para entrar al que mas les guste. Para ir al que quieran aprender recuerden hacer click en la imagen que corresponda.</p>
]]></content:encoded>
			<wfw:commentRss>http://artegami.com/aprender-photoshop-completos-tutoriales/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cheat Sheet de Google+</title>
		<link>http://artegami.com/cheat-sheet-de-google/</link>
		<comments>http://artegami.com/cheat-sheet-de-google/#comments</comments>
		<pubDate>Tue, 26 Jul 2011 22:00:53 +0000</pubDate>
		<dc:creator>Isabel</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[cheat sheets]]></category>
		<category><![CDATA[Google Plus]]></category>
		<category><![CDATA[tutoriales]]></category>

		<guid isPermaLink="false">http://artegami.com/?p=8424</guid>
		<description><![CDATA[Hace pocos días salió a la luz la nueva red social de Google, bajo el nombre Google Plus. Si bien las discuciones son varias y como siempre ocurre en estos casos todavía todos estamos en búsqueda del uso claro que [...]]]></description>
			<content:encoded><![CDATA[<p>Hace pocos días salió a la luz la nueva red social de Google, bajo el nombre Google Plus. Si bien las discuciones son varias y como siempre ocurre en estos casos todavía todos estamos en búsqueda del uso claro que le vamos a dar, siempre es bueno empezar a conocer sus atajos y las formas de manejarnos dentro de ella con mayor rapidez.</p>
<p><span id="more-8424"></span></p>
<p>En la imagen siguiente vamos a poder conocer ciertos &#8220;trucos&#8221; de G+ que quizás hasta el momento desconocíamos. Los dejo con la traducción abajo, si bien con un nivel cde conocimiento mínimo de inglés no vamos a tener problemas para entenderla.</p>
<p><img class="aligncenter size-full wp-image-8425" title="googleplus" src="http://artegami.com/wp-content/uploads/2011/07/googleplus.jpg" alt="googleplus Cheat Sheet de Google+" width="400" height="393" /></p>
<p>*Negrita* = <strong>Negrita</strong><br />
_Itálica_ = <em>Itálica</em><br />
-Tachado- = <del>Tachado</del></p>
<ul>
<li>Podemos agregar fotos, videos o enlaces solamente arrastrándolos hasta la caja de texto para compartir.</li>
<li>Los círculos son algo similar a la gente que seguimos en Twitter. No necesariamente las personas que seguimos tienen que hacerlo con nosotros.</li>
<li>Para mencionar a alguien al escribir un estado debemos agregar un + o una @ frente a su nombre.</li>
<li>Para enviar mensajes privados podemos escribir lo deseado y solo compartirlo con ésta persona.</li>
<li>Clickear en el tiempo en el cual fue publicado cierto estado nos llevará a su permalink.</li>
<li>El botón verde &#8220;Public&#8221; indica que la gente podrá ver nuestro post aún sin estar en nuestros círculos.</li>
<li>El botón azul, con el texto del nombre de uno de nuestros círculos, indica que solo aquellos dentro de los círculos seleccionados podrán verlo.</li>
</ul>
<p><strong>Atajos</strong>:</p>
<p>Barra espaciadora = Ir hacia abajo.<br />
Shift + Barra espaciadora = Ir hacia arriba.<br />
J = Bajar un post.<br />
K = Subir un post.<br />
Q = Saltar al chat.<br />
Enter = Comentar.<br />
Tab, Enter = Enviar comentario.</p>
<ul>
<li>Para prevenir que la gente comparta algo que tú piblicaste, podemos clickear en la pequeña flecha de la parte superior derecha del mismo y desactivarlo en &#8220;Disable reshare&#8221;.</li>
<li>Clickear en el boton &#8220;+1&#8243; es algo similar a un &#8220;Like&#8221; en Facebook. Volver a clickear lo eliminará.</li>
<li>Usar +1 en un post no hará que éste aparezca en tu perfil. Sin embargo usarlo en la Web si.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://artegami.com/cheat-sheet-de-google/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
