Diseño gráfico práctico: aprende a usar Adobe InDesign con los principios de diseño fundamentales | Kyle Aaron Parson | Skillshare
Buscar

Velocidad de reproducción


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

Diseño gráfico práctico: aprende a usar Adobe InDesign con los principios de diseño fundamentales

teacher avatar Kyle Aaron Parson, Graphic Designer and Illustrator

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 a la clase

      2:35

    • 2.

      Proyecto de la clase y expectativas

      1:44

    • 3.

      Características del documento

      3:40

    • 4.

      Configuración del documento: cómo empezar en InDesign

      7:54

    • 5.

      Knolling: crear orden

      2:07

    • 6.

      Alineación: crear estructura

      2:22

    • 7.

      Práctica de alineación

      9:05

    • 8.

      Jerarquía: captar la atención

      1:56

    • 9.

      Práctica de jerarquía

      11:50

    • 10.

      Tipografía: guía básica

      3:50

    • 11.

      Práctica de tipografía

      9:28

    • 12.

      Ejemplo de proyecto de clase: parte 1

      14:42

    • 13.

      Ejemplo de proyecto de clase: parte 2

      7:06

    • 14.

      Ejemplo de proyecto de clase: parte 3

      13:34

    • 15.

      ¡Gracias! ¡Son GENIALES!

      2:46

  • --
  • 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.

5529

Estudiantes

159

Proyectos

Acerca de esta clase

El diseño grafico busca comunicar una idea de manera efectiva y es algo necesario en todas las industrias. Aprende sobre los principios de diseño gráfico prácitcos para llevar tu mensaje al siguiente nivel con InDesign. Eso te ayudará a captar la atención de tus espectadores y a guiarlos a través de tu diseño. Aplica lo que aprendas en archivos de práctica interactivos que te ayudarán a desarrollar tus habilidades y conocimientos durante la clase. Cuando hayas terminado, tendrás diseños distinguidos para agregar a tu portafolio.

Únete a la clase del diseñador gráfico Kyle Aaron Parson para aprender los aspectos básicos de InDesign y conocer maneras prácticas de comunicar de manera efectiva a través del diseño de composición.

Lo que aprenderás:

  • Aspectos básicos de InDesign
  • Términos de producción: recorte, margen de sangrado y márgenes
  • Creación de relaciones visuales con alineación
  • Uso de jerarquía para darle estructura a tus diseños
  • Aspectos básicos de la tipografía
  • Uso de lo aprendido en archivos de clientes

Cuando empecé a aprender diseno gráfico estaba muy centrado en aprender Photoshop ee Illustrator, y nunca me tomé el tiempo de aprender en detalle sobre InDesign. Sin embargo, si tuviera que volver a empezar, aprendería InDesign primero. Es una herramienta central para crear documentos hermosos tanto para la web como para impresiones. Con frecuencia, InDesign es mi última parada antes de enviar mis trabajos para impresión o para publicar en la web. Por este motivo, así seas diseñador o no, aprender InDesign es un recurso invaluable que te permitirá destacarte en prácticamente cualquier industria.

Esta clase es para todos aquellos que quieran crear trabajos distinguidos que se destaquen. InDesign es el último programa por el que pasará te trabajo antes de que se publique y, en el mundo del diseño, los retoques finales marcan la diferencia.

Conoce a tu profesor(a)

Teacher Profile Image

Kyle Aaron Parson

Graphic Designer and Illustrator

Top Teacher

Habilidades relacionadas

