Como hacer gifs en Photoshop

Hola amig@s! Aquí os dejo un sencillo tutorial donde explico algunas técnicas básicas para hacer vuestros gifs o animaciones en Photoshop. Disfrutar!!

Link del video:
http://www.youtube.com/watch?v=NvJtlTZB7SM

Read More

Destellos en raton [Blogger]

ESTO ES UN COPY/PASTE DE OTRO BLOG, YO NO SE NADA DE ESTO, A SI QUE, SI TENEIS DUDAS, A MI NO ME PREGUNTEIS :) BY TIOGOLLUM ^^

Hola! Bueno pues como dice el titulo quiero enseñaros como ponerle destellitos a vuestro cursor de blogger :D
para ello vamos a irnos a Diseño > Edición de HTML y antes de <'/head'> vamos a pegar esto:

</span><b><span class="Apple-style-span" style="line-height: 16px;"><script type='text/javascript'><br>// <![CDATA[<br><span class="Apple-style-span" style="color: red;">var colour="#FFFFFF";</span><br>var sparkles=40;<br><br>/****************************<br>* Tinkerbell Magic Sparkle *<br>* (c) 2005 mf2fm web-design *<br>* http://www.mf2fm.com/rv *<br>* DON'T EDIT BELOW THIS BOX *<br>****************************/<br><br>var x=ox=400;<br>var y=oy=300;<br>var swide=800;<br>var shigh=600;<br>var sleft=sdown=0;<br>var tiny=new Array();<br>var star=new Array();<br>var starv=new Array();<br>var starx=new Array();<br>var stary=new Array();<br>var tinyx=new Array();<br>var tinyy=new Array();<br>var tinyv=new Array();<br>window.onload=function() { if (document.getElementById) {<br>var i, rats, rlef, rdow;<br>for (var i=0; i<sparkles; i++) {<br>var rats=createDiv(3, 3);<br>rats.style.visibility="hidden";<br>document.body.appendChild(tiny[i]=rats);<br>starv[i]=0;<br>tinyv[i]=0;<br>var rats=createDiv(5, 5);<br>rats.style.backgroundColor="transparent";<br>rats.style.visibility="hidden";<br>var rlef=createDiv(1, 5);<br>var rdow=createDiv(5, 1);<br>rats.appendChild(rlef);<br>rats.appendChild(rdow);<br>rlef.style.top="2px";<br>rlef.style.left="0px";<br>rdow.style.top="0px";<br>rdow.style.left="2px";<br>document.body.appendChild(star[i]=rats);<br>}<br>set_width();<br>sparkle();<br>}}<br>function sparkle() {<br>var c;<br>if (x!=ox || y!=oy) {<br>ox=x;<br>oy=y;<br>for (c=0; c<sparkles; c++) if (!starv[c]) {<br>star[c].style.left=(starx[c]=x)+"px";<br>star[c].style.top=(stary[c]=y)+"px";<br>star[c].style.clip="rect(0px, 5px, 5px, 0px)";<br>star[c].style.visibility="visible";<br>starv[c]=50;<br>break;<br>}<br>}<br>for (c=0; c<sparkles; c++) {<br>if (starv[c]) update_star(c);<br>if (tinyv[c]) update_tiny(c);<br>}<br>setTimeout("sparkle()", 40);<br>}<br>function update_star(i) {<br>if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";<br>if (starv[i]) {<br>stary[i]+=1+Math.random()*3;<br>if (stary[i]<shigh+sdown) {<br>star[i].style.top=stary[i]+"px";<br>starx[i]+=(i%5-2)/5;<br>star[i].style.left=starx[i]+"px";<br>}<br>else {<br>star[i].style.visibility="hidden";<br>starv[i]=0;<br>return;<br>}<br>}<br>else {<br>tinyv[i]=50;<br>tiny[i].style.top=(tinyy[i]=stary[i])+"px";<br>tiny[i].style.left=(tinyx[i]=starx[i])+"px";<br>tiny[i].style.width="2px";<br>tiny[i].style.height="2px";<br>star[i].style.visibility="hidden";<br>tiny[i].style.visibility="visible"<br>}<br>}<br>function update_tiny(i) {<br>if (--tinyv[i]==25) {<br>tiny[i].style.width="1px";<br>tiny[i].style.height="1px";<br>}<br>if (tinyv[i]) {<br>tinyy[i]+=1+Math.random()*3;<br>if (tinyy[i]<shigh+sdown) {<br>tiny[i].style.top=tinyy[i]+"px";<br>tinyx[i]+=(i%5-2)/5;<br>tiny[i].style.left=tinyx[i]+"px";<br>}<br>else {<br>tiny[i].style.visibility="hidden";<br>tinyv[i]=0;<br>return;<br>}<br>}<br>else tiny[i].style.visibility="hidden";<br>}<br>document.onmousemove=mouse;<br>function mouse(e) {<br>set_scroll();<br>y=(e)?e.pageY:event.y+sdown;<br>x=(e)?e.pageX:event.x+sleft;<br>}<br>function set_scroll() {<br>if (typeof(self.pageYOffset)=="number") {<br>sdown=self.pageYOffset;<br>sleft=self.pageXOffset;<br>}<br>else if (document.body.scrollTop || document.body.scrollLeft) {<br>sdown=document.body.scrollTop;<br>sleft=document.body.scrollLeft;<br>}<br>else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {<br>sleft=document.documentElement.scrollLeft;<br>sdown=document.documentElement.scrollTop;<br>}<br>else {<br>sdown=0;<br>sleft=0;<br>}<br>}<br>window.onresize=set_width;<br>function set_width() {<br>if (typeof(self.innerWidth)=="number") {<br>swide=self.innerWidth;<br>shigh=self.innerHeight;<br>}<br>else if (document.documentElement && document.documentElement.clientWidth) {<br>swide=document.documentElement.clientWidth;<br>shigh=document.documentElement.clientHeight;<br>}<br>else if (document.body.clientWidth) {<br>swide=document.body.clientWidth;<br>shigh=document.body.clientHeight;<br>}<br>}<br>function createDiv(height, width) {<br>var div=document.createElement("div");<br>div.style.position="absolute";<br>div.style.height=height+"px";<br>div.style.width=width+"px";<br>div.style.overflow="hidden";<br>div.style.backgroundColor=colour;<br>return (div);<br>}<br>// ]]><br></script></span></b></span>

