En este artículo, le mostraré cómo agregar un efecto de sombra paralela en GIMP usando un filtro incorporado. Se pueden agregar sombras paralelas al texto, así como a cualquier objeto o capa con varios objetos, siempre que esa capa tenga un canal alfa (más sobre eso momentáneamente).

Demostraré cómo usar este efecto mostrándote cómo agregar una sombra paralela al texto.

Configurar su texto / composición

Primero, creemos una nueva composición. Puedo hacer esto yendo a Archivo> Nuevo (flecha roja en la imagen de arriba) o presionando la tecla de método abreviado ctrl + n en mi teclado (cmd + n en un MAC).

A continuación, estableceré las dimensiones de mi documento: 1920 para el ancho y 1080 para la altura (delineadas en rojo en la imagen de arriba). La unidad que estoy usando son píxeles (px). Haga clic en Aceptar para crear el documento (flecha azul).

Ahora tomaré la herramienta Texto de mi caja de herramientas (tecla de acceso directo T - flecha verde en la imagen de arriba).

Con mi herramienta de texto activa, haré clic en mi composición y comenzaré a escribir texto, en este caso "GIMP" (flecha verde en la imagen de arriba). El texto será el que esté configurado actualmente en el color de primer plano (en mi caso, rojo).

Puedo presionar ctrl + a en mi teclado o arrastrar mi mouse por todo el texto dentro del nuevo cuadro de texto para seleccionarlo. Una vez seleccionado, puedo cambiar los atributos del texto, incluida la fuente, el tamaño del texto, el color y más. Recomiendo echarle un vistazo a mi tutorial dedicado sobre la herramienta de texto de GIMP si no está familiarizado con esta herramienta.

Con mi texto seleccionado, cambiaré el tamaño de fuente a 500 (flecha verde) y me quedaré con la fuente "Gill Sans MT Bold" (flecha azul).

A continuación, haré clic y mantendré presionado el primer grupo de herramientas en mi Caja de herramientas (flecha roja en la imagen de arriba) y soltaré el mouse sobre la herramienta "Alineación" (flecha azul).

Haga clic en el texto que acabamos de crear con la herramienta de alineación (asegúrese de hacer clic en los píxeles reales del texto). En Opciones de herramienta, asegúrese de que la herramienta de alineación esté configurada para alinear "Relativa a la imagen" (debajo del primer menú desplegable - flecha roja). Luego, haga clic en "Alinear el centro del objetivo" y "Alinear en el centro del objetivo" para alinear el texto en el centro de la imagen (delineado en azul en la imagen de arriba).

Agregar la sombra paralela al texto

Con nuestro texto en su lugar, ahora podemos agregar una sombra paralela a nuestro texto. Para hacer esto, asegúrese de que la capa de texto esté activa en el panel de capas (flecha roja). Luego, vaya a Filtros> Luz y sombra> Sombra paralela (flecha azul).

Ahora aparecerá un diálogo flotante titulado "Sombra paralela" (delineado en azul en la imagen de arriba).

El filtro Sombra paralela es un filtro GEGL, lo que significa que obtenemos una vista previa en vivo del efecto de sombra paralela en nuestro lienzo a medida que modificamos la configuración. Entonces, ahora puede ver que nuestro texto tiene una sombra paralela debajo.

El primer conjunto de controles deslizantes para el filtro Sombra paralela son los controles deslizantes "X" e "Y" (delineados en azul arriba). Estos controles deslizantes nos permiten reposicionar la sombra paralela debajo de nuestra capa de texto. El control deslizante "X" cambia la ubicación horizontal de la sombra paralela (es decir, el eje x), mientras que el control deslizante "Y" cambia la ubicación vertical de la sombra paralela (es decir, el eje y).

De forma predeterminada, estos dos valores se "vincularán" entre sí a través del icono de la pequeña cadena a la derecha de los controles deslizantes (flecha roja en la foto). Esto significa que al hacer clic y arrastrar un control deslizante, el otro control deslizante cambiará con él. Por ejemplo, si hago clic y arrastro el control deslizante "X" hacia la izquierda, el control deslizante "Y" seguirá con mi mouse.

