Transición de Adobe Illustrator a Affinity Designer

No es tan frecuente que llegues a un momento en la vida en el que acabas sintiéndote atascado, jadeando por un soplo de aire fresco mientras que cada célula de tu cuerpo sigue diciéndote que hagas un cambio. Lo creas o no, también nos sucede a los visores visuales, como aprendí no hace mucho..

Así que aquí estamos siete años después, siete años de usar el mismo producto digital para ayudarme a moler y dar forma a cada pequeño píxel que jamás haya imaginado en mi mente, y por alguna razón nunca tuve el coraje de desechar y experimentar algo. Nuevo, algo diferente, hasta ahora..

Hoy, compartiré con ustedes mi viaje, mi experiencia de cambiar de Adobe Illustrator a Affinity Designer, y enumeraré los principales obstáculos que tuve que conquistar por mi cuenta usando mi confiable mouse y teclado..

Entonces, si te has encontrado en el mismo agujero, déjame darte una mano para que puedas embarcarte en tu nuevo viaje..

Comience de inmediato con nuestros tutoriales de Affinity Designer o siga leyendo para obtener más información..

1. La interfaz de usuario

Lo primero que siempre notará cuando finalmente decida cambiarlo y probar una nueva aplicación de diseño gráfico es la propia interfaz, que a veces puede ser un factor decisivo, especialmente si el diseño es completamente diferente al que está acostumbrado..

Ahora, estoy feliz de decir eso Diseñador de afinidad mantiene casi el mismo diseño que Ilustrador, donde la interfaz de usuario se divide cuidadosamente en una izquierda panel de herramientas, un top panel de control, y por supuesto tu atracado grupos de paneles a la derecha.

2. Configuración de un nuevo documento

Lo siguiente que verifiqué una vez que el software estaba en funcionamiento fue el proceso de configuración de un proyecto nuevo.

Puede parecer extraño mencionar esto, pero cuando se trata de crear un Nuevo documento, La característica más poderosa que creo Ilustrador tiene la capacidad de ofrecer al usuario la posibilidad de configurar múltiples Artboards desde el primer momento.

Estaba un poco desconsolada al ver que Diseñador de afinidad adoptó un enfoque ligeramente diferente, ya que solo le permite crear una mesa de trabajo desde el indicador de ventana (que ni siquiera está marcada de forma predeterminada), lo que le da la opción de agregar más después.

Ahora, esto no es necesariamente una mala implementación, pero me hubiera encantado poder apilar y distribuir mis mesas de trabajo utilizando campos de entrada en lugar de tener que arrastrarlos y posicionarlos manualmente con un mouse.

3. Navegación e interacción

Bien, como hemos visto, la buena gente de Serif se aseguró de que Affinity adopte un diseño similar, pero ¿cómo funciona la aplicación cuando se trata de tareas esenciales como navegar e interactuar con el Artboard??

3.1. Zoom

En Ilustrador, para acercar o alejar, todo lo que tiene que hacer es presionar y mantener presionada la tecla Alt mientras se desplaza hacia arriba o hacia abajo con la rueda del ratón para acercarse o alejarse lo máximo posible de la Mesa de trabajo. Puedes lograr el mismo resultado manteniendo presionada la tecla Controlar y luego presionando la tecla + / - símbolos, o utilizando el dedicado Herramienta de zoom (Z), que puede alternar manteniendo pulsada la Alt tecla modificadora.

Diseñador de afinidad Sigue el mismo enfoque, solo usa el Controlar clave en lugar de la Alt una, en combinación con la rueda del ratón o la + / - símbolos para acercar o alejar la Mesa de trabajo.

Para mí, este era un simple cambio al que me había acostumbrado una vez que pasé unos minutos jugando con la aplicación.

3.2. De desplazamiento

Cuando se trata de desplazarse, lo cual, sinceramente, no uso tan a menudo, Ilustrador le permite desplazarse verticalmente a través de un documento manteniendo presionada la tecla Cambio Tecla y luego usando la rueda del mouse. Para ir horizontalmente, todo lo que tiene que hacer es mantener presionada la tecla Controlar tecla mientras se mueve la rueda de desplazamiento.

