Breaking Apart

Tutorial de Efectos de Fotografía

Tutorial por Diego Mattei de DiegoMattei.com.ar

Extraordinario tutorial de Diego Mattei en el que nos muestra como crear un efecto al que llama Breaking Apart (algo asi como Romper en partes) a partir de un retrato.

Ya he terminado este tutorial tan pedido por muchos de Uds. La verdad es que el retraso se debe a que lleva tiempo esta composición… ya sabrán porque. Pero como siempre, todo lo que cuesta vale. Veamos el resultado:

Composición Final

Elementos de trabajo

7889884490 crackltyx

1º Paso. Comenzamos por abrir un nuevo documento. El tamaño queda a gusto de Uds. Generalmente para este tipo de trabajo utilizo 1280 x 1024 para poder utilizarlo de wallpaper, pero con que sea horizontal está bien. El mismo deberá tener el fondo negro.

Una vez con nuestro documento creado, abrimos la imagen y la volcamos en el lienzo, ubicándola en el costado izquierdo. En este caso, como la imagen tiene el corte y se nota en la remera del muchacho, lo que hice fue simplemente borrar el costado derecho con un pincel grande y con 0% de dureza. De esta forma queda un difuminado como si se perdiera en la oscuridad.

Imagen

2º Paso. Ahora tomamos la herramienta lazo y seleccionamos el rostro del muchacho. Esta selección no deberá ser exacta, pero intentaremos seguir la silueta. Aquí en la imagen vemos como:

Seleccion

Con el rostro seleccionado, presionamos CTRL+J para duplicar solo la parte seleccionada. A esta capa la llamaremos “cabeza”. Duplicamos nuevamente la capa cabeza, obteniendo una capa llamada “cabeza copia”. Renombramos esta nueva capa y la llamamos “guia trozos”, ubicándola por debajo de la capa cabeza. Las capas deberían quedar así:

capas

Creamos una nueva capa a la que llamaremos “línea guía” y que estará por encima del resto de las capas.

3º Paso. Pasemos a explicar de que van tantas capas guías. Que hacemos con la capa “guía trozos”? Primero le bajaremos la opacidad a 40%. Luego la transformaremos (CTRL+T) estirando la imagen hacia el costado derecho. Esto nos servirá de guía para saber hasta donde llegarán los trozos. Debería verse algo así:

03transf

De que se trata la capa “línea guía”? Aquí trazaremos una línea con el pincel para que nos sirva de parámetro hasta donde deberá estar cortado el rostro.

linea guia

Como toda capa guía, una vez finalizado el trabajo (o antes) la ocultaremos, ya que no forma parte del trabajo final.

4º Paso. Bueno, aquí es donde entenderán porque el retraso de la salida de este tutorial. A armarse de paciencia. Lo que debemos hacer es cortar los trozos. Uds. se preguntarán: No hay una acción que lo haga? No existe un pincel que nos facilite el trabajo? La respuesta es simple… todo buen efecto requiere de trabajo, por lo que si queremos que esta composición sea única, lo mejor es hacerlo nosotros… a pulmón.

Como haremos esto? Veamos:

06trozo

Como vemos en la imagen, hay una selección irregular. Lo que vamos a hacer es tomar la herramienta “Lazo” y sobre la capa “cabeza” comenzaremos a hacer este tipo de selecciones (mas grandes, mas chicas… bien irregulares en forma y tamaño) y las arrastraremos con la herramienta “Mover” (el puntero) hacia el sector que correspondería en la imagen transformada como guía. Es decir, si saco un trozo de la oreja, lo arrastraré hasta la oreja de la imagen transformada. Se entiende?

Esto deberemos hacerlo como base. Luego podremos ir intercalando, superponiendo y completando huecos vacíos con trozos tomados de otras partes de la cara.

Para hacer esto, aparte de poner tu música favorita y dejar la botella de tu gaseosa preferida cerca, recomiendo usar los atajos de teclado. De esta forma agilizaremos el trabajo. El lazo es la L y la herramienta mover es la V. Por lo tanto, si una mano solo la utilizamos para hacer la selección y la otra en el teclado para alternar entre una herramienta y otra, al llegar al trozo Nº 20 veremos como sale casi de forma automática.

Horas mas tarde (jeje) el resultado debería ser el siguiente:

break

Como pueden ver, he cubierto la superficie de la capa “cabeza guía” y he respetado, parcialmente, la línea guía. Luego esto podremos perfeccionarlo, pero ya está bien por el momento como para seguir con el tutorial.

