Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Logo Design
Design

Tipografía en Acción: Diseño Simple & Efectivo Tipo Logotipos

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called How to Create a Logo.
Quick Tip: Create a Colorful Sliced Sphere to use as a Logo Design
How to Design a Weathered Illustrative Logo Set in Adobe Illustrator

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

Final product image
What You'll Be Creating
n

La tipografía juega un enorme papel en la manera en que las marcas son captadas, y cuán exitosa llegará a ser una marca con los clientes. Una sabia decisión de letra puede hacer su logotipo más inolvidable, más idealista, más confiable y más excitante. Los logotipos con un mínimo de tipografía son fáciles de lograr y, a menudo, pueden tener más impacto que un logotipo de diseño simbólico.

Aquí, daremos un vistazo a cómo la tipografía puede ser utilizada con éxito a través del diseño de logotipos, y dividir cómo usted puede crear más efectivas para diferentes tipos de negocios comerciales, usando sugerencias y trucos muy básicos sobre la tipografía.

Vamos a explorar cuán sencillo es hacer retoques a un tipo de letra, tamaño, grosor, tracking, alineación y el color pueden mejorar sus diseños tipográficos, y hacerlos apropiados para la industria en un instante. Si desea recrear los diseños tal a medida que usted lee, entonces necesitará tener acceso a Adobe InDesign.

Recrear los Diseños Usando InDesign

Los diseños representados a través de este tutorial han sido elaborados usando Adobe InDesign.

Para recrear los logotipos tal y como usted lee, abra InDesign y cree un documento nuevo para impresión: Print. Ajuste el Size a A4 y la orientación a Landscape. Ajuste el No. of Pages a 1, por ahora, usted puede añadir páginas según las necesite. Haga clic en OK.

1. Saque provecho de un Símbolo: &.

Muchas empresas están formadas a través de asociaciones o colaboraciones y tendrán un 'y' como parte de la identidad de su compañía, por ejemplo, Smith y Sons, D&G, H&M, Jones & Partners.

Considere destacar la 'y' del nombre de la compañía dándole un tamaño prominente al símbolo '&' en el diseño de la marca. Un símbolo & decorativo y ornamental luce elegante y a la antigua, dándole al logotipo una apariencia sofisticada y madura. Un símbolo: '&', grande, también, enfatiza la naturaleza colaborativa de la compañía, que garantiza al consumidor o al cliente que están siendo cuidados por un equipo de expertos.

Los negocios formales que ofrecen servicios a sus clientes, como firmas de abogados o asesores financieros, les convendrá este tipo de diseño de marca, así como a las instituciones educacionales o académicas, como universidades y museos.

Este ejemplo de diseño de logotipo fue creado usando Caslon 540 LT Std, ajustado en Roman y Italic, aunque cualquier fuente tipo serif con un símbolo '&' bien diseñado, también podría funcionar. El grosor del estilo Italic de la fuente Caslon tiene un encantador símbolo '&' ondulado, que complementa con los los más tradicionales caracteres en mayúsculas tipo serif.

exaggerated ampersand

Además, puede ajustar un destacado símbolo '&' en un tipo de fuente sans serif. Esto transforma la apariencia y el estado de ánimo del diseño del logotipo. Este ejemplo de diseño está ajustado en BonvenoCF Light. Podría funcionar bien para una agencia digital o  para una firma de tecnología, o para un hospital moderno o salud materna.

sans serif font

Crear un Logotipo en InDesign

Paso 1

Para recrear este diseño del símbolo '&' tipo serif, salte sobre InDesign y abra el documento que configuramos anteriormente.

Arrastre una guía hacia abajo desde la regla en la parte de arriba (View > Show Rulers) para ofrecer una línea base para ajustar su texto.

new document

Abra el panel Layers (Window > Layers) y haga doble-clic sobre la capa por defecto Layer 1 para cambiar el nombre del título. Póngale el nombre de Guides y haga clic en OK.

