Texte plastique facile avec styles de calque dans Photoshop

Texte plastique facile avec styles de calque dans Photoshop

Texte plastique facile avec styles de calque dans Photoshop

En este tutorial de efectos de texto de Photoshop, vamos a aprender a utilizar los estilos de capas de Photoshop para hacer que el texto parezca fácilmente como si estuviera hecho de plástico. Para crear el efecto, vamos a utilizar algunos «contornos» que cargaremos, ya que no están disponibles por defecto, pero no se preocupe, cargarlos es fácil, y también lo es todo lo demás que haremos.

Este es el efecto que buscamos:

Efectos de texto de Adobe Photoshop: El efecto final

El resultado final.

¡Empecemos!

Paso 1: Abrir un nuevo documento de Photoshop

Lo primero que tenemos que hacer es abrir un nuevo documento, así que hagámoslo rápidamente usando el atajo del teclado, Ctrl+N (Ganar) / Comando+N (Mac). Esto trae el cuadro de diálogo de Nuevo Documento de Photoshop. Elija el tamaño que desee. Voy a usar el tamaño preestablecido de 640×480, como se indica en el círculo de abajo:

Efectos de texto de Adobe Photoshop: Creación de un nuevo documento en Photoshop

Crear un nuevo documento de Photoshop.

Paso 2: Llenar el documento con negro

Presiona la carta D en el teclado para restablecer los colores de primer y segundo plano, así que negro se convierte en su color de primer plano y blanco se convierte en su color de fondo. Entonces usa el atajo de teclado Alt+Retroceso (Ganar) / Opción+Borrar (Mac) para llenar su nuevo documento con el color del primer plano, que en este caso es negro:

Efectos de texto de Adobe Photoshop: El nuevo documento está ahora lleno de negro.

Presiona «Alt+Retroceso» (Win) / «Opción+Deliminar» (Mac) para llenar el nuevo documento con negro.

Paso 3: Añada su texto al documento

Agarra tu Escriba la herramienta… de la paleta de herramientas, o pulse T para acceder rápidamente con el atajo del teclado:

Efectos de texto de Adobe Photoshop: Seleccionando la herramienta Tipo de la paleta de Herramientas.

Seleccione la herramienta Tipo de la paleta de herramientas de Photoshop.

Luego, con la herramienta Tipo seleccionada, suba al Barra de opciones en la parte superior de la pantalla y selecciona tu fuente. Voy a usar Helvetica Rounded Black para la mía. Puedes elegir la fuente que quieras de las que tienes instaladas en tu sistema. Una fuente más grande y gruesa tiende a funcionar mejor para este efecto:

Efectos de texto de Adobe Photoshop: Elegir la fuente en la barra de opciones.

Elija su fuente en la barra de opciones.

Presiona la carta X en tu teclado para intercambiar los colores de primer y segundo plano, así que blanco se convierte en su color de primer plano. Vamos a elegir un mejor color para nuestro texto usando estilos de capas, pero por ahora, el blanco estará bien. Entonces, con la fuente elegida y el blanco como color principal, haz clic en el interior del documento y añade el texto. Voy a escribir la palabra «plástico»:

Efectos de texto de Adobe Photoshop: Escribiendo la palabra

Haga clic en el interior de su documento de Photoshop y añada su texto.

Cambie el tamaño de su texto según sea necesario usando Photoshop Transformation libre comando presionando Ctrl+T (Ganar) / Comando+T (Mac), que saca el cuadro de Transformación Libre y se maneja alrededor de tu texto. Mantén pulsado Cambio para restringir las proporciones del texto y arrastrar cualquiera de las manijas de las esquinas para cambiar el tamaño del texto. Mantén pulsado Autre (Ganar) / Opción (Mac) así como arrastrar para forzar el texto a redimensionar desde su punto central. Presiona Entra en (Ganar) / Devuelve (Mac) cuando estés contento con el tamaño de tu texto para aceptar el cambio.

Paso 4: Elija un color para su texto usando el estilo de capa «superposición de colores».

Ahora que hemos añadido nuestro texto al documento, vamos a empezar a crear nuestro efecto «plástico», y lo primero que vamos a hacer es elegir un color mejor para él. Con la capa de texto seleccionada, haga clic en el Estilos de capas en la parte inferior de la paleta de capas:

