Los 100 mejores tutoriales de tipografía y fuente para cada diseñador
Spanish (Español) translation by Marsel Toussaint (you can also view the original English article)
Si estás buscando una colección increíble de tutoriales de tipografía, te encantará esta lista de tutoriales de fuentes, efectos de texto, fuentes web y mucho más.
Aprende de estos tutoriales de tipografía de Illustrator y Photoshop, o prueba un tutorial de tipografía 3D: tenemos una lista de más de 100 tutoriales gratuitos increíbles para que disfrutes hoy.
Conceptos básicos de fuentes: Revisa estos tutoriales de fuentes
Empecemos con lo básico. Aprende cómo instalar fuentes, cómo funcionan las diferentes fuentes, cómo elegir las fuentes adecuadas para tu proyecto de diseño y mucho más en estos tutoriales de fuentes gratuitos.
-


Cómo instalar una fuente en Windows 10
-


Cómo instalar una fuente en Mac
-


¿Qué es una fuente monoespaciada?
-


¿Qué son fuentes de color?
-


Los diferentes tipos de fuentes: cuándo usar cada tipo de fuente y cuándo no
-


Cómo agregar fuentes a Photoshop (Mac y Windows)
-


¿Qué son fuentes variables?
-


¿Qué es una fuente SVG? Todo sobre fuentes SVG
-


Cómo instalar y usar fuentes en Procreate
-


Tipo de letra vs Fuente: ¿Cuál es la diferencia entre ellos?
-


Las mejores fuentes para la dislexia
-


Cómo combinar fuentes, cómo no hacerlo y las mejores combinaciones de fuentes
-


Los pros y los contras de fuentes de iconos
-


Una guía para principiantes para emparejar fuentes
-


Cómo usar ligaduras de fuentes en InDesign, Photoshop e Illustrator
-


Las mejores alternativas a las 10 fuentes más populares
Las mejores selecciones de nuestra colección de tutoriales de tipografía
Luego, pasemos a la tipografía, el ingenioso proceso de trabajar con tipos. Si bien esto puede variar dependiendo de tu medio, los fundamentos aplican a todos nosotros, a través de disciplinas. ¿Buscando fundamentos? ¿Temas avanzados? Tenemos un tutorial de tipografía para eso.
-


TipografíaUna breve historia de tipoGrace Fussell -


Tipografía¿Qué es la tipografía?Melody Nieves -


TipografíaLa guía definitiva de la tipografía básicaLaura Keung -


TipografíaEl abc de la tipografíaGrace Fussell -


FuentesEl ascenso del Sans SerifLaura Keung -


FuentesUna breve historia de fuentes de presentaciónLaura Keung -


FuentesLa psicología de las fuentes (fuentes que evocan la emoción)Grace Fussell -


FuentesFuentes Serif contra Sans Serif: ¿Cuál es la diferencia?Melody Nieves -


TipografíaTipografía: La anatomía de una cartaMelody Nieves -


AccesibilidadCómo mejorar la accesibilidad de las fuentes y la tipografía en tus diseñosGrace Fussell -


Tipografía10 tipografías que cambiaron el mundoGrace Fussell -


ExamenExamen: ¿Conoces tu tipografía?Joel Bankhead -


FuentesTodo sobre la fuente Futura y su historiaLaura Keung -


FuentesTodo lo que querías saber sobre HelveticaGrace Fussell -


TipografíaLa diferencia entre tipografía y letras a mano: Tipografía en 60 segundosMelody Nieves -


Tipografía5 secretos de tipografía para transformar tus diseñosGrace Fussell
Aprende a crear tu propia fuente hoy mismo
¿Alguna vez has querido crear tu propia fuente? Hay muchos tutoriales de fuentes útiles en Envato Tuts+. Ya sea que quieras hacer una fuente de tu letra o una nueva fuente serif con clase, estos tutoriales de fuentes te ayudarán a empezar.
-


FuentesCómo crear tu propia fuenteYulia Sokolova -


Diseño de fuentesCómo crear una fuente en Adobe IllustratorMary Winkler -


