7 days of PS Actions, graphics, templates & fonts - for free! Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Adobe Photoshop

Cómo aplicar pinceles de cristal roto personalizados en Adobe Photoshop

Read Time: 5 mins

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

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

En la serie de Creando pinceles de rascaduras en Photoshop, enseño mi proceso de cómo crear Pinceles de cristal roto personalizados. Si aún no has tenido la oportunidad de ver ese tutorial, te recomiendo que te tomes unos minutos para hacerlo ahora. ¿Aún no estás convencido? Bueno, ¡en realidad se trata de emplear un martillo para romper el cristal! En serio, tienes que ver el tutorial.

Recursos del tutorial

Para poder seguir este tutorial, necesitarás una imagen de una mujer enojada como fondo.

También necesitarás los Pinceles de cristal roto personalizados. Descarga el archivo ShatteredGlassBrushes.abr adjunto para este tutorial.  Para instalar los pinceles, dirígete a Editar > Preestablecidos > Gestor de ajustes preestablecidos. En la sección de Pinceles, utiliza el botón de Carga para navegar en el archivo cargado.

Loading the Custom Shattered Glass BrushesLoading the Custom Shattered Glass BrushesLoading the Custom Shattered Glass Brushes

Esto añadirá 12 nuevos pinceles de cristal roto a tus Pinceles preestablecidos.

1. Crea la imagen del cristal

La idea es crear la ilusión de un panel de cristal en frente de la modelo. Una de las técnicas más efectivas para esto es crear otra versión del fondo pero visualmente diferente. Tiene que ser lo suficientemente diferente, para que cuando las partes rotas revelen la imagen original, se note que son dos distintas.

Paso 1

Abre la imagen y duplica la capa del fondo en Capa > Nuevo > Capa vía Copiar (Control+J).

Duplicate the backgorund layerDuplicate the backgorund layerDuplicate the backgorund layer

Paso 2

Oscurece la capa utilizando Niveles. Luego, ve a Imagen > Ajustes > Niveles (Control+L). Empuje el botón del regulador hacia la derecha hasta que el número que está debajo llegue a 100.

Darken with LevelsDarken with LevelsDarken with Levels

Paso 3

Ahora, desenfoca la imagen en Filtro > Desenfocar > Desenfoque gaussiano. Emplea un Radio de 10 pixeles.

Blur the imageBlur the imageBlur the image

Paso 4

Establece el color frontal a un azul pálido #dbfaff. Añade una nueva capa en Capa > Nuevo > Capa (Shift+Control+N) y luego, presiona Alt+Backspace (retroceso) para llenar la capa con el color azul. Establece el modo Fusión Multiplicar.

Add a bluish tint to the glassAdd a bluish tint to the glassAdd a bluish tint to the glass

Paso 5

Este paso es opcional. Si cuentas con al extensión Adobe Paper Texture Pro (búscala en Ventanas > Extensiones), podrás encontrar y aplicar una buena textura para simular una superficie sucia y polvorienta. Yo utilicé la textura Gertrude_Jekyll, establecí el modo Fusión en Subexposicón lineal y reduje la Opacidad a un 70%.

Add a dusty window surface textureAdd a dusty window surface textureAdd a dusty window surface texture

2. Rompe el cristal

Ahora tenemos un panel de cristal convincente para que nuestra heroína la rompa. La idea es utilizar los pinceles de cristal roto para crear un agujero irregular en la superficie de cristal.

Paso 1

Añade una Nueva capa y elige uno de los pinceles de cristal roto; yo empecé con el pincel Shattered Glass 03. Asegúrate que el color esté en Negro y, con un solo clic, la imagen en la capa se estampará.

Set a Glass BrushSet a Glass BrushSet a Glass Brush

Paso 2

Emplea la Herramienta lazo poligonal (L) para seleccionar cuidadosamente una porción recortada del centro del fragmento del vidrio, incluyendo la parte inferior derecha, y presiona la tecla Delete (suprimir) para remover esos píxeles. Recuerda, luego cancelar la selección en Selección > Deseleccionar (Control+D).

Cutout the central and lower right of the broken glass imageCutout the central and lower right of the broken glass imageCutout the central and lower right of the broken glass image

Paso 3

Toma la Herramienta Mover (V) y mantén presionada la tecla Alt mientras arrastras la pequeña capa de vidrio roto hacia abajo. Esto creará un duplicado de la capa y lo colocará abajo del original.

Duplicate the layerDuplicate the layerDuplicate the layer

Paso 4