5º Paso. Ya tenemos todos los trozos, así que podemos ocultar las capas guías. Ahora lo que vamos a hacer es otorgar una máscara de capa a “cabeza”. La idea de esta parte es darle profundidad a los trozos, ya que por el momento se ven todos en el mismo nivel, con la misma iluminación.

Para esto, ya con la máscara de capa creada, seleccionamos el color negro y tomamos la herramienta pincel. Bajamos su opacidad a 20% desde su panel de propiedades y haremos algunas líneas aleatorias sobre los trozos. Veremos como de a poco va dando la sensación de profundidad.

Profundidad

Si comparamos la imagen del 4º paso con la del 5º paso veremos la diferencia.

6º Paso. Hora de unir la cabeza con el cuerpo. Si hacemos visible la imagen original, veremos como los trozos se superponen con el rostro completo, por lo que haremos lo siguiente: hacemos una selección de toda la zona que tenemos que ocultar en la fotografía original.

negro

En sí ésta es algo exagerada, ya que en la zona de las partículas no hay nada que ocultar… Una vez con esta selección, creamos una nueva capa entre la fotografía original y la capa “cabeza”. Situados sobre esta nueva capa y con la selección activa, tomamos el bote de pintura y volcamos negro dentro. Ahora sí, hacemos visible la imagen original y veremos como queda todo armado.

breaking

7º Paso. Hora de darle mas realismo. En verdad el resto de la imagen está muy sana, por lo que aplicaremos alguna textura. Para esto seleccionamos alguna textura o tomamos la que comparto para este tutorial y la ubicamos sobre el rostro del personaje (rostro y cuello en este caso).

Por ser una fotografía oscura, el modo de fusión que le daremos a esta textura será el de Superponer. Con esto ya podremos previsualizar como queda y mover o redimensionar la misma a gusto hasta encontrar la posición que mas nos guste. Una vez que hayamos encontrado la posición ideal, aplicamos una máscara de capa para borrar las zonas en donde no deberá verse dicha textura.

textura

Luego repetiremos este proceso en otra capa, pero para darle textura a los trozos. Es decir, hacemos lo mismo pero en vez de ocultar en la máscara de capa los trozos, los dejamos visibles y ocultamos el rostro.

textura

8º Paso. También podemos poner algunos trozos mas grandes. Para esto seleccionamos con el lazo alguna parte del rostro y luego presionamos CTRL+J para que nos copie ese sector en una capa aparte… de esta forma, repitiendo este paso, podremos tener trozos de otros tamaños superpuestos con los mas chicos y haciendo lucir mas la textura.

13grande

9º Paso. Bueno, hemos terminado con los trozos del rostro (o por lo menos por ahora… siempre podemos volver para retocar, agregar o quitar alguno). El trabajo podría finalizar aquí, pero tanto efecto para dejarlo así es una picardía. Por lo que seguiremos un poco mas.

Recuerdan el tutorial de Wallpaper Dark? Bueno, podemos utilizar ese efecto de poner capas de color y fusionarlas para que tome esa tonalidad. Para esto creo 2 capas nuevas encima del resto. Una será de color #AF9D7D a la que llamaremos “Marrón” y modo de fusión “Color” y la otra de #485567 con el nombre “Azul” y el modo de fusión “Superponer”. Con esto podremos jugar en cuanto a modos de fusión y opacidad hasta que encontremos el punto exacto.

tonos

10º Paso. Por último, podríamos agregarle algo de humo o alguna línea de energía no muy llamativa… yo me inclino por un poco de humo.

Explicado rápidamente (ya que el tutorial es mostrar la técnica Breaking Apart y no el humo) les cuento como darle mas excentrismo al humo. Seguimos todos los pasos del tutorial “Humo”.

Una vez que tenemos el humo dentro de un marco deseado (este deberá estar en una capa aparte por debajo de la capa “cabeza”), hacemos lo siguiente:

  1. Vamos a Filtros > Artístico > Plastificado. Valores a gusto
  2. En este caso, le baje la opacidad a 20% y le cambié el modo de fusión a “Luz Lineal”.
  3. Vamos a Filtros > Distorsionar > Onda. Movemos un poco los valores para darle un zig zag coherente al humo.
  4. Vamos a Filtros > Licuar. Con la herramienta “Deformar hacia adelante” empujamos levemente el humo para darle mas forma angular.
  5. Duplicamos la capa.
  6. En la capa duplicada, vamos a Imagen > Ajustes > Tono / Saturación. Marcamos “Colorear” y seleccionamos el tono. Luego saturamos un poco para que tome mas viveza el color.
  7. Depende de cada uno probar valores y deformar hasta lograr el efecto deseado. También podemos seguir duplicando la capa, borrando partes que tapen algo importante de la composición, etc. También pueden aplicar la técnica de los ojos de zombie para darle algo mas de rareza a la imagen. En fin, a darse maña…
  8. Por último, recomiendo que descarguen el original en PSD al pie de este tutorial, ya que ocultando y mostrando cada capa se darán cuenta de algunas cosas explicadas aquí.

