Advertisement
  1. Design & Illustration
  2. Affinity Designer

Cómo utilizar Affinity Designer para diseñar un logotipo

Scroll to top
Read Time: 11 min

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

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

¿Te preguntas cómo configurar un logotipo en Affinity Designer? ¡Entonces estás en el lugar correcto! En este tutorial crearemos un logotipo en Affinity Designer. Luego revisaremos las mejores prácticas de cómo exportar y utilizar logotipos y arte vectorial creados en Affinity Designer. ¡Podrás aplicar este conocimiento a todo tipo de proyectos de diseño!

Lo que aprenderás en este tutorial de logotipos de Affinity Designer

  • Cómo utilizar las herramientas de texto en Affinity Designer para crear un logotipo
  • Cómo usar las herramientas de forma en Affinity Designer para crear un logotipo
  • Cómo organizar y preparar un logotipo en Affinity Designer para web o impresión
  • Cómo exportar un logotipo en Affinity Designer

Lo que necesitarás

Para los fines de este tutorial de logotipos de Affinity Designer, usaré la tipografía Moon Impact de Envato Elements para la fuente. Crearemos las formas desde cero usando las herramientas de forma vectorial de Affinity Designer.

¿Necesitas mejorar tus habilidades?

Si estás buscando un curso intensivo sobre cómo utilizar Affinity Designer, revisa este increíble video introductorio de Affinity Designer en nuestro canal de YouTube. Es un excelente lugar para comenzar a refrescar tus habilidades para que puedas llevar a cabo todo tipo de proyectos, incluyendo este tutorial de diseño de logotipos.

1. Cómo crear un logotipo en Affinity Designer

Paso 1

Primero, ¡creemos nuestro logotipo! Vamos a crear este logotipo completamente a partir de componentes vectoriales para asegurarnos de que será escalable en cualquier tamaño. Por lo general, esto significa utilizar las herramientas de forma y dibujo dentro de Affinity Designer, así como las herramientas de texto. Cualquier elemento gráfico como imágenes o texturas se considerarían imágenes rasterizadas que no escalan bien y por lo tanto no son adecuadas para logotipos.

Abre un nuevo documento en Affinity Designer yendo a Archivo > Nuevo.

Affinity Designer Logo Make New DocumentAffinity Designer Logo Make New DocumentAffinity Designer Logo Make New Document

Paso 2

No te preocupes demasiado por los ajustes; los valores predeterminados están bien en este caso. Escogeremos un lienzo de 8,5 x 11 pulgadas para este tutorial de diseño de logotipos.

Haz clic en Crear.

Affinity Designer Logo Create New DocumentAffinity Designer Logo Create New DocumentAffinity Designer Logo Create New Document

Paso 3

Luego, ¡selecciona la Herramienta Texto Artístico!

Affinity Designer Select Artistic Text ToolAffinity Designer Select Artistic Text ToolAffinity Designer Select Artistic Text Tool

Paso 4

Ahora con la herramienta de texto artístico seleccionada, haz clic en algún lugar en el lienzo y escribe el nombre de tu logotipo. ¡Nosotros estamos usando "goodloot" para un concepto de caja de recompensas!

Ahora, selecciona el texto y utiliza la fuente Moon Impact con un Tamaño de 90 pt.

Affinity Designer Type TextAffinity Designer Type TextAffinity Designer Type Text

Paso 5

Ahora, agreguemos algunos colores que sean adecuados para este logotipo. Selecciona la palabra "good" y agrega un color amarillo y para la palabra "loot" un color verde.

Consejo: Si quieres los colores exactos, puedes añadir algunas muestras de color con los códigos hex #F9C52C y #48CB7B.

Affinity Designer Logo Select ColorsAffinity Designer Logo Select ColorsAffinity Designer Logo Select Colors

Paso 6

¡Creemos una forma para terminar este logotipo! Selecciona la Herramienta Rectángulo de la barra de herramientas.

Consejo: Es posible que tengas que hacer clic y mantener pulsado para seleccionar el cuadrado.

Affinity Designer Logo Select RectangleAffinity Designer Logo Select RectangleAffinity Designer Logo Select Rectangle

Paso 7

Para el color de relleno, selecciona ninguno y elige un color verde para el trazo. Haz el trazo de alrededor de 10 pt.

Affinity Logo Designer SquareAffinity Logo Designer SquareAffinity Logo Designer Square

Paso 8

Con la Herramienta Mover, mantén pulsado un punto de anclaje y luego arrastra para rotar la forma. Gira el cuadrado hasta que cree una forma de diamante.