Haga clic sobre el icono Create New Layer, que está en la parte inferior derecha del panel Layers, para crear un segunda capa arriba de la capa Guides. Póngale el nombre Black Text a esta capa. Repita el proceso para crear otras dos capas, a la primer capa la nombrará White, y a la capa que está arriba le pondrá el nombre de Blue Ampersand.

layers panel

Paso 2

Haga clic sobre la capa Black Text para asegurar que está trabajando en esa capa. Ahora seleccione la Herramienta Tool (T) del panel Tools y arrastre con el mouse sobre el documento para crear un marco de texto cuadrado.

Escriba una sola letra en el marco y ajuste la fuente, Font a Caslon 540 LT Std Roman, tamaño, Size 150 pt. Sitúe el pie de la letra sobre la línea base que está señalada por la guía. Seleccione el marco de texto y diríjase al menú Edit > Copy, Edit > Paste, para editar las letras. Luego, ubique el segundo marco a la derecha de la letra con un espacio entre las dos letras de 20 mm.

text frames

Paso 3

Regrese al panel Layers y haga clic en la capa superior, es decir; Blue Ampersand, para activarlo. Crear un tercer marco de texto y escriba el símbolo '&' dentro de él. Ajuste la FontCaslon 540 LT Std Italic, Size 170 pt. Puede sacarlo en un color fuerte para lograr contraste, aquí he usado un azul fuerte, C=86 M=0 Y=19 K=0.

ampersand

Paso 4

Bloque Lock la capa Blue Ampersand y salte sobre la capa que está abajo, es decir; a White. Puede aplicar un toque de color blanco para crear la apariencia que el extremo izquierdo de la letra 'W' había sido borrado por el símbolo '&'.

Seleccione la herramienta Ellipse (L) y arrastre el mouse sobre el documento para crear un óvalo pequeño para ajustarlo en la esquina superior derecha del símbolo '&'. Ajuste el contorno Stroke a ninguno [None] y el relleno Fill a blanco [Paper]. Repita el mismo paso para crear un segundo óvalo pequeño que encaje en el hueco del símbolo '&'.

blocking out background text

¡Ya terminó! Un diseño de logotipo clásico y elegante unido por un audaz símbolo '&'.

final design

2. Los Marcos Pueden Dar a los Logotipos un Sello de Autoridad

Algunos logotipos necesitan tener más que sólo su nombre como parte de su identidad de marca. Un cliente, por ejemplo, podría pedirte un eslogan o, también, la ubicación(es) de la oficina.

Usted puede compensar diferentes secciones de texto al aplicar la regla A, B, C. A es para el nombre de la compañía, y deberá ser un encabezado grande. B es un sub-encabezado, para la más grande y más importante pieza de información. El C encabzado es el más pequeño y la última pieza importante de texto.

Así que en este ejemplo, 'The Hotel Company' es A, 'New York London Paris' es B, y 'World-Class Service Since 1952', por supuesto, es C.

wihout frames

Todo el texto está ajustado en Arial Bold y Regular. Incremente el Tracking (el espacio entre todas las letras) que además, aumenta la legibilidad del logotipo y le a las letras algo de espacio para respirar.

Eso está bien y el texto se ve equilibrado, pero el texto aún se ve, solamente como texto. ¿Cómo podemos transformarlo en algo que se parezca más a un logotipo?

Los trazos y los marcos son realmente sencillos de aplicar a los diseños de su marca, pero algunas veces son ignorados. Enmarcado por cuatro simples trazos sólidos de color negro, el texto es transformado en un logotipo sencillo.

with lines

Pero un sólido marco negro alrededor del texto, y el logotipo se verá más como un sello. Este estilo de diseño realmente convendría a marcas de moda o minoristas lujosos.

with a frame

Crear el Logotipo en InDesign

Paso 1