final

Descargar PSD

Hemos creado el correo electrónico tutoriales @ solophotoshop.com para recibir tus tutoriales y artículos.
Registrate aquí para consultar, comentar, recibir novedades y valorar los Tutoriales y Artículos

 Fecha: 24/04/2008  AMELIESOL escribió:
muyyyy buenooooooo¡¡¡¡aunque me ha costado mucho... estoy poniendo el humo

 Fecha: 24/04/2008  NICOLAVARRIA escribió:
Esto es justo lo que estaba buscando!!! Sensacional!!!

 Fecha: 24/04/2008  NIKOKOS escribió:
buenaso...! lo pondre en practica...

 Fecha: 24/04/2008  BOBESTRONJA escribió:
interesante GraCiaS

 Fecha: 25/04/2008  CARCELEN escribió:
Muy original gracias, por el aporte

 Fecha: 25/04/2008  MALISH escribió:
Muy buen aporte, consejo en el 4paso pueden utilizar el lazo y con la tecla shift oprimida(o en su defecto Mac) es posible hacer muchas figuras irregulares, luego seguimos el mismo procedimiento, asi se ganará un poco de tiempo, a mi me dio resultado, suerte!!

 Fecha: 27/04/2008  JHONMARIO escribió:
Es uno de los manuales más buenos que he visto, muchas gracias. Lo voy a aplicar con una de mis fotos y después podrán ver el resultado en nuestra página. www.portalart.es.tl

 Fecha: 28/04/2008  SERGIOPIXIE escribió:
Puede que con una teselación previa sobre la imagen a recortar y aplicandole unas cuantas modificaciones podriamos ahorrar algo de tiempo. Muy bueno.

 Fecha: 29/04/2008  INFERNALOVERKILL escribió:
HEHEHEHE MUY BUENO VALE LA PENA TARDAR TANTO NO SE DE DONDE SAQUE TANTA PACIENCIA ESO Q SOY PRINCIPIANTE ^^!! SEGUI EL TUTO MUY BIEN GRAX POR LOS APORTES MI VOTO ES::: BUENO BUENO MUY BUENO!!!!

 Fecha: 30/04/2008  IRONMAURY escribió:
muy buen aporte; exelente exprecion queda muy claro.

 Fecha: 30/04/2008  HAZARD escribió:
pa creo que ya me quedaron los ojos en forma de pedacitos jejeje... espectacular tutorial. exitos...

 Fecha: 05/05/2008  DESTROYER01 escribió:
Muy bueno felicitaciones!!!

 Fecha: 08/05/2008  ELCUMPA escribió:
Muy bueno el tuto, la verdad, excelente...lo que yo quería saber es si se puede (y si alguien sabe como)hacer que una imagen jpg en blanco y negro quede con fondo transparente...o sea, si a alguna imagen de algun garabato se la puede dejar con fondo transparente para usarla como mascara...gracias desde ya al que pueda ayudarme....

 Fecha: 08/05/2008  ELCUMPA escribió:
hola

 Fecha: 09/05/2008  PETER1810 escribió:
bravo man exelente tuto me encanto el efecto q le das ahora lo voy a intentar a ver si me sale algo parecido graciaz por tus aportaciones

 Fecha: 13/05/2008  BATI1975 escribió:
La verdad JesusDesigner es que creo no sabes leer. Porque criticarme diciendo que hago credito con los trabajos de otros si en el encabezado dice:"ya he terminado este tutorial tan pedido por Uds..." A no ser que fueran adivinos, la gente no podria pedirme algo creado por mi totalmente inedito. Te propongo que presentes tu trabajo sobre este efecto que de seguro será fantastico, aunque tu forma de interpretar las cosas sea de un niño de 4 años... quizas se te complica.. en fin.

 Fecha: 15/05/2008  MARMOTAA escribió:
me encanto, aunque la idea de pasarme horas frente al pc para lograrlo hace que mis ojos se vuelvan solitos para la nuca. el brillo del pc me da jaqueca.....

 Fecha: 16/05/2008  GURISA escribió:
