Efecto de texto retro de los 80 con Photoshop

0 0
Read Time:31 Minute, 21 Second

En este tutorial, aprenderemos a crear una diversión Efecto de texto retro de los 80 en Photoshop, con cromo brillante y letras de neón! Para crear el efecto, usaremos los estilos de capa de Photoshop, lo que no sólo facilitará las cosas sino que también mantendrá nuestro texto completamente editable. Usaremos una capa de relleno de gradiente para crear un fondo para el efecto. Y para terminar, añadiremos unos cuantos destellos alrededor del texto usando la herramienta de pincel de Photoshop.

Gran parte del efecto retro se hará usando gradientes, y crearemos varios gradientes personalizados a lo largo del camino. Para ahorrar tiempo en el futuro, guardaremos cada gradiente personalizado como un nuevo preajuste. De esta forma, la próxima vez que quieras crear el efecto retro, podrás seleccionar rápidamente los degradados que necesites de los presets en lugar de tener que recrearlos todos desde cero.

Usaré Photoshop CC aquí, pero todo lo que haremos es totalmente compatible con Photoshop CS6 y con versiones anteriores de Photoshop. También usaré un par de fuentes de estilo retro que descargué de Adobe Typekit, disponible con la mayoría de los planes de suscripción de Creative Cloud. Si no tienes acceso a Adobe Typekit, no te preocupes. Una rápida búsqueda en Google encontrará muchas fuentes retro gratuitas que puedes usar.

Así es como se verá el efecto de texto retro de los 80 cuando terminemos:

Efecto de texto retro de Photoshop 80s.

El efecto final.

Hay muchos pasos, pero todos son super fáciles, así que si estás listo, ¡comencemos!

Cómo crear un efecto de texto retro de los 80

Paso 1: Crear un nuevo documento de Photoshop

Empecemos por crear un nuevo documento de Photoshop. Sube al Archivo en la barra de menú en la parte superior de la pantalla y elegir Nuevo:

Seleccionando el comando Nuevo en el menú Archivo.

Yendo a File > New.

Esto abre la caja de diálogo Nuevo Documento. Si utiliza Photoshop CC, verá la versión recién rediseñada del cuadro de diálogo. Si utiliza CS6 o una versión anterior, verá el cuadro de diálogo tradicional más antiguo. Veamos primero la versión de Photoshop CC, y luego veremos la versión anterior. No te preocupes, esto sólo llevará un minuto.

La versión rediseñada del cuadro de diálogo de Photoshop CC se compone principalmente de una nueva área a la izquierda donde podemos ver y seleccionar miniaturas de tamaños de documentos preestablecidos para diferentes tipos de proyectos (Foto, Impresión, Web, Móvil, etc.) así como tamaños que hemos utilizado recientemente. Para este tutorial, puedes ignorar esta nueva sección. La única sección que necesitamos es la Detalles de la preselección panel de la derecha donde encontramos las opciones tradicionales para crear nuestro propio documento personalizado:

El rediseñado cuadro de diálogo de Nuevo Documento en Photoshop CC. El panel de Detalles de la configuración está resaltado.

El rediseñado cuadro de diálogo de Nuevo Documento en Photoshop CC. El panel de Detalles de la configuración está resaltado.

Para este tutorial, crearemos un documento con un Ancho de 1600 píxeles y un Altura de 1000 píxeles. Ponga el Resolución valor a 72 píxeles/pulgada y el Contenido de fondo a Blanco. Entonces, haz clic en Crear para crear el nuevo documento:

Ajustando las opciones de ancho, alto, resolución y contenido del fondo en Photoshop CC.

Ajustando las opciones de ancho, alto, resolución y contenido del fondo en Photoshop CC.

Si utiliza Photoshop CS6 o anterior, verá el tradicional cuadro de diálogo Nuevo Documento. Nuevamente para este tutorial, establezca el Ancho a 1600 píxeles y el Altura a 1000 píxeles. El Resolución El valor debería ser 72 píxeles/pulgada y el Contenido de fondo debe ser fijado en Blanco. Haga clic en OK para crear su nuevo documento:

Ajustando las opciones de ancho, alto, resolución y contenido del fondo en Photoshop CS6.

Ajustando las opciones de ancho, alto, resolución y contenido del fondo en Photoshop CS6.

Paso 2: Añadir una capa de relleno de gradiente

Antes de añadir nuestro texto, vamos a crear un fondo más interesante para el efecto. Para ello, usaremos una de las capas de relleno de Photoshop Gradient. Haga clic en el botón Nueva capa de relleno o ajuste en la parte inferior del panel de Capas:

Haciendo clic en el icono de Nueva Capa de Relleno o Ajuste en el panel de Capas.

Haciendo clic en el icono de Nueva capa de relleno o de ajuste.

Entonces elige Gradiente de la lista:

Eligiendo una capa de relleno de gradiente.

Eligiendo una capa de relleno de gradiente.

Paso 3: Crear un nuevo gradiente personalizado

Esto abre el Relleno de gradiente cuadro de diálogo. Haga clic en el gradiente muestra de color en la parte superior. Mi muestra de color muestra actualmente el gradiente de negro a transparente. No te preocupes si el tuyo muestra algo diferente:

Haciendo clic en la muestra de color en el cuadro de diálogo Relleno de gradiente.

Haciendo clic en la muestra de color en el cuadro de diálogo Relleno de gradiente.

Al hacer clic en la muestra de color se abre el Photoshop Editor de Gradientes donde podemos crear nuestro propio gradiente personalizado. Para darnos un punto de partida, elija el Negro, Blanco gradiente haciendo clic en su miniatura (tercera desde la izquierda, fila superior) en el Presets en la parte superior del cuadro de diálogo:

Seleccionando el gradiente Negro, Blanco en el Editor de Gradientes.

