Affinity Designer 2 - El curso de crisis para principiantes | Kai Pruin | Skillshare

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Affinity Designer 2 - El curso de crisis para principiantes

teacher avatar Kai Pruin, Webflow, Framer & AI Automation Instructor

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introducción

      1:18

    • 2.

      Creación de nuevos documentos

      4:04

    • 3.

      La interfaz de usuario

      7:46

    • 4.

      Navegar por nuestro lienzo

      2:47

    • 5.

      Trabajar con formas

      5:54

    • 6.

      Trabajar con colores y muestras

      8:27

    • 7.

      Gradients y muestras globales

      7:53

    • 8.

      La herramienta Pluma

      5:14

    • 9.

      Proyecto 1: creación de un documento

      2:36

    • 10.

      Proyecto 1: creación de la forma del cuerpo | el panel de capas

      11:59

    • 11.

      Proyecto 1: agregar características faciales

      11:36

    • 12.

      Proyecto 1: crear cabello con la herramienta de constructor de formas

      6:36

    • 13.

      Proyecto 1 - Creación de la ropa

      5:42

    • 14.

      Proyecto 1: Exportar nuestro personaje

      4:32

    • 15.

      Proyecto 2 - Preparación de documentos y guías

      3:02

    • 16.

      Proyecto 2 - Trabajar con imágenes

      2:32

    • 17.

      Proyecto 2 - Trabajar con texto artístico

      5:46

    • 18.

      Proyecto 2 - alinear nuestros elementos

      4:39

    • 19.

      Proyecto 2 - Creación de texto de párrafos

      7:44

    • 20.

      Proyecto 2: agregar toques finales con el panel de divisas rápidas

      2:39

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

285

Estudiantes

5

Proyectos

Acerca de esta clase

El curso de caída de Affinity Designer 2 para principiantes

¿Quieres aprender el increíble software de diseño gráfico Affinity Designer 2?

¡Entonces este es el curso adecuado para ti!

En este curso de choques aprenderás todos los importantes Fundamentos de Affinity Designer 2 creando múltiples proyectos que son fáciles de seguir y de entender.

Después de este curso podrás crear tus propios proyectos con confianza utilizando el nuevo diseñador de affinity 2.

Después de tomar este curso, podrás lo siguiente:

  • navegar por la interfaz de usuario y lienzo fácilmente

  • trabajar con las diferentes herramientas de forma

  • manipular formas con facilidad

  • trabajar con los colores y aplicarlos a las formas y tu tipografía

  • trabajar con las muestras y las muestras globales para hacer cambios en tu diseño

  • crear gradientes sorprendentes utilizando los diferentes tipos de gradientes y la herramienta de llenado

  • trabajar con las herramientas de tipografía, la herramienta de texto artístico y la herramienta de texto de frames, para crear una tipografía impresionante

  • agregar diferentes efectos a tus elementos utilizando el panel de divisas rápidas

  • trabajar con el panel de capas

Vamos a cubrir todo esto y más dentro de los cursos y si tienes preguntas que quedan después de tomar el curso, o no estás seguro de cómo funciona algo, ¡siempre estaré ahí para ayudarte!

Así que, interesado en aprender a Affinity Designer 2? Únete a mí en la clase!

Conoce a tu profesor(a)

Teacher Profile Image

Kai Pruin

Webflow, Framer & AI Automation Instructor