Read More

Colocar dos cbox en un blog

Hola, os dejo un nuevo tutorial que hice a petición de una chica, sobre cómo poner dos cbox o tagboards independientes en el mismo blog. Besos! ;)

Read More

Como hacer un efecto de contra luz

Hola amig@s! Aquí os enseño un sencillo tuto, donde apreciareis dos técnicas bastante buenas con las que podréis simular una foto tomada a contra luz. Disfrutar!!

Tutorial pedido por  Freakygirly

Read More

Efectos para fotografías

Hola amig@s!! Bueno aqui os traigo tres bonitos efectos, muy sencillos de hacer, y con un gran resultado. Uno simula el estilo vintage, otro el grunge y el otro es un poco sicodelico. Comentar y disfrutar!!

Read More

Blend desaturado con formas

Os dejo un nuevo tutorial sobre efectos en blends. Espero que os guste! ;)

Read More

Cómo subir el posicionamiento en blogger

Si te da mucha pereza leer puedes consultar toda esta información en vídeo!!

INTRODUCCIÓN: Generalidades de Blogger

Como much@s sabréis, Blogger es un servicio gratuito de Google que nos permite crear un blog de manera gratuita. Google no otorga ningún tipo de privilegio a los blogs alojados en Blogger.
El interfaz es muy sencillo y eso nos permite crear de forma rápida un blog sin necesidad de tener ningún conocimiento de html, programación o blogging.
El servicio de Blogger ofrece funcionalidades como configuración online, un editor wysiwyg para escribir los artículos, gestión de recursos por FTP, Site Feeds, etc.
Blogger puede personalizarse con plantillas prediseñadas para cambiar el aspecto del blog, y también tenemos acceso a los estilos CSS para modificar a nuestro antojo el diseño de nuestra plantilla.
Además, permite la integración de herramientas de terceros para incluir funcionalidades extras (widgets) como nuevos sistemas de comentarios, track-backs, contadores de visitas, sindicación RSS para otras plataformas, calendarios, reproductores de música o vídeo, etc.
A continuación os cito unos cuantos consejos para poder subir el posicionamiento de vuestros blogs en Blogger y para hacerles más fácil la navegación a vuestros lectores:

1. Elige un nombre acertado para tu blog

