Nigromancia: Falso 3D (ó como hacer el Pc-JaD! logo)

Jamendo Escuchando: Massive attache, por Maya de Luna

Falso-3D

"Incluso destrozado, llorando, la memoria no se puede borrar. Se oculta bajo la mañana y esos colores se hacen invisibles..."

Introducción:

Hola esDebian, bienvenidos una vez más a estos sus peores manuales de Gimp: Los manuales Nigromancia. De arriba a abajo, por debajo de la tierra y quizá del agua; esta semana fue muy movida, demasiado trabajo. Afortunadamente el cansancio desaparece con dosis monstruosas de limonada y sueño.

En esta entrega y a petición de un entusiasta usuario de GNU/Linux, conoceremos la forma de crear el efecto de falso 3D. Este efecto es mucho más simple de lo que parece. Seguramente tenemos por ahí tirados esos cuadernos que ya no usamos, cartas de amor, notas, ó nuestro último trabajo que ya no usaremos.

Reciclar de vez en cuando no hace ningún daño...

¿Vienes con nosotros?

Necesitamos:

[*] Hojas recicladas
[*] Bolígrafo y lápiz
[*] Escáner
[*] 30 minutos libres
[*] Cámara (opcional)

Paso 1: El objeto

Con el lápiz dibujamos unas letras ó algún objeto en nuestra hoja reciclada. Procura indicar en tu boceto las sombras y las luces que este lleve. Puedes guiarte con este cutre dibujo:

roca

Para estos casos en recomendable que imagines letras con efecto 3D, aunque eso no impide que usemos otros. Pueden ser cubos, esferas, lo que sea.Si gustas que este quede más marcado puedes pasar con el bolígrafo unas cuantas veces. Deja secar unos 15 minutos y borra la base del lápiz con una goma. A mi me ha quedado así, pero estoy seguro que el tuyo se ve mejor :-)

jad-boceto

Podemos obtener el boceto anterior a tamaño original aquí. Con nuestro escáner barremos la imagen , yo use Xsane para esa tarea.

Guardamos con un nombre descriptivo.

Paso 2: El ojo

Este paso es pensado para el fondo de la imagen, a mi se me ocurrió usar un ojo. Al igual que con el boceto anterior dibujamos y remarcamos con el boli. Con los ojos ocurre algo similar que con un objeto normal, solo procura dejar algo de luz en la retina y poner énfasis en las sombras de los párpados.

A mi me ha quedado así:

ojo-boceto

Podemos bajarla pinchando aquí

Paso 3: La foto

Para evitarnos problemas con las imágenes ó texturas no libres tomamos nuestra cámara y sacamos alguna. Puedes tomar fotos de alguna cosa con formaciones porosas (piedras, paredes, ladrillos etc.). La única roca de ese tipo por aquí es el techo xD

El-techo

¿Quieres bajarla?, pícale aquí

Paso 4: El círculo