Observe que el valor aquí para X e Y puede ser negativo. Un valor negativo para X significa que la sombra paralela estará a la izquierda del centro, y un valor negativo para Y significa que la sombra paralela estará arriba del centro. (Un valor positivo para X hará que la sombra paralela esté a la derecha del centro, y un valor positivo para Y hará que la sombra paralela esté debajo del centro). En la imagen de arriba, dado que los valores de X e Y son negativos, la sombra paralela está hacia arriba y hacia la izquierda del texto original.

Puedo hacer clic en el botón "Restablecer" en la parte inferior del diálogo para restablecer mis valores a los predeterminados (flecha amarilla en la imagen).

Haré clic en el icono de la cadena para desvincular la cadena (flecha amarilla en la imagen de arriba) ya que quiero que los valores del control deslizante X e Y sean independientes.

Ahora, haré clic y arrastraré el control deslizante X (flecha roja). Cuanto más arrastre este control deslizante hacia la derecha, más lejos estará la sombra paralela del texto (flecha azul). Observe que puedo seguir arrastrando el control deslizante hacia la derecha incluso una vez que la barra deslizante esté llena (generalmente se llena alrededor de un valor de 40, pero el valor X puede estar muy por encima de 40).

También puedo hacer clic con el botón central con la rueda del mouse en este valor y escribir manualmente un nuevo valor numérico. Por ejemplo, haré clic con el botón central del mouse en cualquier lugar del valor x (flecha roja en la imagen de arriba), usaré las teclas de flecha para navegar el cursor hacia el extremo derecho, presionaré la tecla de retroceso para eliminar el valor actual y luego escribiré 250 y presione la tecla Enter. Mi sombra se actualizará con este nuevo valor.

Puedo tener un control deslizante con un valor positivo y otro con un valor negativo. Entonces, mientras X es positivo, puedo hacer que Y sea negativo.

Haré clic y arrastraré el control deslizante Y hacia la izquierda para darle un valor negativo (flecha roja en la imagen de arriba). Mientras hago esto, la sombra paralela se moverá más arriba en la composición en relación con el texto original. También notará en este punto que la sombra paralela está muy por fuera de la línea de puntos amarilla que denota el límite de nuestra capa (flecha azul).

Siempre que esté usando GIMP 2.10.14 o superior, GIMP ajustará automáticamente el tamaño de la capa para que se ajuste a la parte de la sombra paralela que sale del límite de la capa actual.

Una vez más, presionaré el botón "Restablecer" para volver a los valores predeterminados.

El siguiente control deslizante es el control deslizante "Radio de desenfoque" (flecha roja en la imagen). Este control deslizante aumenta o disminuye la cantidad de Desenfoque gaussiano aplicado a la sombra paralela. (El desenfoque gaussiano es un filtro de desenfoque popular en GIMP, por lo que básicamente ajusta la cantidad de desenfoque en su sombra).

Si establezco el valor del control deslizante en "0", no habrá ningún desenfoque en la sombra paralela y, por lo tanto, la sombra tendrá bordes nítidos (flecha azul en la imagen de arriba). Básicamente, la sombra paralela se verá como una nueva capa de texto ligeramente desplazada debajo de la capa de texto original.

Por otro lado, aumentar el valor del control deslizante del radio de desenfoque (flecha roja) agregará más desenfoque a la sombra (flecha azul). Demasiado desenfoque hará que la sombra paralela sea difícil de ver (la sombra no tendrá una forma discernible). Sin agregar demasiado desenfoque, aumentar el radio de desenfoque puede ayudar a que su "fuente de luz" teórica se vea más suave. Para decirlo de manera más simple, puede hacer que la sombra paralela sea más sutil.

Pulsaré el botón de reinicio para volver a los valores predeterminados.

Los dos elementos siguientes, el cuadro desplegable "Forma de crecimiento" y el control deslizante "Radio de crecimiento" (delineado en azul en la foto), están relacionados entre sí.

El control deslizante Grow Radius (flecha roja) le permite aumentar o disminuir el tamaño de la sombra antes de aplicarle el desenfoque. Por ejemplo, aumentaré el radio de crecimiento y podrá ver que la sombra paralela ya no tiene un desvanecimiento uniforme agradable (visible en la foto de arriba).