Efectos de texto de Adobe Photoshop: Haciendo clic en el icono de

Haga clic en el icono «Estilos de capas» en la parte inferior de la paleta de capas.

Elija Superposición de colores de la lista de estilos de capas que aparece:

Efectos de texto de Adobe Photoshop: Seleccionando el estilo de capa 'Color Overlay'.

Elija el estilo de capa «Superposición de colores».

Esto hace que aparezca el cuadro de diálogo de Estilo de Capa establecido en las opciones de «Superposición de colores» en la columna central. Haga clic en el botón muestra de color a la derecha de las opciones del «Modo de Mezcla» para elegir un nuevo color para su texto:

Efectos de texto de Adobe Photoshop: Haciendo clic en la muestra de color para la superposición de colores.

Haz clic en la muestra de color para elegir un nuevo color para el texto.

Esto nos lleva al Photoshop Color Picker. Voy a elegir un azul claro para el color de mi texto. Siéntete libre de elegir el color que prefieras, pero intenta elegir un tono más claro del color:

DOSSIER La psychologie de la perception et la photographie dans le nouveau numéro de SHOOTING

Efectos de texto de Adobe Photoshop: Photoshop's Color Picker.

Elija un color para su texto usando el Selector de Color de Photoshop.

Haz clic en OK cuando hayas elegido tu color para salir del Selector de colores. El texto aparecerá ahora en el color elegido en el documento:

Efectos de texto de Adobe Photoshop: El color del texto ha sido cambiado a azul.

El texto ahora aparece en el color que elegiste.

Debo señalar que no hemos vraiment cambió el color del texto aquí, aunque ahora aparece en un color diferente. Técnicamente, el texto sigue siendo blanco. Simplemente hemos superpuesto un nuevo color en él usando el estilo de capa de superposición de colores. Si desactiváramos los estilos de capa, lo cual no haremos, pero si lo hiciéramos, el texto aparecería blanco una vez más.

Paso 5: Añade una sombra interior al texto usando el estilo de capa «brillo interior».

A continuación, vamos a dar a nuestro texto un aspecto más tridimensional añadiendo una sombra interior. Ahora, ahí es un estilo de capa de «Sombra Interior», pero no vamos a usarlo porque se limita a darnos una sombra direccional. Queremos que el texto parezca estar rodeado por la sombra, así que en lugar de usar la sombra interna ya preparada que nos da Photoshop, vamos a crear nuestro propio estilo de capa de Sombra Interna convirtiendo la Resplandor interior …el estilo en una sombra.

Para ello, haga clic en las palabras Resplandor interior en la lista de Estilos de Capa a la izquierda del cuadro de diálogo de Estilo de Capa. Asegúrate de hacer clic directamente en las palabras. No hagas simplemente un clic dentro de la casilla de verificación porque todo lo que hará es activar el efecto. Queremos acceder a las opciones del efecto, y para ello, debes hacer clic en el nombre mismo:

Efectos de texto de Adobe Photoshop: Haciendo clic en las palabras

Haz clic en las palabras «Resplandor interior» a la izquierda del cuadro de diálogo del Estilo de Capa.

La columna central del cuadro de diálogo del Estilo de Capa cambiará para mostrar las opciones de «Resplandor Interior»:

Efectos de texto de Adobe Photoshop: Las opciones de

Las opciones de «Resplandor interno» en el cuadro de diálogo de estilo de capa.

Para cambiar el «brillo interno» a una «sombra interna», todo lo que tenemos que hacer es cambiar el Modo de mezcla en la parte superior. Haga clic en la flecha que apunta hacia abajo a la derecha de la palabra «Pantalla» y cambie el modo de mezcla a Multiplicar. Nuestro resplandor es ahora una sombra, o al menos lo será una vez que seleccionemos un color más oscuro para él. El amarillo por defecto no funcionará muy bien como una sombra, así que haz clic en el muestra de color directamente debajo de la palabra «Ruido», lo que hará que el Selector de Color de Photoshop vuelva a subir, y elija una versión mucho más oscura del color que eligió para el texto. Elegí azul claro para mi texto, así que elegiré un azul oscuro para la sombra. Baja el Opacité de la sombra a los alrededores 50% así que no es tan intenso. Asegúrate de que Edge es seleccionado para el Fuentey, finalmente, aumentar la Tamaño de la sombra a cerca de 13 píxeles.