Buenisimo! ayer me lo puse a hacer, y como dice Pablo, a los 20 pedacitos, ya estás canchera y lo hacés rápido... Me maree un poco con el tema de poner la textura, algo no hice bien, ahora me estoy bajando el psd para ver en que me equivoqué! saluti

 Fecha: 16/05/2008  GURISA escribió:
pregunta: alguien pudo abrir el archivo psd?

 Fecha: 17/05/2008  ALANDYL escribió:
alguen me podria decir como se escogen los colores #AF9D7D y #485567 al crear la capa ? a mi solo me salen 4 o 5 principales y no me deja escoger ni nada ... :S soy novatillo :D x cierto gurtisa ... a mi tp me deja bajarlo ^^

 Fecha: 17/05/2008  ALANDYL escribió:
y como se pueden poner unas letras xulas como las de la primera foto?

 Fecha: 19/05/2008  GURISA escribió:
ALANDYL : hacés tenés que copiar solo el numero (sin el signo numeral que ya esta puesto) Ya lo abrí, pero solo desde El Image Ready, no se bie porque , pero dese photoshop me salta como que tengo poca memoria RAM...

 Fecha: 19/05/2008  ALANDYL escribió:
pero donde lo copio ?

 Fecha: 19/05/2008  GURISA escribió:
en el menu "herramientas", vas a "configurar color frontal" (hacés clik en el cuadradito de color de arriba) y ahí se te abre el modo configuracion, vas a ver que hay una "casillero" después de un signo # que tiene el nombre del color

 Fecha: 19/05/2008  VICRAST escribió:
OYE PANA M QUEDE NE EL PASO 4 NO LOGRO ENTENDRE D DOND VOY AGARRAR MAS TROZO D LA CARA PARA CGUIR RELLENADO LO Q M FALTA DE LO0S PEDAZO DEL ROSTRO DESFRACMNTADO ES PARA PASAR AL PASO Nº 5 CUAL QUIERCOSA AVIASAME PORFA PARA TREMINAR MI TRABAJO Y GRACIAs por ese tutoria esta magnifico...

 Fecha: 21/05/2008  NELL escribió:
yo tambien me quede en el paso 4, pero a mi lo que me pasa es q al momento de hacer los pedacitos no queda igual q en la foto, osea no queda con el fondo negro y si lo tiene pero cuando corto un pedacito, abajo se ve piel y no negro. como le ago para ke quede negro? :S si alguien me puede explicar se los agradeceria mucho :)

 Fecha: 23/05/2008  ALETOXIDO escribió:
buena parcero severo tutorial no importa ke sea un plagio la verdad estas son herramientas ke komo graficos nos sirven par aplicar en nuestras labores la idea es aplicarlos y mejorarlos

 Fecha: 06/06/2008  WORT escribió:
muy bueno la verdad. me encanto loco, segui asi q sos re groso ^.^ me salio igual gracias a vos :D ya puedo presumir mi foto :P, le agregue el tutorial de rompecabezas y letras en 3d ^^ me quedo muy bien pruebenlo gente

 Fecha: 21/06/2008  VIC_FOTOS escribió:
woooowww!!!! se ve espectacular, ademas de que es facil!!!!.... a pesar de toda la paciencia que se nesecita... :)

 Fecha: 07/07/2008  GUSTAVOMT87 escribió:
muy buen tutorial http://photoshoppublicitario.blogspot.com/

 Fecha: 09/07/2008  COOL81 escribió:
el tutorial es sacado del photoshop topsecrets para los lo quieran y tengan tiempo de descargarlo porque son 5 dvds lo pueden encontrar en ba-k.com

 Fecha: 13/07/2008  KABYR escribió:
esta muy bueno este utorial muchas gracias!! de pana

 Fecha: 17/07/2008  LUPITARTE escribió:
eres un MAESTRO DE MAESTROS.... cheke tu pagina....esta de lujo...muchas gracias....

 Fecha: 21/07/2008  ANDRES.GL87 escribió:
la cago

 Fecha: 30/07/2008  FELIPE00 escribió:
hay unas partes del tutorial medio enredado pero esta bien ;) graacias!

 Fecha: 06/08/2008  DIEGODS9 escribió:
wao... o.o simplemente sensacional =D a empezarze a dicho pz xP gracias por el aporte

 Fecha: 02/10/2008  TITOMUS escribió:
la monda!!!!

 
© Copyright 2001 - 2008
Solo Photoshop, Tutoriales, VideoTutoriales, Artículos y Recursos de Photoshop y Flash.