En Afinidad, usas el Cambio tecla en combinación con la rueda del ratón para desplazarse horizontalmente, y la Alt Tecla para ir verticalmente. Ahora bien, esto no es un gran cambio, pero pensé que sería bueno mencionarlo, especialmente si estás acostumbrado a navegar de esta manera.

3.3. Navegación

Cuando se trata de poder navegar a una sección específica de su Artboard, Illustrator le da la opción de hacerlo utilizando un Navegador panel.

Si depende en gran medida de esta función, le alegrará verla implementada utilizando un enfoque muy similar en Diseñador de afinidad, donde puede hacer clic fácilmente en una sección específica y el software se moverá inmediatamente a esa parte de la mesa de trabajo, lo que le permitirá acercar o alejar la imagen con los dos botones dedicados o el control deslizante de porcentaje.

Personalmente, prefiero usar el Herramienta de mano (H) (Herramienta de visualización (H) en Diseñador de afinidad) que puede cambiar fácilmente hacia atrás y adelante manteniendo presionada la tecla Barra espaciadora, mientras hace clic y arrastra para mover el Artboard.

4. Creación y selección de formas básicas

Tan pronto como me había acostumbrado a interactuar con mi Artboard, pasé a ver cómo Afinidad maneja la creación y selección de formas, ya que generalmente eso es lo que realmente hace en este tipo de aplicación de gráficos. Aquí es donde las cosas comienzan a cambiar un poco, pero no tanto como para volverte loco..

4.1. Creando formas geométricas

Cuando se trata de crear formas geométricas simples., Ilustrador le ofrece cinco tipos de herramientas de formas que puede usar para comenzar a crear su obra de arte: la Herramienta Rectangular (M), una Herramienta de rectángulo redondeado, un Herramienta Elipse (L), una Herramienta de polígono, y el Herramienta estrella.

Todos ellos se pueden encontrar dentro del panel de herramientas de la izquierda, debajo de la Herramienta Rectangular (M), y se puede acceder rápidamente simplemente manteniendo presionado el botón izquierdo del mouse hasta que aparezca la lista desplegable o usando el atajo de teclado para aquellos que tienen uno.

Si bien no hay un indicador visual dedicado, tanto el Polígono y Estrella Las herramientas le dan la posibilidad de agregar o eliminar lados, usando el Arriba y Abajo teclas de flecha, que pueden aumentar o disminuir la complejidad del objeto, lo que le permite crear diferentes formas.

Para crear una forma real, tiene la opción de ir manualmente haciendo clic y manteniendo presionado mientras arrastra el mouse para obtener el tamaño y la forma deseados, donde Cambio La tecla le permite crear una forma perfecta (ya sea un cuadrado, una elipse, un polígono, etc.) y la Alt uno le permite dibujar o cambiar el tamaño de la forma desde el centro hacia afuera. También puede mover la forma mientras la crea, manteniendo presionada la tecla Barra espaciadora, y luego reposicionarlo usando el mouse.

El segundo método, que personalmente uso mucho, le brinda un mayor nivel de precisión, ya que puede seleccionar la herramienta de forma deseada y luego hacer clic izquierdo en cualquier lugar dentro del área de trabajo para abrir una pequeña ventana emergente, que le permite afina sus diferentes características (anchura, altura, radio de esquina, radio, lados, y / o puntos).

A primera vista, Afinidad parece seguir un enfoque similar ya que tienes tu Herramienta Rectangular (M), un Herramienta Elipse (M), una Herramienta Rectangular Redondeada (M), y un Herramienta de triángulo, que vienen separados individualmente dentro de la barra de herramientas izquierda.

Ahora, si echamos un vistazo más de cerca a la Triángulo Herramienta, notará que tiene una pequeña flecha desplegable que, si hace clic en ella, le mostrará las otras opciones disponibles, que para mi sorpresa son algunas.

Cuando se trata de usar una de las herramientas y crear una forma real, las cosas se vuelven un poco diferentes, ya que la única forma de hacerlo es mediante el método de hacer clic y arrastrar. Esto no es necesariamente algo malo, ya que obtienes un visual Anchura y Altura Indicador, pero puede ser un poco más lento y más molesto, especialmente cuando conoce las dimensiones exactas que debe tomar la forma. Otra cosa que es diferente es que no puede agregar o eliminar lados a los diferentes tipos de formas, como pudo hacerlo en Ilustrador utilizando la Arriba y Abajo teclas de flecha, pero para ser honesto, nunca usé esa opción tanto.

