Múltiples trazos de texto con objetos inteligentes en Photoshop

Múltiples trazos de texto con objetos inteligentes en Photoshop

Múltiples trazos de texto con objetos inteligentes en Photoshop

Nota de versión: ¿Utiliza Photoshop CC 2020 o posterior? Echa un vistazo a mi nuevo tutorial Agregar múltiples trazos al texto con efectos de capa.

En un tutorial anterior, aprendimos cómo agregar múltiples trazos alrededor del texto en Photoshop simplemente haciendo varias copias de nuestra capa Tipo y agregando un efecto de capa de Trazo a cada copia, con cada trazo configurado en un tamaño diferente. En este tutorial, aprenderemos una forma más interesante de crear un efecto de texto de múltiples contornos similar, esta vez utilizando el poder de Photoshop Objetos inteligentes! Adobe introdujo por primera vez los objetos inteligentes en Photoshop CS2, lo que significa que necesitará CS2 o superior para seguir adelante. Usaré Photoshop CS5 aquí, pero cualquier versión de CS2 en adelante servirá.

Este es el resultado final por el que trabajaré. Por supuesto, los colores y tamaños de trazo que necesitará para su diseño pueden ser completamente diferentes, pero los pasos para crear el efecto serán los mismos:

Múltiples trazos agregados al texto de Photoshop usando objetos inteligentes.  Imagen © 2012 Photoshop Essentials.com.

Múltiples trazos de texto usando objetos inteligentes.

¡Empecemos!

Paso 1: agregue un trazo inicial al texto

Aquí está el documento de Photoshop con el que estoy comenzando, compuesto por una sola capa de Tipo que contiene la palabra «estilo» (ya que usaremos estilos de capa para agregar los trazos) frente a un fondo negro:

El documento de Photoshop original que contiene una capa de texto sobre la capa de fondo.  Imagen © 2012 Photoshop Essentials.com.

El documento original.

Si miramos en mi panel Capas, vemos la capa Tipo encima de la capa Fondo. La capa Tipo está actualmente activa (resaltada en azul):

El panel Capas en Photoshop.  Imagen © 2012 Photoshop Essentials.com.

El panel Capas.

Para agregar un trazo inicial alrededor de las letras, haré clic en el Efectos de capa en la parte inferior del panel Capas:

El icono de Estilos de capa en el panel Capas en Photoshop.  Imagen © 2012 Photoshop Essentials.com.

Haciendo clic en el icono de Efectos de capa.

Entonces elegiré Carrera desde la parte inferior de la lista de efectos de capa que aparece:

Elegir un efecto de capa de Trazo en el panel Capas.  Imagen © 2012 Photoshop Essentials.com.

Elegir un efecto de capa de trazo.

Esto abre el cuadro de diálogo Estilo de capa de Photoshop, con las opciones para el Trazo que aparecen en la columna del medio. Primero, elegiré un color para mi trazo haciendo clic en el muestra de color en la parte inferior de las opciones:

Elegir un color para el nuevo efecto de capa de trazo.  Imagen © 2012 Photoshop Essentials.com.

Haciendo clic en la muestra de color.

Esto abre Photoshop Selector de color. Dado que mi texto es de un tono de azul bastante oscuro, elegiré un tono de azul más claro para el trazo. Por supuesto, puede elegir cualquier color que necesite para su diseño:

Elegir azul claro en el Selector de color en Photoshop.  Imagen © 2012 Photoshop Essentials.com.

Elegir un azul claro en el Selector de color.

Con mi color elegido, haré clic en Aceptar para cerrar el Selector de color. Quiero un trazo grueso alrededor de las letras, así que aumentaré mi trazo. Tamaño valor para 21 px:

Aumento del valor de Tamaño para el efecto de capa Trazo en Photoshop.  Imagen © 2012 Photoshop Essentials.com.

Aumentando el tamaño del trazo a 21px.

Cuando esté satisfecho con la apariencia de su trazo, haga clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa. Así es como se ve mi texto con el trazo inicial agregado:

El documento de Photoshop después de agregar un trazo inicial al texto.  Imagen © 2012 Photoshop Essentials.com.

El primer trazo aparece alrededor del texto.

Paso 2: convierta la capa de texto en un objeto inteligente

Ahora quiero agregar un segundo trazo alrededor del trazo inicial, pero eso se convierte en un problema interesante. De forma predeterminada, Photoshop solo nos permite agregar un efecto de Trazo a la vez a una capa. Si tuviera que hacer clic nuevamente en el icono de Efectos de capa en la parte inferior del panel Capas y nuevamente elegir Trazo de la lista, Photoshop volvería a abrir el cuadro de diálogo Estilo de capa establecido en las opciones de Trazo, pero todo lo que podría hacer Lo que hago es editar las opciones para el trazo que acabo de agregar, cambiar su color, tamaño o cualquiera de las otras opciones, pero no pude agregar un segundo trazo.

