Spanish (Español) translation by Javier Salesi (you can also view the original English article)
En este tutorial, utilizaremos Objetos inteligentes para crear un efecto de texto de ola en Adobe Photoshop. Emplearemos algunas imágenes inspiradas en agua, pero estas técnicas pueden aplicarse a una variedad de efectos de texto de Photoshop y direcciones visuales. ¡Comencemos!
Recursos del tutorial
Los siguientes elementos fueron utilizados en este tutorial:
1. Configurando el texto
Paso 1
Primero, creamos un Nuevo documento. Este puede ser de cualquier tamaño que prefieras, piensa si te gustaría que tu trabajo estuviera listo para imprimir o en una resolución más apropiada para la web.
En este caso, voy a trabajar en 1700 x 1150 pixeles.
Una vez que estés satisfecho con tus ajustes, haz clic en OK.
Paso 2
Comienza creando algún texto con la Herramienta texto. Puede ser cualquier texto que quieras.
En este caso, escribí "Wavy Text" con la fuente Santoro Script. Utilicé el color azul claro.
Paso 3
A continuación, vamos a convertir esta Capa de texto en un Objeto inteligente.
Para hacerlo, selecciona tu Capa de texto dentro del panel Capas. Da clic derecho (en PC) o Control-clic (en Mac) para abrir una lista desplegable.
Selecciona de la lista Crear objeto inteligente.
Ahora, es conservado el mismo texto. Podemos añadir efectos, pero todavía podemos regresar y ajustar más fácilmente el mismo texto, si lo necesitamos.
Paso 4
Hay varias maneras para crear un diseño de texto de onda. Por ejemplo, podríamos usar las Herramientas de transformación, podríamos usar diferentes Filtros de distorsión ¡y podríamos usar también las Herramientas de Texto deformado!
En este caso, veamos el Filtro onda.
Primero, seleccionamos la capa que contiene nuestro Objeto inteligente. Luego, aplica Filtros > Distorsionar > Onda.
Paso 5
Hay muchas opciones aquí, recomendaría investigar y experimentar con ellas. Ajusta los controles deslizantes para tener una idea de lo que hacen.
Hay tres tipos de ondas: Sinusoidal, triángulo y cuadrado. En este caso, queremos Sinusoidal, pues se ve como una onda.
También vamos a usar 2 generadores de onda.
Las longitudes de onda determina la distancia entre tus "olas". Puedes definir un mínimo y un máximo para esto.
En este caso, me decidí por Mínimo de 217 y un Máximo de 425. Estos son los valores que me dieron lo que estaba buscando en la previsualización.
La Amplitud determina la fuerza de tus olas, ¿quieres que sean muy fuertes o suaves y sutiles? Nota que, con el máximo en 999, ¡las cosas en verdad se distorsionan! Me decidí por un Mínimo de 1 y un Máximo de 198.
Luego, tenemos la Escala. Esto afectará la Altura y la Anchura de tus olas. Me decidí por 79% para mi Valor horizontal y 34% para mi Valor vertical, pero de nuevo, recomiendo probar estos valores por ti mismo. Manipula el control deslizante y mira cómo afecta tu trabajo. Esta es una magnífica manera de ver cómo funcionan estas cosas. Si tus dimensiones y fuente son diferentes, ¡podrías preferir diferentes valores!
Una vez que estés satisfecho con tus valores, haz clic en OK.
Paso 6
Quería modificar la mía un poco más, así que apliqué Edición > Transformar > Deformar.
Notarás que el texto se regresa a su antigua apariencia mientras hacemos esto, ¡no te preocupes! Quería poner hacia arriba la línea base de mi texto, solo para acentuar más el aspecto ondulado. También agregué una pequeña curva adicional hacia el lado izquierdo.
¡Experimenta con ello! Podrías encontrar que quieres añadir algunas modificaciones a una parte diferente de tu texto.
Paso 7
¡Ahora nuestro texto ondulado está comenzando a tomar forma! Sin embargo, quiero acentuar esto más con algunos efectos adicionales. ¡Experimentemos!
2. Efectos adicionales
Paso 1
Decidí que quería dar al texto una estética más de acuerdo con en la idea de "olas", así que agregué un Trazo (2 pixeles) y una Sombra paralela (Distancia 1, Tamaño 6) al texto dentro del Objeto inteligente.
¡Puedes hacer doble clic para regresar "dentro" del Objeto inteligente si lo quisieras! Verás que es nuestra Capa de texto original.
Paso 2
Luego, regresé a nuestro documento y coloqué algunas imágenes dentro del texto, usando Máscaras de recorte.
Usé este Fondo abstracto de ola como mi base. Pégalo en tu documento, luego Selecciona la capa, y da Clic-derecho (en PC) o Control-clic (en Mac). Esto hará aparecer una lista desplegable, selecciona Crear máscara de recorte.
Sin embargo, no quería usar la imagen tal como está. Dupliqué mi Máscara de recorte, y decidí volver a organizar la imagen de manera que reflejara mejor las formas de ola que crearía en el texto.
Paso 3
Luego, añadí un degradado usando la Herramienta degradado, desde un verde azulado hasta un azul oscuro, como una Máscara de recorte. ¡Aquí aplica el mismo método de antes!
Establece el Modo de fusión en Subexponer color, Opacidad 76%.
Paso 4
Quería aclarar un poco la parte superior, así que agregué un color verde claro aquí. Para hacerlo, creé un degradado, de nuevo, pero las transiciones en esta ocasión serían de verde a transparente.
Puedes cambiar tus ajustes de degradado en el panel Opciones, ¡cuando tienes seleccionada la Herramienta degradado! De nuevo, esta Capa debería ser una Máscara de recorte. El Modo de fusión está establecido en Superponer, Opacidad 32%.
Si parece colocado de manera desprolija, puedes Deformar este degradado, aplicando Edición > Transformar > Deformar, como lo hicimos previamente, cuando modificamos nuestro texto. Observa detenidamente la curvatura del texto.
Paso 5
Finalmente, usando un color azul claro, hice una Máscara de recorte con el Modo de fusión establecido en Aclarar, Opacidad 42%. ¡Esto aclara un poco las cosas!
Elimina la Capa fondo, para que el fondo sea transparente.
En este punto, asegúrate de Guardar tu trabajo, ¡vamos a usar este archivo en un momento! Llamé al mío wavy_text_base.psd.
3. Ensamblando todo
Paso 1
Ahora, vamos a crear otro Nuevo documento del mismo tamaño de nuestro primer documento.
Crea una Nueva capa, en tu panel Capas. Da Clic-derecho (en PC) o da Control-clic (en Mac) y selecciona Crear Objeto Inteligente de la lista desplegable.
Paso 2
Ahora usemos aquí el archivo PSD que creamos antes (llamé al mío wavy_text_base.psd).
Da clic-derecho (en PC) o Control-clic (en Mac) en nuestra Capa de objeto inteligente. Luego selecciona Volver a enlazar al archivo.
Selecciona el archivo PSD que hicimos anteriormente, y será visible dentro de nuestro nuevo documento.
Paso 3
Ahora usemos los Modos de fusión para agregar aquí algún interés adicional.
Primero, pongo mi Capa de objeto inteligente dentro de una carpeta para mantener las cosas organizadas. Voy a duplicar esta carpeta varias veces, pues también me gusta etiquetar mi trabajo.
El Modo de fusión de esta primera carpeta está establecida en Pass Through/Normal, Opacidad 40%.
Paso 4
Duplica la carpeta dos veces. Establece el Modo de fusión en estos dos duplicados en Multiplicar, Opacidad 100%.
Me moví ligeramente hacia arriba y a la derecha, para darle al texto algo de profundidad. ¡También aquí hay alguna opacidad visual interesante!
Paso 5
Duplica la carpeta original una vez más. Establece el Modo de fusión en este duplicado en Trama.
Establece la primera carpeta de trama en Opacidad 80%. La moví ligeramente hacia arriba y hacia la derecha otra vez, incluso más que las capas anteriores.
Paso 6
Finalmente, Duplica la carpeta original una última vez. Vamos a establecer el Modo de fusión en este duplicado también en Trama.
Sin embargo, abre la carpeta y selecciona el Objeto inteligente. Aplica un Desenfoque gaussiano (Filtro > Desenfocar > Desenfoque gaussiano) en unos 4 pixeles. Solo quería un poco de niebla aquí; establece la Opacidad en 46%.
Paso 7
Para finalizar, agruegué un degradado al fondo, usando la Herramienta degradado. En una capa de arriba del fondo (pero debajo de mi texto), dibujé algunas burbujas usando Pinceles sello de burbuja para Photoshop.
¡Y ahí lo tienes!
Hemos explorado cómo fusionar texto en Photoshop para lograr un efecto de texto de ola, igualmente cómo acentuarlo con más efectos y consideraciones.¡Espero que hayas disfrutado explorando algunas de estas posibilidades junto conmigo!
¿Quieres experimentara con más estilos de texto para Photoshop? ¡Consulta estos divertidos efectos de texto listos para usar!
5 Plantillas para texto de acuarela o para efecto de forma
¡Consulta estos hermosos efectos de acuarela! Fácilmente agrega y edita tu texto mediante Objetos inteligentes para crear y aplicar estos encantadores efectos, ¡incluye cinco diferentes plantillas editables en Photoshop para experimentar!
Efectos de texto retro de los 70s.
¡Estos efectos de texto son muy coloridos y divertidos! ¿Qué tal probar este con formas vectoriales también para crear algunos diseños realmente interesantes? Es tan sencillo como editar el Objeto inteligente en los archivos incluidos.
Efectos de texto 3D
¡Aquí hay mucho para elegir! Estos efectos de texto 3D podrían encajar en una variedad de proyectos, desde películas pasando por gaming y hasta una sede, podrían hacer una gran aportación a la biblioteca de cualquier diseñador.
Efecto de texto de globo metálico para Photoshop
Qué divertido efecto de texto ¿verdad? Este es perfecto para cumpleaños y ocasiones especiales, ¡imagínalo en invitaciones! Si te encantan los efectos de texto, con este será divertido experimentar.
Efecto de texto de título de película antigua
Captura fácilmente el aspecto y la sensación de un título de película antigua con este efecto de texto. ¡Usa Objetos inteligentes para colocar y remplazar el texto en instantes! Este es solo uno de muchos fabulosos estilos para Photoshop realizados por ShinyPixel, ¡consúltalos!
Si disfrutaste este tutorial, ¡aquí están algunos otros para que los consultes!
Efectos de textoCómo crear un efecto de texto de caricatura de arcoiris en Photoshop
Efectos de textoCómo crear un efecto de texto de coco en Adobe Illustrator
Efectos de textoCómo crear un efecto de texto de explosión colorida en Adobe Photoshop
Efectos de textoCómo crear un efecto de texto de llama en Adobe Photoshop
By