Consejo: Mantén pulsada la tecla Shift mientras rotas la forma para que se ajuste a su lugar.

Affinity Rotate SquareAffinity Rotate SquareAffinity Rotate Square

Paso 9

Ahora repite el mismo proceso creando otra forma, pero con diferentes configuraciones.

Esta vez, utilizaremos el color amarillo como relleno y no utilizaremos ningún trazo. Rota y coloca el cuadrado en el interior del cuadrado verde, ¡como se muestra a continuación!

Affinity Designer Logo FinishedAffinity Designer Logo FinishedAffinity Designer Logo Finished

2. Cómo preparar un logotipo en Affinity Designer

Paso 1

Primero, querrás que tus capas estén ordenadas y organizadas. Esto ayudará mucho cuando exportamos a tipos de archivos que conserven información, y para nuestros propios propósitos cuando utilicemos este logotipo en nuestros diseños.

Por suerte, nuestro diseño no es muy complicado, ¡con sólo tres capas! Con el panel Capas de Affinity Designer abierto, haz clic en la capa superior y luego mantén pulsada la tecla Shift mientras hasta hacer clic en la capa inferior. Esto seleccionará todas las capas.

Affinity Designer Layer SelectAffinity Designer Layer SelectAffinity Designer Layer Select

Paso 2

Ahora haz clic con el botón derecho en las capas seleccionadas y presiona Agrupar.

Affinity Designer Group LayersAffinity Designer Group LayersAffinity Designer Group Layers

Paso 3

Ahora todos tus elementos han sido añadidos a un grupo. Lo bueno de los grupos es que ahora el logotipo actuará como un solo objeto. Así que si usas la Herramienta Mover, todo se moverá como una sola unidad. Esto es extremadamente útil cuando utilizamos el logotipo en nuestros diseños, ¡pues el logotipo será algo que vamos a querer utilizar muchas veces!

Consejo: Haz clic en la flecha pequeña situada al lado del grupo en el panel Capas de Affinity Designer. Todavía puedes acceder a las capas individuales si necesitas editar el diseño.

Affinity Designer Grouped LayersAffinity Designer Grouped LayersAffinity Designer Grouped Layers

Paso 4

Puede que quieras ajustar y editar el tamaño de tu lienzo para que coincida mejor con las dimensiones de nuestro logotipo terminado. Para ello, ve a Archivo > Configuración del documento.

Affinity Logo Design Prepare Document SetupAffinity Logo Design Prepare Document SetupAffinity Logo Design Prepare Document Setup

Paso 5

Desde aquí, puedes ajustar el tamaño de las dimensiones del documento para adaptarse mejor a las proporciones del logotipo. Una vez que estés satisfecho con las dimensiones elegidas selecciona Aceptar.

Affinity Logo Design Change DimensionsAffinity Logo Design Change DimensionsAffinity Logo Design Change Dimensions

Paso 6

Ahora podemos guardar nuestro trabajo yendo a Archivo > Guardar como...

Por defecto, este será un proyecto de tipo .afdesign. Esto significa que es un archivo de proyecto diseñado específicamente para ser abierto por Affinity Designer. Ahora puedes utilizar este archivo de proyecto en todos tus diseños simplemente copiando el objeto agrupado y pegándolo en otros proyectos.

Affinity Designer Logo Save AsAffinity Designer Logo Save AsAffinity Designer Logo Save As

3. ¿Cómo exporto mi logotipo de Affinity Designer?

Paso 1

Hay muchas opciones cuando se trata de formatos en los que puedes exportar tu logotipo. El formato que elijas dependerá en gran medida de para qué lo necesitas. La principal diferencia, sin embargo, será si exportas una imagen rasterizada o un formato de tipo vectorial.

Encontrarás todas las opciones de exportación en Archivo > Exportar.

affinity Designer Logo Exportaffinity Designer Logo Exportaffinity Designer Logo Export

Paso 2

Para guardar una imagen rasterizada que sea apropiada para la web o para compartirla como documento de imagen, utiliza las opciones PNG, JPEG, GIF o TIFF. Esta imagen no será apropiada para trabajo de diseño, pero es una excelente forma de mostrar tu logotipo rápidamente.

Yo sugeriría escoger PNG para logotipos, ya que hace un gran trabajo manteniendo los colores planos nítidos con un tamaño de archivo relativamente bajo.

Affinity Designer Export PNGAffinity Designer Export PNGAffinity Designer Export PNG

