Clase maestra de procesos de diseño: ¡crea diseños de carteles como un profesional! | Gareth David | Skillshare

Velocidad de reproducción


1.0x


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

Clase maestra de procesos de diseño: ¡crea diseños de carteles como un profesional!

teacher avatar Gareth David, Graphic Design & Process

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

      4:54

    • 2.

      Preparación de clases

      5:08

    • 3.

      El proceso de diseño de carteles

      8:48

    • 4.

      Revisión breve del cliente

      3:55

    • 5.

      Revisa el contenido de los carteles

      1:40

    • 6.

      Investigación visual e inspiración

      5:15

    • 7.

      Crea paneles de humor enfocados

      7:58

    • 8.

      Elección de tipos de letra

      9:42

    • 9.

      Revisión de las cuadrículas de póster

      7:46

    • 10.

      Generación de ideas de diseño

      13:22

    • 11.

      TUT n.º 1: diseño de cuadrícula de línea base tipográfica - Adobe InDesign

      49:27

    • 12.

      TUT n.º 2: diseño de cuadrícula de columnas moderno / Adobe Illustrator

      47:07

    • 13.

      TUT #3: diseño de cuadrícula axial / Adobe Illustrator

      53:32

    • 14.

      Presenta tu diseño de póster

      6:38

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

1783

Estudiantes

21

Proyectos

Acerca de esta clase


¡Bienvenido a un viaje de diseño épico!


Soy Gareth David, un director creativo galardonado con más de 10 años en la industria.

Si quieres tener más confianza en tu diseño, mejorar tu proceso de diseño y generar ideas más convincentes, ¡esta es la clase para ti!

En esta clase, te guiaré a través de un proceso de diseño de carteles profesional probado y comprobado, ¡compartiendo las técnicas y los pasos clave que uso y he observado en mi carrera de diseño de más de 10 años! 

En esta clase, abordaremos algunos pasos cruciales:

1 - Revisión de un informe de diseño

2 - Emprende una investigación y obtén inspiración
3 - Crea un tablero de estado de ánimo enfocado
4 - Elige los tipos de letra correctos para nuestro diseño
5 - Aprende a generar ideas mediante el uso de tipos de letras
Boceto
7: usa Adobe InDesign e Illustrator para crear diseños listos para imprimir
 8: mira cómo podemos presentar nuestro diseño a clientes y colegas


 ¡Después de esta clase, podrás pensar como un profesional y diseñar carteles audaces y dinámicos como un profesional con InDesign o Illustrator para darles vida de manera súper fácil!

Prepárate para combinar artesanía, estilo, tecnología y creatividad a medida que transformamos nuestra imaginación en carteles visualmente convincentes.


¡Entremos!

Conoce a tu profesor(a)

Teacher Profile Image

Gareth David

Graphic Design & Process