Tu texto ahora se verá algo así:

Efectos de texto de Adobe Photoshop: El texto después de aplicar la sombra interior.

El texto después de aplicar la sombra interior.

Paso 6: Aplicar el estilo de capas «Bevel and Emboss»…

A continuación, vamos a añadir un efecto «Bevel and Emboss» a nuestro texto, así que haga clic directamente en las palabras Biselado y repujado en la lista de Estilos de Capa a la izquierda del cuadro de diálogo de Estilo de Capa. De nuevo, asegúrate de hacer clic directamente en las palabras y no sólo dentro de la casilla de verificación:

Efectos de texto de Adobe Photoshop: Haciendo clic en las palabras 'Bevel and Emboss' en el cuadro de diálogo de Estilo de Capa.

Haz clic en las palabras «Bisel y relieve» a la izquierda del cuadro de diálogo del Estilo de Capa.

La columna central del cuadro de diálogo del Estilo de Capa cambiará a las opciones de Bisel y Relieve. Lo primero que queremos hacer aquí es cargar un nuevo «Contorno de brillo», así que baja hasta donde dice «Contorno de brillo» en las opciones de «Sombreado» y haz clic en la flecha que apunta hacia abajo a la derecha de la miniatura de la vista previa del contorno:

Efectos de texto de Adobe Photoshop: Haciendo clic en la flecha que apunta hacia abajo junto a la miniatura de la vista previa del contorno.

Haz clic en la flecha que apunta hacia abajo a la derecha de la miniatura de la vista previa del contorno.

Luego haz clic en la flecha que apunta hacia la derecha en la esquina superior derecha del cuadro de selección de contornos que aparece:

DOSSIER Cómo restaurar los pinceles heredados a Photoshop

Efectos de texto de Adobe Photoshop: Haciendo clic en la flecha que apunta hacia la derecha en la esquina superior derecha del cuadro de selección de contorno.

Haz clic en la flecha que apunta hacia la derecha en la esquina superior derecha del cuadro de selección de contornos.

Entonces seleccione Contornos en la parte inferior de la lista que parece cargar un nuevo conjunto de contornos que no están disponibles para nosotros por defecto:

Efectos de texto de Adobe Photoshop: Seleccionando

Seleccione «Contornos» para cargar un nuevo conjunto de contornos.

Photoshop le preguntará si quiere reemplazar los contornos originales por estos nuevos o simplemente añadir los nuevos al final de la lista. Haga clic en Apéndices:

Efectos de texto de Adobe Photoshop: Haciendo clic en

Haga clic en «Añadir» para añadir los nuevos contornos a la parte inferior de los originales.

Verán los nuevos contornos añadidos a la parte inferior de los originales. Para hacernos las cosas más sencillas, en lugar de intentar describir la forma del contorno sobre el que hay que hacer clic, haz clic una vez más en esa flecha que apunta hacia la derecha en la esquina superior derecha y selecciona Lista grande de las opciones para que podamos ver tanto una vista previa del contorno como el nombre del contorno junto a cada miniatura:

Efectos de texto de Adobe Photoshop: Haciendo clic en 'Lista Grande' de las opciones.

Seleccione «Lista Grande» de las opciones para ver tanto las miniaturas de vista previa de los contornos como los nombres de cada contorno.

Ahora que podemos ver los nombres reales de cada contorno, desplácese hacia abajo de la lista hasta que llegue a la que se llama Ring-Triple y hacer doble clic en él para seleccionarlo:

Efectos de texto de Adobe Photoshop: Seleccionando el contorno del 'Anillo-Triple'.

Haga doble clic en el contorno del «Anillo-Triple» para seleccionarlo.

Con el contorno del «Anillo-Triple» seleccionado, cambiemos el resto de las opciones de bisel y relieve:

Efectos de texto de Adobe Photoshop: Las opciones de bisel y relieve.

