kapikua blog

Crea tu propio logo Web 2.0

Escrito por Kapikua el Miercoles, 30 de Agosto del 2006 a las 11:27

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 

Categoria: Photoshop

Tags: tutoriales, photoshop, web 2.0, diseño, logotipo

Escribe un comentario

Nombre ( Obligatorio )

E-mail (no se publicara) ( Obligatorio )

Pagina web