Aplicar varios trazos al texto en Photoshop

Aplicar varios trazos al texto en Photoshop

Aplicar varios trazos al texto 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 esto Tutorial de efectos de texto de Photoshop, vamos a divertirnos un poco con las caricias. Aprenderemos lo fácil que es agregar tantos trazos a nuestro texto como queramos, en lugar de conformarnos con uno solo, que normalmente es todo lo que Photoshop nos permite agregar.

Aquí hay un ejemplo del tipo de resultado en el que trabajaremos. En este caso, se han agregado tres trazos separados alrededor de las letras, pero puede seguir los pasos de este tutorial para agregar tantos trazos como desee:

Aplicar varios trazos al texto en Photoshop.  Imagen © 2008 Photoshop Essentials.com

¡Empecemos!


Paso 1: crea un documento nuevo

Empiece por crear un nuevo documento de Photoshop en blanco. Sube al Expediente en la parte superior de la pantalla y elija Nuevo, o simplemente presione el atajo de teclado Ctrl + N (Ganar) / Comando + N (Mac). De cualquier manera, aparece Photoshop Nuevo documento caja de diálogo. Elija el tamaño que necesite para su documento. Estableceré mi documento en un Ancho de 6 pulgadas, a Altura de 4 pulgadasy un Resolución de 300 píxeles / pulgada. Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo y su nuevo documento en blanco aparecerá en la pantalla.

Paso 2: seleccione la herramienta Texto

Para agregar texto a nuestro documento, necesitaremos Photoshop Escriba tambiénl. Selecciónelo de la paleta de Herramientas, o presione la letra T en su teclado para seleccionarlo con el atajo:

La herramienta Texto en Photoshop.  Imagen © 2008 Photoshop Essentials.com

Seleccione la herramienta Texto de la paleta Herramientas o presione «T» para el atajo de teclado.

Paso 3: elija una fuente de la barra de opciones

Con la Herramienta de texto seleccionada, suba a la Barra de opciones en la parte superior de la pantalla y elija la fuente y el tamaño de fuente que desea usar para el efecto. Yo usaré Arial Negro para mi texto, y elegiré un tamaño de fuente de 60 pt. Es posible que deba seleccionar un tamaño diferente según el tamaño y la resolución del documento con el que está trabajando. Por supuesto, también puede usar una fuente diferente a la que estoy usando:

La barra de opciones en Photoshop.  Imagen © 2008 Photoshop Essentials.com

Seleccione su fuente y tamaño de fuente en la barra de opciones en la parte superior de la pantalla.

Paso 4: agregue su texto

Haga clic dentro de la ventana de su documento y agregue su texto. Escribiré la palabra «CARRERAS». Una vez que haya agregado su texto, haga clic en el marca de verificación en la barra de opciones para aceptarlo y salir del modo de edición de texto:

Agregar texto al documento en Photoshop.  Imagen © 2008 Photoshop Essentials.com

Haga clic dentro del documento, agregue su texto, luego haga clic en la marca de verificación en la barra de opciones para salir de aceptar el texto.

Paso 5: agregue un estilo de capa de «trazo»

Con su texto ahora agregado, haga clic en el Estilos de capa en la parte inferior de la paleta Capas y seleccione Carrera desde la parte inferior de la lista de estilos de capa que aparece:

Seleccionando 'Trazo' de la lista de Estilos de capa en la parte inferior de la paleta Capas.  Imagen © 2008 Photoshop Essentials.com

Seleccione «Trazo» de la lista de estilos de capa.

Tan pronto como seleccione Trazo de la lista, sucederán dos cosas. Photoshop abrirá el cuadro de diálogo Estilo de capa grande establecido en las opciones de Trazo en la columna central, y aparecerá un trazo rojo (el rojo es el color predeterminado para el trazo) alrededor del texto en la ventana del documento:

Aparece un trazo rojo alrededor del texto en Photoshop.  Imagen © 2008 Photoshop Essentials.com

Aparece un trazo rojo alrededor del texto.

Paso 6: ajuste el tamaño y la posición del trazo

El tamaño predeterminado del trazo es 3 px, lo que significa que el trazo tiene un grosor de 3 píxeles y la posición predeterminada es «Exterior», lo que significa que todo el grosor del trazo aparecerá fuera de las letras en lugar de dentro de ellas. Voy a aumentar el tamaño de mi brazada a 6 px arrastrando el Tamaño barra deslizante en la parte superior del cuadro de diálogo hacia la derecha, y voy a establecer el Posición para que este primer golpe Dentro, que colocará todo el grosor del trazo dentro de las letras:

Las opciones de estilo de capa de Trazo en Photoshop.  Imagen © 2008 Photoshop Essentials.com

Cambiar el tamaño y la posición del trazo en el cuadro de diálogo Estilo de capa.

Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo Estilo de capa. Esto es lo que se ve mi texto después de realizar los cambios en la configuración de trazo predeterminada:

