Zona Arcade. Construye, Restaura y Decora tu Máquina Arcade y Pinball.

Tutorial: Realiza fotomontaje de cómo quedarán los artes que decoren tu recreativa con Gimp!

« Older   Newer »
  Share  
view post Posted on 12/12/2011, 18:25     +1   -1
Avatar

Restless in Peace

Group:
Administrator
Posts:
42,634
Location:
Alcobendas (Madrid)

Status:


Tutorial: Realiza el fotomontaje de cómo quedarán los artes que decoren tu máquina recreativa con "Gimp!"

- Introducción

La finalidad de este tutorial es la de poder colocar virtualmente nuestra decoración arcade en la máquina recreativa a través de una fotocomposición que hagamos a partir de una imagen real del mueble.

El programa de edición de imágenes que vamos a utilizar es “Gimp!”. Es un programa gratuito y muy completo, de un manejo sencillo, ideal para el que quiera introducirse en el retoque fotográfico con unos conocimientos previos básicos.


- Fotografiando nuestro mueble arcade

Realizaremos una buena fotografía de la máquina. Lo ideal es cogerla ladeada para que podamos apreciar bien los artes de las dos caras. Para una buena foto, y más siendo de interior, es importante prescindir del flash y usar un trípode o dejar anclada la cámara en algún sitio. Actualmente muchas cámaras fotográficas vienen preparadas para una exposición de larga duración si la falta de luz lo hace necesario. Para asegurarnos de no mover la cámara durante el disparo, deberemos hacer uso del temporizador.

Resumiendo: trípode + no flash + temporizador. = buena foto de interior a objetos estáticos.

Imagen de mi máquina recreativa arcade. La foto muestra el mueble de semilado, así se podrá comprobar bien la decoración total que voy a realizar.

tutodecovirgimpfoto


- Creando la fotocomposición de nuestros artes con “Gimp!”

Ya en nuestro programa, abriremos la fotografía y la guardaremos con otro nombre en el formato del programa (.xcf). Podemos llamarla, por ejemplo, “fotomontaje”.

Arrastramos desde nuestro explorador el dibujo con la imagen del arte decorativo en cuestión, en este caso el side-art. Se nos añadirá como una capa más.

tutodecovirgimplsa

Ahora pincharemos en la herramienta de perspectiva y procederemos a encajar la imagen en nuestro lateral.

tutodecovirgimpsa

Picaremos y arrastraremos cada una de las esquinas hasta que nos guste el encaje. Si nos estorba para realizar la operación, podemos mover la capa en nuestro lienzo de trabajo usando la herramienta mover. También podemos clicar en las opciones que nos deja la herramienta "perspectiva" para hacer desaparecer el dibujo o añadirle una rejilla, entre otras. Si la clicamos y arrastramos por el círculo que hay en el centro la desplazaremos.

tutodecovirgimpsa2

Y ya está, ¡imagen colocada! Esta ha sido fácil porque no hemos tenido que recortar nada, pero imaginaros que hay algo que tapa el arte…

Vamos con el bezel. Repetimos la operación arrastrando la imagen del arte sobre nuestro lienzo de trabajo. Aplicaremos la perspectiva, pero, en este caso, tendremos que imaginarnos su ajuste por detrás del panel lateral. Después recortaremos los sobrantes de la imagen.

tutodecovirgimpb

Y ahí quedó. Tendremos que recortar la imagen para que no se vea la parte que queda detrás del cpo, de la tablilla superior y del lateral. Usaremos una máscara de capa para ello. Picaremos con el botón derecho del ratón sobre la capa del bezel y añadiremos una máscara de capa "add layer mask...".

Las máscaras de capa funcionan a modo de filtro de transparencia, dependiendo del color negro-gris-blanco, así será el grado de transparencia que nos ofrecerá para obtener la visibilidad de la capa en cuestión.

Con la herramienta "lazo" y activando y desactivando la visibilidad de la capa, seleccionaremos la parte de la capa bezel que queremos que sea visible.

tutodecovirgimpb2

A continuación, y observen la jugada para no perderse, en el listado de control de capas picaremos con el botón derecho y le daremos a "mostrar máscara de capa", se nos mostrará la imagen en blanco que significa que todos los puntos de nuestro filtro (layer mask) de la capa bezel van a ser 100% transparentes y, por tanto, 100% visibles. Veremos cómo nuestra selección aparece sobre ésta. Bien, invertiremos la selección (en el menú selección), y, con el cubo de pintura, la rellenaremos de negro. Esto significa que todos esos puntos son opacos y no dejarán ver la capa bezel.

tutodecovirgimpb3

Volvemos a ocultar la máscara de capa y tendremos el efecto deseado.

tutodecovirgimpb4

Haremos lo mismo con las piezas del CPO y la marquesina. Este es el resultado final. También le he aplicado una máscara de capa al lateral, para que el recorte sea mucho más fiel.

tutodecovirgimpm

Con esto estaría terminado. ¿A que no ha sido para tanto? Jaja.

El siguiente paso es para los que quieren aún más realismo.


- Apéndice extra: Recrea los brillos de la pintura

En los paneles pintados pueden ser recreados los brillos naturales del ambiente, dando al fotomontaje una apariencia más real. Ten en cuenta que esta técnica altera ligeramente el color del propio panel, por lo que en el caso de que tu máquina tenga algún color chillón, deberás cambiar el color de la capa que hace de filtro a escala de grises.