Similar a Ilustrador, Afinidad te da la habilidad de usar el Cambio clave para restringir las proporciones de la forma mientras se arrastra (útil cuando se crean cuadrados, círculos perfectos, etc.) y / o Controlar Tecla para dibujar o redimensionar la forma desde el centro hacia afuera. También puede mover la forma mientras la dibuja manteniendo presionada la tecla Barra espaciadora, e incluso girarlo, ¿qué? usando el mouse botón derecho del ratón.

4.2. Selección básica de formas

Así que hemos visto que la creación de formas en Afinidad no es tan diferente, pero ¿cómo se comporta cuando se trata de seleccionarlos después? Bueno, si estás familiarizado con Ilustrador, Probablemente sepa que puede seleccionar fácilmente una forma clic izquierdo en él usando el dedicado Herramienta de selección (V).

Si necesita seleccionar varias formas, puede hacerlo rápidamente manteniendo presionada la tecla Cambio tecla, mientras hace clic en las que desea incluir en su selección.

Puede obtener el mismo resultado utilizando el método de hacer clic y arrastrar, donde hace clic y arrastra utilizando Herramienta de selección (V) con el fin de seleccionar las formas deseadas. Si bien puede ser más rápido, esto no es tan preciso ni útil una vez que se trata de un mayor número de objetos superpuestos..

Otra forma de hacer una selección es usando el Capas panel, donde si expande una capa, puede ver todas las formas en ella, que luego puede seleccionar fácilmente usando el pequeño objetivo circulo.

Si necesita seleccionar todas las formas existentes, puede hacerlo rápidamente usando el Control-A atajo de teclado.

Cuando se trata de selección de formas., Afinidad viene equipado con su propia Mover herramienta (V), que básicamente se comporta de la misma manera que Ilustradores Herramienta de selección (V), donde puede seleccionar fácilmente una forma simplemente haciendo clic en ella.

Si intenta utilizar el método de hacer clic y arrastrar, notará que las cosas son un poco diferentes, ya que tendrá que asegurarse de que su selección se superponga a toda la superficie de las formas, de lo contrario el software No los incluirá en su selección..

Después de trabajar en algunos proyectos, descubrí que la forma más fácil de hacer una selección de un número mayor de formas es usar el Capas panel, donde puede seleccionar rápidamente una forma simplemente haciendo clic en ella, agregando y / o eliminando otras nuevas de la selección mientras mantiene presionada la tecla Controlar llave.

Al igual que con Ilustrador, puede seleccionar rápidamente todas sus formas cuando lo necesite utilizando el Control-A atajo de teclado.

4.3. Agrupación de formas

Cuando se trata de formas múltiples, la capacidad de seleccionarlas y agruparlas se convierte en una necesidad, y me complace decir que Afinidad adopta un enfoque familiar, donde puede crear rápidamente un grupo de objetos clic derecho> Grupo o usando el Control-G atajo de teclado.

Para romper un grupo, simplemente selecciónelo y luego clic derecho> Desagrupar o usa el Control-Shift-G atajo de teclado.

5. Ajustando la forma de un objeto

Está bien, así que hemos visto cómo Afinidad se comporta cuando se trata de crear formas geométricas básicas, pero ¿qué hay de cuándo quieres ajustarlas??

5.1. Terminología: Anclas vs. Nodos

Como probablemente sabes, Ilustrador usa lo que llama puntos de anclaje para definir la forma de un camino (ya sea abierto o cerrado), que se comportan como pequeños pasadores cuadrados que ayudan a limitar su forma.

Afinidad Funciona de manera casi idéntica ya que usa lo que llama nodos, que son básicamente lo mismo, ya que cumplen la misma función.

5.2. Selección de anclaje / nodo

La diferencia clave entre los dos está en la forma en que las aplicaciones manejan su selección.

En Ilustrador, los anclajesno son directamente accesibles usando el regular Herramienta de selección (V), Es por eso que viene con un dedicado Herramienta de selección directa (A) que te permite seleccionar individualmente cada uno de ellos simplemente haciendo clic en ellos.