Al menos, no pude agregar un segundo trazo alrededor del texto en sí. Pero, ¿y si de alguna manera pudiéramos colocar el texto dentro de un contenedor y luego agregar un nuevo trazo alrededor del contenedor? Resulta que eso es exactamente lo que podemos hacer usando Photoshop Objetos inteligentes! Un objeto inteligente es esencialmente un contenedor virtual para el contenido de una capa, y todo lo que tenemos que hacer es convertir nuestra capa de texto en un objeto inteligente, momento en el que podemos agregar un segundo trazo alrededor del objeto inteligente.

Para hacer eso, haga clic en el icono de menú en la esquina superior derecha del panel Capas. Esto abrirá una lista de varias opciones:

El icono del menú del panel Capas en Photoshop.  Imagen © 2012 Photoshop Essentials.com.

Haciendo clic en el icono de menú.

Escoger Convertir en objeto inteligente de la lista de opciones de menú:

Elegir el comando Convertir en objeto inteligente en el menú del panel Capas.  Imagen © 2012 Photoshop Essentials.com.

Elección de Convertir en objeto inteligente.

Nada parecerá haber cambiado en la ventana del documento, pero si miramos en el panel Capas, vemos que la capa Tipo se ha convertido en un Objeto Inteligente. A Icono de objeto inteligente se muestra en la esquina inferior derecha de la miniatura de vista previa:

La capa Tipo se ha convertido en un objeto inteligente.  Imagen © 2012 Photoshop Essentials.com.

La capa Tipo ahora es un objeto inteligente.

Paso 3: agregue un trazo alrededor del objeto inteligente

Con el texto ahora dentro de un objeto inteligente, haga clic en el Efectos de capa en la parte inferior del panel Capas y, una vez más, elija Carrera desde la parte inferior de la lista:

Añadiendo un efecto de capa de Trazo al Objeto Inteligente.  Imagen © 2012 Photoshop Essentials.com.

Elegir otro efecto de capa de Trazo, esta vez para el Objeto Inteligente.

Photoshop volverá a abrir el cuadro de diálogo Estilo de capa establecido en las opciones de Trazo. Para cambiar el color del trazo, haré clic en el muestra de color como hice antes y cuando aparezca el Selector de color, elegiré el mismo tono de azul más oscuro que mi texto. Dejaré el nuevo trazo Tamaño opción establecida en el valor predeterminado de 10px, lo que hará que el segundo trazo sea más delgado que el inicial:

Las opciones de Trazo en el cuadro de diálogo Estilo de capa en Photoshop.  Imagen © 2012 Photoshop Essentials.com.

Establecer el nuevo trazo del mismo color que el texto y dejar su tamaño establecido en 10px.

Cuando haya terminado, haga clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa. Si miramos mi texto en la ventana del documento, vemos que el segundo trazo ahora aparece alrededor del inicial. Aunque parece que el nuevo trazo está cerca el texto, en realidad está alrededor del objeto inteligente que contiene el texto:

Se ha añadido un segundo trazo al texto.  Imagen © 2012 Photoshop Essentials.com.

Ahora aparece un segundo trazo azul más oscuro alrededor del trazo inicial.

Paso 4: repita los pasos 2 y 3 para agregar más trazos (opcional)

Photoshop nos permite anidar objetos inteligentes dentro de otros objetos inteligentes, lo que significa que podemos usar esta técnica para agregar aún más trazos si lo deseamos. Todo lo que tenemos que hacer es repetir los pasos 2 y 3. Primero, convierta el objeto inteligente actual en un nuevo objeto inteligente haciendo clic en el icono de menú en la esquina superior derecha del panel Capas y eligiendo Convertir en objeto inteligente de la lista. Esto colocará el objeto inteligente actual dentro de uno nuevo. Luego, agregue un trazo alrededor del nuevo objeto inteligente haciendo clic en el Efectos de capa en la parte inferior del panel Capas y seleccionando Carrera de la lista.

Agregaré un tercer trazo alrededor de mi texto, esta vez con el mismo tono de azul más claro que el trazo inicial. Dejaré su Tamaño establecido en el mismo valor predeterminado de 10px:

Añadiendo un tercer trazo alrededor del texto.  Imagen © 2012 Photoshop Essentials.com.

Agregar un tercer trazo alrededor del texto (después de crear otro nuevo objeto inteligente).

Haré clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa, ¡y ahora tengo tres trazos alrededor de mi texto! Sin embargo, como hemos aprendido, solo aspecto como si tuviera tres trazos alrededor del texto. En realidad, solo el trazo interior está alrededor del texto en sí. El trazo del medio está alrededor del objeto inteligente que contiene el texto, y el trazo exterior está alrededor de un nuevo objeto inteligente que contiene el objeto inteligente original (que contiene el texto):

Múltiples trazos agregados al texto de Photoshop usando objetos inteligentes.  Imagen © 2012 Photoshop Essentials.com.

El resultado final.


A dónde ir después …

¡Y ahí lo tenemos! ¡Así es como agregar rápida y fácilmente múltiples trazos alrededor del texto en Photoshop usando Objetos Inteligentes! ¡Consulte nuestras secciones Efectos de texto o Efectos fotográficos para obtener más tutoriales de efectos de Photoshop!

Obtenga todos nuestros tutoriales de Photoshop en formato PDF. ¡Descárgalos hoy!