¿Quieres darle ese toque especial a tus textos pero tienes poco tiempo? ¡No hay problema! Con Photoshop puedes crear efectos tipográficos geniales en pocos pasos. En este tutorial te mostraré cinco técnicas rápidas y sencillas para que puedas diseñar tu tipografía de forma creativa y moderna. Desde brillos neon hasta apariencias metálicas y efectos distorsionados, estos quickies aportarán variedad y estilo a tus diseños. ¡Comencemos y destaquemos tus textos!
1. Efecto de contorno retro para títulos
Para flyers y fondos de pantalla, se pueden crear contornos retro creativos muy rápidamente usando la opción de llenado Desenfoque hacia afuera.
Paso 1: Colocar el texto
Como imagen de origen, utilizo un fondo de rayos con texto ligeramente girado. El texto tiene la fuente Eight Track en 300 pt.
Paso 2: Opción de llenado 'Desenfoque hacia afuera' como degradado
El Desenfoque hacia afuera como opción de llenado generalmente se utiliza como un brillo/sombra claro u oscuro. Sin embargo, Photoshop también ofrece la posibilidad de aplicar un degradado en lugar de un color como brillo.
Al ajustar con precisión en textos, se pueden obtener diversos efectos de contorno que se pueden variar con diferentes modos de relleno. Gracias a la disponibilidad y facilidad para crear degradados adecuados, se obtiene una variedad casi infinita de efectos de contorno que pueden rodear suavemente las fuentes o enmarcarlas de forma psicodélica y colorida.
El tamaño en el cuadro de opciones de relleno indica cuán grande debería ser el brillo hacia afuera. Opacidad indica cuán fuerte debería ser el efecto directamente en el texto. La técnica es importante: Precisión.
Muy bonito: Dentro de la opción Efectos especiales se encuentra un degradado discontinuo que se puede utilizar para lograr un efecto retro exitoso. También se pueden ajustar fácilmente los colores. A quienes les guste, pueden dejar que los contornos exteriores se desvanezcan en la transparencia.
Listo, se creó el efecto de contorno retro:
2. Efecto de contorno desgastado para títulos
Un efecto de contorno desgastado puede ser ideal para flyers grunge o títulos. El efecto en sí se logra rápidamente.
Paso 1: Colocar el texto sobre fondo blanco
El fondo es blanco. Escribo las letras PSD en un tamaño de 600 puntos Army con la herramienta de texto.
Paso 2: Seleccionar las letras Selecciono las letras de la capa de texto utilizando Ctrl y haciendo clic en la miniatura de la capa de texto.
Paso 3: Editar la selección Mediante el atajo Ctrl+Alt+R abro el diálogo Refinar bordes. Ahí ajusto un borde Suave para mi selección. El valor concreto puede variar según el tamaño del texto.
Paso 4: Crear una nueva capa y rellenarla de color Creo una nueva capa con el atajo Ctrl+Mayús+Alt+N y la relleno con un color cualquiera. Solo se llenará la área seleccionada.
Puedo desactivar la capa de texto y levantar la selección con el atajo Ctrl+D.
Paso 5: Convertir en objeto inteligente Selecciono la capa de letra con el borde Suave y la capa blanca y convierto ambas capas en un objeto inteligente.
Paso 6: Aplicar el filtro inteligente acuarela Aplico el filtro de arte acuarela tres veces a mi objeto inteligente.
- Paso
| Detalles del pincel: | 6 |
| Zona de oscurecimiento: | 0 |
| Textura: | 2 |
Las configuraciones pueden variar aquí también según el color elegido, el tamaño del borde suave y el tamaño del texto.
- Paso
| Detalles del pincel: | 14 |
| Zona de oscurecimiento: | 0 |
| Textura: | 2 |
- Paso
| Detalles del pincel: | 11 |
| Área de sombreado: | 0 |
| Textura: | 2 |
Ya se puede ver después de dos pasadas, cómo se ha creado un efecto de borde irregular y desgastado. Con la tercera y, si es necesario, una cuarta pasada, puedo afinar el efecto un poco más según lo requiera.
Y así, el efecto se puede utilizar bien como parte del texto en fondos grunge. El fondo mostrado aquí se adjunta a este tutorial como material de trabajo.
En esta vista en el modo Color más oscuro con un 85% de Opacidad, el fondo está en modo Normal también con un 85% de Opacidad:
En la vista diferenciada en el modo Diferencia con un 100% de Opacidad, el fondo está en modo Normal con un 50% de Opacidad:
3. Sencillo efecto de reflexión en 3D
Un sencillo efecto de reflexión para textos que funciona de manera muy simple y sin complicaciones, se logra en los siguientes pasos.
Fuente de la imagen: Akhilesh Sharma - Fotolia.com.
Paso 1: Establecer la imagen en espejo como patrón
El primer paso para este efecto consiste en establecer la imagen que se reflejará dentro del texto como un patrón. Lo hago con la imagen abierta a través del menú Editar>Establecer patrón.
Paso 2: Ubicar el texto Coloco mi texto con una Arial de 300 puntos en mi documento. El documento tiene un tamaño de 800x600 píxeles y un fondo negro.
Paso 3: Opción de relleno de contorno Abro las opciones de relleno de mi capa de texto y selecciono la pestaña Contorno. Allí elijo como tipo de relleno Patrón y hago clic en el patrón previamente establecido en la Vista previa de patrón.
Otros ajustes:
| Tamaño: | 3 px |
| Posición: | Centro |
| Escala: | según sea necesario, es decir, según el tamaño del patrón establecido; en este caso, 35 % |
Con el ratón puedo ubicar el patrón en la imagen exactamente como deseo que se muestre dentro del contorno del texto. Puedo confirmar los ajustes con OK.
Paso 4: Establecer la opción de relleno como capa Con un clic derecho puedo crear una capa a partir de los estilos de capa. El contorno ahora está en una capa en el panel de Capas disponible. Coloco la capa debajo de mi capa de texto.
Paso 5: Sobreimpresión de patrón En las opciones de relleno de la capa de texto elijo la pestaña Sobreimpresión de patrón y selecciono el patrón previamente establecido. Ajusto el tamaño del patrón con el control de escala hasta que encaje visualmente. Con el ratón puedo ubicar el patrón en la imagen exactamente como deseo que se muestre dentro del texto.
Paso 6: Ajuste fino a través del contorno Para que el efecto sea realista, desplazo ligeramente la capa de contorno hacia abajo y hacia la izquierda con las teclas de flecha del teclado, de modo que se genere una ligera sensación de 3D.
Ahora, para darle un poco de brillo a la reflexión, agrego un contorno exterior de 1 píxel con el relleno de patrón a la capa de texto. Dado que el contorno de un píxel es realmente muy sutil, también puede mostrarse en la parte superior del texto. Si el efecto es demasiado fuerte, simplemente reduzco un poco la opacidad.
¡Esto genera una hermosa reflexión de luz adicional! Así se logra un sencillo efecto de reflexión en 3D.
4. Efectos de gradiente de reflexión en textos y formas
Antes que nada, debo decir que este tutorial fue inspirado por Scott Kelby, quien explicó este efecto en su libro "Scott Kelby: Photoshop CS4 Down & Dirty Tricks." Scott Kelby detalló la creación del efecto en 12 pasos para dos letras. Procedió de la siguiente manera:
- Crear texto
- Rasterizar texto, seleccionar y crear el primer gradiente
- Duplicar capa y crear gradiente opuesto
- Recortar gradiente mediante selección elíptica
- Transformar selección
- Invertir y eliminar la selección del área de gradiente
- Agregar contorno
- Añadir bordes planos y relieve
- Repetir los pasos 1-8 para la segunda letra
El efecto es un pequeño y agradable atractivo visual. Sin embargo, el proceso solo permite un resultado estático. El texto no puede ser cambiado porque fue rasterizado al principio. Para cada letra adicional, debo repetir la mayoría de los pasos.
En mi tutorial, quiero mostrar un camino que permita una mayor modificación del texto. Además, con este efecto, se pueden agregar más letras rápidamente.
Paso 1: Crear degradado
Para crear este efecto de manera más rápida, creo un degradado doble como patrón. Por lo tanto, primero abro el menú de degradado en mi documento de 1000x600 píxeles haciendo clic en la vista previa de degradado en la barra de menú con la herramienta de degradado (G) activada.
Ahora creo el degradado que se colocará como reflexión con un doble degradado en el texto.
La disposición del degradado es la siguiente:
Gris - Blanco - Negro - Gris
Agrego interrupciones de color faltantes con un clic al lado de una interrupción de color existente y las coloco en la posición deseada mediante arrastrar y soltar. El color de la interrupción de color se puede cambiar a través del selector de color del menú de degradado.
La transición de blanco a negro es abrupta. Los cubos de color no deben superponerse de manera opaca, sino estar ligeramente desplazados. De lo contrario, la transición tendrá efectos de escalón. El suavizado del 30 por ciento asegura que la transición en la zona gris sea suave.
Si es necesario, también puedo guardar el nuevo degradado en la vista previa de degradado, declarándolo con un nombre arbitrario como Nuevo. Luego confirmo mis ajustes de degradado con Aceptar.
Paso 2: Curvar degradado
Arrastro el degradado con la herramienta de degradado desde el centro inferior del documento hacia arriba a la izquierda.
Debido a la curvatura en el degradado, lamentablemente no puedo realizar todas las ediciones solo con una sobreposición de degradado. La solución es aplicar el degradado curvado como un patrón.
Con Ctrl+T>Curvar, ahora establezco una ligera curvatura para que la transición negra se muestre doblada. Para esto, arrastro ligeramente mi rejilla de curvatura hacia arriba a la izquierda.
Paso 3: Establecer degradado como patrón Ahora puedo establecer el degradado doble curvado como un patrón. Para ello, selecciono en el menú Editar>Establecer patrón. El nombre es: Degradado doble con reflexión.
Paso 4: Colocar texto Para el documento elijo un nuevo fondo de color rojo oscuro. Ahora puedo ingresar mi texto con un tamaño de 530 puntos en Arial. Escribo la letra P.
Paso 5: Superposición de patrón Abro las opciones de relleno de mi capa de texto. En la pestaña superposición de patrón, selecciono en la lista desplegable mi patrón previamente establecido.
Ahora puedo mover mi patrón fácilmente al lugar deseado en el documento de forma intuitiva. Si es necesario, también puedo escalar mi patrón, si es demasiado grande o pequeño para la letra.
Paso 6: Borde En la pestaña borde, establezco un borde de 5 píxeles en la posición exterior. El tipo de relleno es un degradado.
Hago clic en la vista previa de degradado en el ajuste predeterminado plata de los ajustes de metal.
El borde por sí solo no se ve como se desea. Solo con la esquina plana y relieve se verá metálico adecuadamente.
Paso 7: Esquina plana y relieve Las configuraciones de la esquina plana y relieve son responsables del efecto metálico en 3D. Elijo las siguientes configuraciones en la pestaña esquina plana y relieve:
• Estilo: Contorno relieve
• Técnica: Redondear
• Profundidad: 100 por ciento
• Tamaño: 5 píxeles
• Ángulo de sombreado y altura: 120 y 30 grados
• Contorno brillante: Anillo doble
El efecto está terminado.
Paso 8: Más letras Para más letras, simplemente duplico la capa de texto, la muevo al lugar deseado y con la herramienta de texto cambio la letra respectiva a la nueva.
Si es necesario, solo tengo que ajustar el doble desenfoque en el panel Superposición de patrón a la forma de las nuevas letras.
Si quiero agregar acentos de color a mi desenfoque, todavía puedo agregar una Superposición de color en el modo Multiplicar en las opciones de relleno.
¡Y eso es todo!
5. Texto inclinado con marco
Un buen desarrollo del efecto de desenfoque de reflexión anterior puede ser agregar un marco al texto y hacer que el marco y el texto estén inclinados en la vista.
En este ejemplo, no cada letra tendrá una reflexión individual, sino que compartirán una reflexión con las demás; es decir, las letras no están en capas individuales, sino juntas en una capa.
Paso 1: Agregar marco
Arrastro el rectángulo con borde delgado de las Preconfiguraciones estándar a mi texto usando la herramienta Forma personalizada (U) como marco.
Paso 2: Copiar estilos de capa Arrastro los estilos de capa existentes de la capa de texto a la capa del marco usando Alt y Arrastrar y soltar. De esta manera, he copiado los estilos de capa para el marco. Si es necesario, ajusto la posición concreta de la Superposición de patrón a través de las Opciones de relleno para que se vea bien en la vista.
Paso 3: Convertir ambas capas en Objeto inteligente Selecciono la capa de texto y la capa del marco en el Panel de capas y las convierto en un Objeto inteligente.
Paso 4: Transformar Elijo Ctrl+T en mi Objeto inteligente para transformarlo. Con Ctrl puedo arrastrar el punto de la esquina superior izquierda hacia el centro. Esto inclina el marco y el texto.
Si es necesario, también puedo mover los puntos de la esquina inferior individualmente manteniendo presionada la tecla Ctrl para intensificar el efecto de inclinación. Puedo confirmar mi transformación con Enter.
Paso 5: Consejo de ubicación Es importante que el texto tenga el marco para lograr una impresión inclinada o volcada real. El texto solo lograría este efecto de forma limitada.
Si quiero lograr un efecto especial con la ubicación, coloco mi texto con el marco de manera que no todo el marco quepa en el documento. Si es necesario, tengo que cortar el documento para lograr este efecto. Esto crea la impresión de un tamaño visual especial. El contenido no encaja en el marco del documento, es demasiado grande. De esta manera, se puede transmitir el tamaño del contenido de manera figurada. Por ejemplo, DER SPIEGEL colocó el nombre de Google en la portada de manera que Google no cabía completamente en la portada. Esto mostró de la forma más simple y visual el tamaño y poder especial de Google.