Regresar a InDesign y arrastrar una guía abajo desde la regla superior (View > Show Rulers) para crear una línea base.

Seleccione la herramienta Type (T) y arrastre para crear un marco de texto largo y estrecho. Coloque el marco al centro de la página. Escriba el nombre de la empresa, y ajuste la FontArial Bold, el Size 40 pt y la opción All Caps, para que todas las letras sean mayúsculas. Incremente el Tracking a 130.

text frame

Paso 2

Crear un segundo marco de texto, pero esta vez, que sea más estrecho y escriba en él la ubicación de la oficina. Ajuste la FontArial Bold, el Size 15 pt,  All Caps y aumente el  Tracking a 130. Posicione este marco al centro arriba del nombre de la compañía.

Ajuste un tercer marco debajo del nombre de la compañía, configurando la Font a Arial Regular, y el Size 11 pt, All Caps el Tracking a 130, como antes.

three text frames

Paso 3

Seleccione la herramienta Line (\) desde el panel Tools y, manteniendo presionada la tecla SHIFT de su teclado, arrastre desde la izquierda hasta la derecha para crear una linea horizontal perfectamente recta. Posicione la regla al lado derecho del encabezado B del logotipo, y extiéndalo para alinearlo con el último carácter del nombre de la compañía.

Ajuste el color de Stroke a negro [Black] y el grosor del Stroke Weight 0.3 mm. Abra el panel Stroke (Window > Stroke) y ajuste la opción Cap a Round Cap, para un suavizado en los puntos finales de la línea.

black line
stroke panel

Paso 4

Edit > Copy y Edit > Paste, para pegar la línea, posicionela al lado izquierdo del encabezado B. Pegue dos trazos más, y luego, posicionelos a cada lado del encabezado C, y amplié sus longitudes si es necesario hacerlo.

strokes either side of text

Paso 5

Para crear un marco alrededor del texto, seleccione la herramienta Rectangle (M) y arrastre para crear un marco que deje un margen de 13 mm entre los bordes del marco y el texto en todos lados.

Desde el panel Stroke, ajuste el Weigth a 1 mm y el Type a Thick-Thin.

framed logo

3. Escoja un Tipo de Fuente Antiguo para una Marca Amigable

Muchos negocios necesitan una marca que luzca más amigable y accesible que las compañías en sectores más formales o exclusivos. Las marcas de zapatos, cafés, beneficencias y agencias creativas, necesitan ser accesibles y la tipografía que usan en sus diseños de marcas puede realmente ayudar a reforzar este concepto animado y ético.

Los diseños de tipo retro son magníficos para estos tipos de negocios. De manera simultanea, son modernos y nostálgicos, el tipo de tipo de letra correcto inspirado en el estilo vintage puede hacer que una marca parezca afectuosa y atractiva.

Las fuentes que hacen referencia a los estilos de diseños de los años 50, con su estilo animado y estética divertida, son estupendos para los diseñadores de logotipos. Revise este ejemplo de diseño de logotipo para una marca de café. Ajuste las fuentes frente a un fondo coloreado en tono pastel, las letras corren por un trazo de forma curva. Usted conservar el diseño simple (sin sombras o degradados) para un toque moderno saque ventaja del estilo vintage, para mantenerlo enérgico y relevante.

final logo

Crear el Logotipo en InDesign

Paso 1

Regrese a su documento en InDesign y cree una página nueva. Abra el panel Swatches (Window > Color > Swatches) y haga clic sobre el icono New Swatch en la parte inferior derecha del panel.

Haga doble-clic al nombre de la nueva muestra para editarlo. Ajuste el Mode a CMYK y los valores a los siguientes: C=35 M=1 Y=20 K=0. Haga clic en OK.

Seleccione la herramienta Rectangle (M) desde el panel Tools y arrastre para crear un marco de 180 mm de ancho Width y 60 mm de alto Height. Ajuste el Stroke Color a [None] y el Fill Color al color de su muestra, C=35 M=1 Y=20 K=0.