Profesor(a)
Level: Beginner

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introducción: ¿Quieres aprender Affinity Designer a? Sí. Entonces este es el curso adecuado para ti. Bienvenido a Affinity Designer a crash cost. En este curso, vamos a cubrir todos los conceptos básicos importantes para que comiences rápidamente. Empezaremos con los fundamentos. Después de obtener la interfaz de usuario de facturación y cómo navegar con confianza, saltaremos directamente a las diferentes herramientas. Aprenderás a crear y manipular formas fácilmente. Aprenderás a trabajar con color, degradados y muestra. Evento. Vamos a echar un vistazo a cómo crear formas personalizadas usando la herramienta Pluma. Después de cubrir todos los fundamentos básicos, saltaremos directamente a nuestro primer proyecto de práctica, un simple carácter de diseño plano. A lo largo de este proyecto, conocerás el panel de capas. Has aprendido a usar la herramienta Oil New Shape Builder y, en general, te sientes más cómodo con todas las diferentes herramientas que hemos cubierto. Hasta el momento. Aprenderemos todas las herramientas de texto y cómo importar y trabajar con imágenes creando un segundo proyecto, una hermosa sección de héroe de diseño web. Entonces, ¿quieres comenzar a aprender Affinity Designer para dominar todo lo que he mencionado y más hoy? Cuando empieces a ver hoy y te estaré viendo dentro de la clase. 2. Creación de nuevos documentos: Ahora bien, si abrimos el software, nos recibe esta ventana flotante de aquí mismo, que es la nueva ventana. Y aquí podemos crear un nuevo documento. Ahora bien, si has abierto, si necesitas diseñar un antes y desmarques esta casilla aquí mismo, que dice show on startup. Y no tienes esta ventana aquí mismo. Simplemente puede abrirlo yendo a archivar el menú principal aquí arriba y haciendo clic en Nuevo. Ahora eso abre una nueva ventana. Entonces, ¿qué es exactamente lo que estamos viendo aquí? Ahora, en el lado izquierdo, tenemos un montón de diferentes presets. Justo aquí. Tenemos diferentes presets para cosas como impresión. Así que tenemos una plantilla A4 confeccionada o una plantilla tamaño carta aquí mismo. Puede seleccionar un preset simplemente haciendo clic sobre él con el botón izquierdo del ratón. Como puedes ver, el lado derecho realmente cambia dependiendo de lo que hayamos seleccionado. Ahora no solo tenemos presets de impresión, también tenemos cosas como presets de fotos o investigación, e incluso un par de tamaños de dispositivo diferentes. Ahora, para nuestro caso, vamos a ir a la sección web aquí mismo y dar clic en full HD, F H D, diez ADP. Entonces, como puedes ver, esto se ve un poco raro porque la orientación de nuestro preset es realmente incorrecta. Ahora, puedes darle la vuelta. Puedes cambiar la orientación de horizontal a vertical o al revés haciendo clic en uno de estos dos botones para que podamos cambiarlo a horizontal, a retrato. Queremos mantenerlo en el paisaje. Ahora, echemos un vistazo más de cerca a las opciones reales que tenemos para personalizar nuestros presets o nuestro documento. Ahora, bajo la pestaña Layout, podemos cambiar el ancho de página de la página, ¿verdad? Entonces digamos que queremos que un documento sea más alto, así que digamos 2000 píxeles de altura. Confirme con Enter. Y ahora puedes ver nuestra vista previa cambiada. Y ahora tenemos un documento de Toile. Por debajo de eso. Tenemos nuestra opción DPI o puntos por pulgada. Ahora para el trabajo web, suele ser mantenerlo a 72 dpi. Pero si trabajas en un producto, por ejemplo, un Flyer o algo así, cupón y selecciona una opción más alta, por ejemplo, como 300. Ahora, también podemos cambiar las unidades de documentos aquí mismo. Entonces ahora mismo es un pixel y vamos a mantener eso mal. Pero si prefieres trabajar en pulgadas o centímetros, puedes seleccionar eso también, aquí mismo. Ahora, pasemos a la siguiente pestaña. Plomo color a ella. Aquí mismo, podemos cambiar el formato de color. Rgb eight está seleccionado en este momento. Y eso es con lo que vamos a trabajar. Pero, por ejemplo, una vez más, si trabaja con print, por ejemplo, cupón o selecciona CMYK en su lugar. Ahora, también podemos agregar algunos márgenes aquí mismo, o algún sangrado también si trabajas con productos de impresión. Y eso es más o menos ahora para crear este documento aquí mismo, como lo hemos creado, simplemente haga clic en el botón Crear. Y ahora tenemos nuestro nuevo documento. Así como así. 3. La interfaz de usuario: Bien, echemos un vistazo a la interfaz de usuario de Affinity Designer. Ahora, en el medio de aquí mismo, este gran espacio que ocupa la mayor parte de la interfaz es nuestro Canvas. Justo aquí. nuestro documento que has creado anteriormente. Y aquí creamos todos nuestros diseños. Aquí, haz la mayor parte del trabajo. Ahora, en el lado izquierdo de este Canvas, tenemos nuestra trayectoria de herramientas de todos estos iconos coloridos. Ahora, tiene diferentes herramientas como v actualmente seleccionada Mover herramienta, la herramienta Pluma para crear diferentes formas y trazados. Tiene la herramienta de relleno, lo que nos permitirá crear degradados y trabajar con color. Podemos insertar un lugar imágenes aquí mismo. Podemos recortar nuestro Lienzo. Y tenemos acceso a estas diferentes herramientas de formas, como la herramienta rectángulo, la herramienta elipse. Ahora, una cosa muy importante está debajo de algunas de estas herramientas en la esquina derecha, tenemos esta pequeña flecha blanca, por ejemplo en la herramienta de diamante en este momento, si escribimos clic derecho en una herramienta con esta flecha, puede abrir un menú que oculta más herramientas. Entonces, como puede ver aquí mismo, tenemos muchas herramientas de formas diferentes disponibles para nosotros, lo que puede ser un muy buen ahorro de tiempo en algunos casos. Ahora también tenemos la nueva herramienta de creación de formas que acaba de venir con Affinity Designer para. Y también algunas herramientas de textos como V textos artísticos y herramienta de texto diferente. Vas a ver la diferencia entre estos dos en un video posterior. Ahora, si te has dado cuenta, dependiendo de la herramienta que hayamos seleccionado, este menú contextual de aquí arriba cambia. Entonces ahora mismo está en el Shape Builder. Pero si por ejemplo vas a la herramienta pluma, puedes ver que las opciones cambian drásticamente. Así que ahora podemos establecer por ejemplo llenamos el trazo, podemos cambiar las opciones de nuestro trazo, David y cosas así, los diferentes modos. O si vas a la herramienta de relleno, realmente puedes cambiar donde se debe aplicar el degradado, es eso por ejemplo en el relleno o el trazo. Puedes escribir aquí. Si tiene un objeto seleccionado, puede cambiar el tipo de degradado. Y se pueden hacer muchas cosas diferentes en este menú contextual. Ahora, pasemos al lado derecho, que si estás usando Affinity Designer por primera vez o no has cambiado, cualquier cosa sobre el software debería verse exactamente así. Esta es la configuración predeterminada. Ahora, en el lado derecho, tenemos todos estos paneles diferentes, como el patrón de color, las muestras, trazo del panel de capas, por ejemplo nuestros diferentes pinceles. Pero puedes usar ahora, como puedes ver, muchas funciones diferentes incorporadas en sus paneles. Y en realidad podemos modificar qué paneles queremos tener en la pantalla y cuáles no conocemos, por ejemplo, digamos que no queremos los estilos FX rápidos aquí mismo. Digamos que no queremos ser panel de Estilos. Haga clic en él, inventó clic y arrastre hasta que esté fuera. En Venecia. Simplemente haga clic en Cerrar Panel. Y ahora ya no lo tenemos. Pero, ¿cómo recuperas el panel si lo necesitas? En un momento posterior? Para eso, vamos a nuestro menú principal aquí arriba. Haga clic en Ventana. Y luego podemos abrir todos estos diferentes paneles aquí mismo. Ahora bien, si digo marca de verificación la pluma, ya está presente en tu pantalla. Si no existe tal, por ejemplo, en el panel de activos. Puedes habilitar ese panel haciendo clic en él así. También se pueden deshabilitar paneles así también. Ahora pasemos a este bar de aquí mismo. Lo especial de Affinity, que probablemente ya hayas escuchado, son las diferentes personas que tenemos. Ahora mismo. Estamos en V persona de diseñador, lo que nos permite y nos da todas las diferentes herramientas para modificar formas vectoriales y trabajar con vectores en general. Sin embargo, también podemos cambiar a la persona de píxeles. Y ahora tenemos un espacio de trabajo basado en ráster donde podemos pintar y dibujar. Podemos hacer selecciones y mover cosas, al igual que en Photoshop, por ejemplo y un caso de uso que, por ejemplo es donde puedes crear un diseño de personaje en una arte vectorial. Y cuando le aplicamos diferentes texturas y sombreado en la persona de píxeles usando pinceles basados en ráster, todo en un solo software, que es increíblemente poderoso y realmente agradable de tener. Una tercera persona llamada Export persona. Esto se ve mucho más sencillo, lo cual, porque lo es, no tienes tantas herramientas aquí mismo. Ahora, esta persona es increíblemente útil cuando trabajas en diseños de interfaz de usuario grandes, por ejemplo, y necesitas exportar múltiples activos diferentes para los desarrolladores de una aplicación, por ejemplo, que hayas diseñado. Y puedes hacer todas esas cosas con un gran control sobre todo en la persona de exportación. Ahora lo último que quiero mostrarles es este menú principal de aquí arriba. Aquí tenemos diferentes tipos como edición de archivos de aunque tab, que hemos visto. Si hace clic en uno, abre otro menú, por ejemplo, en Archivo, da todas las diferentes opciones con respecto a los archivos. Para que podamos crear nuevos archivos, podemos ahorrar piratas y cosas así. Ahora, una cosa importante para que tomes nota es la humedad. En el lado derecho de estos menús, tenemos atajos de teclado. Acciones específicas, por ejemplo, la función segura. Deberías usar Ruby off solo para estar seguro para que no pierdas progreso cuando algo debería suceder, si el UPC falla o el software falla, RBI seguro a menudo. No tienes que ir a este menú todo el tiempo. Simplemente puede hacer clic en Control plus S en nuestro teclado y seguro de esa manera. Ahora, eso es prácticamente todo pero quería cubrir en este video. Y en la próxima conferencia vamos a echar un vistazo y aprender a navegar realmente en nuestro Canvas. Puedes acercar, cómo puedes moverte. Se puede rotar toda la cosa. Todas esas cosas que vamos a cubrir en la siguiente lección. 4. Navegar en nuestra lienzo: Bien, ahora navegar en Affinity Designer es realmente increíblemente fácil. Ahora para la mayoría de las cosas, hay múltiples formas de hacer lo mismo. Te mostraría las formas más rápidas de hacerlas. Entonces, si quieres moverte por tu Canvas, simplemente puedes mantener pulsada la barra espaciadora así. Tu ratón cambia para ser mano. En realidad se cambia la herramienta de mano V. Y ahora puedes hacer clic y arrastrar en tu navegador, así. Ahora, si quieres acercar, puedes mantener pulsada la tecla Control en tu teclado. Y ahora puedes simplemente desplazarte con la rueda del ratón. Puedes desplazarte hacia adentro y hacia afuera. Ahora, también tenemos un panel específico para la navegación. Ese es el panel del navegador V. Ahora, normalmente tú, si tienes la misma interfaz de usuario, no has cambiado nada. El navegador se puede encontrar aquí abajo. Si no lo tiene, simplemente vaya a Ventana y haga clic en Navegador. Ahora, navegador wifi, puedes dar click alrededor de este lienzo o también puedes arrastrar. Quiero moverme. Y puedes acercar y alejar aquí mismo. También puedes escribir un valor específico como digamos que quieres acercar el 100%, teclearlo y ahora estás zoom al 100 por ciento. Ahora, también tenemos dos herramientas diferentes para acercar y movernos. Y estos se pueden encontrar aquí mismo. Son las herramientas finales en nuestra barra de herramientas. Una es la herramienta Ver, que es un pequeño icono de mano. Ahora, sin sostener la barra espaciadora, en realidad podemos movernos en nuestro Canvas. Y el otro es a través de la herramienta Zoom. Ahora podemos hacer clic, simplemente haga clic en su lienzo y podrá acercar el zoom. Si mantiene pulsada la tecla Alt, puede alternar entre acercar y alejar. Así. Con ambas herramientas, también puedes hacer zoom usando este control deslizante aquí mismo. Ahora, eso es más o menos todo sobre navegar. Estas fueron solo las formas más rápidas de hacerlo. Prefiero los atajos de teclado y te recomiendo, pero a medida que te acostumbras a ellos también, simplemente acelerarán tu flujo de trabajo inmensamente. 5. Trabajo con formas: Bien, echemos un vistazo rápido a cómo crear y manipular diferentes viajes en Affinity Designer para. Entonces, si quieres crear una forma, Digamos que queremos tener un rectángulo. Vaya a su barra de herramientas y seleccione la herramienta rectángulo aquí mismo. Ahora para crear realmente la forma, simplemente haz clic y arrastra a Canvas. Y arrastras un rectángulo. Entonces ahora esta forma tiene todos estos puntos diferentes en cada esquina y en la mitad de cada lado. Y estos puntos te permiten cambiar la forma después de crearla. Entonces si él, si pasamos el cursor sobre el medio aquí mismo, por ejemplo, podemos ver nuestros cambios de cursor. Ahora, podemos hacerlo más grande, por ejemplo, mismo aplica para este lado también. Y si hacemos lo mismo en una esquina, podemos cambiar ambos lados al mismo tiempo. Ahora bien, y si quieres cuadrado perfecto donde va a ser bastante difícil si lo estás intentando hacer un globo ocular. Sin embargo, si haces clic hacia fuera y arrastras un nuevo rectángulo, pero en lugar de simplemente mirarlo, por ejemplo, como. Entonces, presionas la tecla Mayús y eso bloqueará las proporciones en su lugar y creará lados iguales así. Ahora, si quieres rotar el objeto, puedes hacer click sobre este mango aquí mismo y arrastrarlo para rotarlo. Si mantienes pulsada la tecla Mayús Aquí, lo haremos en incrementos de 15 grados, así. Ahora, también podemos cambiar el color de nuestro rectángulo yendo a nuestro panel de color aquí arriba y simplemente seleccionando un color de la rueda de colores. O vas al menú contextual de aquí arriba, das clic en rellenar y cambiar el color de esa manera. Ahora, también le podemos aplicar un trazo, un borde, y eso podemos hacer aquí arriba. Al lado de trazo, damos click en esta pequeña línea que actualmente está tachada. Después en la línea sólida. Una frontera como esa. También podemos entrenar una línea discontinua. O podríamos usar un pincel vectorial para nuestra línea. Cambiar el tamaño. Es simplemente usar este control deslizante aquí mismo. Ahora, también tenemos algunas otras opciones para manipular el borde para que puedas alinearlo de manera diferente si debería estar fuera del contorno de nuestro objeto, este contorno azul, pero tenemos o si debería estar adentro en el medio, por ejemplo y cosas así, podemos cambiar las mayúsculas. Entonces, si tienes una línea abierta, se crearía con la herramienta pluma, por ejemplo que veremos más adelante. Podemos crear, usar diferentes gorras para eso. Si quieres eliminar la línea, simplemente haz clic en este pequeño icono, sin estilo de línea, así. Por supuesto también podemos cambiar el color haciendo clic en este campo de color junto al trazo y cambiando su color. Así. Ahora, para eliminar un objeto, simplemente lo tendrás seleccionado y lugar presiona la tecla V Eliminar, como veterinario. Ahora al final, todas las herramientas de forma funcionan más o menos exactamente igual. Sum tendrá algunas opciones más para ellos. Al igual que la Herramienta Estrella , por ejemplo, aquí abajo. Vamos a arrastrar a esta estrella. Verás que tenemos algunas opciones más en nuestro menú contextual, y también tenemos estos puntos rojos. Ahora bien, esto simplemente nos permitirá manipular la forma un poco más así. Podemos sumar más puntos siguientes dos puntos. La mayoría de estas cosas son bastante autoexplicativas. Sin embargo, así que es muy agradable tener todas estas opciones diferentes. Entonces, si haces clic derecho sobre este ícono, puedes ver que tenemos mucha forma diferente hacia el camino, mucho más de lo que tenemos en un software diferente como Adobe Illustrator, por ejemplo esto puede ser ahorradores en tiempo real. Y en realidad usarlas, en realidad es muy, muy fácil. Entonces, si necesitas crear una forma que pudiera derivarse de una de estas herramientas son exactamente la misma forma que necesitas. Simplemente úsalo, pruébalo y manipulado a tu gusto. Ahora, intercambiar puntos suspensivos funciona igual que crear diferentes rectángulos. Si quieres una esfera perfecta, presiona la tecla V Mayús, y tendrás un círculo perfecto. Así. Eso es más o menos sobre manipular y crear formas. Te veré en el siguiente video donde vamos a hablar del panel de color. 6. Trabajo con colores y muestras: Bien, Siguiente, hablemos del color y el panel de muestras v. Ahora voy a dividir la lección sobre el color en dos partes distintas. En la primera conferencia, vamos a hablar del panel de color V, cómo funciona, cómo funciona, cómo funciona la caja cuentagotas y el diseñador de afinidad. Y también vamos a hablar sobre Muestras, cómo funcionan, qué son y cómo crear muestras también. Y en la segunda lección, aprenderemos a trabajar tanto con gradientes como con muestras globales. Ahora, comencemos con el panel de color. Por lo que la pluma de color se puede encontrar por defecto. Aquí arriba en la esquina superior derecha. Si no tienes eso, como siempre, ve a Ventana y ábrelo, aquí mismo. Haga clic en color. Ahora, echemos un vistazo más de cerca a este panel y lo diseccionemos un poco. Empecemos con esta esquina superior izquierda. El color grande en el frente es el relleno actual al color de relleno actual. Para cambiar de color rojo, no podemos elegir uno de nuestra rueda de colores aquí mismo. Este contiene S, puede ver los cambios V3 y el color V en el fondo. Si haces clic en eso, puedes llevarlo al frente y editado es el color del borde. Entonces lo que tenemos aquí mismo, el borde rojo ser trazo húmedo, es si construyes herramienta, podemos editarlo también y cambiarlo con nuestros colores aquí mismo. Ahora hay otro icono con uno más pequeño entre la herramienta. Al hacer clic en él, puedes eliminar completamente el mal, la botella o el relleno. Completamente borró el color de él. Para recuperar el color, simplemente selecciona otro color de la rueda de colores. Si quieres intercambiar ambos colores. Entonces, si quieres por ejemplo el color azul por aquí, tal vez se vea mejor como borde y compramos nuestro aspecto mejor como nos sentimos, o simplemente queremos jugar con él. Puedes presionar sobre estas flechas y v's intercambian colores. Ahora, a continuación, tenemos el cuentagotas, la herramienta de selección de color como se le llama en Affinity Designer. Y ahora ¿cómo funciona esto? El picker de color funciona un poco diferente cuando un software alfa, si haces clic y arrastras sobre este icono, puedes ver si vas a tu Canvas, nombre de este zoom en la vista y vemos los píxeles individuales aquí mismo. En realidad podemos seleccionar un color. Entonces si queremos por ejemplo este color rojo, déjalo ir. Y ahora tenemos este espacio de color junto al cuentagotas es este color rojo. Ahora si puedes hacer click en eso. Y VFD color rojo seleccionado como nuestro campo. Y así es como la caja de selección de color. Ahora, es bastante útil. Ahorra el color que hemos elegido para que podamos aplicarlo a múltiples objetos diferentes a la vez. Y si quieres cambiarlo de nuevo, simplemente pasa el cursor sobre un color diferente. Para que puedas cambiar los colores. Ahora. Si no te gusta trabajar con un color, pondremos uno deslizadores o un rectángulo en su lugar. Da click en este menú de hamburguesas. Aquí puedes ver deslizadores, cajas, o simplemente estar estañado así. Prefiero geografía, rueda de colores. Por lo que se queda febrero. Ahora bien, si trabajas en un proyecto que tiene un código de color predefinido, por ejemplo, acabamos de encontrar este increíble color y queremos usarlo en tu proyecto de ilustración. Puedes escribir el código hexadecimal para ese color en este campo. Ahora por supuesto, también puedes cambiar la opacidad de tu color. este momento se selecciona ser llenado. Se puede cambiar la opacidad de todo el relleno. Lo mismo va para el fondo también. Ahora, a continuación, veamos las muestras. El panel Muestras está por defecto junto al panel de color. Si no, ve a Ventana y ábrela. Entonces, lo que nuestras muestras, las muestras son prácticamente solo colores guardados. Entonces, si tienes por ejemplo un tono azul repentino que usas a lo largo del proyecto. Puedes guardarlo como muestra y David, fácilmente, fácilmente disponible todo el tiempo. Ahora, todos estos colores aquí, nuestras muestras. Entonces, si seleccionas. Oh, círculo. Y da click en este color naranja. Podemos aplicar este color naranja específico a nuestro objeto. Ahora eso va tanto para Borda como para cumplir. Así podrás ver si puedes cambiar el color de relleno usando muestras también. Ahora, ¿cómo creamos nuestras propias muestras? Entonces para crear nuestras propias muestras, Digamos que si quieres tener este color de borde rojo como muestra, selecciona el objeto, asegúrate de que el color sea seleccionado o indiferente. Y presiona este ícono aquí mismo en el relleno actual a la paleta. Ahora esta edición, el relleno actual a nuestra paleta de colores. También podemos crear nuestro propio pellet para mantener las cosas un poco más organizadas. Para ello, ve a aparecer el menú de hamburguesas. Puede agregar un pellet de aplicación, que es una paleta de colores que puede usar en todos los documentos. No importa qué. Podrías usar un pellet de documentos. Y el pellet veterinario solo está disponible y vinculado a documento recurrente que hayas creado. La paleta para. Esto solo te da mucha más flexibilidad para mantener todo organizado. Entonces, si tienes un conjunto de colores, pero quieres, ya sabes, vas a usar en muchos proyectos diferentes. Es posible que desee crear un pellet de aplicación. Si sabes solo usas estos colores en este documento. Simplemente cree un panel de documentos apelar y podrá mantener las cosas organizadas muy fácilmente. Entonces, vamos a crear un documento para pellet. Da click en él, cambia su nombre, llamémoslo costo. Confirmar con OK. Ahora tenemos una nueva paleta y está en la parte superior de nuestra lista. Operar con una nueva muestra es igual que antes. Simplemente aplíquelo y haga clic en este botón. Y ahora puedes cambiar el color usando nuestras muestras. Así. Ahora eso es prácticamente todo lo que te voy a enseñar en esta lección. En la siguiente, vamos a ver cómo crear gradientes. Cómo crear muestras globales. Lo cual será muy interesante y muy útil, especialmente para las personas que quieran entrar en el diseño de UI, por ejemplo, tal vez no sean tantos colores y puedas jugar con ellos raramente, muy fácilmente. Pero voy a mostrarte lo que quiero decir eso en la próxima conferencia. 7. Gradients y muestras globales: Muy bien, a continuación en el segundo video a color, vamos a hablar de gradientes y muestras globales. Empecemos con gradientes. Ahora hay dos formas diferentes de aplicar un degradado. Entonces, antes que nada, selecciona la forma que quieras usar, la graduada en. Ahora bien, podemos ir a llenar e ir a esta cinta degradada de aquí mismo. O podemos tomar la herramienta de relleno y podemos hacer clic y arrastrar y crear un degradado de mala manera. Ahora bien, de esta manera nos da un poco más de control sobre el gradiente real. Ahora bien, ¿cómo cambiamos este gradiente? ¿Cómo ajustamos esto? ¿Cómo cambiamos los colores y esas cosas? Haga clic en el cuadro de color aquí mismo. Y ahora puedes ver que tenemos esta nueva ventana. Tenemos este gradiente, una vista previa de degradado. Y aquí tenemos estos dos puntos, V punto inicial y el punto final justo aquí. Ahora, con este punto seleccionado, puedes cambiar el color yendo al campo escalar y simplemente aplicar un color aquí mismo. El mismo costo para el punto final, seleccione el punto y aplique otro color. Así. Ahora, puedes cambiar donde ambos colores se encuentran. Usando este punto medio. Puedes ajustar esto en este menú aquí mismo. También puedes ajustarlo aquí mismo, directamente en nuestro Canvas. Ahora, como acabas de ver, accidentalmente he editado un punto diferente, un punto nuevo por accidente. Ahora ¿cómo sumamos nuevos puntos? A la semana? Simplemente haga clic en nuestro anterior en alguna parte. Para agregar un nuevo punto. Haga clic en esta pequeña línea de degradado. Para agregar otro punto aquí mismo. Podemos mover estos puntos dando click y arrastrando sobre ellos. Y también podemos cambiar el tipo de colores que se encuentran aquí mismo. Ahora bien, ¿y si no te gusta eso? ¿Cómo elimino un punto de nuestro degradado seleccionado? Haz clic en Eliminar en tu teclado. Así como así. Ahora, podemos cambiar la orientación de nuestro gradiente. Digamos que queremos ser rosados para empezar aquí. Y el gradiente para que fluya aquí abajo. Puedes pasar el cursor sobre este punto y moverlo alrededor. Así, es realmente fácil. Vamos a hacer que sea sólo una línea recta. B, las posibilidades son infinitas. Ahora, hay algo más que gradientes lineales. También tenemos diferentes tipos. Entonces bajo tipo, como puedes ver, si puedes dar click sobre él y se abre este desplegable, tenemos elíptica, vf, radial, Crónica y mapa de bits. Echemos un vistazo a un gradiente radial. Se puede ver que el gradiente comienza en este punto. Y el color azul, nosotros punto final va todo el camino alrededor de él. Así que puedo ver, puedes cambiar todo esto aquí mismo. Bastante. Funciona exactamente igual que el gradiente lineal. Los gradientes antiguos funcionan igual, pero se comportan simplemente un poco diferentes. Ahora, lo mismo va para la elíptica. Es muy similar al gradiente radial. No obstante, podemos cambiar el ancho, la forma del círculo mismo con el centro aquí mismo. Como pueden ver, ahora mismo está cerrado. Se queda en círculo. Si hace clic en el icono de candado aparecerá mantener, rellene la relación de aspecto. Al desmarcar que puedes ver, podemos cambiar la forma de este gradiente aquí mismo. Eso es más o menos nuestro trabajo de gradientes. Muy sencillo, fácil de usar. Ahora, hablemos de muestras. Por supuesto, puedes agregar una muestra de degradado. Selecciona la forma con el degradado seleccionado aquí arriba y haz clic en Nueva muestra. Y ahora tienes tres muestras. Entonces SIF mencionó al comienzo de la lección, también vas a hablar muestras globales para terminar nuestra comprensión básica de cómo usar color en Affinity Designer. Ahora bien, ¿qué es una muestra global? Una muestra global es igual que una muestra normal. Se puede aplicar a múltiples formas diferentes. Sin embargo, si editas la muestra en sí, puedes cambiar las formas de la taffy aplicada a ella cambiarán a lo largo de tu proyecto junto con tu cambio de esta muestra. Por lo que puede obtener, por ejemplo si crea un sitio web con muchos botones diferentes, puede hacer inmediatamente un cambio y puede cambiar todo el color de todos los botones utilizados sitio web adicional de Waze a la vez. Por lo que es un ahorro de tiempo real si se usa correctamente. ¿Cómo creamos una muestra global? Fácil. Seleccionemos primero un color. Abra el selector de color. Vamos con este color. Y hagamos de esto una muestra global. Entonces haces clic en tu ícono de hamburguesa en color global. Dale un nombre, y selecciona el color que hemos elegido. Haga clic en Agregar. Ahora tenemos esta nueva muestra, pero comparada con los otros colores, tenemos esta derecha el rectángulo en la izquierda, esquina inferior de la misma. Y el veterinario dice que es una muestra global. Ahora vamos a crear algunos objetos más que tengan la misma muestra aplicada. Y cambiemos esta muestra. Haga clic derecho sobre él, edite, rellene. Y como puedes ver, todos los colores cambian exactamente al mismo tiempo. Ahora, especialmente en diseño de interfaz de usuario, diseño web, estas cosas son increíblemente poderosas y ahorran tiempo. Puedes agregar una muestra global a cualquier objeto que quieras. Puedes hacer que sea el color que quieras. Se puede editar a los bordes. Se puede hacer un degradado, un color global. Así es como se crean muestras globales. Es increíblemente potente, extremadamente ahorrador de tiempo. Y puedes aplicar prácticamente a cualquier objeto, cualquier texto en el que necesitabas estar. 8. La herramienta Pluma: Bien, hablemos de la herramienta Pluma a continuación. Entonces, ¿qué es la herramienta pluma y qué podemos hacer con ella? Ahora, con la herramienta pluma, podemos crear prácticamente cualquier forma. Nosotros queremos. Cualquier forma que puedas imaginar, siempre y cuando sepamos dibujarla o trazar sobre ella, puede crearla. Ahora, la herramienta pluma se puede encontrar en la barra de herramientas aquí mismo. Es este pequeño icono de bolígrafo. También puedes usar el atajo de teclado P para seleccionarlo instantáneamente. Ahora bien, ¿cómo funciona esto? Ahora, puedes hacer click en el lienzo, quiere establecer tu punto de partida. Y luego puedes hacer clic en otra ocasión para crear el segundo punto. A ver, has creado una línea recta. Ahora. También puede crear una línea curva haciendo clic y arrastrando sobre el lienzo así. Si volvemos a hacer clic, la curva seguirá a lo largo de ella, así, hasta este siguiente punto de Ben en sus líneas rectas nuevamente. Ahora, si haces clic y arrastras y creas una línea curva, pero quieres una línea perfectamente recta después de hacer clic en este punto una vez que se, ahora puedes crear una línea recta. Ahora bien, ¿cómo se cierra una forma para que realmente pueda cambiar el color y la tenga terminada? Simplemente haga clic en el punto inicial, esta forma de V más cercana. Ahora, puedes ir a llenar y puedes aplicarle cualquier color. Lo mismo va para el vibrato también. Por supuesto, puedes cambiar los colores y trabajar con ellos exactamente como lo haces con los objetos. Ahora, la herramienta Pluma consta de dos herramientas diferentes. Tenemos la herramienta Pluma para crear la forma misma, pero ahora tenemos todos estos puntos diferentes. ¿Y si quiero editar estos puntos? Donde sabemos hacer esto, entra en juego la flecha derecha. Esto, esto, podemos seleccionar cada punto individual, B puede moverlos alrededor. Puede arrastrar estos manejadores para manipular las formas. También podemos agregar más puntos a nuestra curva. Entonces las formas, estas líneas se llaman curvas. Ahora puedes manipularlos aún más. También puedes eliminar puntos por, digamos que no queremos este aquí mismo. Seleccionamos y presionamos la tecla V Delete en nuestro teclado. Ahora lo borramos. También podemos cambiar la forma en que se comportan estos puntos. Entonces tenemos este nodo, este punto aquí mismo. Pero digamos que queríamos curvarnos. Ahora, tenemos estas diferentes opciones bajo convertir en nuestro menú contextual. Entonces echemos un vistazo a V6. Si pasas el cursor sobre ellos, en realidad puedes ver lo que hacen. Entonces éste los convierte en una punta afilada como ésta. Y éste, nadar suave hacia fuera. Y este un poco como ajustado inteligentemente. Todo solo depende de con qué estés trabajando aquí. Centrémonos en VDS convertidos a opción suave. E, F es punto seleccionado con afilar, damos click en el movimiento de los convertidores. Ahora tenemos una curva suave. Y también podemos editar esta curva usando nuestros mangos así. Puedes arrastrarlos por ahí. Ahora. Así es más o menos como funciona la herramienta pluma. Rápidamente quiero mostrarte algunas cosas más útiles para saber. Entonces, si creas una curva usando la herramienta Pluma y mantienes presionada la tecla Mayús, puedes crear una línea perfectamente recta, por ejemplo, en un ángulo perfecto de 45 grados. Estas cosas son simplemente buenas de saber. En caso de que necesites crear formas mejor usa estas líneas rectas. Ahora, me voy, vamos a usar mucho más la herramienta pluma en nuestros proyectos de práctica. Esta fue solo una introducción rápida. Te recomiendo que solo juegues, crees algunas formas reales como esta. Solo tienes que tener una idea de la herramienta pluma, cómo funciona, cómo se comporta. Antes de que realmente empieces a trabajar en proyectos más grandes. Puede ser un poco abrumador si nunca antes has usado software de diseño. Si nunca antes has creado algo con una herramienta de bolígrafo, solo juega con ella y rápidamente te acostumbrarás a ello. Estoy seguro de ello. 9. Proyecto 1: configuración del documento: Bien, Bienvenidos a ser los primeros en practicar proyectos, pero vamos a estar haciendo en este curso. Ahora, en la siguiente sección, vamos a estar creando un personaje de diseño plano simple. Solo para que podamos aprender algunas herramientas más como el constructor de formas y cómo crear rectángulos redondeados y tal. También vas a tocar el panel Capas y cosas así. Vamos a estar aprendiendo a través de un proyecto, pero vamos a crear. Así que comencemos y configuremos nuestro nuevo documento. Así que llegamos a File. Da clic en Nuevo. Y digamos que queremos un poco más de espacio, solo para que tengamos un poco más de espacio para trabajar. Fh d v full HD diez ADP. ajuste preestablecido parece estar bien. Y vamos a estar usando esa. Así que asegúrate de seleccionarlo en tu lista de preajustes bajo la categoría web. Y da clic en crear. Así como así. Ahora el siguiente, simplemente vamos a guardar nuestro documento. Cestodos un poco más estructurados. Y lo que podemos guardarlo fácilmente en nuestro archivo de destino durante todo el proyecto para que nunca perdamos ningún progreso. Ahora, ¿cómo guardamos el proyecto? Pasamos a Archivo y hacemos clic en Guardar. Ahora sólo vamos a nombrar nuestro proyecto, así que vamos a llamarlo led. Firmó personaje. Puedes guardarlo donde puedas volver a encontrarlo en el escritorio en una carpeta específica para el curso. Es tu elección. Ahora, ahora que he seleccionado, puedes ver que en realidad tenemos el nombre, pero lo acabamos de nombrar aquí. Entonces, si tienes varios documentos abiertos, siempre podemos decir cuál es cuál. Ahora en el siguiente video, vamos a estar echando un vistazo al panel de capas. Y vamos a crear la forma básica de nuestro personaje. 10. Proyecto 1: creación de la forma de cuerpo | el panel de capas: Muy bien, en esta conferencia, vamos a crear cara de nuestro personaje y la forma general del cuerpo. Entonces lo que vamos a hacer es que vamos a estar creando un retrato de un personaje, de un personaje plano. Algo que tal vez veas en estas landing pages y cosas así. Y mientras creamos esto, vamos a aprender a crear rectángulos redondeados y trabajar con la llamada herramienta de esquina. Y también vamos a echar un vistazo al panel de capas, cómo funciona, cómo mover las cosas. Y también vas a aprender a crear de objetos. Ahora, comencemos y seleccionemos la Herramienta Rectángulo y arrastremos un rectángulo ish alto, algo así. No tienes que copiarme exactamente. Libre de trabajar conmigo. Pero crea tu propio personaje si su estilo muy propio a él. Tal vez un peinado diferente, un poco de una forma de cara diferente y cosas así. Juega con él. Que se diviertan. Entonces vayamos por algo como esto. Vamos a mover esto a la mitad y en un poco. Ahora, a continuación, cambiemos el color de este rectángulo a un tono más de piel. Así que ve con tu rueda de colores entre naranja y rojo, algo así. Aventura. Bajar el tono un poco así. Esto parece estar bien por ahora. Si quieres, podemos cambiarnos más adelante. Ahora, vamos a crear algunas esquinas redondeadas, porque una fase no es un cuadrado. Entonces quiero redondear estas dos esquinas inferiores. Ahora, la herramienta de vuelta a la esquina está justo aquí en nuestra barra de herramientas, esta. Y ahora puedes ver si tienes el objeto seleccionado, si tenemos nuestro rectángulo seleccionado, los puntos en cada esquina se han convertido en este cuadrado blanco. Y veteranos significa que no son seleccionados. Ahora para seleccionar un punto, si hago clic en él, lo arrastras sobre él y haces una selección de esa manera. Ahora para redondear esto, para crear una esquina redonda, simplemente haz clic y arrastra así. Para crear una esquina redondeada para múltiples puntos si lo desea, debido a que una cara es simétrica, ambos lados tienen el mismo aspecto. Simplemente puede arrastrar una selección sobre ambas esquinas y redondearlas al mismo tiempo. Vamos por algo como esto. Y así es como se crea un rectángulo redondeado. Cómo se crea con esquinas redondeadas. Es muy sencillo. Ahora el siguiente, quiero que este personaje tenga algunas orejas, claro. Y voy a crear algunos rendimientos básicos usando algunos ven como algunas elipses. Así que vamos a crear un círculo perfecto seleccionando la herramienta Elipse, manteniendo pulsada la tecla Mayús y arrastrando este círculo. Vamos. Sí, algo como esto. Y ahora para alinear correctamente estos años, quiero que sean así. ¿Todo lo haces? Al principio, debes asegurarte de tener un chasquido encendido. Ahora, ¿dónde puedes encontrar esto? Está justo aquí arriba. In vitro, en la pequeña barra de menú que tenemos aquí mismo. A este imán se le llama chasquido. Y si está habilitado. Y Affinity Designer se asegura de que si alinean objetos entre sí, unirán. Así que mueve menos fútbol para estar a la vista de tu rectángulo. Y puedes ver que esta línea verde aparece y tu círculo se ajustará en su lugar y no se moverá con la misma facilidad. puede mover a lo largo de las x's. Así. Ahora la mitad de ella está alineada a nuestro rectángulo. Así. Ahora claro, tenemos dos años. ¿Cómo lo hacemos? Duplicamos este círculo usando la tecla Alt. Y si mantienes pulsada la tecla Mayús exactamente al mismo tiempo, se moverá a la misma altura. Supongo que podrías llamarlo. Vamos a moverlo aquí mismo. Ahora, no se chasqueó. Entonces tenemos que moverlo al lado con x's. Otra vez. Si mantienes presionada la tecla Mayús, cuando mueves un objeto, éste permanecerá en línea así. Entonces no podemos. Donde podemos moverlo en ángulos de 45 grados, pero no bajará algunos, unos pocos píxeles. Así que vamos a alinearlo. Y se puede ver que está perfectamente alineado. Affinity Designer, sin sudar. Ambos objetos están en la misma fila, supongo, y pesados, de la misma altura. Así que solo mantengámoslo en el veterinario. Ahora tenemos una fase, una forma de fase con dos orejas. ¿Y si quieres moverlo? Si podemos hacer una selección, claro, así. Pero, ¿y si accidentalmente movemos nuestra cara así? ¿No se quedarán juntos? Entonces, ¿cómo nos aseguramos de que si haces clic en él, seleccionas toda la cara? Bueno, es sumamente sencillo. Ahora mismo, si miras tu panel de capas en el lado derecho, puedes ver que tenemos tres objetos diferentes. Tenemos dos elipses para nuestros oídos. Y tenemos esta curva, que es nuestro rectángulo redondeado. Ahora vamos a seleccionarlos todos. Se puede ver que los objetos que seleccionamos están resaltados en azul. Y si presionas Control G en tu teclado, los objetos seleccionados se convertirán en un grupo, un grupo de capas. Ahora, si haces clic en esta flecha, puedes abrirla para modificar las piezas individuales. Pero ahora podemos moverlo muy fácilmente y simplemente está más organizado. Entonces, si estás trabajando con proyectos grandes, si tienes muchos detalles y cosas así, asegúrate de agrupar las cosas. Entonces es sólo un poco más organizado. Ahora por supuesto, también podemos nombrar a este grupo. Entonces, si haces doble clic sobre esto, podemos nombrar la base del objeto, por ejemplo, ahora tenemos el grupo de caras, que es esto aquí mismo. Ahora vamos a inspeccionar un poco más el panel Capas. Así que el panel de capas está aquí en el lado derecho. Es un panel. Entonces, si lo cierras accidentalmente o no lo tienes en absoluto, ve a Ventana y haz clic en capas, igual que con cada diseñador infinito de panel para. Ahora, tenemos algunas opciones más aquí. Entonces esto, en esta gran área, tenemos todos nuestros diferentes objetos. Cuanto más altos son. Entonces si por ejemplo esta elipse es de un color diferente, como puedes ver. Es indiferente. Entonces lo que hay en la parte inferior está en la bolsa, y lo que hay en la parte superior es indiferente. Ahora, tenemos algunas opciones para que podamos cambiar la opacidad de los objetos individuales si queremos escribir aquí usando este deslizador. Junto a eso, tenemos algunos modos de mezcla para cambiar la forma en que se comporta el color. Y aquí abajo, tenemos un par de opciones más. Podemos crear una capa de máscara, podemos agregar capas de ajuste. Y mucho, muchas de estas diferentes técnicas avanzadas y cosas. Ahora no vamos a echarles un vistazo a todos en este curso intensivo. Solo queremos que empieces rápido para que puedas crear tus propios proyectos. Ahora bien, dos cosas realmente importantes. Estamos del lado derecho, aquí mismo. Sí, si agregamos capa y tenemos la capa de píxeles de borde. Ahora bien, la diferencia entre estas dos capas. Entonces en Affinity Designer, si tienes diferentes personas's, así que si añadimos una capa simple, siempre es una capa vectorial, así que usamos diferentes formas y cosas así. Entonces, si lo escalamos, no pierde calidad. Ahora, se usa una capa de píxeles con la persona de píxeles. Entonces usamos nuestros pinceles raster sobre ellos y todas estas cosas. Por lo que estas herramientas basadas en ráster se utilizan en capas de píxeles. Esa es la principal diferencia entre los dos. Y en el extremo derecho. En el extremo derecho tenemos la capa de quitar. Entonces es más o menos solo una clave de eliminación. Elimina el objeto seleccionado actualmente. Ahora, si queremos bloquear algo en su lugar, tenemos este icono de desbloqueo de candado que aparece en la parte superior derecha. Ahora ya podemos moverlo. Entonces, si seleccionas esto, podrás ver los puntos están tachados. Y si intentas moverlo, haz un conjunto de selección. Y esta capa no será seleccionada. Podemos eliminarlo haciendo clic en este icono de aquí mismo, o simplemente desbloquearlo aquí arriba. Volvamos hasta que tengamos todas nuestras cosas. Desbloquea de nuevo nuestro objeto. Y vamos a crear el cuello muy rápido. Y podemos seguir adelante con nuestro diseño de personaje real aquí mismo. Ahora para el cuello, solo vamos a crear un rectángulo. Así. Voy a ser como, quiero que sea un poco más oscuro. Entonces voy a hacer de esta forma un poco más oscura de confianza así. Y ahora necesitamos, como pueden ver, el cuello está delante de la cara. Ahora bien, si pasamos a nuestro panel de capas, está en la parte superior. Si hace clic y arrastra sobre este objeto, muévelo hacia abajo hasta que aparezca esta línea azul. Muévelo por debajo del grupo de caras. Al igual que así. Ahora, eso es más o menos todo. Y te veré en el siguiente video donde vamos a crear algunas formas. Vamos a agregar algunos detalles a la cara real. 11. Proyecto 1: adición de características faciales: Bien, bienvenidos de nuevo a la próxima conferencia de nuestro primer proyecto recto. Ahora, en esta conferencia, vamos a estar agregando algunos detalles a nuestro personaje, algunos detalles faciales. Entonces vamos a tratar los ojos. Vas a crear la nariz y la boca. Y tal vez agregarle algo de sombra a nuestro oído. A lo mejor agregamos más tarde, ya veremos dependiendo. Así que vamos a meternos directamente en ello y comencemos con la creación de v I's, supongo. Entonces. Empecemos con la herramienta de elipse y dibujemos algunos círculos perfectos, manteniendo presionada la tecla Mayús así. A continuación, vamos a hacer una copia de este círculo. Puedes hacerlo presionando Control Z y Control V para pegarlo en su lugar. Ahora como puedes ver, hemos hecho una copia y es visible en nuestro panel de capas. Cambiemos el color a un azul. A lo mejor un poco más oscuro, a lo mejor éste. Ahora bien, esta será nuestra alumna. Ahora quiero cambiar el tamaño de este, el círculo al lado del azul, así que está en el centro de nuestro círculo. ¿Cómo lo hacemos? Simplemente arrástralo hacia abajo. Ahora, si mantienes presionada la tecla Mayús, las proporciones permanecerán iguales al cambiar el tamaño de los objetos. Pero quiero que esté centrado. ¿Cómo lo hacemos? No sostenemos la tecla Mayús, sostenemos la tecla de control. Ahora. Está centrada. Entonces nosotros, se hacen cambios y el objeto se queda en el medio. la tecla Mayús nuevamente. Entonces Shift más Control Enter, lo redimensionarás proporcionalmente mientras está centrado. Así que vamos con éste. Un poco grande. Así que volvamos otra vez. Control de cambio. Así. Ahora personalmente me gusta si tiene un poco de sombreado en el ojo mismo. Entonces hagámoslo. Ahora. Lo que te voy a mostrar a continuación se llama máscaras de capa, o grupos de máscaras, supongo que es realmente súper simple en Affinity Designer intercambiar estas máscaras. Entonces comencemos con un rectángulo básico y simplemente arrástrelo sobre esta forma hasta que sea, aparezca la línea roja, hasta que encaje para estar en medio. Ahora, hagamos del color un gris oscuro. Gris claro, algo así. Puedes jugar con el control deslizante. Ahora bien, esto no se ve del todo bien. Entonces, ¿cómo nos aseguramos de que los servicios estén sombreando? ¿Cómo nos aseguramos de que solo cubra el área de nuestro derecho? ¿Futbol? Simplemente seleccione el rectángulo en nuestro panel de capas y haga clic en Entrar, arrástrelo a la elipse. Ahora como puedes ver, todo lo que no está dentro del círculo desapareció. Ahora eso es porque hemos hecho un grupo de máscaras. Y si abres la elipse, tenemos aquí abajo esta nueva flecha. Puedes ver que tenemos nuestro rectángulo. Todavía podemos moverlo y manipularlo si quieres. Pero todo lo que no está en forma de V, en la forma principal, la elipse en nuestro caso, simplemente se esconde. Así que es muy rápido, muy simple y muy potente característica de Affinity Designer a la misma. Entonces una de las razones por las que me encanta trabajar con él es tanto porque es muy conveniente. Sí, juega con eso. Entonces, a continuación, agreguemos algunas cejas a su personaje porque esto se ve un poco que he intentado escribir. Así que vamos con algo como Esto. Pueden ser algunas cejas muy tupidas, un poco más pequeñas tal vez, y también más oscuras. Ahora vamos a mover este rectángulo para que quede muy arriba. Vas a hacer un grupo de IA más tarde también. Y redondeemos estas esquinas seleccionando la herramienta de esquina, seleccionando todas las esquinas y redondeando hasta el máximo. Entonces, si se aleja, se ve un poco gruñón. A lo mejor acortarlos un poco. Así. Ahora hagamos un grupo para que podamos copiarlo y pegarlo fácilmente. Para seleccionar objetos. En el panel de capas. Podemos mantener pulsada la tecla Mayús y hacer clic en los objetos integrales. Y puedes ver si haces un conjunto, puedes hacer una selección de esa manera también. Ahora, agruparlos con el atajo Control G. Ahora tenemos un nuevo grupo, haga doble clic en él y llámenlo I. Y hagamos una copia de él también manteniendo oprimiendo la tecla Alt y Mayús. Así. Modo espacio, tal vez así. Ahora el siguiente, no están centrados en nuestra cara. Entonces, al mantener presionada la tecla Mayús y hacer clic en el otro grupo, haces una selección. Y ahora solo muévalos un poco a la mitad hasta que encaje en su lugar. Así. Ahora las orejas no se ven bien. Entonces vayamos a nuestro grupo de cara. Ábrelo y selecciona ambos puntos suspensivos manteniendo presionada la tecla Mayús y haciendo clic en cada objeto. Y solo muévelo un poco hacia abajo. A lo mejor así parece bien por ahora. Al menos siempre podemos, como pueden ver, cambiar las cosas y manipular también a nuestros grupos. Nada está bien. Bien, siguiente, vamos a crear la nariz. Ahora, simplemente vamos a hacer un rectángulo. Empecemos primero con un rectángulo, tal vez algo así. Tiene la nariz un poco más grande para el color. Vamos a estar usando el seleccionador de color. Así que vamos a nuestro panel de color y simplemente lo estamos arrastrando hacia fuera para que sea vinagre coloreado. Seleccionándolo ahora se fusionará nuevamente con el seleccionador de color. Entonces todas estas cosas son muy repetitivas. Pero eso solo nos dice lo importantes que son estas pequeñas características y pequeñas herramientas que están trabajando en proyectos reales. Eso es a un poco de toma de cara a las nieves. Así. A lo mejor bajarlo un poco. Simplemente manipule las formas. Esto se ve, esto se ve bien por ahora. Seleccionar ambos objetos y agruparlos son quinto Control G. Ahora, para mantener las cosas organizadas, siempre nombra tus capas haciendo doble clic sobre ellas y escribiendo tu nombre. Bien, a continuación, vamos a crear una forma de boca simple. Podríamos usar la herramienta de media luna para hacer una boca sonriente. Hagámoslo En realidad. No, usemos en su lugar la herramienta de segmento V. Creo que podría verse un poco mejor. Así que selecciona la herramienta de segmento en nuestras herramientas de forma. Y orgulloso de esta forma. Se ve increíblemente gruñón. Cambiemos el color de la boca a un poquito, quizá a un rojo más oscuro. Esto podría funcionar. Esto podría funcionar. Sí. También quiero agregar un poco de sombra la parte posterior de la boca. Entonces vamos a crear un círculo y arrastrar una forma dependiendo de cómo la necesitemos. A continuación vamos a crear otra capa de máscara. Arrastre la elipse al objeto del segmento V, así. Entonces para oscurecerlo un poco, cambia el color hasta que estés satisfecho. Así. A lo mejor deberíamos invertir los colores en su lugar. Entonces vamos a escoger este color y aplicarlo a esta forma. Vamos a oscurecer esta forma. En cambio. Esto no me gusta del todo. Entonces para volver, así que si no estás satisfecho con algo, simplemente presiona Control C respondió agregas el paso al que quieres volver así. Juguemos un poco más con este color y no es tan autoritario, tan sobrecogedor. Mantengámoslo así por ahora. Se ve muy cansado. Entonces tal vez es un entrenamiento llegando a casa de un duro día. Entonces, ¿qué vamos a hacer en el siguiente video? Vamos a aprender a usar la herramienta de construcción de formas de dos formas. Y vamos a darle un estilo bonito. 12. Proyecto 1: creación de cabello con la herramienta de constructor de forma: Bien, bienvenido a la próxima conferencia en nuestro primer proyecto de práctica. ¿Qué vamos a hacer en esta conferencia? Vamos a estar dándole un poco de pelo a nuestro personaje. Ahora, en este video, no solo verás el proceso de gradación del cabello en sí, sino que también vamos a estar aprendiendo a usar la herramienta de construcción de formas. Ahora sé Herramienta Constructora de Formas. Barra de basura que Leah explicó permite combinar formas muy fácilmente. Podemos fusionar formas, crear algunas formas únicas y cosas como. Ahora, lleva mucho tiempo en Illustrator . Pero solo recientemente se editó a Affinity Designer si Affinity Designer a 0.0 actualizar. Entonces es una característica realmente, realmente nueva. Y mucha gente la ha estado esperando porque es extremadamente poderosa. Y ahora por fin lo tenemos. Así que vamos a trabajar un poco. Ahora. Empecemos con la creación de algunos cabellos básicos. Primero. Selecciona la herramienta rectángulo y solo dibuja una forma simple como esta puede ser no, quiero ir con este color más oscuro. No quiero ir a tono negro. Voy a ir con este azul oscuro. Y vamos a redondear también las esquinas de la misma. Selecciona las esquinas superiores y redondea un poco hacia arriba. No demasiado. Dependiendo de lo que vayas a buscar. Así tal vez. Sí. A continuación, tal vez podamos difundirlo un poco más. Así. A continuación, quiero agregar un poco de pelo más oscuro para estar atrás y la cabeza. Así que vamos a seleccionar el rectángulo. Para confiar en varilla esta forma, hazla de un color más oscuro y muévala todo el camino hacia abajo en el panel de capas así. Y también voy a redondear estas esquinas, solo un toque para que no sea demasiado filoso. Un poco más pequeño, así. Ahora, a continuación, quiero usar realmente la herramienta de construcción de formas. Entonces agreguemos algunos pequeños detalles para estar aquí. Seleccione la herramienta rectángulo. En realidad, quiero tener el mismo color de pelo. Así que escojamos eso con nuestro seleccionador de color. Tal vez tenga algo de pelo que sobresalga aquí arriba, tal vez un poco más aquí abajo también. Tuvo un día difícil en el trabajo. Algo así. Quizá. Vamos a redondear las esquinas de estas formas. Sólo un toque. Sólo para mantenerlo consistente. Puedes jugar con esto y te lo recomiendo para simplemente jugar con diferentes peinados. Y intentas algo por ti mismo. Porque lo harás, aprenderás mucho de ello. No solo trabajando con estas diferentes formas, sino que también tendrás una idea de navegar y todo. Y se pondrá más cómodo y solo en general más natural con el tiempo cuanto más lo uses. Entonces, ¿qué queremos hacer a continuación? Quiero que todo este frente, pesado todo el frente del cabello sea una forma única. Ahora mismo. Simplemente se divide en diferentes partes. Ahora bien, ¿se ve bien? Sí. Y queremos no querer ver realmente una cosa diferente al principio. Pero si es una forma, en realidad será mucho más fácil agregarle detalles más adelante. Porque ahora mismo si le agregas una máscara de capa a esta forma, solo si agregamos algunas sombras, en realidad no llegará a esta parte de aquí. Esta parte de aquí se cortará, así que queremos que sea una forma única. ¿Cómo lo hacemos? Hacemos una selección de nuestras piezas, todas las piezas, pero queremos estar en esta forma. Ahora. este momento, puedes ver la selección vf que está intersectando líneas aquí mismo. Y verás exactamente por qué me estoy mostrando vívido. Así que seleccione remodelar debajo de la pantalla para abajo aquí, directamente debajo de nuestras herramientas de forma. Y ahora todas nuestras líneas se apagan con diferentes formas. Un poco más grueso y resaltado. Ahora ¿cómo hago? ¿Ahora? Ahora necesitamos hacer una selección de lo que debería estar en nuestra nueva forma. ¿Cómo lo hacemos? Es simplemente arrastrar. Ahora se ha destacado. Área es área seleccionada. Podemos agregarle fácilmente simplemente arrastrándolo sobre él así. Ahora, todas las, todas estas formas con diferentes áreas, diferentes áreas de intersección, las partes de la misma destacan, son todas seleccionadas. Y si hago clic en el icono más en nuestro menú contextual, lo convertimos en una sola forma, el tipo de fusionar todos estos juntos. Ahora, como puedes ver en nuestro panel Capas, solo nos queda una capa. Si lo ocultas, puedes ocultar cosas haciendo clic en este pequeño círculo junto a la capa. Se puede ver que tenemos una forma, sólo saber exactamente lo que queríamos. Y así es como usas la Herramienta Creador de Formas. Bien, ahora que tenemos nuestro peinado terminado, hemos trabajado con la herramienta de construcción de formas. Asegúrate de terminar el peinado de tu propio personaje. Y te veo en la próxima conferencia. 13. Proyecto 1: creación de la ropa: Bien, en este video, vamos a estar dando a nuestros personajes algo de ropa. Ahora en nuestro caso, simplemente vas a estar creando el propio cuello, dando vueltas alrededor del cuello. Ahora, lo he estado pensando y quiero darle algo parecido a un simple tiro, como una playera de negocios, ¿verdad? Entonces comencemos creando un rectángulo básico. Así. Hacerlo un poco más grande, solo para que tengamos un poco más de espacio para Biografiar un poco así. Y vamos a echarle una falta. Color azulado pálido, así. Ahora, quiero ser un poco más triangular hacia el fondo. Entonces, ¿cómo hacemos eso? ¿Ahora? Podríamos simplemente fusionarlo con un triángulo. Sin embargo, también podemos manipular estos diferentes puntos por sí mismos. Sin embargo, antes de eso, necesitamos convertirlo en curvas, al igual que la herramienta pluma. Entonces con los objetos seleccionados, vaya a su barra de contexto y haga clic en convertir a curvas. Ahora que tenemos, podemos usar la herramienta de nodo y podemos arrastrar estos puntos alrededor. Y también le podemos sumar nuevos puntos. Entonces, si vamos al centro de nuestra ilustración, tenemos nuestro chasquido habilitado. Podemos hacer clic y agregar un nuevo punto y hacer exactamente lo mismo en la parte inferior también. Haga clic y agregue un nuevo punto. Ahora, podemos simplemente arrastrar hacia abajo este punto medio aquí abajo para convertirlo en una forma triangular. Y voy a hacer lo mismo para este punto aquí mismo. Así. Ahora sí quiero mantener o agregar un fondo oscuro, la parte de atrás. Entonces hagámoslo. Crea otro rectángulo. Asegúrate de que esté alineado correctamente y dale un poco de color más oscuro y muévelo detrás de esta curva. Así. Asegurémonos de que realmente trabajamos en la misma zona de nuestro cuello. Así que vamos a mover estos dos nuevos objetos hasta aquí abajo. Y mueve el rectángulo que hemos creado, el oscuro detrás del cuello, así. Bien, ahora tenemos este crédito básico de playera. Tienes la parte de atrás justo aquí. En realidad, vamos a subir un poco esto. Así que conviértelo en curvas en el nuevo punto y simplemente muévelo un poco hacia arriba para que coincida con el frente. Con solo le da un poco más de dimensión. Agreguemos algunos detalles a esto también. Entonces hagamos este lado un poco más oscuro que este lado. Entonces la luz golpea de esto desde aquí arriba. Y esto es sólo un toque más oscuro. ¿Cómo lo hacemos con él? Simplemente crea un rectángulo. Sin llenar. Está alineado en el medio. Y mover este rectángulo desde todo el camino hasta aquí a nuestra curva, darle un color más oscuro, es falso. La curva equivocada. Ponlo hacia el frente. En realidad, seleccione un color. Ahora bien, esto no necesita ser mucho más oscuro, solo para que no sea esa tierra así. Agreguemos algunos botones a su camisa también. Así que vamos a crear algunos círculos con la Herramienta Elipse. Hazlos blancos. Tal vez un toque más pequeño. Alinear a la mitad. Tal vez el segundo también. Quiero que estos botones estén dentro de la forma de la máscara. Entonces no lo hacemos. El segundo no se superpone aquí. Y como pueden ver, las capas funcionan exactamente igual dentro de estos grupos de mezquitas. Entonces lo que sea que esté en la parte superior, está en la parte superior y todas las cosas en la parte inferior en la bolsa. Ahora hemos creado nuestra camiseta básica. Vamos ahora, de hecho, también hemos dado a nuestros personajes algunas prendas. Bien, ahora has aprendido un poco más a usar y manipular estas formas. Ya sabes cómo convertir objetos existentes en curvas, igual que con la herramienta Pluma. Así podrás manipularlos con la herramienta de nodo para conseguir algo más de personalización. Y sí, como puedes ver, también es increíblemente simple y fácil de usar. Así que asegúrate de jugar con él te da carácter algo de ropa. A lo mejor algo diferente a una toma básica. Y te veo en la próxima conferencia. 14. Proyecto 1: exportar nuestro personaje: Bien, en esta conferencia, en la conferencia final del primer proyecto de práctica, vamos a estar hablando de cómo exportar realmente nuestro archivo como archivo PNG. Ahora hemos terminado nuestro diseño de personajes. Ahora queremos exportarlo y sacarlo como PNG. ¿Cómo lo hacemos? Entonces, antes que nada, asegurémonos de que nuestro perro, nuestro objeto real aquí mismo, esté completamente agrupado. Esto solo hace que las cosas sean un poco más limpias y fáciles de hacer. Así que haz una selección sobre todo el personaje y presiona Control G en tu teclado. Vamos a nombrar a este personaje de grupo. Ahora, tenemos dos formas diferentes de exportar algo en Affinity Designer. En primer lugar, puedes ir a Exportación de archivos. Ahora aquí podemos exportar todo el Canvas, ¿verdad? Entonces, si exportamos esto como un archivo PNG, obtienes este resultado. Tendremos a nuestro personaje en el medio aquí mismo, tal como marcamos. Pero también tenemos todos estos espacios en blanco. Ahora bien, ¿cómo podemos no estar tan mal, verdad? ¿Cómo nos aseguramos de que solo esto de aquí sea exportarlo? Bueno, podríamos hacerlo en la llamada persona exportadora. Ahora, como se mencionó al principio, tenemos algunas personas diferentes. Hemos trabajado en persona de registro in vitro hasta el momento, que utiliza herramientas vectoriales. Pero también tenemos la persona de exportación, que se enfoca completamente en exportar tus archivos. Ahora haz clic en el Export persona aquí arriba en tu área de personita. Y ahora ya tenemos esta nueva pantalla. Herramienta Pfe Slice seleccionada. Ahora, ¿qué es una rebanada, verdad? ¿Ahora? La herramienta Be Slice te permite separar tu Canvas y realmente exportar diferentes partes de él, más o menos así, por ejemplo ahora mismo podríamos crear una porción de este personaje, así que solo tenemos este personaje seleccionado. Pero un mejor ejemplo sería si trabajas en un diseño de julio, tienes un montón de botones y diferentes elementos. Puedes crear una diapositiva para cada uno de ellos y exportarlos todos a la vez y enviarlos a tu desarrollador. Como ejemplo de un caso de uso de la persona de exportación. ¿Verdad? Ahora bien, ¿cómo creamos una rebanada? Simplemente podrías hacer clic y arrastrarlo hacia afuera. Así. Ahora bien, esto no es realmente útil porque necesitaríamos realmente indagarlo profundamente. Asegúrate de que en realidad pesemos las esquinas correctamente y que todo esté en él y no dejemos algo fuera accidentalmente. Eso no queremos. Simplemente puede seleccionar nuestro grupo en el panel de capas y hacer clic en Crear rebanada. Esta rebanada se configura perfectamente y nos convierte en una selección perfecta en torno a nuestro personaje. Ahora, queremos exportar. Exportar es realmente simple. Simplemente pasamos por encima de dos rebanadas para ser paneles de rebanadas, que son las siguientes dos capas. Por defecto. Ahora bien, ¿cómo exportamos un archivo ahora más allá de estos paneles de rebanadas? Y aquí arriba también tenemos panel de opciones de exportación, aquí mismo, por ejemplo podríamos seleccionar el formato de archivo, que por defecto es un PNG. Pero digamos que queremos exportar un SVG, por ejemplo tal vez incluso un PSD jpeg. Tienes todas estas opciones aquí mismo. Guárdalo en P&G. y para exportar las diapositivas de personajes que hemos seleccionado y haz clic en este pequeño icono aquí mismo. Esto abre tu explorador de archivos. Ahora puedes simplemente, como puedes ver, los archivos PNG como guardamos tipo. Solo mantengámoslo en el personaje. Haga clic en Guardar. Ahora has exportado tu personaje. Es muy sencillo. Y así es como se exportan los personajes. Y la funcionalidad básica de la persona de exportación. 15. Proyecto 2: configuración de documentos y guías: Bienvenidos de nuevo al segundo proyecto de este curso de choque. Ahora, a lo largo de esta sección, que constará de seis videos diferentes, vamos a estar aprendiendo a crear este representante, diseñar aquí mismo. Ahora, vamos a aprender a trabajar con los diferentes tipos de textos, significando textos como este, que es confianza, una sola palabra o una sola frase. Pero también vamos a aprender a trabajar con trozos más grandes de textos de párrafos. Ahora, también aprenderás a trabajar con estas pautas y a importar y editar estas imágenes. Así que comencemos configurando nuestro documento, así como nuestras guías. Vaya a Archivo, haga clic en Nuevo. Y como esto va a ser un diseño web, vas a pasar a esa categoría. Y al igual que antes, vamos a usar el preajuste de diez ADP full HD, que es de 1920 píxeles por 1080 píxeles. Ahora, todos con diferentes ajustes podemos dejar por defecto. A continuación, vamos a crear nuestras pautas solo para que tengamos un poco de restricción sobre dónde está realmente nuestro contenido. Ahora para crear guías, primero tenemos que activar a nuestros gobernantes. Puedes hacerlo pulsando Control R en nuestro teclado. Esto sacará a colación a nuestros gobernantes. Ahora, puedes pasar el cursor sobre estas reglas en cada lado y hacer clic y arrastrar estas pautas. Para eliminar una pauta, simplemente haz clic y arrástrala de nuevo a la regla. Como pueden ver, así desaparece. Ahora bien, para este diseño, quiero que estas pautas sean unos 100 píxeles de cada lado. Entonces, ¿cómo hacemos eso? Bueno, podríamos usar las reglas para medirlo, pero siento que la forma más fácil hacerlo es simplemente crear un rectángulo con un ancho de 100 píxeles. Simplemente alinee el desierto de esa manera. Ahora, si quieres hacer un específico, si quieres establecer un ancho específico para que sea rectángulo, puedes ir a tu panel Transformar y teclearlo aquí mismo. Ahora, a continuación, simplemente hacemos clic y arrastramos una guía hasta que las líneas señaladas por este borde verde. Y luego vamos a mover nuestro rectángulo con la Herramienta Mover hacia el otro lado y repetir el proceso. Así como así. Borra tu rectángulo. Y ahora hemos configurado nuestro documento básico. 16. Proyecto 2: trabajo con imágenes: Bien, a continuación, queremos configurar nuestra imagen de fondo, tal como vemos en este ejemplo aquí mismo. Ahora, hay algunas formas diferentes de importar una nueva imagen. Lo más obvio sería usar v Place Image Tool. Ahora, ¿cómo funciona esto? Simplemente haces clic en él. Y ahora se abre tu Explorador de Archivos y podrás seleccionar la imagen que vas a usar. Haga clic en Abrir. Y ahora tienes este nuevo cursor. Y ahora puedes hacer clic y abrir la imagen a su tamaño completo. Simplemente puedes hacer clic y arrastrar la imagen así. Otra forma de importar una imagen sería simplemente abrir tu carpeta con tu imagen y simplemente hacer clic y arrastrarla a tu nuevo documento. Así. Ahora bien, esto será en una resolución muy grande. Así que alejaré un poco y la escalaré hacia abajo. Así. Acerca de eso. Ahora tenemos nuestra imagen en su lugar, así que asegurémonos de que la nombremos imagen de héroe. Ahora, a continuación, quiero crear una superposición para esta imagen solo para que no sea tan brillante. Entonces, seleccionemos la Herramienta Rectángulo y arrastremos un rectángulo encima de nuestra imagen. Hágalo negro. Baje un poco la opacidad. Así como así. Ahora esto nos permite, y así podemos usar texto blanco y de hecho podemos leer y ver el contenido que se muestra en la parte superior de esta imagen. Simplemente creará un poco más de contraste así. Y así es como trabajas con las imágenes. Ahora, más adelante, voy a mostrarte cómo en realidad también le aplicas algunos efectos. Para que veas que tenemos este poco de desenfoque pasando en el fondo aquí mismo. Eso vamos a cubrir al final de esta sección. 17. Proyecto 2: trabajo con texto artístico: En esta conferencia, vamos a echar un vistazo a la herramienta Texto Artístico. Y para la auditoría, vamos a estar creando este sencillo logotipo basado en tipos, así como con elementos de navegación aquí mismo. Entonces comencemos. En primer lugar, asegúrese de seleccionar la herramienta de tipo correcta. Ahora, como puede ver, si pasa el cursor sobre la herramienta tipo V, tenemos esta flecha derecha que indica que hay más herramientas ocultas detrás de ella. Con un clic derecho, puede ver que tenemos la herramienta Texto artístico y la herramienta de texto marco. Ahora vamos a cubrir la herramienta Texto Artístico en esta conferencia y diferentes textos en una posterior. Pero nosotros diferencias que usas la herramienta Texto Artístico para textos cortos como un titular o un logotipo, o los elementos de navegación. Y diferentes X2 para trabajar con trozos más grandes de textos, Diferentes párrafos y tal. Así que selecciona la herramienta de tipo artístico. Y ahora puedes hacer clic y comenzar a escribir o puedes hacer clic y arrastrar el tamaño que quieres que sea el texto. Vamos a llamarlo Irlanda. Familiares. Asegúrate de que no haya espacio entre ellas. Y ahora puedes ver que tenemos estas diferentes opciones en nuestro menú contextual. Al trabajar con textos, prefiero usar a través de paneles de texto. Así que vayamos a Ventana y abramos nuestra penalización de texto Panel de caracteres aquí mismo. Entonces echemos un vistazo a este panel. Ahora, aquí arriba tenemos todas nuestras opciones para nuestra fuente. Así podemos seleccionar una fuente. Puedes cambiar su tamaño, nosotros podemos cambiar su peso, así como ser divertido de colorear. Ahora, para este logo, vamos a estar usando la fuente UI, que por defecto está instalada en Affinity Designer en tu PC. Y vamos a hacer que el color de la fuente sea blanco. Ahora, 35 puntos parecen estar bien para el tamaño del logotipo. Puedes cambiarlo ya sea seleccionando uno de sus presets o escribiéndolo tú mismo. Ahora para el salario, con este logo, se puede ver que tenemos dos tarifas diferentes aplicadas al mismo texto. Cómo lo hacemos es simplemente entrar y hacemos una selección de textos en los que queremos que esté diferente tasa. Así que vamos a seleccionar la isla. Ahora ve a tu estilo de fuente o a tus pesos de fuente. Abre el menú desplegable y selecciona Negrita. Así. Esto se ve mucho mejor que antes. A continuación, vamos a crear los elementos de navegación. Una vez más. Seleccione la Herramienta Texto Artístico. Haga clic en su lienzo y escriba un artículo en casa. Antes de crear los otros elementos del menú, vamos a darle estilo a este. Primero. Estamos manteniendo la fuente igual, pero le estamos dando 18 puntos o el tamaño. Y una tarifa regular. Ahora, quedan 40. Probablemente otras opciones en este panel. Vamos a mantener todo como está. No queremos ninguna declaración, ninguna declaración como subrayados o dobles subrayados. Y tampoco queremos jugar con diferentes opciones de transformación aquí mismo. Entonces aquí mismo podemos seleccionar el seguimiento de diferentes letras para que podamos hacerlas espacio, estar espaciadas un poco más, o podemos cambiar la altura de la línea y decir que mucho espacio hay entre cada línea. Todas estas cosas las podemos manipular en esta sección aquí mismo. Pero por ahora, ignoremos eso. Entonces, con nuestro primer conjunto de elementos de menú intercambiado, hagamos algunas copias de él manteniendo presionadas las teclas Alt y Mayús y haciendo clic y arrastrándolo dos veces. Ahora veamos qué elementos del menú queremos. Quieres un botón Acerca de y un botón de ubicaciones también. Entonces cambiemos esto haciendo doble clic sobre él. Puedes resaltar todo el texto y cambiarlo y ubicaciones. Entonces movamos esto un poco a la derecha. Apenas sobre eso. Vamos a estar creando un patrón aquí mismo y Ranvier, una vez que tengamos tiempo y hayas terminado, vas a alinear todo correctamente. Pero por ahora, creo que estamos avanzando dignos. Y te voy a ver en la siguiente conferencia donde vamos a crear un bonito botón, nPr también vamos a aprender a alinear diferentes objetos, fácilmente, reembolsar otro 18. Proyecto 2: alineación de nuestros elementos: Bien, vamos a crear el botón y terminar nuestro menú de navegación. Entonces, antes que nada, comencemos con la creación de un rectángulo básico. Casi de este tamaño. Siempre podemos ajustarnos para Platón si quieres. Cambiemos el color de la misma a un blanco brillante. Y además, quiero que estas esquinas estén totalmente redondeadas. Entonces, seleccionemos la herramienta de esquina, seleccionemos todos los puntos y los redondeemos para que sean máximos, así. Ahora siguiente, quiero tener algunos textos con botón inverso obviamente. Así que vamos a seleccionar un elemento del menú y copiarlo en la parte superior del botón. Cambia su color por ahora, vamos con un negro sólido. También se asegura de que el texto esté por encima del fondo del botón. Así. Cambiar el texto para formar rotaciones para reservar. Ahora bien, este es un botón de llamada a la acción, pero vamos a usar, sí, Esto se ve bien. No obstante, quiero que el color esté un poco en el lado más gris oscuro, así que no es este tono negro, así. Bien, ahora hablemos de alineación. Así podríamos alinear el botón perfectamente en el medio. Así. Sin embargo, también tenemos algunos, tenemos una manera diferente de alinearlo también. Entonces, al presionar la tecla Mayús, puede seleccionar varios objetos a la vez. Y luego podemos pasar por aquí a esta alineación de iconos haciendo clic en él, se abrirán nuestras opciones de alineación. Entonces aquí arriba podemos hacer la alineación horizontal. Y aquí abajo podemos alinearlo verticalmente también. Entonces queremos que el botón esté perfectamente alineado al centro V. Entonces lo que vamos a hacer, no queremos alinearlo a la izquierda, no a la derecha. Queremos alinearlo al centro, así. Lo mismo ocurre con la alineación vertical también. Podría alinearlo a la parte superior o inferior. Bien espaciado por igual. Pero vamos a alinearlo al medio. Ahora PIP perfectamente VFA textos perfectamente alineados en el centro de nuestro botón. Vamos a agruparlos también. Y llamémoslos botón en nuestro panel de capas. Bien, Esto se ve bien por ahora. Pero creo que la alineación está un poco estropeada todavía. Entonces cambiemos eso. En primer lugar, queremos tener el mismo espacio entre cada uno de estos cuatro objetos. Entonces, seleccionémoslos todos. Vaya a sus opciones de alineación. Esta vez, vas a usar el espacio de opción final horizontalmente. Esta mezcla de en el mismo espacio exacto entre cada elemento. También alinee vertical, alinee verticalmente en el medio también. Así. Vamos a agruparlos para que quede un poco más limpio en nuestro documento. Ahora selecciona tanto el menú que acabamos de crear como el logotipo de V. Y vuelve a tus opciones de alineación y alinéalas al medio. Ahora, todo está perfectamente centrado también. Sólo para que no lo estropeemos. Seleccionemos nuestros dos elementos y los agruparemos S1. Y llama así a ese grupo de mitigación en tu panel de capas. Y así es como usas las opciones de alineación para alinear y espaciar perfectamente tu contenido. 19. Proyecto 2: creación de texto de párrafo: Bien, a continuación, vamos a crear todo este contenido aquí mismo en el medio. Lo que significa que vas a crear nuestro titular, sub-titular también. Y también vamos a estar trabajando con texto de párrafo. Y también te voy a mostrar cómo puedes insertar fácilmente con textos de relleno. Entonces comencemos creando primero este titular principal. Vayamos a nuestro documento. Seleccione la herramienta Texto artístico. Arrastre algunos textos y escriba E titular. Así. Ahora para el estilo ofrece titular yendo con un tamaño de 96 puntos, así como un peso de fuente en negrita. El color será blanco, así. Arrastremos eso por aquí y podremos alinearnos perfectamente más adelante. Entonces, a continuación, vamos a crear este tagline aquí arriba. Vamos a seleccionarlo en nuestro panel de capas para que sea un poco más fácil. Entonces, como puedes ver, esto tiene una fuente ligera, un peso de fuente ligero y 2020 puntos de tamaño, la fuente permanece igual. Así que vamos a crearlo. Vuelva a su documento. Vamos a acercarnos un poco. Lo vemos mejor. Escribe tu tagline. Viajar nunca ha sido tan fácil. Ahora, comencemos con el tamaño de fuente. Entonces no está así en nuestra cara. 20 puntos. Y cambia tu peso de fuente a ligero. Selecciona la herramienta Mover y muévela hacia abajo un poco. Así como así. Tal vez un poco más arriba. Así. A continuación, vamos a trabajar. Si la herramienta de texto marco. Ahora en la enésima herramienta de texto diferente funciona manera muy similar a la herramienta Texto Artístico. La principal diferencia es que simplemente hacemos clic y arrastramos un contenedor para que nuestros textos sean. Hagámoslo casi así de grande. Y podemos llenar este contenedor con texto de relleno haciendo clic derecho sobre él y haciendo clic en el texto de relleno de inserción. No seleccione su cuadro de texto y vamos a ponerle estilo. En primer lugar, cambiar el color a blanco para que podamos verlo, así como la familia de fuentes. A nuestra fuente UI. Para el tamaño de fuente, vamos con 18 puntos, así como hemos sido elementos de navegación así. Y eso será todo. Asegúrese de que enmarquemos el texto esté realmente por encima de su rectángulo de color. Así. Ahora una cosa sobre el texto de relleno es húmeda. Se ajusta al tamaño del contenedor. Entonces, si lo haces más grande, comenzará a llenar el nuevo espacio. Y si lo haces más pequeño, también eliminará el espacio antiguo. Es muy conveniente, pero no tenemos tanto control sobre nuestro vicio. Ahora, a continuación, queremos aumentar el espaciado entre estas líneas para que sea un poco legible. Entonces, seleccionemos el texto de tu marco y pasemos a tu panel de personajes. Ahora bien, ¿dónde, dónde cambiamos realmente la distancia entre dos líneas? Pueden hacerlo aquí abajo. Se llama anulación principal. Voy a ser podría elegir un preset de esto aquí mismo. Lo podemos escribir nosotros mismos. Entonces vamos con 24 puntos. Esto se ve mucho mejor y mucho más legible. Este texto abajo también, un poquito. Apenas por aquí. Casi terminamos con este diseño, pero todavía queremos tener nuestros dos botones de llamada a la acción aquí mismo. Ahora ya hemos creado uno de estos botones. Así que vamos a repasar a nuestra navegación. Podemos hacerlo en el panel de capas y simplemente copiar el botón de aquí y pegarlo aquí arriba. Así. Sí, no es necesario trabajar para crear el mismo elemento dos veces si vas a usarlo varias veces. Si el elemento que comerciamos es copiarlo y pegarlo dentro de los grupos. Entonces digamos que está justo aquí. Todavía está dentro del grupo y podemos moverlo fácilmente o fin de semana. Sigue siendo parte de esta gran cosa, así que se moverá. Una vez que movemos la navegación, puedes simplemente arrastrarla fuera del grupo de la cama haciendo clic y arrastrándola hasta aquí. Entonces queremos dos botones. Uno es ser libro blanco ahora botón que tenemos aquí mismo. Pero también queremos un poco no tan intrusivo. Contáctenos botón también. Así que vamos a crear eso para hacer con copiar y pegar tu patrón, manteniendo presionadas las teclas Alt y Mayús. Hagamos el espacio así como así. Entonces queremos que este botón sea transparente con un contorno blanco de un píxel. Y enviamos mensajes de texto dentro de él. También queremos ser blancos. Empecemos con los antecedentes reales. Ahora podríamos, podemos intercambiar fácilmente nuestros colores en el panel de colores haciendo clic en la flecha de doble cara. Ahora, tenemos un contorno blanco, pero también tenemos un fondo negro. Vamos a eliminarlo haciendo clic en TV, mueva el patrón de color en nuestro panel de color. A continuación, selecciona tu texto y simplemente cambia el color a blanco en el panel de color. Así como así. Ahora, casi hemos terminado nuestro diseño. Lo único que tenemos que hacer es mirar el panel fx rápido aquí mismo y aprender a crear este pequeño fondo borroso que tenemos en este diseño aquí mismo. 20. Proyecto 2: agrega toques finales con el panel de divisas rápidas: Bien, terminemos este proyecto intercambiando un desenfoque gaussiano en nuestra imagen. Entonces, ¿cómo hacemos eso? En realidad es increíblemente fácil en Affinity Designer. Lo único que tenemos que hacer es seleccionar nuestra imagen en nuestro panel de capas. Y luego ir al panel fx rápido, que está en el mismo grupo, capas SV por defecto. Pero si no lo tienes, ve a over to Window y da click en Quick f x aquí mismo. Ahora, en el panel de efectos rápidos, el grupo FA de diferentes objetos. Podemos crear contornos, podemos crear sombras y superposiciones de color. Pero también tenemos la opción Desenfoque Gaussiano aquí mismo. Al habilitarlo, puede crear el desenfoque gaussiano. Ahora, nada cambió hasta ahora porque primero tenemos que seleccionar el radio. Debería haberlo hecho. Puedes hacerlo extremadamente borroso como loco o simplemente un poco así. Ahora lo que esto hace al final, los inversores IN es el foco principal estará en el titular y el contenido vectorial de la misma y no tanto en la imagen. Entonces la atención estará donde queremos que esté. Vamos con, vamos con un píxel para nuestro desenfoque gaussiano. Ahora, todas estas opciones diferentes, pero tenemos tal superposición de color SV, por ejemplo, en el papel final muy similares entre sí. Por ejemplo, con la superposición de colores, simplemente puedes seleccionar el color, cambiar, ¿qué pares o te gusta eso? También puedes deshabilitarlo haciendo clic en estas marcas de verificación. Ahora, dependiendo de lo que tengas en mente, juega con estas opciones en el panel de efectos rápidos. Porque crear sombras y sombras sueltas y todas estas cosas es realmente increíblemente fácil y rápido de hacer. Entonces. Ahora. Así es como creas un diseño web sencillo en Affinity Designer para asegurarte de practicarlo tú mismo. Tal vez puedas hacer una variación del mismo y asegurarte de compartirlo con los demás alumnos también. Me encantaría ver lo que se te ocurre y ver tu progreso con este increíble software.