website statistics

Tutorial: Header Geek, estilo Matrix



IMPORTANTE, DARLE CLIC A LAS IMAGENES PARA AMPLIARLAS

Hola!, en este tutorial les mostraré cómo realizar un header para blog de temática Geek inspirado en The Matrix.

Al final del tutorial deberemos tener un header así:

11 150x100 Tutorial: Header Geek, estilo Matrix



El programa que usaremos será el paint.net (www.getpaint.net) al cual con un poco de destreza le podremos conseguir un buen estilo.

Primeramente creamos una imagen en blanco de 800 x 100 px, pueden ser diferentes segun como esté diseñado tu blog.

1 150x150 Tutorial: Header Geek, estilo Matrix

Añadimos una nueva capa a la cual denominaremos “Degradado“:

2 150x150 Tutorial: Header Geek, estilo Matrix

Ahora con la herramienta “Degradado” aplicamos un gradiente a la nueva capa con los colores #00FF21 como principal y #007F0E como secundario:

3 150x150 Tutorial: Header Geek, estilo Matrix

Vamos a las propiedades de la capa y seleccionamos Mezclado->Modo->Multiplicar:

4 150x150 Tutorial: Header Geek, estilo Matrix

Regresamos a la capa Fondo y le aplicamos Bote de Pintura color #000000 para dejarla en negro.

Ahora crearemos las capas en las cuales escribiremos el nombre de nuestro blog y los números, primero hacemos una denominada numeros:

5 150x150 Tutorial: Header Geek, estilo Matrix

Selecionamos Color #FFFFFF y con la herramienta texto crearemos un bloque en el cual escribiremos los numeros 1 y 0 de forma que introdujamos números hasta la mitad del lienzo, y de las lineas que sean necesarias hasta ocupar todo el alto del mismo, es necesario intercalar el orden de los dígitos, si en la primera fila iniciaste con el 1, en la segunda inicia con el 0, además usaremos la fuente “Courier New” asi conseguirás mejor efecto:

6 150x150 Tutorial: Header Geek, estilo Matrix

Ahora con la herramienta “Seleccionar un rectángulo” seleccionamos los numeros que acabamos de crear y con CTRL + C los copiamos, inmediatamente los pegamos y trataremos de acercarlos lo más posible al borde del lienzo.

7 150x150 Tutorial: Header Geek, estilo Matrix

Ahora vamos a Efectos -> Distorsión -> Reflejo en Mosaico. Aplicamos los valores que vemos en la captura:

8 150x150 Tutorial: Header Geek, estilo Matrix

Cabe destacar que mientras menos espacios negros dejemos a los bordes del lienzo, mejor efecto tomará, además podemos jugar con el tamaño de los números y los valores del Reflejo en Mosaico para lograr mejores resultados.

Ahora para finalizar creamos una nueva capa a la que llamaremos “Nombre” en la cual irá el nombre de tu blog:

9 150x150 Tutorial: Header Geek, estilo Matrix

Y si finalmente queremos el acabado suavizado, vamos a Efectos -> Difuminados -> Difuminado Gausiano y lo aplicamos a la capa “Números” con apenas 1 punto de Radio.

10 150x150 Tutorial: Header Geek, estilo Matrix

Y eureka! tenemos nuestro header listo para exportar y usar.

11 150x100 Tutorial: Header Geek, estilo Matrix

Espero les haya gustado, un saludo y hasta la próxima!

Recuerda seguir visitando la sección de Tutoriales de diseño de ARTEgami.com


Envía tu comentario