Diseño de fuentesLos conceptos básicos de tipo de dibujo y creando tu propia fuente manuscritaGrace Fussell -


FuentesCómo crear una fuente de píxeles monoespaciadoMiss Chatz -


FontForgeCómo crear una fuente usando Fontself y FontForgeMary Winkler -


DibujoDominando la caligrafía: Hacer tu propia fuenteMegan Eckman -


Adobe IllustratorCómo crear una fuente de color con Adobe Illustrator y Fontself MakerYulia Sokolova -


TipografíaCómo diseñar y construir una fuente cursiva funcionalKelvin Song
Crea emocionantes efectos de texto en un instante
Los efectos de texto pueden ser visualmente atractivos, elegantes y muy divertidos para trabajar. Prueba un tutorial de tipografía 3D o aprende un nuevo efecto de texto en uno de nuestros tutoriales de tipografía de Photoshop o tutoriales de tipografía de Illustrator.
-


Efectos de textoCómo crear un efecto de texto de letras rellenas 3D en Adobe PhotoshopRose -


Diseño de tatuajesUsa una fuente de tatuajes para agregar un tatuaje realista a una foto en PhotoshopMonika Zagrobelna -


Efectos de textoCómo envejecer una fuente en IllustratorAndrei Marius -


Adobe IllustratorCómo usar una fuente de color SVG para crear un diseño de logo en IllustratorAndrei Marius -


TipografíaCómo crear una fuente de tatuaje náuticoChris Carey -


Herramienta de fusiónCómo usar la herramienta de fusión para letras en Adobe IllustratorLaura Keung -


Adobe IllustratorCómo crear un efecto de texto Art Nouveau en IllustratorAndrei Marius -


Efectos de textoCómo crear un efecto de texto rápido de diamantes brillantes en Adobe PhotoshopRose -


Efectos de textoCómo crear un efecto de texto de grafiti en IllustratorAndrei Marius -


Adobe PhotoshopCómo crear un efecto de texto de bordado realista en Adobe PhotoshopJuan Negoita -


Efectos de textoCómo deformar texto en Adobe PhotoshopAbbey Esparza -


Efectos de textoCómo crear una acción de efecto de texto cubierto de hojas en Adobe PhotoshopAnderson Luiz -


Efectos de textoCómo delinear texto en PhotoshopMonika Zagrobelna -


Efectos de textoCómo crear una acción de efecto de texto de boceto en Adobe PhotoshopAnderson Luiz -


Efectos de textoCómo crear un efecto de texto de nota de rescate de periódico en Adobe PhotoshopRose -


Efectos de textoCómo curvar texto en IllustratorMonika Zagrobelna -


VeranoCómo crear un póster de script de helados en Adobe InDesignGrace Fussell -


Efectos de textoConsejo rápido: Cómo crear un efecto de texto de estilo Memphis en Adobe InDesignGrace Fussell -


Efectos de textoCómo crear un efecto de texto de fuente increíble de burbujaAndrei Marius -


Efectos de textoCómo hacer un efecto de texto 3D en PhotoshopMonika Zagrobelna
Tutoriales para el diseño de impresión y tipografía
La tipografía es una gran parte del diseño gráfico. Desde la creación de diseños de logos hasta carteles tipográficos y camisetas, hay tantas tipografías y tutoriales de fuentes para ayudarte a llevar tu tipo más lejos. Revisa uno hoy.
-


Fuentes¿Qué es un monograma? Tipos, diseños e ideasLaura Keung -
.jpg)
.jpg)
Carreras¿Cuál es la mejor fuente para un currículo? (Tamaño profesional y tipo adecuado para 2020)Charley Mendoza -


TipografíaLas conexiones entre el estilo de fuente y el género musicalDaisy Ein -


Día del EspírituCómo crear un diseño de camiseta tipográficaDaisy Ein -


TipografíaCómo crear un póster texturizado de letras a mano en Adobe IllustratorYulia Sokolova -


Diseño de logosTipografía en acción: Diseña logos simples y eficacesGrace Fussell -


TipografíaComprendiendo el kerning automático, óptico y de métricas en Adobe IllustratorJulie Felton -