Cambie las opciones de bisel y relieve en rojo.

Estos son los ajustes que usé para mi texto. Es posible que tenga que cambiarlos ligeramente dependiendo de la fuente que esté usando y del tamaño de su texto. Empezando desde arriba y trabajando hacia abajo, aumente el Profundidad a alrededor de 131% et le Tamaño a alrededor de 18 píxeles. En las opciones de «Sombreado», establezca el Ángulo un 120° si no lo es ya, y establecer el Altitud un 60°. Asegúrate de que Anti-aliased es Comprobado junto a la miniatura de la vista previa del contorno. Aumente el Opacidad del modo de resaltado todo el camino hasta 100%y finalmente, bajar el Opacidad del Modo Sombra hasta 0%.

Tu texto debería verse ahora algo como esto:

Efectos de texto de Adobe Photoshop: El texto después de aplicar el estilo de capa de Bevel and Emboss.

El texto después de aplicar el estilo de capa de Bevel and Emboss.

Paso 7: Aplicar el estilo de capa «Contorno».

Haga clic en la palabra Contorno a la izquierda del cuadro de diálogo del Estilo de Capa. Está directamente debajo de las palabras «Bisel y relieve»:

Efectos de texto de Adobe Photoshop: Haciendo clic en la palabra 'Contorno' en el cuadro de diálogo de Estilo de Capa.

Haga clic en la palabra «Contorno» a la izquierda del cuadro de diálogo del Estilo de Capa.

La columna central del cuadro de diálogo del Estilo de Capa cambiará a las opciones de Contorno. Vamos a utilizar otro contorno de los que hemos cargado hace un momento. Haga clic en la flecha que apunta hacia abajo a la derecha de la miniatura de la vista previa del contorno:

Efectos de texto de Adobe Photoshop: Haciendo clic en la flecha que apunta hacia abajo junto a la miniatura de la vista previa del contorno.

Haz clic en la flecha que apunta hacia abajo a la derecha de la miniatura de la vista previa del contorno.

Esta vez, desplácese hacia abajo de la lista hasta que llegue a la que se llama Pendiente poco profunda-Valle. Haga doble clic en él para seleccionarlo:

Efectos de texto de Adobe Photoshop: Seleccionando el contorno de 'Shallow Slope-Valley'.

Desplácese hacia abajo en la lista hasta el contorno de «Shallow Slope-Valley» y haga doble clic para seleccionarlo.

Puedes ajustar el efecto «brillante» a tu gusto arrastrando el Rango deslizador a la izquierda o a la derecha hasta que estés contento con los resultados. Debo arrastrar el mío a la derecha y aumentar el rango a un 85%:

Efectos de texto de Adobe Photoshop: Aumentando el valor del Radio de Contorno al 85%.

Afina el efecto ajustando el valor de «Rango».

Aquí está mi texto después de añadir el estilo de capa de Contorno:

Efectos de texto de Adobe Photoshop: El texto después de aplicar el estilo de capa de contorno.

El texto después de aplicar el estilo de capa de Contorno.

Haga clic en OK para salir del cuadro de diálogo de Estilo de Capa por ahora.

Paso 8: Duplicar la capa de texto

Presiona Ctrl+J (Ganar) / Comando+J (Mac) para duplicar la capa de texto, así que ahora tendrás dos capas de texto en la paleta de capas:

Efectos de texto de Adobe Photoshop: La paleta de capas ahora muestra dos capas de texto.

Duplicar la capa de texto.

Luego haz clic en la capa de texto original en la paleta de capas para seleccionarla, así que estamos trabajando una vez más en el original, no en la capa de texto duplicada que está encima:

DOSSIER Black Friday - Publicidad e ilustraciones

Efectos de texto de Adobe Photoshop: Haciendo clic en la capa de texto original en la paleta de capas para seleccionarla una vez más.

Haga clic en la capa de texto original para seleccionarla una vez más.

Paso 9: Añadir un trazo al texto

Con la capa de texto original re-seleccionada, haga clic una vez más en el Estilo de capa en la parte inferior de la paleta de capas y esta vez, seleccione Golpe al final de la lista:

