1. Design & Illustration
  2. Add-Ons
  3. Photoshop Actions

Como Crear una Acción de Efecto Fragmentado en Photoshop

Scroll to top

Spanish (Español) translation by Ranulfo Colmenarez (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En este tutorial aprenderá a crear un sorprendente efecto de fragmentación. Explicaré todo con tanto detalle que todos puedan crearlo, incluso aquellos que acaban de abrir Photoshop por primera vez.

El efecto mostrado arriba es el que te mostraré cómo crear en este tutorial. Si desea crear el efecto de fragmentación aún más avanzado que se muestra a continuación, con un solo clic y en solo unos minutos, entonces revise mi Acción ShatterPoly Photoshop.

Action final resultAction final resultAction final result

Lo Que Necesitarás 

Para crear el diseño anterior, necesitarás los siguientes recursos:

1. Empecemos

Primero, abra la foto con la que desea trabajar. Para abrir su foto, vaya a Archivo> Abrir, elija su foto y haga clic en Abrir. Ahora, antes de comenzar, solo verifique un par de cosas:

  1. Su foto debe estar en modo de Color RGB, 8 Bits /Canal. Para verificar esto, vaya a Imagen> Modo.
  2. Para obtener los mejores resultados, su tamaño de foto debe ser de 2000 a 4000 px de ancho/alto. Para verificar esto, vaya a Imagen> Tamaño de Imagen.
  3. Tu foto debe ser la capa de Fondo. Si no es así, vaya a Capa> Nuevo> Fondo de Capa.
Checking image size and modeChecking image size and modeChecking image size and mode

2. Cómo Crear un Pincel de Fragmentación 

Paso 1

En esta sección, vamos a crear el pincel que necesitaremos para este efecto. Vaya a Archivo> Nuevo para crear un nuevo archivo, asígnele el nombre Pincel de Fragmentación, y use la configuración a continuación:

Creating new fileCreating new fileCreating new file

Paso 2

Ahora vaya a Capa> Nueva> Capa para crear una nueva capa y asígnele el nombre SP_1.

Creating new layerCreating new layerCreating new layer

Paso 3

Elija la Herramienta Pluma (P), configure el Modo de Herramienta como Trazo y dibuje una parte de la fragmentacion. A continuación, haga Clic con el botón Derecho en cualquier lugar dentro del lienzo y elija Crear Selección.

Making selectionMaking selectionMaking selection

Paso 4

Ahora presione D en su teclado para restablecer las muestras, vaya a Edición> Rellenar y configure Contenido en Color de Primer Plano, Mezcla en Normal y Opacidad en 100% como se muestra a continuación:

Filling layer with foreground colorFilling layer with foreground colorFilling layer with foreground color

Paso 5

Presione Control-D en su teclado para deseleccionar. A continuación, haga Clic con el botón Derecho en esta capa, elija Opciones de Mezcla, marque Sombra Interior e ingrese la siguiente configuración:

Adding layer styleAdding layer styleAdding layer style

Paso 6

Ahora cambie el Relleno de esta capa a 90%.

Changing fillChanging fillChanging fill

Paso 7

Repite este método para crear tantas partes de fragmentación como quieras. Aquí hay algunos consejos:

  • Dibuja las partes de fragmentación en varias formas y tamaños.
  • Para crear rápidamente más partes de fragmentos, seleccione cualquiera de las capas de partes de fragmentos que tenga y presione Control-J en su teclado para duplicar esta capa.
  • Para mover cualquiera de las partes de fragmentos, seleccione la capa de partes de fragmentos, elija la Herramienta Mover (V) y haga clic y arrastre a cualquier lugar dentro del lienzo para colocarlos como desee.
  • Para transformar cualquiera de las partes de fragmentos, seleccione la capa de partes de fragmentos, presione Control-T en su teclado y ajuste las configuraciones de transformación para transformarlas a su gusto.
  • Para desenfocar cualquiera de las partes de fragmentos, seleccione la capa de partes de fragmentos, vaya a Filtro> Desenfocar> Desenfoque Gaussiano, y ajuste el Radio como desee.
  • Use diferentes configuraciones de estilo de capa de Sombra Interior.
  • Use una diferente capa de Relleno.

Luego, presione Control-Shift-E en su teclado para fusionar todas las capas visibles.

Creating more shatter partsCreating more shatter partsCreating more shatter parts

Paso 8

Ahora vaya a Edición> Definir Pincel Preestablecido para definir estas partes de fragmentos como un pincel nuevo y asígnele el nombre Temporal.

Defining brushDefining brushDefining brush

Paso 9

Presione B en su teclado, haga Clic Derecho en cualquier lugar dentro del lienzo, seleccione el pincel Temporal y presione Enter. Luego vaya a Ventana> Pincel y en la ventana Pincel use la configuración a continuación:

Adjusting brush settingsAdjusting brush settingsAdjusting brush settings

Paso 10

Ahora, para definir este pincel con nuevas configuraciones como pincel nuevo, haga clic en el ícono superior derecho en la esquina inferior derecha del panel Pincel y asígnele el nombre Fragmentar. Después de eso, puede cerrar la ventana del archivo Pincel de Fragmentos.

Defining brushDefining brushDefining brush

3. Cómo Crear las Partes de Fragmentos 

Paso 1

En esta sección vamos a crear las partes de fragmentos. Vaya a Capa > Nueva > Capa para crear una nueva capa y asígnele el nombre SP_Pequeño.

Creating new layerCreating new layerCreating new layer

Paso 2

Ahora configure el color frontal como #000000, elija la Herramienta Pincel (B), elija el pincel Fragmentar, coloque el Diámetro del pincel  alrededor de 250 px y cepille como se muestra a continuación:

Brushing into layerBrushing into layerBrushing into layer

Paso 3

Vaya a Capa > Nueva > Capa para crear una nueva capa y asígnele el nombre SP_Medio

Creating new layerCreating new layerCreating new layer

Paso 4

Ahora configure el color frontal como #000000, elija la Herramienta Pincel (B), elija el pincel Fragmentar, coloque el Diámetro del pincel alrededor de 500 px y cepille como se muestra a continuación:

Brushing into layerBrushing into layerBrushing into layer

Paso 5

Vaya a Capa > Nueva > Capa para crear una nueva capa y asígnele el nombre SP_Grande.

Creating new layerCreating new layerCreating new layer

Paso 6

Ahora configure el color frontal como #000000, elija la Herramienta Pincel (B), elija el pincel Fragmentar, coloque el Diámetro del pincel alrededor de 750 px y cepille como se muestra a continuación:

Brushing into layerBrushing into layerBrushing into layer

Paso 7

Vaya a Capa > Nueva > Capa para crear una nueva capa y asígnele el nombre SP_Muy_Grande.

Creating new layerCreating new layerCreating new layer

Paso 8 

Ahora configure el color frontal como #000000, elija la Herramienta Pincel (B), escoja el pincel Fragmentar, coloque el Diámetro del pincel alrededor de 1400 px, y cepille como se muestra a continuación:

Brushing into layerBrushing into layerBrushing into layer

Paso 9

Haz Clic en la tecla Shift en la capa SP_Pequeño para seleccionar todas las capas. A continuación, vaya a Capa> Nuevo> Agrupar desde Capas para crear un nuevo grupo a partir de las capas seleccionadas y asígnele el nombre Partes de Fragmentos.

Creating new group from layersCreating new group from layersCreating new group from layers

Paso 10

Ahora vaya a Capa> Máscara de Capa> Revelar Todo para agregar una máscara de capa que revela todo el grupo. Luego, establezca el color frontal como #000000, elija la Herramienta de Pincel (B), escoja un pincel suave y cepille las áreas donde desea eliminar las partes.

Brushing into layer maskBrushing into layer maskBrushing into layer mask

4. Cómo Ajustar el Color y el Tono a las Partes de Fragmentos 

Paso 1

En esta sección, vamos a ajustar el color y el tono de las partes de fragmentos. Vaya a Capa > Nueva > Capa para crear una nueva capa y asígnele el nombre Temporal. Luego,arrastre esta capa a la parte superior del panel Capas

Creating new layerCreating new layerCreating new layer

Paso 2

Ahora oculta el grupo de partes de fragmentos y rellena el sujeto con un color. 

Puedes hacerlo de varias maneras.Por ejemplo, puedes crear una selección de tu sujeto usando la Herramienta Pluma (P), Herramienta Varita Mágica (W),Herramienta Lazo (L) o alguna otra herramienta, y luego solamente rellene la selección con un color. O puede elegir la Herramienta Pincel (B) y cepille sobre su foto con un pincel duro o suave. No importa de qué color uses.

Luego, muestre el grupo de Partes de Fragmentos.

Filling subject with colorFilling subject with colorFilling subject with color

Paso 3

Control-clic en esta capa para hacer una selección de esta capa. Luego, oculta esta capa, selecciona la capa de Fondo y presiona Control-J en tu teclado para crear una nueva capa usando la selección. Después de eso, arrastre esta nueva capa justo debajo de la capa Temporal en el panel Capas.

Creating new layer using selectionCreating new layer using selectionCreating new layer using selection

Paso 4

Ahora Vaya a Filtro > Desenfocar > Desenfoque Gaussiano y establezca un Radio de 50 px como se muestra a continuación:

Adding gaussian blur filterAdding gaussian blur filterAdding gaussian blur filter

Paso 5

Presione Control-J en tu teclado nueve veces para duplicar estas capas nueve veces. Luego,mantenga presionada la tecla Shift y haga Clic en Temporal 2 para seleccionar todas las capas, y presione Control-E para unirlas en una capa.

Merging layersMerging layersMerging layers

Paso 6

Ahora vaya a Filtro > Desenfocar > Desenfoque Gaussiano y establezca un Radio de 50 px como se muestra a continuación:

Adding gaussian blu filterAdding gaussian blu filterAdding gaussian blu filter

Paso 7

Presione Control-J en tu teclado nueve veces para duplicar estas capas nueve veces. luego, mantenga presionada la tecla Shift y haga Clic en Temporal 2 Copia 9 para seleccionar todas las capas, y presione Control-E para unirlas en una capa. Después de eso, vaya a Filtro > Desenfocar > Desenfoque Gaussiano y establezca un Radio de 50 px  como se muesta a continuación: 

Adding gaussian blur filterAdding gaussian blur filterAdding gaussian blur filter

Paso 8

Ahora presione Control-J en tu teclado nueve veces para duplicar esta capa nueve veces. Luego,mantenga presionada la tecla Shift y haga Clic en Temporal 2 Copia 18 para seleccionar todas las capas, y presione Control-E para unirlas en una capa. Después de eso, vaya a Filtro > Desenfocar > Desenfoque Gaussiano y establezca un Radio de 50 px como se muestra a continuación:

Adding gaussian blur filterAdding gaussian blur filterAdding gaussian blur filter

Paso 9

Presione Control-J en tu teclado nueve veces para duplicar estas capas nueve veces. Luego, mantenga presionada la tecla Shift y haga Clic en Temporal 2 Copia 27 para seleccionar todas las capas, y presione Control-E para unirlas en una capa. Después de eso, vaya a Filtro > Desenfocar > Desenfoque Gaussiano y establezca un Radio de 50 px como se muestra a continuación:

Adding gaussian blur filterAdding gaussian blur filterAdding gaussian blur filter

Paso 10

Ahora presione Control-J en tu teclado nueve veces para duplicar esta capa nueve veces. Luego, mantenga presionada la tecla Shift y haga Clic en Temporal 2 Copia 36 para seleccionar todas las capas, y presione Control-E para unirlas en una sola capa. Después de eso, vaya a Filtro > Desenfocar > Desenfoque Gaussiano y establezca un Radio de 50 px como se muestra a continuación:

Adding gaussian blur filterAdding gaussian blur filterAdding gaussian blur filter

Paso 11

Ahora presione Control-J en tu teclado nueve veces para duplicar esta capa nueve veces.Luego, mantenga presionada la tecla Shift y haga Clic en Temporal 2 Copia 45 para seleccionar todas las capas,y presione Control-E para unirlas en una capa. Después de eso, vaya a Filtro > Desenfocar > Desenfoque Gaussiano y establezca un Radio de 25 px como se muestra a continuación: 

Adding gaussian blur filterAdding gaussian blur filterAdding gaussian blur filter

Paso 12

Arrastre esta capa justo encima de la capa SP_Pequeño en el panel Capas. Luego, presione Control-Alt-G en tu teclado para crear una mascara de recorte y nombra esta capa SP_Pequeño_Color

Creating clipping maskCreating clipping maskCreating clipping mask

Paso 13

Ahora presiona Control-J en tu teclado para duplicar esta capa y arrastra esta capa justo encima de la capa SP_Medio en el panel Capas. Luego, presiona Control-Alt-G en tu teclado para crear una máscara de recorte y nombra esta capa SP_Medio_Color.

Creating clipping maskCreating clipping maskCreating clipping mask

Paso 14

Presiona Control-J en tu teclado para duplicar esta capa y arrastra esta capa justo encima de la capa SP_ Grande en el panel Capas. Luego, presiona Control-Alt-G en tu teclado para crear una máscara de recorte y nombra esta capa SP_Grande_Color.

Creating clipping maskCreating clipping maskCreating clipping mask

Paso 15

Ahora presiona Control-J en tu teclado para duplicar esta capa y arrastra esta capa justo encima de la capa SP_Muy_Grande en el panel Capas. Luego, presiona Control-Alt-G en tu teclado para crear una máscara de recorte y nombra  esta capa SP_Muy_Grande_Color. 

Creating clipping maskCreating clipping maskCreating clipping mask

Paso 16

Presione D en tu teclado para restablecer las muestras. Luego, vaya a Capas > Nueva Capa de Ajuste > Mapa de Degradado para crear una nueva capa de ajuste de mapa de degradado y nombrala SP_Contraste.

Creating new gradient map adjustment layerCreating new gradient map adjustment layerCreating new gradient map adjustment layer

Paso 18

Ahora cambie el Modo de Fusión de esta capa a Luz Suave y configure la Opacidad en 55%.

Changing blending mode and opacityChanging blending mode and opacityChanging blending mode and opacity

Paso 18

Seleccione el grupo Partes de Fragmentos y cambie el Modo de Fusión de este grupo a Normal.

Changing blending modeChanging blending modeChanging blending mode

5. Cómo Hacer los Ajustes Finales

Paso 1

En esta sección, vamos a hacer los ajustes finales al diseño. Vaya a Capa> Nueva capa de ajuste> Curvas para crear una nueva capa de ajuste de curvas y asígnele el nombre Apariencia de Color. Luego, arrastre esta capa justo debajo de la capa Temporal en el panel Capas.

Creating new curves adjustment layerCreating new curves adjustment layerCreating new curves adjustment layer

Paso 2

Ahora haga Doble Clic en esta miniatura de capa y dentro del panel Propiedades ingrese la siguiente configuración:

Adjusting curvesAdjusting curvesAdjusting curves

Paso 3

Presione D en su teclado para restablecer las muestras. A continuación, vaya a Capa> Nueva capa de ajuste> Mapa de degradado para crear una nueva capa de ajuste del mapa de degradado y asígnele el nombre Contraste General.

Creating new gradient map adjustment layerCreating new gradient map adjustment layerCreating new gradient map adjustment layer

Paso 4

Ahora cambie el Modo de Fusión de esta capa a Luz Suave y configure la Opacidad en 10%.

Changing blending mode and opacityChanging blending mode and opacityChanging blending mode and opacity

Paso 5

Vaya a Capa> Nueva capa de ajuste> Intensidad para crear una nueva capa de ajuste de la intensidad y asígnele el nombre Intensidad/Saturación General.

Creating new vibrance adjustment layerCreating new vibrance adjustment layerCreating new vibrance adjustment layer

Paso 6

Ahora haga Doble Clic en esta miniatura de capa y en el panel Propiedades, configure Intensidad a +27 y Saturación a +22 como se muestra a continuación:

Adjusting vibrance and saturationAdjusting vibrance and saturationAdjusting vibrance and saturation

Paso 7

Vaya a Capa> Nueva capa de ajuste> Niveles para crear una nueva capa de ajuste de niveles y asígnele el nombre Brillo General.

Creating new levels adjustment layerCreating new levels adjustment layerCreating new levels adjustment layer

Paso 8

Ahora haga Doble Clic en esta miniatura de capa y dentro del panel Propiedades ingrese la siguiente configuración:

Adjusting levelsAdjusting levelsAdjusting levels

Paso 9

Presione Control-Alt-Shift-E en su teclado para hacer una captura de pantalla, y luego presione Control-Shift-U para desaturar esta capa. A continuación, vaya a Filtro> Otro> Paso alto y configure el Radio en 2 px como se muestra a continuación:

Adding high pass filterAdding high pass filterAdding high pass filter

Paso 10

Cambie el Modo de Fusión de esta capa a Luz Dura y asígnele el nombre Enfoque General.

Changing blending modeChanging blending modeChanging blending mode

¡Lo Hiciste!

Felicitaciones ¡has tenido éxito! Aquí está nuestro resultado final:

Final resultFinal resultFinal result

Si desea crear el efecto de fragmentación aún más avanzado que se muestra a continuación, con un solo clic y en solo unos minutos, entonces revise mi ShatterPoly Photoshop Acction.

La acción funciona para que simplemente cepilles sobre el sujeto y las áreas que quieres fragmentar y solo empiece la acción. La acción hará todo por ti, dándote resultados completamente en capas y personalizables. La acción también crea 20 estilos de color predefinidos entre los que puede elegir.

La acción viene con un video tutorial detallado que demuestra cómo usar la acción y personalizar los resultados para aprovechar al máximo el efecto.

Action final resultAction final resultAction final result