Advertisement
  1. Design & Illustration
  2. Digital Painting

Consejo Rápido: La Magia de "Fusionar si" de Photoshop

Scroll to top
Read Time: 5 mins

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

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

La opacidad o transparencia de una capa es generalmente vista como una especie de gradiente-la capa puede ser totalmente opaca, totalmente transparente, o un rango intermedio. Pero ¿sabías que puedes controlar la opacidad de partes específicas de una capa sin seleccionarlas manualmente? En primera instancia pudiera no sonar muy útil, ¡pero solo piensa en fusionar texturas de fotos! ¿Interesado?

¿Qué es "Fusionar Sí"?

Para presentar fusión necesitamos dos elementos: una capa superior y capa(s) inferior(es). Digamos que tenemos ésta esfera púrpura (capa inferior):

photoshop spherephotoshop spherephotoshop sphere

Y queremos fusionarla con éste gradiente (capa superior):

photoshop gradientphotoshop gradientphotoshop gradient

Si hacemos doble click en la capa superior obtenemos una ventana con una variedad de opciones.
Es comúnmente usado para establecer Estilos para la capa, y las Opciones de Fusión, la vista predeterminada, generalmente es ignorada. Pero si observas la sección de Fusionar Si, verás dos reguladores deslizantes blanco y negro. Una vez que los conoces, ¡harán magia por tí!

Descarga los archivos adjuntos para seguir mis acciones. ¡De esta forma lo recordarás mejor!

photoshop blend if section what is blending optionsphotoshop blend if section what is blending optionsphotoshop blend if section what is blending options

Cada uno de los reguladores deslizantes tiene dos marcadores: negro (izquierda) y blanco (derecha). Todo a la izquierda del marcador negro es transparente; también todo a la derecha del marcador blanco.

  1. Las sombras en ésta sección son transparentes, porque están a la izquierda del marcador negro.
  2. Las sombras en ésta sección son opacas, porque no están ni a la izquierda del marcador negro, ni a la derecha del marcador blanco.
  3. Las sombras en ésta sección son transparentes, porque están a la derecha del marcador blanco.
blend if how to use slider how they workblend if how to use slider how they workblend if how to use slider how they work

Mientras los marcadores continúen en sus extremos del regulador, no tienen efecto. Necesitas moverlos para hacerlos funcionar. ¡Veamos para que están!

El regulador deslizante Esta Capa

El primer regulador deslizante es etiquetado "Esta capa". Toma el marcador negro, arrástralo a la derecha, y ve lo que ocurre a las sombras mostradas a la izquierda.

photoshop blend if this layer opacityphotoshop blend if this layer opacityphotoshop blend if this layer opacity

Tal como lo describimos, cuando expandes el área de la izquierda del marcador negro, las sombras que contiene el área se convierten en transparentes en la capa. Lo mismo ocurre cuando arrastras el marcador blanco.

photoshop this layer black whitephotoshop this layer black whitephotoshop this layer black white

Debido a que puedes mover ambos marcadores individualmente, una situación confusa puede presentarse:

  1. el marcador blanco señala que ésta área es opaca.
  2. el marcador blanco señala que ésta área es transparente.
  3. el marcador negro señala que ésta área es transparente.
  4. el marcador negro señala que ésta área es opaca.

Como resultado, el marcador blanco que traspasa el área transparente del marcador negro trae con él su "opaco izquierda, transparente derecha". Puede parecer complicado al principio, pero necesitas recordar solo una regla: cuando los marcadores cambian lugares, funcionan de la otra manera.

photoshop blend if confusing black white markerphotoshop blend if confusing black white markerphotoshop blend if confusing black white marker

Divide el Marcador

Te dije que cada regulador deslizante tiene dos marcadores, pero no es completamente cierto. Cada marcador puede dividirse en dos. Solo arrastra el marcador mientras mantienes pulsada la tecla Alt. De ésta forma puedes hacer cambiar la opacidad más gradual y no tan aparente.

