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

Fundidos complejos de imágenes y trucos para crear decoración de recreativa, wallpapers y demás

« Older   Newer »
  Share  
view post Posted on 1/5/2008, 00:32     +1   -1
Avatar

Restless in Peace

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

Status:


Tutorial Photoshop: Creación de fundidos complejos de imágenes y otros trucos para elaborar la decoración de la recreativa, wallpapers y otros artes (Por Mikonos)

- Introducción

En este tutorial de photoshop, espero no muy largo, voy a exponeros algunos trucos que uso para componer imágenes mayores a partir de otras más pequeñas y paliar el efecto estético de los degradados que ocurren con la clásica técnica de la fusión de imágenes.

Esta forma de trabajar, si no somos muy virtuosos del lápiz y papel, nos podrá servir para crear unos bellos artes a partir de imágenes de la red y que podrían muy bien servirnos como decoración para la máquina recreativa, fondos de pantalla, layouts para nuestra interface favorita de elección de juegos, etc.

Como ejemplo para este tutorial de arte, voy a realizar un trabajo interesado para completar mi serie de Layouts para MameWah sobre "Castlevania", explicandoos paso a paso lo que voy a hacer para conseguir una buena composición de dos imágenes más allá del simple fundido.


- Creación de fundidos complejos de imágenes y otros trucos

Estas son las 2 imágenes que tengo intención de componer relacionadas con la temática "Castlevania Chronicles".

image.image


- Igualación del color

Como vemos, ambas ilustraciones, aunque relacionadas, presentan diferente tonalidad. Lo que voy a intentar a continuación es acercarlas en cuanto a colorido. Para ello voy a usar las siguientes herramientas: Curves, Brightnes/contrast, Color Balance y Selective Color.

En un libro existe un hilo argumental principal que relaciona todo el relato, en las imágenes a componer ese hilo argumental puede ser el fondo. Esto es tan importante para mí, que en trabajos anteriores he realizado cambios bastante severos en los fondos de algunas imágenes para poder combinarlas mejor. Os enseño un ejemplo:

image.image


Nota: Tenéis un tutorial sobre "cambios de color en imágenes con fondos complejos" aquí.

Después de jugar con varios de los parámetros anteriormente citados para la imagen, hemos conseguido igualarlas bastante, y no sólo en el color rojo, sino también en el tono de la piel del personaje, su cabello y el color negro.

image


- Fusión de imágenes

El efecto de fusión de una imagen sobre otra consiste básicamente en crear un efecto de degradado en una de ellas, con el cual conseguimos gradualmente difuminarla hasta hacerla desaparecer en una o varias direcciones del plano.

Para fusionar 2 imágenes procederemos de la siguente manera: Selecionamos "aplicar máscara de capa" (aparecerá un pequeño icono en menú de capa sobre la que está seleccionada), "herramienta de gradiente", elegimos el "tipo de gradiente y dirección" del mismo; y arrastramos el "vector gradiente" en la dirección deseada sobre la imagen.

En la captura que vemos a continuación he enumerado los pasos dados para conseguir la fusión de imágenes. Cuando pinchemos en el paso 4 no soltaremos el "vector gradiente" hasta el paso 5.

image


Nota: En la captura se puede observar también un pequeño truco que uso yo para saber donde acaba una imagen y donde empieza la otra para calcular mejor la colocación del "vector gradiente". El truco consiste en quitar opacidad a la imagen a manipular.


- Recortando elementos para mandarlos por encima de la zona de fundido de ambas imágenes

Para mejorar aún más ese fundido de imágenes podemos hacer el siguiente truco que os propongo, y es mandar ciertos elementos que están en la zona de fundido por encima del mismo.

En la imagen posteada más abajo aparecen punteados diferentes elementos que he tomado con el "lazo poligonal". Como esto es una ejemplo, he tomado a la vez elementos que pertenecen a ambas imágenes para mostrároslo, pero realmente he ido tomando de uno en uno los que he considerado. A Saber:

- De la imagen izquierda: la mano de Drácula.

- De la imagen de la derecha: el látigo en la zona en que se retuerce, los 2 murciélagos, la espada (de la que he hecho un clonado para completarla), la luna y la rodilla del personaje.

Después de señalar los diferentes elementos, copiamos y pegamos por encima de las capas que representan nuestras 2 imágenes, y los limpiamos bien.

Nota: Tenéis un completísimo tutorial sobre cómo cortar o aislar figuras y demás elementos con photoshop aquí.

image


El resultado de la ordenación de capas-elementos posterior es la que sigue:

image


Creo que el resultado es mucho mejor que haber optado por quedarnos sólo en la opción del fundido. Pero podemos ir más allá dependiendo de nuestra pericia y conocimiento de photoshop, y de nuestro sentido estético también.


- Retocando la imagen al gusto

Comentaba antes, que si se tiene cierto dominio del programa, podríamos ir más allá mejorando la imagen final. En el caso que nos ocupa, he añadido: efecto de fondo con valla en la imagen derecha, brillo en la espada y ruido de imagen en la escena izquierda, que aparecía en la derecha.

image


Además he completado creando marcos, pues este proyecto tenía como finalidad componer un layout de MameWah. El resultado es el siguiente:

image



- Por Mikonos -

Edited by Mikonos - 31/10/2009, 14:19
 
Web  Top
Sigard
view post Posted on 11/5/2011, 12:24     +1   -1




Eres muy bueno con el photoshop.^^
 
Top
sonicymario64
view post Posted on 19/7/2011, 16:21     +1   -1




Voy a tener que empezar a hacer un cursillo de Photoshop porque se hacen unas virguerias que alucinas. Muy bien Mikonos te quedo genial. :lol:
 
Top
2 replies since 1/5/2008, 00:32   4459 views
  Share