Breaking Apart | Solo Photoshop

Breaking Apart | Solo Photoshop

http://www.solophotoshop.com/tutorial/breaking-apart/565/

Breaking Apart | Solo PhotoshopInicio Tutoriales Bsicos de Photoshop Texto en Photoshop Interfases y Diseo Web Fotografa en Photoshop Dibujo e Ilustracin Adobe Flash SP Magazine Contactobuscar

Solo PhotoshopTutoriales y recursos PhotoshopBienvenido a SoloPhotoshop, donde encontrars la mejor informacin sobre tutoriales, recursos y artculos de Adobe Photoshop!

Ingreso de UsuarioUsuario:Ingreso

Contrasea: Recuperar contrasea

Registro de UsuarioUsuario: Email:Registro

Contrasea:

Hola visitante! | Ingreso | Registro

Anunciar en SoloPhotoshop

1 de 21

30/03/12 1:56



Breaking Apart | Solo PhotoshopTutorial de Efectos de FotografaCancelar Voto 1 2 3 4 5Recomendar esto en Google

70

7

0Menea

1Delicious

0Digg

22Email

102Comparte

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.

Photoshop

Digital video recorder

Digital recorder video

Botellas

Navigator

Recursos

Samsung usb data

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

2 de 21

30/03/12 1:56



Elementos de trabajo

1 Paso. Comenzamos por abrir un nuevo documento. El tamao 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, ubicndola 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.

3 de 21

30/03/12 1:56



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

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, ubicndola por debajo de la capa cabeza. Las capas deberan quedar as:

4 de 21

30/03/12 1:56



Creamos una nueva capa a la que llamaremos lnea gua y que estar por encima del resto de las capas. 3 Paso. Pasemos a explicar de que van tantas capas guas. Que hacemos con la capa gua trozos? Primero le bajaremos la opacidad a 40%. Luego la transformaremos (CTRL+T) estirando la imagen hacia el costado derecho. Esto nos servir de gua para saber hasta donde llegarn los trozos. Debera verse algo as:

De que se trata la capa lnea gua? Aqu trazaremos una lnea con el pincel para que nos sirva de parmetro hasta donde deber estar cortado el rostro.

5 de 21

30/03/12 1:56



Como toda capa gua, una vez nalizado el trabajo (o antes) la ocultaremos, ya que no forma parte del trabajo nal. 4 Paso. Bueno, aqu es donde entendern porque el retraso de la salida de este tutorial. A armarse de paciencia. Lo que debemos hacer es cortar los trozos. Uds. se preguntarn: No hay una accin 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 composicin sea nica, lo mejor es hacerlo nosotros a pulmn. Como haremos esto? Veamos:

Como vemos en la imagen, hay una seleccin 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 tamao) y las arrastraremos con la herramienta Mover (el puntero) hacia el sector que correspondera en la imagen transformada como gua. 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 vacos con trozos tomados de otras partes de la cara. Para hacer esto, aparte de poner tu msica 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 seleccin 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 automtica. Horas mas tarde (jeje) el resultado debera ser el siguiente:

6 de 21

30/03/12 1:56



Como pueden ver, he cubierto la supercie de la capa cabeza gua y he respetado, parcialmente, la lnea gua. 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 guas. Ahora lo que vamos a hacer es otorgar una mscara 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 iluminacin. Para esto, ya con la mscara 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 lneas aleatorias sobre los trozos. Veremos como de a poco va dando la sensacin de profundidad.

Si comparamos

7 de 21

30/03/12 1:56



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 seleccin de toda la zona que tenemos que ocultar en la fotografa original.

En s sta es algo exagerada, ya que en la zona de las partculas no hay nada que ocultar Una vez con esta seleccin, creamos una nueva capa entre la fotografa original y la capa cabeza. Situados sobre esta nueva capa y con la seleccin activa, tomamos el bote de pintura y volcamos negro dentro. Ahora s, hacemos visible la imagen original y veremos como queda todo armado.

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