El menú desplegable Grow Shape sobre el control deslizante Grow Radius cambia la forma de la sombra paralela a medida que crece. De forma predeterminada, está configurado en círculo. Sin embargo, si cambio esto a "Diamante" (flecha roja en la imagen de arriba), verá que las esquinas del desenfoque cambian para tener un borde más biselado (en lugar de un bonito borde redondeado - flecha azul).

Si cambio esta opción a “Cuadrado” (flecha roja), los bordes son mucho más bloqueados (flecha azul), o más cuadrados en lugar de redondeados.

Una vez más, presionaré restablecer para volver a los valores predeterminados.

La siguiente opción es la opción "Color", que le permite cambiar el color de la sombra paralela. De forma predeterminada, la sombra paralela será negra (¡como suelen ser las sombras!). Sin embargo, puede hacer clic en la muestra de color grande para elegir un nuevo color (flecha roja en la imagen de arriba).

Puede utilizar el diálogo Color que aparece para seleccionar manualmente el color que desee. Puede arrastrar el mouse alrededor del selector de color en el lado izquierdo usando la franja de color unidimensional (flecha roja) y el área de color bidimensional (flecha azul). O puede escribir manualmente los valores numéricos del canal de color para cualquier canal de color individual en el lado derecho del cuadro de diálogo Color.

Nota: R, G y B representan "Rojo", "Verde" y "Azul", mientras que L, C yh representan "Luminancia", "Croma" y "tono", y finalmente la a representa para "alfa", que es solo transparencia.

También puede copiar el color exacto que elegí aquí escribiendo la "Notación HTML" (contorno en amarillo en la imagen de arriba).

Una vez que esté listo para aplicar este color, haré clic en "Aceptar". Verás que mi sombra ahora es de color azul claro.

A la derecha de la muestra de color grande hay un selector de color (flecha roja) que le permite elegir cualquier color en su composición de GIMP (siempre que esté dentro del área del lienzo).

Debajo de las opciones de Color se encuentra el control deslizante "Opacidad" (flecha azul en la imagen de arriba). Este control deslizante le permite hacer que su sombra paralela sea más transparente (transparente) al arrastrar hacia la izquierda, o más opaca al arrastrar hacia la derecha.

Verá cuando arrastre este valor hacia la izquierda que la sombra se vuelve más tenue (flecha amarilla).

Cuando arrastro el valor hacia la derecha, la sombra se vuelve más pronunciada. Cuando el valor del control deslizante se establece en 1.0, esto significa que la sombra paralela es totalmente opaca (o transparente al 0%).

GIMP le permite ir más allá de 1.0 para este valor. Para entender por qué, déjeme decirlo de esta manera: hasta 1.0 afectará la opacidad del área de sombra principal excluyendo el área de desenfoque. Entre 1.0 y 2.0 afectará la opacidad del área de desenfoque. Como puede ver en la foto, cuando arrastro el valor del control deslizante muy por encima de 1.0 (flecha roja en la foto de arriba), la forma de la sombra paralela comienza a cambiar a medida que el área de desenfoque pierde su transparencia y se vuelve más opaca (flecha amarilla) .

Por lo general, me gusta mantener mi opacidad por debajo de 1.0, por lo que reajustaré este valor a algo entre .5 y 1.0.

A continuación, en el cuadro de diálogo Sombra paralela, se encuentra el menú desplegable "Recorte" (expandido y delineado en amarillo en la imagen de arriba). De forma predeterminada, esto se establecerá en "Ajustar", lo que significa que el límite de la capa de texto (flecha roja) se ajustará para adaptarse a todos los píxeles creados por la sombra paralela. Esto evita que la sombra paralela se corte.

Sin embargo, puedo cambiar este valor a "Recortar", lo que significa que cualquier píxel de sombra paralela que salga del límite de la capa se "recortará" o cortará.

Debajo del menú desplegable Recorte hay un área llamada "Opciones de fusión". Esto puede estar contraído para usted de forma predeterminada, por lo que puede hacer clic en el pequeño icono "+" para revelar esta área (flecha azul en la imagen de arriba). El primer elemento aquí es el menú desplegable "Modo" (flecha roja), que le permite seleccionar un modo de fusión o un modo de capa.