Adobe PhotoshopCómo crear una portada de álbum tipográficoDaisy Ein -


CuadrículaCómo usar cuadrículas en Photoshop para crear un póster tipográficoLaura Keung -


FolletoCómo crear un folleto tipográfico de alto impacto en Adobe InDesignGrace Fussell -


Adobe InDesignCómo crear una tarjeta tipográfica de San Valentín en Adobe InDesignGrace Fussell -


Efectos de textoCómo crear una sabrosa ilustración tipográfica 3D en PhotoshopMark Mayers -


Día del Espíritu¡Crea un póster tipográfico genial listo para el Día del Espíritu en Adobe InDesign!Grace Fussell -


TipografíaCómo crear un póster de ilustración tipográfica vintage en Adobe IllustratorJanie Kliever
Tutoriales de tipografía web y fuentes web
¿Eres un desarrollador web o tienes curiosidad por la tipografía web? Revisa esta colección de tutoriales de fuentes web y otros contenidos tutoriales tipográficos para desarrolladores web y la web curiosa.
-


Tipografía webCómo usar fuentes de color en la WebKezz Bracey -


FuentesFuentes variables en la Web, explicadasKezz Bracey -


Tipografía web¿Qué son fuentes web?Kezz Bracey -


TipografíaCómo auto hospedar fuentes de Google en tu propio servidorAnna Monus -


WordPressCómo agregar nuevas fuentes a WordPressJessica Thornsby -


Tipografía webLo que dice tu tipografía web de tiJoanna Ngai -


Tipografía webEl futuro de la tipografía web: Fuentes CSS Nivel 4Dennis Gaebel -


Tipografía webUna guía para seleccionar fuentes personalizadas para tu sitio webEric Karkovack -


TipografíaLa guía completa de fuentes chinas para principiantesKendra Schaefer -


AccesibilidadDiseño de contenido accesible: tipografía, estilo de fuente y estructuraCarie Fisher -


Adobe MuseCómo usar fuentes web con Adobe MuseMichael Chaize -


TipografíaAveriguando @font-faceJeremy Loyd -


TipografíaComprendiendo la jerarquía tipográficaJeremy Loyd -


TipografíaUna guía completa sobre los conceptos básicos de la tipografíaEd Wassermann -


