1. Design & Illustration
  2. Affinity Designer

A a la Z de Affinity Designer: ¡Consejos y trucos!

by
Read Time:13 minsLanguages:

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

Lo diré directamente: Affinity Designer es el mejor paquete de aplicaciones gráficas que existe en el mercado en este momento.

En este A a la Z de Affinity Designer, voy a respaldar esa declaración mostrándote 26 de sus características destacadas, fortalezas únicas, herramientas útiles, consejos y trucos.

Y mientras lo hago, también voy a mostrarte algunos de los increíbles recursos de la enorme colección de Envato Elements que puedes utilizar con Affinity Designer. Verás pinceles, fotos de stock, gráficos vectoriales, logos, diseños de camisetas... y eso es solo una muestra de lo que está incluido con una sola suscripción mensual.

Lo que aprenderás

En este artículo voy a incluir tantos consejos y trucos de Affinity Designer como sea posible en un breve espacio de tiempo. Los temas incluirán:

  • Cómo cambiar el color del fondo en Affinity Designer
  • Pinceles de Affinity Designer, tanto rasterizados como vectoriales
  • Panel de capas de Affinity Designer: Recortes rápidos y focalización de capas de ajuste
  • Plantillas de Affinity Designer para un inicio rápido de proyectos
  • Capacidades de diseño de camisetas de Affinity Designer

Vamos a ver un montón de características geniales, así que sin más preámbulos, ¡comencemos!

Y si prefieres ver que leer, echa un vistazo a la versión en video en nuestro canal de YouTube en Envato Tuts+:

A es por mesas de trabajo

Affinity Designer te permite crear múltiples mesas de trabajo, que son sub-lienzos independientes dentro del documento. En la versión de escritorio, puedes acceder a la herramienta Mesa de trabajo desde el panel de Herramientas y en el iPad puedes activarla desde el menú Documento.

Además, si te estás preguntando cómo cambiar el color de fondo en Affinity Designer, la forma correcta de hacerlo es usando las mesas de trabajo. Después de crear una mesa de trabajo, puedes seleccionarla y luego cambiar su color de fondo como lo harías con cualquier otra forma.

B es por pinceles de Photoshop

Puedes tomar cualquier conjunto de pinceles de Photoshop y convertirlos fácilmente en pinceles de Affinity Designer. Eso incluye los más de 600 paquetes de pinceles de la colección a la que accedes cuando te unes a Envato Elements.

Solo tienes que ir a Persona Pixel, luego al panel Pinceles. Haz clic en la esquina superior derecha para abrir el menú, haz clic en Importar pinceles, y luego busca y selecciona tus archivos de pinceles.

Estos pinceles rasterizados pueden utilizarse para crear increíbles obras de arte en Affinity Designer, como bocetos a lápiz, estilos pictóricos tradicionales, entintados con estilo de cómic, texturizados, lo que sea.

C es por exportación continua

Puedes guardar esto en "consejos y trucos increíbles de Affinity Designer":

En la Persona Exportación, puedes crear sectores de imagen y luego configurarlos para que se exporten continuamente a medida que trabajas en el diseño.

Esto significa que si estás integrando tus exportaciones de imágenes en un proyecto externo, como un sitio web o un juego, puedes simplemente diseñar, y cada vez que revises tu proyecto, tus imágenes siempre estarán en su estado más reciente.

D es por edición de imagen de tipo dual

La combinación de Persona Designer y Persona Pixel de Affinity Designer significa que obtienes edición de gráficos rasterizados y edición vectorial de nivel profesional en la misma aplicación unificada. Así que no solo puedes trabajar con ambos tipos de gráficos sin cambiar de software, sino que puedes trabajar con ambos en un mismo diseño.

Esfera vectorial con textura rasterizada

Por ejemplo, puedes crear tus formas principales como vectores, y luego usar Affinity Designer para agregar textura a esas formas utilizando los tipos de pinceles rasterizados que mencionamos hace un momento.

Dato curioso: El objetivo de Serif de crear una afinidad entre múltiples métodos de diseño gráfico es la razón por la que eligieron el nombre "Affinity".

E es por incrustación de diseños externos

Puedes tomar un documento de Affinity Designer e incrustarlo en otro, tantas veces como quieras. Cuando realices cambios en el documento incrustado, los verás en la actualización del documento principal en tiempo real.

