Efecto en imágenes #1: Old blur

16 de julio de 2014


Hoy les traigo un efecto para las imágenes de su blog que les da un efecto de color sepia+blur 

Vista previa:


Para colocarlo en tu blog debes ir a Plantilla | Editar Html y pegar arriba de ]]></b:skin> el siguiente código:
.img {
-moz-transition: all 3s;
-webkit-transition: all 3s;
-o-transition: all 3s;
transition: all .3s;
padding: 1px;
background: #;
margin: 2px;
}
.img:hover {
-webkit-filter: sepia(0.8) blur(1px);
-moz-transition: all 3s;
-webkit-transition: all 3s;
-o-transition: all 3s;
transition: all .3s;
}
En plantillas clásicas debes colocar el código arriba de </style> 


Como crear tarjetas imprimibles en PS

5 de julio de 2014


Hola a todos.. se que estoy un poco desaparecida pero es por el colegio.. bueno hoy decidí traerles un tutorial de como hacer unas tarjetas en photoshop (yo las uso como marcadores). Es muy fácil y las puedes usar para multiples usos.

Muestra:


Si no tienes Photoshop lo puedes descargar Aqui en version portable.

Bueno sin mas empezemos con el tuto:

Paso 1

Una vez abierto el programa, hacemos clip en Archivo | Nuevo. Seleccionamos las medidas, yo escogí en centímetros para no tener que complicarme midiendo etc. 


Paso 2

Con la herramienta pincel (puedes usar el tanquecito de pintura a mi me gusta usar el pincel xD) pintas el fondo del color que quieres que lleve tu tarjeta.


Paso 3

Añades una capa nueva, seleccionas el color del que te gustaría que sea el borde de tu tarjeta, y pintas la capa.


Paso 4

Con la herramienta marco rectangular seleccionas la parte de la capa que se borrara para que quede el borde (mira la imagen para entender) una vez que lo selecciones da supr y ya tienes el borde.


Paso 5

Luego con la herramienta texto añades la frase que quieres que lleve tu tarjeta. Para que quede mas llamativo puedes usar diferentes fuentes como use yo.
Y tambien puedes agregar de tallescitos como estrellas o flores usando brushes (como en la imagen de muestra)


Por ultimo lo guardas, crea muchas si quieres y las añades a un word para imprimirlas (yo hice una cantidad para no desperdiciar hojas xD)

Otros ejemplos:

  
(las hice para marcar mis palabras y para regalar xD)
En estas imágenes use estilos para decorar las letras y los fondos.

Traeré mas tutos de photoshop pronto .. trataré de no desaparecerme asi de nuevo u.u

Tips para tu bloggie

14 de mayo de 2014


Ve lo que los demás ven

A la hora de diseñar tu blog, es muy importante que lo adaptes no solo para tu comodidad, si no también para la comodidad de tus lectores.
Por ejemplo; algo que pocos tienen en cuenta es que no todas las personas tienen el mismo tamaño de pantalla, ¿Qué quiere decir eso?.. que quizás algunas personas con pantallas pequeñas vean por ejemplo algunos gadgets flotantes todos amontonados o en lugares distintos a donde tu crees ponerlos y se les sea difícil leer o navegar por tu blog.. a mi me pasa siempre incluso con la base de la plantilla, el sidebar de algunas plantillas blogskins se ve encima de las entradas, o muy a la derecha|izquierda no entrando en la pantalla. Bueno una solución muy simple a eso es fijarte como queda algo antes de colocarlo, utilizando el zoom de google chrome que funciona con la ruedita del ratón|pad touch y modificando su posición o tamaño de manera en que no moleste en algunos de los zooms. {tampoco exagerar tanto nadie tiene la pantalla tan pequeña o tan grande xD}

Blogs indescifrables 

A veces podemos creer que algunos tipos y colores de fonts quedan muy bonitos en las entradas de nuestro blog, pero debes de tener en cuenta de que si tu blog es sobre cosas personales o relatos donde las entradas son bastantes extensas puede hacerse realmente muy cansador leer con ciertas fuentes.
Por ejemplo:Yo recomiendo para las fuentes de las entradas usar colores #666 ; #222 ; #000 ; y fuentes como Tahoma, Arial o Verdana en 8px de tamaño o más~

También hay que tener en cuenta el color de fondo de las entradas.. a veces hay colores que quedan muy bonitos en conjunto con nuestro diseño, pero siempre es recomendable usar colores claros que no cansen la vista del lector.