Solo Photoshop

Tutoriales y recursos Photoshop

Bienvenido a SoloPhotoshop, donde encontrarás la mejor información sobre tutoriales, recursos y artículos de Adobe Photoshop!

Ingreso de Usuario

Recuperar contrasea

Registro de Usuario

Anunciar en SoloPhotoshop

Breaking Apart | Solo Photoshop

Tutorial de Efectos de Fotografía

 

Tutorial por Diego Mattei

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

Comentarios de Breaking Apart | Solo Photoshop

↑ Tutorial

  • ameliesol

    ameliesol

    2008-04-24 12:54

    muyyyy buenooooooo¡¡¡¡aunque me ha costado mucho... estoy poniendo el humo M
  • nicolavarria

    nicolavarria

    2008-04-24 15:19

    Esto es justo lo que estaba buscando!!! Sensacional!!!M
  • nikokos

    nikokos

    2008-04-24 15:22

    buenaso...! lo pondre en practica... M
  • bobestronja

    bobestronja

    2008-04-24 16:50

    interesante GraCiaSM
  • carcelen

    carcelen

    2008-04-25 15:06

    Muy original gracias, por el aporteM
  • malish

    malish

    2008-04-25 17:35

    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!!M
  • jhonmario

    jhonmario

    2008-04-27 20:16

    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.tlM
  • sergiopixie

    sergiopixie

    2008-04-28 15:00

    Puede que con una teselación previa sobre la imagen a recortar y aplicandole unas cuantas modificaciones podriamos ahorrar algo de tiempo. Muy bueno.M
  • infernaloverkill

    infernaloverkill

    2008-04-28 23:53

    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!!!! M
  • ironmaury

    ironmaury

    2008-04-30 09:15

    muy buen aporte; exelente exprecion queda muy claro.M
  • hazard

    hazard

    2008-04-30 19:09

    pa creo que ya me quedaron los ojos en forma de pedacitos jejeje... espectacular tutorial. exitos...M
  • destroyer01

    destroyer01

    2008-05-05 16:49

    Muy bueno felicitaciones!!! M
  • elcumpa

    elcumpa

    2008-05-08 16:29

    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....M
  • elcumpa

    elcumpa

    2008-05-08 16:35

    holaM
  • peter1810

    peter1810

    2008-05-09 19:38

    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 aportacionesM
  • bati1975

    bati1975

    2008-05-13 18:20

    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.M
  • marmotaa

    marmotaa

    2008-05-15 12:21

    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.....M
  • gurisa

    gurisa

    2008-05-16 09:18

    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é! salutiM
  • gurisa

    gurisa

    2008-05-16 09:33

    pregunta: alguien pudo abrir el archivo psd?M
  • AlAndyl

    AlAndyl

    2008-05-17 12:29

    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 ^^M
  • AlAndyl

    AlAndyl

    2008-05-17 12:35

    y como se pueden poner unas letras xulas como las de la primera foto?M
  • gurisa

    gurisa

    2008-05-19 10:00

    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...M
  • AlAnDyl

    AlAnDyl

    2008-05-19 11:46

    pero donde lo copio ?M
  • gurisa

    gurisa

    2008-05-19 13:10

    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 colorM
  • vicrast

    vicrast

    2008-05-19 18:35

    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... M
  • Nell

    Nell

    2008-05-21 18:53

    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 :)M
  • aletoxido

    aletoxido

    2008-05-23 16:06

    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 M
  • wort

    wort

    2008-06-06 09:41

    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 genteM
  • vic_fotos

    vic_fotos

    2008-06-21 17:41

    woooowww!!!! se ve espectacular, ademas de que es facil!!!!.... a pesar de toda la paciencia que se nesecita... :)M
  • gustavomt87

    gustavomt87

    2008-07-07 11:12

    muy buen tutorial M
  • cool81

    cool81

    2008-07-09 09:39

    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.comM
  • kabyr

    kabyr

    2008-07-13 22:02

    esta muy bueno este utorial muchas gracias!! de pana M
  • lupitarte

    lupitarte

    2008-07-17 20:24

    eres un MAESTRO DE MAESTROS.... cheke tu pagina....esta de lujo...muchas gracias....M
  • andres.gl87

    andres.gl87

    2008-07-21 21:57

    la cago M
  • felipe00

    felipe00

    2008-07-30 00:39

    hay unas partes del tutorial medio enredado pero esta bien ;) graacias!M
  • diegods9

    diegods9

    2008-08-06 19:13

    wao... o.o simplemente sensacional =D a empezarze a dicho pz xP gracias por el aporteM
  • titomus

    titomus

    2008-10-02 20:07

    la monda!!!! M
  • hector zamora

    hector zamora

    2008-10-30 23:50

    me parece que encontre lo que buzcaba, que bien!M
  • lekofev

    lekofev

    2008-11-03 23:15

    wau... excelente...M
  • angelcore

    angelcore

    2008-12-09 17:52

    :O ....Me has dejado con la boca abierta :O Muy buen efecto ;)M
  • kamehb

    kamehb

    2008-12-24 09:51

    lo de los trozos me mato mucho trabajo, alguna manera mas facil???....excelente tutorialM
  • vivimire12

    vivimire12

    2009-01-04 21:42

    Donde esta el lazo lo que pasa es que mi photoshop es en ingles me podrian decir porfa :)M
  • andres david

    andres david

    2009-01-11 17:18

    Uyyy viejo está excelente. A mi me en especial casi no me gustan los video tutoriales, prefiero esta forma de explicar el procedimiento. Gracias viejo desde la hermosa Colombia!!!M
  • machinne

    machinne

    2009-01-20 09:22

    exelente...mas peluo hacerlo pero muy weno XDM
  • Negro0

    Negro0

    2009-04-29 20:55

    buenisimo te felicito esta extraordinario M
  • Solangeliana

    Solangeliana

    2009-07-09 18:45

    me encanto diego..!! te sigo siempre.. exitos!!M
  • starking

    starking

    2010-01-09 02:59

    excelente aunk apenas empiezo al esto le entendi a perfeccionM
  • ruif3r

    ruif3r

    2010-09-13 04:07

    Demasiado bueno, lo pondre en practica!! por cierto, quisiera la textura...M
  • gran master

    gran master

    2011-09-12 22:33

    Excelente tutorial, lo felicito por la pacienciaM

↑ Tutorial