8 de 21

30/03/12 1:56



ubicamos sobre el rostro del personaje (rostro y cuello en este caso). Por ser una fotografa oscura, el modo de fusin 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 posicin que mas nos guste. Una vez que hayamos encontrado la posicin ideal, aplicamos una mscara de capa para borrar las zonas en donde no deber verse dicha 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 mscara de capa los trozos, los dejamos visibles y ocultamos el rostro.

8 Paso. Tambin 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 tamaos superpuestos con los mas chicos y haciendo lucir mas la textura.

9 de 21

30/03/12 1:56



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 podra nalizar aqu, pero tanto efecto para dejarlo as es una picarda. 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 Marrn y modo de fusin Color y la otra de #485567 con el nombre Azul y el modo de fusin Superponer. Con esto podremos jugar en cuanto a modos de fusin y opacidad hasta que encontremos el punto exacto.

10 Paso. Por ltimo, podramos agregarle algo de

10 de 21

30/03/12 1:56



inclino por un poco de humo. Explicado rpidamente (ya que el tutorial es mostrar la tcnica 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 > Artstico > Plasticado. Valores a gusto 2. En este caso, le baje la opacidad a 20% y le cambi el modo de fusin 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 / Saturacin. 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. Tambin podemos seguir duplicando la capa, borrando partes que tapen algo importante de la composicin, etc. Tambin pueden aplicar la tcnica de los ojos de zombie para darle algo mas de rareza a la imagen. En n, a darse maa 8. Por ltimo, recomiendo que descarguen el original en PSD al pie de este tutorial, ya que ocultando y mostrando cada capa se darn cuenta de algunas cosas explicadas aqu.

11 de 21

30/03/12 1:56



Comentarios de Breaking Apart | Solo Photoshop Tutorial

ameliesol 2008-04-24 12:54 muyyyy buenoooooooaunque me ha costado mucho... estoy poniendo el humo

nicolavarria 2008-04-24 15:19 Esto es justo lo que estaba buscando!!! Sensacional!!!

nikokos 2008-04-24 15:22 buenaso...! lo pondre en practica...

bobestronja 2008-04-24 16:50 interesante GraCiaS

carcelen 2008-04-25 15:06 Muy original gracias, por el aporte

malish

12 de 21

30/03/12 1:56



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 guras irregulares, luego seguimos el mismo procedimiento, asi se ganar un poco de tiempo, a mi me dio resultado, suerte!!

jhonmario 2008-04-27 20:16 Es uno de los manuales ms buenos que he visto, muchas gracias. Lo voy a aplicar con una de mis fotos y despus podrn ver el resultado en nuestra pgina. www.portalart.es.tl

sergiopixie 2008-04-28 15:00 Puede que con una teselacin previa sobre la imagen a recortar y aplicandole unas cuantas modicaciones podriamos ahorrar algo de tiempo. Muy bueno.

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!!!!

ironmaury 2008-04-30 09:15 muy buen aporte; exelente exprecion queda muy claro.

hazard 2008-04-30 19:09 pa creo que ya me quedaron los ojos en forma de pedacitos jejeje... espectacular tutorial. exitos...

13 de 21

30/03/12 1:56



destroyer01 2008-05-05 16:49 Muy bueno felicitaciones!!!

elcumpa 2008-05-08 16:29 Muy bueno el tuto, la verdad, excelente...lo que yo quera 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....

elcumpa 2008-05-08 16:35 hola

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 aportaciones

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 nio de 4 aos... quizas se te complica.. en n.

marmotaa

14 de 21

30/03/12 1:56



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.....

gurisa 2008-05-16 09:18 Buenisimo! ayer me lo puse a hacer, y como dice Pablo, a los 20 pedacitos, ya ests canchera y lo hacs rpido... 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

gurisa 2008-05-16 09:33 pregunta: alguien pudo abrir el archivo psd?

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 ^^

AlAndyl 2008-05-17 12:35 y como se pueden poner unas letras xulas como las de la primera foto?

gurisa 2008-05-19 10:00

15 de 21

30/03/12 1:56



Ya lo abr, pero solo desde El Image Ready, no se bie porque , pero dese photoshop me salta como que tengo poca memoria RAM...

AlAnDyl 2008-05-19 11:46 pero donde lo copio ?

gurisa 2008-05-19 13:10 en el menu "herramientas", vas a "congurar color frontal" (hacs clik en el cuadradito de color de arriba) y ah se te abre el modo conguracion, vas a ver que hay una "casillero" despus de un signo # que tiene el nombre del color

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 magnico...

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 :)