photoshop blend if how to split marker alt photoshop blend if how to split marker alt photoshop blend if how to split marker alt

El regulador deslizante Capa Subyacente

El otro regulador deslizante funciona de una forma todavía más sorprendente. Las sombras en el no tienen nada que ver con la capa en la que estamos trabajando, es sobre las sombras de la capa(s) inferior(es).

photshop blend if underlying layer how it workphotshop blend if underlying layer how it workphotshop blend if underlying layer how it work

La regla general no cambia en absoluto, pero ésta vez es mejor entenderlo así:

  • El área de la capa que yace sobre las sombras del lado izquierdo del marcador negro es transparente.
  • El área de la capa que yace sobre las sombras del lado derecho del marcador blanco es transparente.
photoshop blend if underlying layer how work white black marker dragphotoshop blend if underlying layer how work white black marker dragphotoshop blend if underlying layer how work white black marker drag

También puedes dividir cualquier marcador para hacer el cambio gradual.

blend ig split marker altblend ig split marker altblend ig split marker alt

Cambiar la Opacidad de una Textura

He presentado éste mecanismo en un degradado escala de grises, pero no se requiere. Los reguladores deslizantes de Fusionar Si  son magníficos si quieres ajustar una textura al objeto. Solo observa:

photoshop apply texture blend opacity transparency part howphotoshop apply texture blend opacity transparency part howphotoshop apply texture blend opacity transparency part how

También puedes usar Modos de Fusión de manera segura-¡tratan esa "nueva opacidad" como algo normal!

photoshop blend if blend mode overlay texturephotoshop blend if blend mode overlay texturephotoshop blend if blend mode overlay texture

Fusionar Si en  la Práctica

¿Pero qué podemos hacer con eso? ¡Mucho material fabuloso! Digamos que queremos finalizar éste pie de dragón. Está casi hecho, tiene color y sombra, pero es un poco aburrido. ¿Que podemos hacer para hacerlo lucir mejor sin destruir lo que hemos logrado hasta ahora?

photoshop dragon claw foot paintphotoshop dragon claw foot paintphotoshop dragon claw foot paint

Paso 1

Si queremos dar a todas las sombras un tinte azulado, podemos crear una Nueva Capa, crea una máscara de recorte (Control-Alt-G) a la base, y rellénala de azul.

photoshop dragon claw foot blue shadowphotoshop dragon claw foot blue shadowphotoshop dragon claw foot blue shadow

Si cambias el Modo de Fusión a Color, coloreará la base. ¡Pero queremos colorear solo las partes oscuras!

photoshop dragon claw foot blue shadow blend modephotoshop dragon claw foot blue shadow blend modephotoshop dragon claw foot blue shadow blend mode

Vamos a Opciones de Fusión y arrastra el marcador blanco a la izquierda. Esas partes de la capa azul que están sobre las áreas claras se convertirán en transparentes.

photoshop dragon claw foot blend if blue shadowphotoshop dragon claw foot blend if blue shadowphotoshop dragon claw foot blend if blue shadow
photoshop dragon claw foot blue shadow blendedphotoshop dragon claw foot blue shadow blendedphotoshop dragon claw foot blue shadow blended

Dividamos el marcador al mantener presionada la tecla Alt para hacer el borde menos aparente.

photoshop dragon claw foot blue shadow softphotoshop dragon claw foot blue shadow softphotoshop dragon claw foot blue shadow soft
photoshop dragon claw foot blue shadow blended softphotoshop dragon claw foot blue shadow blended softphotoshop dragon claw foot blue shadow blended soft

Paso 2

¡Podemos hacer lo mismo con luz! Crea otra capa y rellénala con el color del origen de luz principal.

photoshop dragon claw foot warm lightphotoshop dragon claw foot warm lightphotoshop dragon claw foot warm light

Cambia el Modo de Fusión a Luz Suave y disminuye la Opacidad.

photoshop dragon claw foot warm light blend modephotoshop dragon claw foot warm light blend modephotoshop dragon claw foot warm light blend mode