mint background

Paso 2

Seleccione la herramienta Ellipse (L) y arrastre el mouse sobre el documento para crear un óvalo aproximadamente de 195 mm de Width y 100 mm de Height. Póngalo al centro sobre el rectángulo coloreado, con la mitad superior del óvalo situado en el área coloreada.

Seleccione la herramienta Type on a Path Tool (Shift-T), la cual la puede encontrar en el menú desplegable debajo de la herramienta Type (T) en el panel Tools. Coloque el cursor al lado izquierdo del borde superior del óvalo hasta que aparezca un icono con el símbolo '+' a la par de su cursor. Haga clic una vez y el borde del óvalo se transformará en un trazo de texto.

Escriba la frase 'The Little Coffee Co.' y ajuste la Font en una fuente gratuita llamada Grand Hotel. Aumente el Font Size a 70 pt, y ajuste el Font Color de la frase ‘The’ and ‘Co’ a [Paper]. Ajuste ‘Little Coffee’ en una muestra nueva CMYK, la cual puede crear desde el panel SwatchesC=64 M=55 Y=50 K=50.

Si necesita ajustar la cantidad de curva debajo del texto, entonces puede jalar el punto de anclaje del que está al centro del fondo de la forma de óvalo (para reducir la profundidad de la curva) o bajar (para incrementar la profundidad).

ellipse tool

Paso 3

Seleccione la herramienta Type (T) y arrastre para crear un marco de texto pequeño y estrecho. Ubiquelo en el centro debajo del nombre de la compañía. Escriba ‘~(space)Est. 2005(space)~’ y ajuste la Font en un tipo de fuente sans serif delgado. Aquí he usado la fuente BonvenoCF Light, la cual tiene un estilo retro muy leve.

Ajuste la Font Size a 20 ptFont Color a [Paper]All Caps y Align Center.

type on a path

Paso 4

En este ejemplo de diseño, hemos introducido el color para darle al logotipo un estilo más vintage. Sin embargo, una magnífica sugerencia para probar la fuerza y la versatilidad de un diseño de logotipo, particularmente si está siendo diseñado en color, es ajustarlo en color negro. Si el diseño se ve un poco 'apagado' cuando el color es quitado, entonces el diseño probablemente necesita un poco más de trabajo.

without a background

Además, puede ajustar el logotipo en color blanco y ajustarlo en frente del fondo de una fotografía para probar más adelante cómo se verá a través de diferentes tipos de composiciones y diseños. ¿Funcionará bien estando aislado en un documento impreso como parte del diseño de una página web, por ejemplo?

with a photo background

4. Haga sus Diseños de Letras Iconicos

Los logotipos de letras pueden ser un peligro de verse un poco blandos y aburridos junto a sus contrapartes basados en imágenes. Hemos buscado como ajustar el tipo de letra y el tamaño de los caracteres e introducir marcos que puede hacer un logotipo más interesante y dinámico. ¿Pero cómo puede estar seguro que su diseño de logotipo va a ser inolvidable?

Muchos negocios, particularmente en el sector de los minoristas, crear 'iconos' así como los logotipos, para representar su marca. Los iconos pueden funcionar tan bien como los logotipos en tamaños pequeños, y, por lo general, están construidos en un cuadro, en lugar de una diseño rectangular. A menudo contienen menos información (sin subtitulos u otra información extra) y, como resultado, a menudo son más versátiles e inolvidables que los logotipos.

Una marca de ropa por ejemplo, podría escoger usar un elegante icono que sea inolvidable para imprimir en el producto. Los pequeños diseños simbólicos llaman la atención, incluso a una tamaño pequeño, y pueden atraer más al ojo con aplicación de color y contraste.