Afinidad También viene con un dedicado Herramienta de nodo (A) por sí solo, pero se comporta de forma ligeramente diferente, ya que si está tratando con formas geométricas básicas, no podrá acceder directamente a sus nodos hasta que los convierta en curvas utilizando el Convertir a curvas función.

Una vez que su forma se haya convertido en curvas, puede seleccionar fácilmente cualquiera de sus nodos haciendo clic en ellos, lo que llenará el cuadro pequeño para informarle que se realizó la selección..

Ahora, seré honesto, si usted es nuevo en el software y no revisa la documentación oficial, es probable que esto lo desperdicie un poco, especialmente si está acostumbrado. Ilustrador maneja este tipo específico de selección, por lo que quería señalarlo.

5.3. Ajustes básicos de forma

Cuando se trata de ajustes básicos de forma, basados ​​en el reposicionamiento de ancla, Ilustrador le da la capacidad de cambiar rápidamente la apariencia de un objeto, seleccionando y arrastrando puntos de anclaje con el mouse o presionándolos con las teclas de flecha direccionales. Dependiendo del nivel de precisión que necesite, puede elegir uno sobre el otro.

Una vez que pasas por ese paso extra, Afinidad básicamente, le permite lograr el mismo resultado utilizando un enfoque de clic y arrastre, lo cual es bastante comprensible ya que es probablemente la forma más natural de hacer este tipo de ajustes.

Ahora, si quieres conseguir el máximo nivel de precisión., Ilustrador viene preempacado con un dedicado Movimiento herramientaclic derecho> Transformar> Mover o Shift-Control-M) que le permite reposicionar cualquier punto de anclaje seleccionado (o incluso una forma completa) usando un valor numérico exacto de su propia elección.

Desafortunadamente, Afinidad No viene con una herramienta similar. En su lugar, le permite lograr el mismo resultado utilizando el Transformar panel, donde se puede controlar el X y y Posicionar sus nodos (o la forma completa) de manera similar..

El problema es que es un poco complicado, ya que cada vez que realiza un ajuste, debe agregar o eliminar la cantidad de píxeles que desea que los nodos se muevan desde la coordenada correspondiente. Por ejemplo, en mi caso, quería volver a alinear el nodo superior izquierdoa la derecha, lo que significa que tengo que hacer algunos cálculos rápidos donde elimino la distancia entre la posición actual y la que quiero lograr desde mi y coordinar, entonces 288-128 = 160 px.

5.4. Ajustes de forma avanzados

Así que hemos visto que puede cambiar fácilmente la forma de un objeto geométrico reposicionando sus puntos de anclaje / nodos, pero ¿cómo funciona? Afinidad manejar ajustes más avanzados?

La mayoría de las veces, cuando estoy trabajando en una composición detallada basada en formas geométricas básicas, me encuentro haciendo ajustes más precisos al eliminar partes de sus caminos..

Por ejemplo, digamos que queremos abrir un círculo eliminando completamente su mitad izquierda.

En Ilustrador, puede lograrlo fácilmente seleccionando el punto de anclaje izquierdo utilizando el Herramienta de selección directa (A), y luego retirarlo simplemente presionando Borrar.

Afinidad hace las cosas un poco más complicadas (pero para mejor), ya que si intenta aplicar el mismo método, notará que, en lugar de abrir la ruta, termina eliminando el nodo de la ruta de la forma..

Para lograr el mismo resultado, tendrá que seleccionar el nodo deseado usando el Herramienta de nodo (A) y luego abrirlo usando el Curva de rotura Acción, que separará sus dos caminos de composición. A continuación, puede seleccionarlos y eliminarlos individualmente utilizando la Borrar Clave, que te dará el resultado deseado..

Esto sucede porque el software considera que la mitad izquierda está compuesta por dos caminos más pequeños que se unen donde se unen sus nodos horizontales. Al principio lo consideré poco práctico, pero después de acostumbrarme lo encontré realmente útil, especialmente cuando necesitaba eliminar secciones más pequeñas de la trayectoria de una forma..

En Afinidad puede eliminar fácilmente el cuarto inferior izquierdo de la trayectoria del círculo usando el Descanso Acción de la curva, donde en Ilustrador Tendrías que agregar y eliminar un nuevo punto de anclaje..

6. Alineación de formas y distribución.

Así que hemos visto cómo se crean y ajustan las formas. Ahora hablemos un poco de alineación..