WordPressCómo cambiar el color de la fuente en WordPressRachel McCollin
Más de 20 increíbles tutoriales de video de fuentes gratis
¿Te gusta trabajar y aprender de tutoriales en video? Aquí hay una selección de algunos de nuestros tutoriales de fuentes y otro contenido de tutorial tipográfico de nuestro canal de YouTube, asegúrate de visitar nuestro canal para obtener aún más tutoriales gratuitos.
Revisa un video tutorial de tipografía gratis hoy.
1. La guía definitiva de la tipografía básica
¿Eres nuevo en tipografía o buscas repasar lo básico? Ve este tutorial de tipografía para todos los elementos esenciales fundamentales cuando se trata de tipografía en tu trabajo de diseño.
2. ¡Cuando usar cada tipo de fuente (y cuando no)!
Hay muchas fuentes por ahí. ¿Cuál es el mejor para tu proyecto de diseño? Si esta pregunta seguido te mantiene adivinando, revisa este tutorial de tipografía para algunos consejos rápidos y útiles.
3. Tipografía: ¿Qué es kerning, seguimiento y liderazgo?
Kerning, seguimiento y liderazgo son elementos esenciales para entender cuándo estás trabajando con tipografía. Ya sea que estos conceptos sean nuevos para ti o que estés buscando actualizar, este video tutorial tipográfico es bueno para ver.
4. Tipografía vs. Fuente: ¿Cuál es la diferencia entre ellos?
¿Alguna vez te has preguntado cuál es la diferencia entre una fuente y una tipografía? Bueno, este tutorial de tipografía explicará todos lo que va y no va y diferencias que necesitas saber.
5. Tipografía: Anatomía de una carta
Hay mucho más en tipografía que un alfabeto. Las diferentes partes de cada letra tienen nombres y consideraciones distintas. Aprende más sobre la anatomía de tipos en este tutorial de tipografía.
6. Fuentes Serif contra Sans Serif
La mayoría de nosotros hemos usado fuentes serif y sans serif antes, pero ¿sabes la diferencia? Revisa este tutorial de tipografía informativa sobre la diferencia. Es perfecta para principiantes y una gran actualización para aquellos que ya están familiarizados.
7. Fuentes variables en la Web, explicadas
¿Estás desarrollando trabajo para la web? Tenemos una gran cantidad de tutoriales increíbles de fuentes web aquí en Envato Tuts +. Revisa este tutorial informativo sobre fuentes variables en la web.
8. Cómo usar fuentes decorativas en Photoshop
¿Alguna vez has querido probar una fuente decorativa en Adobe Photoshop? Aquí está uno de nuestros tutoriales de tipografía de Photoshop, y se trata de usar decoraciones en este entorno de software.
9. Cómo crear una fuente en Adobe Illustrator
¿Tienes curiosidad por crear fuentes? Tenemos muchos increíbles tutoriales de tipografía de Illustrator para revisar, pero este es para tu diseñador de tipo interno. Compruébalo y haz una lluvia de ideas para tu propia fuente hoy mismo.
10. Fuentes web en 60 segundos
¿Buscando un curso rápido sobre fuentes web, qué son y cómo usarlos? No busques más. Este es uno de nuestros tutoriales de fuentes más rápidos, pero está lleno de información. Mira esto.
11. Crea un efecto de texto de luz de neón realista en Photoshop
Este efecto de texto tiene mucho potencial. Toma cualquier frase y conviértela rápido en un elegante letrero de neón. Estos conceptos también se transfieren a formas y otras imágenes.
12. Cómo usar ligaduras de fuentes en InDesign, Photoshop e Illustrator
Aprende sobre cómo usar ligaduras de fuente en este conjunto de tutoriales de fuentes gratuitas. Ya sea que esté trabajando en Adobe Photoshop, Adobe InDesign o Adobe Illustrator, este tutorial de ligadura de fuente te ayudará a ponerte en el camino correcto.
13. Cómo rellenar texto con una imagen en Adobe InDesign
Ve este divertido efecto de texto. ¿Quieres intentarlo? Este es solo uno de nuestros muchos tutoriales de fuentes para Adobe InDesign. Dale un vistazo y aprende un nuevo efecto de texto hoy.
14. Cómo combinar fuentes, cómo no hacerlo y las mejores combinaciones de fuentes
Elegir la fuente perfecta para tu proyecto no siempre es una tarea sencilla. Mezclarlos lleva esto aún más lejos. ¿Cómo hacer la decisión correcta? Revisa estos consejos de video para ayudarte a hacer que las selecciones de fuentes que complementan y apoyan tu diseño funcionan.
15. Tipografía: Diferencia entre tipografía y letras a mano
La tipografía y las letras a mano tienen algunas cosas en común, pero también son claramente diferentes. Conoce los dos y en que son diferentes en este video tutorial de tipografía gratuita.
16. El arte de la tipografía: Introducción
Las habilidades de tipografía sólidas son esenciales para el conjunto de habilidades de cualquier diseñador, independientemente de tu concentración. Revisa esta introducción al arte de la tipografía, una serie de videos que puedes ver hoy.
17. Aprende tipografía CSS
¿Quieres aprender sobre tipografía en lo que se refiere a CSS? No es tan complicado como podría sonar. No te preocupes, empezamos con los conceptos básicos de CSS, por lo que este tutorial de tipografía es amigable para principiantes. Mira esto hoy.
18. Introducción a la tipografía web: Una introducción
¿Buscas aún más contenido para la web? Revisa esta introducción a la tipografía web. Es una maravillosa muestra de un curso más largo y profundo que puede ayudarte a mejorar tu set de habilidades de diseño web.
19. Diseño de póster tipográfico en Adobe Photoshop | Curso gratuito
¿Buscas un curso tutorial de tipografía gratuito? Revisa este diseño de póster tipográfico, ¡y aprende junto con él! Tiene más de una hora de instrucción, y es completamente gratis de ver y aprender.
20. Cómo crear una foto a una acción de efecto de texto artístico en Photoshop
¿No es un efecto de texto divertido? Toma una foto favorita y conviértela en un efecto de texto artístico de moda en Adobe Photoshop. Este tutorial de tipografía en video te mostrará todos los sis y nos de la creación de esta divertida acción de Photoshop.
21. Cómo curvar texto en Adobe Photoshop
¡Creando texto curvo en Adobe Photoshop es mucho más simple de lo que parece! Ve este tutorial de tipografía en video para aprender a crear este efecto (y ampliarlo también). Es una habilidad simple pero flexible para aprender.
22. ¿Qué es Comic Sans?
Comic Sans a menudo tiene una reputación en los círculos de diseño y en internet. ¿Curiosidad por Comic Sans, de dónde vino y por qué este tipo de letra puede ser tan divisivo? Revisa este tutorial y otros tutoriales de fuentes en nuestro canal de YouTube.
23. Cómo crear una acción de efecto de texto 3D
Revisa este tutorial de tipografía 3D. Crea una elegante acción de efecto de texto 3D que puedas usar en Adobe Photoshop una y otra vez. Este tutorial lo hace fácil. Pruébalo hoy y agrégalo a tu arsenal de acciones.
Aún más recursos de fuentes e inspiración
¿Buscas más inspiración de fuentes? Tal vez estás buscando para agregar más fuentes profesionales a tu lista. Revisa estas impresionantes colecciones de fuentes diseñadas profesionalmente que puedes descargar hoy mismo. Agarra algunas fuentes nuevas hoy o disfruta de la inspiración de tipo.
-


