Transcripciones
1. Introducción: Hola, soy Maja Ronnbock, y soy diseñadora de patrones de superficie de Suecia. En esta clase hablaremos todo sobre lookbooks y cómo
crear tu propio lookbook digital y publicarlo en línea. lookbooks son una gran manera de mostrar tus ilustraciones y hacer que los clientes
puedan visualizar cómo estás diseñado podría verse en sus productos. También le da a tu obra un aspecto pulido y profesional cuando la presentas en este formato. Es completamente gratuito publicar un lookbook en línea, e incluso puedes incrustarlo en tu sitio web para agregar un poco de estilo extra a tu portafolio digital. Esta es una clase técnica donde nos enfocaremos en cómo crear realmente el lookbook. Te mostraré cómo hacer esto tanto en Adobe InDesign como en Illustrator, para que puedas comparar ambos flujos de trabajo y usar el que prefieras. Pasaremos por lo básico y podrás ser un principiante completo tanto en Adobe InDesign como en Illustrator para tomar esta clase. Esta clase es para ti que tienes ilustraciones que mostrar y quiere aprender a crear un lookbook para el diseño de patrones. También puedes usar las mismas técnicas, si eres ilustrador. Quiero mostrar tus ilustraciones, o un diseñador gráfico, cómo trabajar con proyectos de branding, o si solo quiere aprender a crear un libro digital y publicarlo en línea. Acompáñame en esta divertida clase rápida, donde te mostraré cómo presentar la obra en el lookbook de una manera pulida y profesional.
2. Antes de comenzar: Empecemos con hablar un poco sobre lo que necesitas para tomar esta clase, el proyecto que vas a crear, qué incluir en un Lookbook, y por qué incluso debes hacer uno. Un Lookbook es básicamente una forma de
exhibir tus obras de arte de una manera pulida y profesional. Podrías simplemente presentar tu trabajo tal y como es o en un solo modelo de producto, pero para mí, un Lookbook reúne mi trabajo y muestra mi estilo y marca en un libro digital flip through through, donde es fácil para los posibles clientes obtener una mirada cohesiva a mis diseños. También es fácil mostrar mi Lookbook cuando lo publiqué en línea, solo enviando un enlace al mismo. Para mí, no hay regla sobre lo que debe incluir un Lookbook. Si Google diseño de patrones Lookbook, suelen incluir patrones y maquetas de producto, y tal vez una breve introducción del diseñador y la información de contacto. No hace falta que sea más que eso, y también te sugeriría que reúnas tu mejor trabajo para mostrar en tu Lookbook, lugar de solo mostrar todo tu trabajo. No quieres aburrir al lector, sino que más bien quieres inspirar con tus diseños. Mi consejo es mantenerlo corto, cohesivo e interesante. Tu proyecto en esta clase, es crear un Lookbook, y si te apetece, incluso
puedes publicarlo en línea. Puedes subir imágenes de solo la portada o de algunas páginas de tu libro y compartir un enlace a tu Lookbook publicado en la página del proyecto aquí en clase. Usaremos imágenes de tu obra de arte y maquetas en el Lookbook que creamos en esta clase, así que asegúrate de tener listas algunas maquetas. Si no estás seguro de qué son las maquetas o cómo hacerlas,
podrías echar un vistazo a mi otra clase aquí en Skillshare, Showcase Your Artwork, Make Your Own Mockups, donde aprenderás todo sobre maquetas y cómo hacerlas. Cuando estés listo, pasemos a la siguiente lección donde empezaremos con la preparación de tus archivos.
3. Prepara tus archivos: Primero lo primero, preparemos nuestros archivos que sean buenos para ir y usarlos en nuestro lookbook. Empecemos con las maquetas. He reunido todas mis maquetas que pretendo usar en una carpeta. Los llamé para que me sea fácil encontrar y los he guardado en modo de color RGB. Eso es básicamente todo lo que necesitas hacer con tus archivos maquetas. Si no has cambiado tu modo de color después de hacer tus maquetas, generalmente
se establecen en perfil RGB. Yo uso sRGB ya que es el perfil utilizado por la mayoría de los navegadores web para mostrar imágenes en la web. Publicaremos nuestro look book digitalmente. Para comprobar y ver si necesitas cambiar tu perfil de color abre tu imagen en Photoshop y haz clic en Editar configuración de color. Aquí puedes ver qué perfiles está configurado para usar tu software. Utilizo un perfil personalizado con sRGB y recubierto FOGRA39 como mi perfil CMYK, ya que son los más comunes para mi uso. Pero también podrías usar un perfil estándar aquí. Te recomendaré que uses sRGB para imágenes que publicarás digitalmente en línea. Si tu imagen no está configurada en el perfil sRGB, ve a editar y convertir a perfil y convierte a sRGB luego guarda tu imagen y ya estás listo para ir. A continuación necesitamos preparar nuestra obra de arte. Creo mis patrones en Adobe Illustrator y normalmente los exporto como JPEG para evitar conseguir estas misteriosas líneas blancas en mis patrones. Si creas patrones de repetición en Illustrator, probablemente
hayas visto este problema con las líneas blancas. En realidad no existen en tu patrón, pero se mostrarán si imprimes el archivo que tiene estas líneas blancas en él. Para evitar esto, exporto mis archivos como JPEG optimizados para arte, lo
que suele hacer desaparecer las líneas blancas. Lo que hago es que recojo todos los demás patrones que
usaré en mi look book en un solo documento en Illustrator. Básicamente acabo de hacer una muestra en mi archivo de patrón guardado con la muestra de patrón, y copio esa muestra en mi nuevo documento. Cuando reuní todos mis patrones, creo rectángulos de tamaño carta ya que haremos un libro de aspecto tamaño carta en esta clase. Selecciono la herramienta de rectángulo y hago clic una vez en mi tablero de arte, lo que hará que aparezca el rectángulo a opción. Entonces escriba en el ancho 8.5 pulgadas y la altura 11 pulgadas y haga clic en Ok. Después hago copias de mi primer rectángulo manteniendo
presionada mi tecla de opción en mi teclado Mac, haciendo clic con la herramienta de flecha en mi primer rectángulo y arrastrando hacia la derecha para hacer una copia. Después hago clic en Comando D para repetir los pasos para hacer más copias de mi rectángulo. Para llenar los rectángulos, selecciono la herramienta Cuentagotas, y presiono Comando y hago clic en un rectángulo para seleccionarlo y luego buscar uno de mis patrones de los cuadrados rellenos de patrón de arriba para llenar el rectángulo. Cuando mantenga pulsada la tecla Comando, accederé a la herramienta de selección y podré cambiar rápidamente entre la herramienta cuentagotas y la herramienta de selección para llenar mis rectángulos. Entonces puedo escalar los patrones a una escala que
prefiero haciendo clic en Transformar objetos y escalar. Me aseguro de que el objeto transformado no esté registrado. Entonces solo escalo el patrón en la muestra. Cuando estoy contento con todos mis patrones, abro el Panel de Exportación de Activos. Este es un práctico panel pequeño que te permite exportar de
forma rápida y sencilla tu obra de arte en el formato deseado. Si no tiene el Panel de Exportación de Activos, vaya a Ventana y haga clic en Exportación de Activos. Después sólo tienes que seleccionar tu obra de arte y arrastrarla a la exportación de activos. Haga clic en el pequeño Menú a la derecha y configuración de formato. Utilizo JPEG 100 y línea base optimizada como método de compresión y arte optimizado como un anti-alias. A continuación, haz clic en Guardar configuración. Casi me olvido, al igual que con las imágenes maquetas, nos aseguraremos de que nuestra obra esté ajustada a un perfil RGB. Ve a editar ajustes de color para ver tus ajustes. Si tu documento no está configurado en el perfil correcto, puedes ir a editar y asignar perfil y luego hacer clic en sRGB. Ahora que nos aseguramos de que los colores sean correctos, sigamos con nuestra exportación JPEG. Por lo que para asegurarse de que las imágenes sean de alta resolución, haga clic en Escala y resolución. En el Panel de Exportación de Activos, voy a usar 300 ppi aquí. Por lo general no necesitas tanto en línea pero como quiero poder imprimir este look book también en el futuro y sé que mis imágenes no serán de ese tamaño de archivo grande si exporto como 300 ppi, solo seguiré y haré eso. Ahora tenemos todos nuestros maquetas y nuestros ficheros de patrón listos para usar en el lookbook. No te importa el tamaño o la escala de tu obra de arte en este punto. Siempre se podría volver atrás y cambiar eso más tarde. Lo que queremos ahora es tener imágenes para colocar, para poder planear nuestro diseño del lookbook. Cuando termines, dirígete a la siguiente lección donde comenzaremos con trabajar en InDesign. Como mencioné antes en esta clase, te
mostraré cómo hacer el mismo libro look tanto en Illustrator InDesign para que puedas comparar ambos flujos de trabajo y ver cuál prefieres. Empecemos por crear el look book en InDesign.
4. Portada en Indesign: En esta primera lección, realidad
estoy creando el Look Book. Empezaremos con la portada. Para que esta clase técnica sea un poco más fácil de abordar y entender, trataré de explicar las herramientas ya que las utilizaremos. En esta primera lección, también
habrá un poco de enfoque extra en las herramientas que utilizamos, ya que será la primera vez que las utilicemos en esta clase. Cuando haya explicado la herramienta una vez, no
voy a explicar cómo usarla con más detalle. Si sigues en la clase de principio a fin en orden cronológico, obtienes todas las herramientas que utilizamos explicadas al menos una vez. Empecemos haciendo un nuevo documento en InDesign que sea de 8,5 pulgadas de ancho y 11 pulgadas de alto. Queremos una orientación de retrato. El pequeño checkbox frente a las páginas facturadas, y simplemente teclear un número de páginas. Siempre podemos agregar y quitar páginas más adelante, por lo que realmente no importa lo que elijas aquí en este momento. Entonces, voy a seleccionar cero en márgenes ya que aún no lo sé, si quiero márgenes. Siempre podemos cambiar esto más adelante también,
así que no es gran cosa si escribes en márgenes aquí o no. Entonces usaremos cero en Sangrado y Slug ya que no vamos a imprimir este libro por el momento, sino que lo publicamos digitalmente para que no necesitemos ningún sangrado. Voy a empezar con 10 páginas, y luego sólo tienes que hacer clic en “Ok”. Presionaré y mantendré pulsada la tecla Opción en mi teclado Mac, y desplazaré con el ratón para alejar un poco. Como puedes ver, tenemos una sola portada, y luego algunas páginas en el medio que están enfrentadas, lo
que nos facilitará construir
nuestro diseño que pueda superponerse a ambas páginas en un pliego. Si quieres ver el tamaño completo de tu página, basta con hacer doble clic en la herramienta “Mano”, y ampliarás el tamaño completo de la página que has seleccionado haciendo clic en ella o ampliarás la última página en la que estuviste activa. El panel de herramientas correcto, tienes un panel de páginas que es útil para obtener un pase por alto a tus páginas. Normalmente tengo esto abierto cuando construyo un layout en InDesign, y lo usamos demasiado más adelante. Empecemos por sacudir nuestra configuración de color en InDesign, y asegurémonos de tener seleccionado tu perfil sRGB para este documento. Vaya a Editar y Ajustes de color para comprobar qué ajustes de color tiene para InDesign. Como de costumbre, tengo mi perfil sRGB, soy un delantero recubierto 39 como mis estándares en mi modo Ajuste de colores personalizados. Lo que es un poco diferente en InDesign con la configuración de color es que debes asegurarte de que las imágenes que coloques en tu documento tengan la configuración de color adecuada para tu propósito. En nuestro caso, ese es el perfil sRGB que nos
aseguramos de que ambos sean maquetas y que nuestras imágenes de patrón tengan. La forma más fácil de pensar en esto es que InDesign es un software donde se crean diseños y no diseños o fotos, como Illustrator o Photoshop. En InDesign, necesitas preparar tu obra de arte antes de colocarla en tu diseño. Espero que eso tenga sentido, lo contrario verás a lo que me refiero más adelante en clase. Pasando a algunos otros ajustes. A pesar de que vamos a hacer un Look Book tamaño carta, y hemos escrito el tamaño en pulgadas, me gusta trabajar en milímetros como a eso estoy acostumbrado, y para mí es más fácil pensar en milímetros que en pulgadas. Voy al menú, y hago clic en “InDesign CC” y selecciono Preferencias y las Unidades, e Incrementos. Yo sólo voy a cambiar las unidades de regla horizontal y vertical a milímetros. Después voy a la configuración de Guías y Pasteboard, e incremento el tamaño de los márgenes horizontales de mi pasteboard a 500 milímetros, lo que creará un área más grande fuera de mi página donde puedo colocar objetos cuando trabajo con mi documento. Ahora, hicimos algunos ajustes básicos. Son totalmente opcionales, pero es solo un pequeño consejo para cambiar algunas cosas menores que harán que tu flujo de trabajo sea más suave antes de empezar con tu diseño. Empecemos a trabajar con nuestra portada acercando nuestra primera página, y seleccionando la Herramienta de Marco Rectángulo. Haga clic en la parte superior izquierda de su página, y arrastre hacia abajo para hacer marco rectángulo que cubra su página completa. Después, colocaremos una de nuestras imágenes para usarlas como imagen de portada. Para este Look Book, voy a usar esta maqueta de uno de mis nuevos patrones favoritos como tela. Podrías usar una maqueta o una imagen de patrón mientras cubres aquí. Creo que es agradable usar una imagen audaz que llama la atención sobre ella como imagen de portada. Coloqué la imagen arrastrándola a mi documento, y luego hago clic en la esquina superior izquierda de mi marco para colocar la imagen. Hay varias formas en que podrías colocar una imagen en InDesign. También podría, por ejemplo, simplemente arrastrar la imagen, y hacer clic para colocarla en tamaño completo así. Pero normalmente creo que es más útil crear marcos y colocar imágenes para que las obtengas en un tamaño manejable. Si desea escalar la imagen sin perder sus proporciones, mantenga presionada la tecla Comando y Mayús y haga clic, y arrastre en cualquiera de las esquinas para cambiar el tamaño. Si solo haces clic y arrastras en una esquina o punto, solo
cambiarás el tamaño del marco y no la imagen así. Puede caber la imagen dentro de su marco haciendo clic con el botón derecho y seleccione Ajustar, y por ejemplo, Rellenar marco proporcionalmente. Si parece que tu imagen es de baja resolución, solo tienes que ir a Ver rendimiento de pantalla y Pantalla de alta calidad. Si tiene muchas imágenes de tamaño de archivo grande en su documento, es posible
que no pueda trabajar en pantalla de
alta calidad dependiendo de la capacidad de sus computadoras, por supuesto. Puedes bloquear la imagen haciendo clic en “Command” y “L” en tu teclado, lo cual es una buena característica si quieres trabajar con objetos encima de la imagen sin arriesgarte a moverla. Voy a hacer un rectángulo blanco para colocar debajo mi texto en la portada seleccionando la herramienta Rectángulo, y asegurarme de que tengo un color de relleno haciendo clic en el color “Cambiar relleno y trazo” en la configuración de color en la herramienta izquierda panel. Podrías hacer doble clic para elegir un color, pero en este caso, es más fácil simplemente hacer clic en Muestras en el panel de herramientas derecho, y seleccionar Papel. El papel es lo mismo que el blanco en InDesign. Después, hago clic y arrastro para hacer un rectángulo, y me aseguro de que esté centrado en mi página usando la herramienta Alinear,
Alinear a la página, y hago clic en “Centro”. Escribamos nuestro texto. Seleccione la herramienta Texto
y haga clic y arrastre para crear un cuadro de texto. Elija el panel de herramientas Carácter en el panel de herramientas derecho y seleccione la fuente que desee utilizar. Estoy usando Parkside para esto, y solo aumento un poco el tamaño a 40 puntos. Después escribo Look Book, y a continuación utilizo la Herramienta de Selección para seleccionar mis libros de texto. Voy al panel Párrafo, y centro mi texto. Entonces puedo arrastrar en las esquinas del cuadro de texto para asegurarme de que esté centrado en mi rectángulo blanco. Aumento un poco el tamaño del texto, y si tu texto desaparece y ves un pequeño cuadro rojo con un signo más en tu cuadro de texto, significa que hay textos que no encajan en tu caja, y necesitas aumentar el tamaño de la caja para hacer que se muestre el texto. Sólo voy a experimentar un poco con el tamaño del texto, y el tamaño del rectángulo blanco aquí hasta que lo consiga como quería. Entonces hago un nuevo cuadro de texto, y uso la fuente Mr Eaves Mod para esto,
y escribiré patrones por. Entonces voy a colocar mi logo después de este texto. Por supuesto puedes seguir adelante, y diseñar tu portada como desees. Solo te estoy mostrando las herramientas a usar, y cómo podrías usarlas. Coloco mi logo de una Creative Cloud Library donde
he guardado todas las diferentes versiones de mi logo que uso. Esto me parece un mango y una forma de tener siempre mis logotipos listos en el que siempre software de Creative Suite estoy trabajando. Como puedes ver InDesign te mostrará todos estos marcos para tus objetos, que puede dificultar ver tu diseño terminado. Entonces si quieres previsualizar cómo se verá tu diseño, solo asegúrate de que no tengas ningún objeto seleccionado y toca “W.” A veces para los detalles, trabajo en el modo de vista previa, pero es bueno cambiar entre los dos modos para asegurarme de que todo se vea bien. Puede ajustar su marco al texto para facilitar el manejo del cuadro de texto haciendo clic con el botón derecho y seleccione Ajustar, y Ajustar enmarcado al contenido. También puedes arrastrar hacia abajo una directriz haciendo clic en la “Regla” y arrastrando hacia abajo la línea para asegurarte de que tu texto está alineado. Si quieres mover tus objetos, solo
podrías hacer clic y arrastrar con el ratón. Pero para movimientos detallados, es más fácil usar tus teclas de flecha. Para ajustar cuánto moverá su tecla de flecha un objeto, vaya a Preferencias, unidades e incrementos, y luego escriba su medida preferida en el cuadro de teclas del cursor. Voy a ir por 0.1 milímetros aquí, y luego puedo mover mi objeto con la herramienta de flecha. Para agrupar objetos, seleccione ambos objetos y haga clic en “Comando” y “G” en su teclado. Entonces simplemente me moveré alrededor de mis objetos, y los redimensionaré hasta que esté contento con el look. También haré una línea entre el texto Look Book y los patrones por texto, seleccionando la herramienta Línea y asegurarme de que tengo un color de trazo y sin color de relleno. Hagamos que la línea sea un poco más delgada haciéndola 0.5 puntos, y un poco más ligera simplemente arrastrando un poco hacia abajo el tinte del color negro en el panel de muestras. Arreglemos nuestros objetos y redimensionarlos hasta que estemos contentos con cómo se ve. Aleja un poco para ver el overlook, y cómo se verá tu portada del Look Book en una imagen más pequeña. El último detalle que hago en mi portada es agregar mi información de contacto. Vuelvo a hacer un rectángulo blanco, y lo coloco en la parte inferior de mi página. Después utilizo la herramienta de texto, y escribo mi sitio web, mi correo electrónico, y Look Book. Lo centro con la herramienta de alineación, lo redimensiono, y lo arreglo a textos, y el rectángulo blanco hasta que esté contento con el resultado. Eso es todo. Nuestra portada está terminada. Pasemos a la siguiente lección donde crearemos un spread de presentación.
5. Página de presentación en Indesign: Hagamos una página de presentación. Me presentaré en la primera difusión en mi lookbook y luego dejaré que todo se trate de mis diseños en el resto del libro. Utilizo algún tipo de texto aquí y tengo este breve texto de presentación por encima de mí, que uso en mi sitio web y en otras situaciones donde me presento. A veces lo cambio un poco dependiendo del contexto, pero normalmente se ve algo así. Simplemente voy a copiar ese texto de
mi documento de páginas y hacer un cuadro de texto para pegarlo en InDesign, formateará el texto en un poco. Pero primero, coloquemos todos los objetos en esta página. Usaré la de foto de mí aquí arriba del texto y
seleccionaremos la herramienta de marco de elipse y haremos alrededor de marco para pegar mi siguiente. Después busco mi foto y la arrastro y hago clic en el marco para colocarla. Esta es una bonita característica en InDesign. Es fácil ajustar tus imágenes después de formas simples como esta elipse. Después coloco mi logo y hago cuadros de texto con mi página web y cuenta de redes sociales. Tengo estos símbolos de redes sociales y los arrastro desde mi Creative Cloud Library. Yo uso estos para siempre y no puedo recordar dónde los encontré. Pero si Google símbolos de redes sociales gratuitas, encontrarás algunos buenos a ciencia cierta. Ahora, tenemos todos los objetos en esta página así que formateemos un poco el texto. En primer lugar, desmarquemos la hibernación en el panel de párrafos. En textos cortos como este, simplemente
se ve mejor de esta manera y luego me gusta usar esta alineación en el panel de párrafos, se llama justifique con última línea alineada a la izquierda, lo
que hace que el texto llene el cuadro para diseña y sigue alineando a la izquierda la última línea del texto. Entonces solo arreglé el poco para que se vea bien. Cambiaré la fuente a Mr. Eaves Mod y ajustaré el tamaño del texto y del cuadro de texto hasta que esté contento con cómo se ve. Para agregar algún titular aquí, solo
escribiré “Hey” en un nuevo libro de texto en la fuente del lado del parque y ajustaré un poco el tamaño a eso. A continuación, organicemos un poco la foto, así que aquí te presentamos una nueva herramienta o característica con la que podrás jugar y usar cuando trabajes con imágenes. Al pasar el cursor con el ratón sobre la imagen, verás aparecer un símbolo en el medio, si haces clic en eso, obtienes un marco rojo, es el del marco azul alrededor de tu foto. Con este marco seleccionado, puedes cambiar el tamaño de tu foto dentro del marco original. Si desea cambiar el tamaño proporcionalmente y mantenerlo en la misma posición, mantenga presionadas las teclas “Command Shift” y “Opción' en el teclado Mac y arrastre en cualquier otro punto para ajustar el tamaño. Puedes mover la foto haciendo clic y arrastrarla con el
ratón o hacer clic y moverla con tus teclas de flecha. Cuando estés contento con él, solo tienes que hacer clic con tu herramienta de selección en tu pasteboard o página para anular la selección de la foto. Este es un movimiento básico en InDesign cuando has usado una herramienta y ya terminas con ella, siempre
debes volver a la herramienta de selección, luego flecha y dar click en tu “Pasteboard” sin seleccionar ningún objeto, es solo un pequeño consejo básico que hará que su movimiento de flujo de trabajo sea más fácil. Ya que sabes que no tienes ningún objeto seleccionado y no moverás ningún objeto ni
cambiarás nada en tu diseño cuando sigas con tu siguiente herramienta. Ahora, sigo arreglando mis textos y objetos hasta que estoy contento con el resultado. Al menos por ahora, siempre podemos volver y cambiar detalles más adelante. Cuando se ve bien, voy al siguiente paso, creo un layout con unas cuantas imágenes que siento presenta mi trabajo actual de buena manera. Utilizo la herramienta de marco rectángulo y haremos cuatro marcos en los que puedo colocar imágenes. Dejé los marcos superponen la mitad del spread, ya que no verás esta línea en el medio cuando publiquemos nuestro libro, verás todo el spread. Para organizar los marcos a la misma distancia unos de otros, voy a Preferencias y unidades e incrementos y cambié una tecla de cursor a un milímetro. Entonces puedo mover los fotogramas para que estén alineados y golpear una “Flecha Key” varias veces hasta que sienta que es una buena distancia. Experimento un poco aquí. Probemos ocho o siete milímetros al principio. Básicamente lo que hago es que arrastre un fotograma para que esté perfectamente alineado con el de al lado y luego golpeo la “Flecha Key. Creo que iré por cinco milímetros en este diseño, solo
seguiré con todos los demás cuadros y los moveré cinco milímetros uno del otro haciendo clic cinco veces con “Flecha Key”. Podría, por supuesto, escribir cinco milímetros en el cuadro de teclas del cursor en los ajustes de unidades e incrementos. Si sabes que quieres cinco milímetros, entonces solo puedes golpear la “Llave de flecha” una vez en lugar de cinco veces. Cuando estemos contentos con los marcos, juguemos algunas imágenes. Estoy usando algunas maquetas y también imágenes de mi colección de telas Garden Glory aquí. Entonces solo arreglé las imágenes como las
quiero, las redimensiono y las muevo por dentro de los marcos para que se vea bien. Después de esto, solo hago algunos cambios menores a los objetos o mi spread y les arreglo detalles con el texto y las imágenes hasta que estoy contento con el resultado. Después terminamos con nuestra página de presentación. Pasemos a la siguiente lección donde
seguiremos con el diseño general de nuestro lookbook.
6. Disposición en Indesign: Sigamos con el diseño general de nuestro lookbook. No importa el orden de las páginas que tanto en este momento, siempre
podemos arreglar y ajustar el orden más adelante. Empecemos a sustituir una de las maquetas. Podrías simplemente arrastrarlo y hacer clic para colocarlo así, y organizar el tamaño del marco y la imagen después de colocarlo. Como lo hicimos anteriormente, ajuste el contenido al marco. Voy a hacer una imagen de tamaño completo que cubre todo
el spread aquí ya que se adapta bien a esta imagen maqueta. También puedes hacer un marco antes de pegar tu imagen, como también lo hicimos anteriormente, luego arrastrar y colocar tu imagen en el marco. Me enfocaré en maquetas en mi libro de look ya que ya presento mis patrones como muestras en mi catálogo y en Instagram. Pero también traeré algunos patrones para darle al diseño un buen flujo. El básico de un buen diseño es hacerlo valido, por lo que no quieres todas las imágenes extendidas completas y no quieres todas del mismo tamaño. Lo que buscamos es una variación entre los spreads, para que se sienta interesante cuándo se volteará el libro. Para este segundo spread, haré una imagen que cubra las tres cuartas partes del spread completo y luego colocaré la imagen de patrón junto a ella para que coincida con un simulacro de las alfombras. Para hacer de estos marcos un tercio de la altura de página, solo
creo un marco que cubre toda la altura de la página y luego me aseguro de que el pequeño símbolo de cadena esté roto y divido la altura del marco con tres, lo que me da un rectángulo que duplique manteniendo presionada la tecla de opción, haga clic y arrastre para hacer un segundo y un tercer rectángulo. Entonces solo voy a colocar mis patrones en estos marcos, esta es otra forma en que puedes colocar una imagen en un marco si colocas tu imagen primero en tu documento, puedes recortarla con el comando x para que la tengas en su portapapeles y luego haga clic derecho en su marco y elija pegar en. Entonces puedes llenar el marco proporcionalmente. Entonces con los otros dos patrones simplemente los colocaré
arrastrándolos y haciendo clic para colocarlos en los marcos. También llenaré los marcos proporcionalmente con las imágenes de aquí. Creo que quiero tener un margen de 5 milímetros aquí también entre las imágenes. Podrías hacer la misma técnica que hicimos en el spread de presentación usando la tecla cursor. Pero aquí hay otra forma de hacerlo, seleccione uno de los tres cuadros y como queremos un margen de 5 milímetros entre estas tres imágenes, necesitaremos un margen total de 10 milímetros y 10 divididos por 3 es 3.3 algo. No voy a ser eso, quisquilloso aquí así que sólo voy a hacer por 3.3 milímetros. Voy a los ajustes de alturas y escribo en menos 3.3 y golpeo “Enter” lo que disminuirá la altura de mi marco con 3.3 milímetros. Entonces hago lo mismo con todas estas tres imágenes y las arreglé parejo, eso se ve bien, pasemos a la siguiente marca. Tenemos que añadir algunos spreads más aquí ya que sólo nos queda un spread así que ve al panel de páginas en el panel de herramientas derecho y selecciona el último de tus spreads. Haga clic en una página y mantenga presionado el turno para seleccionar la otra página en el spread también. Después ve al pequeño menú de arriba a la derecha y pulsa “Duplicar página” y luego repite el proceso unas cuantas veces para que tengas unos spreads más con los que trabajar. Pasemos a la disposición del siguiente spread. Para este, haré un diseño dividido con el patrón en una página y el simulacro en la otra página del spread. Empezaré con colocar un patrón y luego uso el panel de alineación para asegurarme de que el marco esté alineado a la derecha y la parte superior de la página para que cubra la página completa. Entonces hago un marco en la otra página y coloco una maqueta que coincida con el patrón, tengo dos simulacros para elegir desde aquí, esta colcha o el mameluco de bebé. Creo que iré por la colcha al menos por ahora así que vamos a ver si queremos cambiar eso más adelante. Siguiente marca, voy a hacer una cubierta completa del spread con este mock up de tela, que se adapta para un relleno de spread completo. Entonces, ¿qué sigue? A lo mejor un spread split de nuevo, probablemente se verá bien con el amarillo del último spread para voltear al amarillo a este spread en esta maqueta. Probemos eso para pegar la maqueta en un lado y un patrón a juego en el otro lado. A lo mejor sólo voy a cambiar el lado de esto también para que se sienta más fluyendo en el diseño. Conforme nuestras últimas divisiones se extendieron fue un simulacro hacia arriba a la izquierda y el patrón a la derecha. Hagamos lo contrario en este. A continuación, hagamos una imagen de difusión completa tal vez con este simulacro de envoltura de regalo arriba, básicamente pongo mis patrones y maquetas sobre todo el libro de look y guardo una variación de spread a spread para mantenerlo interesante para voltear. Al hacer esto, también empiezo a pensar en los pedidos para que
se haga una bonita mirada cohesiva cuando se dé la vuelta a través del look book. Voy a probar las cosas y ver qué cabe y no si siento que algo simplemente no encaja, sólo
me saltaré esa maqueta o patrón. En la última página de mi lookbook, añadiré una imagen de un patrón y mi información de contacto tal como hicimos en la portada de la lección anterior. Entonces, desplázate hacia abajo desde la portada para tener una idea de cómo se verá como un libro de flip through. Si desea cambiar el orden de los
pliegues, puede utilizar el panel de páginas y seleccionar el pliego que desea mover y arrástralo en el panel de páginas a un nuevo lugar como este. A lo mejor quieres cambiar un patrón como en este caso, creo que el patrón se verá mejor en una escala más grande. Lo probaré así y solo ajustaré la báscula aquí en InDesign para echarle un vistazo. Pero si quiero conservarlo, necesitaré ajustar la imagen original de lo contrario, obtendrás aquí una imagen de baja resolución cuando la escale tanto. Te mostraré en un minuto cómo cambiamos la imagen original. Antes de hacer eso, creo que me gustaría probar para hacer algunos márgenes en mis spreads para conseguir un poco más de aire en el layout. Para ello, asegúrate de tener un spread seleccionado puedes hacerlo simplemente acercando ese spread. A continuación, vaya a los márgenes y columnas de diseño, y escriba los márgenes. Usaré 5 milímetros y me aseguraré de
que la cadena esté seleccionada para que todos los lados obtengan margen de
5 milímetros y luego me aseguro de que la casita de verificación que dice ajustar diseño esté facturada, esa manera mi se ajustará a los márgenes así. Entonces puedes hacer esto y todos los spreads manualmente así como esto. O puedes ir a archivar documentos, configurar y ajustar, diseñar y escribir aquí tus márgenes. Esto cambiará los márgenes de todas las páginas y ajustará el layout.Es posible que necesites entrar y arreglar algunos detalles cuando hiciste esto ya que, por ejemplo, no quiero que mi portada tenga márgenes, así que solo entraré y arreglaré eso manualmente. Lo último que quiero hacer en mi lookbook es cambiar la escala de este patrón en el archivo original. Por lo que vuelvo a Illustrator y mis rectángulos de patrón tamaño carta. Entonces escalo el patrón y eso cambiará automáticamente el activo en el panel de exportación de activos, solo selecciono ese y lo exporto. Lo guardo como el mismo nombre y reemplazé el archivo antiguo. De esa manera puedo volver a InDesign y volver a vincular la imagen usando el panel de enlaces. Si miras la imagen aquí, hay un pequeño triángulo amarillo, lo que significa que no está vinculado correctamente. Al guardar el nuevo archivo con el mismo nombre en esa misma carpeta, solo
puedes hacer doble clic en el pequeño rectángulo para volver a vincular la imagen. También podemos hacer así, ir al panel de enlaces y hacer clic derecho en la imagen y luego volver a vincular la imagen a una nueva imagen. Por lo que esto es importante de entender con InDesign, todas las imágenes que coloques estarán enlazadas hasta exportar un PDF. Por lo que si mueve una imagen, un archivo que está vinculado en un documento de InDesign a otra carpeta, debe volver a vincular el archivo en InDesign. De lo contrario ese archivo no se incluirá al exportar como PDF. Eso es todo hizo todo el diseño de lookbook en InDesign. Vamos a exportarlo como PDF en la siguiente lección para que esté listo para publicarlo en línea.
7. Exportación en Indesign: En esta lección, exportaremos este look book de dos maneras, como spreads completos y como páginas. Para subirlo en línea, cual te mostraré cómo hacerlo más adelante en clase, necesitaremos un PDF con páginas solas.Pero si te gustaría usar el look book como PDF para desplazarse, necesitarías una vista spread. Te enseñaré a exportar esto en ambos sentidos. También te mostraré cómo podrías reducir el tamaño de archivo de tu look book antes de
exportarlo si necesitas hacerlo para poder compartirlo como PDF en un correo electrónico, por ejemplo. Empecemos con eso. ¿ Cómo reducir el tamaño del archivo? El tamaño de archivo de su PDF exportado depende de la resolución y el tamaño de archivo de las imágenes que haya colocado en su documento de InDesign. Dependiendo del propósito de tu libro de look, es posible que tengas que pensar en reducir el tamaño del archivo. Si creas un look book para publicarlo en línea, como hacemos en esta clase, entonces podrías tener un tamaño máximo de archivo de 100 megabytes, lo cual es enorme. Si lo creas para impresión, debes
asegurarte de que sea de alta resolución, lo que significa un tamaño de archivo alto, por lo general. Si quieres poder compartirlo como PDF, por ejemplo en un correo electrónico, necesitas tener un tamaño de archivo bajo. En esta clase, publicaremos nuestro libro de look en línea con una herramienta de publicación llamada Issue. En el plan gratuito sobre Emisión, se
le permite publicar un máximo de 100 megabytes en una publicación. No necesitamos preocuparnos por el tamaño de archivo de este look book porque no será tan grande cuando lo exportemos. Pero te mostraré cómo reducir el tamaño aquí de todos modos, como un poco de propina de bonificación. Si desea hacer un PDF de tamaño bajo para reducir el tamaño de archivo de sus imágenes, podría hacer clic derecho en una imagen y seleccionar “Editar con Photoshop”. Esta imagen es de más de 9.7 megabytes por el momento, que se puede ver en el panel Enlaces de Illustrator bajo tamaño de archivo. Cuando estemos en Photoshop con la imagen, da click en “Editar tamaño de imagen”. Ahí se puede cambiar tanto la resolución como el ancho y alto de la imagen.Lo que queremos hacer es cambiar el tamaño de la imagen a la altura y anchura exactos que usaremos en nuestro documento de InDesign. Sé que en baja resolución, una imagen de tamaño carta tendría que tener 792 píxeles de alto y 612 píxeles de ancho. ¿ Cómo sé esto? Yo lo busco en Google. Al tratarse de una imagen cuadrada, primero
reduzco el tamaño a 792 píxeles y luego hago clic en “Ok”. Después voy a la herramienta Recortar en el panel de herramientas izquierdo y escribo las dimensiones 612 de ancho y 792 de alto. Entonces puedo recortar mi imagen al tamaño exacto que necesito en mi documento de InDesign. Cuando he hecho eso, solo guardo el archivo y luego vuelvo a mi documento de InDesign, y puedo ver que la imagen se reduce a 898 kilobytes en tamaño de archivo, que es mucho menor que los 9.7 megabytes originales. Es así como redimensionas tus imágenes para reducir el tamaño del archivo. Lo que aprendí cuando fui a un curso de diseño gráfico es que siempre
debes reducir el tamaño de tu archivo a exactamente lo que necesitas, significa que un archivo no debería ser más grande en tamaño de archivo de lo que necesita para su propósito. Podría trabajar así si lo desea, y probablemente sea inteligente ya que le ahorrará almacenamiento en su computadora si mantiene todo lo que cree en el tamaño máximo de archivo de lo que necesita ser. Soy un poco perezoso y también siento que puede llevar mucho tiempo hacer ese trabajo detallado con reducir el tamaño de archivo si no lo necesito para mi propósito. Solo reduzco el tamaño del archivo cuando lo necesito. De lo contrario, tiendo a mantenerlo tal como está. Pasar a exportar el archivo, exportar como PDF es realmente fácil en InDesign. Empecemos con una exportación de spread. Vaya a “Archivo”, “Exportar”, y escriba el nombre de su archivo. Seleccionaré PDF interactivo para éste ya que lo usaremos digitalmente en línea, y luego solo me aseguro de que el Spreads esté seleccionado y Todas las páginas. También puedes comprobar que dice 300 ppi bajo Compresión y Resolución. Eso es todo lo que hay a ello. Exporta y aquí está, nuestro libro de look exportado en vista spread. Volvamos a InDesign y exportarlo como PDF de una sola página, que es el que subiremos y publicaremos en línea más adelante en clase. Vaya a “Archivo” y “Exportar” de nuevo, y en lugar de difundir, simplemente seleccione Páginas y todas las demás configuraciones deben ser iguales y luego presione “Exportar”. Es así como se ve como exportación de páginas individuales. Eso es todo, creaste un look book en InDesign y lo exportaste como PDF. En las próximas lecciones, te
mostraré cómo crear este look book en Illustrator y compararemos los dos flujos de trabajo para ver tanto cuál prefieres como también cuál es el mejor uso cuando trabajamos con layout.
8. Portada en Illustrator: Empecemos a trabajar en Illustrator para crear el mismo libro de look que hicimos en InDesign. que illustrator no es un software de maquetación sino un software de ilustración y diseño, hay algunas cosas que se verán un poco diferentes en el flujo de trabajo. Todavía podemos hacer todo en Illustrator como podemos hacer en InDesign, solo
funciona de una manera un poco diferente. Empezaremos con crear un tablero de arte tamaño carta, 8,5 pulgadas de ancho y 11 pulgadas de alto y RGB como modo de color. Normalmente empiezo con eliminar todas las muestras sin blanco y negro para limpiar mi panel de muestras cuando hago un nuevo documento en Illustrator. Eso es lo que hago aquí. Empecemos por colocar nuestra imagen de portada, estoy arrastrando la imagen a Illustrator y haga clic para colocarla. Después lo redimensiono para que se ajuste a mi tablero de arte manteniendo presionada tecla Mayús y haga clic y arrastre en una esquina para escalarlo proporcionalmente. Para poder recortar esto, crearé un rectángulo del mismo tamaño que mi tablero de arte y para asegurarme de que esté encima de la imagen. No importa si tiene relleno o no. El mío es negro aquí. Seleccionas tanto la imagen como el rectángulo haciendo clic y arrastrando sobre ellos con la herramienta de flecha, y luego presiono Comando siete para hacer una máscara de recorte. También podrías ir a la máscara de recorte de objetos y hacer, para hacer lo mismo sin el atajo de teclado. Si vas a objeto, máscara de
recorte y editas contenido, podrás mover el contenido dentro de tu máscara de recorte de esta manera. Esa es la imagen de portada. Hagamos un rectángulo para colocar debajo de nuestros textos de libro de look. Asegúrate de tener el blanco como color de relleno y usa la herramienta de rectángulo para hacer clic y arrastrar y hacer un rectángulo. Agregaremos algo de texto seleccionando la herramienta de texto, haz clic una vez en tu tablero de arte y escribiré look book. Puede cambiar el tamaño de los textos manteniendo presionada la tecla Mayús, y hacer clic y arrastrar en cualquiera de las esquinas. Esto cambiará los textos proporcionalmente. Cambiaré la fuente para aparcar lado, ajustaré el tamaño y la alineación para que quede bien. Después coloco mi logo de mi biblioteca CC y ajusto eso en tamaño y colocación. Creo que voy a cambiar mi interfaz por una más oscura aquí porque prefiero eso cuando trabajo con diseños. Voy al menú, ilustrador CC,
preferencias, interfaz de usuario y elijo interfaz más oscura. Pasando, vamos a utilizar de nuevo la herramienta de texto y escribir patrones por. Cambiaré la fuente a Mr Eaves Mod. Para asegurarme de que los textos y el logotipo estén alineados, voy a ver reglas, mostrar reglas, luego puedes arrastrar hacia abajo una directriz desde la regla y ajustar tus objetos para que estén alineados. Quiero mover mi objeto con la tecla de flecha. Pero antes de cambiar ese ajuste, quiero cambiar mis unidades a milímetros,
aquí también, como lo hice en el diseño. Voy a preferencias, unidades y cambio el general a milímetros. Si quieres mover tu objeto con la tecla de flecha, puedes presionar Comando K como un atajo de preferencias y cambiar hasta qué punto tus teclas de flecha moverán tus objetos. Para esto, escribiré 0.1 milímetros, y luego puedo moverme alrededor de mis objetos con tecla de flecha y todos se mueven 0.1 milímetros por cada vez que presiono una tecla. Puedes subir a objetos con Comando G. Solo
asegúrate de que no tengas seleccionada la regla al agrupar, entonces eso también se incluirá en el grupo. Simplemente voy a deshacer eso, y voy a quitar esa regla, selecciónela y pulsa Eliminar. A continuación hagamos la pequeña línea. Utilice la herramienta de línea desde el panel de herramientas izquierdo y escriba 0.25 milímetros. Haga clic y arrastre para hacer línea con color de trazo negro. Puede utilizar el panel guía de color para elegir un tinte del color negro, o puede hacer doble clic en el color del trazo en el panel de herramientas izquierdo para cambiarlo a un color Gris. Eso se ve bastante bien, arreglaré y ajustaré un poco estos objetos. A lo mejor algo así. Después volveré a utilizar la herramienta de texto y escribiré mi página web, correo electrónico y libro de búsqueda. Ya está ajustado a las últimas fuentes que usé, así que no necesito cambiar eso. Después cambio el tamaño de la misma y los textos de línea
al centro del tablero de arte con el panel de alineación. El último paso es hacer ese rectángulo blanco. Selecciono la herramienta de rectángulo, haga doble clic en el color de relleno y elijo el blanco como color de relleno. Doy clic y arrastra para hacer un rectángulo que se ajuste al texto, luego ir a objeto, organizar y enviar hacia atrás. Entonces ajusto el tamaño del rectángulo y el texto hasta que quede bien. Estoy bastante contento con esto y ya está. Ya está terminada la portada hecha en Illustrator. Pasemos a la siguiente lección donde crearemos el spread de presentación.
9. Página de presentación en Illustrator: Antes de continuar con la presentación spread, vamos a guardar el archivo. Voy a nombrar mi archivo para buscar ilustrador de libros. El primero que tenemos que hacer es hacer un nuevo tablero de arte. Haga clic en el tablero de arte 2 en el panel de herramientas izquierdo, y luego simplemente haga clic en el símbolo de la página pequeña para hacer un nuevo tablero de arte del mismo tamaño que la portada. Si recuerdas cómo se veía en diseño, donde podríamos juntar dos páginas como un spread. Se vería algo así. Pero en Illustrator no tienes la alternativa de spread de exportación. Como se supone que sea principalmente un software de ilustración, como mencioné antes, y no software de Layout. Lo que significa que en Illustrator, realidad
crearemos dos versiones del cuaderno de bitácora, una versión de una sola página, y una versión de propagación completa. Te mostraré más sobre eso más adelante en clase. Pero por ahora, comenzaremos con una versión spread del Cuaderno. Por lo que para obtener un spread completo, selecciona tu tablero de arte con nuestro portal y multiplica el ancho del tablero de arte con dos. Entonces solo daré clic y arrastraré a una posición donde prefiero tenerlo. Entonces haré un tercer tablero artístico solo para prepararme para crear el resto de los spreads manteniendo presionada la tecla de opción, haga clic y arrastre para hacer una copia de la salida. A continuación, coloquemos el texto sobre. Entonces copia el texto al portapapeles, haz un cuadro de texto y pega el texto. Mi fuente ya estaba ajustada a Mr. Eaves Mod, tal vez vaya por libro Mr. Eaves Mod para este. Ajustaré un poco el tamaño e iré al panel de párrafos para desmarcar el cuadro de separación de guiones y cambiar la alineación para justificar con la última línea alineada a la izquierda, tal y como hicimos en InDesign. Entonces solo ajustaré un poco el texto, así que tal vez algo como esto. Llevemos el logo y los iconos de las redes sociales y escribamos mi sitio web y cuenta de redes sociales. Esta vez, solo daré clic una vez en mi tablero de arte con el textual seleccionado y escribiré mi texto. La diferencia entre estas dos formas están creando textos en Illustrator es que si haces clic una vez, obtienes un tipo de punto, lo que creará un cuadro delimitador que se ajuste perfectamente al texto que escribes. Puede cambiar el tamaño del texto con solo hacer clic y arrastrar en uno de los puntos del cuadro delimitador. El tipo de punto es genial para titulares o breves dos áreas de texto en las que
desea poder escalar rápidamente hacia arriba y abajo el texto con un simple movimiento de clic y arrastre. El otro modo de crear texto es el tipo de área, que es lo que hicimos con el texto sobre. Donde haremos clic y arrastraremos para hacer un cuadro delimitador antes de pegar en el texto de los libros. Esto es más parecido a en los cuadros de texto de ciencia y se adapta a párrafos o textos más largos donde se desea dar formato al texto con más detalle. Entonces, solo arreglemos los detalles y ajustemos esto un poco. Entonces usaré el tipo de punto y escribiré mi titular, Hey, cambiando la fuente, y luego hago clic y arrastre en una esquina mientras mantengo presionado el turno para ajustar el tamaño proporcionalmente. Por lo que para colocar la foto, simplemente arrástrela y haga clic para colocarla. Después lo redimensionaremos un poco y haremos máscara de recorte de elipse con la herramienta Elipse para poder ver cómo estará la colocación de la foto dentro de la elipse. Quitaré el relleno de la elipse y como no puedo ver la línea de la forma elipse aquí, hago clic en Comando H en mi teclado para mostrarlo. Command H es un atajo que te permite ocultar o revelar los puntos de anclaje o líneas
que has creado, lo que puede facilitar ver con qué trabajas. Pruébalo y verás a qué me refiero. Entonces vamos a movernos por el bit de la foto y redimensionarlo hasta que se vea bien. Entonces me aseguraré de que la elipse esté encima. Voy a objetar, arreglar, llevar al frente. Por último, hacer que la máscara de recorte vaya a la máscara de recorte de objeto y hacer. Como se puede ver aquí cuando pase el rato, es que la foto completa sigue aquí. Simplemente lo esconderemos con la máscara de recorte. A continuación, hagamos marcos para donde colocaremos las imágenes. Golpearé el Comando K y ajustaré los incrementos del teclado a cinco milímetros directamente aquí. Usa la herramienta de rectángulo, y solo haré un rectángulo negro para ver la colocación de las imágenes. Para poder ver dónde termina una página y una comienza en el spread para que pueda colocar mis imágenes, necesito arrastrar en una pauta desde la regla aquí. Simplemente lo pondré al inicio mismo de la página desde la izquierda en cero para estar en ancho. Como ya he dicho, unidades de dos milímetros, necesito cambiarlas de nuevo a pulgadas primero para poder conseguir esa línea en medio de este tablero de arte. Por lo que esta es una forma mucho más fácil que tratar de calcular cuántos milímetros es 8.5 pulgadas. Entonces me aseguro de tener mi pauta seleccionada y
solo escribiré 8,5 pulgadas en Xbox en la barra de herramientas superior. Con eso hecho, solo arreglaré los ajustes a milímetros otra vez. Entonces arreglaré y ajustaré rectángulos usando la herramienta de alineación para
asegurarme de que estén alineados con los bordes exteriores de mi tablero de arte. Utilizo la tecla de flecha y hago clic en las para moverlos a cinco milímetros de distancia. Entonces, arrastremos y coloquemos las imágenes que usaremos aquí. recita y asegúrate de que se envíen a la parte posterior antes de seleccionar tanto el rectángulo como la imagen y golpear Comando siete, que es el atajo para hacer una máscara de recorte. Por lo que colocaré y haré un clip en máscaras de todas mis imágenes primero. Entonces puedo entrar y arreglar los detalles y editar el contenido en una máscara de recorte para alinear las imágenes como las quiero en los marcos. Entonces estamos terminados y hemos creado una presentación difundida en ilustrador. Por lo que el flujo de trabajo es similar al de InDesign, y como puedes ver el resultado es el mismo, pero el proceso para llegar aquí es un poco diferente. Entonces vamos a pasar a la siguiente lección y crear diseño completo en
el cuaderno de bitácora en ilustrador.
10. Disposición en Illustrator: Entonces construyamos el diseño completo. Empecemos por colocar la siguiente imagen. Como ya hice un pedido con las imágenes cuando construí el lookbook en InDesign, solo seguiré ese orden aquí para que no tengamos que pensar en eso. Antes de continuar con la colocación de todas las imágenes, solo
hagamos todos los spreads que usaremos. Por lo tanto, seleccione la herramienta Mesa de trabajo, mantenga pulsada la tecla Opción y haga clic y arrastre para hacer una copia de la mesa de trabajo. Después, repita hasta que tengas todos los spreads necesarios. Necesito hacer algunos spreads más y sólo vamos a mover un poco todas estas mesas de trabajo. Por lo que usaré la herramienta Mesa de trabajo y mantenga pulsada la tecla Mayús y haga clic en cada una de las mesas de trabajo para seleccionarlas todas. Entonces, sólo los arrastraré un poco y seguiré haciendo algunas mesas de trabajo más. Con la última página, solo
copiaré mi primera mesa de trabajo, mi portada, y luego, eliminaré todo en esa última página. Esto debería moverse bastante rápido ahora ya que ya conocemos el orden de las imágenes y pasamos por todos los conceptos básicos con una máscara de recorte en la lección anterior. Por lo que acercaré a la tercera mesa manteniendo
presionada la tecla Opción y desplazaré con el ratón. Cambio el tamaño de la imagen y creo un rectángulo por encima de la imagen que cubre el spread completo y luego golpeo “Command Seven” para hacer una máscara de recorte. Si quiero hacer un margen de cinco milímetros aquí, encontré que la forma más fácil es hacer un rectángulo que cubra todo el spread y luego, transformarlo a menos 10 de ancho y menos 10 de altura. Eso hará un margen de cinco milímetros por cada lado, y luego, solo asegúrate de que esté centrado a la mesa de trabajo. Entonces solo mantendré presionada la tecla Opción y duplicaré ese rectángulo al siguiente spread para hacer fácilmente un margen en ese spread también. Simplemente dejaré eso a un lado por un momento y lo haré negro para que sepa dónde está. Entonces, solo continúo. Traeré la siguiente imagen y haré una máscara de recorte. Para agregar los patrones aquí, tienes la opción de usar los JPEG que guardamos anteriormente, entonces solo traes el JPEG y haces una máscara de recorte, que te asegurará que no tienes esas misteriosas líneas blancas en tu patrones. O podrías hacerlo de esta manera, solo tienes que copiar en las muestras de patrón a este documento. Las bondades de hacer esto es que puedes escalarlos libremente y es rápido y fácil obtener los marcos de patrón como quieras. En ocasiones, podrías conseguir las misteriosas líneas blancas cuando lo haces de esta manera, pero como es mucho más fácil y mucho más eficiente, lo probaría primero y a ver si no consigues las líneas blancas, entonces esta forma es la más eficiente. Entonces para hacer los tres rectángulos, hago lo mismo aquí que en InDesign. Hago un rectángulo que cubre toda la altura y luego, lo divido por tres y disminuyo la altura de los rectángulos en 3.3 milímetros. Además, asegúrate de tener tus guías inteligentes encendidas aquí, ve a Ver para ver si Smart Guides está registrado. Esto te ayudará a chasquear tus objetos en la posición correcta. Cuando tenga mis tres rectángulos, simplemente los
llenaré con el patrón y escalaré un poco
los patrones con Object, Transform y Scale. Eso es todo lo que hay en lo que respecta a las herramientas y cómo usarlas en Illustrator cuando construyes este diseño. Voy a adelantar aquí un poco hasta que se termine el diseño completo. Cuando se trata de la pieza final, la parte trasera del lookbook, buscaré ese patrón 2 y lo pegaré como muestra de patrón. Lleno el rectángulo con el patrón y lo escala y luego, copio
mi logo y los iconos de las redes sociales y el texto de mi presentación se extendió, los
coloco en la última página, cambio el color del texto a blanco, y luego, sólo tienes que cambiar a mi logo blanco e iconos de redes sociales. Después, se termina el lookbook hecho en Illustrator. Pasemos a la siguiente lección donde te mostraré cómo hacer rápidamente la versión de vista de página única
del lookbook y también cómo exportar tu lookbook como PDF.
11. Exportación en Illustrator: Empecemos con exportar esta vista de spread como PDF. Entonces voy a “Guardar como” y elijo PDF, y luego seleccionaré todas las páginas y pegaré “Guardar”. Veamos en qué tipo de PDF nos gustaría exportar. Ya que prefiero mantener el tamaño del archivo abajo, selecciono la impresión de alta calidad aquí, y sé que esa será la resolución suficiente para publicar en línea. Normalmente reviso los libros de capacidades de edición de ilustradores preserva, ya que sé que este es el archivo de exportación final y no necesito cambiar nada en esto. Tengo un documento AI para eso. Si desmarca esta casilla, obtendrá un PDF con un tamaño de archivo menor. Lo último que normalmente me aseguro de comprobar es la salida. Aquí, quiero usar convertir a destino e incluir perfil de destino. Normalmente hago esto con todo tipo de exportaciones para asegurarme de que la exportación tuviera el mismo perfil de color que mi documento original. Entonces ahora tenemos nuestra exportación de spread view, hagamos la versión de vista de página única también. Para ello, crea un nuevo tablero de arte de tamaño carta con nuestra herramienta de tablero de arte, y simplemente arrástralo hasta el lugar donde se ajuste a todas las páginas de abajo. Después mantengo pulsada la tecla de opción y hago clic y arrastre para duplicar el tablero de arte. Entonces, duplico uno más y lo coloco a la derecha de mi segundo tablero de arte. Asegúrate de tener las guías inteligentes encendidas aquí, para que nuestras tablas se encajen en su lugar. Hagamos algunos spreads más seleccionando ambos de estos tableros artísticos, y mantenga presionada nuevamente la tecla “Opción” para hacer clic y arrastrar para duplicar. Puedes acercar tanto como puedas, para asegurarte de que los tableros de arte estén justo al lado del otro, y luego solo repite el proceso hasta que tengas todas las páginas en el libro de look. A continuación, ve a ver guías y guías de bloqueo, para que no muevas la directriz de regla cuando copiarás el contenido de las páginas. Después selecciono todos los objetos en la portada y los agrupo. Mantenga presionada la tecla “Opción” y haga clic y arrastre para duplicar. Asegúrate de que esté alineado al tablero de arte con la herramienta de alineación, y luego solo repito esto para todos los spreads. Selecciona “Todo” en un solo spread, agrupa, duplica a páginas nuevas y alinearte al tablero de arte, hasta que tenga todas las páginas en mi libro de look. Vamos a exportar este PDF de páginas individuales. Lo que necesitamos saber es el número de los tableros de arte aquí, ya que también tenemos la versión spread view en el mismo documento. Entonces voy a revisar y ver que la portada es un tablero de arte 14, y la última página es el tablero de arte 37. Por lo que voy a “Guardar como” y selecciono PDF, y sólo lo nombraré páginas individuales. En lugar de seleccionar todos
aquí, selecciono un rango de las páginas 14 a 37. Entonces solo usaré la misma configuración que antes, y presiono “Guardar PDF”. Eso es todo. Ahora hemos exportado una página de señal PDF, y una vista de propagación PDF desde illustrator. Por lo tanto, pasemos a nuestra siguiente lección donde publicaremos nuestro libro de look en línea.
12. Publica tu catálogo: Por fin es momento de publicar tu look book online. Entonces así es como uso mi libro de look. Lo publico en línea, e incrusté en mis sitios web para que futuros posibles clientes puedan obtener un ángulo visual, también miren mi estilo y ilustración. El plataforma que uso para esto es issuu. Me resulta tan fácil de usar y ofrecen todas las funciones que necesito en el plan gratuito. Entonces ve a issuu.com y crea una cuenta de plan gratis. Si te apetece, siempre puedes actualizar más adelante. Entonces así es como se ve mi panel, en mis publicaciones, tengo los dos libros de look que he publicado hasta ahora. El look book que hice en esta clase es un look book anual que probablemente actualizaré durante el año a medida que hago nuevos patrones y colecciones. También podemos hacer buscar libros para ciertas colecciones como esta que hice para mi colección de telas Garden Glory. De acuerdo, así que empecemos con la publicación. Haga clic en “Agregar contenido” y me limitaré a arrastrar en mi PDF exportado con las páginas individuales. Issuu convertirá esto en un libro de flip through. Por lo que debes subir aquí un solo PDF de páginas. Escribe un título y una breve descripción. Entonces solo daré clic en el tipo, y esto es para marketing de promoción. Después hay un montón de otras configuraciones que puedes consultar. Muchos de ellos solo están disponibles en los planes de pago, como si quieres publicar una publicación no listada, llega a publicar una publicación no listada en un plan gratuito si tienes ganas de hacerlo. De acuerdo, entonces no hay mucho más que eso. Cuando se sube tu archivo, puedes previsualizar y pasear por el libro para ver que todo se ve bien. Para mí, se ve bien. Por lo que solo daré clic en “Publicar ahora” y luego está en vivo. Aquí obtienes opción para ver en issuu, realzar o compartir. Simplemente puedes hacer clic por aquí un poco y experimentar. Por ejemplo, puedes hacer un pequeño gif teaser e incrustar la publicación en tu sitio web. Por lo general acabo de publicar un look book en issuu y luego lo incrusto en mi página web. De acuerdo, así es como se ve el libro de look en issuu cuando lo volteas, y eso es todo lo que hay en ello. Has aprendido a hacer un look book, tanto en diseño como en ilustrador, y a publicarlo en línea de forma gratuita con tan solo unos clics simples.
13. Reflexiones finales: Ya está terminada la clase. Muchas gracias por ver. Espero que hayas disfrutado de esta clase, y que hayas llegado a ver cómo puedes usar InDesign e Illustrator para diseñar un Lookbook. Como habrías adivinado después de ver esta clase, recomendaría usar InDesign. El flujo de trabajo es mucho más fácil cuando se trata de diseño ya que el software se construye para ese propósito. Si tienes alguna pregunta, por favor pregúntalos en la página de la comunidad aquí en clase. Si te gustó esta clase, puedes pulsar el botón “Seguir” de mi nombre aquí abajo para asegurarte de que no te pierdas mis futuras clases. Además, asegúrate de compartir tu proyecto de clase, me encantaría ver lo que creas. Si compartes tu proyecto en Instagram, siéntete libre de etiquetarme con @majaronnbackdesign. Si disfrutaste de esta clase, siéntete libre de dejar una opinión aquí abajo, me encantaría escuchar tus pensamientos. Gracias de nuevo por ver y divertirse creando.
Maja Faber, Surface Pattern Designer