Si está diseñando un logotipo que necesita resaltar, y que se verá atractivo a través de una diversa variedad de medios, desde productos hasta las ventanas en las tiendas, entonces considere ajustar su texto dentro de un cuadro o un diseño circular. Trate de deshacerse de cualquier información extra que sea innecesaria y conserve el diseño llamativo y sencillo.

Tome como ejemplo el diseño de este logotipo, para una marca de ropa ficticia llamada Jodie. El logotipo de texto está bien, pero no es, en lo particular, interesante.

jodie logo with no color

La versión de icono del diseño adjunto al nombre de la marca está en un coloreado círculo, y ajusta el texto en color blanco para añadir contraste. Esta versión luce inmediatamente más moderna y memorable.

jodie icon

Además, es un diseño más versátil -usted podría intercambiar el color del icono para darle una identidad diferente a las diferentes variedades de marca (por ejemplo, para hombres, para niños, etc).

alternative color icons

Crear el Icono en InDesign

Paso 1

Regrese a su documento InDesign y cree una página nueva si es necesario (agregue las páginas desde el panel Pages [Window > Pages]).

Seleccione la herramienta Type Tool (T) y arrastre para crear un marco de texto  de 115 mm de Width y 40 mm de Height. Ponga el marco al centro de la página y escriba ‘Jodie’ dentro del marco.

Ajuste la Font a Callie Hand Regular, ajuste el Size a 122 pt y ajuste el texto a Align Center.

text frame

Paso 2

Crear un segundo marco de texto, aunque más pequeño, y escriba ‘TM.’ dentro del marco. Ubique el primer marco de texto en parte superior derecha, justo arriba del punto de la letra 'i'.

Ajuste la Font a Fira Sans RegularSize 12 pt y Align Center.

second text frame

Paso 3

Seleccione la herramienta Ellipse (L) desde el panel Tools y mantenga presionada la tecla SHIF, arrastre para crear un círculo perfecto a un diámetro de 91 mm. Ubiquese sobre la parte de arriba del marco de texto ‘Jodie’. Clic-derecho (Windows) o Control-Click (Mac OS) > Arrange > Send to Back.

Ajuste el Stroke Color a [None] y el Fill Color a una nueva muestra de color CMYK SwatchC=0 M=51 Y=20 K=0 (seleccione New Color Swatch desde el panel Swatches [Window > Color > Swatches]).

ellipse tool

Paso 4

Ajuste el color de texto de los dos marcos de texto a [Paper] desde el panel Character Formatting Controls, que está junto a la parte superior de la pantalla o desde el panel Swatches.

text color to white

Conclusión

Diseñar logotipos e iconos puede ser increíblemente sencillo cuando trabaja solo con la tipografía. Mantenga estas sugerencias en mente mientras está diseñando para hacer los diseños de sus marcas más efectivos, memorables y apropiados para los clientes.

  • Realce un símbolo & para darle estilo y un toque atractivo a los logotipos conservativos y formales. No se preocupe si tiene que superponer los caracteres o ajustar de forma dramática el tracking o el kerning para darle a su logotipo un estilo único y elegante.
final ampersand logo
  • Los marcos y las líneas puede ser utilizados para elaborar múltiples lineas de texto y darle a un logotipo una apariencia autoritativa. No olvide la regla A, B, C para los tamaños de los encabezados y así darle a sus diseños una sensación de estructura y orden.
final framed logo
  • Para hacer el diseño de logotipos más amigable y menos formal, adopte una fuente estilo retro o a mano alzada para un giro nostálgico. Ajuste el color del texto en colores complementarios para inyectarle más optimismo al diseño.
final retro logo
  • Considere diseñar un icono basado en letras para aumentar el impacto de destacable. Apeguese a un diseño mínimo y colores sencillos que aumenten el contraste y al versatilidad del logotipo.
colored icons

Encuentre más sobre las fuentes que debe escoger para sus logotipos y otros diseños impresos con este divertido tutorial de Julie Felton.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.