aletoxido 2008-05-23 16:06

16 de 21

30/03/12 1:56



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 gente

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... :)

gustavomt87 2008-07-07 11:12 muy buen tutorial

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.com

kabyr 2008-07-13 22:02 esta muy bueno este utorial muchas gracias!! de pana

lupitarte

17 de 21

30/03/12 1:56



eres un MAESTRO DE MAESTROS.... cheke tu pagina....esta de lujo...muchas gracias....

andres.gl87 2008-07-21 21:57 la cago

felipe00 2008-07-30 00:39 hay unas partes del tutorial medio enredado pero esta bien ;) graacias!

diegods9 2008-08-06 19:13 wao... o.o simplemente sensacional =D a empezarze a dicho pz xP gracias por el aporte

titomus 2008-10-02 20:07 la monda!!!!

hector zamora 2008-10-30 23:50 me parece que encontre lo que buzcaba, que bien!

lekofev

18 de 21

30/03/12 1:56



wau... excelente...

angelcore 2008-12-09 17:52 :O ....Me has dejado con la boca abierta :O Muy buen efecto ;)

kamehb 2008-12-24 09:51 lo de los trozos me mato mucho trabajo, alguna manera mas facil???....excelente tutorial

vivimire12 2009-01-04 21:42 Donde esta el lazo lo que pasa es que mi photoshop es en ingles me podrian decir porfa :)

andres david 2009-01-11 17:18 Uyyy viejo est excelente. A mi me en especial casi no me gustan los video tutoriales, preero esta forma de explicar el procedimiento. Gracias viejo desde la hermosa Colombia!!!

machinne 2009-01-20 09:22 exelente...mas peluo hacerlo pero muy weno XD

Negro0

19 de 21

30/03/12 1:56



buenisimo te felicito esta extraordinario

Solangeliana 2009-07-09 18:45 me encanto diego..!! te sigo siempre.. exitos!!

starking 2010-01-09 02:59 excelente aunk apenas empiezo al esto le entendi a perfeccion

ruif3r 2010-09-13 04:07 Demasiado bueno, lo pondre en practica!! por cierto, quisiera la textura...

gran master 2011-09-12 22:33 Excelente tutorial, lo felicito por la paciencia Tutorial Solo Photoshop 2001 - 2011, Tutoriales y recursos Photoshop xHTML | CSS | RSS | Publicidad | Contacto Top Creativa INT Contenidos Juegos gratis Tutorial Valley Tutoriales Photoshop Photoshop Tutorials Recursos Diseo Designs & Resources

20 de 21

30/03/12 1:56



Tutorales InDesign Autos y Coches Photoshop en Lnea Estilo Flash Blog Windows 7 Jugos y Licuados Biblia Online La Fe Catolica Respuestas Catolicas Rincon Misionero Ruta Interior Manualidades Recetas Comida Natural Repostera y Pastelera Salud y Estilo de Vida Shakes and Juices Tips de Bebes Tips de Belleza Tips de Cocina Tips de Nutricin Tips de Parejas Tips de Salud Bajar de Peso Recetas de Cocina Tutoriales Illustrator Flash Tutorials Arte Creativo Jorge Oyhenard

21 de 21

30/03/12 1:56

Breaking Apart | Solo Photoshop

Documents

Transcript of Breaking Apart | Solo Photoshop