Blogger nos ofrece la libertad de elegir un nombre de subdominio (siempre que el nombre esté libre) en el que alojar nuestro blog.
nombredetublog.blogspot.com
Podemos elegir dos formatos de dominio (o mejor dicho subdominio):
1. http://nombredetublog.blogspot.com
2. http://www.nombredetublog.blogspot.com
Aunque no tiene una relación directa con el posicionamiento, la elección de un nombre para el blog es realmente importante.
• No elijas un nombre en función de los keywords o palabras clave más relevantes relacionados con tus búsquedas. Ejemplo, si tu blog es de tutoriales de photoshop (no le pongas de título tutoriales de photoshop, puesto de son palabras muy comunes y usadas por la mayoría).
• Busca lo sencillo, lo corto, lo intuitivo y lo original. No utilices frases largas.

2. Optimiza los títulos y urls de tus post o entradas

Tanto el título general del blog, como cada uno de los títulos particulares de los artículos tienen mucha importancia en el proceso de posicionamiento del blog.
El título del blog debe pensarse bien para que refleje de manera concreta y sencilla el fin principal del blog.
Cada post debe identificarse de manera única con un título que lo describa, además debemos intentar incluir de manera natural los keywords más relevantes con las búsquedas que puedan realizar nuestros visitantes.
Por defecto Blogger muestra el título del blog antes del título de cada Post:
Títulodelblog - Títulodelpost
Si elegimos un título demasiado largo para nuestro blog, los títulos de los posts pueden verse relegados a un segundo lugar. Cuanto más a la izquierda se encuentra una palabra en el título, mayor fuerza de posicionamiento logra.
Por este motivo es recomendable cambiar esta estructura, mostrando en primer lugar el título del post, para ello:
• En el panel de control de Blogger, vamos a la pestaña Diseño y elegimos la opción Edición HTML.
• Buscamos el código correspondiente a los títulos:
<title><data:blog.pageTitle/></title>


• Sustituimos ese código por el siguiente:

<b:if cond='data:blog.pageType == "item"'><br><br><title><data:blog.pageName/> - <data:blog.title/></title> <b:else/> <title><br><br><data:blog.pageTitle/></title> </b:if>


De esta manera conseguiremos que los títulos sigan el patrón idóneo para los buscadores: “Título del artículo – Nombre del blog”.

3. Optimiza los enlaces en los post o entradas

Para facilitar la labor de los buscadores y optimizar nuestro posicionamiento, el texto del enlace debe comprender una frase coherente y relacionada con la página o recurso al que hace referencia
• Evitaremos por lo tanto los enlaces del tipo: "Para ampliar la información hazclick aquí."
• En su lugar puede utilizar la siguiente forma: "En este otro artículo podrás encontrar mucha más información sobre blogger.
Es recomendable que relaciones sus artículos con enlaces para facilitar la navegación de tus visitantes. De esta manera conseguirás incrementar el número de páginas por visitante.

4. Genera un Google SiteMap para Blogger

Un SiteMap de Google cumple dos funciones:
• Nos permite indicar a Google en tiempo real qué páginas componen nuestro blog,cuándo se ha producido una modificación y en qué momento tenemos un artículo nuevo.
• Además nos ofrece estadísticas de nuestro blog y un informe de posibles errores.

5. Elige una plantilla adecuada

Además de elegir una plantilla bonita es muy importante que sea amigable con buscadores:
• Una plantilla válida nos indica que no contiene errores en su estructura y por tanto los motores de búsqueda no encontrarán ningún tipo de problema a la hora de indexarlo.
Podéis encontrar una gran cantidad de recursos con plantillas para personalizar vuestros blogs aquí:
• http://btemplates.com/
• http://mashable.com/2007/09/13/blogger-templates/
• http://www.pyzam.com/bloggertemplates
• http://www.stardustxs.com/2008/02/26/100-plantillas-para-blogger-blogspot-templates-themes/
• http://blogandweb.com/templates-blogger/

6. Consigue links de calidad.

Los blogs son un imán para los links. Existen muchos blogs similares al nuestro compitiendo con nosotros. Algunas ideas para conseguir enlaces son:
• Escribe Información relevante y artículos de calidad. En realidad es lo único que necesitas para conseguir enlaces, gustarle a la gente. Si ganas fans ellos mismos se encargarán de correr la voz de que tu blog merece realmente la pena.
• Busca la originalidad y diferencia del resto. Un contenido exclusivo se aportará visitantes exclusivos.
• Participa en foros de debate y otros blogs relacionados con el tuyo e incluye la url en la firma. No debes confundir esto con hacer SPAM.
• Intercambia enlaces con otros sitios interesados y relacionados con tu temática.
• Incluye un blogroll: una lista de links hacia otros blogs de interés.


Espero que os sirva de algo esta ayuda ;)

Read More