kapikua blog

Bueno, he recibido como unos 100 correos de peña pidiendome ayuda porque querian montar su propio theme. Por lo tanto creo que voy a ir pensando en preparar un minicurso para crear themes.

Sera muy basico y desde el inicio, empezare por los primeros pasos preparando el boceto en photoshop hasta la publicacion final, estos son los capitulos que he pensando que pueden ser interesantes:

1. Boceto - Primeros bocetos en photoshop y estructura del blog.
2. Servidor - Instalacion en el ordenador de un servidor web Apache y MySql para poder trabajar sin conectar a Internet.
3. Instalacion - Instalacion del Wordpress en el servidor.
4. Primeros pasos - Primeros pasos que se tienen que seguir antes de crear un theme.
5. Diseño - Creacion y diseño del theme.
6. Widgets - Introducir Widgets en el theme. ( Esto aun no esta del todo decidido )
7. Publicacion - Una vez terminado, publicaremos el theme de todo el que quiera en este blog, a ver si podemos hacer una lista de themes bien chula.

Estos pasos son mas o menos todas las dudas que la gente me ha planteado, creo que estara muy interesante cuando lo termine, y por supuesto si alguno quiere añadirle algo mas toda propuesta sera bienvenida, como siempre espero vuestros comentarios al respecto.

Ya he empezado a prepararlo pero me llevara bastante tiempo, no se si hacerlo por capitulos o lanzarlo todo de golpe para que la gente no tenga que esperar capitulo a capitulo.

Ultimamente he estado viendo como muchos blogs hacian referencia a una web que te permitia crearte tu propio logo Web 2.0. Como vi que habia mucha demanda de ese tipo de cosas he pensado preparar un pequeñito tutorial para que veais lo sencillo que es.

En este minitutorial voy a dar por hecho que sabeis usar las herramientas basicas del Photoshop, de toda formas si alguien tiene dudas ya sabe, en los comentarios se solucionan todos los problemas.

1-. En primer lugar vamos a crear un archivo con las dimensiones 400 x 130 px.

2-. Hacemos un degradado desde #393B2E hasta #797A77

Deberia quedar asi mas o menos

3- Escribimos el texto que queramos, y le ponemos alguna fuente que os guste, en este caso es. Impress BT

4-. A continuacion con la capa del texto seleccionada vais al menu horizontal y seleccionais Capa > Estilo de Capa > Superposicion de colores , se os abrira un panel con la opcion se Superposicion de colores a la izquierda seleccionada, en el centro tendreis un panel para cambiar el color, pues bien pulsar sobre el recuadro coloreado y en la parte inferior derecha poneis este codigo RGB ( A4DC0C ) . Pulsais OK y no cerreis aun el panel de Estilos, ahora seleccionais la casilla de Trazo y os aparecera en el centro las propiedades para generar un trazo alrededor del texto, las propiedades deben ser:

Tamaño: 1
Posicion: Fuera
Modo de difucion: Normal
Opacidad: 100%
Tipo de relleno: Color
Color: 324500

Esto se hace simplemente para darle un poco de cuerpo al texto y hacerlo mas visible.

5-. Bien ahora vamos a hacer el reflejo, pulsamos con el boton derecho sobre la capa del texto y seleccionamos Duplicar capa , vereis como en la parte superior de esa misma capa se ha generado otra capa identica, ahora lo que hacemos es invertirla verticalmente, para ello vamos a Edicion > transformar > Voltear vertical y el texto que hemos duplicado se volteara verticalmente, una vez hecho esto lo tenemos que poner en la parte inferior del texto principal.

6-. Ahora vamos a difuminar el texto que hace el reflejo, como el fondo no es un mismo tono vamos a tener que hacer un pequeño experimento para fundir el texto con el fondo, en primer lugar hacer una seleccion alrededor del texto que fundiremos.

A continuacion seleccionamos la herramienta para hacer el degradado y seleccionamos el color inferior y superior de las esquinas de la seleccion, tal y como muestra la captura. Tambien teneis que ponerle la opacidad 0 al color b para que difumine con el fondo.

Bien, os tendria que quedar algo como esto.

7-. Bueno esto esta casi ya terminado señores, ahora solo nos queda quitarle opacidad a la capa reflectante, podeis ponerlo a 30% y ya esta terminado.

Podeis hacer todas las variaciones que querais.

Espero que os sirva de algo, ahora podreis prepararos vuestras propias cabeceras sin depender de otras paginas que lo hacen por vosotros y tendreis mas independencia a la hora de elegir lo que quereis para vosotros.

Podeis descargaros el archivo PSD pulsando aqui