La nueva configuración de trazo.  Imagen © 2008 Photoshop Essentials.com

El trazo después de cambiar su tamaño y posición.

Paso 7: establezca el ‘relleno’ del texto en 0%

Ahora que tengo mi primer contorno de trazo alrededor de mi texto, ya no quiero ver mi texto real. Todo lo que quiero ver es el trazo que lo describe. Dado que el color de fondo de mi documento es blanco, podría simplemente cambiar el color de mi texto a blanco, pero ¿qué pasa si cambio el color de fondo más tarde? También tendría que cambiar el color del texto para que coincida con el nuevo fondo. Una mejor solución es simplemente ocultar el texto de la vista mientras se mantienen visibles los estilos de capa. Photoshop hace que sea muy fácil hacer eso.

Con la capa de texto seleccionada, sube a la parte superior de la paleta Capas. Verá dos opciones, «Opacidad» y «Relleno». Puede ocultar el texto bajando el valor de Opacidad al 0%, pero la opción Opacidad afecta todo en la capa, incluidos los estilos de capa, lo que significa que también ocultaríamos el trazo. «Rellenar», por otro lado, no tiene ningún efecto sobre los estilos de capa. Ocultará todo el contenido de una capa. excepto cualquier estilo de capa que le hayamos aplicado, lo que significa que si establecemos el valor de Relleno en 0%, ¡ocultaremos el texto sin ocultar el trazo! Vamos a hacer eso. Nuevamente, asegúrese de que la capa de texto esté seleccionada (las capas seleccionadas están resaltadas en azul) y baje el Llenar valor para 0%:

Bajando la opción Relleno en la paleta Capas.  Imagen © 2008 Photoshop Essentials.com

Oculte el texto bajando el Relleno al 0%.

Esto es lo que debería ver. El texto ahora está oculto a la vista, pero el trazo que lo rodea permanece visible:

El texto ahora está oculto después de reducir el relleno al 0%.  Imagen © 2008 Photoshop Essentials.com

Bajar el valor de Relleno oculta el texto pero mantiene visibles los estilos de capa.

Paso 8: duplica la capa de texto

Hasta aquí todo bien. Hemos agregado un solo trazo alrededor del texto. Aquí es donde comenzamos a agregar múltiples trazos al texto. Normalmente, Photoshop no nos permite agregar más de un trazo a una capa de texto (o cualquier tipo de capa), ¡pero nada dice que no podamos hacer copias de nuestra capa de texto y agregar un trazo diferente a cada copia! Para que cada trazo sea visible, ¡simplemente cambiaremos la posición y / o el tamaño de cada trazo!

Con la capa de texto seleccionada en la paleta Capas, presione Ctrl + J (Ganar) / Comando + J (Mac) para duplicar rápidamente la capa. El duplicado aparecerá directamente encima de la capa de texto original. Una vez que haya duplicado la capa, vuelva a hacer clic en la capa de texto original para seleccionarla. Vamos a cambiar las opciones de trazo para la capa de texto original:

Seleccionar el texto original  capa en la paleta Capas.  Imagen © 2008 Photoshop Essentials.com

Duplique la capa de texto, luego haga clic en la capa de texto original en la paleta Capas para seleccionarla.

Paso 9: cambie el color del trazo y la posición de la capa de texto original

¿Ves el icono «fx» en el extremo derecho de la capa de texto en la paleta Capas (las versiones anteriores de Photoshop muestran un icono redondo con una «f» dentro)? Cuando ese icono está visible, nos indica que uno o más estilos de capa están actualmente adjuntos a la capa. Haga doble clic en el icono para recuperar el cuadro de diálogo Estilo de capa, luego seleccione Carrera desde la parte inferior de la lista de estilos de capa a la izquierda del cuadro de diálogo. Verá que las opciones para el trazo aparecen en la columna del medio.

Primero, cambie el color del trazo haciendo clic en el muestra de color en el medio del cuadro de diálogo, que abrirá Photoshop Selector de color. Elija un color diferente del Selector de color. Elegiré un color naranja. Haga clic en Aceptar cuando haya terminado para salir del Selector de color. Verá que la muestra de color cambia al color que ha elegido:

Muestra de color de trazo en el cuadro de diálogo Estilo de capa.  Imagen © 2008 Photoshop Essentials.com

Haga clic en la muestra de color y elija un nuevo color para el trazo en el Selector de color.

Una vez que haya elegido un nuevo color para su trazo, cambie el Posición del golpe a Fuera de para mover el trazo fuera de las letras. Puede dejar el tamaño del trazo igual.

La opción Posición del trazo.  Imagen © 2008 Photoshop Essentials.com