Seré completamente honesto. Cuando se trata de alinear una forma, encontré que Ilustrador tiene la ventaja desde su Alinear El panel, tan simple como puede parecer, está muy bien pensado.

Con solo un par de clics, puede colocar fácilmente cualquier forma en el centro de su Mesa de trabajo siempre y cuando se asegure de que la alineación se hace a ella (Alinear a> Alinear a Artboard).

Si necesita alinear una o más formas con un objeto específico, puede hacerlo fácilmente seleccionándolas y luego haciendo clic en la que desea alinear para indicar al software que lo use como el objeto clave.

Si desea distanciar dos o varias formas entre sí, puede hacerlo rápidamente utilizando el Distribuir espacio opciones, donde asignas un objeto clave desde su selección, y luego ingrese la cantidad de píxeles en los que desea que el software presione las otras formas.

Cambiar a Diseñador de afinidad, y todas las alineaciones individuales regulares funcionan como cabría esperar, ya que puede alinear fácilmente una forma a cualquier borde de la mesa de trabajo o su centro utilizando la Alinear horizontalmente y Verticalmente opciones.

Lo que es realmente interesante es que los dos controles de los ejes vienen separados, lo que le brinda más control sobre el método de alineación, ya que si tiene varias formas seleccionadas, no solo puede alinearlas con diferentes partes de la mesa de trabajo, sino también entre sí..

No sé exactamente cuán útil sería esto para un verdadero flujo de trabajo diario, pero la implementación me sorprendió gratamente..

Las cosas comienzan a empeorar cuando se trata de distribuir varios objetos utilizando un valor numérico específico, ya que en comparación con Ilustrador donde puede seleccionar el objeto clave para el cual se realiza la distribución, en Afinidad La distribución se realiza siempre desde el. Límites de selección. Esto no es necesariamente un factor decisivo, pero lleva un tiempo acostumbrarse, especialmente si su flujo de trabajo se basa en gran medida en esta herramienta en particular..

7. Copiar y pegar el comportamiento

Una vez que vi cómo funcionaba la alineación de la forma y la distribución, quise ver cómo se comporta el proceso de copiar y pegar, ya que tiendo a usar esta característica mucho..

En Illustrator, para copiar una forma usas el Control-C atajo de teclado, que lo agregará a la Portapapeles, lo que le permite pegarlo de nuevo en la Mesa de trabajo utilizando cinco métodos diferentes:

  • Control-V, que pegará la copia al azar dentro de la superficie de la mesa de trabajo
  • Control-f, que pegará la copia delante de la forma original
  • Control-B, que pegará la copia detrás de la forma original
  • Shift-Control-V, que pegará la copia en su lugar
  • Alt-Shift-Control-V, que pegará una copia de la forma en todos los Artboards disponibles

En Afinidad, puedes usar el mismo Control-C atajo de teclado para agregar una copia de una forma a la Portapapeles.

Lo que es diferente es que para pegar la copia, usas el Control-V atajo, que creará y posicionará el duplicado frente al original, que es algo que amo absolutamente, ya que cuando copio una forma, espero que el duplicado aparezca exactamente en el mismo lugar.

Hay un par de otras variaciones que pueden verse desde el interior del Editar Menú superior, pero para mí esta me parece suficiente..

8. Aislamiento de formas

Muchas veces cuando trabajo en proyectos más intrincados, a menudo termino aislando secciones específicas del mismo para tomarme el tiempo y afinar sus formas de composición sin distraerme por todo el desorden..

Ilustrador viene con un dedicado Modo de aislamiento, que le permite centrarse en una forma específica o grupo de formas haciendo doble clic sobre ellas, o clic derecho> Aislar ruta / grupo especificados. Una vez en Aislamiento, todas las otras formas se vuelven no seleccionables, sus Opacidad Los niveles se reducen para que no te distraigan de tu trabajo..

Otra forma de aislar una sola forma, un grupo o incluso una capa completa es mediante el uso de la Capas panel, donde primero selecciona lo que desea aislar y luego abre el menú del panel y pulsa Entrar en modo de aislamiento.

El panel indicará inmediatamente que estás en Modo de aislamiento ocultando todas las otras formas, de modo que si tiene un grupo más grande o una capa, solo podrá seleccionar las formas que forman parte de ella.