Más de 20 mejores fuentes elegantes gratis (fuentes elegantes para descargar)
-


Las 35 mejores fuentes de escritura a mano (Fuentes que parecen escritas a mano)
-


Las 19 mejores fuentes pequeñas (Fuentes de pixeles y diminutas para descargar hoy)
-


Más de 30 fuentes de script modernas hermosas (tipografías para 2021)
-


Más de 25 fuentes envejecidas gratis (y fuentes grunge)
-


Las 35 mejores fuentes de bloque (listo para descargar ahora)
-


Más de 25 mejores fuentes de caligrafía gratuitas (descargas gratuitas)
-


Fuentes similares a Times New Roman (y su historia)
-


Más de 30 fuentes de firma gratuitas (fuentes de script para descargar ahora)
-


Más de 30 mejores fuentes de grafiti
-


Tendencia vintage: Las mejores fuentes de mediados de siglo
-


Las 29 mejores fuentes de heavy metal
-


Más de 25 mejores (gratis) fuentes súper lindas con bonitos estilos de diseño
-


Las 28 mejores fuentes Art Deco
-


Más de 25 mejores fuentes vintage gratis (¡gratis y prémium para descargar!)
-


Las 43 mejores fuentes retro de los 80s para descargar en 2021
-


Las 31 mejores fuentes para plantilla
-


Las 35 mejores fuentes occidentales (viejo oeste, de vaqueros y estilo country)
-


Más de 25 mejores fuentes de estilo de letras a mano gratis (diseños para 2021)
-


Las 29 mejores fuentes monoespaciadas
Las 10 fuentes de tendencias más populares en Envato Elements
Si estás buscando descargar una nueva fuente hoy mismo, revisa estas fuentes de tendencias de Envato Elements. Han demostrado ser muy populares, y serían una gran adición a tu kit de herramientas.
La mejor parte es que, cuando descargas fuentes de Envato Elements, obtienes descargas ilimitadas. Eso significa que puedes descargar tantas fuentes como quieras, y todo está cubierto con una tarifa baja. Esto incluye el uso comercial.


Las descargas ilimitadas son una opción increíble cuando te encantan las fuentes. Podría recoger uno nuevo todos los días, o descargar varias impresionantes cuando estás de humor para revisar muchas fuentes nuevas.
Pero Envato Elements también viene con gráficos, activos, música e incluso plantillas de sitios web. Todo está cubierto con una tarifa, por lo que tienes una enorme biblioteca de contenido profesional al alcance de tus manos.
Revisa estas 10 fuentes de tendencias principales de Envato Elements, y descarga una hoy.
Tipografía de script Sinisuka
Si estás buscando un tipo de letra script elegante, esta es una excelente opción. Úsala para titulares, logos y mucho más. También viene con muestras complementarias.