Paso 3

¡Revisemos los ajustes generales! El tamaño determinará las dimensiones de las imágenes. Esta dimensión puede ser tan pequeña o tan alta como quieras, ¡y la calidad se conservará! Si estás compartiendo en línea, yo sugeriría dejarlo en alrededor de 1000 x 1000 px.

Affinity Designer Export PNG DimensionsAffinity Designer Export PNG DimensionsAffinity Designer Export PNG Dimensions

Paso 4

¡El ajuste Área también es importante! Como el lienzo a menudo será más grande que tus imágenes, puedes elegir exportar solo la selección para que no incluya todo el espacio en blanco.

Una vez que estés satisfecho con tus ajustes aquí, puedes hacer clic en Exportar en la parte inferior derecha. ¡Eso es todo lo que hay que hacer para exportar como una imagen rasterizada!

Affinity Designer Logo Export PNG AreaAffinity Designer Logo Export PNG AreaAffinity Designer Logo Export PNG Area

Paso 5

A menudo encontrarás personas que quieren tu documento en formato PDF. Este es ideal para imprimir y es un formato de fácil acceso para compartir.

Haz clic en el icono de PDF.

Affinity Designer Logo Export PDFAffinity Designer Logo Export PDFAffinity Designer Logo Export PDF

Paso 6

Como puedes ver, los ajustes son bastante similares a los de las imágenes rasterizadas. Puedes seleccionar una variedad de ajustes preestablecidos aquí, pero sugeriría la opción PDF (para imprimir), ya que este conserva una alta calidad.

Affinity Logo Export PDF SettingsAffinity Logo Export PDF SettingsAffinity Logo Export PDF Settings

Paso 7

¿Y qué pasa si necesitas archivos de tipo vectorial? ¡Bueno, también están aquí! Los archivos de tipo vectorial les permitirán a las personas expandir y usar el logotipo en cualquier tamaño. Estos tipos de archivo incluso conservarán parte de la información del proyecto, como las diferentes capas. Esto es ideal para compartir tu logotipo con otros programas. ¡A menudo encontrarás que los trabajos de impresión que requieren tamaños muy grandes te pedirán archivos EPS!

Para exportar como SVG, ¡haz clic en el icono de SVG!

Affinity Designer Logo Export SVGAffinity Designer Logo Export SVGAffinity Designer Logo Export SVG

Paso 8

Como puedes ver, hay algunos ajustes familiares. Al que querrás prestar especial atención, sin embargo, es el PPP de rasterización. Querrás dejar esto en blanco para asegurarte de que nada está rasterizado. Si nuestro logotipo contenía fotos o texturas, aplicaríamos la calidad de esto aquí. Por suerte, ¡nuestro logotipo solo está basado en vectores!

Selecciona Exportar si necesitas guardar en este formato de archivo.

Affinity Designer Logo Export SVGAffinity Designer Logo Export SVGAffinity Designer Logo Export SVG

Paso 9

A continuación, veremos el formato de archivo EPS. Este es un gran formato, ya que nos permitirá abrir nuestro logotipo en otros programas como Adobe Illustrator con la mayor parte de la información del proyecto intacta. Este también es un excelente formato para imprimir archivos muy grandes como vallas publicitarias.

Affinity Designer Export EPSAffinity Designer Export EPSAffinity Designer Export EPS

Paso 10

Como puedes ver, nuevamente los ajustes son similares. EPS (para exportar) es un gran ajuste para utilizar aquí. El PPP de rasterización debería permanecer en blanco para nuestros propósitos.

Haz clic en Exportar si necesitas este logotipo en formato EPS.

Affinity Designer Export EPSAffinity Designer Export EPSAffinity Designer Export EPS

¡Y ahí lo tienes! Gracias por seguir este tutorial de diseño de logotipos. Ahora deberías tener un buen entendimiento de los conceptos básicos de cómo utilizar Affinity Designer para crear y utilizar un logotipo. También aprendiste cómo gestionar un logotipo vectorial en Affinity Designer y cómo exportarlo para su uso en una gran variedad de proyectos de diseño.

Affinity Designer Logo FinishedAffinity Designer Logo FinishedAffinity Designer Logo Finished

¿Buscando un creador de logotipos en línea? Echa un vistazo a Placeit

A veces, la inspiración llega sobre la marcha, o tal vez no tienes acceso a un software de diseño. Placeit es una increíble herramienta en línea donde puedes diseñar y crear desde la comodidad de tu navegador. Ya seas un diseñador principiante o un profesional experimentado, sus herramientas son fáciles y divertidas de usar.