Seleccionando el gradiente Negro, Blanco en el Editor de Gradientes.

Si miramos en la mitad inferior del Editor de Gradientes, vemos una gran barra de vista previa mostrándonos cómo se ve el gradiente actualmente. Desde que elegimos la configuración de gradiente Negro, Blanco, la barra de vista previa muestra un gradiente que va desde el negro a la izquierda hasta el blanco a la derecha:

La barra de vista previa muestra los colores actuales del gradiente.

La barra de vista previa muestra los colores actuales del gradiente.

Podemos editar los colores del gradiente usando el el color se detiene directamente debajo de la barra de vista previa. Por el momento, hay dos paradas de color; una negra a la izquierda y una blanca a la derecha.

Haga clic en el parada de color negro a la izquierda para seleccionarlo. Luego, haga clic en el muestra de color para cambiar su color:

Editando el primer color del gradiente.

Haciendo clic en el tope de color a la izquierda, y luego en la muestra de color.

Esto abre el Photoshop Color Picker donde podemos elegir un color diferente. Para este primer color, vamos a elegir un azul oscuro estableciendo el R (Rojo) a el G (Verde) también a y el B (Azul) hasta el valor de 40:

Escogiendo un azul oscuro para el color izquierdo del gradiente.

Escogiendo un azul oscuro para el color izquierdo del gradiente.

Haz clic en Aceptar para cerrar el Selector de colores. De vuelta en el Editor de Gradientes, haz clic en el parada de color blanco a la derecha para seleccionarlo. Luego, haga clic en el muestra de color para cambiar su color:

Editando el segundo color en el gradiente.

Haciendo clic en la parada de color a la derecha, y luego en la muestra de color.

Cuando se abra el Selector de Colores, elija un rosa oscuro poniendo el R valor a 25, G a 0 y B a 25:

Escogiendo un rosa oscuro para el color de la derecha.

Escogiendo un rosa oscuro para el color de la derecha.

Haz clic en Aceptar para cerrar el Selector de colores. Ahora tenemos un gradiente que va desde el azul oscuro a la izquierda hasta el rosa oscuro a la derecha. Añadamos un tercer color en el medio del gradiente.

Haga clic directamente debajo de la centro de la barra de vista previa para añadir un nueva parada de color. No te preocupes por hacer clic en el centro exacto, porque estableceremos la ubicación de la parada de color después de haber elegido un color. Una vez que hayas añadido la nueva parada de color, haz clic en el muestra de color para cambiar su color:

Añadiendo una tercera parada de color y haciendo clic en la muestra de color.

Haciendo clic debajo del centro de la barra de vista previa para añadir una nueva parada, y luego haciendo clic en la muestra de color.

En el Selector de Color, elija el negro para el medio del gradiente estableciendo el R, G y B valores a :

Escogiendo el negro para el color medio del gradiente.

Escogiendo el negro para el color medio.

Haz clic en Aceptar para cerrar el Selector de colores. Luego, en el Editor de Gradiente, asegúrese de que la nueva parada de color esté en el centro exacto del gradiente, estableciendo su Ubicación a 50%:

Estableciendo la ubicación de la nueva parada de color al 50 por ciento.

Estableciendo la ubicación de la nueva parada de color al 50%.

Paso 4: Guardar el gradiente como un preajuste

Antes de cerrar el editor de gradientes, guardemos nuestro gradiente personalizado como un nuevo preajuste. De hecho, guardaremos todos nuestros gradientes personalizados como presets sobre la marcha. De esta forma, la próxima vez que quieras crear este efecto, podrás seleccionar rápidamente los degradados del área de presets en lugar de tener que crearlos de nuevo desde cero.

Introduzca un nombre para el gradiente en el Nombre directamente debajo de las miniaturas de los presets. Nombraré el gradiente «Fondo retro de los 80». Luego, haz clic en el Nuevo …botón:

Introducir un nombre para el nuevo gradiente preestablecido, y luego hacer clic en el botón Nuevo.

Introduciendo un nombre para el gradiente, y luego haciendo clic en «Nuevo».

Photoshop guarda el degradado como un nuevo preajuste, y una miniatura del mismo aparece en el área de preajustes. Ahora puede hacer clic en la miniatura para seleccionar instantáneamente el degradado la próxima vez que lo necesite:

El gradiente del fondo retro de los años 80 aparece como una miniatura en el área de Presets.

El gradiente de «Fondo retro de los 80» aparece como una miniatura en el área de Presets.

Paso 5: Establecer el estilo y el ángulo del gradiente

Haz clic en OK para cerrar el Editor de gradientes. Luego, de vuelta en el cuadro de diálogo de relleno de gradiente, asegúrate de que el Estilo La opción se establece en Lineal y el Ángulo está en 90°:

Las opciones de Estilo y Ángulo en el cuadro de diálogo Relleno de gradiente.

Comprobando las opciones de estilo y ángulo.

Haz clic en Aceptar para cerrar el cuadro de diálogo Relleno de gradiente. Si miramos en el panel de Capas, vemos la nueva capa de relleno de gradiente, llamada «Relleno de gradiente 1», situada encima de la capa de fondo:

El panel de capas que muestra la capa de relleno del gradiente.

El panel de capas que muestra la capa de relleno del gradiente.

Y en nuestro documento, aunque es un poco difícil de ver contra el fondo blanco de la página, ahora tenemos un gradiente que va desde el rosa oscuro en la parte superior al negro en el medio y luego al azul oscuro en la parte inferior. Este será el fondo para nuestro efecto de texto retro:

LEER  Falsificación de texto envuelto en Photoshop

El nuevo gradiente de fondo.

El nuevo gradiente de fondo.

Paso 6: Añadir su texto

Ahora que tenemos nuestros antecedentes en su lugar, vamos a añadir algo de texto. Selecciona Photoshop’s Tipo Herramienta de la barra de herramientas:

Seleccionando la herramienta de tipo de la barra de herramientas.

Seleccionando la herramienta de tipo.

Con la herramienta de tipo seleccionada, elija sus opciones de fuente en el Barra de opciones a lo largo de la parte superior de la pantalla. Como mencioné antes, usaré un par de fuentes de Adobe Typekit, pero encontrarás muchas fuentes retro geniales (y gratuitas) en Google.

En este caso, usaré una fuente llamada Orbitron Black. Una vez que haya elegido su fuente, establezca el tamaño a 72 pt. Redimensionaremos el texto manualmente una vez que lo hayamos añadido, pero por ahora, esto nos permitirá empezar con el tamaño más grande que podamos elegir de la lista de tamaños preestablecidos:

Configurando la familia y el tamaño de la fuente en la barra de opciones.

Ajustando la fuente a Orbitron Black y el tamaño a 72 pt.

Vamos a poner el color de nuestro tipo a blanco para que podamos verlo fácilmente delante del fondo. Haga clic en el muestra de color en la barra de opciones:

Haciendo clic en la muestra de color para cambiar el color del tipo.

Haciendo clic en la muestra de color para cambiar el color del tipo.

Esto abre el Selector de Colores. Elija el blanco estableciendo el R, G y B valores a 255. Haz clic en OK para cerrar el Selector de color cuando hayas terminado:

Escogiendo el blanco para el tipo de color del Color Picker.

Escogiendo el blanco para el color del tipo.

Luego, haga clic dentro del documento e introduzca su texto. Escribiré la palabra «RETRO», todo en mayúsculas:

Escribiendo la palabra 'RETRO'.

Escribiendo la palabra «RETRO».

Para aceptar el texto, haga clic en el marca de verificación en la barra de opciones:

Haciendo clic en la marca de verificación para aceptar el texto.

Haciendo clic en la marca de verificación para aceptar el texto.

Paso 7: Redimensionar y reposicionar el texto con transformación libre

Para redimensionar y reposicionar el texto, usaremos el comando Transformación Libre de Photoshop. Sube al Edita en la parte superior de la pantalla y elegir Transformación libre:

Seleccionando Transformación libre en el menú Edición.

Ir a Edición; Transformación libre.

Esto coloca el cuadro de Transformación Libre y las manijas alrededor del texto. Para cambiar el tamaño, arrastra cualquiera de los manijas de las esquinas. Mantenga presionado su Cambio mientras arrastras las manijas para bloquear las formas originales de las letras en su lugar mientras las redimensionas. Cuando estés satisfecho con el tamaño del texto, suelta el botón del ratón y luego la tecla Shift. Asegúrate de soltar primero el botón del ratón, entonces la tecla Shift, o tendrás resultados inesperados:

Mantenga presionada la tecla Shift y arrastre una manija de la esquina para cambiar el tamaño del texto.

Manteniendo pulsada la tecla Shift y arrastrando una manija de esquina para cambiar el tamaño del texto.

Para reposicionar el texto, haz clic en cualquier lugar dentro del cuadro Transformación libre y arrastra el texto al centro del documento:

Haz clic dentro del cuadro Transformación libre y arrastra el texto al centro.

Moviendo el texto hacia el centro.

Para aceptar el nuevo tamaño y posición del texto, haga clic en el marca de verificación en la barra de opciones:

Haciendo clic en la marca para salir de Transformación Libre.

Haciendo clic en la marca para salir de Transformación Libre.

Paso 8: Añadir un estilo de capa de superposición de gradiente