Presiona el pequeño ícono de tablero de ajedrez que aparece encima de las miniaturas de la capa para Bloquear la Transparencia de esta capa. Asegúrate que el color del fondo esté establecido en Blanco y presiona Control+Backspace (retroceso) para llenar la capa con el mismo. La transparencia bloqueada significa que solo los píxeles visibles serán llenados. Este es un método rápido y sencillo para cambiar el color de los píxeles en un capa sin afectar las otras propiedades.

Fill the pixels with WhiteFill the pixels with WhiteFill the pixels with White

Paso 5

Presiona la tecla de dirección hacia arriba tres veces y luego la tecla de dirección hacia la izquierda dos veces, para dar un ligero impulso a la copia blanca. Esto le da una impresión de grosor al cristal roto.

Nudge the white area slightlyNudge the white area slightlyNudge the white area slightly

Paso 6

Repite el proceso añadiendo cristal roto alrededor de todo el rostro de la modelo. Aquí, yo utilicé cuatros pares diferentes (uno oscuro y uno claro) de capas de cristal roto.

Paso 7

Mantén presionada la tecla Shift y selecciona todas las capas, exceptuando la capa de fondo con la foto original. Dirígete a Capa > Agrupar capas (Control+G) para ubicarlas en un solo grupo de capas.

Group the layers togetherGroup the layers togetherGroup the layers together

Paso 8

Emplea la Herramienta lazo poligonal nuevamente para seleccionar el área interior del agujero del cristal. Ve a Capa > Máscara de capa > Ocultar selección para añadir una máscara al grupo y permitir que el fondo original sea visible. En el panel de Propiedades para la máscara, establece la opción Desvanecer a 4.0 píxeles para que el borde del vidrio parezca tener aún algo de grosor.

Mask out the hole in the glassMask out the hole in the glassMask out the hole in the glass

3. Fragmentos voladores

Si esta mujer de verdad fuera a romper este cristal, habría pequeños fragmentos volando por todos lados. Los pinceles personalizados contienen varios fragmentos de vidrio especialmente para este propósito.  Utilicémoslos en este proyecto para añadir un poco de estilo realista.

Paso 1

Repite el mismo proceso anterior para crear un par de capas en blanco y negro, utilizando los pinceles de fragmentos de cristal.

Creating glass shardsCreating glass shardsCreating glass shards

Paso 2

Crea una Nueva capa sobre los fragmentos de cristal. Emplea la Herramienta lazo poligonal para hacer una selección del interior de los fragmentos de cristal.  Llena la selección con un tono verde azulado; yo utilicé #bbd2d9, y establece el modo fusión para Superponer. No olvides sacar la selección en Selección > Deseleccionar (Control+D).

Color in the glass shardsColor in the glass shardsColor in the glass shards

Paso 3

Seleciona los fragmentos de capas y agrúpalos todos juntos en Capa > Agrupar capas (Control+L). Luego, haz doble clic en el área derecha del nombre del grupo para abrir el cuadro de diálogo del Estilo de capa. Añade una Superposición de degradado con los siguientes ajustes:

  • Modo fusión: Multiplicar
  • Opacidad: 57%
Gradient Overlay settingsGradient Overlay settingsGradient Overlay settings

El resultado deberá ser el siguiente:

Layer styles on the glass shards groupLayer styles on the glass shards groupLayer styles on the glass shards group

Paso 4

Crea más fragmentos empleando el mismo proceso para construir capas adicionales, o simplemente duplica el primer grupo de fragmentos, utilizando la herramienta Editar > Transformación libre para mover, escalar y rotar estos duplicados en un lugar nuevo.

Create more shards in the glassCreate more shards in the glassCreate more shards in the glass

¡Aquí está el efecto final!

FInal effect angry woman punching glassFInal effect angry woman punching glassFInal effect angry woman punching glass

¿Qué más?

Un proyecto como este enseña cuán útiles pueden ser los pinceles personalizados creados desde cero.  ¡Imagina tratar de dibujar todos esas grietas y pedacitos en el vidrio! Si tiene conocer más contenido de este tipo, asegúrate de mirar el resto de las series sobre cómo crear Pinceles en Photoshop desde cero. Me encantaría ver cómo utilizaste estos pinceles en tus propias creaciones; así que compártelas abajo en los comentarios.

Además, siéntete con la libertad de conocer mis otros tutoriales, consejos rápidos y cursos aquí en Tust+. Puedes encontrarlos todos los enlaces en mi perfil.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription.
Unlimited Downloads.
Get unlimited downloads