Efectos de texto de Adobe Photoshop: Seleccionando

Seleccione «Trazo» de la lista de Estilos de Capa.

El cuadro de diálogo del Estilo de Capa aparece de nuevo, con las opciones de Trazo en la columna del medio. Primero, aumenta el trazo Tamaño a cerca de 6 píxeles:

Efectos de texto de Adobe Photoshop: Aumentando el tamaño del trazo a 6 píxeles.

Arrastra la barra deslizante para aumentar el tamaño del trazo.

Luego haga clic en el trazo muestra de color para elegir un nuevo color para el trazo:

Efectos de texto de Adobe Photoshop: Haciendo clic en la muestra de color.

Haz clic en la muestra de color en las opciones de trazos.

El selector de color de Photoshop vuelve a aparecer. En lugar de elegir un color directamente en el Selector de color, mueva el ratón sobre el texto. Verá que el cursor del ratón se convierte en el Icono del gotero. Haga clic cerca del borde de una de las letras para ver una muestra del color que se encuentra a medio camino entre los colores más claros y más oscuros del texto:

Efectos de texto de Adobe Photoshop: Muestreando un color del texto.

Muestra un color del texto que está a medio camino entre los colores de texto más claros y más oscuros.

Haz clic en OK para salir del Selector de colores cuando hayas terminado.

Paso 10: Aplicar el estilo «Bevel and Emboss» al trazo

Vuelva a las opciones de «Bevel and Emboss» haciendo clic en las palabras Biselado y repujado a la izquierda del cuadro de diálogo del Estilo de Capa:

Efectos de texto de Adobe Photoshop: Haciendo clic en las palabras 'Bevel and Emboss' en el cuadro de diálogo de Estilo de Capa.

Haga clic en las palabras «Bevel and Emboss» para acceder a las opciones de Bevel and Emboss una vez más.

El cuadro de diálogo de Estilo de Capa cambiará para mostrar las opciones de Bisel y Reposo una vez más en la columna del medio. Queremos aplicar el estilo de Bisel y Reposo al trazo mismo, así que para hacerlo, haga clic en la flecha que apunta hacia abajo a la derecha de las palabras «Bisel interior» y cambie el Estilo un Golpee el relieve:

Efectos de texto de Adobe Photoshop: Cambiando el estilo a 'Stroke Emboss'.

Cambie el «Estilo» de bisel y relieve a «relieve de trazo».

Ya casi hemos terminado. Vuelve a bajar a la opción «Gloss Contour» y vuelve a hacer clic en la flecha que apunta hacia abajo a la derecha de la miniatura de la vista previa del contorno. Esta vez, desplácese hacia abajo de la lista hasta que llegue a la llamada Pendiente poco profunda-Valle. Haga doble clic en él para seleccionarlo:

Efectos de texto de Adobe Photoshop: Seleccionando el contorno de 'Shallow Slope-Valley'.

Desplácese hacia abajo en la lista hasta el contorno de «Shallow Slope-Valley» y haga doble clic para seleccionarlo.

Mientras estás abajo en la parte inferior de las opciones de Bisel y Reposo, aumenta el Opacidad del Modo Sombra a cerca de 40%:

Efectos de texto de Adobe Photoshop: Aumentando el valor de la Opacidad del Modo de Sombra al 40%.

Aumenta la Opacidad del Modo Sombra al 40%.

Finalmente, vuelve a subir a la cima y baja la Profundidad valor a cerca de 41%y luego aumentar el Tamaño arrastrando la barra deslizante a la derecha hasta que puedas ver los trazos de las letras fusionándose. He aumentado el mío a 24 píxeles Haz clic en OK cuando estés contento con los resultados para salir del cuadro de diálogo del Estilo de Capa, y, ¡ya está! Aquí está el efecto final de «texto plástico»:

Efectos de texto de Adobe Photoshop: El efecto final de

El resultado final.

A dónde ir después…

¡Y ahí lo tenemos! Visita nuestras secciones de Efectos de Texto o Efectos de Foto para más tutoriales de efectos de Photoshop!

Monter

Nous utilisons nos propres cookies et ceux de tiers pour améliorer l’expérience utilisateur. Plus d’informaticon