Ésta vez arrastra el marcador negro a la derecha.

photoshop dragon claw foot warm light blend if photoshop dragon claw foot warm light blend if photoshop dragon claw foot warm light blend if
photoshop dragon claw foot warm light blendedphotoshop dragon claw foot warm light blendedphotoshop dragon claw foot warm light blended

Y suaviza el efecto:

photoshop dragon claw foot warm light blend if softphotoshop dragon claw foot warm light blend if softphotoshop dragon claw foot warm light blend if soft
photoshop dragon claw foot warm light blended softlyphotoshop dragon claw foot warm light blended softlyphotoshop dragon claw foot warm light blended softly

Paso 3

Revisemos otro magnífico truco. Si queremos hacer que brillen las escamas, podemos agregar un punto de iluminación a cada escama. Pero hay una forma más fácil. Crea una Nueva Capa y pinta trazos azulados brillantes solo donde debe llegar la luz más fuerte.

photoshop dragon claw foot blue shinephotoshop dragon claw foot blue shinephotoshop dragon claw foot blue shine

Ahora haz transparentes las partes sobre las hendiduras.

photoshop dragon claw foot blue shine blend crevices blend ifphotoshop dragon claw foot blue shine blend crevices blend ifphotoshop dragon claw foot blue shine blend crevices blend if
photoshop dragon claw foot blue shine crevuices clear blendedphotoshop dragon claw foot blue shine crevuices clear blendedphotoshop dragon claw foot blue shine crevuices clear blended
photoshop dragon claw foot blend if soften gradualphotoshop dragon claw foot blend if soften gradualphotoshop dragon claw foot blend if soften gradual
photoshop dragon claw foot blue shine glossy scales easyphotoshop dragon claw foot blue shine glossy scales easyphotoshop dragon claw foot blue shine glossy scales easy

Paso 4

Un truco más. He agregado una textura al pie y establecí el Modo de Fusión a Sobreexponer. Desafortunadamente, ésto modo hace el pie mucho más brillante bajo las partes brillantes de la textura, y más oscuras en el lado oscuro.

photoshop dragon claw foot scales texture overlay problemphotoshop dragon claw foot scales texture overlay problemphotoshop dragon claw foot scales texture overlay problem

Podemos remover las partes blancas para librarnos de éste efecto.

photoshop dragon claw foot scales textures blend if no whitephotoshop dragon claw foot scales textures blend if no whitephotoshop dragon claw foot scales textures blend if no white
photoshop dragon claw foot scales textures overlay no white brighteningphotoshop dragon claw foot scales textures overlay no white brighteningphotoshop dragon claw foot scales textures overlay no white brightening

Podemos también dejar la textura visible solo en la luz (la textura estaba añadiendo más oscuridad a nuestra sombra, y esa no era nuestra intención).

photoshop dragon claw foot scales textures blend if shadowphotoshop dragon claw foot scales textures blend if shadowphotoshop dragon claw foot scales textures blend if shadow
photoshop dragon claw foot scales textures blended shadow texturelessphotoshop dragon claw foot scales textures blended shadow texturelessphotoshop dragon claw foot scales textures blended shadow textureless

Compara éstas dos. El renderizado final que tenemos no nos tomó más de cinco minutos, ¡pero seguramente no se parecen! Solo ten en cuenta que para que ésto funcione necesitas tener la luz bien definida primero. ¡No puedes esperar que Photoshop haga todo por tí!

photoshop dragon claw foot scales textures blending no blendingphotoshop dragon claw foot scales textures blending no blendingphotoshop dragon claw foot scales textures blending no blending

¡Buen Trabajo!

Ese pequeño truco que acabas de aprender te ayudará en muchas aplicaciones. También lo he utilizado extensivamente en mi serie Controla los Elementos, así que ¡ahora puede ser más fácil para tí! Es más una herramienta que un truco, y estoy seguro que encontrarás muchas formas de hacer que tus trabajos luzcan mejor en menos tiempo gracias a ella.

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

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.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.