Salir Modo de aislamiento, todo lo que tienes que hacer es presionar el Escapar clave, o clic derecho> Salir del modo de aislamiento.

Diseñador de afinidad le permite aislar cualquier forma, grupo o capa individual, pero hace las cosas de manera un poco diferente, ya que solo puede hacerlo desde el Capas panel, haciendo clic con el botón izquierdo en su miniatura mientras mantiene pulsada la tecla Alt llave. Tan pronto como ingresa al modo de aislamiento, todas las demás formas se ocultan completamente, de modo que todo el enfoque está en el que necesita trabajar..

Para salir del modo de aislamiento, todo lo que tiene que hacer es presionar la tecla Escapar Clave, que traerá de vuelta todas las otras formas..

9. Máscaras de recorte

Uno de mis favoritos Ilustrador Características es la de poder usar. Máscara de recorte Para ocultar ciertas secciones de la superficie de un objeto..

El proceso es realmente simple, ya que todo lo que tiene que hacer es crear la forma deseada, que colocará encima del objeto o grupo que desea enmascarar, y luego, con ambos seleccionados, simplemente clic derecho> Hacer máscara de recorte.

La forma desde abajo se sujetará inmediatamente a la superficie de la parte superior, el software ocultará toda la sección que queda fuera de la máscara..

Para liberar la máscara, todo lo que tiene que hacer es seleccionarla y luego clic derecho> Soltar máscara de recorte.

Afinidad, por otro lado, adopta un enfoque diferente (de nuevo), donde para enmascarar un objeto tiene que usar el Capas Panel, dentro del cual tendrá que arrastrar la forma que desea usar como máscara sobre la que se va a enmascarar..

Para liberar la máscara, deberás hacer clic en la segunda miniatura (la que tiene el pequeño cuadrado cruzado) y arrastrarla a la parte inferior, lo que la liberará de inmediato..

10. Opciones de rejilla

La última viñeta de mi lista está relacionada con las cuadrículas, que es donde Afinidad Me tomó por sorpresa y llevó el juego a otro nivel..

No me malinterpretes, Ilustrador te da una muy poderosa Cuadrícula Un sistema que puede editar y usar, pero lo que Serif logró implementar me hace tomar todos los pequeños inconvenientes y tirarlos por la ventana, ya que las posibilidades de la cuadrícula son realmente infinitas..

Si quieres saber de qué estoy hablando, solo ve a Ver> Grid y Axis Manager, que abrirá la siguiente ventana.

Una vez que aparece la ventana, verifique Mostrar cuadrícula opción, asegurándose de desmarcar la Usar rejilla automática uno, que te permitirá elegir entre BASIC y Avanzado. Como queremos usar todas las capacidades del software, asegúrese de seleccionar este último y luego haga clic en Tipo de rejilla menú desplegable, y dejar que todo se hunda en.

No voy a entrar en más detalles, ya que mi colega Kezz Bracey hizo un trabajo fantástico al presentar todas las diferentes funciones y posibilidades que vienen con la configuración de una cuadrícula personalizada dentro deAffinity Designer, que recomiendo encarecidamente que leas.

Conclusión

Así que, como puedes ver, la transición a Diseñador de afinidad puede ser un poco complicado, especialmente si está profundamente arraigado a la forma en que Illustrator maneja diferentes tareas.

Como señalé, no hace mucho tiempo estaba en la misma situación que muchos de ustedes en este momento, donde necesitaba saber si hay alternativas viables a Ilustrador, y me alegra decir que he logrado encontrar uno en Afinidad.

Terminaré con esa nota, pero si tiene alguna pregunta, siéntase libre de publicarla en la sección de comentarios y le responderé tan pronto como pueda..

Además, no olvide que puede ampliar aún más su Diseñador de afinidad habilidades al ver estos impresionantes tutoriales:

  • El diseñador de afinidad de la A a la Z

    Affinity Designer es un poderoso programa que te permite crear y combinar gráficos raster y vectoriales. Esta lista de la A a la Z desglosa todas las herramientas y ...
    Yulia Sokolova
    Diseñador de afinidad
  • Cómo crear un Dream Catcher en Affinity Designer

    Aprende a crear tu propio atrapasueños en Affinity Designer. Usando un flujo de trabajo paso a paso, veremos cómo podemos lograr un detallado ...