Si miramos de nuevo en el panel de Capas, vemos nuestra nueva capa de Tipo sobre las otras capas. Vamos a crear un efecto de cromo para el texto. Haz clic en el botón Estilos de capas (el icono fx en la parte inferior del panel de Capas:

Haciendo clic en el icono de Estilos de Capa en la parte inferior del panel de Capas.

Haciendo clic en el icono de Estilos de Capa (fx).

Elija Superposición de gradiente de la lista:

Eligiendo la superposición de gradiente de la lista de estilos de capa.

Eligiendo la superposición de gradiente de la lista de estilos de capa.

Esto abre el cuadro de diálogo Estilo de Capa de Photoshop establecido en las opciones de superposición de gradiente en la columna del medio. Haga clic en el gradiente muestra de color:

Haciendo clic en la muestra de color del gradiente.

Haciendo clic en la muestra de color del gradiente.

Paso 9: Crear un nuevo gradiente personalizado

El Editor de Gradientes se abrirá, como lo hizo antes. De nuevo, vamos a crear nuestro propio gradiente personalizado, pero para darnos un punto de partida, elige el Negro, Blanco gradiente haciendo clic en su miniatura (tercero desde la izquierda, fila superior) en el Presets en la parte superior:

Escogiendo el gradiente de Negro, Blanco para empezar.

Escogiendo el gradiente de Negro, Blanco para empezar.

El gradiente Negro, Blanco aparece en el barra de vista previa en la mitad inferior del cuadro de diálogo, con un tope de color negro debajo del lado izquierdo de la barra y un tope de color blanco debajo del lado derecho.

Empezaremos editando el color de la izquierda. Pero en lugar de hacer clic en la parada de color para seleccionarlo y luego hacer clic en la muestra de color para editar su color, vamos a utilizar un atajo más rápido. Haga doble clic en en el parada de color negro:

Haciendo doble clic en el tope de color negro a la izquierda.

Haciendo doble clic en el paso de color negro de la izquierda.

Esto selecciona la parada de color y abre el Selector de Colores. Cambia el color de negro a blanco estableciendo el R, G y B valores a 255…y luego haga clic en OK:

Escogiendo el blanco del Color Picker.

Escogiendo el blanco del Color Picker.

De vuelta en el editor de gradientes, cambia el Ubicación de la parada de color de 0% a 5%:

Escogiendo el blanco del Color Picker.

Cambiando la ubicación al 5%.

A continuación, agregue un nuevo color, pase por haciendo doble clic en a la derecha de la que acabamos de editar. No se preocupe por dónde hace clic, porque estableceremos su ubicación en un momento:

Añadiendo una nueva parada de color.

Añadiendo una nueva parada de color.

Cuando se abra el Selector de Colores, elija un medio, rosa saturado al establecer R a 220, G a 40 y B a 215. Haz clic en OK cuando termines:

Escogiendo el rosa del Color Picker.

Escogiendo el rosa del Color Picker.

Ponga el Ubicación de la nueva parada de color para 25%:

Estableciendo la ubicación de la nueva parada de color al 25 por ciento.

Ajustando la ubicación al 25%.

Haga doble clic en a la derecha de la parada de color anterior para añadir una nueva:

Añadiendo otra nueva parada de color.

Añadiendo una nueva parada de color.

En el Selector de colores, elija negro al establecer R, G y B a . Haga clic en OK:

Escogiendo el negro del Color Picker.

Escogiendo el negro del Color Picker.

Ponga su Ubicación a 50%:

Estableciendo la ubicación de la nueva parada de color al 50 por ciento.

Ajustando la ubicación al 50%.

Haga doble clic en para añadir otra parada de color:

Añadiendo otra nueva parada de color.

Añadiendo otra nueva parada de color.

Elija blanco del Selector de Colores, estableciendo R, G y B a 255. Haga clic en OK:

Escogiendo el blanco del Color Picker.

Escogiendo el blanco del Color Picker.

Ponga el Ubicación a 51% así que está sentado justo contra el tope de color negro en el medio:

Estableciendo la ubicación de la nueva parada de color al 50 por ciento.

Ajustando la ubicación al 51%.

Añade un nuevo color más pasa por haciendo doble clic en a la derecha de la anterior:

Añadiendo otra nueva parada de color.

Añadiendo otra parada de color.

Elija un medio, azul saturado al establecer R a 15, G a 95 y B a 215. Haga clic en OK:

Escogiendo el blanco del Color Picker.

Escogiendo el azul del Color Picker.

Ponga su Ubicación a 75%:

Estableciendo la ubicación de la nueva parada de color al 75 por ciento.

Ajustando la ubicación al 75%.

Finalmente, editemos la parada de color en el extremo derecho por haciendo doble clic en en él:

Haciendo doble clic en el tope de color a la derecha.

Haciendo doble clic en el tope de color a la derecha.

Cambiar su color de blanco a negro al establecer R, G y B a …y luego haga clic en OK:

Escogiendo el negro para el color final del gradiente.

Escogiendo el negro para el color final.

Entonces, cambia su Ubicación del 100% al 95%:

Cambiando la ubicación de la parada de color final al 95 por ciento.

Cambiando la ubicación al 95%.

Paso 10: Guardar el gradiente como un preajuste

Eso fue mucho trabajo, así que antes de cerrar el editor de gradientes, guardemos nuestro gradiente personalizado como otro nuevo preset. Introduce un nombre para el preset en el Nombre campo. Llamaré al mío «Cromo retro de los 80». Haz clic en Nuevo para salvarlo:

Nombrando y guardando el gradiente personalizado como un preajuste.

Nombrando y guardando el gradiente personalizado como un preajuste.

Una nueva miniatura para el preajuste aparece en el área de Preajustes. La próxima vez que quieras crear este efecto, puedes elegir rápidamente el gradiente de los presets:

Se ha añadido el nuevo preajuste.

Se ha añadido el nuevo preajuste.

Paso 11: Establecer el estilo y el ángulo del gradiente

Haz clic en OK para cerrar el Editor de gradientes. De vuelta en el cuadro de diálogo Estilo de Capa, asegúrate de que el Estilo del gradiente se establece en Lineal y el Ángulo se establece en 90°:

Las opciones de estilo y ángulo de gradiente.

Comprobando las opciones de estilo y ángulo.

Deje el cuadro de diálogo de Estilo de Capa abierto porque tenemos algunos estilos más que añadir. Aquí está cómo se ve mi texto hasta ahora con el gradiente de cromo aplicado:

El texto después de aplicar el gradiente de cromo.

El texto después de aplicar el estilo de superposición de gradiente.

Paso 12: Agregar un golpe

A continuación, añadiremos un trazo alrededor de las letras. Haga clic en la palabra Golpe en la columna izquierda del cuadro de diálogo del Estilo de Capa:

Seleccionando el estilo de la capa de la carrera.

Seleccionando el estilo de la capa de la carrera.

Las opciones de trazo aparecen en el centro del cuadro de diálogo. Cambie el color del trazo haciendo clic en el muestra de color:

Haciendo clic en la muestra de color para cambiar el color del trazo.

Haciendo clic en la muestra de color.

Cambie el color del trazo al mismo tono de azul que usamos para el gradiente de cromo estableciendo R a 15, G a 95 y B a 215. Haga clic en OK:

Cambiando el color del trazo a azul.

Cambiando el color del trazo a azul.

Una vez que hayas cambiado el color, establece el Posición del golpe a Dentro de para darle al golpe esquinas afiladas. Luego, aumentar el Tamaño para ajustar el grosor del trazo. Ajustaré el mío a 8 px:

Las opciones de Tamaño y Posición para el trazo.

Las opciones de Tamaño y Posición.

Aquí está mi texto después de añadir el trazo azul:

El texto después de añadir el trazo azul.

El texto con el gradiente y el trazo aplicado.

Paso 13: Agregar un bisel y un amplificador; Estilo en relieve

Aún en el cuadro de diálogo de Estilo de Capa, elija Bevel & Emboss de la columna de la izquierda:

LEER  Trazar el texto con un pincel en Photoshop

El texto después de añadir el trazo azul.

Seleccionando «Bevel and Emboss».

El abre las opciones de Bevel & Emboss. En el área de Estructura en la parte superior, aumenta el Tamaño al mismo valor que usaste para el golpe. En mi caso, fue 8 px. Entonces, pongan el Estilo a Golpee el relieve y el Técnica a Cincel Duro. Bajar el Profundidad a 30%:

Las opciones de estructura para el bisel y el relieve.

Las opciones de estructura para Bevel & Emboss.

En la sección de Sombreado, establezca el Ángulo a -30° y el Altitud a 32°:

Las opciones de ángulo y altitud.

Las opciones de ángulo y altitud.

Entonces, haz clic en el pequeño flecha a la derecha de la Contorno del brillo …en miniatura. No haga clic en la miniatura en sí, sólo en la flecha junto a la miniatura. Elija la Anillo – Doble contorno haciendo doble clic en su miniatura (tercera desde la izquierda, fila inferior):

Seleccionando el anillo - Doble contorno.

Seleccionando el anillo – Doble contorno.

Enciende el Anti-aliased a la derecha de Gloss Contour haciendo clic en su casilla de verificación. Luego, aumente la Opacidad de ambos Modo de resaltar y el Modo Sombra a 100%:

Aumentando los valores de opacidad de los modos de luz y sombra al 100 por ciento.

Seleccionando Anti-aliased, y luego ajustando la opacidad de los modos de luz y sombra al 100%.

Aquí está mi texto con Bevel & Emboss aplicado al trazo:

El texto con bisel y relieve aplicado al trazo.

El efecto después de aplicar Bevel & Emboss.

Paso 14: Activar «Contour»

Enciende. Contorno haciendo clic en el interior de su casilla de verificacióndirectamente debajo de Bevel & Emboss en la columna izquierda del cuadro de diálogo:

Haciendo clic dentro de la casilla de verificación Contorno.

Haciendo clic dentro de la casilla «Contorno».

Esto mejora el efecto de la iluminación en el trazo, haciendo que las letras se vean brillantes y metálicas:

El efecto después de encender el Contour.

El efecto después de encender el Contour.

Paso 15: Añadir un brillo interior

Elija Resplandor interior de la columna de la izquierda:

Añadiendo un estilo de capa de brillo interior.

Añadiendo un estilo de capa de brillo interior.

En las opciones de Resplandor Interior, cambia el color del resplandor haciendo clic en el muestra de color:

Cambiando el color del brillo interior.

Cambiando el color del brillo interior.

En el Selector de Colores, elija un azul más oscuro estableciendo R a 15, G a 30 y B a 130. Haga clic en OK:

Escogiendo un azul más oscuro del Color Picker.

Escogiendo un azul más oscuro del Color Picker.

De vuelta en las opciones de Inner Glow, cambia el Modo de mezcla del brillo de la pantalla a Multiplicarlo que lo convierte de ser un brillo a una sombra. Aumenta el Opacidad a 100%. Entonces, aumente el Tamaño a alrededor de 18 px…así que apenas se puede ver en el interior de las letras:

Las opciones de Inner Glow.

Las opciones de Inner Glow.

Aquí está mi texto con el Resplandor Interior aplicado. Como la captura de pantalla es pequeña, es un poco difícil de ver, pero con su efecto, debería ser capaz de ver una sombra azul muy fina alrededor del interior de cada letra:

El efecto con el Resplandor Interior aplicado.

El efecto con el Resplandor Interior aplicado.

Paso 16: Añadir un brillo exterior

Elija El brillo exterior de la columna de la izquierda:

Añadiendo un estilo de capa de brillo exterior.

Añadiendo un estilo de capa de brillo exterior.

Cambie el color del Resplandor Exterior haciendo clic en el muestra de color:

Cambiando el color del brillo exterior.

Cambiando el color del brillo exterior.

En el Selector de Colores, elige el mismo tono de azul más oscuro que elegimos para el Resplandor Interior, estableciendo una vez más R a 15, G a 30 y B a 130. Haga clic en OK:

Escogiendo el mismo tono de azul para el Resplandor Exterior.

Escogiendo el mismo tono de azul para el Resplandor Exterior.

De vuelta en las opciones de Outer Glow, aumentar el Opacidad a 70%y luego aumentar el Tamaño a 150 px:

Las opciones de Outer Glow.

Las opciones de Outer Glow.

En este punto, hemos añadido todos nuestros estilos de capa al texto, así que haga clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa. Aquí está mi texto cromado con el brillo exterior azul alrededor de las letras:

El efecto final de texto retro chome.

El efecto final de texto cromado retro.

Si miramos en el panel Capas, vemos nuestra capa Tipo con todos nuestros estilos de capa listados debajo de ella:

Los estilos de capa se enumeran debajo del tipo de capa.

Los estilos de capa se enumeran debajo de la capa Tipo.

Paso 17: Añadir más texto

Añadamos más texto al diseño. Con la herramienta de escritura aún seleccionada, haz clic debajo de la palabra «RETRO» y escribe una nueva palabra. Escribiré «4ever». Haga clic en el botón marca de verificación en la barra de opciones para aceptar el texto:

Los estilos de capa se enumeran debajo del tipo de capa.

Haciendo clic debajo de «RETRO» y escribiendo «4ever».

Paso 18: Cambiar la fuente

Con la nueva palabra añadida, subamos a la barra de opciones y cambiemos la fuente. Elegiré otra fuente que descargué de Adobe Typekit, esta se llama BD Retrocéntrico. De nuevo, si no tienes acceso a Adobe Typekit, hay muchas fuentes retro gratuitas para elegir en Google:

Cambiar la fuente en la barra de opciones.

Elegir una fuente diferente en la barra de opciones.

La razón por la que no cambiamos la fuente antes de añadir la segunda palabra es porque todavía teníamos nuestra capa de tipo original seleccionada en el panel de capas, lo que significa que Photoshop habría cambiado la fuente de la palabra «RETRO», y eso no era lo que queríamos. Para mantener la fuente original para la primera palabra, necesitábamos añadir una segunda capa tipográfica antes de cambiar la fuente.

Así es como se ve la palabra «4ever» con mi nueva fuente. Es demasiado pequeña por el momento, pero la arreglaremos a continuación:

La fuente de la segunda palabra ha sido cambiada.

La palabra «4ever», ahora con la nueva fuente.

Paso 19: Redimensionar el texto con Free Transform

Vamos a cambiar el tamaño y la posición del nuevo texto subiendo al Edita menú y eligiendo Transformación libre:

Seleccionando Transformación libre en el menú Edición.

Ir a Edición; Transformación libre.

Mantenga presionado su Cambio y arrastrar la tecla mangos de las esquinas para cambiar el tamaño del texto. Para reposicionar el texto, haz clic dentro del cuadro Transformación libre y arrástralo a su lugar. Cambiaré el tamaño y moveré el texto para que quede debajo del lado derecho de la palabra «RETRO». Haz clic en el botón marca de verificación en la barra de opciones cuando hayas terminado de aceptar los cambios:

Redimensionando y reposicionando la segunda palabra.

Redimensionando y reposicionando la segunda palabra.

Paso 20: Agregar un estilo de capa de superposición de gradiente

Démosle a esta nueva palabra un aspecto más de neón. Haga clic en el Estilos de capas en la parte inferior del panel de Capas:

Seleccionando Transformación libre en el menú Edición.

Ir a Edición; Transformación libre.

Elija Superposición de gradiente de la lista:

Eligiendo la superposición de gradiente de la lista de estilos de capa.

Eligiendo el estilo de superposición de gradiente.

En el cuadro de diálogo de Estilo de Capa, haga clic en el gradiente muestra de color para abrir el Editor de Gradientes:

Haciendo clic en la muestra de color del gradiente.

Haciendo clic en la muestra de color del gradiente.

Elija el Negro, Blanco gradiente de la sección de Preajustes haciendo clic en su miniatura:

Escogiendo el gradiente de Blanco y Negro de los preajustes.

Escogiendo el gradiente de Blanco y Negro de los preajustes.

Haga doble clic en el parada de color negro a la izquierda para cambiar su color:

Haciendo doble clic en la parada de color negro.

Haciendo doble clic en la parada de color negro.

Elija un rosa oscuro estableciendo R a 140, G a 15 y B a 140. Haga clic en OK:

Escogiendo un rosa oscuro en el Color Picker.

Escogiendo un rosa oscuro en el Color Picker.

Ponga el Ubicación de la parada de color para 25%:

Ajustando la ubicación al 25%.

Ajustando la ubicación al 25%.

Haga doble clic en el parada de color blanco a la derecha para cambiar su color:

Haciendo doble clic en la parada de color blanco.

Haciendo doble clic en la parada de color blanco.

Elija un rosa más claro estableciendo R a 255, G a y B a 235. Haga clic en OK:

Haciendo doble clic en la parada de color blanco.

Eligiendo un rosa más claro.

Cambiar su Ubicación a 75%:

Cambiando la ubicación de la parada de color al 75 por ciento.

Cambiando la ubicación al 75%.

Paso 21: Guardar el gradiente como un preajuste

Introduce un nombre para el gradiente. Yo le pondré al mío «Neón retro de los 80». Luego, haz clic en Nuevo para guardarlo como un preajuste:

Nombrando y guardando el nuevo gradiente preestablecido.

Nombrando y guardando el nuevo gradiente preestablecido.

Aparece una miniatura de la nueva configuración predefinida, lista para ser seleccionada la próxima vez que se cree el efecto:

El área de Presets muestra el nuevo preset de Neón retro de los 80.

El área de Presets muestra el nuevo preset de Neón retro de los 80.

Paso 22: Establecer las opciones de estilo y ángulo

Haz clic en OK para cerrar el editor de gradientes. De vuelta en el cuadro de diálogo de estilo de capas, asegúrate de que el Estilo para el gradiente se establece en Lineal y el Ángulo está en 90°:

Comprobando las opciones de estilo y ángulo.

Comprobando las opciones de estilo y ángulo.

Aquí está cómo se ve el texto (la palabra «4ever») con el gradiente de «Neón retro de los 80» aplicado:

El texto con el gradiente de Neón retro de los 80 aplicado.

El texto después de aplicar el gradiente.

Paso 23: Añadir un estilo de brillo interior

Elija Resplandor interior de la columna de la izquierda:

Eligiendo un estilo de capa de brillo interior.

Eligiendo el brillo interior.

Haga clic en el muestra de color para cambiar el color del resplandor:

Haciendo clic en la muestra de color del Resplandor Interior.

Haciendo clic en la muestra de color del Resplandor Interior.

En el Selector de colores, elija blanco al establecer R, G y B a 255. Haga clic en OK:

Poniendo el color del Resplandor Interior en blanco.

Cambiando el color del Resplandor Interior a blanco.

Cambiar el Modo de mezcla del brillo interior para Color Dodge y el Opacidad a 85%. Entonces, pongan el Tamaño a alrededor de 11 px:

Las opciones de Inner Glow.

Las opciones de Inner Glow.

Aquí está mi texto con el gradiente y el brillo interior aplicado:

El texto después de aplicar el Inner Glow.

El texto después de aplicar el Inner Glow.

Paso 24: Agregar un bisel y un amplificador; Estilo en relieve

Elija Bevel & Emboss de la columna de la izquierda:

Añadiendo un estilo de capa de bisel y relieve.

Añadiendo un Bevel & Estilo de capa en relieve.

Abajo en las opciones de sombreado, haga clic en el pequeño flecha a la derecha de la Contorno del brillo y elegir el Lineal contorno por haciendo doble clic en en su miniatura (la primera a la izquierda, en la fila superior):

Cambiando el contorno del brillo a lineal.

Haciendo doble clic en la miniatura del contorno lineal.

Entonces, arriba en las opciones de Estructura, cambia la Estilo a Bisel interior y Técnica a Cincel Duro. Ponga el Profundidad a alrededor de 115%el Tamaño a 8 pxy luego aumentar el Suavizar opción a alrededor de 10 px para alisar los bordes:

LEER  Gire y escale las letras individuales en el texto

Cambiando el contorno del brillo a lineal.

Las opciones de la estructura.

De vuelta en la sección de sombreado en la parte inferior, desmarca Usar la luz global y asegurarse de que Ángulo se establece en 90° y Altitud está en 30°. Por último, establece el Opacidad de la Modo de resaltar a 75% y el Modo Sombra a 50%:

Cambiando el contorno del brillo a lineal.

Las opciones de sombreado.

Aquí está la palabra «4ever» después de aplicar Bevel & Emboss. Las letras ahora tienen un aspecto más redondeado:

El efecto después de aplicar Bevel y Emboss.

El efecto después de aplicar Bevel & Emboss.

Paso 25: Añadir un brillo exterior

Sólo un estilo de capa más para aplicar. Elija El brillo exterior de la columna de la izquierda:

Añadiendo un estilo de capa de brillo exterior.

Añadiendo un estilo de brillo exterior.

Haga clic en el muestra de color para cambiar el color del Resplandor Exterior:

Cambiando el color del brillo exterior.

Cambiando el color del brillo exterior.

En el Selector de Colores, elija el rosa estableciendo R a 215, G a y B a 255. Haga clic en OK:

Eligiendo el rosa para el brillo exterior.

Eligiendo el rosa para el brillo exterior.

Asegúrate de que el Modo de mezcla se establece en Pantalla. Ponga el Opacidad a alrededor de 35%y, finalmente, aumentar la Tamaño a alrededor de 55 px:

Las opciones de Outer Glow.

Las opciones de Outer Glow.

Y con eso, ¡hemos terminado con nuestros estilos de capas! Haga clic en Aceptar para cerrar el cuadro de diálogo de estilo de capa. Así es como se ve ahora mi efecto de texto retro:

El efecto de texto retro con todos los estilos de capa aplicados a ambas palabras.

El efecto con todos los estilos de capa aplicados a ambas palabras.

Paso 26: Hacer una copia de la capa de texto de neón

Añadamos otra palabra de neón al efecto, esta vez por encima de la palabra «RETRO». Haga clic en la parte superior Tipo de capa… en el panel de Capas (en mi caso, es la capa de «4 siempre») y arrastrarlo hacia abajo en el Nueva capa en la parte inferior del panel de Capas. Una copia del mismo, con todos los estilos de capas que hemos añadido, aparecerá encima del original:

Arrastrando la capa de 4ever Type al icono de Nueva Capa.

Arrastrando la capa del tipo «4ever» al icono de la nueva capa.

Paso 27: Seleccionar la herramienta de movimiento

Seleccione Photoshop’s… Herramienta de movimiento de la barra de herramientas:

Seleccionando la Herramienta de Mover en Photoshop.

Seleccionando la herramienta de movimiento.

Paso 28: Arrastrar la copia a su lugar

Con la Herramienta de Mover seleccionada, haga clic en la copia del texto «4ever» en el documento y arrástrelo sobre el lado izquierdo de la palabra «RETRO»:

Arrastrando la copia del texto sobre la palabra RETRO.

Arrastrando la copia sobre la palabra «RETRO».

Paso 29: Cambiar la palabra a «80»

Si miras en el panel de Capas, verás una copia de la capa Tipo (con la palabra «copia» en su nombre) encima del original. Para editar el texto, haz doble clic en la capa de tipo miniatura:

Haciendo doble clic en la miniatura de la capa de tipo.

Haciendo doble clic en la miniatura de la capa de tipo.

Esto resalta el texto existente:

El texto está resaltado y listo para ser editado.

El texto está resaltado y listo para ser editado.

Introduce «80» para la nueva palabra. Haga clic en el marca de verificación en la barra de opciones para aceptarlo:

Cambiando la palabra

Cambiando «4ever» por «80s», y luego haciendo clic en la marca de verificación.

Paso 30: Inclinar y reposicionar el texto

Vamos a inclinar el texto hacia arriba para añadir más interés, y lo reposicionaremos también. Sube al Edita menú, elija Transformary luego elige… Skew:

Eligiendo Skew en el menú de edición.

Pasando a Edición; Transformación; Skew.

El Photoshop coloca la caja de transformación y las manijas alrededor del texto. Haga clic en el mango derecho y arrastrarlo hacia arriba hasta que estés contento con el ángulo del texto:

Dando vuelta a la palabra

Inclinando la palabra «80» arrastrando el mango derecho de la Transformadora hacia arriba.

Luego, haz clic dentro del cuadro «Transformar» y arrastra el texto a su lugar para que la parte inferior de «80s» se superponga a la parte superior de «RETRO»:

Haciendo clic dentro del cuadro de transformación y arrastrando los 80 a su posición.

Haciendo clic dentro del cuadro de Transformación y arrastrando «80s» a su posición.

Haga clic en el marca de verificación en la barra de opciones para aceptar los cambios:

Haciendo clic en la marca de verificación de la barra de opciones.

Haciendo clic en la marca de verificación de la barra de opciones.

Y aquí está el efecto de texto retro después de sesgar y mover el texto. Ya casi hemos terminado:

Haciendo clic en la marca de verificación de la barra de opciones.

Haciendo clic en la marca de verificación de la barra de opciones.

Paso 31: Añadir una nueva capa en blanco

Terminemos el efecto añadiendo algunos destellos alrededor de las letras cromadas «RETRO». Para eso, necesitaremos una nueva capa. Haga clic en el Nueva capa en la parte inferior del panel de Capas:

Haciendo clic en el icono de Nueva Capa en el panel Capas.

Haciendo clic en el icono de Nueva Capa.

La nueva capa en blanco («Capa 1») aparece sobre la capa de tipo «80s»:

El panel de capas que muestra la nueva capa.

La nueva capa aparece encima de las capas del Tipo.

Paso 32: Seleccionar la herramienta del pincel

Seleccione Photoshop’s… Herramienta de cepillos de la barra de herramientas:

Seleccionando la herramienta del cepillo.

Seleccionando la herramienta del cepillo.

Paso 33: Cargar el juego de «Pinceles variados»

El pincel que necesitamos para los brillos no se encuentra en los pinceles por defecto de Photoshop, así que tendremos que cargarlo en uno de los otros juegos de pinceles que se incluyen con Photoshop.

Con la Herramienta del Cepillo seleccionada, clic con el botón derecho del ratón (Ganar) / Control-clic (Mac) en cualquier lugar dentro de la imagen para abrir el Photoshop Recogedor de cepillos preestablecidos. Entonces, haga clic en el Icono del menú (el icono del engranaje) en la esquina superior derecha:

Abriendo el menú del Selector de Preajustes de Cepillos.

Haciendo clic en el icono del menú en el Selector de Preajustes de Pinceles.

En la mitad inferior del menú, verás una lista de otros juegos de pinceles. Elige el Cepillos surtidos …en la parte superior de la lista:

Eligiendo el juego de pinceles de Assorte en el menú.

Eligiendo el juego de pinceles surtidos del menú.

Photoshop le preguntará si quiere reemplazar los pinceles actuales por los nuevos. Haga clic en Apéndices que simplemente añadirá los nuevos con los originales:

Haciendo clic en

Haciendo clic en «Añadir» para añadir los nuevos pinceles.

Paso 34: Elegir el cepillo «48 px Crosshatch 4».

Para que nos sea más fácil elegir el pincel que necesitamos, haz clic de nuevo en el icono del menú en la parte superior derecha del Selector de Preajustes de Pinceles. A continuación, elija la Lista Pequeña o la Lista Grande del menú. Elegiré Lista grande. Esto nos permite ver los pinceles como una lista en lugar de como miniaturas:

Cambiando de la vista de miniaturas a la vista de lista.

Cambiando de la vista de miniaturas a la vista de lista.

Desplácese hacia abajo en la lista hasta que encuentre el 48 px Crosshatch 4 cepillo. Haz doble clic en él para seleccionarlo y cerrar el selector de preselección de pinceles:

Seleccionando el cepillo Crosshatch 4 de 48 px.

Haciendo doble clic en el pincel «48 px Crosshatch 4».

Paso 35: Poner el color de primer plano en blanco

Asegúrate de que el color de tu pincel esté ajustado a blanco presionando la carta D en el teclado para restablecer rápidamente los colores de primer y segundo plano, lo que hará que el color de primer plano sea negro y el de segundo plano blanco. Luego, presiona X para intercambiarlas, poniendo el color del primer plano en blanco.

Puedes ver tus colores actuales de primer y segundo plano en el muestras de color cerca de la parte inferior de la barra de herramientas. Photoshop usa el color del primer plano como color del pincel, así que asegúrate de que su muestra (arriba a la izquierda) se muestra en blanco:

El actual primer plano y el color del pincel.

Presiona «D», luego «X» para poner el color de tu primer plano (pincel) en blanco.

Paso 36: Cambiar el ángulo y el tamaño del pincel

Antes de añadir nuestros destellos, cambiemos el ángulo del pincel, de nuevo para añadir más interés. Presiona el F5 en tu teclado. Esta es una forma rápida de abrir la página principal de Photoshop El panel de cepillos.

Asegúrate de tener seleccionada la forma de la punta del pincel en la parte superior de la columna de la izquierda. Luego, cambie la Ángulo a alrededor de 22°. Por último, aumentar el Tamaño de la maleza a los alrededores 65 px. Puedes experimentar con el tamaño del pincel si quieres, pero para este tutorial, 65 px debería funcionar bien:

El actual primer plano y el color del pincel.

Cambiando el ángulo a 22° y el tamaño del pincel a 65 px.

Paso 37: Pintar unos pocos destellos

Para añadir los destellos al cromo, simplemente haga clic en unos cuantos puntos al azar alrededor de la palabra «RETRO». Tres o cuatro clics deberían bastar:

Haciendo clic alrededor de la palabra RETRO para agregarle chispas.

Haciendo clic alrededor de la palabra «RETRO» para agregarle chispas.

Y con eso, ¡hemos terminado! Aquí, después de añadir los destellos, está mi efecto final de texto retro de los 80:

Efecto de texto retro de Photoshop 80s.

El texto retro de los últimos 80.

¡Y ahí lo tenemos! ¡Así es como se crea un divertido efecto de texto retro de los 80 en Photoshop usando estilos de capa y degradados personalizados! Visite nuestra sección de efectos de texto para ver más tutoriales de efectos de texto de Photoshop!

Otros tutoriales que podrían interesarte…

About Post Author

Tutoriales Photoshop

Originario de Italia y actualmente viajando. Me apasiona el mundo del diseño gráfico. Llevo más de 20 años en la industria trabajando para todo tipo de empresas. Si eres un "lover" de PhotoShop como yo, deseo que aprendas mucho de mi blog, siempre en constante crecimiento.
Happy
Happy
%
Sad
Sad
%
Excited
Excited
%
Sleepy
Sleepy
%
Angry
Angry
%
Surprise
Surprise
100 %
error: Content is protected !!