Esta funcionalidad puede ocupar en gran medida el papel de edición no destructiva que desempeñan los objetos inteligentes en Photoshop. Te permite hacer todo tipo de ediciones conservando la imagen original, y facilitando su reemplazo con una nueva.

En la imagen: Abstract Responsive Mockup por QalebStudio. Imágenes de stock "Healthy Breakfast" y "Shortbread Cookies".

F es por estabilizador de línea a mano alzada

Tanto para los dibujos como para el arte vectorial en Affinity Designer, las excelentes herramientas de estabilización a mano alzada "ventana" y "cuerda" pueden ser increíblemente útiles. Están disponibles en las herramientas de lápiz y pincel en Persona Designer, así como en las herramientas de pincel, borrador y píxel en Persona Pixel.

El estabilizador de cuerda es genial si deseas que tus líneas tengan esquinas en punta, mientras que el estabilizador de ventana crea esquinas suaves. También puedes combinar estos estabilizadores con la presión de la pluma para obtener altos niveles de control en dibujos a mano alzada.

G es por cuadrículas gloriosas

Affinity Designer tiene un excelente sistema de gestión de cuadrículas. Puedes crear diez tipos diferentes de cuadrículas, incluyendo cuadrado, isométrico, oblicuo, triangular, además de un montón de otras opciones.

En particular, actualmente tiene el sistema de cuadrículas isométricas más avanzado disponible en cualquier aplicación vectorial, ya que puedes activar las opciones Editar en plano y Ajustar al plano y luego usar todas las herramientas de dibujo de formas habituales directamente en perspectiva isométrica, como si estuvieras trabajando en 3D.

H es por ramas de historial

Además de proporcionar un historial que puede ser guardado en el documento para que esté disponible si compartes el archivo, el historial de Affinity Designer también incluye "ramas". Si retrocedes unos pasos en tu historial y comienzas a realizar cambios, se creará una nueva rama en el panel Historial.

En esa rama, tendrá dos historiales posibles diferentes, y puedes hacer clic en el icono de rama y alternar entre un historial y otro en cualquier momento. De esta manera, si quieres volver atrás y probar algo diferente, puedes hacerlo sin perder el trabajo que ya habías creado hasta ese momento.

I es por importación de archivos de Adobe

Affinity Designer tiene la mejor importación de archivos PSD de cualquier programa de gráficos que he utilizado hasta la fecha. Es la única aplicación que he visto que puede importar con un 100% de precisión, de forma consistente, sin importar el contenido del archivo original. También puedes importar archivos AI, EPS y SVG de Illustrator de forma muy eficaz en Designer.

PSD importado con precisión

Por lo tanto, si has estado reflexionando acerca las ventajas de Affinity Designer frente a Illustrator, no necesariamente tienes que elegir entre los dos. Esto porque siempre puedes importar tus archivos de Illustrator a Designer y trabajar en ellos en ambos programas.

Y digamos que estás navegando por Envato Elements en busca de un logotipo de Affinity Designer. La importación robusta y precisa de múltiples formatos de archivo significa que tienes muchas opciones disponibles, además de los logotipos específicamente hechos para Designer.

En la imagen: Logotipo de Panda Samurai por Blankids

J es por Control-J para duplicados avanzados

La duplicación avanzada te permite crear varios duplicados de un objeto rápidamente con transformaciones y rotaciones progresivas aplicadas.

Por ejemplo, podrías crear rápidamente una cuadrícula de gráficos de mosaicos repetidos duplicando un mosaico inicial y desplazándolo hacia un lado, luego presionando repetidamente Control-J. Cada duplicado repetirá ese mismo desplazamiento inicial, formando una fila.

Luego puedes seleccionar toda esa fila, duplicarla, desplazarla hacia abajo y volver a presionar Control-J repetidamente para crear tantas filas como quieras.

Se puede hacer lo mismo con las rotaciones para crear cosas como una ilustración de flor, por ejemplo.

K es por personalización del teclado en la versión de escritorio y en el iPad

La versión para iPad de Affinity Designer tiene compatibilidad completa para utilizarse con un teclado, y todos los métodos abreviados de teclado tanto en el iPad como en la versión de escritorio pueden ser personalizados completamente.

Ambas versiones tienen teclas de acceso rápido para cada herramienta, y pueden establecerse de manera única en cada una de las personas, o puedes usar las mismas teclas de acceso rápido en herramientas similares, como el pincel vectorial vs. el pincel de píxeles.