Placeit Logo MakerPlaceit Logo MakerPlaceit Logo Maker
¿Buscando un creador de logotipos en línea? Echa un vistazo a Placeit, y pruébalo hoy de forma gratuita.

También es más que una simple personalización. Haz clic y arrastra para mover los elementos de diseño. Importa elementos desde tu computadora, o elige entre una enorme biblioteca justo dentro de Placeit. Cambia colores, cambia fuentes, mezcla y combina contenido, y mucho más. Guarda borradores, ábrelos y descarga contenido en alta resolución para uso comercial.

Aquí hay una muestra de algunos de los diseños de logotipos profesionales que puedes personalizar, ahora mismo. Solo son un punto de partida. Puedes cambiarlos por completo para crear algo completamente nuevo, y puedes empezar a diseñar ahora mismo, de forma gratuita.

1. Diseño de logotipo elegante de escritura a mano (creador de diseño de logotipos)

Stylish Handwriting Logo DesignStylish Handwriting Logo DesignStylish Handwriting Logo Design

¿Prefieres un diseño de logotipo basado en fuentes con una sensación similar a un pincel? Una fuente como esta puede añadir mucha energía y movimiento al diseño. Ten en mente, sin embargo, que todo esto es personalizable dentro de PlaceIt. Prueba este diseño con otras fuentes y colores también.

2. Diseño de logotipo geométrico moderno (creador de logotipos en línea)

Geometric Modern Logo DesignGeometric Modern Logo DesignGeometric Modern Logo Design

Aquí hay un diseño limpio que utiliza una fuente sans serif y formas abstractas. Sin embargo, puedes personalizar completamente este diseño, directamente desde tu navegador. Cosas básicas como cambiar lo que dice el texto son simples, pero también puedes arrastrar para reorganizar elementos, cambiar colores e incluso probar diferentes imágenes también.

3. Diseño de logotipo tierno (personaliza logotipos en línea)

Cute Logo DesignCute Logo DesignCute Logo Design

¿No es esta imagen divertida y memorable? Incluso puedes cambiar los colores de esta imagen, por lo que si tu marca se ajusta a un esquema de colores diferente, puedes cambiarlos. Placeit tiene toda una galería de imágenes con las que puedes experimentar, pero también puedes subir tus propias imágenes. Empezar a personalizar ahora es gratis, ¿así que por qué no intentarlo?

4. Diseño de logotipo vertical elegante (diseño de logotipos en línea)

Vertical Stylish Logo DesignVertical Stylish Logo DesignVertical Stylish Logo Design

Aquí hay un diseño de logotipo inusual que adopta un enfoque vertical. Intenta experimentar con la fuente, lo que dice y cómo está organizado. Aquí en PlaceIt también puedes guardar borradores, así que también podrías guardar diferentes versiones, diferentes ideas, e incluso volver a ellas más tarde.

5. Creador de diseño de logotipo vintage (logotipo en línea personalizado)

Vintage Logo Design MakerVintage Logo Design MakerVintage Logo Design Maker

Hay tantas estéticas diferentes para comenzar en Placeit, como este diseño. Tiene un poco de onda vintage o incluso art nouveau, ¿o no? Imagínalo en diferentes colores o con un tratamiento de fuentes diferentes. Puede entrar directamente y probar diferentes opciones desde la comodidad de tu navegador. Pruébalo.

¿Qué tipo de diseño de logotipo crearías?

Hay tantas cosas que podríamos crear en Affinity Designer, y es una excelente opción para el diseño de logotipos.

¿Así que qué tipo de logotipo crearías? ¿Prefieres una estética elegante y minimalista? Tal vez un diseño de logotipo tipográfico es lo mejor para tu marca. O tal vez prefieres un enfoque más gráfico. Independientemente de tus preferencias, Affinity Designer podría ser el software indicado para ayudarte a hacer tu diseño realidad.

O, si prefieres la comodidad de un creador de logotipos en línea, recuerda echar un vistazo a Placeit. No se requiere un software. Todo lo que necesitas hacer es abrir tu navegador y empezar a diseñar. También es mucho más que modificaciones simples. Personaliza, reorganiza, haz clic y arrastra, y comienza a diseñar hoy mismo.

¿Buscando más inspiración en diseño de logotipos, tutoriales y ayuda de Affinity Designer? Echa un vistazo a estos tutoriales y artículos gratuitos de Envato Tuts+.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.