Adobe InDesign Diseño Diseño gráfico
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 a la clase: El diseño gráfico se trata de comunicar ideas de manera efectiva, y esto es importante en todas las industrias. Esta clase te dará una base firme sobre cómo puedes llevar tu mensaje al siguiente nivel mediante la implementación de principios prácticos de diseño gráfico que atraparán la sanción de tus espectadores y guíalos a través de tu diseño. Oigan chicos, mi nombre es Tyler y párroco. Soy diseñador gráfico e ilustrador con sede en Edmonton, Canadá. He sido diseñador gráfico freelance casi una década. Y a lo largo de ese tiempo he trabajado en muchos proyectos como diseños de logotipos galardonados y diseños de carteles. Los clientes vienen a mí y me dan información para un folleto, diseño de carteles, una portada de libro, y muchas otras cosas. Y es mi trabajo tomar esa información y organizarla de una manera agradable, efectiva para que capte la atención del espectador ylo la atención del espectador y guíe a través de la información. Ahora esto es algo que cualquiera puede hacer una vez que aprenda algunos principios prácticos de diseño gráfico y los aplique a sus diseños. Cuando empecé a aprender diseño gráfico, realmente me enfoqué en aprender Photoshop e Illustrator, y nunca lo consideré realmente en el diseño. Sin embargo, una cosa que haría diferente si comenzara mi viaje de diseño gráfico de nuevo es aprender diseño temprano. Esto se debe a que InDesign es una herramienta poderosa en creación de documentos hermosos para impresión y para Web. Aunque puedes hacer muchas cosas en Photoshop e Illustrator, como diseño, un logotipo, e ilustración editorial, o manipulación fotográfica. A menudo se da el caso de que este es sólo el punto de partida. Y el paso final es traer todos esos componentes a InDesign para formatear con el fin de enviarlo a la impresora o a la web. Y como InDesign es mi último paso en mi flujo de trabajo, es fundamental que sepa utilizar las herramientas de manera efectiva, pues en el mundo del diseño, los toques finales marcan toda la diferencia. Esta clase te presentará a InDesign y cómo puedes hacer trabajo pulido basado en un conjunto de principios de diseño. Aprenderás principios prácticos de diseño gráfico como alineación, jerarquía y tipografía. Y esto elevará su diseño al siguiente nivel para que pueda comunicarse de manera efectiva. Esta clase es para cualquier persona que quiera hacer un trabajo más pulido para que puedas comunicar tu mensaje manera efectiva y subir de nivel tus diseños. Aunque estaremos utilizando InDesign durante toda la clase para aprender los principios del diseño gráfico. Estos principios de diseño gráfico se pueden aplicar a cualquier aplicación y realmente a cualquier diseño. Por lo que si estás listo para aprender diseño gráfico práctico, te veré en clase. 2. Proyecto de clase y qué esperar: Tu proyecto para esta clase es dar formato a un documento, ya sea un cartel, un anuncio editorial, incluso un menú de restaurante, realmente cualquier cosa que use textos e imágenes. Y luego aplicar los principios de diseño gráfico enseñados en la clase. En la primera sección, repasaremos un documento básico de InDesign y lo que lo compone. Entenderemos términos como trim and bleed y entenderemos que el modo de color es RGB y CMYK y cuándo usarlos. En la segunda sección, nos sumergiremos en un poco de la teoría del diseño y comprenderemos cosas como alineación, jerarquía y topografía básica que cuando se apliquen a su diseño, atraparán su atenciónde los espectadores y guiarlos a través de ella. En la tercera sección, nos sumergiremos directamente en InDesign y aprenderemos la funcionalidad básica del programa. Y también, crearemos nuestro proyecto de clase utilizando las cosas que hemos aprendido en clase. Todo lo que necesitarás para esta clase es una computadora con InDesign instalado. Aunque gran parte de esta clase, estaremos aprendiendo los principios de diseño gráfico que se pueden aplicar a cualquier aplicación de su elección. Estaremos utilizando archivos de práctica de InDesign para tomar lo que hemos aprendido y ponerlos en práctica. Si no tienes InDesign, siempre puedes registrarte para una prueba gratuita de siete días a través Adobe y utilizar ese tiempo para ir a través de los archivos de la práctica. Después de descargar los archivos del proyecto, podrás seguirlos. Al final de la clase, tendrá una comprensión completa cómo puede personalizar fácilmente sus documentos y utilizar los principios prácticos de diseño gráfico. En la siguiente clase, aprenderemos los conceptos básicos de un documento de InDesign y la configuración. 3. Funciones de documentos.: En esta clase, aprendamos algunas características clave que se aplicarán a nuestro documento cuando estemos trabajando en InDesign. Cuando trabajamos en InDesign, muchas de las cosas que producimos serán para impresión. Hay algunos términos que debemos entender como recortar, márgenes y sangrar. El recorte es esencialmente el tamaño final de su documento. Muchas impresoras imprimirán en papel de gran tamaño y luego las recortarán al tamaño final después. Los márgenes son esencialmente el marco de nuestro papel donde contendrá toda nuestra información importante. Si salimos fuera de los márgenes, los detalles esenciales pueden cortarse y nuestro diseño podría estar demasiado cerca del borde y verse bien. Por lo que desea mantener cualquier información importante dentro de los márgenes. Puedes ajustar tus márgenes para que tengas más o menos espacios en blanco alrededor de tu documento. Y esto podría ayudar a que tu diseño respire. Bleed es una extensión de nuestro documento que permite que las imágenes o gráficos vayan directamente al borde. Las impresoras imprimen en papel de gran tamaño, luego recortan el papel hasta el tamaño de los documentos. Ya que los documentos se cortan después del hecho, si empujamos nuestra imagen es sólo a la línea de recorte y está ligeramente desalineada. Es posible que tengas una pequeña racha blanca en el borde de tu página. Sin embargo, para evitar esto, empujamos nuestras imágenes al sangrado más allá de la línea de recorte. Esto permite que nuestra imagen esté justo al borde cada vez. Ahora que entendemos que tanto la página en InDesign, vamos a entender acerca de los modos de color comunes que vamos a utilizar. Hay dos modos de color principales con los que estaremos trabajando. Rgb o CMYK. Rgb es el modo de color que se suele usar para las pantallas, y CMYK es el modo de color suele usar cuando las cosas salen a imprimir. Si estás trabajando en RGB, solo ten en cuenta que cuando salgas a imprimir tu documento, puede que no salga tan vibrante como viste en la pantalla. Por eso es que si sabes que vas a ir a imprimir, es mejor trabajar en CMYK. Ahora vamos a aprender un poco sobre RGB y CMYK. Rgb es un modo de color aditivo, ya que cuando agregas todos los colores juntos, obtienes blanco. En una pantalla o pantalla RGB, hay miles de diminutos conocidos que tienen tres colores, rojo, verde y azul. Cuando enciendes cada uno por completo, ¿obtienes qué? Esto es. A qué me refiero por aditivo. Añadimos todos los colores para conseguir blanco. Cmyk, sin embargo, es un modo de color sustractivo, ya que a medida que se eliminen los colores, solo dejará blanco. En el proceso de impresión CMYK, se ejecuta para diferentes tintas de color. Cian, magenta, amarillo y negro. Como una impresora recorre cada color, solo las áreas sin tinta serán una. Esto es lo que quiero decir con sustractivo. Ya que tenemos que quitar cada color para conseguir blanco, aunque puede que no necesite conocer todos los detalles del proceso de impresión o RGB. Es bueno entender los resultados finales para que pueda planificar su proyecto en consecuencia. Recuerda, si sabes de antemano que vas a producir algo solo para que las pantallas funcionen en RGB. Pero si sabes que vas a planear algo para imprimir, podría ser mejor comenzar en CMYK. En la siguiente clase, vamos a caminar a través de cómo configurar un documento básico en InDesign. 4. Configuración de documentos: introducción en InDesign: Hey chicos, en esta clase, vamos a aprender a configurar rápidamente nuestro documento, entender algunas características clave de InDesign, y pasar por un par de herramientas que vamos a utilizar a lo largo de la clase. Por lo que cuando abras InDesign, vendrás a este menú aquí. Esta es la pantalla de bienvenida. En la pantalla de bienvenida, se pueden ver algunas cosas diferentes. Se puede ver en el lado izquierdo que tiene una nueva opción de archivo. Puede abrir un archivo de InDesign existente, o tiene opciones de menú de documentos recientes que ha tenido abiertos. Se puede ver que he tenido algunas abiertas recientemente. Sin embargo, si estás abriendo InDesign por primera vez, tu diseño podría verse un poco diferente al mío, pero eso está bien porque en lo que nos vamos a centrar es en la nueva opción de archivo. Vamos a dar clic en eso y aquí nos abrirá nuestras opciones. Cuando estamos creando un nuevo documento en InDesign. Indesign nos da unos presets dependiendo de lo que queramos crear. Por lo que tiene algunas opciones aquí tenemos algo para imprimir. Te da un montón de documentos impresos como papel tamaño carta, tabloide legal, media carta, y muchos otros que puedes usar. Puedes decidir elegir algo para web o incluso para un dispositivo móvil. Tiene estos presets ya hechos. Entonces, si estás haciendo un diseño específicamente para una lata de iPhone, ya tiene ese tamaño preestablecido en InDesign. Hace que sea realmente fácil crear diseños específicamente para un elemento específico, como un iPhone ten o un documento de Word. Hoy vamos a crear algo para imprimir. Y vamos a pasar al lado derecho. El lado derecho, se puede ver que hay algunas opciones diferentes. Puedes titular tu documento y eso es un documento configurado. Y tiene la capacidad de cambiar la altura, altura y el ancho de su documento. Puedes subir en incrementos usando las teclas de flecha así. También puedes decidir qué unidades quieres usar, ya sea en pulgadas o milímetros o píxeles. Después de eso, se puede ver que hay páginas. Por lo que si tienes un documento de varias páginas, puedes decidir cuántas páginas quieres. Y aquí hay una casilla de verificación que está frente a las páginas. Las páginas que faltan se usan generalmente cuando se está haciendo algún tipo de libro de folleto. Significa que tus páginas que tienes en tu documento terminarán enfrentadas. Puedes hacer clic en esto. Entonces, si tienes varias páginas, quieres que se doblen entre sí. Por lo que quieres páginas enfrentadas en. No obstante, en nuestro caso vamos a hacer una sola página y no necesitamos eso puesto. Y luego puedes comenzar en la página número uno. Y un marco de texto primario esencialmente hace un marco dentro de los límites que has señalado aquí. Si has creado un margen específico, creará un cuadro de texto predeterminado en proporción a ese margen, lo cual es realmente genial. Acelera tu flujo de trabajo y lo repasaremos en esta clase. No obstante, es algo que esperamos en futuras clases que enseñaré en InDesign. De acuerdo, si bajamos más, pasaremos por los márgenes. Los márgenes son esencialmente su marco en el que desea contener su información importante. Por lo que puede aumentar o disminuir el tamaño de sus márgenes. Y si solo quieres cambiar un lado de tus márgenes, puedes ver por aquí hay una opción de enlace. Puedes desvincularlo. Y digamos que quiero que la parte inferior tenga más espacios en blanco que la parte superior y todos los demás sean iguales, puedo aumentar eso a una pulgada. Ahora la parte inferior tendremos una pulgada de espacio en blanco y en todas partes tendremos 0.5 pulgadas. Ahora estamos abajo a la hemorragia. Ahora recordemos que el sangrado es la extensión de nuestros documentos para que cuando queremos que los gráficos vayan directo al borde de nuestra página, los empujemos al sangrado para que cuando se esté recortando durante el proceso de impresión y el proceso de corte, en realidad no perderemos ningún gráfico. Van a ir directo al borde cada vez. Y luego tenemos una opción llamada slug, Slug. En serio, no vamos a hablar demasiado de ello. Ellos es sólo otra extensión a tu documento para escribir notas o algo específico para las impresoras. No es frecuente que los diseñadores lo usen. Es principalmente para las impresoras. Es posible que quieran agregar un slugging para decir, debes cortar aquí, debes doblar aquí, algo así. Pero para nosotros hoy eso no es demasiado importante. Creo que todo lo que tenemos aquí es bueno. Vamos a agregar un sangrado de 0.125 es un sangrado bastante estándar. Donde quiera que vayas. Sin embargo, si estás consiguiendo una impresora para imprimir tus documentos, pregúntales qué requieren que tal vez necesiten un sangrado de 0.25 pulgadas, no como 0.125, pero eso es diferente dependiendo de a donde vayas. Pero para la mayoría de los casos es 0.125 será genial. De acuerdo, ahora podemos darle a Crear. Ahora que estamos en nuestro documento, quiero darte un recorrido rápido para que puedas entender lo que está sucediendo en InDesign. Saltando justo aquí, puedes ver que tienes tu menú en la parte superior, tu tipo de diseño de edición de archivos tiene algunas opciones de tipo. Objeto tiene algunas cosas para gráficos y objetos que usted está creando, tablas, vista, ventana, y ayuda. Aquí arriba puedes ver un menú desplegable que actualmente está en Essentials. Este es el menú Espacio de trabajo. Entonces dependiendo de cómo quieras trabajar en InDesign y de qué Windows quieres abrir. Es posible que quieras cambiar esto por otra cosa, como Essentials Classic. Podría traer a colación algunas opciones diferentes aquí. No obstante, voy a volver a poner eso Essentials solo para mantenerlo agradable y limpio. encima del lado izquierdo, puedes ver nuestra barra de herramientas. Podemos subir aquí y activar nuestra barra de herramientas de entrada y salida así como así. Entonces tiene unas cuantas herramientas diferentes. Vamos a repasarlo ahora mismo. Los dos primeros en la parte superior son sus herramientas de selección, su herramienta de selección general y su herramienta de selección directa. Lo siguiente que quiero mostrarles son estas dos cajas de aquí. Estas son nuestras herramientas de forma. Tenemos dos tipos diferentes de herramientas de forma. Contamos con una herramienta de marco y una herramienta de forma irregular. Si hacemos clic y mantenemos pulsado, puedes abrir la herramienta de forma y te mostrará algunas opciones diferentes. Puede crear un rectángulo, o un círculo, o un polígono, y esto es lo mismo con la herramienta de marco. No obstante, funcionan ligeramente diferentes. El rectángulo, en realidad puedes crear una forma y luego puedes darle a esa forma un poco de color. Entonces si hago doble clic en este cuadro de aquí, este es el color de relleno. Yo le puedo dar algún tipo de color como ese. No obstante, el marco, cuando hago clic en eso y hago clic y arrastro, se puede ver que sólo tiene una x a través de él. ¿ Qué significa eso? Seusa un marco cuando queremos usar gráficos en nuestro documento, pero aún no sabemos qué queremos colocar allí. Para que podamos diseñar nuestro documento y ponerlo como marcador de posición. Diga, quiero una foto aquí, voy a poner un marco ahí. Más adelante. Pondré ahí esa imagen real, pero es sólo un marcador de posición. Hasta que eso suceda, estás diciendo, sé que quiero algo aquí y este es un marco que lo va a sostener para que puedas diseñar tu documento de antemano y traer todos tus elementos más adelante. Y todo estará muy bien ejecutado. Y entonces lo siguiente que quiero repasar lo más rápido es nuestra herramienta de tipo. La herramienta de texto es T en su teclado, y funciona de manera similar a nuestra herramienta de rectángulo y marco. Puede hacer clic y mantener pulsado y arrastrar hacia fuera una caja. No obstante, esta caja es un poco diferente. Se puede ver que ahí mismo hay un cursor parpadeante. Eso significa que es un cuadro de texto en vivo y ahora puedo empezar a escribir en mi texto. Lo que yo quiera, así como así. Ahora que sabemos un poco sobre InDesign, repasemos algunos principios prácticos de diseño gráfico en la siguiente clase. 5. Knolling: creación de orden: Antes de pasar a los principios del diseño, quiero mostrarles una forma sencilla de hacer que cualquier combinación de objetos sea más atractivo y organizado. Esta práctica se llama Nolan. Nulling es simplemente el proceso de organizar objetos en ángulo recto para que sean paralelos entre sí o a 90 grados. Mantiene todo organizado y crea imágenes limpias y atractivas para aplicar. Nulling es muy sencillo. Pasemos por una práctica rápida que puedes probar tú mismo. Todo lo que necesitas hacer es agarrar algunas cosas tiradas alrededor de tu escritorio, el teclado y el ratón, reloj de arena. A lo mejor tienes algunos juguetes, lápices, bolígrafos, o cuaderno de notas, cualquier cosa. Ahora para empezar, debes conseguirte un objeto clave como punto de referencia inicial. Después de que se coloque se alinearán todos los demás elementos en relación con el objeto clave. Mantener líneas paralelas o perpendiculares. Esencialmente, estás creando una cuadrícula personalizada hecha a partir de los elementos que componen tu composición. Esto se puede hacer tan fácilmente pantalla como fuera de la pantalla. Ahora quiero que te diviertas y lo pruebes tú mismo. Toma algunos objetos que estén por ahí contigo. No tiene que ser muchos y organizarlos de esta manera. Usa los principios de nulling para crear una composición agradable. Después toma una foto de tu composición y publícala en el panel del proyecto. El saber se ha utilizado tanto en las redes sociales como en los anuncios. ¿Por qué? Porque es agradable a la vista. Cuando arreglamos elementos de una manera organizada, en realidad, nuestro cerebro simplemente reconoce que esto es satisfactorio. Crear alineación en sus diseños instantáneamente hará que sus diseños sean más atractivos porque crea una relación entre los componentes y es más fácil navegar. En nuestra siguiente clase, aprenderemos sobre el principio de alineación y cómo podemos aplicarlo a nuestros diseños. 6. Alineación: estructura de construcción: Ahora que entendemos cómo el simple revestimiento de objetos en ángulo recto puede aumentar el atractivo de un diseño y crear un sentido de relación. Pasaremos a aprender algunos principios prácticos de diseño gráfico que cuando se apliquen, mejorarán instantáneamente cualquier diseño. Alineación es simplemente organizar nuestro texto e imágenes para crear una relación que es fácil de caer, sin embargo, hay muchas maneras de alinear las cosas para crear orden. Podemos alinear todo al centro o a la izquierda o a la derecha. Si tiene gráficos dispuestos uno al lado del otro, puede alinear los elementos en la parte superior, inferior o central. El lenguaje tiene un flujo natural. En inglés, leemos de izquierda a derecha. Ahora, imagínense tratando de leer este grupo de textos. Está por todo el lugar. Nuestros ojos no saben a dónde ir a continuación. No obstante, si alineamos todo el texto a la izquierda, esto permite inmediatamente al lector seguir las palabras ya que la posición inicial de la siguiente línea permanece constante. Sin embargo, podrías alinear el texto al centro para crear simetría y equilibrio. No obstante, después de tres líneas de texto, los ojos del lector se ven obligados a saltar bastante por ahí. Esto puede hacer que la experiencia sea confusa y terminar perdiendo la atención del espectador. Visualmente, tus diseños lucirán más pulidos si tus diseños están alineados de alguna manera, incluso si hay pocos artículos presentes. Por lo tanto, a medida que desarrolla sus diseños, busque cosas que se puedan alinear para que pueda crear un diseño más cohesivo junto con el espaciado de alineación ayudará a su diseño general sea más fácil para el espectador a seguir. Tener un espaciado adecuado ayudará a su vista o tendrá un paso visual consistente de un elemento a otro. Puede tener un espaciado establecido para las líneas un párrafo o entre un párrafo en un encabezado, creando un grupo de elementos y creando espaciado consistente entre los grupos. Siempre y cuando pienses en aplicar consistencia al espaciado dentro de tu diseño, crearás un diseño agradable. Ahora, pongamos esto en práctica en los recursos del proyecto encontrarás un archivo llamado práctica de alineación. En la siguiente clase, veremos cómo puedes usar las herramientas de alineación en Adobe InDesign para crear alineación y crear relaciones entre todos tus elementos en tu documento. 7. Práctica de alineación: Oigan chicos, en esta clase repasaremos algunas herramientas para ayudarnos a crear alineación y nuestros documentos para que puedan tener un diseño más cohesivo y construir relaciones entre todos sus elementos. Saltemos derecho a ello. De acuerdo, saltando al documento aquí. Esta es nuestra hoja de práctica de alineación y espaciado que puedes encontrar en el panel del proyecto. Si no lo tienes abierto y ve a descargarlo y puedes seguirlo. Entonces lo primero que se puede ver es que tenemos una breve historia de la pizza. Ahora es muy chulo e interesante artículo enseñándote un poco sobre la historia de la pizza. Entonces si quieres leerlo, definitivamente adelante. No obstante, parece que alguien simplemente al azar a través de algunas imágenes y algún texto ahí. Bueno, eso es exactamente lo que pasó. Eso es exactamente lo que hice. Entonces no me culpes. Lo vamos a arreglar juntos. Lo primero que queremos hacer es arreglar el texto aquí abajo. Recuerda, en inglés, leemos de izquierda a derecha. Entonces cuando alineamos el texto al centro y a veces gente se confunde o sus ojos cansan de saltar por todas partes. Por lo que es beneficioso alinear tu texto a la izquierda si tienes grandes cantidades de textos. Y en este caso definitivamente sí tenemos grandes cantidades de texto. Entonces saltemos y arreglemos eso. Algo que tenemos que hacer es abrir algunas ventanas. Si vamos a Windows, vamos a Tipo y Tablas y podemos bajar al párrafo. Se abrirá el menú de párrafos y podemos ver que hay algunas opciones diferentes. Puede alinear a la izquierda, alinear, centrar, alinear, derecha. Podemos aplicar esto a nuestro documento. Por lo que podemos dar click en los párrafos que tienen texto desalineado. Y podemos mantener pulsada la tecla Mayús para hacer clic en todas y todas a la vez. Podemos alinear todos los textos a la izquierda. Ahora, si queremos previsualizar cómo se ve esto sin todas estas cajas guía y los márgenes y el sangrado. Podemos pasar por aquí a esta opción aquí tenemos la vista normal o tenemos la vista previa que se deshace de todas nuestras guías y nuestros márgenes y podemos ver cuál será ya el resultado final. Esto se ve mucho mejor porque todo el texto masivo está alineado a la izquierda. Crea unos pasos visuales consistentes para que los lectores sigan. Volvamos a entrar y veamos cómo podemos ajustar esto un poco más. Vamos a golpear W en nuestro teclado y podemos encender nuestras cuadrículas y guías. Y podemos ver que sí tenemos un margen. Recuerde, el margen es una especie de marco que contiene nuestra información y podemos utilizar este margen para alinear las cosas. Podemos ver que este texto de aquí abajo ya está alineado justo al margen, así como esta imagen de la pizza, queremos hacer algunas relaciones entre todos estos objetos y hacerlo consistente. Para que podamos tomar esta breve historia de la pizza y podamos moverla. Ahora, una cosa que puedes ver es están apareciendo estas líneas verdes. Lo que eso es una guía inteligente. Si no los ves, puedes ir a Ver Cuadrículas y Guías. Guías inteligentes que le permite hacer clic en los puntos y resalta las áreas donde ve alineación en sus documentos. Por lo que hace que sea realmente fácil alinear las cosas. Entonces esta caja de pizza, esta caja de texto de pizza, ya está alineada al margen, pero son los textos por aquí en el medio. Entonces, ¿cómo solucionamos eso? Pasamos a nuestro párrafo y vamos Alinear a la Izquierda. Y ahora se puede ver que todos están alineados. Si le pegamos a W, se puede ver que se ve muy limpio. Lo siguiente que queremos hacer es que podamos bajar un poco esta imagen y permitir que ese título de pizza escombros que destaque en el fondo ahí. Entonces tenemos algo de espacio entre esta imagen y esa imagen. Así que quiero alinear esta imagen exactamente centrada horizontalmente con la otra imagen. ¿Cómo hago eso? Ahora una cosa que podría hacer es hacer clic en él y puedo arrastrarlo hacia abajo. Y puedes ver a mis guías inteligentes encajar cuando está alineada a esa imagen. Y esa es una cosa realmente buena que quiero hacer es que quiero alinearla perfectamente al centro. Eso lo puedo hacer con mis guías inteligentes. Se puede ver que aparece una línea morada cuando está centrada. Pero, ¿y si sólo quiero hacerlo en un clic? Si está por aquí y está perfectamente alineado allá, pero quiero alinearlo a mi página. Puedo abrir el panel Alinear. Si voy a windows object y Layout, y voy a una mina, se abrirá mi panel Alinear. La opción alineada me da las opciones para alinear objetos a la izquierda, centro, a la derecha, arriba, abajo y al centro horizontal. Y puedes distribuir objetos de manera uniforme. Ahora, una cosa que hay que ver aquí es que hay opciones a las que alinear. Actualmente, dice alinear a la selección. No obstante, si haces clic y mantienes pulsado, puedes ver que hay otras opciones que puedes alinear con los márgenes. Se puede alinear a la página, se puede alinear al sprint. Veamos qué hacen estas opciones. Entonces, si quería alinearlo a los márgenes, puedo hacer clic en eso y puedo hacer clic en una línea y la aparece y la alinea directamente al margen. Si quiero alinearlo a la página y hago clic en alinear a la izquierda, se alineará hasta el borde de la página. Entonces eso es realmente genial. Pero lo quiero en el centro de la página para poder hacer horizontal central, y va a ir directamente al centro de la página. Lo siguiente que quiero hacer es alinear este bloque de texto directamente centrado a este objeto. Ahora, si hacemos clic en ambos objetos, podemos ir Alinear a Selección y centrados. Ahora, ¿qué pasó? Tomó mi foto superior y mi parte inferior de textos y los alineó al centro entre su posición original. Por lo que encontró el término medio. Sin embargo, quería mi herramienta de texto inferior en línea sólo a la imagen y no quería que la imagen se moviera. Entonces vamos a deshacer eso golpeando Control Z. Ahora, hay otra opción. Si haces clic y mantienes alineado al objeto clave. ¿ Cómo activamos esto? Es muy sencillo. Si hacemos clic en ambos objetos sosteniendo Shift y luego soltamos Shift y volvemos a hacer clic en un objeto. puede ver que lo resalta con una gran barra azul gruesa. Esto crea un objeto clave. Ahora en nuestro panel Alinear, puedes ver que hay una llave en este lado, la caja alineada. Ahora, cuando hago clic en Alinear al centro, el objeto clave no se moverá y el cuadro de texto se moverá perfectamente al centro del objeto clave. Ahora vamos a pasar y tratar en línea algunos objetos más. Ahora, este es el cuadro de texto. Quiero sacarlo un poco. Quiero que todos estos tres cuadros de texto se alineen perfectamente con la parte superior de este cuadro de texto. Entonces, ¿cómo hago eso? Mantenga pulsado Shift, selecciónelos todos. Haga clic una vez más en el cuadro de texto principal y cree un objeto clave allí y alinee a la parte superior. Y ahora puedes ver que todos se alinean de manera uniforme. Ahora, puedo bajar un poco esto y darle a W para ver cómo se ve eso. Se ve bastante bien. Pero creo que estos necesitan subir un poco así como así. Bueno w, y eso se ve mucho mejor. Tiene algún espacio entre estos dos grupos de texto. Ahora, para crear un poco más de repetición, quiero crear el mismo espaciado entre estas dos cajas que en estas dos cajas. Entonces, ¿cómo hago eso? Puedo tratar de mirarlo y traté de arrastrar éste hacia arriba y hacerlo cerrar. Pero podemos hacerlo aún mejor si creamos un rectángulo, haciendo clic en M en tu teclado. Y podemos dar clic en la parte inferior de esta caja y la inferior a la parte superior de la caja inferior. Más débil, crea un rectángulo, dale un poco de color. Ahora podemos arrastrar este derecho a la parte inferior de nuestro cuadro de texto superior aquí. Si nos acercamos, podemos entonces tirar de éste hacia arriba y emparejar eso perfectamente. Y ahora podemos ver que esos dos espaciamientos son exactamente los mismos. Y esto creará consistencia en su documento que será agradable para el espectador. Ahora vemos que pasamos de un documento muy desorganizado a un documento muy limpio y organizado. Aplicando los principios de alineación. Esto crea relaciones entre ciertos elementos y una especie de guía al espectador a lo largo de su diseño. Entonces lo que quiero que hagas para esta clase es pasar por esta hoja de práctica, así como hay una hoja de práctica secundaria debajo que puedes intentar aplicar lo que has aprendido. Y definitivamente quiero ver qué hacen ustedes con ella. Así que definitivamente publicado en el panel del proyecto después de que termines en la siguiente clase, repasaremos un principio de diseño que capturará instantáneamente la atención del espectador y lo guiará a través de tu diseño. 8. Jerarquía: capta la atención: En esta clase vamos a hablar del rey del diseño visual. Si dominas esto, podrás transmitir cualquier mensaje de manera efectiva. Entonces, ¿qué es este rey? Es jerarquía. jerarquía visual es el principio de organizar los elementos para mostrar su orden de importancia. La jerarquía es simplemente guiar a tu espectador hacia donde debería mirar. Primero, mira aquí, después mira aquí. Y por último, aquí, si haces bien tu trabajo, harás llegar tu mensaje claramente. Si bien hay muchas formas en que podemos establecer jerarquía, hoy sólo vamos a pasar por unas cuantas. Las formas de jerarquía por las que pasaremos hoy, nuestra escala, contraste de color. Y por último, pasaremos por el estilo o la forma. La forma más obvia de jerarquía que se utilizará en la mayoría de los diseños es la escala. Dado que los espectadores notaron elementos más grandes fácilmente, puedes usar la escala para expresar o lo que el espectador debe mirar primero. Para crear una sensación de equilibrio en un diseño usando escala, es necesario tener elementos de varios tamaños. Es por esto que en casi cualquier diseño, querrás conocerlos. Y eso es grande, uno que es mediano, y uno que es pequeño. La siguiente forma de establecer jerarquía es el color y el contraste. Los colores brillantes típicamente atrajeron más la atención que los apagados. Aunque un mayor contraste en última instancia dominará los colores brillantes si el contraste entre éste y el fondo es bajo. La forma final de aplicar la jerarquía es el estilo o la forma. Las personas se sienten atraídas por cosas que están fuera de lo común, lo diferente, un elemento que es diferente en estilo o forma del resto suele llamar la atención del espectador primero. En la siguiente lección, pasaremos por las hojas de práctica de jerarquía que puedes encontrar en los recursos del proyecto. Entonces ve a descargarlo y te veré en clase. 9. Práctica de jerarquía: Oigan chicos, en esta clase pasaremos por poner en práctica los principios de jerarquía en un diseño de maquetación. De acuerdo, saltemos directo a ello. Entonces el documento que tengo abierto aquí es jerarquía. Lo puedes encontrar en el panel del proyecto con los documentos de práctica. Para esta clase, vamos a ir a través de cómo podemos realmente utilizar los principios de jerarquía para aumentar la efectividad de este documento. Entonces vamos a ver qué podemos hacer con él. Lo primero que tenemos que entender es que en este momento tenemos mucha información aquí y nada realmente sobresale. Golpeamos a W, podemos ver que todo fue una especie de mezcla entre sí. Tenemos un título aquí, pero ¿eso es un título? En realidad no lo sé. En base a lo que veo aquí es sólo un grupo de textos. Estodo el mismo texto. Entonces tenemos que pensar, ¿qué queremos que vea primero el espectador? ¿ Qué queremos que vea el espectador a continuación? Y entonces, ¿qué queremos que vea el espectador? Y podemos tratar de poner en práctica el principio de jerarquía para establecer estas cosas. Entonces vamos a pasar por eso. Loprimero que quiero hacer es sacar este título aquí. Entonces tengo dos partes del título. Conseguimos la historia de y llegamos a los videojuegos. Los videojuegos son el frente y centro del título. Ese es el propósito principal de esto. Entonces esto probablemente será lo más grande o los textos más grandes que tengamos disponibles en este documento. Entonces hagámoslo aquí. Vamos a aumentar ese tamaño. Bastante grande. Algo que podemos hacer para darle un poco más de jerarquía, en realidad podemos distinguirlo de todo el resto del documento. Cómo, al diferenciar el estilo. Recuerda que la gente busca lo diferente, lo inusual. Entonces, si tenemos un texto que es diferente a todos los demás textos, nuestros ojos van a ir automáticamente para allá. Entonces busquemos un texto que tipo de encaje con el tema de los videojuegos. Para que podamos entrar en nuestro panel de Personajes aquí. Si no tienes eso abierto, puedes ir a Windows, escribir tabla, e ir a Personaje. En esta tabla, en realidad podemos seleccionar qué texto o qué fuente queremos usar. En realidad, he tenido algunas fuentes diferentes aquí y algunas de ellas se ven bastante chulas. futuro se ve bastante bien. Es una versión muy geométrica, pero voy a seleccionar esta aquí. Etnocéntrico. Es un tipo bastante cool. Por lo que puedes ver aquí que ahora solo tengo video aquí y tengo esta caja aquí. Lo que eso significa es que hay texto sobrepuesto. Significa que los textos que tengo ahí dentro no pueden caber dentro de mi marco de texto, lo cual está bien, pero quiero ver ese texto. Entonces, cómo podemos deshacernos de eso es que solo podemos sacar un cuadro de texto. Y se puede ver que aparecen los videojuegos. Siempre que veas esa casilla roja con el signo más, significa que hay textos sobrepuestos que hay que abordar. Entonces ahora que hemos abordado eso, podemos seguir adelante y jugar con la historia de la historia de la misma no necesita ser tan grande o diferente como los videojuegos. Para que podamos aumentar un poco el tamaño. Y también podemos cambiar esa fuente. Podemos cambiar el peso de la fuente. Entonces tenemos a Roboto, esa va a ser nuestra fuente principal. Tira el documento. Eso es bastante fácil de leer fuente, por lo que es bueno para la mayor parte del texto. Pero también podemos usarlo en nuestro título para que podamos mantenerlo como rubato y podamos cambiar el peso del mismo. Para que vean que podemos ir muy delgados con él, o podemos sacarlo a colación, darle un poco atrevido, así como así. Ahora, justo con eso, podemos ver que ya hay un bonito sentido de jerarquía. Realmente nos sentimos atraídos por esto de aquí, pero hay una cosa más que podemos aplicar al título que en realidad creará aún más jerarquía que atraerá nuestros ojos instantáneamente a este título. ¿ Qué es eso? Entonces pasamos por tamaño o escala, y pasamos por estilo o forma cambiando la fuente. Ahora bien, ¿qué podemos hacer? Podemos aplicarle un color. Entonces, ¿cómo aplicamos el color a nuestro tipo? Si vamos a ventana y vamos a color, y vamos a color otra vez en el menú. Esto lo abrirá. Ahora, se puede ver en las opciones de color, hay dos cosas. Si seleccionamos nuestro texto, se puede ver que si seleccionamos un color aquí, realmente no es lo que queríamos hacer. Porque hay dos opciones. Tenemos la caja en sí o el texto. Para cambiar el color del texto, necesitamos seleccionar el cuadro de texto aquí. Entonces ahora mismo no quiero que tengan ningún color. Por lo que voy a quitar eso haciendo clic en esta barra roja de aquí. Y ahora voy a dar clic en mi tipo. Ahora lo que pasó es porque era blanco y negro, me da esta opción aquí, y sólo me da un valor entre blanco y negro, pero no quiero eso. Así puedo ir al menú desplegable apagado a un lado, y puedo cambiarlo a una de estas cuatro opciones. Hbb, laboratorio, CMYK o RGB. Por simplicidad, voy a ir HSB y esto es tono, saturación y brillo. Puedo cambiar el color del texto a eso, a cualquier parte del arco iris. Y está bastante oscuro. Entonces necesito aligerarlo. Y no está saturado para nada. Entonces necesito sacar a colación la saturación. Ahora ya puedes ver lo que está pasando. Ahora en esta imagen del hombre de aquí, se puede ver que hay unos cuantos morados y cosas por el estilo. Entonces me gusta mucho ese tema, así que voy a aplicar eso a mi texto, hacerlo un poco más brillante. Justo así. Ahora si previsualizamos esto, se puede ver de inmediato, esto hizo una gran diferencia en nuestro documento. La historia de los videojuegos que destaca entre todos los demás. Pero esta historia de, es bastante dura porque esta no es una fuente realmente oscura y este tipo de la supera porque es tan oscura. Entonces podemos cambiar la historia del texto y podemos reducirlo y hacerlo un poco más claro gris así como así. Por lo que no domina nuestro texto de título principal, y eso se ve mucho mejor. Lo siguiente con lo que queremos jugar es con los subtítulos aquí de cada uno de los documentos. Entonces, como que se mezclan. No sabemos por dónde empezar. Abordemos estos dos al mismo tiempo. Si vamos a nuestro panel Personaje, podemos aumentar el tamaño. Vamos a tal vez doblar. Entonces fueron diez puntos, Pasemos a 20 puntos. Y en lugar de tenerlo en un regular, usemos algo de consistencia, al igual que el título aquí arriba, usamos negrita, lo usaremos aquí abajo también. Y eso se ve genial. Después de eso, podemos jugar con las imágenes también. Entonces tenemos nuestro texto, ya hemos creado un sentido de jerarquía con el título, y queremos jugar con las imágenes. Ahora una cosa que podemos hacer es ajustar las imágenes, jugar con ellas. Y también podemos ajustar el tamaño. A lo mejor no quiero que ambas imágenes estén ahí dentro. Quiero que una imagen principal llame realmente la atención del espectador. Ahora el texto es realmente bueno para captar la atención. Pero si quiero captar la atención, quiero una imagen realmente grande y audaz. Para que pueda sacar uno de estos. En realidad no me gusta esta, así que la voy a mover a un lado, pero me gusta este tipo de aquí. Qué voy a hacer con ellos, Vamos a alinearlos a la esquina inferior. Y los voy a hacer estallar. Entonces, ¿cómo hago eso? Ahora, lo curioso con InDesign es que esto de aquí es en realidad un marco. Entonces si trato de ajustarlo y sacarlo, en realidad, ajusta el marco que contiene la imagen. Entonces si trato de estirarlo, realmente no le pasó nada a la imagen, pero el marco se hizo más grande. Entonces, ¿qué está pasando aquí? Vamos a deshacer unos cuantos de esos. Perfecto. Entonces tenemos nuestra imagen dentro de nuestro marco. Podemos ajustar nuestro marco así o se puede ver que hay un recogedor de contenido en el medio. Por lo que ahora puedes ver esta caja naranja y esta es mi imagen real. lo que mi marco puede permanecer quieto y puedo moverme por mi imagen dentro del marco también. Lo cual es realmente útil. En ocasiones puedes colocar tu marco en cualquier lugar que quieras y puedes ajustar tu imagen dentro de él. Sin embargo, si deseas escalar ambos al mismo tiempo exacto ya que puedes mantener presionado Control en tu teclado o Comando en un Mac, entonces puedes hacer clic y arrastrar manteniendo presionada la tecla Mayús para limitar las proporciones. Puedes traerlo al igual que Esto está debajo de nuestro texto en este momento, así que eso es realmente bueno. Pero ahora mi texto como que se desvaneció aquí. Ya no está ahí. Para que podamos hacer clic en ambos de mi texto. Puedo hacer clic en el color de mi texto sobre en el panel lateral. Puedo hacer doble clic y puedo llevarlo hasta un blanco. Y ahora se puede ver lo que pasó. Entonces esto se ve realmente genial. Puedo ver el documento final. Ahora este documento se ve realmente limpio y realmente impresionante usando los principios de jerarquía que aprendimos en la clase. Y se puede ver que le tiene sentido del ritmo. Primero mira aquí, después mira aquí. Y por último, vamos por aquí. Normalmente miramos las partes más claras, y luego pasamos a las partes más oscuras, que esta es la imagen. Pero es realmente, lo que realmente mola de esto es cuando nos mudamos por aquí, podemos ver a este tipo, está jugando en la computadora y está mirando hacia el título. En realidad inconscientemente, gente mira hacia donde otras personas están mirando. Entonces esto nos da ciclo circular. Mira aquí, mira aquí, mira aquí, mira aquí, y entonces ¿dónde está mirando? Está mirando el título y como que nos trae por ahí. Y ese es un diseño realmente bueno. Puedes crear repetición y ciclo tu espectador alrededor de la imagen de una manera ordenada. Ese es un diseño increíble porque van a retener esa información una y otra vez y se va a hundir en ellos. Muy bien chicos, así que este fue un proyecto realmente divertido. De verdad espero que ustedes tomen esta hoja de práctica y la prueben por ustedes mismos. No tienes que hacer exactamente lo que yo hice. Puedes jugar con él y probar diferentes formas aplicar jerarquía a esto y hacerla tuya. Y después de que termines, publicado en el panel del proyecto, me encantaría ver lo que ustedes crean. De acuerdo chicos, nos vemos en la próxima clase. 10. Tipografía: una guía básica: En esta clase hablaremos de fuentes. Hay dos tipos principales de fuentes. Estas son las fuentes Cera y las fuentes sans serif o sin serifs, estos dos tipos de textos suelen ser mejores para grandes bloques de texto. No obstante, podrían usarse como encabezado. Entonces hay fuentes que se utilizan para llamar la atención de la gente. Estas son fuentes de visualización, como fuentes de script, fuentes decorativas o fondos de letras negras. Las fuentes de visualización son increíbles para captar la atención del espectador, pero son terribles usar bloques de texto ampliados. Esto puede abrumar al espectador y apagarlo de tu diseño. Lo mejor es emparejar tu fuente de pantalla con una fuente fácil de leer como un sensor para Sarah, sin embargo, siempre puedes mezclar y combinar Serif y Sans Serif y usar una para un título y otra para la página cuando decidir qué fuentes usar menos es más. Limítate a dos tipos de fuentes. Si necesitas más contraste en tu diseño, intenta repetir una de tus fuentes y en diferente tamaño, peso o estilo. Este truco es prácticamente infalible para crear combinaciones interesantes que funcionan cuando se trata de tipografía, hay dos grupos principales. Ahí está la cabecera y el cuerpo. El encabezado es el componente que suele ser el más grande, como el título o el esquemático. Entonces el cuerpo son los textos legibles que tiene el grueso de su información. Por eso recuerda estos consejos a la hora de elegir tus fuentes, limitate a dos fuentes por tu diseño. Haz que tus fuentes de pantalla sean algo divertido que caracterice tu diseño en general. Ya sea simple, audaz, fluído, infantil o elegante, haz que se ajuste al tema de tu diseño. Recuerde que las fuentes de pantalla son perfectas para mostrar y captar la atención, pero terribles de usar en la mayor parte de su información. Entonces para eso, asegúrate de elegir algo simple como una fuente San Serif o una serif. Algunas fuentes populares para el texto corporal son Arial, Georgia , lethal, Minion Pro, monster at Verdana y Times New Roman. Hay una razón por la que estas fuentes se usan tan a menudo es porque fueron diseñadas específicamente para ser fáciles de leer. Ahora que hemos hablado de cómo decidir sobre una tipografía, aprendamos a refinar nuestras tipografías para que seanlo mejor que pueden ser medianteel lo mejor que pueden ser mediante uso de tres tipos diferentes de ajustes. Kerning, dejar y rastrear. Dejar es el espacio entre las líneas de los textos, también conocido como interlineado. Si no estás seguro de cuánto interlineado debes aplicar a tu texto. El valor por defecto suele estar bien. No obstante, siempre puedes ajustar el interlineado para darle un poco más de espacio así permitir que tus textos respiren. rastreo es el espaciado general entre tus caracteres, a veces llamado espaciado entre caracteres. Puede condensar o ampliar el espaciado general para adaptarse a sus necesidades. Un ejemplo es cuando tu párrafo tiene huérfanos, huérfanos, o una sola palabra que se encuentra en la parte inferior de tu párrafo. Para corregir esto, puedes condensar tu seguimiento por un par de puntos para subir este texto huérfano y unir tus textos. Una vez más, el kerning es el espacio entre caracteres específicos. A diferencia del seguimiento, varía a lo largo del transcurso de la palabra porque cada letra encaja de manera diferente. kerning es especialmente útil para ajustar tus fuentes de visualización o títulos en general, puedes ajustar manualmente el espacio entre cada letra para crear la sensación que deseas. Si la fuente que usas para tus textos corporales tiene mal kerning para empezar, es mejor recortar tus pérdidas y elegir un fondo comprobado. En nuestra siguiente clase, pasaremos por la hoja de práctica de tipografía en el panel del proyecto. Así que adelante y descarga eso y nos vemos en la siguiente clase. 11. Práctica de tipografía: Oigan chicos. En esta clase, pondremos en práctica los principios de la topografía a través de nuestra hoja de prácticas de tipografía. Saltemos derecho a ello. Entonces saltando a nuestro documento aquí, pueden ver que he abierto la hoja de práctica de tipografía. Lo puedes encontrar en el panel del proyecto para que puedas seguirlo. Una cosa que notarás es que hay dos hojas de práctica. Ahí está la hoja de práctica del tema del espacio y está la hoja de práctica del tema de las flores. Para esta clase. Voy a usar la hoja de práctica del tema espacial para mostrarte los principios prácticos. Y luego si quieres seguir adelante y probarlo y aplicarlo a la hoja de prácticas de flores. Adelante a la derecha. Así que saltando justo aquí a la hoja de práctica del espacio, intentemos usar la tipografía para crear un diseño agradable que también se ajuste al tema del diseño. Así que desde el bate, podemos ver la topografía es bastante aburrida, aunque hay un sentido de jerarquía con la escala del tipo y una imagen realmente cool. Realmente no encaja con el tema. Demasiado. El espacio suele ser algo futurista. Sin embargo, en realidad estamos usando una fuente. ¿ Cuál es esta fuente? Times New Roman, Es muy tradicional. Entonces, una cosa que debes tener en cuenta a la hora elegir tu fuente es ¿cuál es el tema? ¿ Necesito una fuente tradicional o necesito una fuente más negrita, o necesito una fuente futurista? En realidad, para esta, creo que necesito una fuente más futurista. Por lo que elegir fuentes de acuerdo a tu tema es muy importante porque también sacará a relucir las características de tu diseño y será más cohesivo. Entonces intentemos escoger una fuente que futurista. Hay muchas fuentes que son futuristas, pero una fuente serif generalmente no lo es porque es una fuente tradicional. No obstante, las fuentes san-serif suelen ser más futuristas y geométricas, por lo que realmente quiero ir. Entonces hay una fuente en particular que voy a usar, y esa es futura. Future es una fuente muy geométrica y es muy audaz con sus formas y sus formas, y se siente muy futurista. Voy a elegir ese específicamente para este diseño porque algo así se ajusta al tema del espacio. Entonces voy a cambiar mis fuentes a Futura. Y luego voy a jugar un poco más con la tipografía. Entonces lo número uno que puedo hacer es que puedo agregarlo a la jerarquía cambiando los pesos de la fuente. Puedo ir pesado por el título y tal vez sacar este a un medio. Y dejaré esa como la fuente del libro porque eso es bastante fácil de leer. Ahora, lo siguiente que quiero hacer es algo así como jugar con el tema del espacio dentro de mi tipografía. Ahora bien, ¿cómo hacemos eso? En realidad, una cosa que puedes hacer es que el tema del espacio está justo en su espacio de nombre. Puedo aportar un poco más de espacio a mi tipografía para agregar algo al tema y al diseño. Esta, quiero espaciar las letras. ¿ Qué puedo usar para espaciar las letras? Si entro en mi panel de personajes, si no ves esto, puedes ir a Windows, Tipo y Tablas y carácter. Ya puedes subir este panel para espaciar la distancia entre las letras. Recuerda, podemos usar el rastreo. Rastreando por aquí, aumenta el espacio entre nuestras letras. Y quiero realmente exagerar esto para encajar un poco nuestro tema. Entonces ahí mismo estoy agregando un poco de espacio a nuestra tipografía, y eso lo voy a hacer también con el subtítulo. Sólo un poquito. Losiguiente que quiero hacer es crear alguna jerarquía visual que ate la imagen con el texto del documento. Este cuadro es realmente un gran ejemplo de jerarquía. Lo que podemos hacer es tomar esta foto y podemos volarla y usarla a lo largo de nuestro documento. Voy a golpear W en mi teclado para ver todas mis guías. Y lo voy a llevar a la esquina superior izquierda del sangrado. A continuación voy a mantener el control. Ahora puedo cambiar el tamaño esta imagen con solo hacer clic y arrastrar, pero eso solo cambiará el tamaño del marco de la imagen. Pero eso no quiero. Voy a pegarle a Deshacer. Quiero cambiar el tamaño tanto de la imagen como del marco. Para ello, golpeo Control o Comando en la Mac. Y luego puedo hacer clic y arrastrar hacia fuera. Y puedo escalar la imagen y el marco. No obstante, eso realmente no funcionó porque no sostuve Shift. Si presiono Control y Shift, escalará proporcionalmente y podría llevarlo a la esquina inferior izquierda del sangrado. Y se puede ver que llena todo mi documento. Pero se puede ver que el texto del espacio y toda la tipografía se mezclaron en el fondo. Entonces queremos cambiar eso a blanco. ¿ Cómo hacemos eso? Podemos tomar este texto. Podemos pasar a nuestro panel lateral aquí y podemos hacer clic en la opción de texto, no en la opción de relleno, no en el formato del contenedor, sino en el formato del texto. Ahora podemos hacer doble clic en nuestro relleno del texto, subir a blanco y presionar Ok. Ahora puedo ver que realmente destaca. Y ya si le pegamos a W, Esto se ve muy bien comparado con donde empezamos. Se siente como si se ajusta al tema del espacio. Saltemos de nuevo a nuestra vista principal. Y juguemos un poco con esto. Quiero tener mucho más espacio por encima de mi título. Quiero bajar bastante mi título. Pero podemos ver que hay un problema. Yo mi texto corporal aquí y quiero un espacio que salga también. Puedo sacar eso así y bajarlo. Una cosa que puedes ver es que el texto abarca todo el ancho del documento. Y realmente eso va a ser tan difícil de seguir para un lector. Sólo hay cierta distancia que es cómoda para que un lector siga, y no está tan lejos. Entonces lo que queremos hacer es mantener el tamaño de nuestros libros de texto alrededor de la mitad o un poco menos de la mitad. A lo mejor sólo lo voy a poner a por ahí. Lo siguiente que se puede ver no es todo lo que mi texto está mostrando. Eso es porque he cambiado el tamaño del marco de texto. No obstante, hay más textos de los que no caben ahí. Entonces, ¿qué quiero hacer es hacer un segundo marco de texto por aquí. Ahora, se puede ver que hay una cajita roja con un signo más. Eso significa que hay texto sobrepuesto. Significa que hay algunos textos que están en este marco de texto, pero no es visible porque no puede caber dentro de los parámetros de ese marco de texto. Entonces quiero moverlo a otro lado. Entonces, ¿cómo puedo hacer eso? Es que puedo dar clic en esta casilla y puedo hacer clic en mi documento. Puedo hacer clic y arrastrar un nuevo marco de texto. Ahora lo que está sucediendo es que el texto que está sobrepuesto está fluyendo hacia el siguiente marco de texto. Ahora para ver esto visualmente, si vamos a Ver Extras y mostramos hilos de texto, puedes ver lo que está pasando aquí. Se puede ver que existe este cuadro de texto y luego se está moviendo hacia arriba y empezando de nuevo a este cuadro de texto. Entonces si tuviera que hacer clic en esto y agregar algunos espacios, puede ver que lo mueve al lado siguiente. Entonces eso es realmente genial. Ahora, si hago clic y presiono W, se puede ver cómo se ve eso. Se ve realmente cool, muy bueno. Ahora una cosa más que quiero hacer es que quería hacer que este título encajara e interactuara con el diseño. ¿ Cómo puedo hacer eso? Es que quiero alinear esta frontera final hasta el sol. Así que ahora solo estoy usando mis teclas de flecha para mover la frontera final a la derecha, conectada con el sol. Y se puede ver que interactúa con el diseño general. Y ahora voy a centrar mi espacio por encima de la frontera final. Una cosa más que puedo hacer para que esto sea más cohesivo es que puedo agregar algo de color a mi frontera final. Entonces daré clic en ese marco de texto. Daré clic en esto. Y luego voy a dar clic en la herramienta cuentagotas. Cuando hago clic en la herramienta cuentagotas con mi relleno de texto seleccionado, puedo hacer clic en cualquier parte de mi documento y tomará el relleno de esa área. Justo así. Se puede ver que tiene algo de color y lo tomé directamente de la imagen para que el color coincida con el tema, una sensación general de la imagen. Así que esto está buscando realmente podría todo listo para esta clase chicos, quiero que intentes poner en práctica los principios de la topografía creando un tema espacial y también probarlo con el tema de flores. Y luego posteado en el panel del proyecto, espero ver lo que todo el mundo crea y te veré en la siguiente clase. 12. Ejemplo de proyecto de clase: parte 1: Oigan chicos, en esta clase vamos a ejecutar un proyecto de clase de muestra. Quiero mostrarte cómo puedes tomar alguna información que es simplemente genérica y aplicarle los principios prácticos de diseño gráfico para que puedas hacerlo realmente interesante para el espectador mira y realmente fácil de navegar. Así que saltemos a la derecha y veamos algunos de los activos que puedes utilizar para tu proyecto de clase en los recursos del proyecto, ¿tienes algunas cosas diferentes? Tenemos los archivos de práctica, alineación, jerarquía y tipografía. Pasamos por la clase y también tenemos los archivos de proyecto de clase con tres archivos diferentes con ambos el mismo contenido. Entonces veamos qué tipo de contenido puedes usar en los activos de pizza. Se puede ver que tenemos fotos relacionadas con ese tema. Y también tenemos un anuncio que tiene un poco de textos. Puedes maquillar tu propio nombre de empresa de pizza. Y se pueden aplicar los principios prácticos del diseño gráfico a esa topografía o esos textos y organizarla de una manera interesante. Y realmente quiero ver lo que ustedes crean. También tienes un ensayo de muestra que está relacionado con el tema, koala, pizza o helado. Puedes tomar esa información y organizarla en InDesign y hacerla realmente interesante para mirar y guiar al espectador a través de esa información de una manera creativa. Lo último que tenemos aquí es que tenemos los logos en el archivo de logotipos. En realidad verás algunos logos diferentes que puedes aplicar a tu diseño. Por lo que no te limitas a un solo logotipo estándar. Hay algunas opciones diferentes para que juegues, para darle una sensación diferente, lo que vamos a hacer es que vamos a saltar a InDesign y vamos a tomar algo de eso yvamos a crear nuestro propio documento personalizado, aplicando los principios prácticos de diseño gráfico en InDesign, Vamos a crear un nuevo archivo. Y sólo voy a crear un símbolo 8.5 por 11. Y lo voy a crear con una columna con márgenes de 0.5 pulgadas y un sangrado de 0.125 pulgadas. Y voy a golpear a crear. Ahora se abre un documento en blanco y quiero agregar en mi información. Entonces si tienes un documento de Word, es realmente fácil. Todo lo que necesitas hacer es ir File Place y puedes hacer clic en tu documento de pizza o en cualquier documento que tengas. No necesita ser uno de los recursos del proyecto. Si tienes tu propia información que deseas formatear, definitivamente usa esa. Voy a usar el documento de pizza y voy a golpear Abrir. Ahora puedes ver que aparece mi cursor y tiene algún texto realmente flotando en el cursor. Eso significa que tengo algo de contenido para colocar. Todo lo que necesito hacer es hacer clic con mi cursor y arrastrar hacia fuera un cuadro de texto. Ese cuadro de texto se llenará con toda la información del documento de Word. Entonces es realmente genial, muy fácil. Ahora lo primero que queremos hacer es cuando consigamos nuestra información en InDesign, queremos separarla en su propio cuadro de texto. El motivo es porque igual que nuestro ejemplo de kerning, se pueden tomar múltiples elementos de diferentes tamaños y formas diferentes. Cuando los alineas, en realidad pueden crear un sentido de relación y organización. Si todo está solo en un cuadro de texto estándar, Simplemente va a ser muy lineal y no podrás personalizarlo tan fácilmente. Entonces lo que voy a hacer es llevarme toda mi información y voy a usar mi herramienta de texto y seleccionar mi texto. Voy a usar Control o Comando X para cortarlo. Y voy a crear un nuevo cuadro de texto por encima a un lado. Y lo voy a pegar en su lugar. De acuerdo, eso lo voy a hacer con toda mi información. Ahora, cuando estoy navegando por mi pantalla antes de seguir adelante, solo quiero que sepas que es navegar por tu pantalla. Si sostienes la barra espaciadora, aparecerá la herramienta Pluma o la herramienta manual. Y puedes hacer clic con el ratón y puedes arrastrarlo por ahí. Si mantienes presionada Control o Comando y Barra espaciadora, aparecerá la herramienta Zoom. Puede hacer clic una vez para ampliar. Y luego si mantienes presionada la tecla Comando y Control y Alt u Opción y Barra espaciadora, puedes hacer clic para alejar, así como así. De acuerdo, así que voy a separar toda mi información en su propio cuadro de texto personalizado. Una cosa que quieres recordar es que cuando estás redimensionando un cuadro de texto, puedes usar la herramienta de selección, que es V en tu teclado. Y puedes arrastrar hacia fuera el cuadro de texto, o si presionas Control y lo arrastras hacia fuera, haz clic y arrastra hacia fuera y mantienes presionada la tecla Mayús, puedes escalar tanto el cuadro de texto como la topografía y la fuente al mismo tiempo. Así que eso creará rápidamente un marco de texto más grande y una fuente más grande. De acuerdo, entonces estoy haciendo un poco de jerarquía aquí con mis títulos. Y también quiero hacer lo mismo con mis subtítulos de aquí, o mis subtítulos, supongo. En mis subtítulos, quiero aumentar un poco el tamaño para poder abrir mi panel de personajes y poder aumentar el tamaño, tal vez a 14, así como así ya. Si acabo de golpear W, se puede ver que hay un sentido de jerarquía. Esto es simplemente muy rápido y muy fácil. Y no se presenta nada especial, pero me da una idea de lo que necesito trabajar. Lo primero en lo que quiero trabajar es el título, porque debería ser lo primero que vea el espectador. Y es una especie de crea la sensación de todo el documento. Primero vamos a centrarnos en el título y organizarlo y arreglar los elementos dentro del título. Algo así como establecer la sensación o el estado de ánimo para todo el documento. Y después, organizaremos el resto del documento para que se ajuste a la sensación del título. Entonces saltando justo aquí, Vamos al título. Y lo primero que quiero hacer es seleccionar alguna fuente. Por lo que si vamos a nuestro panel Carácter, podemos seleccionar algunas fuentes. Vamos a arrastrar ese panel de personajes hacia arriba así como así. Me gusta mucho el futuro por los bordes afilados y la forma geométrica. Y creo que podría usar eso. No obstante, hay algunas opciones diferentes. Hay esta fuente de pantalla cool que se ve bastante cool y me gusta la sensación de ello. Minion Pro le da una sensación más clásica de un lugar de pizza tradicional. Otra vez Roboto, es geométrico. Es un poco más blocky. Y luego nuevo héroe, ese también me gustó. Times New Roman. Y este etnocéntrico, tal vez una pizzería futurista podría tener esto. Georgia se ve bastante bien. Y colibrí, sí, es realmente muy elegante. Pizzería podría tener este tipo de tipografía. Voy a ir con futuro para este porque realmente me gustaron las formas audaces y me gusta mucho cómo las almohadillas XY tienen ese borde afilado. Le daré un peso de algún tipo, quizá pesado por el momento. Ahora, ya hemos creado un poco de jerarquía. Se puede ver que tengo algún texto sobrepuesto aquí. Yo sólo voy a estirar mi cuadro de texto así. Y no estoy sintiendo realmente este colon aquí. Voy a deshacerme de eso. Ahora bien, dentro de estos tres elementos que conforman mi título, también puedo implementar alguna jerarquía. Lo primero que quiero que vea la gente y las cosas que les van a llamar la atención es la palabra pizza. Por lo que quiero aumentar el tamaño de la palabra pizza. Hagamos eso otra vez, sosteniendo Control, puedo aumentar el tamaño de la palabra pizza. Puedo deshacerme de mi modo de vista previa. Y ahí vamos. Ahora la pizza es realmente grande y audaz. Ahora una cosa que notarás es que cuando tenga texto encima de uno al otro, quiero hacer clic en el cómo pedir, pero solo puedo hacer clic en la pizza. Es porque las cajas de texto de pizza encima de ella en el panel de capas. Te quiero mostrar que rápidamente si tienes este tema, si vamos a Ventana y Capas, puedes ir a las capas aquí y verás que mi palabra pizza está justo en la parte superior. No obstante, cuando ves aquí abajo cómo ordenar está justo en la parte inferior. Lo que quiero hacer es llevar esto como al orden, y quiero llevarlo hasta la cima, así como así. Así que ahora cuando hago clic, en realidad puedo coger que la forma de ordenar. Y si quería reorganizarlos, puedo hacer clic en mi pizza. Y podría hacer Control y corchete izquierdo y lo bajará en las capas, panel Orden de Capas para que pueda moverlo donde quiera. Ahí lo voy a poner debajo. Una cosa que quiero hacer es que quiero reducir esta forma de ordenar. Y me gustó esa pizza muy grande y atrevida, pero quiero condensarla un poco, traerla. Una forma en que puedo hacer eso es si voy a mi panel de personajes, puedo usar el tracking y puedo traer el texto un poco así. O se puede ver que algunas cosas entraron correctamente y algunas cosas no. Yo quiero deshacer eso. Y quiero usar kerning. Así que recuerda, el kerning es el espacio entre letras individuales. Y cómo puedo cambiar el kerning es que puedo hacer clic en mi cursor entre dos. Y puedo usar las flechas de aquí para traerlo o estirarlo. Una forma más rápida es si presiono control o Alt u Opción en el Mac, puedes usar las teclas de flecha izquierda y derecha y traerlo dentro y fuera así. Entonces quiero apretarlo bastante cerca juntos. Tal vez así. Lo siguiente que quiero hacer es mover esto, cómo pedir pizza. Voy a alinearlo, cierto, con este punto de aquí, el punto de la I. Lo voy a encogerlo ligeramente, sosteniendo el control. Y quiero que se alinee con la zed y la a, cómo puedo hacer eso. Y entonces se puede tener un poco más de precisión es que puedo usar reglas y guías. Cuando voy a Ver, aquí puedo ver a los gobernantes escondidos. Pero si esto fue desclicado. O no se muestra, se puede ver, Mostrar reglas. mostraré a mis gobernantes. Puedo bajar unos guías justo encima de mis ojos, así como así. Y justo por la zed o la Z. y justo por la a. ahora puedo intentar alinear mi Cómo Escribir con la sección superior del punto. Y se puede ver que la a no se alinea perfectamente con esta a de aquí. Entonces, una forma en que puedo hacer eso es simplemente condensar el rastreo a la ligera. Perdón. El seguimiento aquí arriba, tal vez no, que tal vez dos puntos negativos harán el truco. Sí, eso se ve bien. Ahora si apago, enciendo el modo de vista previa, se puede ver cómo se ve eso. Eso se ve bastante bien. Cómo pedir pizza. A lo mejor quiero esto un poco más abajo ahí. De acuerdo, lo siguiente que quiero hacer es usar esta habilidad esencial para el individuo hambriento. Y quiero alinearlo con la pizza de ahí mismo. A lo mejor hacerlo un poco más grande. Y quiero cambiar la fuente para crear un poco más de contraste. Voy a cambiarlo de pesado a libro. Y ahora es bastante pequeño, pero quería espaciarlo bastante. Y voy a sacar mi cuadro de texto. Y quiero sacar el rastreo hasta que se alinee con la a. así que tal vez un 114, eso podría funcionar. Ahora se puede ver que hay cierto contraste. Hay algún elemento grande, elemento medio y el elemento más pequeño, incluso en mi título, tengo ese sentido de escala y jerarquía, que es realmente bueno. Y todo esto puede funcionar como un solo grupo en todo nuestro documento. Y dentro de ese grupo, también hay un sentido de jerarquía que crea dimensión a nuestro título. Ahora puedes ver que hay una gran cantidad de jerarquía en nuestra información ya ese título realmente destaca. Es realmente audaz. Audaz. De acuerdo, Ahora una cosa que podría hacer con esto es que en realidad puedo agrupar esto en un solo grupo. Ahora cuando lo selecciono, es un grupo y lo puedo mover a donde quiera. Cuando lo escalo y golpeo Control y escala, puedo escalarlo juntos. Bueno. Ahora que ya tengo mi título hecho, ahora puedo empezar a trabajar en crear alguna jerarquía dentro de todos los demás elementos. Podemos ver que aquí tenemos algún texto que es parte de la introducción al documento, eso es una especie de parte del título. Tenemos el título y tenemos la información sobre el documento. ¿ Qué espera el espectador? Por lo que queremos conectar éste con éste y darle una relación. No queremos que se conecte con las otras partes porque estas tres partes de aquí abajo, deberían estar conectadas entre sí. Y entonces este elemento es una especie de separado con el fin crear relaciones y hacer que ciertos elementos conectados, podemos utilizar el espaciado. Recuerden cuando tenemos un grupo de elementos, podemos mantenerlos un poco más cerca juntos. Y eso hará que se sienta como tu grupo. Cuando añadimos espaciado entre esos grupos, podemos decir que esto está juntos y esto es separado de eso. Lo siguiente en lo que quiero trabajar es en este subtítulo. Entonces ya decidí que la fuente es Futura, y quiero asegurarme de que esté alineada a la izquierda. Ahora, quiero alinearlo para tener alguna conexión con esta pizza. Y puedo alinearlo tal vez a la zed aquí. Para que pueda sacar una guía. ver que está alineado. Ahora una cosa se puede ver que hay un pozo ese tipo de, realmente no me gusta ahí. Puedo hacer una base de turnos y lo sacará a colación. Otra cosa que quiero hacer es que quiero alinear esta pizza justo a mi margen. Entonces la P está en línea con el margen, así como así. Y entonces los demás elementos son parte de eso. ¿ De acuerdo? Ahora puedes ver que hay una relación entre esta pizza y este párrafo aquí. Se ve bastante bien. Puedo sacarlo quizá un poco, o bajarlo para que se lea. 13. Ejemplo de proyecto de clase: parte 2: Ahora que organizamos los elementos que conforman nuestro grupo titular, queremos pasar al segundo grupo, que es nuestro paso 123. En nuestro paso 123, tenemos los subtítulos y tenemos los párrafos. Ya hemos creado un poco de jerarquía dentro de ella, pero ahora queremos refinarla y hacerla realmente interesante y agradable a la vista. Entonces lo primero que podemos hacer es asegurarnos de que todos nuestros textos sean nuestra fuente adecuada. Entonces nuestra fuente que estamos usando en este documento es Futura. Y lo voy a colocar como libro al principio. Voy a cambiar los subtítulos a futuro. Y voy a aumentar eso a tal vez medio, tal vez un pesado. Ahora tengo un poco más de contraste entre mi subtítulo y mis párrafos. Ahora que tenemos jerarquía dentro de nuestro segundo grupo, organicémoslo y veamos qué podemos hacer con él. Lo primero que quieres ver es el paso uno. Entonces queremos ver el paso dos y el paso tres. Entonces obviamente, queríamos tener este 1 primero. Lo primero que ves es tu título, y luego quieres pasar al paso uno. Queremos colocar eso en una posición en que se guiaría a la siguiente. Entonces hay algunas formas diferentes de colocarlas, tal vez lado a lado de esa manera, trayendo el cuadro de texto en un poco. O puedes colocarlos verticalmente, uno encima de otro. Eso podría funcionar para este diseño, podría verse bastante bien. Entonces vamos a hacer eso por este diseño. Vamos a tomar estos cuadro de texto, tal vez alinearlo con el paso uno, eligiendo la pizza, y luego vamos a sacarla al borde. Ahora ya hay un elementos de Ikea aquí. Para que pueda organizar esto para alinearme con lo que tengo aquí. Tengo esta guía aquí Eso es justo desde la z. puedo tirar sobre este cuadro de texto y alinearlo ahí mismo. Bueno. Siempre me referencié usando W para ver mi vista previa sin las guías, ver cómo se ve, viendo cómo va la jerarquía. Esto se ve realmente bien. Cómo pedir pizza. Paso uno, elige tu pizza. Hagamos esto un poco más audaz. Eligiendo tu pizza. qué hacer uno-a-uno para hacer cierto énfasis, igual que nuestro título, tenemos múltiples elementos. Tenemos un elemento grande, elemento mediano, y un elemento pequeño. Para estos, realmente hay dos partes. Ahí está eligiendo tu pizza y paso uno, creo que quiero resaltar el paso uno, así que voy a cortar eso. Y voy a crear un segundo cuadro de texto sólo para el paso uno. Entonces esto no se ve muy bien en este momento. Entonces vamos a ver cómo podemos jugar con ellos. Ahora, una cosa puedes hacer con tus elementos, ya que en realidad puedes usar formas. Puedes usar formas dentro de tus diseños. Y para crear algún tipo de repetición, algún tipo de orden, y crear más relación. Al igual que cuando estamos rodando objetos, podemos tomar muchos objetos diferentes y cuando se colocan de una manera específica, podemos crear relaciones con otros elementos también. Por lo que podemos hacer eso cuando estamos creando nuestros diseños. Para ello, podemos utilizar nuestras herramientas de forma. Así que voy a golpear M en mi teclado y voy a hacer un pequeño rectángulo justo debajo de aquí. Ahí está. No tiene ningún color, así que voy a agregar en algún color. Ahora puedo usar este cuadro de texto o esta forma, y puedo arreglarlo y alinearlo con esta letra p. Ahora tengo algo que referenciar desde abajo. Y ahora eligiendo la pizza. Puedo controlar y arrastrar esto hacia fuera. Y puedo sacar a colación a mis guías. Y se puede ver cómo se está alineando tanto con la parte superior como con la inferior. Fresco. Ahora bien, lo que quiero hacer es no repetir esto varias veces. Ahora, podemos ver que tenemos un bonito sentido de jerarquía. Tenemos algo grande, tenemos algo medio en nuestro diseño, y tenemos algunos elementos más pequeños también. Ahora podemos alinear nuestro texto hasta calificar nuestra relación con nuestros objetos. Ahora, podemos dar estos pasos uno, dos, y tres, y podemos agrupar cada uno de ellos con Control G. También tenemos que recoger las formas. Y ahora podemos seleccionar todos ellos, abrir nuestro panel Alinear, objetar y Layout una línea y podemos distribuir, distribuir el espaciado vertical. Lo que eso hace, crea un espaciado igual entre los tres elementos. Entonces eso es realmente genial. Y ahora puedo alinear esta primera hasta la parte superior de esa. Esta hasta arriba de aquella, y ésta subió a la parte superior de esa. Ahora si golpeamos W, podemos ver que tenemos espaciado consistente entre el paso 123 y tenemos nuestros elementos alineados. Entonces, ¿cómo podemos empujar esto un poco más lejos? Ahora una cosa que veo aquí es que esta se alinea hasta el fondo de esta línea, lo cual es realmente bueno. Este casi lo hace, y éste realmente no le suma todo. Para que pueda tirar de este solo un poco hacia atrás hasta que esta línea vaya en línea con la colocación de su pedido. Ahora puedo hacer este un poco atrás más hasta que eso se alinee. No obstante, lo que quiero hacer es repetir aquí este elemento. Utilizo rectángulos en mi diseño para crear más relaciones, bloqueando las cosas. Para que pueda usar M en mi teclado. Puedo hacer un rectángulo del tamaño de este texto. Dale Rellenar, y puedo moverlo derecho al borde. Perfecto. Ahora podemos alinearlo con ese. Podemos alinearlo con este cuadro de texto, sacarlo a ese cuadro de texto. Y finalmente podemos hacerlo con nuestro último cuadro de texto así como así. Ahora por fin tenemos nuestra conclusión y usando lo que ya hemos tenido, vamos a establecer algunas relaciones usando alineación y colocarlo en algún lugar de nuestro documento. Ahora hay algunas cosas diferentes que queremos agregar. Número uno, todo es blanco y negro en este momento, y honestamente se ve bastante bien en blanco y negro. Sin embargo, es posible que queramos agregar algo de color a nuestro documento. 14. Ejemplo de proyecto de clase: parte 3: Ahora vamos a añadir un poco de color a nuestro diseño. Para agregar color, tal vez tu cliente tenga unos colores específicos que usan en su branding. Quiere asegurarse de que nuestros colores coincidan con su marca lo más cerca posible. Entonces, si te proporcionan códigos hexagonales, puedes usar códigos hexagonales para crear un color personalizado y una muestra personalizada y aplicar ese color directamente en tu documento. A ver cómo podemos usar eso. Entonces tenemos que abrir nuestro panel de color. Si no ves que puedes ir color de ventana, color. Y ahora puedes ver que es blanco y negro, pero queremos cambiarlo a RGB. Ahora, tengo mi información de color aquí, y quiero crear una caja. Ahora esa caja no tiene color ahora mismo vamos a darle un relleno negro por el momento. Y ahora nuestro modo de color está configurado en RGB. Ahora, en nuestro código hexadecimal, podemos copiar nuestro código hexadecimal. Haga clic en nuestra caja, y podemos pegar nuestro código hexadecimal en el panel RGB y presionar Enter. Ahora nos dará nuestro amarillo exactamente como se describe. Vamos a Alt dar clic en la casilla y crear un duplicado. Y lo vamos a repetir para todos los demás colores. De acuerdo, así que eso es increíble. Entonces ahora tenemos cuatro colores diferentes aquí. Tenemos nuestro amarillo o amarillo, marrón, o rojo o negro. Ahora una cosa que puedes ver es cuando hago clic mi rojo en el panel RGB, te da una pequeña advertencia aquí. Esta advertencia aquí dice fuera de gama advertencia. Lo que eso significa es en una pantalla RGB, realidad usa luz y tiene un espectro más amplio que lo que podría proporcionarse en impresión. Entonces, si intentamos imprimir este color a través del CMYK, está fuera de gama. No podrás imprimirlo. No saldrá como se ve en la pantalla. Si saltamos a nuestro modo de color CMYK, se puede ver que el magenta y amarillo ya están al 100%, pero sin embargo quiere empujar un poco más para conseguir este rojo. Entonces, ¿cómo podemos corregir eso para que sea digno de imprimir? Si volvemos a RGB, oh, que tenemos que hacer es dar clic en esta caja roja y dice en gama de colores, ¿correcto? Ahora lo que eso hizo, alteró ligeramente el color para encajarlo dentro del espectro CMYK. Entonces ahora si entramos en nuestro CMYK, podemos ver que está dentro de los límites de la gama de colores CMYK. Y eso será imprimir lo que se ve en pantalla. Podremos imprimir en la vida real. Ahora, ¿y si queremos hacer algunas muestras personalizadas? Podemos entrar en nuestro panel de muestras. Podemos dar clic en nuestras cajas y podemos agregarlas aquí. Todo lo que voy a hacer ahora es que sólo voy a borrar estos otros porque no necesito verlos. Ahora apliquemos un poco de color a nuestro documento para hacer que algunas cosas realmente destaquen y se sumen a esa jerarquía. Vamos a implementar algo de color en nuestro propio título. En realidad, creo que podría querer mantener esto como negro, pero tal vez quiera sacar un poco a los otros elementos. Entonces, si salto al grupo haciendo clic en mi cómo hacer el pedido, tal vez quiera agregar el color rojo. No obstante, si solo hago clic en leer, lo agrega al cuadro de texto y no al texto en sí. Entonces vamos a deshacer eso. Y lo que tenemos que hacer es pasar a nuestro panel lateral. Y se puede ver que podemos ajustar el contenedor o el marco o el texto en sí. Ahora tengo el relleno de texto seleccionado y puedo hacer clic en mi color y lo aplica así como así. Y ya se puede ver lo contundente que es ese título. Hagamos lo mismo con nuestra habilidad esencial para los hambrientos individualmente. Ahora puedes ver que nuestro título en realidad tiene mucho más contraste y realmente, realmente estalla. Apliquemos algo del color a nuestros otros elementos. En el paso uno, podemos aplicar el color de unas cuantas maneras diferentes. No obstante, quiero aplicarlo a nuestras cajas. Ahora puedes ver la jerarquía desarrollándose dentro de tu documento, y puedes ver las relaciones entre todas estas cosas. Una cosa que podría hacer es tirar estos hacia atrás solo un poco para darle al texto un poco más de espacio para respirar y aún así tener esa relación visual usando la alineación. De acuerdo, ahora esto se ve realmente genial. Lo último que queremos hacer. Y puedes hacer esto en cualquier punto tu proceso y usarlo como referencia visual, es agregar algunas imágenes. Entonces lo que voy a hacer es decidir dónde podría querer algunas de mis imágenes. Creo que quiero una bonita imagen audaz en la parte superior aquí con mi pizza. Voy a golpear F en mi teclado, que es la herramienta de marco. Y voy a crear algún tipo de marco aquí arriba , tal vez así. Así que creo un marco en la esquina superior derecha, así como así. Y creo que quiero uno abajo aquí abajo. Entonces golpeando F, crearé un marco aquí abajo. Ahora quiero agregar imágenes a esos marcos. Entonces, ¿cómo hago eso? Hago clic en mi marco, voy a Archivo, Colocar en mi carpeta de activos de proyecto de clase. Tengo mis fotos. Ahora podemos decidir qué foto quiero poner en la esquina superior derecha? ¿ Para qué sirve una foto bastante buena aquí? Yo sólo quiero una imagen grande y atrevida de pizza. Hagamos éste de allá. Y entra en ello así como así. No obstante, es realmente grande. Si hago clic en el seleccionador de contenido en el medio, se puede ver que aparece el cuadro delimitador naranja y es realmente, muy grande. Entonces voy a dar clic en el cuadro delimitador naranja manteniendo pulsada Mayús y Alt para arrastrarlo desde el centro, voy a reducir el tamaño y llevarlo al medio. Justo así. Ahora si le pego a W, se puede ver cómo se ve eso. Creo que voy a jugar con esto y ajustar un poco esto. A continuación, tengo un marco aquí abajo. Agreguemos algunas imágenes a eso. De acuerdo, así que eso se ve muy bien y se ve realmente genial. Tengo mi título, es muy obvio. Llama la atención. Como que tira de mis ojos al primer párrafo. Y después del primer párrafo, otra vez, hay jerarquía colocada aquí y guiando al espectador en la dirección que yo quiero. Y por último, tiene este texto por aquí como conclusión. Lo último que queremos hacer antes de exportar nuestro documento es que queremos agregar ese pequeño toque final y ese es el logo. Entonces vamos a agregarlo aquí. Vamos a File Place. Y vamos a encontrar en nuestra carpeta de activos en el logo. Ahora una cosa que quiero que hagas ahora es en el archivo que debes tener un Show Import Options es porque dentro del documento de logo hay múltiples logotipos diferentes entre los que puedes elegir. No obstante, si solo lo importas directamente, solo va a importar el primero de tu documento y no tendrás la posibilidad de seleccionar ninguno de ellos. Si lo hace Mostrar opciones de importación, podrá seleccionar entre una variedad de logotipos. Yo lo voy a abrir aquí y se puede ver este es el adelanto de lo que tengo. Ahora dice total páginas cinco. Y puedo seleccionar entre 1234 o cinco. Ahora, creo que me está gustando esto, este logo aquí. Se ve bastante bien. Y voy a golpear, Ok. Ahora puedes ver que está lleno aquí y puedo arrastrarlo hacia fuera y añadí mi logo. Muy bien chicos, Ahora lo último que podemos hacer es exportar nuestro documento. Vamos a subir a File Export. Y ahora podemos nombrar a nuestro documento cómo pedir pizza o lo que quieras y golpear. De acuerdo. Existe. Ahora tienes algunas opciones diferentes aquí. En la página principal, puedes decidir si lo quieres páginas. Puedes escoger el rango si tienes varias páginas, o puedes escoger lo que quieras. Va a ser un preset PDF. Entonces eso va a ser bastante bueno. Eso está bien. Y vamos a entrar en marcas y sangrados y marcas y sangrados. Puede utilizar la configuración de sangrado de documentos de uso. Quieres agregar el sangrado a tu documento si vas a enviarlo a la impresora porque quieres que ese sangrado se incluya porque cuando lo recorten, quieres esos colores, esas imágenes para ir directo al borde. Si no lo agregas, solo irá a la línea de recorte y es posible que tengas esa raya blanca a un lado. Así que solo asegúrate de agregar eso en si va a salir para imprimir. Voy a apagar eso por ahora porque sólo lo voy a exportar para pantallas y voy a volver a general. Todo lo demás debería ser bueno. Vamos a golpear, ¿de acuerdo? Y verás arriba en la parte superior hay una pequeña rueda y eso demostrará que se está exportando. Entonces puedes abrir en PDF. Ahora si quieres exportarlo como otra cosa, tal vez solo un archivo PNG o un JPEG. Tampoco pudiste hacer eso. Ve a exportar y simplemente cambia aquí abajo, guarda como JPEG. Esto será perfecto cuando lo subas como tu proyecto en el panel del proyecto. Así que realmente espero ver todos sus diseños en el panel del proyecto. Hay una cosa más con la que quiero dejaros chicos antes de que terminemos la clase. Es el hecho de que a veces necesitamos calentar nuestras habilidades de diseño para obtener los mejores resultados posibles. Entonces una cosa que podrías hacer es una vez que creas tu primer diseño y podría quedar muy bien, prueba diferentes versiones del mismo. Cómo podemos hacer eso es que podemos ir a nuestro panel de páginas y a nuestro panel de páginas. En realidad podemos seleccionar nuestra página, hacer clic derecho sobre ella y podemos duplicar spread. Eso creará una segunda página justo debajo. Ahora lo que podemos hacer es entrar y podemos cambiar algunos de los elementos, cambiar el título, cambiar las imágenes. Podemos jugar con las fuentes. Podemos hacer muchas cosas diferentes y ver de qué otra manera podemos organizar este documento para crear la jerarquía visual y la visualización visual que queremos crear. Ahora, seguí adelante e hice esto y realmente jugué con él. Este fue uno de mis primeros que hice. Y, ya sabes, es bonito es bueno y consigue el punto a través. No obstante, es no tiene esa característica audaz que estaba buscando. Así que seguí trabajando en la topografía, creando más variación en tamaños y cambiando un poco la de la imagen. Y luego pensé, oh, tal vez quería una sensación más clásica. Así que creé esta con una imagen realmente audaz y solo texto en blanco contra esa imagen en negrita. Y lo hice sentir un poco más clásico con las fuentes Cera. Y luego hice otra aquí usando el mismo tema de color. Empezando con una imagen realmente audaz de una pizza teniendo la fuente dentro de la propia imagen, y teniendo el título en el centro entre toda la información así como los pasos que se utilizan para crear lo. Ahora la última que tuve, jugué con ella y usé una fuente de pantalla que pensé que era realmente interesante y muy chula y juguetona. Y jugué con él usando diferentes formas en esta, usando un sentido de jerarquía y relación. Por lo que hay múltiples formas en que puedes diseñar tus documentos. Y realmente te animo a que no solo dejes tu primera como tu única. Juega con ella. Prueba cosas diferentes. Experimentar es la mejor manera de aprender porque cuando experimentas, en realidad verás visualmente lo que es bueno, lo que funciona, lo que no funciona. Afinarás tu ojo creativo para ver este tipo de detalles y ver, oh, si empujo esto un poco más, crea esta sensación, oh, la empujé un poco demasiado lejos y se siente incómodo. A lo mejor puedo comprimirlo un poco. Ese tipo de cosas vendrán con el tiempo y vendrán con práctica. Entonces realmente te animo a que no te conformes con solo tu primera, sino que la dupliques y reorganices de una manera diferente, probando cosas diferentes. Y definitivamente tendrás mejores resultados si haces estas cosas. Ahora que han visto una forma práctica aplicar los principios del diseño, quiero ver qué pueden hacer ustedes. Definitivamente echa un vistazo a los recursos del proyecto y descarga esos activos y utilízalos para tu proyecto de clase. De verdad quiero ver lo que ustedes pueden inventar porque definitivamente se les va a ocurrir algo diferente a lo que se me ocurrió. Una vez que hayas terminado, asegúrate exportar tus imágenes como JPEG o PNG o PDF y publicarlas en el panel del proyecto. De verdad lo espero con ansias. Nos vemos en la siguiente clase. 15. ¡Gracias!¡Gracias! ¡Eres INCREÍBLE!: Oigan chicos, solo quería darles las gracias por tomar la clase. De verdad espero que lo que has aprendido en la clase, lo puedas llevar contigo y aplicarlo a tu propio trabajo en el futuro. Crear diseños agradables es realmente bastante fácil si aprendes a aplicar las técnicas y principios que se enseñan en esta clase. Y Adobe InDesign hace que sea súper fácil para ti tomar tus gráficos y texto actuales y organizarlos para crear una hermosa pantalla. Los principios prácticos de diseño gráfico enseñan en la clase realmente se pueden aplicar a cualquier diseño para el proyecto de la clase. De verdad te animo a que hagas lo que quieras. Se puede hacer un cartel en editorial, tal vez incluso una portada de libro o un anuncio. Sólo para aplicar los principios a ese diseño y publicado en el panel del proyecto. He proporcionado muchos activos en esta clase, así que puedes usar esos activos como quieras. Por lo que te da cierta libertad creativa para tomar lo que te he dado y organizarlo de la manera que quieras. Y realmente espero ver todas las formas creativas en las que puedes hacer hermosas exhibiciones. Así que después de que termines de organizar tu proyecto, asegúrate de exportarlo y publicarlo en el panel del proyecto. De verdad espero ver todo lo que creas. De verdad espero que hayas aprendido algo a través de esta clase. No obstante, sé que me falta y puede que no haya explicado algunas cosas así como un recorte. Por lo que si tienes alguna pregunta, siéntete libre de comunicarte en el panel de discusión aquí en Skillshare. Siempre que tenga oportunidad, espero leer sus discusiones y responder sus preguntas, lo que pueda. Si has aprendido algo a través de esta clase o simplemente disfrutaste la clase en general, realmente me encantaría escuchar lo que piensas. Por lo que después de la clase, por favor considere dejar una breve reseña. Hazle saber a otros alumnos lo que más te ha gustado esta clase para que cuando lean eso, puedan tener ánimo para continuar su aprendizaje y todos podamos crecer juntos. Siempre estoy deseando crear nuevas clases para ustedes aquí en Skillshare. Así que si quieres ser notificado cuando se lance una nueva clase, por favor considera seguirme aquí en Skillshare si deseas continuar tu viaje creativo y conocer más sobre diseño gráfico y ilustración. Tomé mis otras clases aquí en Skillshare. Clases para los principiantes para ilustración vectorial, tengo clases son diseño geométrico e incluso una en la herramienta de malla de gradiente en Adobe Illustrator. Así que definitivamente echa un vistazo a esos. Solo quiero decir, gracias nuevo por tomar esta clase y realmente espero caminar contigo a lo largo de tu viaje creativo. Nos vemos más tarde.