L es por la opción de arrastrar y soltar en el panel de capas

El panel de Capas de Affinity Designer facilita mucho la configuración de formas de recorte o la focalización de las capas de ajuste, simplemente necesitas arrastrar y soltar las capas en el lugar correcto.

Para una fácil configuración de recorte, simplemente arrastra y suelta una capa o grupo en la capa que quieres utilizar como forma de recorte.

Para focalizar una capa de ajuste, arrástrala y suéltala en la capa o grupo al que quieres que afecte el ajuste.

M es por diseño móvil

La versión de iPad de Affinity Designer tiene casi todas las características de la versión de escritorio. Personalmente ahora la uso más que la versión de escritorio.

Y con la adición del Apple Pencil también te brinda las ventajas de dibujar directamente en la pantalla, además de interacciones táctiles como tocar con dos dedos para deshacer, pellizcar para hacer zoom, usar un dedo para difuminar físicamente con la herramienta de difuminado, y así sucesivamente.

La experiencia puede ser aún mejor si utilizas Affinity Designer en el iPad Pro, con su gran pantalla y recursos adicionales del sistema.

N es por ruido que escala

Si quieres saber cómo Affinity Designer puede añadir textura, una de las formas más accesibles y versátiles es a través de la herramienta de ruido amigable con vectores que puede ser utilizada como parte de la configuración de colores de relleno.

Lo único que tienes que hacer es fijar el deslizador de Ruido en la cantidad que quieras, y una textura de estilo de grano será añadida a tu forma.

Este ruido se recalculará y escalará a cualquier nivel al cual hagas zoom, por lo que es una excelente manera de añadir textura a tus formas vectoriales.

O es por degradados de opacidad con la herramienta de transparencia

Toma la Herramienta Transparencia y simplemente arrástrala sobre cualquier forma para agregar instantáneamente un efecto de desvanecimiento.

Lo que esto hace detrás de escena es crear automáticamente una capa con un degradado de blanco a negro, luego establecerla como una máscara de capa para que termines con un degradado de opacidad.

Y debido a que esta herramienta crea un degradado, puedes editar ese degradado para controlar completamente la transparencia, cambiar la posición y la fuerza de las paradas y cambiar la forma del degradado a elíptica, radial o cónica.

P es por paletas de acordes de colores

Las paletas de Affinity Designer pueden ser generadas automáticamente utilizando armonías de color.

Ve al panel de Muestras y crea una nueva paleta de documento, luego agrega una muestra de color base. Haz clic con el botón derecho en la nueva muestra, seleccione Crear acorde de color, y luego elige el tipo de armonía de color que quieres utilizar para generar colores, por ejemplo, complementarios, triádicos, matices, sombras o tonos.

El número de nuevas muestras añadidas a la paleta dependerá de la armonía de colores que elijas.

Q es por inicio rápido con plantillas

Las plantillas de Affinity Designer son fáciles de crear. En cualquier documento, en cualquier momento, ve a Archivo > Exportar como plantilla y sigue las indicaciones.

Desde ahí en adelante, puedes comenzar a trabajar rápidamente en documentos similares eligiendo entre tu colección de plantillas exportadas anteriormente al iniciar un nuevo documento.

El nuevo documento abrirá exactamente en donde quedó la plantilla en el momento en que se exportó.

R es por vista previa en tiempo real

En Affinity Designer, obtienes vistas previas de los modos de fusión, las selecciones de color, los pinceles de enmascaramiento y más en tiempo real.

Esto significa que no tienes que pasar por el tedioso proceso de probar, deshacer y probar de nuevo. Ves exactamente qué resultados vas a obtener antes de comprometerte con un ajuste.

S es por estilos de trazo

En Affinity Designer, las líneas punteadas son fáciles de crear, simplemente aplica el Estilo de Línea de Guión al trazo de una forma, ajusta los parámetros del guión y listo.

También es igualmente rápido aplicar otros estilos de trazo de la aplicación, como las flechas y las líneas basadas en pinceles vectoriales.

T es por diseños de camisetas

Si te estás preguntando si el diseño de camisetas en Affinity Designer existe, la respuesta es sí. Lo he usado yo mismo para algunos diseños impresos de POD (siglas en inglés de impresión bajo demanda), y tanto el proceso como los resultados fueron excelentes.

