Después de un tiempo sin realizar mas tutoriales de gimp, es hora de seguir mostrando el potencial de esta magnifica herramienta de codigo libre ( y claro que hablamos de Gimp) asi que en esta entrada les mostrare que con un poco de paciencia, y unas cuantas imagenes, es posible crear un buen estilo de texto desde cero.
sin mas tiempo que perder, es hora de iniciar con este fantastico tutorial!...
QUE NECESITAMOS?!
- Lo primero que haremos sera descargar una buena fuente, en este tutorial usaremos la fuente : The Wnknown.ttf
- Descargaremos el paquete de imagenes que necesitaremos para realizar este tutorial: stone-tutorial.zip
PASO 1
lo primero que haremos sera realizar estos pasos:
- Creamos un nuevo proyecto con las dimensiones 1024x800px
- Abrir todas las imágenes que usaremos en este tutorial, asi que vamos a menú ABRIR»ABRIR COMO CAPAS
- Re-dimensionar todas las imágenes al tamaño del proyecto, menos la imagen de ARENA.JPG
- Añadir un canal de transparencias a la imagen ARENA.JPG asi que nos vamos a la capa ARENA.JPG damos CLIC DERECHO y seleccionamos la opcion "AÑADIR CANAL ALFA"
PASO 2
Lo siguiente que haremos sera añadir nuestro texto.para este tutorial usare la palabra "STONE" con un tamaño de 180px y un estilo de fuente llamado "THE UNKNOWN" que previamente descargamos e instalamos.
Después de haber añadido nuestro texto al proyecto,damos CLIC DERECHO en la capa de texto y seleccionamos la opción "ALFA A SELECCION",con esto seleccionaremos solo el texto de nuestro proyecto.
Lo que buscamos en este paso es crear una fuente con textura, es por eso que nos posicionaremos en la capa de ARENA.JPG,daremos CLICK DERECHO en nuestro proyecto y nos iremos a SELECCIONAR»INVERTIR,con esto seleccionaremos toda la capa de ARENA.JPG menos el area del texto.
Por ultimo borraremos la selección,quedando nuestra capa de esta manera:PASO 3
es hora de crear nuestro estilo en 3D,así que sin pensarlo tanto haremos estos pasos con mucho cuidado.
- Cambiamos el nombre a la capa ARENA.JPG por CAPA1
- Duplicamos la CAPA1 y le ponemos por nombre CAPA2 a la copia.
- Vamos a menu COLOREAR»NIVELES y le damos un tono obscuro a la CAPA2
- Ponemos la CAPA2 debajo de la CAPA1,despues moveremos la CAPA2 un lugar a la derecha y un lugar abajo
- Duplicamos la CAPA2 y le ponemos por nombre CAPA3 a la copia.
- Ponemos la CAPA3 debajo de la CAPA2,después moveremos la CAPA3 un lugar a la derecha y un lugar abajo
- Repetimos los pasos 5 y 6 hasta tener en total 10CAPAS
Lo ultimo que nos queda hacer es combinar todas las capas,y cambiarle el nombre a las nuevas capas combinadas por "CAPAFINAL" asi que nos vamos a la CAPA2,damos CLIC DERECHO y seleccionamos "COMBINAR HACIA ABAJO", y repetimos este paso con todas las capas desde la CAPA2 asta la CAPA10. Lo que nos quedaría serian estas capas:
PASO 4
En este paso nos enfocaremos en darle un estilo duro a nuestra fuente, para eso crearemos una nueva capa a la que llamaremos "CAPABORDE" y la pondremos arriba de la "CAPA1".Una vez que tenemos todo listo es hora de seguir estos sencillos pasos:
- Damos CLIC DERECHO en la CAPA1, seleccionamos la opcion "ALFA A SELECCION" y regresamos a la "CAPABORDE"
- Usamos la herramienta de "MEZCLA" y aplicamos un degradado como este:
- Una vez aplicado el degradado damos CLIC DERECHO en el area de trabajo, vamos a la opcion "SELECCIONAR»ENCOGER" y encogemos la seleccion 1px. y borramos la selección.
- Ahora vamos al "MODO" de la capa y seleccionamos la opcion "COMBINAR GRANULADO"
- Ocultamos todas las capas menos la CAPA1 y la CAPABORDE,después damos CLIC DERECHO en cualquiera de las 2 capa y seleccionamos la opcion "NUEVO A PARTIR DE LO VISIBLE"
- Por ultimo vamos al menu FILTROS»REALZAR»ENFOCAR y aplicamos un enfoque como este:
Con estos pasos lograremos tener un borde para la fuente,esto es útil para darle al texto un borde mas definido, dándole una apariencia estilo roca a nuestro texto.
PASO 5
En este paso vamos a crear las sombras que necesitamos para nuestro proyecto, así que sin perder mucho tiempo, es hora de seguir con el tutorial :)
- Duplicamos la CAPAFINAL,cambiamos el nombre a la copia por SOMBRA1 y la pondremos debajo de la CAPAFINAL
- Vamos a FILTROS»DESENFOQUE»DESENFOQUE GAUSSIANO y le aplicamos un desenfoque de 5px a la capa SOMBRA1
- Movemos la capa SOMBRA1 5 lugares a la derecha y 5 lugares hacia abajo
- Vamos a COLORES»NIVELES y aplicamos el siguiente nivel:
- Duplicamos la capa "SOMBRA1" y le pondremos "SOMBRA2" a la copia. por ultimo nos vamos a " FILTROS»DESENFOQUE»DESENFOQUE DE MOVIMIENTO" y aplicamos el siguiente filtro :
PASO 6
- ocultamos las capas "SOMBRA1" y "SOMBRA2" y damos CLIC DERECHO en la ventana de capas, en el recuadro escogemos la opción "NUEVO A PARTIR DE LO VISIBLE". a la capa que nos ha creado le cambiaremos el nombre por "ESCALA"
- La capa "ESCALAS" la vamos a cambiar a un tono gris, para eso iremos a "COLORES»COLOREAR" y agregamos el siguiente color:
- por ultimo le cambiamos el "MODO" a la capa de "NORMAL" a "MULTIPLICAR"
- Creamos una nueva capa a la que llamaremos "DEGRADADO" y la pondremos arriba de la capa "VISIBLE" que contiene nuestro texto
- Damos CLIC DERECHO a la capa "VISIBLE" y escogemos la opción "ALFA A SELECCION", nos regresamos a la capa de "DEGRADADO" y le aplicaremos el siguiente degradado :
- Para terminar solo le cambiamos el "MODO" a la capa de "NORMAL" a "SOLAPAR"
PASO 7
Para terminar podemos agregarle unos cuantos retoques mas, por ejemplo algunas grietas a nuestro proyecto :- duda
- sugerencia
- critica
- o lo que sea,
COMO PONGO LAS GRIETAS??
ResponderBorrarMuy buen trabajo
Ola ADRICRAZYCOOL!
BorrarAl principio del tutorial se encuentra una carpeta de los recursos que se necesitan para llevar a cabo el tutorial, dentro de la carpeta viene la imagen de grietas, solo tienes que añadirla al proyecto y cambiar el modo de capa a multiplicar o algún otro modo que se ajuste a tu diseño.
Espero averte ayudado, gracias por comentar!