1. Design & Illustration
  2. Typography

Elabora gráficos en InDesign fácilmente utilizando el panel Pictogramas

by
Read Time:9 minsLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En ocasiones quieres dar vida a un maquetado en Adobe InDesign sin la necesidad de crear imágenes personalizadas en Illustrator o Photoshop, o tener que explorar y comprar imágenes de stock.

Pero ¿cómo puedes evitar la necesidad de importar imágenes cuando quieres acentuar el aspecto visual? Aquí es cuando el panel Pictogramas de InDesign cobra importancia. Hay miles de fuentes gratis o accesibles que puedes descargar en internet y muchas de estas tipografías tienen toda clase de elementos decorativos como parte de su colección de caracteres. 

En este consejo rápido, mostraré cómo puedes utilizar el panel Pictogramas en Adobe InDesign para añadir elementos gráficos a tus maquetados, y también recomendaré algunas magníficas fuentes basadas en símbolos. 

Pero ¿qué tal si no tienes ninguna fuente basada en pictogramas? ¿Qué tal si necesitas una tipografía con símbolos InDesign de calidad premium para un proyecto? Te diremos dónde encontrar las mejores fuentes basadas en pictogramas después de este breve tutorial InDesign.

This modern SVG font glyph from Envato Elements can help you make awesome designs.This modern SVG font glyph from Envato Elements can help you make awesome designs.This modern SVG font glyph from Envato Elements can help you make awesome designs.
Crea fabulosos diseños con esta genial y moderna fuente SVG basada en pictogramas disponible en Envato Elements.

Desplázate hacia abajo para encontrar una minuciosa selección de fuentes con pictogramas decorativos disponibles en Envato Elements. ¡Agrégalas a tu colección!

Mira cómo utilizar el panel Pictogramas InDesign

¿Prefieres videotutoriales sobre cómo hacer pictogramas? Este tutorial InDesign sobre pictogramas también está disponible en el canal de Envato Tuts+ en YouTube. ¡No olvides darle Me gusta y suscribirte al canal de Envato Tuts+ si disfrutaste el video!

Lo que aprenderás en este tutorial InDesign sobre cómo hacer pictogramas

  • Cómo abrir y navegar por el panel Pictogramas
  • Cómo utilizar pictogramas como gráficos
  • Cómo usar fuentes basadas en símbolos en InDesign

1. Cómo abrir y navegar por el panel Pictogramas InDesign

Paso 1

Abre Adobe InDesign y crea un nuevo documento para Imprimir (Archivo > Nuevo > Documento). Solo experimentaremos con el panel Pictogramas, así que cualquier tamaño de documento estará bien.

Para abrir el panel Pictogramas, navega hasta la barra de menú en la parte superior del Espacio de trabajo y selecciona Ventana > Texto y tablas > Pictogramas

Type  tables menuType  tables menuType  tables menu

El panel Pictogramas se abrirá en la pantalla. Todos los caracteres (pictogramas) de la fuente que está actualmente activa en el panel Controles de formato de carácter en la parte superior de la pantalla aparecerá en la parte inferior del panel. Por defecto, cuando abres InDesign, probablemente estará establecida en Minion Pro Regular. 

glyphs panelglyphs panelglyphs panel

Paso 2

Puedes ajustar la Fuente y el Grosor de la fuente del conjunto pictogramas seleccionando una opción distinta desde los menús desplegables accesibles en la parte inferior del panel.

list of fontslist of fontslist of fonts

Cuando trabajas con colecciones de pictogramas muy grandes, también puedes elegir ver una selección del conjunto de pictogramas eligiendo una opción diferente del menú desplegable Mostrar, arriba de la ventana principal de pictogramas en el panel.

En este ejemplo, elegí filtrar el conjunto de pictogramas para mostrar todos los pictogramas Minion Pro relacionados con Moneda.

currencycurrencycurrency
filter currencyfilter currencyfilter currency

En la parte superior del panel Pictogramas, puedes ver una selección de Pictogramas recientemente usados. Esto muestra caracteres que has insertado en tus documentos InDesign directamente desde el panel Pictogramas.

recent glyphsrecent glyphsrecent glyphs

Paso 3

También tienes la opción de crear una colección personalizada de pictogramas de tu propia selección, accediendo al menú desplegable del panel (accesible en la esquina superior derecha del panel) y eligiendo Nuevo conjunto de pictogramas

new glyph setnew glyph setnew glyph set

Intenta esto ahora, puedes darle al Conjunto de pictogramas un nombre que puedas recordar. Lo nombré ‘My New Glyph Set’. 

my new glyph setmy new glyph setmy new glyph set

Cuando te encuentras caracteres que utilizas frecuentemente o que están relacionados, puedes hacer Clic derecho (Windows) o Control-clic (Mac OS) y seleccionar Añadir a conjunto de pictogramas > 'Nombre del conjunto de pictogramas'.

