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:

¡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:

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

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

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

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:

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:

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:

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:

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:

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

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:

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:

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:

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:

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:

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):

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!