Partiremos del recorte del lateral, el cual copiaremos y pegaremos.

Importante: A la hora de pegar, seleccionad la capa flotante y picad con el botón derecho y llamadle "nueva capa". De este modo tendremos duplicada la selección exactamente en el mismo sitio en el que la tomamos y en una nueva capa.

Luego colocaremos la capa sobre la capa a matizar, le aplicamos el modo "screen" y jugamos con el ajuste del “%” para dejarla a nuestro gusto.

tutodecovirgimpbr

Haré lo mismo con los brillos del CPO. Para la marquesina he hecho algo similar para realzarle los colores, no con esta técnica porque, si os fijáis, la marquesina tiene dibujos y, como ya he advertido antes, al usar el modo "screen" los dibujos se mezclan.

Con un ratito más, hemos conseguido mucho más realismo. Este es el resultado.

tutodecovirgimpf


- Por Pablo33 -

 
Web  Top
view post Posted on 12/12/2011, 19:15     +1   -1


Group:
Member
Posts:
1,517
Location:
Valencia

Status:


Muy bueno el tuto... asi parece fácil y todo! jaja :lol:

Saludos
 
Top
rdosweb
view post Posted on 12/12/2011, 19:58     +1   -1




Muy bueno pero solo falta el enlace al programita y las manos de pablo

gracias por el tuto se puede intentar a ver que pasa

con las artes de la galeria

saludotes
 
Top
tapule
view post Posted on 12/12/2011, 20:38     +1   -1




Gran tuto Pablo!!
Cada vez te veo con más tablas con el software libre y me da que con Gimp! e Inkscape están hecho un maestro ;)

Saludos.
 
Top
pablo_v
view post Posted on 12/12/2011, 22:06     +1   -1




Gracia Pablo:

Otro utilidad de la que aprovecharse.
 
Top
Coloso
view post Posted on 12/12/2011, 22:21     +1   -1




Sinceramente el tutorial que estaba esperando, Pablo sos un grande. Tambien aprovecho a mandar un abrazo a todos los foristas de zona arcade que con tanto empeño nos enseñan mas sobre este maravilloso hobby!
Saludos
 
Top
wonder_years_2k9
view post Posted on 12/12/2011, 23:49     +1   -1




Muy buen tutorial!

Muchas gracias por el aporte.

un saludo!
 
Top
view post Posted on 13/12/2011, 00:34     +1   -1


Group:
Member
Posts:
244

Status:


Eres muy grande, gracias por el tutorial que te has currado.

Un Saludo.
 
Top
Bovedano
view post Posted on 13/12/2011, 03:48     +1   -1




Muy buen aporte, lo pienso poner en practica cuando termine mi mueble.
Gracias
 
Top
view post Posted on 13/12/2011, 11:02     +1   -1
Avatar


Group:
Member
Posts:
2,025
Location:
Sevilla

Status:


Gracias a todos por los comentarios, y en especial a Mikonos por la revisión y maquetación, como siempre, excelente! :)

Realmente es fácil, una vez entendida la técnica, solo has de habituarte a trabajar con el programa. :P

Usando google daréis con la página del programa, que tiene versiones para windows. Los linuxeros la encontrarán en los repositorios.

www.gimp.org
www.gimp.org/windows/
Y aquí he encontrado un proyecto para los hispanohablantes.
www.gimp.org.es/

Saludos!
 
Top
Cholix
view post Posted on 13/12/2011, 11:26     +1   -1




Muy buen tutorial Pablo, lo probaré cuando cambie los cartes de mi maca.

Gracias por compartirlo.

Saludos!
 
Top
view post Posted on 13/12/2011, 11:57     +1   -1
Avatar

Restless in Peace

Group:
Administrator
Posts:
42,634
Location:
Alcobendas (Madrid)

Status:


Gracias a tí, pablo33, por el trabajo de compartir desinteresadamente con la afición! :)


Saludos
 
Web  Top
killo kabuto
view post Posted on 13/12/2011, 17:50     +1   -1




Muy bueno pablo33, yo haces unas semanas que empece a usarlo, ademas hay un parche para traducirlo al castellano y otro que cambia los menus y deja el programa como el photoshop (gimpshop).

La verdad es que no he conseguido grandes cosas, pero poco a poco voy aprendiendo y voy avanzando en los artes de la mía.

Tambien hay muy buenos tutoriales y manuales con ejercicios, por ejemplo: Grokking-the-GIMP-

Animo a los que no tengan ni idea del retoque a probarlo y siguiendo los pasos de este tuto enseguida podréis ver que tal quedarán vuestros bocetos.

Con tu tutorial tenemos todos los pasos sin dar rodeos.

Un saludo.
 
Top
view post Posted on 13/12/2011, 22:28     +1   -1
Avatar


Group:
Member
Posts:
954
Location:
Málaga

Status:


Joer Pablo, que máquina estas hecho! Menudo programa tan curioso y pedazo de tuto que te has currado macho!!

Enhorabuena Pablo, eres un artista!

Saludos.
 
Web Contacts  Top
miguelneitor
view post Posted on 15/12/2011, 00:56     +1   -1




Sencillamente genial.Era una de las preguntas que me hacía ,precisamente ahora que ando con las artes.Saludos
 
Top
17 replies since 12/12/2011, 18:25   1776 views
  Share