Top Teacher
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: Hola, y bienvenidos a un viaje épico de diseño. Ahora, ¿te resulta difícil aprovechar tu creatividad? ¿Desearías poder llegar a ideas más convincentes? ¿Quieres tener más confianza en tu diseño? ¿Buscas mejorar tu proceso de diseño? O simplemente buscas subir de nivel tu juego de diseño y mejorar la calidad de tu trabajo? Si dijiste que sí a alguno de estos, entonces esta es la clase para ti. Ven y únete a mí mientras te enseño cómo aprovechar tu creatividad y producir resultados emocionantes con un proceso de diseño probado y probado Esta es una clase donde el mundo de la cultura urbana y las zapatillas inspiran nuestra creatividad? En esta clase magistral, nos adentramos en el arte del diseño de carteles, inspirándonos en la presencia icónica de las zapatillas deportivas en la cultura pop y la publicidad. Las zapatillas son más que solo calzado. Hay un lienzo para la expresión personal y un espejo a la evolución del diseño gráfico. En esta clase, utilizaremos el dinámico y diverso mundo de la cultura de las zapatillas para impulsar nuestro proceso de diseño, aprovechando el software creativo de adobe para crear carteles que encarnan el espíritu y el estilo de la cultura urbana contemporánea No se trata solo de aprender software. Se trata de aprovechar un proceso de diseño para capturar la esencia de una cultura global en su Entonces mi nombre es Gareth David. Soy un director creativo con más de diez años de experiencia en la industria del diseño. En ese tiempo, he trabajado en muchos proyectos , desde el diseño de logotipos hasta la marca, que he tenido la oportunidad de aprovechar mi proceso de diseño. Y también llevo más de cinco años creando videos educativos en línea. Ahora, algunos de ustedes pueden conocerme por mi canal de YouTube donde hasta la fecha tengo más 700,000 suscriptores y he lanzado allí mucho material educativo de diseño como este Entonces en esta clase, te estaré llevando a través de un proceso de diseño de carteles profesional, probado y probado, compartiendo las técnicas que uso y he observado en mi carrera. Comenzaremos con un resumen de diseño, reuniremos investigaciones y crearemos tablas de estado de ánimo. Luego aprenda a elegir las fuentes adecuadas, qué cuadrículas de póster podemos usar, cómo generar ideas con bocetos, y luego saltar al diseño e ilustrador donde daremos vida a nuestras ideas para crear múltiples diseños de pósters, y luego veremos cómo podemos presentar nuestro diseño a clientes y colegas De principio a fin, te estaré guiando a través de cada paso clave. Ahora, hay muchas opciones de software para crear diseños de carteles, pero en diseño e ilustrador son el estándar de la industria para crear proyectos de maquetación profesional como los carteles. Entonces, para aquellos de ustedes que tienen una preferencia o pueden no estar familiarizados con diseño o el ilustrador y quieren saber más sobre ellos y cómo funcionan, esta será una gran oportunidad para aprender algunas herramientas cruciales mientras crean un proyecto divertido y dinámico Entonces aquí estoy en Adobe Bridge, y estos son algunos carteles que creé anteriormente usando las técnicas que voy a estar demostrando en esta clase magistral. Para esta clase magistral de diseño de carteles, veremos un brief de diseño ficticio para una compañía de zapatillas que busca anunciar su nueva gama de productos Todos estos carteles tienen diferentes estilos con diferentes enfoques de maquetación, por lo que va a haber algo nuevo que aprender en cada diseño que creamos. Algunos de estos se han hecho usando en diseño y otros usando ilustrador. Más adelante en la clase, cuando lleguemos a elaborar nuestros diseños en software, aprenderemos a configurar las calificaciones de los pósters, administrar el tipo, las imágenes, estructurar el contenido, trabajar con color, crear variaciones y exportar listos para imprimir Entonces en esta clase magistral, estaré demostrando un proceso de diseño de carteles, cómo desarrollo mis diseños y uso en diseño e ilustrador para darles vida. Pero también te animaría a que pruebes tu propio proceso de diseño de carteles y tus propios diseños de publicaciones a medida que avanzamos en esta clase para practicar tus habilidades. En esta clase, he establecido muchas tareas clave para que emprendan en cada paso clave para que aprovechen al máximo esta clase. Practica tu habilidad y ten algo que mostrar por tu esfuerzo y tiempo al final. Después de esta clase, podrás pensar como un profesional y diseñar pósters audaces y dinámicos como un profesional en diseño o ilustrador para darles vida súper fácilmente. Ahora, en esta clase, nos centraremos en el diseño de carteles, pero este es un proceso de diseño que puedes usar fácilmente en cualquier cosa, ya sea que estés buscando diseñar logotipos, folletos, sitios web o redes sociales Así que prepárate para combinar artesanía, estilo, tecnología y creatividad mientras transformamos nuestra fascinación por las zapatillas en carteles visualmente convincentes Creemos algo que muestre no solo nuestras habilidades de diseño, sino también nuestra conexión con la vibrante cultura urbana Así que vamos a meternos en ello. 2. Preparación de clases: Entonces, antes de comenzar, hay algunas cosas que te recomendaría encarecidamente que tengas en lugar al principio para maximizar completamente tu experiencia en clase. Lo primero que necesitarás es uno, la carpeta de descarga de clases. En esta clase magistral, estaré presentando un montón de recursos para ayudarte con tu proceso de diseño. Antes de comenzar la clase, te recomiendo encarecidamente que te hagas la carpeta de descarga de clases, para que tengas todo lo necesario para abrir, como los mencioné y los presenté en la clase. Una vez que adquieras esta carpeta, verás una estructura de la siguiente manera. Clase Enlace PDF. El primer archivo incluido es un PDF de enlace de clase, y este documento incluye todos los enlaces importantes que mencioné a lo largo de esta clase, para ayudarlo con su proceso y para seguirlo de manera efectiva. A continuación, verá lista de lista de tareas. En esta clase, eres bienvenido a seguir mi proceso, pero también te animaría a que pruebes tu propio diseño y practiques tus propias habilidades. Esto contiene todas las tareas clave que te recomiendo emprender para sacar el máximo provecho de esta clase. Para comenzar la clase, te recomiendo que imprima esto y lo mantengas a un lado, así a medida que nos movemos por la clase, puedes marcarlos. Y a continuación, tenemos algunas carpetas. Uno, diseñar archivos de proceso. En esta carpeta, encontrarás carpetas adicionales, Resumen de diseño, lista de verificación del proceso de diseño, lista de verificación de anatomía del póster, muestras de moodboard, tipografía, cuadrículas de póster, ejemplos de bocetos de anatomía del póster, muestras de moodboard, tipografía, cuadrículas de póster, ejemplos de bocetos y carpeta de proyectos en blanco. La segunda carpeta son las plantillas de publicación. En esta carpeta, encontrarás carpetas adicionales para activos, en ilustrador de diseño, y un archivo de diseño llamado todos los carteles. La tercera carpeta son ejemplos de ilustraciones de póster. En esta carpeta, encontrarás carpetas adicionales para ejemplos finales de póster, ejemplos instituto y mazo de presentación, y la última carpeta será media kit, que incluye todos los activos de diseño como parte del resumen de diseño que usaremos en nuestros diseños de póster. Para descargar la carpeta de clases, consulta la sección de proyecto y recursos, dos, crea tu propia carpeta de proyecto. Ahora bien, esta es una grande. Un paso importante en un proceso de diseño efectivo es organizarse, y realmente ayuda tener una carpeta de proyectos bien organizada para guardar todos sus archivos para que no tenga que preocuparse por dónde está todo y comenzar a funcionar. Antes de comenzar, insisto en que dupliques una copia de la carpeta del proyecto de la carpeta de descarga de clases. Durante esta clase magistral, te animará a crear tus propios archivos, por lo que necesitarás que alguien los coloque. Para que sea realmente fácil de seguir, preparé una carpeta de proyectos para ti simplemente duplicar, que puedas colocarlos dentro a medida que avanzamos. Esto debería mantener todo su proceso organizado y simplificado. Tu primera tarea para esta clase es crear una carpeta de proyecto, que estaremos guardando todos nuestros archivos en la que estaremos guardando todos nuestros archivos a medida que los creamos durante esta clase. Una vez que hayas adquirido la carpeta de descarga de clase, entrando en la primera carpeta, una, descarga archivos de proceso, abajo a Carpeta ocho carpeta de proyecto en blanco, haz una copia y pega esto en algún lugar donde puedas venir durante la clase y cambiarle el nombre a Bolts sneakers posters. Una vez que tengas esto en su lugar, estás en un lugar perfecto para comenzar la clase. Tres, equipo de dibujo. Ahora, en esta clase magistral, estaré demostrando un proceso de diseño completo donde en la fase inicial, estaremos realizando algunos bocetos Ahora bien, esta parte, la clase es opcional, pero si quieres participar en esta fase y practicar tus habilidades, te recomiendo que tengas listo algunos equipos de boceto Entonces, cuando lleguemos a esa parte, te preparará para que lo pruebes. Un cuaderno de bocetos, algunos lápices o marcadores deberían estar bien. Para software creativo. Ahora lo último que necesitarás es cierto software instalado. En esta clase, estaré demostrando cómo crear carteles tanto en diseño como en ilustrador. Entonces, si quieres aprender ambos o tener una preferencia, te tengo cubierto. Para seguir y tener una oportunidad usted mismo, le recomendaría que tenga instalada una copia del diseño. Estaré usando la versión más reciente de in design, pero si tienes una versión anterior, esto debería estar bien ya que se proporcionarán archivos compatibles con versiones anteriores . Además de Adobe en diseño, también estaré demostrando cómo crear carteles en Adobe Illustrator. Por lo que te ayudará si tienes instalada una copia de Illustrator. Estaré usando la versión más reciente de Illustrator, pero si tienes una versión anterior, esto debería estar bien. Por último, photoshop. Para desarrollar nuestro diseño de póster, también usaremos Photoshop para trabajar con imágenes, también necesitarás una copia de photoshop también. Una vez que hayas adquirido la carpeta de descarga de la clase, duplicado una copia de la carpeta del proyecto, tengas listo algún equipo de dibujo y tu software listo, podremos comenzar nuestra aventura creativa e iniciar la clase magistral. Para comenzar, rápidamente voy a discutir el proceso de diseño publicado que vamos a seguir en esta clase. Estamos a punto de embarcarnos en un proceso de diseño probado que he perfeccionado y funciona cada vez Nos vemos en el siguiente video. 3. El proceso de diseño de carteles: Así que una de las partes más importantes de tu enfoque creativo siempre debe ser tu proceso de diseño. Y no puedo enfatizar eso lo suficiente. Un proceso de diseño sólido es el camino definitivo para aprovechar tu creatividad y obtener resultados de alta calidad Ahora bien, si estás viendo esto y actualmente no tienes un proceso de diseño en el que puedas apoyarte con confianza y estás luchando por aprovechar tu creatividad, entonces este video te va a ayudar Entonces, en última instancia, el diseño es una respuesta a un problema. diseño no es el destino sino el viaje que se realiza y el proceso de lo que implica resolver problemas. Al asumir un proyecto, los diseñadores aficionados a veces se sumergen directamente en abordar el resultado final, dibujar de su cabeza o saltar a la computadora a la obra de arte de inmediato, inventarlo a medida que avanzan o, en el peor de los casos, siguiendo las tendencias Ahora bien, esto no es necesariamente algo malo, y lo he visto pasar mucho, pero tomar este enfoque puede ser tedioso e inspirador y no siempre arrojar los mejores resultados Como diseñador, si quieres mejorar la calidad de tu trabajo, querrás evitar hacer diseños arbitrarios y considerar pensar más en tu proceso de diseño y esforzarte por dar tu proceso de diseño y esforzarte por dar pasos para desarrollar la mejor solución creativa Entonces, ¿qué es un proceso de diseño? Bueno, un proceso de diseño es una hoja de ruta que nos guía desde un lienzo en blanco hasta una solución convincente, significativa y apropiada Un proceso de diseño incluirá pasos para garantizar que emprenda una investigación, descubrimiento, desarrollo, lluvia de ideas, bocetos e implementación adecuados para responder preguntas complejas con sofisticadas y Al igual que en la moda, la arquitectura, producto o el diseño web, el proceso de diseño en el diseño de carteles es un elemento crítico que impulsa la innovación, la relevancia y la excelencia. Entonces en este video, antes de embarcarnos en nuestro viaje creativo que va más allá de la estética, primero vamos a adentrarnos en el proceso de diseño de carteles Estaremos siguiendo en esta clase magistral. Así que vamos a meternos en ello. Entonces, al emprender proyectos de diseño, un diseñador a sabiendas o no, inicialmente se enfocará en un proceso de pensar hacia afuera, conduciendo a un proceso de pensar El psicólogo JP Guilford califica este proceso como pensamiento divergente y convergente Y es este proceso de pensamiento el que es fundamental para el proceso de diseño. Conocerlo y comprenderlo será muy útil a la hora de abordar problemas de diseño complejos El término pensar fuera de la caja es básicamente otro término para pensar de manera divergente El pensamiento divergente es ampliar tus opciones. Pensar lo más abierto posible y estar abierto a todas las posibilidades e inspiraciones La imaginación y la creatividad viven en el ámbito del pensamiento divergente Yo divergente es pensar hacia afuera, bueno, convergente es pensar hacia El pensamiento convergente es contraer tus opiniones y reducir las posibilidades. El pensamiento convergente es cuestionar, desafiar, criticar y consolidar La disciplina, la lógica, el juicio y la decisión viven en el ámbito del pensamiento convergente Por lo que ayuda pensar en el pensamiento divergente como una ducha. Cuanto más descubrimiento emprenda, más material de fuente de agua se agregará. Cuantas más conexiones hagas se sumarán a la presión de crear un mayor chorro de ideas, que llegará más allá donde las ideas se volverán más conceptuales y originales. pensamiento convergente es como el embudo donde capturamos todo el pensamiento creativo y las ideas y las desafiamos para identificar las mejores soluciones potenciales Estos dos procesos de pensamiento van de la mano y serán requeridos varias veces a lo largo del transcurso de un proyecto. Ahora, lo que hace a un buen diseñador es aprovechar el poder de estos dos procesos de pensamiento y lograr un buen equilibrio y encontrar un buen equilibrio ayudará a generar resultados Entonces aquí tengo una lista de verificación de proceso de diseño impreso, que pone en práctica este proceso de pensamiento divergente y convergente Utilizo esto como referencia para mantenerme encaminado y aprovechar el flujo del pensamiento creativo. Aquí, el proceso de diseño de carteles consta de cuatro fases principales. Descubrimiento, concepto y diseño, arte y diseño visual, y presentar diseños de carteles. Primero, tenemos la fase uno, el descubrimiento. En esta primera fase, buscamos comprender los pasos clave, entender todo sobre el proyecto, el desafío y obtener inspiración para impulsar nuestro pensamiento inicial de diseño. Esta fase consta de cuatro pasos principales. Paso uno, revisar el resumen de diseño y el contenido del póster. En este paso, buscamos entender los objetivos de nuestros proyectos, el público, y todo lo que el cartel necesita incluir. Paso dos, investigación visual e inspiración. En este paso, buscamos explorar el mundo que nos rodea en busca de chispas y creatividad. Paso tres, tablas de estado de ánimo enfocadas. En este paso, canalizamos nuestra inspiración y estrechamos nuestra dirección visual. Paso cuatro, elige tipos de letra. En este paso, buscamos buscar letra apropiados y relevantes con los que querremos trabajar para nuestro diseño de póster Paso cinco, revisar cuadrículas de carteles. En este paso, podemos revisar todos los diferentes tipos de cuadrículas de póster para ver cuáles serían las adecuadas para nuestro diseño A continuación, tenemos la fase dos, concepto y diseño. Ahora, en la segunda fase, después de haber sintetizado toda la información que hemos descubierto y aprendido en la fase anterior, es entonces el momento de comenzar a generar posibles soluciones para resolver el problema creativo, y esto consiste en un paso clave, bosquejar diseños En este paso, buscamos generar el plano de nuestra visión creativa Aquí lo hacemos bosquejando la composición en las ideas de maquetación para identificar las ideas más fuertes que podemos llevar adelante A continuación, tenemos la Fase tres, arte visual y diseño. En la tercera fase, una vez que hemos pasado suficiente tiempo generando ideas, y estamos satisfechos, tenemos algunas buenas opciones en la bolsa. Entonces podemos buscar darles vida usando software creativo. Esta fase consiste en un paso principal, el trabajo artístico y el diseño. En este paso, buscamos utilizar herramientas de software creativas para desarrollar nuestras ideas de diseño, refinar y finalizar nuestro diseño Por último, tenemos la Fase cuatro, presentar diseños de póster. En la última fase, tomaremos nuestra obra final de póster pulida y colocaremos en un documento de propuesta de póster, listo para presentar a un cliente o miembros del equipo, y esta fase consta de dos pasos. Coloca el diseño del póster en ejemplos visuales in situ. En este paso, buscamos tomar nuestros diseños de pósters y colocarlos en simulacros para dar el contexto adecuado a nuestros diseños de pósters, crear una baraja de propuestas. En este paso, consolidamos nuestros diseños de póster de archivo y visuales listos para que el mundo los vea Aquí, colocaremos en nuestros archivos diseños y maquetas en una baraja lista para proponerle matrimonio a un cliente o compañeros de trabajo. Si quieres echar un vistazo e imprimir tu propia copia de esta lista de verificación de diseño de póster, puedes encontrarla en la carpeta de proyectos de clase. Esto se encuentra en los archivos de proceso de diseño en la carpeta de proceso de diseño. Entonces, ¿por qué importa este proceso? Bueno, el gran diseño rara vez nace de trazos aleatorios de genio. Es una búsqueda deliberada de soluciones. Se trata de entender un problema profundamente y responder con diseños que no solo son hermosos sino significativos y perfectamente adaptados a nuestro público objetivo. El proceso de diseño asegura que cada decisión que tomamos sea informada, intencional y alineada con nuestros objetivos. Tenga en cuenta que cuando diseñamos, estamos resolviendo acertijos, contando historias e interactuando con nuestra audiencia a un nivel profundo. Estamos apuntando a algo más que una buena apariencia. Nos esforzamos por la relevancia, el impacto y la conexión. Este es el proceso que vamos a emprender en esta clase magistral. Durante esta clase, explorarás cómo un proceso de diseño estructurado puede elevar nuestro trabajo de bueno a inolvidable, asegurando que cada póster que creamos no solo sea visto sino que se sienta y recuerde. Ahora saltemos al primer paso del proceso de diseño y echemos un vistazo al desafío creativo que nos espera. En el siguiente video, estaremos viendo el brief de diseño. 4. Revisión breve del cliente: En la industria del diseño, el primer paso en el proceso de diseño generalmente comenzará con un resumen de diseño. Ahora, un buen resumen de diseño es la base de cada proyecto de diseño exitoso, delineando los objetivos, desafíos y dirección de nuestros esfuerzos creativos Ahora bien, esto no es sólo papeleo. Es el primer paso para entender y resolver el problema de diseño que nos ocupa. El resumen de diseño nos guía para garantizar que nuestros diseños no solo sean visualmente atractivos, sino que tengan un propósito y Es una herramienta crítica para alinear nuestra visión creativa con objetivos prácticos. En este video, comenzamos con el primer paso en el proceso de diseño revisando un brief de diseño. Vamos a sumergirnos, ver qué hay en la tienda y preparémonos para enfrentar este desafío de carteles con creatividad alimentada por la claridad y la dirección Así que vamos a meternos en ello. Entonces para esta clase, he preparado un breve típico uno puede recibir en la industria del diseño de un cliente. Esto incluye todos los criterios clave que necesitaremos conocer para desarrollar nuestras soluciones creadas. Si tuvieras que echar un vistazo a este resumen de diseño, lo puedes encontrar en la carpeta de descarga de clases. Esto se puede ubicar en la carpeta de archivos de proceso de diseño en la carpeta de resumen de diseño. Ahora bien, no voy a leer todo el escrito ya que esto llevaría algún tiempo. Sin embargo, te aconsejo que eches un vistazo a esto antes de seguir adelante con la clase para tener una buena idea de los objetivos creativos que necesitaremos trabajar en esta clase. Entonces mi breve aquí se divide en dos partes. Una visión general del cliente y dos descripciones generales del diseño. La primera parte es donde podemos entender el contexto y el negocio para el que estamos trabajando, y la segunda parte es donde podemos aprender sobre el desafío creativo, las metas y los objetivos. Ahora, en general, cuando consiga un brief de diseño, tal y como lo leo, voy a destacar ciertas áreas que siento que son significativas para tener en cuenta, lo que impulsará consideraciones creativas relevantes en el futuro. Aquí, pueden ver cómo he resaltado mi breve para sacar los pedacitos que siento que son importantes. Esto me facilitará revisar los detalles clave durante el proceso. Entonces, para resumir este breve, estamos obligados a diseñar carteles para una compañía ficticia de zapatillas llamada Bols, y están buscando crear algunos diseños de carteles para promocionar parte de su línea de productos El público principal son aquellos que anhelan moda única, expresión personal y diseños de vanguardia que resuenen con aquellos ansiosos por hacer una declaración individual audaz Los seguidores de los pernos son creadores de tendencias unidos por una pasión por el estilo distinto y por superar los límites El objetivo de los diseños de carteles es ser audaz y llamativo con imágenes dinámicas que se exhibirán en entornos urbanos Bols busca cautivar con carteles que fusionan estilos futuristas y rebeldes, convirtiéndolo en iconos de zapatillas para La compañía nos ha proporcionado los contenidos para incluir fotografía de los productos y algunos activos visuales que podemos utilizar en nuestro diseño. Y han declarado en el breve que quieren ver alguna exploración de la tipografía y Entonces este será el punto de partida de esta clase magistral. A medida que avancemos, deje que el breve sea su brújula. Es más que un ejercicio. Es una práctica esencial en el mundo del diseño, preparándote para pensar, diseñar y entregar con intención. Entonces, su segunda tarea para esta clase es leer el resumen de diseño para obtener una buena comprensión de lo que se requiere. Mi recomendación es imprimirla y mantenerla disponible durante esta clase. Asegúrese de consultar el PDF de la lista de tareas en la carpeta de descarga de clases para obtener más instrucciones para esta tarea. Una vez que haya leído el resumen y comprenda el desafío que tiene por delante, podemos pasar al siguiente paso en la fase de descubrimiento. 5. Revisar el contenido del póster: Ahora, antes de pasar al siguiente paso clave de descubrimiento. Otra cosa importante a tener en cuenta a la hora de diseñar un póster justo al inicio es considerar los contenidos. Antes de diseñar un póster, ayuda tener una buena comprensión de lo que se debe incluir en el diseño del póster ya que esto puede ayudarlo a comprender el alcance, planificar y estar preparado con qué incluir en su diseño y diseño. Ayuda a considerar cosas como cuánto tipo incluir, cualquier foto, texturas o ilustraciones, cualquier logotipo, o cualquier tabla o gráfico. Mirando hacia atrás en el brief de diseño, podemos ver que el cliente nos ha proporcionado la copia para incluirla en el póster. Fotografía de los productos y algunos de los activos visuales, que podemos utilizar en nuestro diseño. Se proporciona el logo, se proporcionan fotos, proporcionan texturas y activos, y ellos han solicitado, quieren ver alguna exploración de tipografía y Aquí podemos ver un deck de contenido de póster disponible, que cuando abrimos, esto incluye las opciones de copia para usar en los carteles. En la siguiente página, podemos ver los productos con los nombres de cada uno, y también los activos de textura que podemos usar como parte del diseño. Entonces, una vez que estoy al tanto de los elementos que necesito incluir en el póster, entonces puedo comenzar a pensar mi enfoque de diseño y dar los siguientes pasos en la fase de descubrimiento. Entonces tu tercera tarea para esta clase es familiarizarte con el contenido requerido para los carteles Asegúrese de consultar el PDF de la lista de tareas en la carpeta de descarga de clases para obtener más instrucciones para esta tarea. Una vez que esté familiarizado, podemos pasar al siguiente paso en la fase de descubrimiento. 6. Investigación visual e inspiración: Al crear un diseño de póster, realmente puede ayudar emprender algunas investigaciones iniciales para ayudar a generar ideas. Ahora, por supuesto, este paso es opcional. No es necesario que empieces a investigar. Sin embargo, esto puede darte algo de inspiración si no estás seguro de lo que quieres crear inicialmente y también puede ser bueno si tienes una idea en mente para un tema o estilo en particular que quizás quieras investigar más a fondo. Pasando al segundo paso del proceso de diseño, nos sumergimos en un paso crucial de descubrimiento, investigación visual e inspiración. En este video, vamos a ver algunas técnicas para investigar y algunos buenos lugares para inspirarnos. Así que vamos a sumergirnos, entusiasmarnos por nuestro proyecto de diseño y reunamos algunas investigaciones Así que vamos a meternos en ello. Entonces, una vez que estoy familiarizado con el resumen de diseño, y tengo un buen entendimiento de todos los criterios importantes como el contexto, la audiencia y los objetivos, entonces busco mirar una amplia gama de investigaciones y recopilar cualquier cosa que encuentre de interés, y que pueda ser relevante e inspiradora Entonces un buen lugar con el que me gustaría empezar es con mi álbum de recortes digital Primero, me gusta reflexionar sobre investigaciones que pude haber adquirido previamente de imágenes en línea o fotos que he sacado y sobre ellas. Para la investigación encontrada, me gusta mantener esto en un lugar donde pueda acceder fácilmente a él y verlo como un todo de un vistazo. Ahora bien, estas podrían ser imágenes que he recopilado de proyectos anteriores o simplemente imágenes que he visto y que he capturado para agregar a mi álbum de recortes Ahora, mi vieja técnica era mantener las imágenes encontradas en la computadora en una carpeta de álbumes de recortes Pero últimamente, he estado usando Figma, Ahora, Figma está diseñado para el diseño de UI y UX, pero me gusta usar Figma porque ofrece un vasto entorno digital para el que puedes pegar cientos de imágenes en un solo muro digital, donde puedo moverlas y organizarlas y volver a ellas en cualquier momento Y lo mejor de esto es que está respaldado en línea, así que nunca puedo perderlo y puedo agregarlo constantemente. Y también está increíblemente organizado, donde puedes tener múltiples paredes y organizar tu investigación encontrada en categorías integrales. Así que aquí estoy usando Figma como álbum de recortes digital, y me parece que esta es una plataforma increíble para reunir, recopilar y almacenar investigaciones Así que aquí hay un enorme tablero de imágenes de póster que he investigado recientemente en línea, incluyendo muchas cosas que he recopilado en el pasado Así que mucha investigación puedo mirar por aquí para obtener alguna inspiración inicial. Y aquí hay algunos ejemplos que he consolidado que se centran principalmente en el diseño de sneakers. Así que dos plataformas realmente buenas para descubrir y construir inspiración son Pinterest y la espiral del diseño. Estas dos plataformas son similares en que puedes hacer mucha investigación y construir tableros. Así que aquí estoy en Pinterest, y tengo una amplia gama de investigaciones que he reunido que contiene muchos diseños de sneakers publicados. Como podemos ver aquí, hay muchos ejemplos con muchos enfoques de diseño dinámico. Aquí tenemos tipografía muy dinámica, imágenes y diseños de textura Ahora, a continuación, vuelvo a ponerme en espiral de diseño, puedes buscar una amplia gama de inspiración creativa y luego colocarlas en tableros específicos Si quieres echar un vistazo más de cerca a estos dos tableros de investigación, puedes encontrarlos en el importante stock de enlaces en la carpeta del proyecto. Ahora, otros dos buenos recursos de inspiración son Behance y Aquí puedes buscar criterios de diseño específicos y desplazarte por los vastos resultados para ver si algo te destaca. Ahora, a diferencia de Pinterest y la inspiración de diseño, estas plataformas no ofrecen la funcionalidad para crear tableros. Una vez que encuentres un ejemplo que te guste, vas a necesitar algún lugar para colocarlo. Para mí, aquí es donde vuelve a entrar Figma. Lo que sea que encuentre en plataformas como esta, puedo copiar o tomar una captura de pantalla y pegarla en mi creciente álbum de recortes digital en Figma. Entonces, para recapitular, al realizar investigaciones, puedes considerar una variedad de enfoques Durante la fase de investigación, querrás pensar de manera divergente luciendo amplia y recolectar una amplia gama de investigación visual inicialmente para comenzar Para ello, puedes reflexionar sobre la investigación encontrada en un álbum de recortes, investigar y construir tableros en Pinterest e inspiración de diseño, o navegar a través del trabajo creativo de diseño sobre Bhands y regatear, recolectar y agregar a tu Tu cuarta tarea para esta clase es emprender algunas investigaciones amplias para encontrar muestras de lo que piensas que es interesante y lo que te inspira Asegúrese de tener en cuenta lo que será apropiado para el resumen de diseño. Ahora, eres bienvenido a seguir junto con mi investigación inicial. Pero si quieres probar este proceso y practicar tus habilidades, para encontrar tu propia investigación, tómate un este proceso y practicar tus habilidades, para encontrar tu propia investigación, para encontrar tu propia investigación, tiempo para hacer esto ahora y asegúrate de consultar lista de tareas PDF en la carpeta de descarga de clases para obtener más instrucciones para esta tarea. Intenta dedicar alrededor de 20 a 40 minutos en este ejercicio. Una vez que haya realizado algunas investigaciones amplias, es el momento de mirar el siguiente paso en el proceso de diseño. 7. Crea tableros de estado de ánimo centrados: En las primeras etapas del proceso de diseño, puede ser muy beneficioso emprender investigaciones amplias. Dependiendo de cuánto tiempo uno dedique a la investigación inicial, uno puede cubrir mucho terreno y acumular muchas opciones creativas. Ahora bien, la investigación es genial, pero en algún momento, tendremos que detenernos y convertirla en algo que funcione para nosotros. Es la síntesis de investigación visual lo que se vuelve crucial y puede determinar la dirección de su posible solución de diseño. Entonces, cuando hayamos explorado suficiente investigación, es entonces el momento de editar esto hacia abajo. Pasando al tercer paso del proceso de diseño, ahora estamos buscando enfocarnos en una dirección más decisiva para nuestro diseño de pósters. Y lo hacemos creando mood boards. Moodboards son nuestras herramientas de lluvia de ideas visuales que enfocan nuestras ideas, inspiración y dirección visual Por lo general, los tableros de estado de ánimo son una cuadrícula o collage de elementos de diseño colocados juntos para capturar la esencia de una visión de diseño. En el último paso, estábamos pensando divergentemente y mirando hacia afuera En este paso, comenzamos a pensar convergentemente, donde miraremos hacia adentro y comenzaremos a establecer una Los tableros de estado de ánimo son geniales para mantenerte enfocado en una dirección particular y también pueden ser buenos para compartir con compañeros de trabajo o incluso clientes para ayudar a presentar y vender tus intenciones de diseño. En este video, estaré demostrando cómo desarrollo mis mood boards para el diseño de carteles. Así que vamos a meternos en ello. Entonces, en el último paso, demostré cómo recopilé y exploré la investigación visual. En ese video, mostré cómo uso figma para crear un enorme muro de inspiración y pinterest e inspiración de diseño para crear tableros Una vez que sienta que he reunido suficientes investigaciones, buscaré entonces generar un mood board enfocado. Aquí es donde empieza a ser más decisivo. Lo que hago a continuación es tomar algunas muestras selectas de la gran cantidad de investigación y luego consolidarla en una página de algunos ejemplos que me dan una apariencia distinta y sugieren un estilo y dirección en la que quiero ir. Ahora bien, esto podría ser uno o unos cuantos mood boards, dependiendo de la naturaleza del proyecto, pero cada uno será distinto y sugerirá una visión clara para una apariencia. Ahora bien, no existe una regla específica en la forma en que diseñas tus moodboards o qué incluir en ellos Es importante mencionar que dependiendo de la disciplina de diseño, ya sea interiorismo, diseño producto o moda, la naturaleza de los mood boards puede cambiar y los contenidos pueden cambiar. Algunos pueden incluir muestras de color, fotografía, productos, muestras, tipos de letra, materiales y elementos gráficos para sugerir ciertos detalles y resultados Sea cual sea la disciplina de diseño, el mood board debería ser lo suficientemente simple como para que lo consigas en alrededor de 10 segundos. En última instancia, el mood board debería estar en una página y dar una impresión muy distinta, así que no hace falta decir en qué dirección estás buscando ir. Para el diseño de carteles, normalmente veremos diseños de pósters, estilos de tipografía, paletas de colores Cuando se trata de diseño, podrías incluir muestras que son todas del mismo tamaño en una cuadrícula. Podrías incluir muestras y organizarlas en secciones. Podrías crear más de una jaula, o puedes usar una cuadrícula y escalar ciertas muestras para que salgan. Para este proyecto, tengo dos tablas de estado de ánimo principales, una moodboard que mira al estilo de diseño de póster y tipografía y otra moodboard que mira Entonces, para el tablero de estado de ánimo de estilo de maquetación y tipografía de todas mis investigaciones, consolidé el mío en este mood board aquí, donde he colocado mis muestras en una página en photoshop y las he impreso en Para esta placa, he usado una cuadrícula simple y escalado ciertas muestras hacia arriba. Ahora, hago esto porque rompe la monotonía de las imágenes y además resalta algunas de las muestras que más me entusiasman Para este moodboard, incluí muestras de pósters, solo mirando estilos de maquetación y tipografía Esto es lo más lejos que voy con mis moodboards de diseño de póster No me gusta incluir demasiadas muestras ya que puede ponerse un poco ocupado y complejo. Aquí está mi mood board mostrando el estilo de diseño dinámico, creo que sería una respuesta adecuada al brief Aquí tenemos ejemplos de maquetación donde hay alta dinámica en capas y contraste. Las zapatillas están recortadas e interactúan bien con la tipografía En general, los diseños se sienten muy enérgicos, vibrantes, espontáneos y tienen esa calidad rebelde juvenil Pueden ser ligeramente diferentes, pero todos son familiares en su energía y enfoque general. Reflexionando sobre el resumen de diseño, el público principal son aquellos que anhelan moda única, expresión personal y diseños de vanguardia que resuenen con aquellos ansiosos por hacer declaraciones individuales audaces Los seguidores de Bolts son creadores de tendencias, unidos por una pasión por el estilo distinto y por superar los límites El objetivo de los diseños de póster es ser llamativo y llamativo con imágenes dinámicas Entonces en esta instancia, creo que este sería un enfoque de diseño apropiado para tomar en respuesta al breve para apelar a esta audiencia. Así que ten en cuenta aquí, no he recogido estas muestras porque simplemente me gustan necesariamente. Los he escogido porque creo que funcionarían bien para resolver el problema creativo del brief de diseño. Para el segundo moodboard, me he centrado más en el color y la textura aquí, donde he incluido imágenes de los productos y texturas suministradas por el cliente en el deck de contenido, que voy a necesitar usar Para cada uno, también he extraído algunos colores de los productos que podría usar como temas y coloqué ciertas texturas junto a cada producto que podría usar para cada diseño de póster específico de producto. Este tablero, los he organizado en secciones, y lo he hecho porque hay una gama de productos específica que voy a necesitar para atender a cada producto tendrá su propio tema potencialmente. Aquí los he agrupado en sus propias áreas para sugerir una textura y color que podría usarse para cada producto Un moodboard para el concepto de capas y un moodboard para administrar los productos y observar el color y Ahora, podría explorar otros mood boards de estilo de diseño y tipografía para conceptos y mirar otras opciones de dirección Pero por el bien de esta clase, la voy a mantener simple. Si quieres echar un vistazo más de cerca a estos moodboards, puedes encontrarlos en la carpeta de descarga de clases Esto se puede ubicar en la carpeta del proyecto de diseño en la carpeta moodboard Entonces, su quinta tarea para esta clase es refinar su investigación más amplia y crear un tablero de estado de ánimo de estilo de diseño y tipografía propio para una dirección publicada que le gustaría desarrollar Con su investigación más amplia, identifique muestras de lo que cree que es interesante y luego consolide sus muestras en un solo moodboard de diseño y tipografía Asegúrese de consultar el PDF de la lista de tareas en la carpeta de descarga de clases para obtener más instrucciones para esta tarea. Ahora, eres bienvenido a seguir junto con mis tablas de estado de ánimo. Pero si quieres probar este proceso y practicar tu habilidad, tómate un este proceso y practicar tu habilidad, tiempo para hacerlo ahora. Intenta dedicar alrededor de 20 minutos en este ejercicio. Ahora tal vez se esté preguntando ¿por qué no he incluido tipos de letra aquí en mis pizarras de estado de ánimo? Bueno, eso es porque cuando se trata de diseño de carteles, esta es una tarea en sí misma. Una vez que haya completado al menos un moodboard, es el momento de mirar el siguiente paso en el proceso de diseño 8. Elección de tipos de letra: Ahora, uno de los pasos más importantes en la fase de descubrimiento del diseño es la investigación. En las primeras etapas del proceso de diseño, especialmente para el diseño de carteles, además de investigar el diseño y el estilo, es práctico pensar en tipos de letra Pasando al cuarto paso de nuestro proceso de diseño, aquí profundizamos en el arte de elegir tipos de letra para nuestro diseño de carteles Ahora bien, la tipografía no se trata sólo de legibilidad. Se trata de personalidad, tono e impacto. El tipo de letra adecuado puede elevar su diseño, transmitir el mensaje correcto y resonar con una audiencia en particular Por lo que elegir tipos de letra no debe hacerse a la ligera. Antes de comenzar a pensar en los diseños de diseño de pósters, ayuda tener una buena idea del estilo de tipos de letra que querremos usar para capturar el resultado correcto en nuestro diseño cuando vengamos a maquetar nuestros carteles más tarde Ahora, ten en cuenta, buscar el tipo correcto puede llevar un tiempo, y puede tomar mucha prueba y error encontrar el tipo de letra correcto Al decidir sobre nuestra tipografía temprano, nos aseguramos de considerar opciones que están bien pensadas y son apropiadas para nuestra solución de diseño Esto también ofrece una transición perfecta a nuestra fase de arte más adelante, manteniendo nuestro flujo creativo ininterrumpido y ahorrando tiempo precioso durante la fase de diseño donde podemos comenzar a trabajar Para facilitar el proceso de creación de mi obra de arte y tener algo con lo que empezar, me gusta estar lista con al menos un puñado de tipos de letra En esta parte de la clase, exploraremos cómo elegir tipos de letra que estén alineados con nuestro mood board, mensaje y estética Este paso se trata de preparación y organización, asegurando que cuando comencemos a construir nuestro póster en el software creativo más tarde, cada pieza encaja perfectamente. Entonces, adentrémonos en el mundo de la tipografía y preparémonos para un proceso fluido y eficiente Recuerda, las fuentes que elijas son la voz y el tono de tu póster. Así que vamos a meternos en ello. Entonces en este video, vamos a estar cubriendo tres temas principales. Uno, considerando tipos de letra, dos descubridores y tres tipos de letra de vista previa Tan rápidamente reflexionando sobre el resumen de diseño, el público principal son aquellos que anhelan moda única, expresión personal y diseños de vanguardia que resuenen con aquellos ansiosos por hacer una declaración individual audaz Los seguidores de Bolts son los que marcan tendencias unidos por una pasión por el estilo distinto y por superar los límites El objetivo de los diseños de póster es ser atrevido y llamativo con imágenes dinámicas Mirando mi diseño y tipo de moodboard estilo, Estas son algunas opciones que pensé que funcionaban muy bien para alinearse con ese sentimiento en el Aquí, tenemos ejemplos donde hay alta dinámica en capas y contraste. Las zapatillas están recortadas e interactúan bien con la tipografía En general, los diseños se sienten muy enérgicos, vibrantes , espontáneos y tienen esa calidad rebelde juvenil Esto es lo que me pareció relevante en la investigación que encontré, y este es un enfoque apropiado, creo que sería una buena dirección en respuesta al brief de diseño. Este es el tipo de comunicación visual que atraería a este tipo de público. Ahora, respecto a la tipografía, el tipo en su conjunto es muy impactante, contundente, contundente Aquí tenemos algún efecto de trazo y tenemos algunos tipos de letra con un poco de llamarada a ellos. Mirando de cerca, podemos ver que los tipos de letra que se han utilizado son bold sans serif con el uso ocasional de un tipo de letra serif tipo personalizado En esta instancia, los diseños están bastante ocupados y están sucediendo muchas cosas. Por lo que los tipos de letra simples utilizados funcionan bien para no sobreclicar el diseño y para asegurar un buen grado Para mis carteles, quiero apuntar a un enfoque similar donde los tipos de letra sean impactantes y tengan destellos a ellos Su sexta tarea para esta clase es revisar los tipos de letra utilizados en su tablero de estado de ánimo de diseño y tipografía Observe cuidadosamente los tipos de letra en su investigación, identifique los estilos de tipos de letra utilizados y vea cómo funcionan como parte de los Una vez identificado, toma nota de los estilos que sientes que quieres usar en tu diseño de póster. Intenta dedicar alrededor de 5 minutos en este ejercicio. Una vez que tengas una idea inicial en mente de los estilos de tipografía que quieres usar, puedes pasar al siguiente paso donde podemos buscar tipos de letra Entonces una vez que tengo una idea clara en mente del estilo de tipo que quiero usar, es momento de salir a buscar algunas caras tipo. Ahora, hay muchas maneras de obtener caras de tipo. Puedes comprar caras tipo, puedes hacer caras tipo. Pero hoy, tenemos la suerte de tener una amplia variedad de caras de tipo libre. Si haces clic en el documento importante de Links puedes ver una lista de sitios web de fuentes he enumerado que puedes usar, algunos de los cuales son gratuitos y algunos donde puedes obtener fuentes pagas. Por el bien de esta clase, utilizaremos algunos tipos de letra gratuitos Ahora, hay muchos sitios web donde puedes buscar fuentes gratuitas. Para esta clase, quiero mostrar un recurso útil. He armado para facilitar el proceso y que estoy usando actualmente. Ahora, como investigando, los estilos específicos de fuentes pueden ser laboriosos y llevar mucho tiempo, utilizo mi libro de fuentes, que es una colección de tipos de He reunido con más de 1,000 fuentes gratuitas. Entonces, en el importante stock de Link, hay un enlace al libro de fuentes GDS Y si hacemos clic en esto, llegaremos a la página web de Font Book. En la página de inicio, puedes ver que actualmente hay una gama de categorías entre las que podemos elegir desde San Serif hasta cepillar y Extended Si hacemos clic en estos, podemos ver una lista curada de fuentes gratuitas, fuentes Google y fuentes de Adobe para elegir Aquí podemos simplemente navegar por las caras tipo que se ofrecen, y si hacemos clic en una, nos llevarán directamente al tipo de letra para descargarla Esto puede ahorrarle mucho tiempo si sabe qué estilo de tipografía desea, donde puede sumergirse directamente en una categoría y ver algunos ejemplos de calidad Para mi enfoque, antes incluso mirar cualquier tipo de ejemplo, sabía que quería buscar algunas arenas realmente fuertes de tipografías que funcionaran bien en un póster tipográfico También estaba abierto a ver algunos ejemplos con un poco más llamarada que pudieran agregar otro elemento de estilo y expresión a mis diseños de póster. Aquí, investigué la categoría de serif de arena, la serif, la losa Serip, la pantalla, la chunky y la condensada Ahora, una técnica que me gusta usar, que también recomendaría encarecidamente es previsualizar tus fuentes a medida que las encuentres. Me parece que esto me ayuda a obtener una visión holística agradable de un tipo de letra para ver rápidamente las cualidades y si son adecuadas para mi diseño y además compararlas rápidamente con otras fuentes Para ello, me gustaría utilizar un documento ilustrado. He preparado donde he configurado una serie de cuadros de texto pre llenados donde simplemente puedo cambiar la fuente sobre la marcha para ver las cualidades de los tipos de letra y obtener una primera impresión Aquí puedo mirar rápidamente los formularios de letras mayúsculas y para tener una idea rápida de ellos. Después de un tiempo de explorar una variedad de tipos de letra, descargarlos, instalarlos y colocarlos en mi hoja de tipos, luego la imprimí en papel para echarle un vistazo más de cerca Aquí tengo tres hojas con nueve muestras en cada una, y lo he hecho para obtener una buena vista de una gama. Creo que pasé como media hora en esta búsqueda y seleccionando algunas para colocarlas aquí. Si quieres echar un vistazo a esta vista previa de hoja de tipo, puedes encontrarla en la carpeta de descarga de clases. Esta se encuentra en la carpeta de archivos de proceso de diseño en la carpeta de tipografía Además, si haces clic en alguna de estas fuentes, he incluido los enlaces, los cuales te llevarán directamente a ellos para instalarlos. Aquí en la primera página, estoy viendo algunas arenas audaces de tipos de letra con una gama de cualidades con algunas que están más condensadas En la siguiente página, estoy viendo algunas arenas extendidas de tipos de letra y también algunas con muestras más redondeadas En la tercera página, miré algunos otros tipos de letra con un poco más de personalidad y destello Aquí tengo algunos ejemplos de serif y serif de losa. Después de una cuidadosa consideración, pueden ver que tengo una buena gama de tipos de caras para elegir que me parecen apropiadas para mi dirección que puedo considerar usar en mi diseño de póster. Ahora tengo mis pizarras visuales y mi investigación de tipografía Ahora estoy en una muy buena posición para seguir adelante en el proceso. Ahora, ten en cuenta que este proceso es solo para que me inicie. Todavía hay una posibilidad de que algunas de estas fuentes que elegí no funcionen en los diseños finales más adelante. Pero hay una gran posibilidad de que Sam lo haga y por lo menos tengo algunas buenas muestras para empezar. La séptima tarea de esta clase es adquirir y previsualizar algunos tipos de letra para usar en tu diseño Según lo recomendado, puedes ir al sitio web del Libro de Fuentes, navegar en las plataformas o usar cualquier tipo de letra que ya tengas Asegúrese de hacer clic en el documento de enlace de clase en la carpeta de descarga de clase para hacer clic en los Enlaces para sitios web de fuentes para explorar. Asegúrese de consultar el PDF de la lista de tareas en la carpeta de descarga de clase para obtener más instrucciones para esta tarea. Intenta dedicar alrededor de 30 minutos a una hora en este ejercicio. Una vez que te hayas decidido por un conjunto final de tipos de letra, te gustaría ver en tu diseño, luego puedes pasar al siguiente paso 9. Revisión de cuadrículas de póster: Entonces, cuando se trata del diseño de carteles, un principio clave que siempre debemos considerar es la alineación. Aliignment es cómo podemos darle sentido a un diseño, cómo podemos crear orden, estructurar y sugerir relaciones entre elementos visuales, lo que puede conducir a un claro sentido de jerarquía visual en nuestro diseño, que es algo por lo que siempre debemos esforzarnos Cuando diseñamos un cartel, siempre debemos estar pensando en la alineación. Ahora, una de las formas clave de enfocarse en la alineación y ayudar con la alineación en nuestro diseño de póster es usar cuadrículas Pasando al quinto paso de nuestro proceso de diseño, aquí buscamos revisar cuadrículas de pósters que podamos usar en nuestro diseño Ahora, comenzar con un lienzo en blanco a menudo puede ser desconcertante Pero si empezamos con una grilla, puede ayudarnos a darnos un marco para ayudar a diseñar nuestros elementos visuales. Ahora bien, si a veces luchas con tu diseño y quieres más ideas e inspiración, entonces este video te va a ayudar. En este video, voy a discutir las cuadrículas y las diversas cuadrículas que puedes considerar usar, lo cual es muy importante para aquellos de ustedes que quieran mejorar sus diseños Así que vamos a meternos en ello. Entonces, ¿qué es una grilla? Bueno, en el diseño, una cuadrícula es una estructura subyacente que se puede utilizar para alinear y contener elementos visuales. La mayoría de las veces, las cuadrículas son marcos visuales, se puede basar un diseño, pero en algunos casos, una cuadrícula puede ser parte del diseño visual en sí Entonces, ¿por qué son tan importantes las cuadrículas? Bueno, hay muchas razones por las que las rejillas son beneficiosas y por qué un diseñador elegirá usar una En última instancia, las cuadrículas ayudan a resolver problemas de diseño. Cuando se trata de diseño de maquetación, una cuadrícula puede establecer una base sólida para trabajar, lo que puede ayudar a crear orden, estructura y establecer consistencia en un diseño. Una cuadrícula puede ayudar a dividir una página en blanco en secciones para contener y alinear elementos visuales, lo que puede ayudar a desarrollar relaciones entre elementos que conducen a diseños más estructurados y agradables. ¿Cuáles son los diferentes tipos de cuadrículas que podemos usar en el diseño de carteles Bueno, hay una variedad de sistemas de rejilla que puede considerar en su diseño, que todos sirven para diferentes propósitos. Entonces aquí tengo un documento que contiene los diferentes tipos de cuadrículas de póster que puedes usar Este es un documento de referencia rápida al que puede hacer referencia como parte de su proceso. Si quieres echar un vistazo a este PDF de referencia de cuadrícula, puedes encontrarlo en la carpeta de descarga de clases. Esta se encuentra en la carpeta de archivos de proceso de diseño, en la carpeta de cuadrículas de póster Algunas de las cuadrículas clásicas que se utilizan comúnmente en el diseño de carteles son las cuadrículas de columna, las cuadrículas modulares, las cuadrículas jerárquicas y las cuadrículas Sin embargo, también hay algunas rejillas alternativas que se pueden considerar como rejillas axiales, rejillas diagonales y rejillas radiales Una de las rejillas más comunes utilizadas en el diseño de carteles es la cuadrícula de columnas La cuadrícula de columnas es uno de los sistemas de cuadrícula más simples y prácticos. Una cuadrícula de columnas separa una página en zonas verticales y, por lo general, las columnas están contenidas en un margen, que es el espacio alrededor del exterior de una página. Dependiendo de la cantidad de información destinada a un diseño, una cuadrícula de columnas puede variar de dos a varias columnas. Una cuadrícula de columnas puede dividir fácilmente tu página en secciones claras en las que puedes asignar contenido o tipo de línea o imagen. Otra cuadrícula común utilizada en el diseño de carteles es la cuadrícula modular. Ahora, la rejilla modular se construye sobre la rejilla de pilares con la adición de filas horizontales. Donde la cuadrícula de columnas divide páginas en zonas y secciones, la cuadrícula modular divide una página en múltiples cuadrados y Estos se llaman módulos, y las canaletas entre ellos ayudan a agregar espacio de respiración entre los contenidos contenidos o alineados a los módulos Dependiendo de la cantidad de información destinada a un diseño, una red modular puede variar de unos pocos módulos a muchos. Otra cuadrícula común utilizada en el diseño de carteles es la cuadrícula jerárquica Donde la columna y la rejilla modular típicamente presentarán una estructura neutra de módulos repetidos y columnas de la misma proporción. La cuadrícula jerárquica normalmente incluirá módulos de varias proporciones para delinear el orden y prioridad para establecer un gancho primario claro o punto focal Aunque es posible utilizar tanto la columna como la cuadrícula modular para establecer una jerarquía visual muy clara, la cuadrícula jerárquica se utiliza con el único propósito de establecer una jerarquía visual muy clara Una cuadrícula jerárquica típica puede incluir una base de cuadrícula de columna o módulo, aunque contiene áreas adicionales que pueden cruzarse o superponerse para establecer un punto focal con elementos de soporte Otra cuadrícula de columnas utilizada en el diseño del póster es la cuadrícula de línea base. Ahora, la cuadrícula de línea base está compuesta por una serie de líneas horizontales que normalmente llenan toda la página, igual que una página de un bloc de notas que se puede ajustar. La cuadrícula de línea base normalmente no se usa para estructurar o alinear el contenido de la imagen como la cuadrícula anterior, sino más para administrar tipo y definir líneas donde el tipo puede sentarse. Esas son algunas de las rejillas comunes que usarán los diseñadores, pero hay algunas otras cuadrículas que considerar usar para enfoques de diseño más alternativos El primero a considerar es la rejilla axial. Ahora, a diferencia del sistema de rejilla anterior, la rejilla axial está libre de columnas y módulos técnicos y fomenta un diseño más libre y simple. Una rejilla axial consiste en una línea axial distinta que discurre a lo largo de un sistema. Esta línea axial puede ser horizontal, vertical o inclinada en diferentes direcciones, y normalmente dividiremos una composición en dos zonas distintas donde texto y las imágenes pueden colocarse o alinearse a ambos lados de la línea axial Otro sistema de rejilla alternativo a considerar es la rejilla diagonal. cuadrículas diagonales son grados de columna, modulares o jerárquicos colocados en la diagonal en lugar de en la vertical y se utilizan para crear diseños más vanguardistas y alternativos En esencia, las rejillas diagonales son un poco como las rejillas axiales, donde pueden sugerir una clara dirección y movimiento del contenido Sin embargo, tienden a ser más complejos, a veces usando direcciones múltiples y contrastantes e incluyen más contenido visual. El último sistema de rejilla alternativo a considerar es la rejilla radial. Ahora, a diferencia de todos los sistemas de rejilla anteriores que tienden a ser rígidos en su enfoque, la rejilla radial ofrece una alternativa mucho más orgánica. Donde otros sistemas de pendiente fluyen vertical, horizontal o diagonalmente, el rasante radial gira alrededor de un punto central, pulsando y Los elementos visuales alineados a un grado radial tienden a gravitar alrededor o emitir desde un punto central de enfoque, que puede provenir de cualquier parte de la composición Dependiendo de la naturaleza del diseño, el ojo se dibuja hacia adentro, empuja hacia afuera o se mueve alrededor Bien. Entonces, en conclusión, las cuadrículas simplemente tienen sentido y pueden darnos confianza como diseñadores para saber que hay orden y estructura en nuestro diseño Cuando estés diseñando carteles, asegúrate de considerar usar una cuadrícula ya que puede ayudarte a resolver tus problemas de diseño. Entonces, la octava tarea para esta clase es familiarizarte con las diversas cuadrículas de pósters que podemos usar para nuestro En el siguiente paso, iremos a generar ideas para nuestro diseño de carteles. Por lo que esta será una buena tarea a emprender para obtener algo de inspiración para lo que viene después. Asegúrese de consultar el PDF de la lista de tareas en la carpeta de descarga de clases para obtener más instrucciones para esta tarea. Una vez que esté familiarizado con los tipos de cuadrícula de póster, podemos pasar al siguiente paso. 10. Generación de ideas de diseño: En el corazón de cada gran póster y de hecho, cada gran diseño yace una idea poderosa. El diseño en su esencia se trata resolver problemas con soluciones poderosas. Es el proceso de pensar, cuestionar y explorar antes de llegar a un diseño que habla, resuena y conecta En el acelerado mundo actual impulsado por la tecnología, es tentador sumergirse directamente en las herramientas digitales y comenzar a en las herramientas digitales y comenzar Por supuesto, el software creativo sobresale ayudarnos a ejecutar ideas, pero realmente sobresale al hacernos pensar. La verdadera creatividad a menudo comienza lejos de la pantalla. Entonces, antes de lanzar nuestro software creativo, hay un paso crítico que garantiza que nuestros diseños no solo sean visualmente atractivos, sino que sean significativos y efectivos. Pasando al sexto paso de nuestro proceso de diseño, aquí emprendemos el proceso de generación de ideas para nuestro diseño de carteles. Antes de lanzarnos a las herramientas de software, es crucial tomarnos un tiempo para pensar nuestras intenciones de diseño y la dirección en la que nos gustaría ir. Es un momento importante para reflexionar sobre nuestro mood board y comenzar a usar nuestra imaginación para generar ideas. Y una de las formas más efectivas hacerlo es haciendo bocetos. El bosquejar no se trata sólo de dibujar. Se trata de traducir nuestros pensamientos e inspiraciones en conceptos tangibles Es donde nuestras ideas empiezan a tomar forma, ofreciendo un camino directo desde la imaginación hasta la visualización. boceto es un proceso atemporal, probado y probado que ha funcionado durante cientos de años Entonces, a medida que continuamos en el sexto paso de nuestro viaje de diseño, pasamos a una nueva fase en la que entramos en el ámbito del boceto para generar conceptos visuales para nuestro diseño de carteles Entonces, ¿por qué es tan importante hacer bocetos? Bueno, esencialmente, el bosquejo nos anima a pensar de manera divergente, lo que nos anima a ser más inventivos e ir más allá de lo que pueda estar frente a nosotros para descubrir ideas creativas más convincentes boceto es una parte esencial del proceso de diseño donde la creatividad fluye sin los confines del software Además, lo mejor de bocetos es que cualquiera puede hacerlo. Aquí no se trata de perfección. Se trata de ideas. Este enfoque práctico asegura que cuando pasamos al software de diseño, estamos construyendo sobre una base sólida de ideas bien pensadas, no solo improvisando en la pantalla Encuentro que hay espontaneidad y química a la hora de dibujar. Mucha más magia puede suceder en la página que en la pantalla. Además, las ideas pueden llegar muy rápido a la hora de hacer bocetos, lo que nos permite realizar soluciones creativas mucho más rápido Entonces, en esta parte de la clase, nos sumergiremos en técnicas de boceto que sientan las bases para nuestro diseño de carteles Aprendes cómo este paso crucial no solo agiliza el proceso de diseño, sino que también eleva el producto final Tomemos nuestros bolígrafos y lápices y comencemos a dibujar nuestro camino hacia diseños convincentes. Entonces en este video, vamos a estar cubriendo dos temas principales. Uno, generando ideas ásperas y dos elaborando estafas refinadas Entonces, cuando se trata de diseño, a menudo me gusta empezar primero en papel. Tener una idea primero hace que la experiencia de artwing en la computadora después sea mucho más fácil Así que no solo estoy empujando píxeles sobre la marcha y esperando que algo se vea bien. Un proceso que me gustaría tomar es reflexionar primero sobre el tema de mi póster y su contenido, considerar la anatomía de la lista de verificación de diseño de póster y revisar el dock de referencia de tipos de cuadrícula de póster. En esta instancia, puedo ver el deck de contenido del póster suministrado por el brief de diseño, donde puedo ver las opciones de copia disponibles para mí, la fotografía del producto y también los activos de diseño que puedo incluir. Además, voy a tener mi moodboard de color y textura que he preparado anteriormente, que describe todos los elementos visuales que tendré que considerar La anatomía de la lista de comprobación de diseño de carteles es algo que he preparado antes, que utilizo como herramienta para ayudarme en mi proceso. Aquí, puedo revisar todos los elementos importantes. Entonces, cuando estoy dibujando, puedo tener en cuenta lo que necesito incluir Y el dock de referencia de tipos de cuadrícula de póster es otra herramienta que puedo usar para considerar cómo puedo querer administrar los elementos visuales y cómo puedo querer colocarlos. Entonces, una vez que entiendo el brief de diseño, estoy al tanto del contenido del cartel. Tengo mis tablas de estado de ánimo para inspirarme. Entonces puedo comenzar a bosquejar ideas de diseño de carteles, teniendo en cuenta todos los criterios clave. Para ello, me gusta dibujar primero los contornos de póster en papel, donde puedo esbozar mis ideas iniciales de diseño fácilmente. Ahora, dibujar contornos de póster puede llevar mucho tiempo, así que a menudo uso un documento de plantilla que he preparado antes. En la carpeta de descarga de clases se proporciona un cuaderno de bocetos de cuadrícula que contiene una gama de plantillas de cuadrícula de póster, similares a las contenidas en el documento de referencia de cuadrícula de póster Puedo usar para bosquejar. En la primera página hay un diseño de cuatro por dos de contornos de póster de retrato. Para ello, me gustaría imprimir primero algunas hojas de esquema de póster bocetos de cuadrícula de póster Este es un cuaderno de bocetos que he creado cuidadosamente desde cero que contiene muchas muestras de cuadrícula que preparé antes y en las que puedo usar para basar mi diseño En lugar de comprar cuadernos de bocetos de cuadrícula en blanco o genéricos donde tendré que dibujar mis contornos varias veces, aquí he preparado cuadrículas específicas en hojas individuales, lo que me facilita imprimir, enfocar, bosquejar y planificar el diseño de mi póster de forma rápida y sin bosquejar y planificar el diseño de mi póster de forma rápida y forma rápida A partir de este cuaderno de bocetos, imprimiré algunos sencillos bosquejos de póster en algunos trozos de papel, y luego estoy listo para comenzar a generar algunas ideas En este punto, también puedo reflexionar sobre mi base de referencia de tipos de cuadrícula de póster para considerar en qué tipo de cuadrículas y estructura podría basar un diseño, y luego comenzaré a esbozar algunas ideas de diseño iniciales Ahora bien, esto normalmente comenzará muy duro donde voy a bosquejar y probar algunos conceptos iniciales. Aquí puedes ver una gama de ideas que tenía para una variedad de diseños y permutaciones de mis ideas, considerando también los tipos de cuadrículas que podría hora de dibujar, es importante pensar en la jerarquía visual, cómo quiero exponer mis elementos y cómo pretendo equilibrarlos. Personalmente, me gusta usar marcadores de líneas finas ya que me gusta la tinta. Y si cometo algún error, puedo usar hip BAX para quitar cualquier cosa Aquí, simplemente dibujaré con una serie de líneas muy simples para trazar la forma de mi póster y cómo quiero que ciertos elementos como imagen, tipo, forma, forma y espacio funcionen y cómo puedo dividir la página en secciones y colocarla en mis elementos. A través de las ideas, estoy viendo varias formas en las que las imágenes del producto de las sneakers y el tipo pueden funcionar como el gancho principal y cómo los otros elementos funcionarán a su alrededor. Como pueden ver, esto es mega Ruff aquí, donde solo estoy pasando por muchas ideas rápidamente. Ahora bien, mientras se dibuja, es muy común que una idea desencadene otra, y es por eso que el bosquejo es tan importante porque puedes generar muchas ideas rápidamente y generar ideas que quizás no hayas tenido originalmente Entonces tu novena tarea para esta clase es emprender algunos bocetos rápidos Ahora entiendes el brief de diseño. Tienes tu propio mood board, y tienes algunos tipos de caras seleccionadas. Pruebe a esbozar sus propios diseños. Recuerden, no se trata de perfección. Se trata de ideas. Así que intenta viajar rápido y esboza tus pensamientos. Asegúrese de consultar el PDF de la lista de tareas, la carpeta de descarga de clases para obtener más instrucciones para esta tarea. Ahora, eres bienvenido a seguir junto con mis bocetos. Pero si quieres probar este proceso para explorar tus propias ideas y practicar tu propia habilidad, tómate un tiempo para hacerlo ahora. Así que dale una oportunidad, empieza rudo e intenta generar de ocho a 16 ideas de maquetación. Intenta dedicar alrededor de una hora más en este ejercicio. Y si empiezas algunos bocetos, asegúrate de compartirlos en la sección de proyectos de clase a continuación, ya que a todos nos encantaría ver qué se te ocurre Así que una vez que tengo muchas ideas abajo, y me siento satisfecho he cubierto mucho terreno. Entonces empezaré a pensar convergentemente y preseleccionaré las ideas que creo que funcionan mejor y me destacan como opciones que me gustaría desarrollar Ahora bien, si sólo estoy dibujando para mí, solo voy a generar un montón de bocetos aproximados como se ve aquí Eso tiene sentido para mí. Puede que aquí sean un poco rudos, pero está bien porque estos son solo para mí, y ahora podría saltar la computadora y comenzar a trabajar estos. Sin embargo, a veces cuando estoy trabajando en un proyecto, puede que tenga que mostrar compañeros de trabajo o incluso a un cliente en las primeras etapas, o tal vez simplemente quiera echar un vistazo más de cerca a cómo el tipo jugará un papel en mi diseño para obtener una vista previa más precisa para ver si y cómo funcionará un diseño. A veces incluso puede que tenga que pasar estos conceptos a otro diseñador para trabajar. A veces, como director creativo, no siempre diseño los productos terminados yo mismo. A veces voy a pasar ideas a otros diseñadores. Para informarles y darles algo fácil de seguir, una estafa lo hará perfectamente. Si este es el caso, entonces voy a generar bocetos más refinados que delineen una idea con mayor claridad Estos se llaman estafas y son dibujos claros más refinados, que delinean clara y exhaustivamente el enfoque y la intención de un diseño Donde mis bocetos iniciales fueron rápidos y toscos, estos son mucho más refinados, donde me enfocaré más en los elementos individuales de la composición Para estos, debería quedar muy claro cuál es mi intención y cómo quiero gestionar los elementos de la página. En este punto, también puedo reflexionar sobre la investigación de cara apretada que hice anteriormente, redactar e incorporar la fuente para ver cómo se verá y funcionará esto en el diseño. Además, en las estafas, me enfocaré más en la cuadrícula que planeo usar y redactaré mis diseños en plantillas de cuadrícula. Puedo imprimir y ver con mayor precisión cómo puedo administrar los diseños y qué enfoque puedo tomar en la computadora. Para hacer esto, de nuevo, puedo imprimir algunas hojas de esquema de póster de bocetos de cuadrícula de póster Esta vez, puedo desplazarme por los muchos tipos de cuadrícula y muestras incluidas e imprimir calificaciones que me gustaría explorar. Normalmente, voy a componer estos ya sea en una página separada o incluir dos en una hoja para mantener la claridad. Para ello, imprimí una gama de cuadrículas y redacté mis diseños en estas Para mis scamps, aquí puedes ver una gama de composiciones que sentí que funcionaban bastante bien Aquí estoy usando una mezcla de grados de columna, grados de línea base, molédula e incluso rejillas radiales y axiales diagonales para realizar diversos resultados para Esto me permitió ver cómo podría funcionar una gama de alineaciones de tipos para explorar qué tan dinámico podría hacer mis composiciones A partir de estos, puedo ver cómo tipografía puede funcionar dentro de la cuadrícula, y qué tipo de caras funcionarán para encajar el mensaje cómodamente y no competir demasiado con los elementos circundantes Lo que también me gusta hacer al redactar mis scamps es dibujar una línea gruesa alrededor de la parte del cartel, quiero dibujar los dos primero, el gancho primario En este caso, las imágenes del producto de zapatilla, y el resto de elementos, dibujo con una gama de diferentes grosores y pesos para ver cómo funcionan los elementos de apoyo en la jerarquía Con algunos otros diseños, he explorado ir en negrita con el logo y usar módulos donde puedo incluir algunas texturas de imagen e imágenes gráficas Aquí tengo algunos diseños muy tipográficos, donde estoy haciendo el tipo grande y llamativo Aquí tengo algunos diseños más alternativos buscando composiciones diagonales, radiales y de ejes. Ahora mismo, siento que estos son bastante claros y puedo ver cómo me gustaría manejar cada elemento de la composición y los tipos de cuadrículas que puedo usar para construirlos. Ahora, tenga en cuenta, estos pueden no ser diseños finales aquí, pero hacen un buen trabajo mostrar claramente un concepto para un diseño, que puede ser bueno para discutir con colegas, clientes u otros diseñadores en las etapas iniciales Por lo tanto, esto puede ahorrar mucho tiempo al comprometerse con un diseño en la computadora donde se puedan tomar discusiones y decisiones antes invertir tiempo en crear una pieza final. Entonces, una vez que siento que tengo algunas buenas ideas abajo, estoy entusiasmado con algunas de mis composiciones, y sé cuáles quiero desarrollar en diseños terminados. Entonces pensaré en saltar a la computadora para comenzar a elaborar mi diseño y darle vida a mis diseños Entonces tu décima tarea para esta clase es tratar de refinar algunos de tus bocetos aproximados Ahora bien, esta tarea es opcional, pero si sientes que te gustaría tener una oportunidad para practicar tu habilidad, elige al menos dos ideas de los bocetos aproximados e intenta redactarlas cuidadosamente en refinar scamps Ahora bien, si tienes curiosidad, puedes abrir mis ejemplos de scap para ver cómo me he acercado a esto como referencia Asegúrese de consultar la tarea menos PDF en la carpeta de descarga de clases para obtener más instrucciones para esta tarea. Ahora, intenta dedicar alrededor de una hora más en este ejercicio. Si emprendes algunas estafas refinadas, asegúrate de compartirlas en la sección de proyectos de clase continuación, ya que a todos nos encantaría ver qué se te ocurre. Una vez que hayas realizado algunos bocetos y tengas algunas ideas que quieras desarrollar más, ahora podemos saltar a la computadora para darles vida 11. TUT n.º 1: diseño de cuadrícula de referencia - Adobe InDesign: Entonces todo lo que hemos hecho hasta este punto en la clase ha estado en preparación para este momento donde comenzamos a dar vida a nuestro diseño. En este paso, pasamos a una nueva fase. La fase anterior se trataba generar ideas para nuestro diseño de carteles. Ahora tenemos algunas ideas sólidas en la bolsa. Es momento de entrar en la tercera fase del proceso de diseño donde venimos a realizar nuestro diseño en la computadora. En este punto, si has estado siguiendo el proceso de diseño, habremos mirado un resumen de diseño, visto el contenido del póster requerido, realizado una investigación visual, preparado un moodboard, seleccionado algunas caras tipo y esbozado algunos diseños listos para llevar a la computadora Entonces tengo todos mis requisitos previos listos aquí frente a mí. Ahora estoy listo para saltar al diseño y dar vida a uno de mis carteles. En este video, voy a demostrar cómo utilizar las herramientas de en diseño para crear este diseño de póster específicamente, y posteriormente, veremos cómo hacer algunas variaciones. Entonces, para crear nuestro póster en diseño, vamos a cubrir los siguientes pasos clave. Paso uno, configuración de carpetas de proyectos, paso dos, configuración de documentos, paso tres , configuración de cuadrícula, paso cuatro, trabajo con tipo, paso cinco, trabajo con imagen, paso seis, trabajo con color, paso siete, refinar composición, paso ocho, crear variaciones de diseño y paso nueve, exportar. Este es un proceso metódico que asegurará que creamos diseños de pósters de calidad y no dejemos nada Así que prepárate para una aventura épica de diseño. Después de este video, podrás crear carteles tipográficos dinámicos como este en Adobe en diseño súper fácil Así que vamos a meternos en ello. Entonces aquí estoy en diseño, y estos son algunos carteles dinámicos que creé antes usando las técnicas que estoy a punto de demostrar. Si quieres echarle un vistazo a estos, puedes encontrarlos en la carpeta de proyectos de clase. Estas se encuentran en la carpeta dos plantillas de póster. Si abres el archivo all posters in design, deberías poder abrirlos así. Ahora, para este tutorial, aquí nos vamos a centrar en este diseño de póster. Si selecciono este póster, con esta herramienta de selección, luego pase al panel Enlace y haga clic en el icono de edición en la parte inferior. Saltaremos a otro documento en diseño, donde podremos ver variaciones del mismo diseño de póster. Básicamente, lo que tenía ahí era un documento en diseño con enlaces dentro a otros archivos. Este es el archivo donde creé el diseño del póster, pero este dock aquí es solo para poder ver todos mis carteles de un vistazo, y cada uno de estos es un enlace a un documento diferente. En el documento póster, lo que he hecho aquí es desarrollar un diseño de póster a partir de uno de mis bocetos, que tengo aquí Y en la computadora, he mirado cómo esto podría funcionar en diferentes variaciones con diferentes fuentes y colores. Ahora, si también presiono W en el teclado, podré alternar entre vista previa y el modo normal. En modo normal, se puede ver el sistema de cuadrícula que utilicé para estructurar este diseño de póster. Entonces tu undécima tarea para esta clase es seguir junto con mi método de diseño de póster. El propósito de esta tarea es para aquellos de ustedes que pueden no estar familiarizados con el diseño Esta es una oportunidad para que aprendas algunas técnicas cruciales y te sientas cómodo trabajando en Adobe en diseño. Ahora bien, esta etapa es opcional. Puedes ver y participar o seguir y desarrollar tu propio diseño de póster. No obstante, le estaré animando a que haga esto más adelante. Entonces, ahora, entremos en el diseño y veamos cómo podemos desarrollar un póster como este. Y vamos a comenzar con el Paso uno. Ahora, un paso rápido que me gusta dar antes de comenzar cualquier proyecto es configurar primero una carpeta de proyectos. Esto me va a configurar para estar súper organizado y tener un lugar donde guardar todos mis activos y saber dónde está todo. Cuando se trabaja en diseño, ayuda a organizarse para mejorar su flujo de trabajo. Puedo configurar esto desde cero o puedo duplicar una carpeta que creé anteriormente. Entonces, si aún no lo has hecho en la clase, entra en la carpeta de descarga de clases, en la carpeta de proceso de diseño, y la última carpeta llamada carpeta proyecto, tendremos algunas carpetas adicionales dentro. Ahora, estas carpetas nos van a ayudar a organizar nuestro proyecto. Entonces para comenzar, te recomendaría copiar esta carpeta y pegarla en algún lugar al que puedas acceder a través de esta parte de la clase. Por ahora, voy a pegar todos mis archivos en la carpeta que creé anteriormente en esta clase. Entonces, una vez que tengas tu carpeta de proyectos configurada, comencemos el póster de trabajo artístico. Entonces en diseño para comenzar, voy a montar un nuevo documento. Voy a subir a presentar nuevo y seleccionar documento. Ahora, en esta ocasión, voy a usar un documento de tamaño de impresión estándar. En la pestaña superior, haré clic en imprimir. Haré clic en vista o presets. Voy a seleccionar A tres. A la derecha, me aseguraré de que mi orientación esté puesta en retrato. Pondré mis unidades en milímetros. Ahora bien, esta es solo mi preferencia personal. Podrías usar cualquier unidad con la que te sientas más cómodo. Deseleccione las páginas enfrentadas. Dejaré páginas fijadas a una por ahora. En esta ocasión, pondré mis márgenes a cero. Voy a poner el sangrado a 3 milímetros, y voy a hacer esto porque algunas impresoras como una sangría de tres milímetros al enviar a imprimir, así que solo voy a hacer esto al principio Dejaré mi babosa puesta a cero y haré clic en Crear, y hacia arriba aparecerá mi nuevo documento Entonces aquí tenemos nuestro nuevo documento configurado y se puede ver por fuera, tenemos la línea de sangrado Ahora bien, para aquellos que no saben qué es eso, es donde extiendes tu obra de arte fuera del área del lienzo. Cuando una impresora corta la obra de arte, puede recortar un poco para que no tengas bordes blancos. Nuevamente, si presionamos W en el teclado, podemos pasar entre el modo normal y el modo de vista previa, y se puede ver cuando está en modo de vista previa, no se puede ver la línea de sangrado Ahora, si estás siguiendo, asegúrate de que puedes ver tu panel de control en la parte superior de tu interfaz de usuario. Si no, sube a la ventana y asegúrate de que hay una garrapata al lado del control. Ahora, también vas a necesitar tener tus muestras, capas y panel de enlaces visibles, y panel de enlaces visibles, así que asegúrate de subir a la ventana y hacer clic en estas para activarlas Otra cosa de la que debes asegurarte es subir a editar, desplazarte hacia abajo hasta el espacio de mezcla de transparencia y asegurarte de seleccionar el documento RGB, y esto evitará que tus imágenes vean aburridas cuando las traigas. Por último, si llegamos a ver, bajar a mostrar el rendimiento en esta ocasión, asegurémonos de seleccionar la pantalla de alta calidad. Entonces esa es nuestra configuración de documentos, y antes de continuar, me gustaría guardarla. Así que voy a subir al archivo, guardar como navegar a la carpeta de proyectos que configuramos temprano en la clase, en la segunda carpeta, concepto y diseño, en la carpeta de diseño y guardarla en la carpeta de diseño como Bolts surge step. Bien, entonces antes de empezar a agregar cualquier elemento visual, quiero configurar una grilla. Ahora, mirando hacia atrás en uno de mis bocetos originales, me gusta mucho esta idea aquí de tener un póster muy tipográfico y tener el calzado llamativo para las galgas corriendo audazmente por el lado izquierdo con la imagen del producto en la Como pueden ver, me gusta la idea de la oración recorra cinco líneas. Este fue un boceto realmente rudo inicialmente, pero cuando miré este diseño de póster un poco más cerca en mi borrador de scamp Trabajé que para hacer esto, colocaría el tipo en una cuadrícula de línea base y cada línea encajaría en tres cuadrículas de línea base como Zoe Para este diseño de póster, determiné que necesitaría una cuadrícula de línea base de 17 para cinco líneas encajaran en tres líneas y que me dieran dos restos de elementos de pie, una en la parte superior y otra en la Como puede ver aquí, planeé posicionar todos los elementos de tipo dentro de la estructura de cuadrícula de línea base. Entonces primero, configuraré una cuadrícula de línea base simple para que coincida con mi boceto. Haz esto, me acercaré al diseño y seleccionaré Crear guías. Al hacer clic, le Pop un menú, y aquí, podemos establecer fácilmente nuestros parámetros. Ahora, sé que quiero una cuadrícula de línea base de 17 en mi página. Primero, me aseguraré de que la vista previa esté marcada, y para las filas, voy a escribir 17, y por ahora, pondré la cuneta a cero, haga clic en k, y ahora el póster Canvas se divide en una cuadrícula de línea base de aproximadamente 17 Entonces con la configuración inicial de la cuadrícula, podemos comenzar a traer algunos elementos visuales. Ahora, dependiendo de tu diseño, a veces puede ser más fácil comenzar con los elementos de imagen de un póster. Pero para este diseño en particular, quiero que este esté basado principalmente en el tipo e incluya la imagen en la parte superior. Entonces para comenzar, voy a comenzar con los elementos tipo en el fondo. Entonces, mirando hacia atrás en mi boceto, quiero que el tipo de encabezado principal del cartel se siente en el lado izquierdo y corra a través de cinco líneas. Entonces comencemos con esta parte. Para comenzar, iré al menú de herramientas. Haga clic en la herramienta de tipo, venga y dibuje un marco para comenzar bajo la primera línea de base y arrástrelo a la línea base inferior a través de la página como Z. Al soltar, tendremos nuestro primer fotograma, que puedo colocar en algún tipo Entonces, en este punto, saltaré al Dock de contenido de Poster, y puedo hacerlo entrando en la carpeta de descarga de clases, en la carpeta del kit de medios de Bolts, y haciendo doble clic en el acceso directo de la cubierta de contenido para abrir en el navegador. Entonces en la página tres, veré el contenido del texto del póster. Para este cartel, iré con la opción dos. Voy a copiar el título, luego de nuevo en el diseño, lo voy a pegar, y ahora tenemos nuestro primer bit de tipo, que es pequeño. Así que rápidamente empujaré hacia arriba el tamaño de la fuente a alrededor de 50 para que podamos ver con qué estamos trabajando aquí. Entonces en este punto, necesito ver cómo voy a encajar este tipo en mi cuadrícula de línea base como diseñé anteriormente en mi scap Y además, ¿qué tipo de cara voy a usar? Entonces primero, veamos el tipo de letra que voy a usar. Entonces en este punto, podría usar cualquier tipo de letra, pero ya tengo una idea de con qué quiero trabajar En un paso anterior, realicé algunas investigaciones tipográficas donde miré una gama de tipos de letra que me gustaría usar Ahora, en la primera página de mi investigación, me gustó bastante el aspecto de este tipo cara aquí. El motivo de ello es por su naturaleza condensada, lo que me permitiría colocar el titular en la página. Y si nos fijamos en mi puñetazo, así es como planeé que funcionaría Entonces para empezar, voy a aplicar mi fuente, y aquí voy a comenzar con la tipografía Zoom Cut Con su gran altura de tapa a ancho de letra, este es un tipo de letra particularmente condensado Entonces una buena opción si quieres lograr un título pesado de texto en tu diseño de póster. Además, este tipo de letra tiene un aspecto y una sensación muy distintos con sus ligeras indentaciones, que le da un poco de destello Esta es una fuente muy audaz e impactante y funcionaría muy bien en esta dirección de diseño en particular Esta es una fuente de adobe y se puede usar de forma gratuita si tienes una cuenta de adobe. Puedes encontrar el enlace en el PDF tipográfico en la carpeta de descarga de clases En la carpeta uno proceso de diseño, en la carpeta cinco tipografía, y si abres el PDF, simplemente puedes hacer clic en la fuente y te llevará al enlace Ahora bien, si estás viendo esto y no tienes una cuenta de Adobe, por el motivo que sea, por ahora, te recomendaría usar BBAs, que es una fuente gratuita que puedes obtener haciendo clic en BBs en el tipo PDF Esta es otra fuente condensada que debería funcionar bien. Entonces Ben en diseño, seleccionaré el tipo y arriba en el selector de fuente, voy a escribir Zoom y aplicar la fuente. A continuación, para ajustar el tamaño. Entonces con el tipo fa seleccionado, sólo voy a escribir 200 puntos y golpear Enter. Ahora, sólo voy a puñetear los puntos hasta que pueda ver la altura x de las formas de letra en la fila superior. Encajaré muy bien en tres filas de la cuadrícula de línea base, al igual que mi dibujante Ahora, al hacerlo, podemos ver que el liderato entre las palabras está muy lejos. Con el tipo aún seleccionado, presionaré y mantendré presionado alt y presionaré hacia arriba en el teclado hasta que las formas de las letras encajen muy bien en tres líneas de base como Z. Ahora podemos ver que hemos logrado algo muy similar a mi scap, y el tipo se ve realmente Ahora, en esta etapa, incluso podríamos ajustar el rastreo, pero por ahora lo dejo Ahora, si aprieto rápidamente escape y luego V para activar la herramienta de selección, puedo agarrar el anclaje del marco central la derecha y sacar hacia la derecha. Y veremos que las palabras van a venir a través. Pero en esta instancia, en realidad quiero que las palabras se crucen en la siguiente línea. Entonces esta es una ocasión en la que en realidad quiero tener encendida la separación de palabras Arriba en el panel de control, haré clic en el botón de control de formato de párrafo. Podemos ver que en el medio, tenemos la separación de palabras encendida Voy a mover el marco hacia atrás para que mi tipo se rompa en cada línea así. Perfecto. Así que ahora para un poco de limpieza rápida. En el panel Capas, haré doble clic en el nombre de la capa y cambiaré esto para escribir. Entonces, con la pieza más grande del tipo en su lugar, veamos la siguiente. Mirando hacia atrás a mi scamp, aquí también quiero incluir un párrafo de tipo a la derecha de mi cabecera De vuelta al diseño, quiero colocar un nuevo cuadro de texto aquí a la derecha. Entonces, con la herramienta de tipo nuevamente seleccionada, intentaré hacer clic y arrastrar hacia arriba hasta la parte superior derecha. Pero cuando hago eso, es volver a seleccionar en el cuadro tipo. Entonces esta vez, agarraré la herramienta de marco y dibujaré la caja, y debería colocar la caja aquí sin problema. A continuación, seleccionaré la herramienta de tipo y haré clic una vez en la caja, nuevo en mi documento de contenido. Voy a copiar el texto del párrafo, de nuevo en diseño, voy a pegar, y empujar el tipo hasta 25 puntos para que pueda verlo. Ahora las cosas empiezan a soltarse un poco aquí en mi página. Mi titular principal está muy bien posicionado en la cuadrícula de línea base, pero ahora tenemos este cuadro de texto de párrafo, ¿dónde lo voy a posicionar? Entonces tengo mi cuadrícula de línea base mirando cómo manejo las cosas verticalmente, pero ¿y horizontalmente? Ahora bien, no pensé en esto en el boceto. Pero mientras busco darle vida aquí, podría pensar en esto ahora. Una solución aquí sería traer una grilla de columnas para dar alguna estructura. Entonces en este punto, me acercaré a maquetación, haga clic en márgenes y columnas, y apple pop en el menú. Entonces seguiré adelante y miraré cuántas columnas puedo usar. Entonces primero, me aseguraré de que la marca de vista previa esté seleccionada, y voy a escribir cinco en el número de columna y hacer clic en el canal para aplicar Ahora bien, no creo que esto se vea bien. Mi problema aquí es que parece que el titular no tiene forma de sentarse en el lado izquierdo de la página. Entonces aquí voy a mirar un margen, pero sólo a la izquierda y a la derecha. Entonces me acercaré al margen y me aseguraré de que haya una línea a través de la cerradura, para que no sean todos iguales. Después a la izquierda, lo empujaré hasta 20 ya que me gusta tener un número redondo, y creo que se ve bien. Entonces voy a escribir 20 para la derecha, y eso parece un bonito espacio la izquierda y a la derecha para mi espacio de margen. Siempre, todavía no creo que tenga las columnas adecuadas para el nuevo cuadro de texto A veces cuando se trata de columnas, hay que jugar un poco con esto. Entonces voy a seguir adelante y teclear siete esta vez. Y creo que eso se ve mucho más prometedor. Mira aquí, tengo dos columnas aquí donde puedo colocar mis elementos por el lado derecho. Por último, voy a bajar el espacio de la cuneta. Voy a escribir 2 milímetros. Haré clic, moveré mi titular, así que se sienta muy bien en el margen izquierdo y cambiaré el tamaño mi nuevo marco de párrafo para que se asiente en las dos columnas del extremo derecho Y creo que esto empieza a funcionar. Ten en cuenta que a veces tendrás que hacer algunos ajustes a las rejillas y cosas sobre la marcha a medida que desarrollas tu composición A pesar de que tuve una buena idea de la cuadrícula de línea de base de mi estafa, no pensé en las columnas. Entonces, al trabajar esto en software, necesitaba resolver este problema aquí. Bien, entonces esto ordena mi estructura de cuadrícula para este póster. Es hora de traer mis siguientes elementos tipo. Entonces, mirando hacia atrás al scamp, hay algunos elementos de pie y algunos otros elementos de tipo, pero a continuación, buscaré colocar en los elementos de pie Entonces, mirando el scamp, quiero incluir tres líneas de tipo, que puedo ver en la baraja de copia Quiero que estos se sientan equ distantes el uno del otro en la base del diseño del cartel Ahora la forma más directa de hacer esto es usar una tabla simple. En mi póster, seleccionaré la herramienta de marco. Dibujaré un fotograma desde el margen izquierdo en la última línea de base y arrastraré hasta el margen inferior derecho del póster. Tener esta nueva cuadrícula de columnas aquí realmente me está ayudando. A continuación, seleccionaré la herramienta de tipo y haré clic en el marco. Voy a subir a la mesa y hacer clic en Insertar tabla. Sé que mis filas de cuerpo serán una, y pondré las columnas en tres y clic en k, y ahí está mi tabla. Ahora, haré clic en mi herramienta de selección, que seleccionará el marco, y me acercaré a la mitad del panel de control y haré clic en un centro de línea. Y ahora la mesa se sentará muy bien en el medio del marco, sentándose perfectamente en el espacio inferior de la línea base. Perfecto. Ahora, solo entraré en el copy deck y seleccionaré cada pie de página uno a la vez. Vuelve al póster, haz clic en la herramienta Tipo, haz clic en la tabla y pega en su contenido. Y voy a hacer esto para la celda media y la celda de extrema derecha. Entonces en este momento, el tipo se justifica a la izquierda en cada celda de tabla. Entonces con la herramienta de tipo, haré clic en la celda de la tabla central, y arriba en el panel de control, configuraré el texto para alinear el centro. Haré clic en la tercera celda, y arriba en el panel de control, seleccionaré el texto para alinear a la derecha. A continuación, con la herramienta de tipo, haré clic en la primera celda y arrastraré hacia el tercer fotograma, para que esté todo seleccionado. Luego arriba en el panel de control, me aseguraré de que todas las líneas sean azules en el cuadro de trazo de tabla y pondré el trazo de tabla a cero. Haré clic en la herramienta de selección para seleccionar D, luego presionaré W para entrar en modo de vista previa, y ahora podemos ver que el tipo en el pie de página está posicionado exactamente como lo quiero. Perfecto. Entonces, antes de seguir adelante, veamos el tipo de letra para estos dos nuevos elementos tipo Entonces la fuente que estoy usando para el titular es Zoom. Pero esta es una fuente epo case solamente, y no quiero que la fuente del párrafo sea epacse Entonces voy a necesitar aplicar una fuente diferente. Entonces, para complementar el tipo de letra de serf de arena audaz en la cabecera, creo que voy a buscar una tipografía de serf de arena limpia para los otros elementos tipo, pero nada que vaya a competir demasiado Entonces, mirando hacia atrás a mi tipografía, en la primera página, hay una tipografía que pensé que parecía que podría funcionar bien Para mi copia corporal, elegí ir con una tipografía llamada Dagla Esto parece un bonito sanseraf limpio con un aspecto y tacto agradables, y tiene una personalidad y un destello muy sutil que funcionará bien en mi diseño para complementar la tipografía de cabecera Esta es otra fuente de adobe y se puede usar de forma gratuita si tienes una cuenta de Adobe. Si abres el PDF de investigación tipo, simplemente puedes hacer clic en la fuente y te llevará al enlace. Si no tienes una cuenta de Adobe por el motivo que sea, por ahora, te recomiendo que uses Archivo, que es una fuente gratuita de Google, que puedes obtener haciendo clic en Archivo en el Tipo PDF. Vuelva al diseño, seleccionaré el marco del párrafo una vez y luego haga doble clic en él y me sumerjo en la selección de tipo. Presionaré el comando A para Mac o Control A para PC, y arriba en la sección de fuente, voy a escribir D go y seleccionaré medio. Pulsaré el botón de formato de párrafo y deseleccionaré la separación de palabras, y solo presionaré Escape para anular la selección del tipo, y dejaré el tipo tal como está A continuación, seleccionaré la herramienta de tipo, clic una vez en la primera celda de la tabla y arrastraré para seleccionar todas. Arriba en el selector de Fuente, voy a escribir en D go y elegir medio. Voy a establecer el tamaño en 18. Después iré a escribir, desplazarme hacia abajo para cambiar mayúsculas y seleccionar mayúsculas Haga clic en la herramienta de selección para seleccionar D y presione W para ingresar al modo de vista previa, y eso se ve bien hasta ahora. Pero rápidamente haré doble clic en el primer fotograma para seleccionar el tipo. Haré clic y arrastraré para seleccionar los tres, y presionaré y mantendré presionado Alt y presionaré a la derecha cinco veces para empujar un poco el seguimiento y darle más espacio al tipo . Volveré a hacer clic en la herramienta de selección para seleccionar D, y eso se ve bien hasta ahora. Mirando hacia atrás en el boceto, puedo ver que también quiero que la dirección web esté en la parte superior izquierda. Una manera fácil de hacer esto será duplicar el tipo de abajo. Presionaré W para volver al modo normal con la herramienta de selección, haré clic en el pie inferior para enmarcar, y mientras mantengo presionado alt, lo arrastraré hacia arriba y lo colocaré en el espacio de línea base superior para que se duplique rápidamente. Fácil. Entonces ahora, en mi base de copia, seleccionaré la dirección web, y con la herramienta de tipo, seleccionaré todos los fotogramas libres y presionaré eliminar para eliminar el tipo. Entonces haré clic una vez de nuevo en la primera celda y pegaré y se sentará ahí amablemente. Mirando hacia atrás en el boceto, había otro elemento tipo que quería incluir, y ese es el número de producto y el nombre de la zapatilla como elemento de diseño para sentarse en la parte inferior derecha del póster junto a la imagen del producto, pero alinearse verticalmente. Además, en el boceto, quería que esto estuviera en mayúsculas, similar a la fuente principal del encabezado En esta ocasión, voy a buscar usar la misma fuente que la cabeza. Así que de vuelta al diseño, presionaré W para entrar en modo normal. Con la herramienta de selección, haré clic en la cabeza del marco, presionaré y mantendré la tecla alt y arrastraré hacia la derecha para arrastrar una copia al área de la mesa Entraré en el mazo de contenido del póster , la página del nombre del producto, y seleccionaré el nombre para el paso de oleada, copiaré y volveré a Indesign, lo pegaré en L exo. En esta ocasión, desaparecerá por completo porque el tipo ahora es demasiado grande para el marco. Con el marco seleccionado, me acercaré a la ventana y seleccionaré propiedades. En la ventana de propiedades, bajaré a escribir size y estableceré esto en 50, y ahora podemos ver el tipo dentro. Ahora mismo, tengo mi tipo y un marco enorme alrededor de él. Un consejo rápido aquí, si tienes una caja tipo con solo una pequeña cantidad de tipo en ella. Si haces doble clic en el punto de anclaje inferior derecho, el marco se romperá para abrazar al tipo en su interior, lo que hará que sea mucho más fácil trabajar con él. Genial. Entonces voy a arrastrar el nuevo elemento tipo al póster. Presionaré r para activar la herramienta de rotación. Colocaré el cursor del mouse junto al punto de anclaje inferior derecho y haré clic y arrastraré hacia arriba y mantendré presionada la tecla Mayús para ajustar a aproximadamente 90 grados. Presionaré V para activar la herramienta de selección, y la arrastraré hacia abajo para sentarme contra mi cuadrícula cómodamente en la parte inferior derecha así. Entonces, ahora mirando mi boceto, también quiero que este peso sea diferente aquí. Entonces usaré la herramienta de texto para seleccionar las primeras cuatro letras. Subiré al menú desplegable sobre la familia de fuentes y cambiaré esto a luz, y eso ha creado un poco de contraste allí. Además, es posible que hayas visto que el tipo ya no cabe en el marco. Entonces acercaré el zoom y usaré la herramienta de selección para agarrar el ancla central y simplemente lo arrastraré hacia arriba así. Ahora en esta ocasión, quiero probar un estilo y efecto diferente para esto. Entonces con la herramienta Tipo, seleccionaré el paso Serge. Luego, en el panel Herramientas, me aseguraré de que el icono de tipo esté seleccionado, y haré clic en el Intercambiar relleno y trazo para establecer un efecto de trazo en el tipo en su lugar. Iré al panel de trazos y estableceré esto en no 0.5. Haré clic en la herramienta de selección y haré clic selección D y presionaré Comando más cero en MAC o Control más cero en PC para ajustar el área de Canvas a mi área de trabajo, y podemos echar un buen vistazo a esto. Y nuestros elementos principales de tipo ahora están compuestos en nuestro póster. Voy a presionar W, y podemos ver que el encabezado se asienta perfectamente en la cuadrícula de línea base en el margen izquierdo. párrafo se asienta muy bien en las dos últimas columnas cómodamente, y los elementos del pie se asientan perfectamente en el espacio inferior y superior de la línea base. Entonces ahora mismo, siento que el tipo está funcionando y está en un buen lugar, y puedo empezar a pensar en trabajar con imágenes. Entonces, mirando hacia atrás a mi boceto, podemos ver que para este póster, quiero incluir una imagen del producto en la parte inferior derecha. Mirando la baraja de contenido. En la página de la línea de productos, aquí hay un producto llamado surge step, y este es el que pensé que funcionaría bien en esta composición de póster Al mirar mi diseño de póster, planeo tener esto sentado en la parte inferior derecha en ese espacio junto al tipo y posiblemente cubrir parte del tipo para lograr alguna estratificación dinámica que sugiera una jerarquía visual clara para que lo veas primero Entonces veamos cómo podemos meter esta imagen en nuestro póster. Primero, saltemos a la carpeta de descarga de clases y a la carpeta del kit de medios Bolt. Esta es la carpeta que el cliente ha suministrado, cual incluye todo lo necesario para diseñar los carteles. Entraré en la carpeta de imágenes del producto y comenzaré abriendo la imagen del paso de oleada en Photoshop. Esta es la imagen del producto que nos ha sido suministrada. Ahora mismo, tal y como está, esta imagen no va a funcionar porque para mi diseño, quiero tener la imagen. Fuera. Entonces para este diseño de póster, voy a tener que cortar primero la zapatilla. Agradecidamente, esta es una imagen muy clara, y debería ser muy sencillo cortar esto. Así que solo voy a acercarme aquí para obtener una mejor vista. Lo que puedo hacer es acercarme a la herramienta Marquesina rectangular. Dibujaré una selección a su alrededor y hacia arriba en el panel de control y haré clic en Seleccionar y enmascarar. Arriba en el panel de control, nuevamente, haré clic en Seleccionar objeto, y Photoshop hará todo lo posible para seleccionar la zapatilla. Ahora bien, si me acerco aquí, puedo ver que no es perfecto. Ahora, hay otra cosa que puedes hacer aquí. En el menú Herramientas, aquí hay un botón llamado Herramienta de selección de objetos. Si hago clic en esto y muevo el mouse sobre la zapatilla, Photoshop verá lo que estoy tratando de seleccionar como objeto. Hago clic en esto una vez, voy a ver todos los bits imperfectos han sido traídos de vuelta mágicamente, y eso se ve mucho mejor Ahora bien, si me acerco a esto, todavía puedo ver algunos bits que hay que quitar. Puedo hacer esto fácilmente haciendo clic en la herramienta Lazo Polígono, y si presiono y mantengo presionado alt, el icono se volverá negativo Si empiezo a dar click, una vez que vuelva al staff y luego haga doble clic para comprometerme con la selección, quitará esa parte. Para que pueda pasar un poco más de tiempo dando la vuelta a mi objeto aquí y afinando la selección, y una vez que esté contento con ello, puedo hacer clic en la esquina inferior derecha, y se hará la selección. La nueva selección, puedo pasar al panel Lays, y en la parte inferior, puedo hacer clic en el botón Máscara de capa de anuncios. Al hacer clic, ahora agregué una máscara de capa y recorté la zapatilla. Perfecto. Ahora, no quiero que la imagen sea así de grande. No necesito el espacio alrededor de la zapatilla. Entonces entraré en mi panel de lay. Presione y mantenga presionado el comando en Mac o Control en PC y haga clic en la máscara de capa. Al hacer clic, se hará una selección alrededor de la zapatilla. Y si ahora presiono C en el teclado para recortar, aparecerá un crop box alrededor de la zapatilla. En la parte superior del panel de control, me aseguro de eliminar píxeles de recorte no está marcado y presiono enter dos veces, y eso recortará la imagen Perfecto. Entonces presionaré el comando Shift F en MAC o Control Shift S en la PC para guardar. Voy a navegar a mi carpeta de proyectos. Yo configuré antes y guardo esto en la carpeta assets y guardo esto como surge step PSD. Entonces ahora tengo la imagen de zapatilla agradable y preparada. Ahora puedo introducirlo en diseño. Así que de vuelta al diseño, antes de traer mis nuevas imágenes, voy a hacer algunas tareas de limpieza. En el panel de capas, vendré y haré clic en el icono más en la parte inferior derecha. Esto agregará una nueva capa, y voy a llamar a esto imágenes. Ahora voy a hacer clic en el icono de candado en las capas de tipo para no seleccionar accidentalmente nada mientras estoy tratando con la imagen que estoy a punto de traer. Entonces con la capa de imágenes seleccionada, presionaré Comando D en MAC o Control D en PC en el teclado para traer una imagen. Así que aquí, voy a navegar a la carpeta del proyecto en la carpeta de concepto y diseño en la carpeta de diseño, en la carpeta Activos y seleccione Serge Step PSD y Serge Step PSD Luego haz clic y arrastra un fotograma así para soltarlo en la imagen. Fácil. Entonces, una vez que la imagen está en diseño, es fácil cambiar el tamaño y la posición Con la imagen seleccionada, presionaré S en el teclado, y esto activará la escala. Ahora bien, la mejor práctica aquí es mover mouse justo debajo del punto de anclaje inferior derecho, y si presiono y mantengo presionado Mayús, luego haga clic y arrastre, puede aumentar o disminuir el tamaño de la imagen para escalar como, entonces. Así que sólo voy a escalar la imagen hasta que esté feliz y la colocaré en el fondo así. Entonces esa es la primera imagen en mi póster. Ahora bien, si nos encontramos y miramos en el panel de enlaces, ahora veremos nuestra imagen aquí. Es a partir de aquí donde podemos estar atentos a los enlaces dentro nuestro documento donde podremos realizar ediciones y cambios en el futuro Entonces, a continuación, quiero traer otra imagen que funcione como imagen de fondo. Ahora, como parte del kit de medios proporcionado, parece haber una gama de texturas gráficas. Para este diseño, me gustaría usar uno de estos para agregar alguna textura interesante al fondo. En diseño, iré al panel de capas, agregaré una nueva capa y llamaré a esta base. Me aseguraré de hacer clic y arrastrar esto hasta el fondo, así que está debajo de mis otras capas. Nuevamente, presionaré el ícono de candado en la capa de imagen para no seleccionar esto accidentalmente. Entonces me acercaré a la herramienta de marco. Presionaré W para entrar en modo normal poder ver el sangrado alrededor de mi área de lienzo Haré clic y arrastraré un marco desde la parte superior de la esquina izquierda de sangrado hacia abajo a la derecha inferior Mi marco en su lugar, y está seleccionado, presionaré el comando D en Mac o Control D en la PC para colocarlo en una imagen. Entonces aquí, navegaré hasta la carpeta del kit de medios proporcionada en la carpeta de texturas, y seleccionaré Gel Flux J peg y haré clic en abrir. Al hacer clic, esto se colocará en el marco. este momento, la imagen está en el marco, pero podemos ver que no está posicionada correctamente en el marco. Ahora bien, si me alejo aquí con el fotograma seleccionado, si presiono A, esto activará la herramienta de selección directa. Esto luego me permitirá hacer clic en el marco y seleccionar la imagen dentro. Si haces esto correctamente, verás que el contorno de la imagen es ahora visible. Entonces lo que voy a hacer aquí es mover ratón sobre el punto de anclaje medio derecho. Mantendré presionada la tecla Mayús más t y luego arrastraré hacia la derecha con cuidado. Y mientras hago esto, puedo escalar la imagen dentro del marco así. Lo que voy a hacer aquí es escalar la imagen por dentro para recortar más en ella así. Fácil. Si presiono W para entrar en modo de vista previa, podremos ver la imagen en el fondo con mayor claridad. Con la imagen aún seleccionada en el fotograma, presionaré hacia arriba o hacia abajo para reposicionar la imagen dentro para posicionar cómo siento que funciona mejor La siguiente imagen que quiero traer a este cartel es el logo. Presionaré W para volver al modo normal. En el panel de capas, golpearé el candado en la capa base y esta vez, desbloquearé el tipo y la capa de imágenes. Seleccionaré la capa de imagen y presionaré el comando D en Mac o Control D en la PC para colocar una imagen. Voy a navegar al kit de medios y haré clic en la carpeta del logotipo y seleccionaré el archivo EPS negro con el logotipo de Bolts y Entonces esta vez, voy a subir a la parte superior del cartel. Haré clic al inicio de la segunda desde la última columna. Haga clic y arrastre a través de las dos últimas columnas y suelte. El logo ahora se colocará dentro del cartel a través de dos columnas. Y por ahora, voy a mover mi tipo de párrafo a continuación para darle algo de espacio. La última imagen que quiero traer a este póster son los pequeños íconos de perno para sentarse en el pie de página. En la capa de imágenes, presione el comando D en MAC o Control D en la PC para colocar una imagen. Voy a navegar hasta el kit de medios. Haré clic en la carpeta de imágenes y seleccionaré el icono de perno. Archivo EPS negro y haga clic en Bien. Esta vez, voy a llegar al fondo cerca del pie de página y hacer clic y arrastrar para colocar en un pequeño icono de perno. Después presionaré S para activar la escala. Mueve el cursor del mouse hacia la parte inferior derecha y haz clic y arrastra mientras mantienes presionada la tecla Mayús para escalar a un tamaño con el que estoy contento y colocarlo entre el primer y el segundo elemento de pie de página. Haga clic en la herramienta de selección, haga clic y mantenga presionado lt y arrastre hacia la derecha para duplicar rápidamente el icono de perno y colocarlo entre el texto del segundo y tercer pie de página. Presionaré el comando cero en Mac o el control cero en Windows para ajustar mi póster al área de visualización. Presionaré W para entrar en modo de vista previa, y ahora todos los elementos principales están incluidos en el póster. Entonces, hasta este punto, hemos estado trabajando para todos nuestros elementos entren en el diseño del cartel. Este punto, ahora todo está en el cartel, pero es import 12. TUT n.º 2: diseño de cuadrícula de columnas / Adobe Illustrator: Por lo que ahora podemos pasar al segundo ejercicio de diseño de carteles en esta clase magistral En el video anterior, vimos cómo crear un diseño de póster en diseño. Ahora en el diseño es una poderosa herramienta de maquetación, pero algunos diseñadores pueden tener preferencia por trabajar con Illustrator. Por lo que el propósito de este video es demostrar cómo Illustrator también puede ser utilizado para desarrollar diseños de pósters de calidad. En este paso, pasamos a una nueva fase. La fase anterior se trataba generar ideas para nuestro diseño de carteles. Ahora tenemos algunas ideas sólidas en la bolsa. Es el momento de entrar en la tercera fase del proceso de diseño, donde llegamos a realizar nuestro diseño en la computadora. En este video, voy a demostrar cómo utilizar las herramientas de Illustrator para crear este diseño de póster específicamente, y posteriormente, veremos cómo hacer algunas variaciones. Entonces, para crear nuestro póster en Illustrator, vamos a cubrir los mismos pasos que usamos en el tutorial anterior. Paso uno, configuración de la carpeta del proyecto, paso dos, configuración de documentos, paso tres , configuración de cuadrícula, paso cuatro, trabajo con tipo, paso cinco, trabajo con imagen, paso seis, trabajo con color, paso siete, refinar la composición, paso ocho, crear variaciones de diseño y exportación del paso nueve. Este es un proceso metódico que asegurará que creamos diseños de pósters de calidad y no dejemos nada Así que prepárate para otra aventura de diseño. Después de este video, podrás crear carteles dinámicos como este en Adobe Illustrator, Super Easy. Así que vamos a meternos en ello. Entonces aquí estoy en Illustrator, y estos son algunos carteles dinámicos que creé antes usando las técnicas que estoy a punto de demostrar. Si tuviéramos que echarle un vistazo a estos, los puede encontrar en la carpeta de proyectos de clase. Estas se encuentran en la carpeta dos plantillas de póster. Si abres la carpeta Illustrator, deberías poder ver el archivo llamado Luna lift. Entonces, en el documento de póster de Illustrator, lo que he hecho aquí es desarrollar un diseño de póster a partir de uno de mis bocetos, que tengo aquí, y he visto cómo esto podría funcionar en diferentes variaciones con diferentes fuentes con un enfoque de color claro y oscuro Si me acerco a ver y hago clic en Recortar ver y presiono comando dos puntos en MAC o Control Clon en PC, puedo activar y desactivar las guías, donde se puede ver el sistema de cuadrícula que he utilizado para estructurar este diseño de póster. Entonces tu undécima tarea para esta clase es seguir junto con mi método de diseño de póster. El propósito de esta tarea es para aquellos de ustedes que pueden no estar familiarizados con Illustrator Esta es una oportunidad para aprender técnicas cruciales y sentirse cómodo trabajando en un Dope Illustrator Ahora bien, esta etapa es opcional. Puedes ver y participar o seguir y desarrollar tu propio diseño de póster. No obstante, le estaré animando a que haga esto más adelante. Así que ahora saltemos a Illustrator y veamos cómo podemos desarrollar un póster como este, y vamos a comenzar con el Paso uno. Ahora, como se demostró en los tutoriales publicados anteriormente, un paso que siempre me gusta dar antes de comenzar cualquier proyecto es configurar una carpeta de proyectos. Esto me va a configurar para estar súper organizado y tener un lugar donde guardar todos mis activos y saber dónde está todo. Cuando se trabaja en Illustrator, ayuda a organizarse para mejorar tu flujo de trabajo. Así que puedo configurar esto desde cero o puedo duplicar una carpeta que creé anteriormente en la clase. Entonces, si aún no lo has hecho como parte de la clase, entra en la carpeta de descarga de clases, en la carpeta de proceso de diseño. La última carpeta llamada carpeta proyecto tendrá algunas carpetas adicionales dentro. Las carpetas nos van a ayudar a organizar nuestro proyecto. Entonces para comenzar, te recomendaría copiar esta carpeta y pegarla en algún lugar al que puedas acceder a través de esta parte de la clase. Por ahora, solo voy a guardar todos mis archivos en la carpeta que creé anteriormente en la clase. Una vez que tengas tu carpeta de proyecto configurada, comencemos a trabajar el arte, el póster. En Illustrator, para empezar, voy a configurar un nuevo documento. Voy a subir a presentar nuevo y seleccionar documento. Ahora, en esta ocasión, voy a usar un documento de tamaño de impresión estándar. En la parte superior tf, haré clic en Imprimir. Haré clic en vista o presets. Seleccionaré A tres. la derecha, me aseguraré de que mi orientación esté puesta en retrato, pondré las unidades en milímetros. Voy a poner mi sangrado a 3 milímetros, y voy a hacer esto porque algunas impresoras como un sangrado de tres milímetros al enviar a imprimir. Simplemente voy a hacer esto al principio. Configuraré mi color en RGB y me aseguraré de que mi ráster esté configurado 300 y haga clic en crear y pop hacia arriba mi nuevo documento. Quizás se esté preguntando por qué lo configuré en RGB. Bueno, me gusta comenzar con RGB porque si decido usar esta obra de arte para una composición digital más tarde, tal vez para una publicación en redes sociales, no es fácil cambiar los colores de CMYK a RGB. Sin embargo, es fácil convertir los colores a CMYK a partir de RGB. Entonces, para evitar trabajo extra en el futuro, me gustaría comenzar con RGB. Entonces aquí tenemos nuestro nuevo documento configurado, y se puede ver por fuera, tenemos la línea de sangrado Para aquellos que no saben qué es eso, es donde extiendes tu obra de arte fuera del área de Canvas. Cuando una impresora corta la obra de arte, puede recortar un poco para que no tengas bordes blancos. Nuevamente, si presiono comando colon en Mac o control colon en PC, puedo activar y desactivar las guías para activar y desactivar la línea de sangrado Si estás siguiendo, asegúrate de que puedes ver tu panel de control en la parte superior de tu interfaz de usuario. Si no, sube a la ventana y asegúrate de que hay una garrapata al lado del control. Ahora, también vas a necesitar tener tus muestras, capas y panel de enlaces visibles, y panel de enlaces visibles, así que asegúrate de subir a la ventana y hacer clic en ellas para activarlas y tenerlas a mano En esta instancia, tengo muchos de estos paneles por el costado aquí. Entonces ese es nuestro documento configurado, y antes de continuar, me gustaría guardarlo. Así que voy a subir a archivo guardar como y navegar a la carpeta de proyectos que configuramos anteriormente en el segundo concepto de carpeta y diseño en la carpeta de diseño, y la guardaré en la carpeta de Illustrator y llamaré a esto Elevación Lunar. Bien, antes de empezar a agregar cualquier elemento visual, quiero configurar una grilla. Ahora, mirando hacia atrás en uno de mis bocetos originales, me gusta mucho esta idea aquí de tener un póster tipográfico y tener la imagen del producto puesta encima del nombre del producto repetida en el Me gusta la idea de que este sea un diseño simétrico. Y como el producto se llama Lunar lift, pensé que sería genial tenerlo flotando en el medio en espacio con tal vez una luna recortada entrando de arriba y abajo Quizás algunos elementos de pie de página posicionados a un lado. Ahora bien, este fue un boceto realmente rudo inicialmente. Pero cuando miré este diseño de póster un poco más cerca en un borrador de scamp, resolví que para poner todos mis elementos pulcramente, colocaría todo en columnas Para este diseño de póster, determiné que necesitaría una cuadrícula de columnas de 16. Aquí puedes ver cómo quiero posicionar mi tipo alineado en el centro para que pueda tener un bonito espacio despejado a izquierda y derecha con aproximadamente dos columnas a cada lado. Ahora bien, en mi dibujante, no contabilizé un espacio de margen alrededor del cartel Cuando llegue a segundo esto, creo que voy a buscar incluir uno. Configurar una cuadrícula en Illustrator es un poco diferente de configurar una cuadrícula en el diseño. Hay varias formas de hacer esto, pero aquí hay un muy buen consejo sobre cómo configurar una cuadrícula de columnas en Illustrator. Para comenzar, quiero establecer mi espacio de margen. Para ello, iré a la configuración de illustrator en Mac o editaré en PC y haga clic en unidades. Con el manu abierto, me aseguraré de establecer general milímetros y hacer clic en k. Vendré a la herramienta Forma, agarraré la herramienta rectángulo y dibujaré una caja al tamaño completo del área del lienzo A continuación, iré a la ruta del objeto y haré clic en Desplazar ruta. Cuando aparezca el menú, escribiré menos diez y estableceré el límite de mita a cero y haré clic en Bien, y esto reducirá el tamaño de la caja en diez molinos. Entonces ahora sé que hay un margen de diez molinos alrededor de mi área de Canvas. Bien, ahora para poner la grilla. Así que con mi forma seleccionada, iré a objeto, bajaré a trazado, me cruzo y seleccionaré dividir en cuadrícula. Al hacer clic, un par de menea. Primero, voy a dar click en la vista previa, y arriba en las filas, voy a dejar esto a uno. En las columnas, pondré esto en 16. En esta instancia, dejaré la canaleta puesta a cero. Observe ahora cómo se establece la cuadrícula en la forma. Una vez feliz, haré clic en k. Ahora aquí es donde ocurre la magia. Con el bloque aún seleccionado, me acercaré a ver, desplazarme hacia abajo hasta guías, encontrarme y seleccionar, hacer guías. Al hacer clic, ahora transformaremos el bloque en guías, que ahora podemos usar para nuestro diseño de póster. Para terminar, iré al panel Capas. Haga doble clic en la capa superior y nombre esta cuadrícula. Y ahora tengo una bonita cuadrícula de columnas con la que puedo comenzar a desarrollar mi póster. Y si presiono bien comando dos puntos en Mac o control dos puntos en PC, podemos activar y desactivar las guías. Perfecto. Entonces con mi configuración de margen, guías y sangrado, ahora puedo comenzar a componer mis elementos visuales en la página Dependiendo de tu diseño, a veces puede ser más fácil comenzar con un elemento de imagen para el póster. Pero para este diseño en particular, quiero que este esté fuertemente basado en el tipo e incluya la imagen en la parte superior. Para comenzar, voy a comenzar con los elementos tipo en el fondo. Mirando hacia atrás en mi boceto, quiero que el tipo de encabezado principal en el póster se siente en la parte superior del póster y que el nombre del producto se repita en el medio. Esta ocasión, creo que voy a trabajar mi salida desde el medio, así que voy a empezar con el bit repetido de tipo en el medio. Para comenzar, iré al menú Herramientas. Seleccionaré la herramienta de tipo y haré clic una vez en mi póster. Al hacer clic, esto creará un elemento tipo. Ahora mismo, tengo un Fontupli por defecto, pero está bien. No voy a preocuparme demasiado por eso ahora mismo. Entonces, mirando mi boceto, quiero colocar algunos textos repetidos en el medio con el nombre del producto. Entonces saltaré al Dock de contenido del póster, y puedo hacerlo entrando en la carpeta de descarga de Class, en la carpeta del kit Bolts Media y haciendo doble clic en el acceso directo de la cubierta de contenido para Abrir en el navegador. En la página cuatro, veré los nombres de los productos. Voy a copiar el nombre del producto para Lune Lift. De vuelta a Illustrator, voy a pegar esto, y ahora tenemos nuestro primer trozo de texto. Dependiendo de tus propiedades predeterminadas, aquí, simplemente empujaré un poco el tipo hacia arriba para que quepa en el póster. Con él seleccionado, arriba en el panel de control, seleccionaré un centro de línea, y también haré clic y arrastraré sobre el pin de la esquina mientras mantengo presionado shift para escalar el tipo hacia arriba o hacia abajo así. Entonces con mi primera pieza de tipo en el póster, rápidamente querré cambiar el tipo de letra para esto Entonces en este punto, podría usar cualquier tipo de letra, pero ya tengo una idea de con qué quiero trabajar En un paso previo, realicé algunas investigaciones de tipo donde miré una gama de tipos de letra que me gustaría usar Ahora, en la primera página de mi investigación, me gusta bastante el aspecto de este tipo de letra aquí La razón de ello es por su naturaleza condensada. Al mirar el dibujo de scamp, podemos ver que necesito un tipo condensado para poder capturar este texto repetido apilado Con su gran altura de tapa a ancho de letra, este es un tipo de letra particularmente condensado Una buena opción si quieres colocar una palabra amplia en el diseño de tu póster en toda la página. Además, este tipo de letra tiene una apariencia muy distinta con sus ligeras indentaciones, que le da un poco de destello Esta es una fuente muy audaz e impactante que funcionaría muy bien en mi solución de diseño Esta es una fuente de adobe y se puede usar de forma gratuita si tienes una cuenta de adobe. Encuentra el enlace en el PDF Tipo de letra en la carpeta de descarga de clase en Carpeta uno proceso de diseño, en carpeta cinco tipografía Si abres el PDF, simplemente puedes hacer clic en la fuente y te llevará al enlace. Ahora bien, si estás viendo esto y no tienes una cuenta de Adobe, por el motivo que sea, por ahora, te recomiendo que uses BBS, que es una fuente gratuita, que puedes obtener haciendo clic en BBAS en el Type PDF Esta es otra fuente condensada que debería funcionar bien. De vuelta en Illustrator, seleccionaré el tipo y arriba en el selector Fuente, voy a escribir Zoom y aplicar la fuente. Ahora, rápidamente haré doble clic en el tipo, y mientras mantengo presionado Alt, golpearé a la derecha algunas veces para empujar un poco el rastreo y agregar más espacio entre la forma de la letra. Una vez que sienta que se ve bien, haré clic en la herramienta de selección, agarraré la esquina y escalaré, así toca la última pero una columna así. Entonces, mirando hacia atrás en el boceto, quiero repetir este nombre de producto alrededor de cuatro veces en el medio de la página. Esto se puede hacer muy fácilmente. Entonces haré doble clic en el tipo, seleccionaré todo el tipo copy, luego presionaré justo en el teclado para colocar la esquina al final del tipo. Simplemente presione enter y pegue, enter y pegue, e ingrese y pegue hasta que lo repita cuatro veces. A continuación, necesito retocar el liderato. De nuevo, voy a hacer doble clic en el tipo y seleccionarlo todo. Luego abajo en el panel de personajes, me aseguraré de ajustar el líder, y voy a tirar de esto hasta que tenga algo que se vea así. Ahora tengo este tipo de elemento en medio del cartel. Puedo pasar al siguiente. Al mirar mi boceto, quiero incluir la cabeza en la parte superior. De vuelta a Illustrator, seleccionaré el tipo, y mientras mantengo presionado Alt, haré clic y arrastraré hacia arriba para duplicar el tipo anterior. De vuelta a la baraja de contenidos. En la página tres, necesito enfocarme en el tipo para la opción uno. Seleccionaré la palabra evolucionar, copiaré, y de vuelta a Illustrator, haré doble clic en el tipo. Presiona Comando A en Mac o Control A en PC para seleccionar todo y voy a pegar. A continuación, haré lo mismo. De vuelta a la baraja de contenidos. Seleccionaré la primera parte, experiencia Sneaker. Después de vuelta a Illustrator, haga doble clic en la nueva capa de tipo. Seleccione Todo y pegue. Esto es mucho más grande de lo que quiero, y aquí también voy a usar otro tipo de letra para darle más protagonismo al tipo de encabezado de abajo Para complementar la negrita tipografía San Seraf y el encabezado, quiero buscar una tipografía Sanseraf limpia, nada que Mirando hacia atrás en mis hojas tipográficas en la primera página, hay una tipografía que pensé que parecía que podría funcionar bastante bien Para mi tipografía secundaria, elegí ir con chivo Esto parece un Sanseraf limpio y agradable y viene con una enorme familia de fuentes con una amplia gama de pesos tipo de letra tiene una personalidad muy sutil y un destello que va funcionar muy bien en mi diseño para complementar el encabezado, Ahora bien, lo bueno de este tipo de letra es que es una fuente gratuita de Google Simplemente haz clic en Archivo en el documento tipográfico y podrás adquirirlo De vuelta en Illustrator, seleccionaré el tipo y arriba en el selector Fuente, voy a escribir Archivo. Seleccionaré medio y aplicaré la fuente. Con él todavía seleccionado, voy reducir el tamaño de la fuente a 30 puntos, y abajo en el panel de tipos, voy a hacer clic en el botón A CAPs. Pulsaré y mantendré presionado Alt en el teclado y presionaré a la derecha algunas veces en el teclado para aumentar el seguimiento, por lo que es alrededor de 200 en el panel de tipos. Fácil. Entonces con la herramienta de selección, haré clic en mi bit medio de tipo aquí, y luego en el menú de herramientas en la parte inferior, presionaré el botón de intercambio de relleno y trazo una vez. Y eso aplicará un trazo alrededor del exterior de mi tipo, y ahora tenemos un buen contraste entre las capas de tipo. A continuación, voy a colocar en el párrafo texto que aparecerá debajo del tipo repetido. Esta vez, voy a utilizar una técnica diferente con la herramienta de tipo seleccionada. Bajaré y haré clic y arrastraré un cuadro de tipo desde la segunda columna para encontrarme con la última pero una columna, y al soltar, crearé un cuadro tipo. En la baraja de contenidos, en la página tres, seleccionaré el contenido del párrafo para la Opción uno. De vuelta a Illustrator, voy a pegar en el nuevo texto. Haré clic en el cuadro y presionaré Comando A en MAC o Control A en PC para seleccionar todo. Cambiaré el tamaño de la fuente a 23. Asegúrese de que la fuente esté establecida en Archivo Medio, y haga clic en el menú desplegable para inicio en el panel de tipos y seleccione Auto. Si el tipo está en OCPs, me aseguraré de hacer clic en el botón Todos los CAPs Y ahora tengo mi primer párrafo de tipo, y también me aseguraré de que sea un centro de línea arriba en el panel de control. Entonces eso va a ser bueno por ahora. Entonces, mirando hacia atrás al boceto, podemos ver que debajo de mi logo en la parte inferior, quiero incluir un eslogan. Esta es una sola línea, así que requerirá que duplique una sola línea abajo. Al igual que antes, seleccionaré la pieza superior del tipo, presionaré y mantendré la tecla alt y arrastraré abajo. En el mazo de contenidos, seleccionaré el encabezado de O opción dos. En Illustrator, pegaré el tipo y cambiaré la fuente al tamaño 16 y ajustaré el seguimiento a 100 y dejaré esto en la parte inferior por ahora. Mirando hacia atrás a mi scamp, también quería incluir cuatro elementos de pie de página en el costado de la página aquí e incluir un icono en el medio Necesito colocar cuatro piezas de tipo aquí subiendo por el lado de la página verticalmente. Una técnica rápida que puedes usar para hacer esto ordenadamente. Primero, presionaré comando y en MC o control y en PC para entrar en modo esquema. Ahora, cuando entramos en modo esquema, podemos ver el cuadro delimitador alrededor del tipo de párrafo Bien, entonces seleccionaré la herramienta de tipo, y en el área de la mesa de trabajo, haré clic y dibujaré un bloque de tipo así No demasiado ancho y no demasiado alto. A continuación, me acercaré al panel de control y buscaré hacer clic en el botón Alinear al centro junto a la opción de tipo de área. Esto establecerá el tipo ordenadamente en el centro de la caja verticalmente. También me voy a asegurar que este tipo esté alineado al centro horizontalmente junto a la opción de párrafo. Perfecto. Bien, a continuación, con la herramienta de selección, haré clic y arrastre mientras mantengo presionado Alt en el teclado para arrastrar y duplicar hasta que el final se encuentre así. Al soltar, presionaré el comando D en Mac o Control D en la PC, y eso duplicará otra caja. Y voy a presionar eso otra vez, y eso duplicará una cuarta caja. Entonces con la herramienta de selección, haré clic para seleccionar las cuatro cajas. Presionaré R en el teclado para activar rotar. Haz clic y arrastra hacia arriba con el mouse mientras mantienes presionada la tecla shift para ajustar a 90 grados, luego los moveré a través y dentro de mi diseño de póster y los colocaré en el centro en la última columna. Con los más seleccionados, subiré al ancla central superior y haré clic y arrastraré hacia arriba o hacia abajo para encajar perfectamente en la altura de mi cuadrícula de columnas así. Presionaré el comando Y en Mac o el control Y en la PC para salir del modo esquema, y podremos ver las cuatro piezas apiladas de tipo ahí sentadas amablemente. Entonces ahora solo es un caso de cambiar rápidamente la fuente y agregar el tipo. Entonces haré clic en el cuadro inferior y presionaré Comando A en Mac o Control A en PC para seleccionar todo, y voy a escribir ahora. Luego de vuelta al mazo de contenido, seleccionaré cada elemento foota y vendré y los pegaré en las tres cajas restantes Después seleccionaré el cuadro de texto superior. Presione y Desplazamiento de agujero y seleccione los tres siguientes hasta que tenga los cuatro seleccionados. Abajo en el panel de caracteres, cambiaré la fuente a chivo thin, estableceré la fuente en 13 puntos, ajustaré el seguimiento a 250 y haré clic en el botón all caps para asegurarme el texto esté en mayúsculas y haga clic en off A continuación, seleccionaré el elemento de pie de página inferior. Presione y alt, haga clic y arrastre hacia la izquierda para colocarlo en la parte inferior de la primera columna. En la cubierta de copia, seleccionaré la dirección web, volveré a Illustrator, pegaré en el cuadro tipo y alinearé el tipo del pie de página inferior a la derecha. Voy a hacer clic fuera de la herramienta de selección. Pulsaré Comando dos puntos en Mac o Control Clon en PC para desactivar las guías, y ahora tengo todos mis elementos tipo dentro del póster. Mirando hacia atrás a mi boceto, podemos ver que para este póster, quiero incluir una imagen del producto en el medio como si flotando en el espacio encima del tipo Esta imagen se convertirá en el gancho principal para el cartel, el llamador de la atención Ahora, mirando el deck de contenido, en la página de la línea de productos, aquí hay un producto llamado Luna lift Esta es la composición con un par completo de zapatillas, compuestas de una manera que parece que están flotando. Al mirar mi diseño de póster, inicialmente planeé esto dibujando un zapato diferente, pero para la obra de arte, voy a usar el producto adecuado para este póster. Entonces veamos cómo podemos meter esta imagen en nuestro póster. Entonces primero, saltemos a la carpeta de descarga de clases y a la carpeta del kit de mediación de Bolts Esta es la carpeta que el cliente ha suministrado, que incluye todo lo necesario para diseñar los carteles. Entraré en la carpeta de imágenes del producto y comenzaré abriendo la imagen Lunar lift en photoshop. Esta es la imagen del producto que nos ha sido suministrada, y en este momento tal como está, esta imagen no va a funcionar porque para mi diseño, quiero tener esta imagen recortada. Para este diseño de póster, voy a tener que cortar primero la zapatilla. Agradecidamente, esta es una imagen muy clara aquí, por lo que debería ser muy sencillo cortar esto. Solo voy a acercarme aquí para obtener una mejor vista. Y lo que podemos hacer aquí es pasar a la herramienta Marquesina rectangular Dibujaré una selección a su alrededor, y arriba en el panel de Control, haré clic en Seleccionar y enmascarar. Con la herramienta de selección rápida seleccionada, arriba en el panel de Control, nuevamente, haré clic en Seleccionar objeto, y Photoshop hará todo lo posible para seleccionar la zapatilla Ahora bien, si me acerco aquí, puedo ver que no es perfecto. Ahora, hay otra cosa que puedes hacer aquí. En el menú Herramientas hay un botón llamado herramienta Selección de objetos. Si hago clic en esto y muevo el mouse sobre la zapatilla, photoshop verá lo que estoy tratando de seleccionar como objeto. Hago clic en esto una vez, veré que todos los bits imperfectos han sido traídos de vuelta mágicamente, y esto se ve un poco mejor También puedo dar click a la izquierda para seleccionar el otro zapato y mejorar la selección allí también. Ahora bien, si me acerco a esto hacia la parte superior, todavía puedo ver algunos bits que hay que quitar. Puedo hacer esto fácilmente haciendo clic en la herramienta Poligonal como, y si presiono y mantengo presionado alt, el icono se volverá negativo Si empiezo a dar click, una vez que vuelva al inicio, luego haga doble clic para comprometerme con la selección, quitará esa parte. Entonces haré esto del otro lado para afinar la selección. Una vez que esté contento con ello, puedo hacer clic en k en la esquina inferior derecha, y se hará una selección. Con la nueva selección, puedo pasar al panel de capas y en la parte inferior, puedo hacer clic en el botón Agregar máscara de capa. Al hacer clic, ahora agregué una máscara de capa y recorté la zapatilla. Perfecto. Ahora, no quiero que la imagen sea así de grande. No necesito el espacio alrededor de la zapatilla aquí. Entraré en mi panel de capas, presionaré y mantendré el comando en Mac o Control en PC y haré clic en la máscara de capa. Al hacer clic, se hará una selección alrededor de la zapatilla, y si ahora presiono C en el teclado para recortar, aparecerá una caja de recorte alrededor de la zapatilla. En la parte superior del panel de control, me aseguro de que eliminar píxeles de recorte no esté marcado y presione enter dos veces Y eso recortará la imagen. Perfecto. Entonces presionaré el comando Shift S en MAC o Control Shift S en la PC para guardar. Voy a navegar a la carpeta del proyecto. Lo configuré antes y guardo esto en la carpeta Activos como Luna Lift PSD. Ahora tengo una imagen de zapatilla agradable y preparada. Ahora puedo llevar esto a Illustrator. De vuelta a Illustrator, antes de traer mi nueva imagen, voy a hacer algunas tareas de limpieza. Entonces, en el panel Lays, vendré y haré clic en el icono más en la capa inferior. Vamos a añadir una nueva capa, y voy a llamar a esto imágenes. Ahora, algo que puedes tener en cuenta aquí con el panel de capas. Si hacemos clic en el menú superior derecho y bajamos a las opciones del panel, por ejemplo, podemos dar click en pequeño mediano o grande, pero también tenemos una opción aquí para agregar un tamaño personalizado. Si escribo 70 píxeles en otro y hago clic en Bien, mis pulgares ahora serán mucho más grandes para poder ver una mejor mirada visual de lo que está pasando en cada capa Ahora voy a hacer clic en el icono de candado en la capa de cuadrícula para no seleccionar accidentalmente nada mientras trato con la imagen que estoy a punto de traer. Con la capa de imágenes seleccionada, presionaré el comando Shift P en MAC o Control Shift P en PC en el teclado para colocar una imagen. Aquí, navegaré por la carpeta del proyecto hasta la carpeta de concepto y diseño en la carpeta de diseño, en la carpeta Activos, seleccionaré PSD de Lunar Lift y haré clic en Colocar. Luego haz clic y arrastra un fotograma así para soltarlo en la imagen. Fácil. Ahora hay una imagen en nuestro documento. Si ahora nos acercamos al panel de enlace L, podemos ver el PSD del elevador Lunar. Si no puedes ver un panel de enlaces, sube a Ventana y haz clic en Enlaces, este panel de enlaces va a ser muy importante para trabajar con imágenes en el futuro. Sé shu, para estar atento a esto para todas las imágenes de tu documento. Una vez que la imagen está en ilustrador, es fácil cambiar el tamaño y la posición Con la imagen seleccionada, si llego a alguno de los puntos de anclaje, puedo dar click y arrastrar. Si presiono y mantengo presionado Mayús, luego hago clic y arrastre, puede aumentar o disminuir el tamaño de la imagen para escalar así. Voy a escalar la imagen hasta que esté feliz y la colocaré en el medio así. Esa es la primera imagen en mi póster. A continuación, quiero traer otra imagen que funcione como fondo. Ahora, como parte del kit de medios proporcionado, parece haber una gama de imágenes y texturas gráficas. Mirando hacia atrás en mi boceto, este va a ser un diseño muy simétrico, y me gusta la idea de que la luna recorta en las partes superior e inferior de la imagen para dibujar el ojo hacia el centro del póster Ahora, quiero que mi siguiente imagen se coloque debajo de todo, así que iré al panel de capas, agregaré una nueva capa y llamaré a esta base. Y me aseguraré de hacer clic y arrastrar esto al fondo para que esté debajo de todas mis otras capas. Nuevamente, presionaré el icono de candado en la capa de imagen para no seleccionar esto accidentalmente. Con la nueva capa base seleccionada, presionaré el comando Shift P en MAC o Control Shift P en PC para colocarla en una imagen. Voy a navegar a la carpeta media it proporcionada en la carpeta de imágenes en la carpeta de textura, y seleccionaré Moon dot PNG y colocaré. Luego haz clic y arrastra un fotograma así para soltarlo en la imagen. Ahora bien, si como yo, no se puede ver la imagen. Esto se debe a que hay una capa blanca que cubre esto. Cuando configuramos la cuadrícula antes en el proceso, realidad creó una capa blanca sólida. Si desbloqueamos y hacemos clic en la capa de cuadrícula, verá una capa blanca sólida. Aquí, simplemente podemos seleccionar esto y eliminar, luego volver a presionar el icono de candado y volver a la capa base. Así que alejaré un poco y subiré la imagen de la luna y escalaré un poco para que quede posicionada así. Ahora, en esta instancia, también quiero otra imagen de la luna de abajo. Haré clic y arrastraré la luna hacia abajo mientras mantengo pulsado ult y también mantendré presionada la tecla shift para hacer una copia rápida de la imagen de la luna y la arrastraré hacia abajo perfectamente recta. Por ahora, simplemente lo colocaré abajo en la parte inferior así. Fácil. En este momento, tengo muchas obras de arte derramadas fuera de mi área de Canvas, lo que puede distraer un poco Ilustrador, no hay vista previa ni modo normal como en el diseño. Sin embargo, puedes acercarte a ver y hacer clic en Recortar vista, y eso simplemente eliminará toda la visibilidad de todo en el área de la mesa de trabajo para permitirnos enfocarnos más en el propio póster La siguiente imagen que quiero traer al cartel es el logo. En el panel de capas, golpearé el icono de candado en la capa base y esta vez, desbloquearé la capa de cuadrícula y la capa de imagen. Esta vez, en lugar de colocar un archivo, voy a abrir un archivo. Presionaré el comando O en Mac o Control O en la PC para abrir. Voy a navegar a la carpeta del kit de medios proporcionada. En la carpeta logo, voy a abrir pernos logo punto negro EPS. Ya que estamos trabajando en Illustrator y trabajando en vector, es fácil pegar en otro elemento vectorial para darnos la flexibilidad de cambiar el color más adelante. Con esta herramienta de selección, seleccionaré copia vectorial del logotipo y saltaré de nuevo al póster y pegaré. El logo ahora se colocará en el muelle, y puedo llegar al punto de anclaje medio del extremo derecho, presionar y mantener presionada la tecla Alt más Mayús y hacer clic y arrastrar hacia adentro para escalar la imagen hacia abajo así Simplemente lo colocaré en la parte inferior de la composición por ahora encima de la luna. Fácil. Entonces, la última imagen que quiero traer a este póster es el pequeño icono de perno para sentarse entre los elementos tipo en el pie de página derecho. Así que al igual que el logo, presionaré comando O en Mac o Control O en la PC para abrir. Voy a navegar a la carpeta de medicamentos proporcionada en la carpeta de iconos, y voy a abrir Bolt icon black EPS Con la herramienta de selección, seleccionaré el icono vectorial, copiaré y saltaré de nuevo al póster y pegaré. Puedo llegar al punto de anclaje medio del extremo derecho, mantener presionado ult y shift, y hacer clic y arrastrar hacia adentro para escalar la imagen hacia abajo. Acercaré el zoom, bajaré a un tamaño con el que estoy contento, y simplemente lo colocaré entre los dos elementos superiores de tipo. Haré clic y arrastraré el icono hacia abajo mientras presionado Alt y también mantendré presionada la tecla Mayús para hacer una copia rápida de la imagen del icono y la arrastraré hacia abajo perfectamente recto entre el siguiente elemento tipo. Lo haré una vez más y presionaré comando cero en MAC o Control cero en PC para ajustar el área de Canvas al área de trabajo, y ahora podemos ver que tenemos nuestros elementos de imagen en el póster. Mirando hacia atrás en el boceto, hay un elemento adicional que quiero incluir. Como pequeño detalle de diseño, también quiero incluir el número de modelo para sentarme en la parte superior izquierda del tipo medio. Para esto, quiero que el tipo de letra esté realmente condensado como el título del encabezado aquí Seleccionaré el tipo de encabezado y arrastraré hasta el área de la mesa de trabajo Y si no puedo ver esto, me acercaré a ver y me aseguraré de que la vista de recorte esté apagada. Entraré en la baraja de contenido del póster y volveré a copiar el número de producto de la página del producto a Illustrator y pegaré, y también agregaré la palabra modelo antes. Haré clic en la herramienta de selección para seleccionar el tipo, y cambiaré el peso a ligero. Mantendré presionada la tecla Alt y presionaré a la izquierda en el teclado para tirar del rastreo. Bajaré el tamaño de la fuente a 32. Presionaré R para activar rotar, hacer clic y arrastrar hacia arriba mientras mantengo presionada la tecla shift para ajustar a 90 grados. Luego arrástralo de nuevo al diseño del póster y colóquelo para alinearlo a la parte superior del tipo repetido en el fondo, y también asegúrate de que se asiente cómodamente en el medio de la columna a la izquierda. Ahora, por un último detalle. Voy a hacer clic en la capa de imagen. Acercar. Haré clic en la herramienta de línea, luego vendré justo debajo del tipo y haré clic y arrastraré hacia abajo para poco sobre la imagen de la zapatilla. Al soltar, entraré en el panel de trazos y estableceré el peso en uno. Haga clic en el color del trazo y asegúrese de que esté configurado en negro, y en el punto final, haré clic en el menú desplegable y seleccionaré el círculo. Voy a hacer clic en la herramienta Selección, hacer clic fuera para seleccionar D. Presiona Comando Colón en Mac o Controlar Colón en PC, Toggle on the guides to see my grid, y aléjate para echar un vistazo. Y eso solo creará un pequeño detalle donde se etiqueta el producto. Hasta este punto, hemos estado trabajando para que todos nuestros elementos entren en la composición. En este punto, ahora todo está en el cartel, pero es importante tener en cuenta que todavía nada es definitivo. Todavía tengo algunos ajustes que hacer para conseguir que todo esto sea perfecto. Ahora todo está en el cartel, ahora podemos empezar a pensar color y finalizar nuestro diseño Cuando se trata del diseño de carteles, normalmente no empiezo a pensar en el color hasta que la composición general del póster esté en un buen lugar. Normalmente trabajo en blanco y negro, y una vez que todo está adentro, entonces puedo comenzar a muestrear colores y aplicar colores. Para mi diseño de póster, no tengo ningún color específico planeado. No obstante, sí sé que se trata de un concepto temático de luna. Yo sí quiero mantenerlo blanco brillante, pero con un toque azul para reflexionar sobre el color de las zapatillas y la luna. Aquí puedo tomar algo de inspiración de color de las propias zapatillas para crear un tema de color armonioso. Una técnica genial que podemos usar en Illustrator es generar un tema de color a partir de una imagen. Hacer esto es sencillo. Entonces primero, voy a subir a ver y hacer clic en vista de recorte para que podamos ver el tablero de trabajo Voy a dar click en la imagen de los Sneakers, mantén presionado Alt y haz clic y arrastra hacia arriba para hacer un duplicado rápido así. Con la nueva imagen seleccionada, me acercaré a la ventana, me desplazaré hacia abajo hasta el rastreo de la imagen y haré clic para activar el panel. Con el panel visible, haré clic en el preset desplegable y seleccionaré seis colores. Y luego Illustrator procesará esta imagen. Entonces, una vez hecho, me acercaré al panel de Control y haré clic en Expandir. Illustrator procesará la imagen y convertirá en gráficos vectoriales, dividiendo la imagen en varias partes vectoriales con colores que puedes seleccionar. Entonces ahora viene el genial P. Pero la imagen seleccionada, entra en el panel Muestras, 13. TUT #3: diseño de cuadrícula axial / Adobe Illustrator: Por lo que ahora podemos pasar al tercer ejercicio de diseño de carteles en esta clase magistral En un video anterior, vimos cómo crear un diseño de póster en diseño. Ahora, en el diseño es una poderosa herramienta de maquetación, pero algunos diseñadores pueden tener preferencia por trabajar con Illustrator. Por lo que el propósito de este video es demostrar cómo Illustrator también puede ser utilizado para desarrollar diseños de pósters de calidad. En este paso, pasamos a una nueva fase. La fase anterior se trataba generar ideas para nuestro diseño de carteles. Ahora tenemos algunas ideas sólidas en la bolsa. Es el momento de entrar en la tercera fase del proceso de diseño, donde llegamos a realizar obras de arte nuestro diseño en la computadora. Aquí estoy en ilustrador, y estos son algunos carteles que creé antes. En este video, vamos a echar un vistazo a la rejilla axial. Ahora bien, este es un sistema de cuadrícula donde una línea de eje distinta discurre a lo largo o a través de una composición. Esta línea de eje puede ser horizontal, vertical o diagonal en diferentes direcciones, y normalmente dividirá una composición en dos zonas distintas, donde el texto y la imagen pueden colocarse o alinearse a ambos lados de la línea del eje. Esto puede generar mucho movimiento en una composición y crear mucho impacto. Entonces en este video, voy a demostrar cómo usar las herramientas de Illustrator para crear este diseño de póster específicamente. Y más adelante, veremos cómo hacer algunas variaciones. Para crear nuestro póster en Illustrator, vamos a cubrir los mismos pasos que usamos en el tutorial anterior. Paso uno, configuración de la carpeta del proyecto, paso dos, configuración de documentos , paso tres, configuración de cuadrícula , paso cuatro, trabajo con imagen, paso cinco, trabajo con tipo, paso seis, trabajo con color, paso siete, refinar la composición, Paso ocho, crear variaciones de diseño y Paso nueve, exportar. Este es un proceso metódico que asegurará que creamos diseños de pósters de calidad y no dejemos nada Así que prepárate para otra aventura de diseño. Después de este video, podrás crear carteles dinámicos como este en Adobe Illustrator, súper fácil. Así que vamos a meternos en ello. Entonces aquí soy ilustradora, y estos son algunos carteles dinámicos que creé antes usando las técnicas que estoy a punto de demostrar. Si quieres echarle un vistazo a estos, puedes encontrarlos en la carpeta de proyectos de clase. Estas se encuentran en la carpeta dos plantillas de póster. Si abres la carpeta illustrator, deberías poder ver el archivo llamado Nopulse Entonces en el documento ilustrador, que he hecho aquí es desarrollar un diseño de póster a partir de uno de mis bocetos, que tengo aquí, y también he mirado cómo esto podría funcionar en una variedad de versiones diferentes Ahora bien, si me acerco a ver y hago clic en Recortar ver y presionar comando más Cold en Mac o Control más Colón en PC, puedo activar y desactivar las guías, donde se puede ver el sistema de cuadrícula que he utilizado para estructurar este diseño de póster Entonces, como se indicó anteriormente, una rejilla axial normalmente utilizará una línea prominente que recorre el centro de una composición. Aquí podemos ver cómo funciona esto en cada póster. Tenemos una línea axial que recorre el centro de cada composición y discurre en perpendicular a través de la línea axial. Tengo algunas otras líneas, que servirán para ayudar a alinear texto y otros elementos a la línea axial principal. Entonces tu undécima tarea para esta clase es seguir junto con mi método de diseño de póster. El propósito de esta tarea es para aquellos de ustedes que pueden no estar familiarizados con Illustrator Esta es una oportunidad para aprender técnicas cruciales y sentirse cómodo trabajando en un Dope Illustrator Ahora bien, esta etapa es opcional. Puedes ver y participar o seguir y desarrollar tu propio diseño de póster. No obstante, le estaré animando a que haga esto más adelante. Ahora saltemos a Illustrator y veamos cómo podemos desarrollar un póster como este. Vamos a comenzar con el Paso uno, configuración de carpetas de proyectos. Ahora, un paso rápido que me gustaría dar antes de comenzar cualquier proyecto es configurar primero una carpeta de proyectos. Esto me va a configurar para estar súper organizado y tener un lugar donde guardar todos mis activos y saber dónde está todo. Cuando se trabaja un ilustrador , ayuda a organizarse para mejorar tu flujo de trabajo. Puedo configurar esto desde cero o puedo duplicar una carpeta que creé anteriormente. Si aún no lo has hecho en la clase, entra en la carpeta de descarga de clases, en la carpeta de proceso de diseño. La última carpeta llamada carpeta proyecto tendrá algunas carpetas adicionales dentro. Estas carpetas nos van a ayudar a organizar nuestro proyecto. T comenzar, te recomendaría copiar esta carpeta, pegarla en algún lugar al que accedas a lo largo de esta parte de la clase. Por ahora, voy a guardar mis archivos en una carpeta que creé anteriormente en la clase. Una vez que hayas configurado tu carpeta de proyecto, comencemos a artwing poster. Paso dos, configuración de documentos. Entonces en Ilustrado para comenzar, voy a configurar un nuevo documento. Voy a subir a presentar nuevo y seleccionar documento. Ahora, en esta ocasión, voy a usar un documento de tamaño de impresión estándar. Entonces, en la pestaña superior, haré clic en Imprimir. Haré clic en ver ajustes preestablecidos. Seleccionaré A tres. A la derecha, me aseguraré de que mi orientación esté puesta en retrato. Pondré las unidades en milímetros. Voy a poner mi sangrado a 3 milímetros, y voy a hacer esto porque algunas impresoras como un sangrado de tres milímetros al enviar a imprimir. Entonces voy a hacer esto al inicio. Establezca mi color en RGB, asegúrese de que mi ráster esté configurado en 300 y haga clic en Crear. Y arriba saldrá mi nuevo documento. Ahora, tal vez se esté preguntando por qué configuré esto en RGB. Bueno, me gusta comenzar con RGB porque si decido usar esta obra de arte para una composición digital más adelante, tal vez para una publicación en redes sociales, no es fácil cambiar los colores de CMYK a RGB. Sin embargo, es fácil convertir los colores a CMYK a partir de RGB. Entonces para evitar trabajo extra en el futuro, me gusta comenzar con RGB. Entonces aquí tenemos nuestro nuevo documento configurado, y se puede ver por fuera, tenemos la línea de sangrado Ahora bien, para aquellos de ustedes que no saben lo que es eso, es donde extienden su obra de arte fuera del área del lienzo. Entonces, cuando una impresora corta la obra de arte, recortan un poco para que no tengas bordes blancos. Nuevamente, si presiono comando más colon en Mac o control más colon en PC, puedo activar y desactivar las guías para activar y desactivar la línea de sangrado Ahora, si estás siguiendo, asegúrate de que también puedes ver tu panel de control en la parte superior de tu interfaz de usuario. Si no, sube a la ventana y asegúrate de que hay una garrapata al lado del control. Ahora, también vas a necesitar que tus muestras, capas y panel de enlaces sean visibles, lleguen a la ventana y hagan clic en estos para activarlos y tenerlos a mano En esta instancia, tengo muchos paneles aquí abajo a un lado. Entonces ese es nuestro documento configurado, y antes de continuar, me gustaría guardarlo. Así que voy a subir a archivo, guardar como, y navegar a la carpeta del proyecto que configuramos anteriormente en la clase, en la segunda carpeta, concepto y diseño, en la carpeta de diseño, y la guardaré en la carpeta Illustrator como Sin pulso. Bien, entonces antes de empezar a agregar cualquier elemento visual, quiero configurar una grilla. Ahora, mirando hacia atrás en uno de mis bocetos originales, para una de mis ideas, exploré usando un sistema de cuadrícula axial, configurando la imagen del producto en ángulo frontal y central en línea con la línea axial diagonal a través la página con el tipo establecido perpendicular a la línea axial Ahora bien, este fue un boceto realmente rudo inicialmente. Pero cuando miré un poco más de cerca este diseño de póster en mi borrador de scamp, pude delinear mis elementos visuales para tener una mejor idea de cómo me gustaría componer b diseño de póster Me gusta la idea de cortar el tipo a través de la línea axial. Aquí puedes ver las guías que he utilizado para alinear mis elementos tipo. Paso tres, sector grid. Entonces para este diseño de póster, la cuadrícula va a ser un poco poco poco ortodoxa Configurar una cuadrícula diagonal como esta en Illustrator es un poco diferente de configurar una cuadrícula de pilares o una cuadrícula modular. Aquí hay un buen consejo sobre cómo configurar una cuadrícula axial en Illustrator. Entonces lo primero que quieres hacer es comenzar con la línea axial principal. Para hacer esto, puedes acercarte a la herramienta de línea, luego hacer clic y arrastrar a través de tu área de Canvas para crear la línea como quieras. Para mi diseño de póster aquí, tengo un ángulo particular en mente. Entonces con la herramienta de línea activa, haré clic una vez en el área Lienzo y hacia arriba aparecerá la opción de herramienta de línea. El largo, voy a escribir 500. Para el ángulo, voy a escribir 225 grados, voy a dar clic en Rellenar línea y dar clic en Bien. Al hacer clic, aparecerá mi línea de trazo, y solo puedo hacer clic y arrastrarla al área Lienzo con la herramienta de selección. Bien, entonces esta es mi línea axial principal. Ahora bien, si miramos mi boceto, pueden ver que tengo estas otras líneas perpendiculares a mi línea axial principal, que quiero usar para alinear mis elementos tipo. Entonces crear estas líneas es fácil. Con mi línea de rejilla axial principal seleccionada, presionaré Comando más C en Mac o Control más C en PC para copiar. Después presionaré Comando más Mayús más V en MAC o Control más Mayús más V en PC para pegar en su lugar. Luego sube al objeto, haz clic en Transformar y selecciona Reflejar. Al hacer clic, aparecerá un menú, voy a hacer clic en vertical y dar clic en Bien. Al hacer clic, eso reflejará mi línea. Entonces ahora mismo, esa línea es un poco larga, así que sólo voy a acortarla. Entonces con mi herramienta de selección, presiono y mantengo presionado alt y cambio. Colocaré el cursor sobre el final de uno de los puntos, y haré clic y arrastraré hacia adentro, y ambos extremos se moverán hacia el medio así. Y solo voy a hacer clic y arrastrar y moverlo hasta que consiga algo como esto. Entonces ahora voy a buscar duplicar estas líneas a través de mi línea axial. Así que presionaré y mantendré presionada la tecla shift, luego haga clic y arrastre mi línea a lo largo mi línea axial hasta la parte superior así. Esta vez, presionaré y mantendré presionada la tecla Alt más Mayús, luego haré clic en la línea y la arrastraré hacia abajo así, poniendo un poco de espacio entre la línea anterior. Al ser liberado, esto duplicará una nueva línea. A continuación, presionaré comando más D en MAC o Control más D en PC, y esto duplicará la acción duplicando nuevamente la línea Vuelvo a presionar el comando D en MAC o Control D, y algunas veces más hasta que tenga un número de líneas a lo largo de mi línea axial, así. Así que duplicando mi línea axial, reflejándola, acortándola y duplicándola a lo largo de la línea axial, he podido crear este sistema de rejilla diagonal Ahora bien, aquí es donde ocurre la magia. Así que con la herramienta de selección, voy a hacer clic y arrastrar sobre todos mis nuevos trazos. Me acercaré a ver, desplazarme hacia abajo hasta guías, encontrarme y seleccionar hacer guías. Al hacer clic, esto ahora transformará las líneas de trazo en guías, que ahora podemos usar para nuestro diseño de póster. Para terminar, iré al panel Capas, doble clic en la capa y nombraré esta cuadrícula, y ahora tengo un sistema de rejilla axial. Puedo comenzar a desarrollar mi diseño de póster con, y si presiono comando más dos puntos en Mac o control más dos puntos en PC, podemos activar y desactivar las guías. Perfecto. Entonces con mis guías y configuración de sangrado, ahora puedo comenzar a componer mis elementos visuales en la página Entonces para este diseño en particular, hay muchos elementos tipo, algunos de los cuales se colocarán sobre una imagen de fondo. Entonces para comenzar, voy a comenzar con los elementos de imagen del cartel, y cuando estos estén en su lugar, puedo traer el tipo. Paso cuatro, trabajando con imagen. Entonces, mirando hacia atrás a mi boceto, podemos ver que para este póster, quiero incluir una imagen de un producto en el centro en el mismo ángulo que la línea axial. Esta imagen se convertirá en el captor de atención, el gancho principal para el diseño del cartel Además, mi intención para este diseño es dividir el cartel en dos a través de la línea axial. Para ello, voy a colocar una imagen de fondo para llenar el espacio del lado derecho. Veamos cómo podemos conseguir esta imagen de fondo en nuestro póster. Para comenzar, voy a acercarme al panel de capas y golpearé el icono más en la parte inferior del panel de capas para crear una nueva capa, y voy a llamar a esta base. Con la capa seleccionada, voy a hacer clic y arrastrarla debajo de la capa de cuadrícula, y luego voy a presionar el ícono de candado en la capa de cuadrícula anterior para no seleccionar y cambiar accidentalmente nada en esa capa de cuadrícula. Con la capa base seleccionada, iré al menú de herramientas y tomaré la herramienta pluma. Me aseguraré de que mi color para adultos esté configurado negro y que el color del trazo esté configurado en transparente. Voy a llegar a la parte superior, lado derecho de mi guía de línea axial. Haré clic una vez justo fuera del área del lienzo, y luego bajaré a la parte inferior izquierda de la línea axial y haré clic una vez más. Voy a mantener la tecla Mayús y hacer clic hacia abajo justo debajo del área del lienzo para dibujar una línea recta hacia abajo. Después haré clic sobre a la derecha y luego arriba para unirme para completar la forma. Fácil. Entonces esta es la forma que quiero que llene la imagen de fondo. Ahora voy a traer mi imagen para llenar el espacio. Entonces saltaré al contenido del póster Doc, y puedo hacerlo entrando en la carpeta de descarga de clases, en la carpeta del kit de medios de Bolts y haciendo doble clic en el acceso directo de la cubierta de contenido para abrir en un navegador. En la página cinco, podemos ver todas las texturas de gel tech que se han proporcionado como parte de las pautas para estos carteles. Para este diseño inicial de póster, voy a buscar usar la textura Gel redux De vuelta en Illustrator, presionaré comando más Shift más P en MAC o Control más Shift más P en PC para colocar una imagen. Voy a navegar a la carpeta del kit de medios proporcionada en la carpeta de descargas en la carpeta de texturas gráficas, y seleccionaré Gel redux dot PNG y colocaré Y solo voy a hacer clic y arrastrar sobre mi área de forma liberando, y eso colocará en mi textura. Entonces, al colocar mi textura, ahora he colocado esto encima de mi forma de vector negro. Entonces haré clic derecho sobre mi nueva imagen, bajaré a arreglar y haga clic en el centro atrás. Entonces ahora voy a usar la forma vectorial como máscara para mi textura de fondo. Pero antes de eso, necesito cambiar el color de la forma vectorial. Actualmente, esto está configurado en negro, pero voy a necesitar este conjunto en blanco para enmascarar de manera efectiva la imagen de abajo. Entonces seleccionaré mi forma de vector negro, aseguraré de que el color de primer plano esté seleccionado, acercaré a las muestras y pondré esto Aplica la máscara, vamos a necesitar el panel de transparencia visible. Si no puedes ver tu panel de transparencia, sube a la ventana, desplázate hacia abajo y haz clic en transparencia. A continuación, voy a utilizar una herramienta de selección para seleccionar tanto la textura de fondo como el vector de forma. Con ambos seleccionados, entraré al panel de transparencia y haré clic en Ma Mask. Al hacer clic, la forma de vector blanco ahora se aplicará a la máscara. Y si miramos cuidadosamente en el panel de transparencia, ahora podemos ver dos miniaturas A la izquierda, la imagen gráfica, y a la derecha, la máscara. Ahora bien, si miramos cuidadosamente entre las dos miniaturas, hay un icono de candado Si hago clic en esto una vez para soltar con el pulgar de la imagen seleccionado en el panel de transparencia, puedo presionar hacia arriba y hacia abajo en el teclado o hacer clic y arrastrar con la herramienta de selección, y podemos mover la textura de fondo dentro de la máscara. También, puedo hacer clic en los manejadores de la imagen del cuadro delimitador dentro la máscara y escalar hacia arriba y hacia abajo. Entonces, si quieres cambiar la posición o escala de una imagen dentro de una máscara, solo necesitas asegurarte de que el icono de candado esté desmarcado en el panel de transparencia, y que se seleccione el pulgar de la imagen Pero recuerde, una vez que haya terminado, asegúrese de volver a hacer clic en el icono de candado para controlar la posición de la imagen de la máscara en su área de Canvas. Si desea editar la colocación o forma de la máscara en sí, esta vez, en el panel de transparencia, haga clic en la miniatura de la máscara a la derecha, y esto le permitirá hacer clic y arrastrar para mover la máscara Además, puede utilizar la herramienta de selección directa para seleccionar puntos de anclaje en la forma vectorial, que puede hacer clic y arrastrar para moverse. O también puede agarrar el Pentool para agregar puntos de anclaje adicionales a la forma, y nuevamente, hacer clic y arrastrar esos alrededor para editar la forma de la máscara Entonces solo presionaré Comando más Z en Mac o Control Plus en PC para deshacer eso. Haga clic en la miniatura de la imagen en el panel de transparencia y haga clic fuera para anular la selección de mi Y esa es la imagen de fondo ahora se coloca en nuestro diseño de póster. Y si nos acercamos al panel de enlaces, ya podemos ver el enlace de imagen presente en nuestro documento. Si no puedes ver tu panel de enlaces, a Ventana y haz clic en Enlaces. Fácil. Entonces esa es la primera imagen en mi póster. A continuación, veamos cómo podemos aportar la imagen del producto. Así que de vuelta en el dock de contenido del póster, en la página cuatro, podemos ver todos los productos. Para este diseño de póster, vamos a estar promocionando la zapatilla morada llamada Nopulse Entonces primero, saltemos a la carpeta de descarga de clases, a la carpeta del kit de medios Bolts. Esta es la carpeta que el cliente ha suministrado, que incluye todo lo necesario para diseñar los carteles. Entonces entraré en la carpeta de fotografía del proyecto y comenzaré abriendo la imagen Nopulse en Photoshop Esta es la imagen del producto que nos ha sido suministrada. Y ahora mismo, tal y como está, esta imagen no va a funcionar porque para mi diseño, quiero tener esta imagen recortada. Entonces, para este diseño de póster, voy a tener que cortar primero esta imagen de zapatilla. Agradecidamente, esta es una imagen muy clara aquí, por lo que debería ser muy sencillo cortarla. Así que solo voy a acercarme aquí para obtener una mejor vista. Lo que puedo hacer aquí es acercarme a la herramienta Rectangle Marquee Dibujaré una selección a su alrededor y me acercaré al panel de control y haré clic, seleccionaré y enmascararé. La herramienta Selección rápida seleccionada, arriba en el panel de Control, nuevamente, haré clic en Seleccionar tema, y Photoshop hará todo lo posible para seleccionar Sneaker. Ahora bien, si me acerco aquí, puedo ver que no es perfecto. Parte de la parte inferior del zapato no ha sido seleccionada. Ahora, hay otra cosa que puedes hacer aquí. En el menú Herramientas hay un botón llamado herramienta Selección de objetos. Si hago clic en esto y muevo el mouse sobre la zapatilla, photoshop verá lo que estoy tratando de seleccionar como objeto. Si hago clic en esto una vez, veré que todos los bits imperfectos se han vuelto mágicamente, y esto se ve un poco mejor Una vez que esté contento con ello, puedo hacer clic en k en la esquina inferior derecha, y se hará una selección alrededor de la zapatilla. Con esta nueva selección, puedo pasar al panel Capas, y en la parte inferior, puedo hacer clic en el botón Máscara de capa de anuncios. Al hacer clic, ahora agregué una máscara de capa y recorté la zapatilla. Perfecto. Ahora, no quiero que la imagen sea así de grande. No necesito el espacio alrededor de la zapatilla. Entraré en mi panel de capas, presionaré y mantendré el comando en Mac o Control en PC y haré clic en la máscara de capa. Al hacer clic, se hará una selección alrededor de la zapatilla. Y si ahora presiono C en el teclado para recortar, aparecerá un crop box alrededor de la zapatilla. La parte superior en el panel de control, me aseguro de eliminar píxeles recortados no está marcada y presiono enter dos veces, y voy a recortar la Perfecto. Entonces presionaré comando más shift plus S en MAC o Control más Shift plus S en PC para guardar. Voy a navegar a la carpeta del proyecto, configuré antes y guardaré esto en la carpeta assets como neo pulse dot PSD. Entonces ahora tengo la imagen de zapatilla agradable y preparada. Ahora puedo traerlo a Illustrator. De vuelta a Illustrator, antes de traer mis nuevas imágenes, voy a hacer algunas tareas domésticas. En el panel Capas, vendré y haré clic en el icono más en la parte inferior derecha. Esto agregará una nueva capa, y voy a llamar a esto imágenes. Ahora, algo que puedes tener en cuenta aquí con el panel Capas. Si hago clic en el menú superior derecho y bajo a las opciones del panel, podemos cambiar el tamaño de los pulgares Por ejemplo, podemos dar click en pequeño, mediano o grande, pero también tenemos la opción de agregar un tamaño personalizado. Si escribo 70 píxeles en otro y hago clic en Bien, mis miniaturas ahora serán mucho más grandes para que pueda obtener una mejor visión visual de lo que hay en cada capa Ahora voy a hacer clic en el icono de candado en la capa base para no seleccionar accidentalmente nada mientras trato con la imagen que estoy a punto de traer. Con la capa de imagen seleccionada, presionaré comando más shift más P en MAC o Control más Shift más P en PC para colocar una imagen. Aquí navegaré a la carpeta del proyecto, a la carpeta de concepto y diseño, a la carpeta de diseño, a la carpeta de activos, y seleccionaré neo pulse dot PSD y haga clic en Colocar. Luego haz clic y arrastra un fotograma así para soltarlo en la imagen. Fácil. Entonces ahora hay una imagen en nuestro documento. Si ahora nos acercamos al panel de enlaces, podemos ver que el PSD neopulse dot está presente Entonces, una vez que la imagen está en Illustrator, es fácil cambiar el tamaño y la posición Con la imagen seleccionada, si llego a alguno de los puntos de anclaje, puedo dar click y arrastrar. Si presiono y mantengo presionado Mayús, luego hago clic y arrastre, puede aumentar y disminuir el tamaño de la imagen para escalar así. Así que sólo voy a escalar la imagen hasta que esté feliz, la arrastraré al medio. Voy a mover el cursor del ratón a la parte inferior derecha del cuadro delimitador, luego hacer clic y arrastrar para rotar la imagen hasta que esté en línea con la línea axial y la imagen de fondo, y eso ordena la imagen del producto para el póster Entonces la siguiente imagen que quiero traer al cartel es el logo. Esta vez, en lugar de colocar un archivo, voy a abrir un archivo. Entonces presionaré comando más 01 Mac o Control más 01 PC para abrir, navegaré hasta la carpeta media kick proporcionada en la carpeta logo y abriré bolt logo black dot eps. Entonces como estamos trabajando en Illustrator y trabajando en vector, es fácil pegar en otro elemento vectorial para darnos la flexibilidad de cambiar el color más adelante. La herramienta de selección, seleccionaré el logotipo vectorial, copiaré y saltaré de nuevo a mi póster. Me aseguraré de estar en la capa de imagen y pegaré, y el logo ahora se colocará en el dock. Llegaré al punto de anclaje medio del extremo derecho, presionaré y mantendré presionado ult y shift, y haré clic y arrastraré hacia adentro para escalar la imagen hacia abajo así Y simplemente lo colocaré en la esquina superior derecha del cartel. Fácil. Paso cinco, trabajando con tipo. Entonces ahora todas mis imágenes se colocan en el diseño del póster. Ahora puedo empezar a trabajar con los elementos tipo. Mirando hacia atrás en mi boceto, quiero que el tipo de encabezado principal en el cartel corra perpendicular a la línea axial. Aquí podemos ver que parte del tipo titular está a la izquierda, y parte del titular está a la derecha, y algunos de los elementos de tipo soporte discurren en paralelo con la línea axial. Para comenzar, voy a entrar en el panel Capas. Con la capa de imágenes seleccionada, haré clic en el icono más en la parte inferior del panel de capas para agregar una nueva capa, y cambiaré el nombre de esta capa para escribir. Voy a presionar el icono de candado en la capa de imágenes para no seleccionar nada en la capa de imágenes. Y para empezar, voy a empezar con el tipo de titular. Entonces con la capa de tipo seleccionada, podemos entrar en el menú Herramientas, seleccionar la herramienta de tipo y hacer clic una vez en el póster. Al hacer clic, esto creará un elemento tipo. Ahora mismo, tengo un fontapli predeterminado, pero si eso está bien, no me voy a preocupar demasiado por eso Entonces saltaré de nuevo al dock de contenido del póster y en la página tres, podemos ver las opciones de copia. Copiaré la palabra calzado del título Opción dos, luego volveré a Illustrator, la pegaré. Y ahora tenemos nuestro primer bit de tipo. Ahora, dependiendo de tus propiedades predeterminadas, aquí voy a empujar el tipo hacia arriba para empezar a trabajar con él. Y en esta ocasión, estableceré el tamaño de la fuente en 150 puntos. O con él seleccionado, haga clic y arrastre en el pasador de la esquina mientras mantiene presionada la tecla shift para escalar el tipo hacia arriba o hacia abajo. Entonces con mi primera pieza de tipo en el póster, rápidamente quiero cambiar el tipo de letra para esto En este punto, podría usar cualquier tipo de letra, pero ya tengo una idea de con qué quiero trabajar En un paso previo, realicé algunas investigaciones tipográficas donde miré una gama de tipos de letra que me gusta usar En la segunda página de mi investigación, me gusta bastante el aspecto de este tipo cara aquí llamada Raj Tanny Al mirar el dibujo de scamp, podemos ver que necesito un tipo condensado para encajar el tipo en el espacio izquierdo y derecho Este es un buen ejemplo de una tipografía condensada que funciona bien en todas las mayúsculas Una buena opción si quieres colocar una palabra amplia en el diseño de tu póster en toda la página. Además, con sus sutiles esquinas redondeadas, este tipo de letra presenta una estética limpia y minimalista con un tono más suave Viene con cinco pesos distintos, esta es una fuente versátil e impactante que funcionaría bien en esta dirección de diseño Ahora bien, esta es una fuente de Google y se puede adquirir de forma gratuita. Puedes encontrar el enlace en el PDF Tipo de letra en la carpeta de descarga de clase en Carpeta uno proceso de diseño, en Carpeta cinco tipografía Si abres el PDF, simplemente puedes hacer clic en la fuente en la página dos, y te llevará directamente al enlace. Así que de vuelta en Illustrator, seleccionaré el tipo y arriba en el selector de Fuente. Escribiré Ratt Hany y aplicaré la fuente. Y en esta ocasión, pondré el peso de la fuente en negrita, y en el panel de caracteres, lo pondré en mayúsculas. Mirando hacia atrás al boceto, podemos ver que para el texto principal del título, éste corre perpendicular a la línea axial. También lo he dividido en partes para permitir que el tipo de letra sea grande, legible e impactante para trabajar alrededor de la imagen central Trabajar con un diseño como este puede ser un poco complicado ya que está configurado en un ángulo. Pero solo tendremos que elaborar el layout para hacerlo bien. Lo primero que voy a hacer es seleccionar el tipo con la herramienta de selección. Voy a mover el cursor del ratón a la parte inferior derecha del cuadro delimitador, luego hacer clic y arrastrar para rotar A medida que gire, tendré cuidado de alinear el cuadro delimitador con las guías así Una vez que tenga un elemento tipo en su lugar y alineado, la duplicación y edición será fácil Entonces seleccionaré mi elemento tipo, presionaré y mantendré t y solo arrastraré ligeramente hacia abajo para duplicar rápidamente otro. Ahora, mirando hacia atrás en mi boceto, puedo ver que tener la palabra completa calzado sería una palabra demasiado amplia para encajar y equilibrar los elementos. Mi enfoque es dividir la palabra para que quepa en el espacio más cómodamente. De vuelta en Illustrator, ahora tengo dos elementos tipo con la palabra calzado. Seleccionaré el primer elemento tipo, doble clic y seleccionaré las últimas cuatro palabras y eliminaré. Presionaré escape para anular la selección del tipo. Seleccionaré el siguiente elemento tipo, haga doble clic. Seleccionaré las primeras cuatro letras y presionaré eliminar, y presionaré escape para anular la selección del tipo Ahora tengo estos dos elementos tipo de las dos partes de la palabra. Puedo hacer clic para seleccionarlos a ambos y moverlos en ese espacio para colocarlos. Así que simplemente los moveré hasta la parte superior del lienzo, y con ambos seleccionados, y con ambos seleccionados, puedo hacer clic en el ancla central derecha y presionar y mantener presionada la tecla Mayús y hacer clic y arrastrar para escalarlos a ambos hacia arriba. Entonces en este punto, puedo ver que la imagen del producto en el centro del póster es un poco más grande de lo que quiero. Entonces, para ayudarme a colocar mi tipo en el espacio de manera más cómoda, solo voy a reducir ligeramente la imagen del producto. Así que iré al panel de capas y desbloquearé la capa de imágenes. Haré clic en la imagen del producto. Haga clic en el punto de anclaje central derecho mientras mantiene presionado Mayús más Alt, haga clic y arrastre, y esto escalará la imagen muy bien. Seleccionaré los dos elementos tipo arriba y solo los moveré a su posición y escalaré un poco más hasta encontrar un lugar con el que esté contento. Aviso para este tipo de top, estoy recortando la palabra pie ligeramente de la parte superior del área del lienzo Si me acerco a ver y golpeo vista de recorte, esto eliminará la visibilidad de todo en el área de la mesa de trabajo Ahora podemos echar un buen vistazo a la disposición actual, y podemos ver dónde ahora se ha recortado el tipo Ahora, estoy haciendo esto para agregar un poco más de dinámica visual a la composición del póster. Cuando todos los elementos visuales se mantienen dentro del área de lienzo de un póster, esto puede sentirse ordenado y ordenado. Sin embargo, cuando comenzamos a recortar elementos, comienza a liberarse del marco circundante. Esto hace que el diseño se sienta más grande de lo que realmente es. Esto puede crear impulso dentro o fuera de un área de lienzo, lo que puede crear movimiento. Esta es una calidad de diseño muy apropiada para este póster ya que queríamos sentirnos enérgicos y libres. Por ahora, solo dejaré mi primer elemento tipo en la parte superior. Con la herramienta de selección, voy a hacer clic y arrastrar sobre ambos. Voy a presionar y mantener alt en el teclado y hacer clic, arrastrarlos hacia abajo para duplicar dos nuevos elementos de tipo. Simplemente los colocaré debajo de la imagen del producto, y con ellos seleccionados, me aseguraré el color de relleno esté seleccionado en el menú de herramientas Subiré a las muestras y las pondré en blanco. Ahora, es sólo un simple caso de cambiar estas dos palabras. Con la herramienta de selección, voy a hacer clic en la palabra superior, hacer doble clic, Seleccionar todo y escribir F EAR. Presionaré escape para anular la selección de un tipo. Seleccione el siguiente elemento tipo a continuación. Haga doble clic, Seleccione Todo y escriba MENOS. Presionaré Escape para anular la selección de un tipo, y con la herramienta de selección, solo seleccionaré las palabras y las reorganizaré hasta tenga algo que se vea así Entonces ahora necesitamos agregar en otras palabras para completar la frase calzado para las palpadoras. Esto se puede hacer fácilmente seleccionando una de las capas de tipo anteriores. Voy a presionar y mantener alt en el teclado y arrastrar hacia abajo para duplicar rápidamente la capa de tipo. Haré doble clic en mi nueva capa de tipo, seleccionaré A y teclearé FOR. Presionaré un scape para anular la selección del elemento de texto. Voy a hacer clic en uno de los puntos de anclaje de esquina, manteniendo la tecla shift y escalar hacia abajo y meter justo debajo de la palabra donde hasta que tenga algo como esto Mis nuevos elementos de tipo, presionaré y mantendré alt, haga clic y arrastre hacia abajo y por encima de la palabra miedo. Me aseguraré de que el color de relleno esté seleccionado en el menú de herramientas. Sube al panel Muestras, pon esto en blanco. Voy a hacer doble clic en el texto, seleccionar todo y escribir T H E. Así que ahora completa el título del titular. Si vuelvo a subir a ver y presiono vista de recorte, podemos ver que esta parte inferior de texto también se recorta Entonces ahora podemos ver que se siente como que el texto está fluyendo desde arriba y fluyendo desde abajo, creando algún movimiento interesante ahí lo largo del póster con la imagen del producto en el centro. El conjunto principal de titulares, ahora podemos buscar incorporar el nombre del producto en el diseño. Ahora, en mi boceto, tenía esto bastante pequeño por aquí a la izquierda. Pero si miramos en el diseño final, me gusta la idea de tenerlo bastante grande en el fondo en línea con la línea axial establecida como contorno. Me gustó cómo esto agregó un poco más de textura al diseño del póster. Ahora busquemos traer eso. De nuevo, voy a subir y seleccionar uno de los elementos de tipo más grandes. Mantenga pulsada la tecla Alt en el teclado y haga clic y arrastre hacia abajo para duplicar rápidamente. Voy a mover el cursor del ratón hacia abajo hacia la parte inferior derecha, punto de anclaje del cuadro delimitador, clic y arrastre para rotar, y me aseguraré cuidadosamente de que el cuadro delimitado se alinee exactamente con la línea axial Con mi nuevo elemento tipo, haré doble clic, seleccionaré todo, luego escribo NEO PULSE y presionaré Escape para anular la selección Ese es mi nuevo elemento tipo alineado perfectamente a la línea axial. A continuación, quiero escalar esto y tenerlo corriendo de abajo a la izquierda superior derecha, recortando ligeramente y recortando Seleccionaré la nueva capa de tipo y la arrastraré hacia abajo hacia la izquierda, recortando parcialmente la letra del área de Lienzo Voy a presionar y mantener la tecla Mayús y hacer clic y arrastrar en el punto de anclaje medio derecho a la derecha escalando el texto así. Ahora, en esta ocasión, me gustaría reducir el rastreo, con la capa de tipo seleccionada, presionaré y mantendré t en el teclado y simplemente tocaré a la izquierda en la flecha, y esto traerá el rastreo. Presiona a la izquierda algunas veces para traer el rastreo hasta que tenga algo que se vea así. Después presionaré y mantendré presionada la tecla shift en el teclado y nuevamente, clic en el ancla central derecha y arrastraré hacia afuera para escalar la palabra para que quepa en mi Canvas. Ahora mismo, podemos ver que este nuevo elemento tipo está apareciendo en la parte superior de la imagen. Entonces entraré en el panel de capas, clic en la capa de tipo y la arrastraré hacia abajo debajo la capa de imágenes y me aseguraré de que el icono de candado esté aplicado a la capa de imágenes. Esto cambiará ahora la jerarquía de la estructura de capas y permitirá que la imagen aparezca en la parte superior. Ahora las cosas empiezan a ponerse un poco ocupadas en mi composición. Presionaré comando más dos puntos en Mac o Control más dos puntos en PC, y esto activará y apagará las guías. Podemos empezar a ver las cosas con mayor claridad. Voy a hacer click de nuevo en la palabra Nopulse. Vendré al menú Herramientas y clic en Intercambiar el color de relleno y trazo. Esto pondrá mi palabra en un trazo de contorno. A continuación, entraré en el panel Lays y clic en el icono Bloquear en la capa base. Voy a seleccionar la imagen de fondo, y sólo voy a mover esto un poco hacia abajo. 14. Presenta el diseño de tu póster: Ahora bien, ya sea para el cliente o en tu portafolio, la forma en que exhibes tu trabajo puede ser tan importante como el diseño en sí. La presentación es algo más que presumir de un producto terminado. Se trata de proporcionar una ventana al mundo donde vive su diseño y su contexto para transmitir la historia y la estrategia detrás de su diseño. Presentar tu diseño permite a los espectadores ver tu trabajo in situ, ayudándoles a comprender no solo cómo es el diseño, sino cómo interactúa con su entorno y habla con su audiencia Pasando a la última y última fase de nuestro proceso de diseño, aquí emprendemos el proceso de presentación de nuestro diseño de póster. En este video, exploraremos cómo las técnicas de presentación profesionales pueden elevar sus diseños, haciéndolos más convincentes e impactantes. Echaremos un vistazo a dónde puedes encontrar buenas muestras simuladas, y veremos cómo puedes usar un deck de presentación como este para presentar tu trabajo. Al final de este video, aprendes a elaborar presentaciones que hacen algo más que mostrar tu trabajo, sino que narran el propósito y el lugar del diseño, asegurando que resuene con el público adecuado Recuerde, un diseño bien presentado no solo se ve genial sino que también comunica claramente su mensaje y logra sus objetivos. Hagamos de cada presentación una oportunidad para impresionar y participar. Así que vamos a meternos en ello. Entonces aquí soy ilustradora, y aquí tengo una baraja que puedo usar para presentar mi diseño de póster. Este es un enfoque típico a la hora mostrar cualquier diseño a nuestro cliente o compañeros de trabajo En una baraja de presentación, normalmente comenzaré con un resumen Voy a mostrar inspiración, que incluirá mi mood board. Voy a mostrar mi proceso donde voy a incluir algunos bocetos. Voy a saltar al diseño, donde voy a mostrar un montón de póster en maquetas. Luego redondearlo con algunas versiones claras para reflexionar al final y luego cerrar. Esto lo convierte en una presentación en PDF ajustada, que muestra un enfoque holístico del proceso de diseño que ayuda a instalar confianza Podría presentar uno a uno a través una conferencia telefónica o enviarlo por correo electrónico. Una vez que haya completado mis diseños de póster, si los comparto con un cliente o miembros del equipo, normalmente los colocaré en una baraja como esta para presentarlos . Si quieres echar un vistazo a este mazo que se proporciona como parte de esta clase, puedes encontrarlo en la carpeta de descarga de la clase. Esto se encuentra en la carpeta de ejemplos de obras de arte del proyecto en la carpeta de presentaciones. Ahora, también hay una versión de diseño disponible. Entonces, si tienes una preferencia, tienes opciones aquí. Ahora, encontrar las marcas adecuadas para su diseño puede hacer o deshacer el factor WOW de su presentación y ahorrarle mucho tiempo. Entonces, ¿dónde puedes encontrar marcas de alta calidad para tus presentaciones? Ahora mismo, hay muchos recursos por ahí que puedes usar. Entonces aquí está mi top cinco sin ningún orden en particular. Entonces aquí hay algunas plataformas realmente buenas para adquirir algunos mark ups para presentaciones. Si tuviéramos que echar un vistazo a estas plataformas, las puedes encontrar en la clase Links documento PDF en la carpeta de carga clase D. Como pueden ver, esta baraja incluye varias imágenes insitu de mis diseños de póster con diseños acompañantes que apoyan la Ahora, cada una de estas imágenes insitu son enlaces a archivos de Photoshop a los que puedo saltar para cambiar e intercambiar diseños de póster Ahora bien, también es importante mencionar que se trata marcas específicas para entornos urbanos urbanos, lo que puede no ser apropiado para cada enfoque de diseño. Si usas maquetas, recuerda mantener el contexto correcto para elevar tu diseño. Si quieres echar un vistazo a las plantillas de Insitu proporcionadas como parte de esta clase, puedes encontrarlas en la carpeta de descarga de clases Estos se pueden ubicar en la carpeta de ejemplos de ilustraciones de póster en la carpeta de ejemplos Insitu Entonces aquí estoy en Adobe Bridge, y aquí estoy viendo la carpeta de marcas Insitu que he creado, que puedes usar para ahorrarte algo de tiempo Desde la carpeta, simplemente ábrelos en photoshop y verás que cada plantilla tiene la imagen base con un objeto inteligente, que puedes hacer doble clic en la capa y simplemente colocar en tu diseño cerrar y guardar. Ahora, meterlos en Illustrator es fácil. Entonces, dentro de la baraja, se puede ver que algunas plantillas ya están enlazadas. Aquí, podemos entrar al panel de enlaces, ubicar una plantilla, queremos cambiar, y con una seleccionada, podemos presionar el botón editar en photoshop en la parte inferior del panel para saltar a Photoshop y cambiar el objeto inteligente. O bien podemos hacer clic en el enlace, y en el menú Enlaces, podemos volver a vincular la plantilla a otra diferente. Ahora, lo mejor tomarse el tiempo para crear increíbles simulacros de CT es que tan pronto como termines con la presentación, puedes incluirlos en tu portafolio y también usarlos nuevamente en mazos futuros. Entonces tu decimotercera tarea para esta clase es colocar tus diseños de pósters en imágenes IST Si has estado siguiendo y has creado tus propios diseños planteados en respuesta al breve, ahora es el momento de colocarlos en imágenes IST, listos para presentar Siéntase libre de abrir las plantillas de maquetas de póster que he proporcionado o use una de sus propias plantillas de maquetas. Asegúrese de consultar el PDF de la lista de tareas en la carpeta de descarga de clases para obtener más instrucciones para esta tarea. Una vez que sientas que tienes algunos simulacros con los que estás contento, puedes pasar al último y último paso. Entonces, una vez que tengo listo mi diseño de póster y preparé algunos simulacros insitu, es solo un caso de poblar mi mazo Para los ejemplos de inspiración y proceso, estos también son enlaces que se pueden abrir y cambiar en photoshop, y los diseños de póster lisos al final también son archivos de photoshop que se pueden abrir y cambiar. Una imagen muy flexible y fácil de actualizar e intercambiar. Una vez que tenga todos mis cambios y actualizaciones de texto, simplemente puedo exportar esto como PDF y compartirlo. Su última y última tarea para esta clase es completar una baraja de presentación de pósters. Siéntase libre de abrir la plantilla de cubierta que tengo aquí, editar las plantillas de tienda de fotos o colocar en sus propios diseños y marcas de póster Asegúrese de consultar el PDF de la lista de tareas en la carpeta de descarga de clases para obtener más instrucciones para esta tarea. Una vez que termines este último paso en la clase, ahora deberías tener algo increíble que mostrar para tu tiempo. Ten algunos ejemplos geniales para incluir en tu portafolio y un mazo de plantillas para usar en futuros proyectos.