add to glyph setadd to glyph setadd to glyph set

Una vez que hayas conformado tu conjunto personalizado, puedes ver todo el conjunto de caracteres en la colección personalizada accediendo al menú desplegable del panel y seleccionando Ver conjunto de pictogramas > 'Nombre del conjunto de pictogramas'.

Esta es una magnífica manera de guardar pictogramas inusuales que te llaman la atención o caracteres frecuentemente usados que no están accesibles instantáneamente mediante el teclado, creando un conjunto de gráficos InDesign listos para usar cuando estás diseñando.

view glyph setview glyph setview glyph set

2. Cómo usar pictogramas en InDesign

Además del uso más tradicional del panel Pictogramas, por ejemplo, para insertar diacríticos de lenguajes específicos, o crear conjunto de pictogramas personalizados de tus caracteres más frecuentemente utilizados, también puedes usar el panel Pictogramas de la misma manera en que podrías usar la función Mini Bridge. Pero en lugar de explorar fotos o vectores, puedes explorar los conjuntos de pictogramas de fuentes basadas en símbolos, y usarlas como una clase de biblioteca de gráficos en InDesign.

Pongamos este ejemplo. Estoy creando un menú en InDesign (ver aquí el tutorial completo) luciendo un diseño con temática Art Déco. 

final menufinal menufinal menu

He colocado texto en la página, pero quiero darle al título, 'Menu', un toque más especial. ¡También puedo usar el panel Pictogramas para hacer eso! 

Descargué la adorable fuente ArtDeco, inspirada en la época del jazz, que es una variedad de pictogramas decorativos basados en gráficos.

Posteriormente seleccioné la herramienta Texto (T) y creé un pequeño marco de texto. Puse mi cursor en el marco de texto y establecí la Fuente en ArtDeco Regular del panel Controles de formato de carácter en la parte superior del Espacio de trabajo

Con el panel Pictogramas abierto (Ventana > Texto y tablas > Pictogramas) ahora puedo ver el completo conjunto de íconos InDesign disponibles en la fuente Art Deco

glyphs panel with art deco symbolsglyphs panel with art deco symbolsglyphs panel with art deco symbols

Al hacer clic en el pequeño símbolo de pirámide doble en la esquina inferior derecha del panel, también puedo incrementar el tamaño de la vista de los pictogramas para obtener una mejor apariencia.

enlarged glyphsenlarged glyphsenlarged glyphs

Posteriormente hago doble clic en uno de los pictogramas para insertarlo en mi recientemente creado marco de texto. Debido a que el pictograma es un elemento de texto, no una imagen, puedo ser flexible sobre la manera en que aplico formato al pictograma, de la misma forma que aplicarías formato a cualquier otro carácter. Así que puedo aumentar el Tamaño de la fuente, ajustar el Color y hasta aplicar efectos al marco de texto, como añadir Sombras paralelas, Degradados o Transparencias.

placed glyphplaced glyphplaced glyph

También puedo ajustar la orientación de la imagen copiándola, pegándola y rotándola para crear una imagen reflejada (Edición > Copiar, Edición > Pegar el marco de texto y luego Control-clic (Mac OS) o Clic-derecho (Windows) > Transformar > Voltear horizontal) para ayudar a enmarcar el título 'Menu'.

mirrored glyphmirrored glyphmirrored glyph

Si quiero todavía más flexibilidad con el gráfico en InDesign, puedo convertirlo en contornos (Texto > Crear contornos), lo cual facilita escalar o distorsionar el pictograma manualmente. 

create outlinescreate outlinescreate outlines
outlines glyphoutlines glyphoutlines glyph

3. Cómo usar fuentes basadas en símbolos InDesign

Estas son solo algunas de las miles de fantásticas fuentes basadas en símbolos InDesign disponibles para descargar en internet. Para casi cualquier estilo que quieras lograr, Art Déco, vintage, decorativo, floral, íconos, mapas, es probable que haya una fuente basada en pictograma con todos los gráficos que necesites para conseguir el aspecto adecuado. Estas son algunas de mis favoritas...

Adhesive Nr. Seven: una fuente vintage inspirada en la impresión tipográfica con versátiles pictogramas de banner.

adhesive nr sevenadhesive nr sevenadhesive nr seven

Printers Ornaments One: una fuente elegante y hermosa con símbolos florales decorativos y una sensación de una temporada específica.

printers ornaments oneprinters ornaments oneprinters ornaments one

StateFace: una fuente peculiar basada en mapas; perfecta para infografías.

statefacestatefacestateface

Las 5 mejores fuentes basadas en pictogramas InDesign disponibles en Envato Elements para utilizar en el 2021

¿Eres diseñador gráfico que utiliza InDesign diariamente? Si requieres una fuente de recursos digitales profesionales de alta calidad, Envato Elements es tu mejor opción.