Las opciones dentro de este menú desplegable son las mismas a las que puede aplicar capas en el panel de capas. En otras palabras, estas opciones son todos modos de capa, solo el modo de capa que elija se aplicará únicamente al efecto de sombra paralela y no a toda la capa. Esto le brinda la posibilidad de agregar efectos adicionales a su sombra paralela. Por ejemplo, si elijo el modo "Disolver" (flecha amarilla), verá que ahora mi sombra paralela tendrá aplicado el modo de capa de disolución (flecha roja).

Debajo de este menú desplegable hay otro control deslizante de "Opacidad" (flecha roja). Esta vez, el control deslizante solo le permite elegir valores entre 0 y 100 y afecta toda la sombra compuesta. Básicamente, toma todos los efectos y configuraciones que aplicó en los pasos anteriores y los fusiona en un solo elemento. Luego, está ajustando la opacidad de ese único elemento.

Si arrastro el control deslizante de opacidad hacia abajo, toda la sombra compuesta se volverá más transparente (flecha azul). Si arrastro el valor del control deslizante hacia arriba, se volverá más opaco.

Guardar ajustes preestablecidos

Si quisiera guardar todas las configuraciones que acabo de crear como un ajuste preestablecido para uso futuro, simplemente puedo ir a la parte superior del diálogo Sombra paralela y hacer clic en el pequeño icono "+" (flecha roja en la imagen de arriba).

Aparecerá un cuadro llamado "Guardar configuración como ajuste preestablecido con nombre" (resaltado en amarillo), y puedo darle un nombre a mi ajuste preestablecido. En este caso, lo llamaré "Blue Dissolve". Haga clic en Aceptar para crear el nuevo ajuste preestablecido.

Junto al icono "+" en la parte superior hay un menú desplegable (flecha azul). Aquí, verá ajustes preestablecidos creados automáticamente basados ​​en los efectos de Sombra paralela que aplicó en sesiones anteriores. Hacia la parte inferior, verá una línea divisoria que separa los ajustes preestablecidos generados automáticamente de los ajustes preestablecidos creados por el usuario. Debajo de la línea divisoria, verá el nombre del nuevo ajuste preestablecido que acabamos de crear: "Disolución azul" (flecha roja).

En la parte inferior del cuadro de diálogo Sombra paralela se encuentran las casillas de verificación "Vista previa" y "Vista previa dividida". La vista previa (flecha amarilla) le permite alternar la vista previa en vivo en el lienzo de los efectos del filtro.

La casilla de verificación "Vista previa dividida" (flecha roja), cuando está habilitada, mostrará una línea divisoria en su lienzo (flecha azul). En el lado izquierdo del divisor hay una vista previa en vivo del efecto, mientras que en el lado derecho de la línea está la composición antes de que se aplicara el efecto (es decir, una versión "antes" del texto).

Puede hacer clic y arrastrar esta línea a través de su lienzo para cambiar el tamaño de las áreas de vista previa a ambos lados de la línea. Por ejemplo, si arrastro la línea hacia la derecha, obtengo más de la vista previa del "después". Si lo arrastro hacia la izquierda, obtengo más de la vista previa del "antes".

Si no deseo aplicar estos cambios, puedo hacer clic en el botón "Cancelar". De lo contrario, cuando haga clic en "Aceptar", la sombra paralela se aplicará directamente a mi capa de texto.

Observe que con el efecto ahora en mi texto, la capa de texto en sí se ha convertido en una capa de píxeles estándar (lo que significa que la información del texto se ha descartado - flecha roja en la imagen de arriba). Ya no puedo editar mi texto con la herramienta de texto sin deshacer el efecto de sombra.

¡Eso es todo por este tutorial! Si te gustó, no olvides ver mi otro Artículos de ayuda de GIMP, Tutoriales de vídeo GIMPo convertirse en un Miembro Premium de DMD!

Suscríbase al boletín de DMD

Suscríbase al boletín de DMD

Regístrese para recibir nuevos tutoriales, actualizaciones de cursos y las últimas noticias sobre su software de código abierto favorito.

¡Te has suscripto satisfactoriamente!

El pin en Pinterest

Compartir este