Agregar efectos a la tipografía puede ser una fuente de angustia para los diseñadores. Los clientes exigen una sombra paralela o relieve, y estás atascado con efectos de texto que amenazan con arruinar un proyecto. Lo que necesitas es un arsenal de efectos de texto. eso no apesta para que pueda ayudar al cliente a pivotar a algo un poco más elegante.
El truco para todos estos efectos es usarlos con propósito. Buena tipografía no necesita "ayuda". Si una fuente no funciona sola, tampoco funcionará con un montón de técnicas agregadas. (Solo harás algo malo aun peor.)
Los mejores efectos de texto son casi invisibles para los no diseñadores. O los efectos de texto se utilizan para agregar significado a la tipografía o letras. Aquí hay algunos consejos para usar efectos de texto que no apestan con algunos ejemplos bastante buenos.
1. Utilice Sombras de caída intencionadas
Independientemente de lo que haga, no haga clic en el botón de sombra en el software de diseño y solo aplique los valores predeterminados. La mejor sombra es una que ni siquiera ves. Una técnica de sombra paralela se implementa mejor como un elemento para ayudar a crear profundidad entre las capas de texto y de fondo.
¿Esto? Invisible? el estilo de sombra paralela es algo que probablemente vea como diseñador cuando agrega la técnica al texto, pero no debe ser reconocible para el usuario común. Las sombras paralelas se usan con mayor frecuencia de esta manera como un elemento suave para crear una separación o para agregar solo una pista más de contraste entre el texto y los elementos de fondo.
Independientemente de lo que haga, no haga clic en el botón de sombra en el software de diseño y solo aplique los valores predeterminados. Rara vez estos ajustes son apropiados y, a menudo, parecen amateur.
Otras técnicas de sombra de caída comunes y altamente utilizables incluyen opciones que están diseñadas para ser vistas, como una sombra de borde duro o una sombra en capas.
- los sombra de borde duro (en la imagen de arriba) tiene una sensación retro distinta que agrega una segunda capa detrás del texto. Esto funciona mejor con tipografías de trazo grueso o grueso.
- UNA sombra en capas Crea un efecto casi tridimensional / tridimensional. También tiene un aspecto retro y funciona mejor con tipos de letra más gruesos.
2. Ir de moda con una doble exposición
Las imágenes de doble exposición son una opción popular y popular en aplicaciones de diseño web e impresión. El efecto que coloca dos exposiciones de imagen dentro de las letras parece complejo e interesante. Cuando se usa con moderación o con las imágenes adecuadas, puede ser absolutamente impresionante.
¿Quieres crear una doble exposición fresca? Tenemos una lista de 20 acciones de Photoshop para que sea una brisa. O Envato Tuts + tiene un excelente tutorial si quieres hacerlo tú mismo.
3. Diviértete con los trazos
Dale un toque especial a las letras de bloque con interesantes efectos de trazo o trazo para mayor profundidad. Un golpe profundo y ancho puede tener una sensación retro o incluso emular letras de signos antiguos. El efecto de trazo de neón anterior es un gran ejemplo de cómo usar un trazo para crear una sensación específica para el diseño.
4. Usa colores (o una fuente de color)
Las fuentes de color son tipos de letra que incluyen varios colores, sombras o degradados, texturas o transparencias. Puedes usar una fuente de color para obtener este efecto funky (tenemos algunos para elegir aquí), o crea el tuyo.
Cuando se utiliza mucho color como efecto de texto, casi debe ser por encima. Las opciones de colores brillantes y audaces son bastante modernas y no ofenderán a los usuarios ya que las personas están acostumbradas a verlos.
Solo asegúrate de usar el color de una manera que parezca intencional. El hecho de resaltar algo de color en Helvetica no es lo mismo que diseñar un efecto de texto que es el elemento visual principal en el diseño.
5. Agrega un toque de animación
No hay una regla que diga que los elementos de texto tienen que ser estáticos. Una animación en el diseño de sitios web es una forma divertida de agregar interés visual.
Añade ese interés visual a los elementos de texto también. Al utilizar la animación de texto, es importante tener en cuenta algunas cosas para garantizar que las letras sigan siendo legibles:
- El movimiento debe ser intencional
- Las letras no deben moverse a ayunar.
- El texto de desplazamiento o reproducción automática debe incluir una forma de detener el movimiento
- Las palabras siempre deben ser legibles, independientemente del tamaño de la pantalla
6. Algo Mimico Iconico
¿Cada vez que algo se vuelve popular, como la serie de Netflix "Stranger Things"? Las tendencias de diseño tienden a imitar lo original.
El logotipo de neón inspirado en los 80 para la serie no es una excepción. Ha sido la base para memes, proyectos de imitación y una forma divertida para que los diseñadores jueguen con un nuevo efecto.
Solo tenga en cuenta que la línea entre cool y un efecto de texto que hace Chupar, puede cambiar rápidamente con técnicas de imitación. Un estilo puede fechar un diseño rápidamente. Las réplicas deficientes también pueden tener un aspecto cursi y es posible que no se ajusten al proyecto según lo previsto.
7. Incorporar formas
¿Creando capas y mezclando medios? Puede ser una forma divertida de agregar algo extra al texto. Al permitir que las formas u otros elementos encajen en lugar de una letra o letras, el diseño atrae la atención a medida que los elementos se fusionan.
El truco con esta técnica es garantizar que el elemento que actúa como una letra se ajuste al texto. Debe ser obvio que el objeto está reemplazando una letra específica para que el diseño no se vuelva difícil de leer.
Kasra Design, arriba, hace un buen trabajo con el título principal del video, así como con el ícono de la compañía, lo que hace que sea interesante. utilizando formas.
8. Añadir textura
Algunos tipos de letra vienen con un estilo vintage, áspero. Otros pueden usar una pequeña mejora personalizada para trabajar con su diseño general.
Agregar textura como imagen dentro de un tipo de letra o como elementos recortados de letras, como el de arriba, puede hacer que el diseño se sienta un poco más táctil. La textura puede hacer que el texto se destaque un poco más también.
El ejemplo anterior incluye dos tipos de texto texturado:
- Las letras con brocas recortadas para que se vean un poco más ásperas o vintage
- Cartas que son transparentes con el fondo mostrando a través de
9. Crea un personaje personalizado
Cuando se trata de crear un efecto de texto limpio, el ajuste natural es la marca. Las marcas pueden alterar o ajustar un tipo de letra para incluir un carácter personalizado para las letras que sea memorable.
Esta no es una técnica que deba tomarse a la ligera. Crear una forma de letra o alterar un personaje debe hacerse con cuidado. En la mayoría de los casos, querrá trabajar con un tipógrafo (preferiblemente el creador del tipo de letra) para obtener los mejores resultados.
Este efecto de texto se debe utilizar en las instancias más evidentes.
10. Deja las letras solo
Todo lo que tiene que hacer para maximizar el impacto es elegir un tipo de letra que coincida con el tono de los mensajes del proyecto. A veces, los mejores efectos de texto no utilizan ningún efecto. Con suficiente contraste en forma, tamaño y color, los elementos de texto y el fondo tienen una separación natural.
La falta de uso de un efecto de texto puede ser más difícil que agregar técnicas para facilitar la lectura o aumentar el contraste. Debe planificar todos los elementos con precisión para asegurarse de que los elementos trabajen juntos y que las fuentes tipográficas en negrita, u oscuras en la luz, o claras en las combinaciones oscuras sean las más legibles.
La Universidad de Essex se vuelve audaz con una tipografía gruesa sobre un fondo de video más oscuro que casi salta del diseño. ¿Y la mejor parte? ¿No hay una sola mejora? al texto.
Conclusión
El problema con los efectos de texto es que estas tendencias? ir y venir rapido (¿Recuerda todo el largo texto sombreado no hace mucho?) Los efectos de texto pesado pueden hacer que un diseño se vea anticuado, así que tenga cuidado a menos que sea el aspecto que busca.
Y recuerda que la sutileza funciona a tu favor. Si puedes ver esa sombra paralela, probablemente sea demasiado (y de hecho apesta). Vuélvalo a escalar o busque otra forma de obtener el aspecto que intenta crear.