PS TUTORIALES - WEB OFICIAL

Nos hemos mudado para ofrecerte mejores contenidos. Tutoriales y recursos gratis!

TUTORIALES

Cientos de tutoriales de Photoshop a tu disposición.

RECURSOS

Recursos gratis para tus diseños!

TUTORIALES Y RECURSOS PARA BLENDS

Tutoriales de diferentes tipos de blends y recursos increíbles!

domingo, 31 de julio de 2011

Numerar páginas del blog

Hola! ;D Os dejo un tutorial muy sencillo de cómo numerar las páginas de vuestro blog y sin necesidad de modificar vuestra plantilla. Espero que os guste! Besossss.



El archivo con las instrucciones ya no está disponible para descargar debido al cierre de megaupload, y como ya solucioné el problema que tenía, aquí os dejo las instrucciones: 


1) Vamos a Diseño
2) Edición de HTML
3) Marcamos la casilla “Expandir artilugios”  (guardamos la plantilla actual por seguridad!)
4) Buscamos en la plantilla el siguiente texto: ]]></b:skin> (tecleamos Ctrl + F para buscarlo más rápido)
5) Antes de ]]></b:skin> pegamos el siguiente código:

<!– Paginación –>
.showpageArea a
text-decoration:underline;
.showpageNum a
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
.showpageNum a:hover
border: 1px solid #cccccc;
background-color:#cccccc;
.showpagePoint
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
.showpageOf
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
.showpage a
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
.showpage a:hover
text-decoration:none;
.showpageNum a:link,.showpage a:link
text-decoration:none;
color:#333333;
<!– Fin Paginación –> 
6) Ahora buscamos </body>
7) Antes de </body> añadimos el siguiente código:

<!– Paginación –>
<b:if cond=’data:blog.pageType != &quot;item&quot;’>
<b:if cond=’data:blog.pageType != &quot;static_page&quot;’>
<script type=’text/javascript’>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Anterior&#39;;
var downPageWord =&#39;Siguiente&#39;;
</script>
<script src=’http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js’ type=’text/javascript’/>
</b:if>
</b:if>
<!– Fin Paginación –> 



*NOTA: 
- Parámetro var displayPageNum=5;      -> Indica el número de entradas que serán mostradas por página. Modificar al gusto y tratar de que coincida con el numero de entradas definidas con anterioridad para tu blog.

-Por último deberemos editar el número de páginas que mostrará por categorías o etiquetas (labels). Para ello buscaremos en la plantilla ’data:label.url’ y lo sustituiremos por ’data:label.url + &quot;?&amp;max-results=5&quot;’ tantas veces como lo encontremos. El 5 será también el número de entradas mostradas por página.

Menú y cabecera con imagemap

Holaaaa, os dejo un tutorial de cómo poner en vuestros blogs un menú o una cabecera (o ambas cosas xD) personalizadas y sin necesidad de saber mucho de códigos html, css...etc No necesitáis programas (ni fireworks, ni dreamweaver, ni nada!) No hay que modificar vuestra plantilla, nadaaaaa ;D Es muy fácil y queda genial! ^^ Espero que os gusteeeee. Besitos ^^

jueves, 28 de julio de 2011

Firma sencilla para foros.

En este tutorial os muestro una tecnica de fusión para realizar una firma para cualquier foro, el tutorial esta ambientado en una tematica oscura a si que:

ATENCION: NIÑAS BLEND, NI OS MOLESTEIS EN VERLO, QUE ESTO NO ES UNA PIJADA ROSA.

miércoles, 27 de julio de 2011

Pack de alas en PNG

Nos hemos mudado a PSTutoriales. Visita la nueva web para encontrar tutoriales y recursos gratis para Photoshop. Te esperamos!! :)


Puedes acceder al contenido en la nueva web haciendo click aquí: Alas en PNG



Personalizar iconos del cbox o tagboard

Hola, os dejo este sencillo tutorial dónde os enseño cómo personalizar los iconos de vuestro cbox o tagboard. A lo mejor muchos ya lo sabíais pero otras personas tal vez no... ;) Espero que os sirva ^^ Comentad! ;D



PÁGINAS DE ICONOS:

martes, 26 de julio de 2011

Burbujas en tu cursor del blog

Hola, como muchos me lo habéis solicitado o pedido por el blog o en mensaje privado o comentario por youtube... aquí os dejo este sencillo tutorial de cómo poner el efecto de burbujas en vuestro cursor de blog (blogger en este caso xD). Espero que os sirva! Y dejad un comentario por favor! ;) Que pocas veces me comentáis las cosas y yo así no sé si os han gustado o no, o si os han servido o no... Vuestros comentarios me ayudan mucho! ;) Bueno sin más os dejo con el tutorial!

El archivo con las instrucciones ya no está disponible para descargar debido al cierre de megaupload, y como ya solucioné el problema que tenía, aquí os dejo las instrucciones: 






  • En ''Diseño | Edición HTML'' buscaremos la siguiente sección: (podemos ayudarnos con Ctrl+F) y antes de nada aconsejo guardar la plantilla actual!)
</body>

  • Arriba de esta, pega el siguiente código:


<script type='text/javascript'>
// <![CDATA[
var burbujitas=new Array("#2186b5", "#a1b4e8", "#a1b4e8", "#7e9be7", "#cccccc");
var abburbujitas=90;
// ]]>
</script>
<script src='http://dl.dropbox.com/u/28164309/Scripts/cursor-burbujas.js' type='text/javascript'/>
  • Guarda los cambios y listo. 

miércoles, 20 de julio de 2011

Blend con marco a color y fondo desaturado

Jajaja no sabía que nombre ponerle a este blend xDDDD Bueno os dejo este tutorial que ha sido una petición que me han echo (como no!) Espero que os guste ;) Recordad que no tenéis porque seguir todos los pasos al pie de la letra ;D Quién quiera hacerlo todo igual aquí os dejo los materiales que utilicé y aunque no lo hagáis igual igual si queréis alguno de los materiales aquí os los dejo ^^


ACTION USADA (hecha por mí)



miércoles, 13 de julio de 2011

Crear textura de sangre con Photoshop

Nos hemos mudado a PSTutoriales. Visita la nueva web para encontrar tutoriales y recursos gratis para Photoshop. Te esperamos!! :)


Puedes acceder al contenido en la nueva web haciendo click aquí: Crear textura de sangre






lunes, 11 de julio de 2011

Ciudad fantasma en Photoshop

Parte 1


Parte 2






Hola! En este tutorial os enseñare (por fin) ha hacer una especie de ciudad fantasma con Photoshop, los stocks utilizados los podéis descargar de este link:
http://www.megaupload.com/?d=0LA4LW6J

Josep María:
http://www.lafotografiadejosepmaria.blogspot.com/

SanRukia:
http://www.youtube.com/user/SanRukia

miércoles, 6 de julio de 2011

Como hacer un fondo de pantalla Retro



Hola! En este tutorial os enseñaré a hacer un sencillo wallpaper con multiples salidas, ya que lo lo podeis personalizar como querais. Espero vuestras creaciones en un comentario!!

Link de la fuente:
http://www.dafont.com/alba.font

Josep María:
http://www.lafotografiadejosepmaria.blogspot.com/

SanRukia:
http://www.youtube.com/user/SanRukia