Marquee - 18 fuentes grunge
Esta descarga de fuentes incluye 18 fuentes grunge diferentes que puedes mezclar y combinar. Si estás buscando una colección profesional de fuentes grunge puedes emparejar, esta es.


Fuente script Shelva
¿No es encantadora esta fuente de script? Es un excelente encaje para una amplia variedad de proyectos. Crea un ambiente acogedor y personal con este tipo de letra script moderna. Es exclusivo de Envato Elements, y puedes agarrarlo hoy.


Tipografía vintage Strongwill
Esta tipografía vintage es maravillosamente estilística. Podría ser un gran encaje para paquetería, diseño de póster, y más. Descárgala hoy mismo y experimenta con las versiones regulares y en mayúsculas incluidas.


Tipografía Jotunheim
Este hermoso tipo de letra se inspiró en runas antiguas. Elige entre tres versiones: una que sea más legible, otra con más elementos decorativos y otra aún más abstracta. Mezcla y combina los tres para un look perfecto.


Tipografía para firma Batters
¿Te gustan las tipografías script y manuscritas? Revisa esta elegante fuente. También incluye muchas opciones para el uso de fuentes web también. Esta es una excelente adición a cualquier colección.


Fuente de presentación juguetona Little Jack
¿No es adorable esta fuente de presentación? Es un encaje increíble para educación infantil, proyectos escolares, tarjetas de cumpleaños, libros infantiles y mucho más. Si estás trabajando en un proyecto lúdico, este vale la pena revisar.


Fuente script Dear Jane
Esta elegante fuente fue creada a mano. ¿No es bonita? Esta podría verse increíble en invitaciones, carteles, paquetería y mucho más. Tiene un ambiente romántico y tiene mucho potencial versátil.


Fuente script Amist Mystical
Ve los trazos hermosos y orgánicos en esta fuente de script. También viene con dos versiones: elige entre una versión suave y una con más variación y textura en los trazos. Descarga esta hoy mismo.


Tipografía esencial de serif Pierson
Esta es una familia de fuentes profesional y versátil. Esto significa que obtienes versiones regulares, delgadas y ligeras de este tipo de letra. Esta podría funcionar tan bien para ocasiones formales y de negocio, pero también servir como una fuente básica en un documento más largo.


¿Quieres aprender aún más?
¿Buscas aún más tutoriales? Hay mucho que ver en Envato Tuts+. Revisa estas otras colecciones de tutoriales gratuitos que puedes consultar hoy en día: elige entre ilustración, diseño gráfico, diseño web, fluidez de software y mucho más. No hay mejor momento para aumentar tu set de habilidades que hoy, con nuestros tutoriales gratuitos.
¡Tenemos aún más contenido tutorial tipográfico también! También puedes encontrar muchos más tutoriales de fuentes, colecciones de fuentes y una enorme colección de efectos de texto.
Y, si estás buscando un poco de ayuda de diseño, también puedes recurrir a uno de los increíbles profesionales en Envato Studio. ¡Gracias por sintonizar, y feliz diseño!
-


Adobe PhotoshopMás de 100 tutoriales sobre mejores efectos de texto de PhotoshopMelody Nieves -


RetratoMás de 100 mejores tutoriales de retratos (Ilustración, manipulación de fotos y más)Elizaveta Akimova -


Efectos fotográficos¡Más de 50 mejores tutoriales y recursos sobre efectos de brillo y luz!Abbey Esparza -


Adobe Photoshop100 increíbles tutoriales de Photoshop para principiantes inteligentesDanny Outlaw -


Adobe IllustratorLos 100 mejores tutoriales de efectos de texto de Illustrator (¡para principiantes y más!)Andrei Marius -


Diseño gráficoLos 100 mejores tutoriales de diseño gráficoMelody Nieves