Cambie la Posición del trazo a Exterior.

Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo Estilo de capa y verá que ahora tiene dos trazos alrededor de sus letras. El trazo original (el rojo) está en el interior de las letras y el nuevo (el naranja) que acabamos de agregar está en el exterior. Al cambiar la posición de los dos trazos, hemos evitado que se superpongan entre sí, lo que nos permite verlos a ambos a la vez:

Ahora aparecen dos trazos alrededor del texto en Photoshop.  Imagen © 2008 Photoshop Essentials.com

Ahora, dos trazos delinean el texto, uno dentro de las letras y el otro fuera de ellas.

No es necesario detenerse con solo dos golpes, ¡especialmente porque agregar más de ellos es tan fácil!

Paso 10: Duplique la capa de texto original una vez más

Con la capa de texto original aún seleccionada en la paleta Capas, presione Ctrl + J (Ganar) / Comando + J (Mac) para volver a duplicar la capa, colocando una nueva copia directamente encima del original. Cuando haya terminado, vuelva a hacer clic en la capa de texto original para seleccionarla. Vamos a cambiar de nuevo el color del trazo, y esta vez también vamos a aumentar su tamaño.

Ahora debería tener tres capas de texto en la paleta Capas (la original más dos copias encima), y la capa de texto original debería estar seleccionada. Haga doble clic en el icono de efectos de capa a la derecha de la capa de texto original en la paleta Capas para traer de vuelta el cuadro de diálogo Estilo de capa, tal como lo hicimos hace un momento, y seleccione Carrera desde la parte inferior de la lista a la izquierda para acceder a las opciones de Trazo:

El icono de efectos de capa en la paleta de capas en Photoshop.  Imagen © 2008 Photoshop Essentials.com

Haga doble clic en el icono de Efectos de capa para recuperar el cuadro de diálogo Estilo de capa, luego seleccione «Trazo» de la lista de la izquierda.

Paso 11: elija otro color nuevo para el trazo y aumente el tamaño del trazo

Cuando aparezca el cuadro de diálogo Estilo de capa, cambie el color del trazo haciendo clic una vez más en el muestra de color y seleccionando un nuevo color de la Selector de color. Volveré a seleccionar rojo, el mismo color que se usó para mi trazo original. Haga clic en Aceptar para salir del Selector de color cuando haya terminado. La muestra de color cambiará al color que haya elegido:

Elegir un nuevo color para el trazo en Photoshop.  Imagen © 2008 Photoshop Essentials.com

La muestra de color muestra el color de trazo actual.

Una vez que haya elegido un nuevo color, suba a la parte superior de las opciones de Trazo y aumente el Tamaño del accidente cerebrovascular. Mi trazo está configurado actualmente en un tamaño de 6 px, que tiene el mismo grosor que el trazo anterior. La posición del trazo se establece en Exterior, también la misma que en el trazo anterior. Y dado que el trazo anterior se encuentra en una capa sobre la capa en la que estoy trabajando actualmente, esto significa que el trazo anterior está bloqueando completamente mi nuevo trazo de la vista en el documento. Para que mi nuevo trazo sea visible, tendré que aumentar su tamaño. Lo voy a aumentar a 16 px:

Aumento del tamaño del trazo en Photoshop.  Imagen © 2008 Photoshop Essentials.com

Aumente el tamaño del tercer trazo para que aparezca alrededor del exterior del trazo anterior.

El nuevo trazo ahora aparece como un trazo rojo grueso alrededor del exterior de los dos trazos anteriores:

Ahora aparecen tres trazos alrededor del texto en Photoshop.  Imagen © 2008 Photoshop Essentials.com

Nuestro texto está ahora delineado por tres trazos separados.

Ahora no tenemos uno, ni dos, sino tres trazos separados alrededor de nuestro texto, y podemos seguir agregando más si queremos al continuar duplicando la capa de texto original, seleccionándola nuevamente en la paleta Capas, volviendo a las opciones de Trazo, elegir un nuevo color para el trazo, luego aumentar el tamaño del trazo hasta que sea visible alrededor del exterior de los trazos anteriores.

Lo bueno de este efecto es que siempre puede volver atrás y cambiar el aspecto en cualquier momento que desee simplemente haciendo clic en el icono de efectos de capa a la derecha de la capa en la paleta Capas para volver al cuadro de diálogo Estilo de capa, seleccionando Trazo de la lista a la izquierda del cuadro de diálogo y luego cambiando las opciones de trazo. ¡Seleccione nuevos colores, tamaños y / o posiciones para los trazos para obtener diferentes resultados! Aquí, hice un patrón de trazo simple en blanco y negro cambiando los trazos rojos a negro y el naranja en el medio a blanco:

Trazos en blanco y negro alrededor del texto en Photoshop.  Imagen © 2008 Photoshop Essentials.com

El mismo efecto después de cambiar los colores del trazo a blanco y negro.


A dónde ir después …

¡Y ahí lo tenemos! ¡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!