Affinity Designer importó fácilmente los archivos de plantilla de diseño en formato PSD que necesitaba usar. El proceso de diseño en el tamaño requerido fue fluido y efectivo, y Affinity Designer además soporta el formato de color CMYK que es necesario para las impresiones.

No lo olvides, si quieres comenzar con una ventaja, siempre puedes tomar una plantilla de camiseta gráfica de Envato Elements e importarla a Affinity Designer para utilizarla como base para tu propio diseño.

En la imagen: T-shirt Designs Retro Collection por JeksonJS

U es por diseño de la interfaz de usuario

Cuando aprendes a utilizar Affinity Designer por primera vez, es posible que inicialmente no te des cuenta, pero en realidad es una herramienta de diseño de interfaz de usuario muy competente, una de las pocas (o tal vez la única) que puede ser comprada por una tarifa plana y utilizada tanto en computadoras de escritorio como en dispositivos móviles.

Tiene mesas de trabajo, como mencionamos anteriormente, pero también tiene otras características clave de diseño de interfaz de usuario como restricciones de diseño, controles de tipografía, símbolos sincronizados, una biblioteca de recursos e incluso una colección de recursos de interfaz de usuario listos para usar utilizados solo con un clic.

V es por pinceles vectoriales

Uno de los aspectos únicos de la creación de arte en Affinity Designer es que en realidad está impulsado por los pinceles de Affinity Designer. No, no los pinceles rasterizados compatibles con Photoshop de los que hablamos anteriormente. Más bien, los propios pinceles escalables, flexibles y basados en vectores de Affinity.

Coge cualquier pincel basado en vectores y pinta como si estuvieras trabajando en ráster, pero mantén la capacidad de escalar sin pérdida de calidad y ajusta la ubicación de tus trazos en cualquier momento.

W es por ajustes preestablecidos de espacio de trabajo

A partir de Affinity Designer 1.9, puedes crear tus propios ajustes preestablecidos de espacio de trabajo, también conocidos como ajustes preestablecidos de estudio.

Configura tu espacio de trabajo con los paneles de estudio que quieres mostrar, colocados donde tú quieras, y luego ve a Vista Ajustes preestablecidos de Estudio > Añadir ajustes preestablecidos y asigna un nombre a tu ajuste preestablecido.

Luego puedes cargar ese ajuste preestablecido en cualquier momento que quieras restaurar el diseño del espacio de trabajo guardado.

X es por la visión de rayos X

Ve a Vista > Modo de vista > Vista dividida, y luego establece una de las vistas del lateral en el modo Contorno.

Esto te proporciona una visión de rayos X del documento cada vez que arrastres el separador hacia adelante y hacia atrás.

Y es por tus propias bibliotecas de recursos

Vimos anteriormente cómo Affinity Designer se distribuye con una biblioteca de recursos de elementos de la interfaz de usuario. Bueno, también puedes crear tus propias bibliotecas de recursos de esta manera, por lo que puedes crear gráficos una vez y luego reutilizarlos arrastrando y soltando en tu lienzo. Puedes compartir estas bibliotecas entre documentos e incluso con otras personas.

Abra el panel de estudio Recursos, crea una nueva categoría, y luego, crea una subcategoría y comienza a añadir elementos a ella. Para ello, selecciona un gráfico que hayas creado, haz clic en la lista desplegable superior derecha dentro de una subcategoría de recursos y elige Añadir desde selección.

Z es por zoom al 1.000.000%

Affinity Designer tiene una capacidad de hacer zoom con una velocidad y una fidelidad que hasta ahora la hacen única en su clase. Comienza a hacer zoom y continúa haciéndolo por el tiempo que quieras con resultados efectivos, porque es muy poco probable que alguna vez alcances ese límite de zoom del millón por ciento.

Y no, eso no es un reto.

Resumiendo

Así que ese es el A a la Z de Affinity Designer: 26 de las características, consejos y trucos más geniales que conozco sobre el software.

Desde su versión beta inicial en 2014, Designer se ha convertido en mi aplicación de gráficos preferida. La he comprado para cada plataforma en la que existe, y con gusto lo haría de nuevo. Si aún no la has probado, hazte un favor y dale una oportunidad a la prueba gratuita.

Y abastécete con una gran cantidad de gráficos y pinceles y otros recursos para utilizar en ella en Envato Elements.

One subscription.
Unlimited Downloads.
Get unlimited downloads