Abrimos Gimp, nuevo documento. Medidas a criterio, con la herramienta de círculo (E) creamos una selección y la rellenamos con un tono de rojo oscuro (#8e0001):

Circulo-1

Seleccionamos el círculo con clic derecho > Alfa a selección. Vamos a Seleccionar> Encoger> 2. Nueva capa, con el bote de pintura rellenamos con un rojo más claro (#b60005).

Círculo-2

Seleccionamos el nuevo círculo con Alfa a selección. Nueva capa, con la herramienta degradado (L) tomamos el degradado frente a transparente. Usando el color negro damos un clic sostenido de arriba a abajo de nuestro círculo. Pon la capa a modo Solapar.

Círculo-3

Paso 5: El ojo

Archivo > Abrir como capas > Seleccionamos el ojo o nuestro fondo. Escalamos o movemos la imagen para quedar justo encima del círculo. Pon la capa en modo Solapar.

Fondo-1

Seleccionamos el pincel en color negro, lo empequeñecemos hasta que consigamos más o menos las medias de nuestros trazos. Conseguí algo parecido a los míos con el Circle Fuzzy 11 a escala de 0.19 .Nueva capa, con la herramienta de rutas pasamos encima de nuestros trazos:

Rutas-trazo

En opciones de herramientas damos clic donde dice Trazar ruta > Trazar utilizando una herramienta de pintura > Pincel.

trazar

Trazos

Una vez terminadas nuestras líneas deben de verse más o menos de esta forma:

trazos_terminados

Paso 6: Entintado

Nueva capa, con la herramienta de rutas (B) y el bote (Mayús+B) pintamos las zonas en negro de nuestra imagen.

[ ! ] Nota pegajosa

* Mayús + V Seleccionar
* Ctrl+Mayús+ A Deseleccionar

Tómate tu tiempo. Debe de verse más o menos así:

Entintado

Ahora puedes borrar la capa del boceto original. Nueva capa, baja su opacidad a 39.3 ó 40. Es tiempo de que pintemos las capas de sombra "menores". Pon atención a la retina, párpados, y los pequeños detalles del pelo.

Entintado-final

Combina las capas de lineas y sombras, puedes dejarla a esa opacidad ó si lo prefieres pon la capa a Solapar.

xD

Paso 7:Letras

Nueva capa > Abrir como capas> Selecciona las letras o el objeto que has previamente barrido con el escáner. Pon la capa a modo Multiplicar. Escala a criterio, procura dejar las letras centradas y bien proporcionadas sobre el círculo o fondo.

Letras-1

Nueva capa. Con nuestras confiables Rutas (B) , selecciona cada una de las letras y rellenalas con un color azul marino.

Rutas-letra

Fondo-Letras

Seleccionamos el color azul con clic derecho sobre la capa > Alfa a selección> Seleccionar > Encoger > 2. Nueva capa, rellena con un azul aguamarina claro.

Fondo

Para evitar que se noten mucho los trazos puedes desenfocar estos con el filtro Desenfoque gausiano con un nivel de 2 a 4.

Nueva capa, toma de nuevo las rutas (B) y selecciona las sombras que marcaste en tu boceto. Rellenalas con un azul ligeramente más oscuro al de tu fondo.

Sombras-letras

Paso 8: Sombreado

Abrir como capas> Selecciona el archivo de textura. Vuelve a seleccionar las letras con clic derecho > Alfa a selección. Situate nuevamente en la capa de textura, Ctrl+x, Ctrl+V, Ctrl+Alt+N. Pon la capa resultante en modo Solapar.

Textura-sombra

Nueva capa, con el pincel negro pasamos sobre las sombras azules que teniamos antes. Lo hacemos pasar por el filtro Desenfoque gausiano con un valor de 21.

Perfil

Podemos modificar el resultado con la Herramienta de Emborronado y un pincel suave. Capa a Solapar.

Na-na-na

Repetimos el proceso, podemos poner varias sombras con el fin de proyectar sombras y luces más marcadas.

[ ! ] Nota pegajosa:

Pincel blanco: Con la capa en modo Solapar produce luz.
Pincel Negro: Con la capa en modo Solapar produce sombra.

Aplicando lo anterior crearemos tantas capas, sombras y luces como creyésemos conveniente. Recuerda realzar las sombras.

A continuación las sombras y luces paso por paso:

Un

Tu

djd

sd

sda

3213112

w2qwqq

qweq

sa4a6a

Sombras final

Finalmente con la herramienta de círculos (E), seleccionamos 2 pequeños círculos justo debajo de las letras. Rellenamos de color negro, los hacemos pasar por el filtro gausiano en 3. Bajamos la opacidad a gusto.

Y pista ;)

Conclusión:

Puedes bajar la imagen de libre uso si le picas aquí.

Este manual fue muy grato para mi, ya tuve que prácticar mucho para me saliera. Uff me pase el fin de semana peleando con los filtros para que dieran el resultado deseado . Pero al final tanto esfuerzo valió la pena ^^

Espero que haya sido de su agrado.

Llegamos al final de este manual, no sin antes agradecerles por soportarme. Iré a por algo de beber antes de que empieza a tener alucinaciones por el calor.

Nos leemos pronto, que ...

¡Me piro, vampiro!

Me_piro

Imagen de aBuSiViTo
Enviado por aBuSiViTo el 17 Marzo, 2010 - 01:08.

Jejejeje, y los llamas nigromancia por ser los peores tutos??

Yo creo que es muy al contrario :P

Gracias!

Saludos!

Imagen de Devoto
Enviado por Devoto el 17 Marzo, 2010 - 01:15.

@aBuSiViTo :

Guau que rápido eres o.Ó

Muchas gracias por leerme, trataré de redactarlos lo mejor posible. Aunque a mi punto de vista aún me falta mucho para llegar a ese resultado. De todas formas se agradece.

Taluego.

Imagen de aBuSiViTo
Enviado por aBuSiViTo el 17 Marzo, 2010 - 02:55.
Devoto escribió:

@aBuSiViTo :

Guau que rápido eres o.Ó

Lo se, lo se xD!!

Que si fuera "modelador", uff.... eyebrows

Saludos!

Imagen de Devoto
Enviado por Devoto el 17 Marzo, 2010 - 15:22.

@aBuSiViTo:

¿"Modelador"?, chale no me había fijado que usted es modelo. Perdone usted, ¿pero en que revista sale?, oiga.

Ta luego.

Imagen de aBuSiViTo
Enviado por aBuSiViTo el 17 Marzo, 2010 - 16:10.
Devoto escribió:

@aBuSiViTo:

¿"Modelador"?, chale no me había fijado que usted es modelo. Perdone usted, ¿pero en que revista sale?, oiga.

Ta luego.

http://www.esdebian.org/foro/39935/que-bibliotecario

meparto

Saludos!

Imagen de aBuSiViTo
Enviado por aBuSiViTo el 17 Marzo, 2010 - 16:10.

Opss.. duplicado...

Favor de borrarlo...

Saludos!

Imagen de Devoto
Enviado por Devoto el 17 Marzo, 2010 - 16:17.

aBuSiViTo:

Ahh, y yo pensaba que usted era modelo xD

Aunque no me imagino a nuestros "modeladores" modelando (sic)

Por que eso sería más bien un desfile militar de armas.. ¡Gulp!

Imagen de an0nym0us
Enviado por an0nym0us el 18 Marzo, 2010 - 19:47.

Como siempre, gran tutorial. smile

Imagen de repeinao
Enviado por repeinao el 18 Marzo, 2010 - 19:58.

La verdad es que tus tutoriales están muy bien, pero yo lo que veo es que, a parte de la herramienta que es muy buena, lo que tú demuestras es destreza para dibujar. Por muy potente que sea el programa que utilices si no sabes dibujar no te sirve para nada. Y se te nota que le has dado bastante al manga.

Gracias por los tutos.

Imagen de sercari
Enviado por sercari el 18 Marzo, 2010 - 20:57.

clap
Impresionante, Devoto gracias por estas demostraciones que no regalas. wink