Este mercado basado en suscripción te ofrece descargas de fuentes de pictogramas ilimitadas por una tarifa mensual. También tendrás acceso a más de 10,000 fuentes premium, plantillas de gráficos, complementos, y más.

Enjoy unlimited glyph font downloads with your Envato Elements subscription.Enjoy unlimited glyph font downloads with your Envato Elements subscription.Enjoy unlimited glyph font downloads with your Envato Elements subscription.
Disfruta descargas ilimitadas de fuentes basadas en pictogramas con tu suscripción a Envato Elements.

Envato Elements es la mejor opción para creativos. Si buscas fuentes con pictogramas decorativos para tu próximo proyecto, consulta esta selección:

1. Vicky Regular: Moderna fuente de ícono InDesign (en formatos OTF, TTF y WOFF)

Vicky Regular - Modern Glyph Font (OTF, TTF, WOFF)Vicky Regular - Modern Glyph Font (OTF, TTF, WOFF)Vicky Regular - Modern Glyph Font (OTF, TTF, WOFF)

¿Buscas fuentes de íconos que no sean manuscritas y tengan un diseño moderno? Checa esta fuente. Vicky Regular es una tipografía con serifa minimalista y moderna. Viene con hermosas ligaduras, muchos pictogramas alternativos especiales, decoraciones y soporte multilingüe.

La versátil fuente funciona sensacional en tamaños grandes y pequeños. Úsala para marca, diseño de logo, cabeceras de revistas o cualquier proyecto en InDesign.

2. Chalifor Dalsatic: Fuente SVG (en formatos OTF, TTF y WOFF)

Chalifor Dalsatic SVG Font Glyph (OTF, TTF, WOFF)Chalifor Dalsatic SVG Font Glyph (OTF, TTF, WOFF)Chalifor Dalsatic SVG Font Glyph (OTF, TTF, WOFF)

Si trabajas con InDesign y la suite de Adobe, sabes que las fuentes SVG son extremadamente útiles. Esta tipografía combina lo mejor de SVG y de las fuentes basadas en símbolos InDesign con un diseño moderno.

Este tipo de letra manuscrita es estupenda para logos, flyers y cualquier proyecto que requiera un estilo moderno con pictogramas decorativos. La descarga también incluye un enlace a un video que explica cómo usar los pictogramas alternativos. Es un recurso muy completo.

3. Fuente manuscrita Himdath basada en pictogramas InDesign (en formatos OTF y TTF)

Himdath Script Glyph Font (OTF, TTF)Himdath Script Glyph Font (OTF, TTF)Himdath Script Glyph Font (OTF, TTF)

¿Buscas fuentes tradicionales con pictogramas decorativos? Himdath es para ti. Esta preciosa fuente es perfecta para firmas, invitaciones, tarjetas y más.

La descarga incluye una colección completa de caracteres estándar, alternativas, signos de puntuación y pictogramas internacionales.

4. Lamore: Fuente de pictograma sin serifa (en formatos OTF, TTF y WOFF)

Lamore Sans & Script Glyph Font (OTF, TTF, WOFF)Lamore Sans & Script Glyph Font (OTF, TTF, WOFF)Lamore Sans & Script Glyph Font (OTF, TTF, WOFF)

Lamore es otra moderna fuente de pictograma con un estilizado diseño. La tipografía está cargada de ligaduras y pictogramas alternativos. Es una formidable opción si necesitas fuentes con pictogramas decorativos.

La descarga viene en letras mayúsculas y soporta múltiples lenguajes. ¡Lucirá fenomenal en tus proyectos de gráficos InDesign!

5. Praline Amaretto: Fuente de pictograma estilo vintage (en formatos OTF, TTF y WOFF)

Praline Amaretto - Vintage Glyph Font (OTF, TTF, WOFF)Praline Amaretto - Vintage Glyph Font (OTF, TTF, WOFF)Praline Amaretto - Vintage Glyph Font (OTF, TTF, WOFF)

Praline Amaretto es ideal para proyectos de diseño. La descarga incluye pictogramas en mayúsculas y minúsculas. Las fuentes con serifa que incluyen íconos InDesign  decorativos como esta proporcionará a tus diseños una apariencia especial.

¡Crea hoy fabulosos diseños con fuentes basadas en íconos InDesign!

Como vimos en este breve tutorial InDesign, el panel pictogramas puede ser práctico y creativo y por ende es una característica de versatilidad del software que debería ser un elemento esencial en el flujo de trabajo de todo diseñador gráfico. Diviértete experimentando con la creación de tus propias colecciones de pictogramas e incorporando gráficos únicos en tus maquetados InDesign rápida y fácilmente.

¿Buscas más inspiración sobre cómo hacer pictogramas o necesitas más tutoriales InDesign? Tenemos estos geniales recursos para ti:

Nota editorial: Este artículo se actualizó con la colaboración de Maria Villanueva. Maria forma parte del grupo de escritores de Envato Tuts+.

One subscription.
Unlimited Downloads.
Get unlimited downloads