Diseño editorial con Adobe Photoshop, Illustrator e InDesign

1. Introducción al diseño editorial: ¿ Te gustaría crear diseños de revistas profesionales y cautivadores? Tengo el rumbo justo para ti. Soy Martin. Tengo más de 20 años de experiencia como diseñadora gráfica, ilustradora e instructora certificada por Adobe. He trabajado con empresas como BBC, Disney, Google, ikea. No puedo esperar a compartir mis mejores prácticas contigo. Este es un curso práctico aerodinámico que se centra en un proyecto de diseño de la vida real. Te estaré caminando por todo paso paso a paso y obtendrás todos los archivos de ejercicio para que puedas seguir adelante en caso de que prefieras no copiarme. También puedes seguir mi flujo de trabajo usando activos alternativos proporcionados y crear algo completamente único que puedes mostrar en tu portafolio creativo. Estoy bastante seguro de que este curso te inspirará a crear algo increíble. Empezaremos analizando grandes spreads de revistas y aprenderemos sobre todos los términos de diseño editorial como titulares, subheads representan para que mantengamos su copia corporal completamente o gato corriendo. Su papel en la composición son el trabajo de diseño real. Empezaremos en Adobe Photoshop. Vamos a preparar las imágenes para nuestra difusión de revista, estaremos haciendo algunos ajustes, Selecciones, y Enmascaramiento para crear interesantes efectos fuera de límites. Y el trabajo creativo mantuvo la combinación de una foto genial y la letra inicial de nuestra historia principal. La próxima semana pasaremos algún tiempo en Adobe Illustrator para crear algunos iconos vectoriales geniales, que utilizaremos como puntos de entrada visuales en nuestra columna. Por último, usaremos Adobe InDesign para armar todo junto con la ayuda de características como techs, rep, páginas padre, estilos, y mucho más. Además de todo lo técnico, también cubriremos alguna teoría importante del diseño gráfico que podrás aplicar en cualquiera de tus futuros proyectos creativos. Puedes unirte a este curso sin ningún conocimiento previo en diseño gráfico, ilustración o aplicaciones de Adobe. Pero para completar el proyecto, necesitarás acceso a Adobe Creative Cloud y a una computadora de escritorio o portátil, pero ahora es el momento de empezar a crear. Entonces te veré en la próxima lección. 2. Revista completa: Paremos un momento. Apreciar lo mal que son estos tienen que saltar. Evite colocar cualquier detalle o letra importante en el centro exacto de un diseño de página frontal. Ahora, es exactamente por eso que debes evitar hacer eso, especialmente cuando estás usando estos caracteres condensados y estrechos, como en este caso. Entonces, ante todo, hay que pensar siempre la difusión completa cuando estás diseñando algo para una revista. Entonces, en lugar de prestar atención a las páginas individuales, siempre se considera la propagación completa. Entonces, cuando un lector abra la revista, mirarán ambas páginas aproximadamente al mismo tiempo. Por lo que sus ojos escanea muy rápidamente. E incluso si la propagación tiene un artículo por un lado y un anuncio en el otro lado, todavía debe haber alguna forma de armonía o consistencia entre ellos. Ahora claro, cuando se trata de un artículo real, la primera difusión del artículo es la invitación para que el lector empiece a leer eso. Y hay que hacer realmente un buen trabajo combinar esas dos partes del spread. Entonces hay tres factores principales con los que puedes captar la atención de alguien por tu propagación. El primero es el diseño o la composición del spread. El segundo es la imagen que usas son la imagen principal. Y luego el tercero es el titular. Estos tres están obviamente muy relacionados entre sí. Por lo que tu composición se basa en una buena colocación de la imagen y del titular, o en una buena combinación de ellos. Pero de todos los elementos textuales, el titular es definitivamente el más crucial en tu propagación. Es bastante común que los titulares usen el tipo de visualización, que no es solo una sola fuente, sino que suele ser una fuente diseñada a medida o letras a mano que realmente se adapte al tema del artículo. El emplazamiento del titular suele estar en el lado superior izquierdo, pero también puede estar a la derecha. Y algunos casos también puede ser en la parte inferior o en el extremo izquierdo o extrema derecha. El motivo por el que es bueno colocarlo en el lado izquierdo es porque naturalmente estamos empezando a escanear el spread de izquierda a derecha, comenzando de arriba a izquierda a abajo derecha. Eso obviamente puede ser diferente cuando tienes tu revista árabe, probablemente lo tendrías espejado y tener cosas empezando por la derecha. Los titulares suelen ser realmente grandes. Entonces en términos de la jerarquía dentro de la composición, deberían ser realmente el elemento dominante, definitivamente más grande y más robusto en comparación con los otros elementos textuales dentro de la propagación. Ahora en algunos casos, el titular en sí puede estar usando un formato diferente, como aquí, la primera palabra, sí, es bastante diferente a pesar de que está usando la misma familia de fuentes al resto del titular. Pero esto aún forma una sola unidad cuando está montada. Cuando se tiene unos textos cortos que tanto el titular, normalmente nos referimos a eso como el pateador. Por lo que de nuevo aquí, este sería el pateador, mientras que por debajo, este es el titular. Y en este ejemplo se puede ver que un emparejamiento de fuentes también puede funcionar para un titular. Así también, diferentes fuentes muy contrastantes combinadas juntas todavía forma una buena unidad sólida que puede funcionar como titular. Ahora normalmente justo debajo de los titulares. Entonces en este caso, esta sección aquí es lo que llamamos primer stand de intro o cubierta. Y esto suele cubrir en pocas palabras lo que vas a leer el balance dentro del artículo. Por lo que realmente te separa empezar a leer, pero también actúa como un puente entre el titular y la copia del cuerpo. Entonces aquí hay otro ejemplo del pateador, el titular y debajo de él, el mazo de primer orden estándar de intro. Ahora recuerda cuando dije que los dos lados de tu propagación deben ser considerados como una unidad. A pesar de que aquí tenemos un lado izquierdo y derecho muy distinto, todavía hay mucha repetición que ayuda a unirlos. Y la unidad InDesign es muy importante. Entonces aquí obviamente vemos que el color se usa a la izquierda y el lado derecho que la misma fuente se repite de nuevo. Y también en general, las formas aquí del lado izquierdo son bastante blocky y chatarra, que de nuevo se repite aquí en el lado derecho. Ahora generalmente hay un elemento que viene justo después o unido a la intro. Eso es lo que llamamos el byline, es simplemente por y luego el nombre del autor. 3. Publicación de la revista: texto del cuerpo: Ahora estos elementos que ya cubrimos son muy comunes, pero eso no quiere decir que a veces se tenga que dejar a uno de ellos fuera. Al igual que en este diseño, diría que este es el pateador. Este es el titular. Ahí está nuestro byline, pero no hay intro real. Podemos considerar esta sección aquí, la intro, pero se siente más como parte de la copia del cuerpo. Y como estamos hablando de copia corporal, ese es el mayor elemento textual dentro de su artículo. Y aquí, la legibilidad es crucial. Por lo que hay que prestar atención a la longitud de la línea para asegurarse de que sea cómodo leer el texto. Por lo que las líneas demasiado largas o dos cortas no son ideales. Probablemente quieras configurarlo alrededor de 45 a 80 caracteres en cada línea. Y eso ya es con los espacios incluidos. Ahora, cuando no hay intro, el primer párrafo puede ser considerado el liderato. Y observe cómo eso se enfatiza con el formateo de la junta. Entonces queríamos autos voladores. Eso realmente te lleva a leer el resto de la copia. Ahora otro término que se podría escuchar mencionado cuando se trata del primer párrafo o incluso el plomo de un artículo no es gráfico o no gráfico, que es una jerga editorial para una frase que resume el resto del artículo sin dar demasiado detalle. Entonces es casi como la tesis de lo que vas a leer. Y algunos pueden argumentar que el plomo y el gráfico son exactamente lo mismo. Algunas personas dirían que es diferente. Pero generalmente dentro tu primer párrafo en la copia del cuerpo, puedes incluir algo que es, de nuevo, un poco más elevado que el resto de la copia del cuerpo. Ahora otra cosa importante que debes tener en cuenta cuando trabajas con copia corporal es que debes tener una línea base estandarizada a lo largo de toda la propagación, que significa que las líneas, aunque estén en diferentes columnas, deben coincidir con la posición por lo que deben estar alineados entre sí. Aquí hay otro ejemplo, pesar de que tenemos un hueco aquí en esta primera columna. Entonces ahí está la brecha entre los párrafos. Todavía tenemos la alineación entre las líneas del lado izquierdo y en el lado derecho. que la alineación sea gracias a la cuadrícula de línea base, esta es una característica en InDesign que se puede activar dentro un marco fiscal individual o incluso para todo el documento. Ahora, el siguiente elemento textual en términos de jerarquía sería el subhead, que suele estar dentro de la copia del cuerpo, columnas o marcos. Y estos ayudan a romper grandes trozos o bloques de texto. Entonces aquí, el ejercicio por ejemplo, la dieta, qué tan rápido se considerarían subcabezas, pero eso puede ser muchos niveles de subcabezas. Por lo que hasta tus 20 podrían ser uno. Si el artículo continúa entonces y nos muestran sus treinta y cuarenta, pero eso puede incluso ser el tercer, cuarto nivel de subencabezados como estos, nuevo, sirve al mismo propósito, dividiendo o rompiendo gran trozo de textos, pero nuevamente, crear divisiones más pequeñas dentro ya de una unidad que fue creada por el segundo nivel de estructura de subpatrón y jerarquía es extremadamente importante con Revista diseño porque hay tantos elementos, tanta información, realmente necesitas guiar a tu lector por el spread para asegurarte que puedan encontrar la información relevante. Porque, créeme, la mayoría de los lectores no están leyendo en el orden en que quieres que lean. Saltan por ahí. Pero al tener estos subencabezados, por ejemplo, realmente les das puntos de entrada a diferentes áreas donde pueden ir. Y en realidad podrían leer eventualmente todo el artículo, pero tal vez no en el orden en que se configurara para ser rojo. Ahora otro elemento textual distinto muy importante dentro de un spread es el código de pool, que podemos ver dos ejemplos de en este spread. Estos suelen ser recogidos de la copia del cuerpo y se destacan como lecturas esenciales de la historia y algo que realmente es emocionante e interesante. Una vez más, estos son para llamar la atención sobre el artículo. Por lo que a veces podrías voltear a través la revista y ves un código de alberca que te lleva al artículo. No siempre tienen que ser cotizaciones, así que no tiene que ser que alguien esté triste. Puede ser sólo el resumen o como un hecho interesante. Por lo que realmente depende de ti como diseñador decidir qué debe destacarse en cotizaciones pobres. Aquí hay otro código de alberca muy elegante ubicado dentro del centro de la página. Y aquí hay otro código de tirón muy llamativo, fuerte y audaz dentro de la propagación. Y por supuesto, el mal rumbo no siempre tiene que romper la estructura de la copia corporal. En realidad pueden ser independencia, por lo que pueden estar de lado como aquí, una forma muy sofisticada y sutil de colocar el código de la piscina en la parte inferior izquierda. Ahora otra parte importante para dar estructura a la revista dentro de un spread sería el encabezado y pie de página en el encabezado, normalmente jugarías algo sobre el artículo, ya sea un parte recurrente de la revista y eso indica que este artículo actual cae en esa categoría. O puede ser algo más específico como digamos el nombre de las celebridades, quien está cubierto dentro de ese artículo. Esto es especialmente útil si tienes múltiples sprints y quieres asegurarte de que el lector sepa que todavía están leyendo sobre lo mismo. El pie de página normalmente tiene un poco más de información. Uno de los elementos cruciales es el número de folio o página, que normalmente querría colocar en ambos lados. Pero si solo lo coloca en un lado, es mejor usar el lado derecho dentro del spread, el pie de página puede contener información adicional como el sitio web de URL, o también puede ser la fecha, y que incluso pueden ser Notas y referencias colocadas aquí. Ahora en algunos casos, ser juguetón con ciertos elementos de tu diseño puede marcar el tono del artículo o incluso de toda la revista. Shortlist es una revista realmente genial aquí en el Reino Unido, y se puede ver cómo son VT con URL. Entonces en este caso, el pie está casi completamente cubierto. No hay número de página visible y también se lee el icono de URL. No obstante, este es un elemento que se repite en los otros spreads y no siempre tiene que ser completamente visible. Pero una vez más, se trata de romper las reglas cuando conoces las reglas. Otro término que se podría escuchar a veces es correr ganado corriendo pies. Una vez más, este es un elemento que continúa a lo largo un par de páginas para indicar un capítulo o sección dentro de la revista. Por lo que aquí en este caso, que podría considerar una cabeza corriendo, porque a medida que avanzamos y vamos a la otra página, nuevamente tenemos el mismo diseño ahí. 4. Publicación de la revista: colocación de imágenes: Siempre que coloques en imágenes, hay dos cosas importantes que debes recordar. En primer lugar, es tener una leyenda para ellos y acreditar a los artistas, ya sea un fotógrafo o un ilustrador. En algunos casos, se verían leyendas individualmente para cada imagen, pero la práctica común sería también combinarlas y simplemente referirse a imágenes como izquierda, derecha, inferior. Entonces en este texto que tenemos todo escrito en un bloque de texto para simplificar los créditos en caso de que todas las fotos fueran tomadas para un artículo por el mismo fotógrafo. También puede incluir el nombre al principio dentro de la sección de byline. Entonces aquí por ejemplo, tenemos palabras, que es el artículo escrito por una persona. Y, pero luego inmediatamente después de eso está el crédito para el fotógrafo. Es bastante común que otros colaboradores también sean nombrados en la sección de byline. Entonces aquí por ejemplo, al lado del autor, tenemos nuevamente al fotógrafo, pero también al estilista del lado derecho. Ahora, hay muchas formas diferentes de sumar los títulos. Pueden ser cajas que se superponen a una imagen, o pueden escribirse sobre las imágenes. Y en estos casos generalmente debe ser en la parte inferior donde está escrito no en la parte superior porque puede resultar confuso si mueve los títulos por ahí. Es otra vez, bueno tener un sistema para ellos. Pero esta es otra vez una regla que se puede romper si tiene sentido. En este ejemplo, tenemos los textos en la parte superior izquierda de esa imagen. Pero eso se debe principalmente a que la imagen en la esquina extrema derecha del spread donde no hay nada más encima de ella. Por lo que es obvio que este título se refiere a esta imagen. Y la razón por la que ahí se colocó este texto, porque ese era el mejor espacio negativo dentro de la imagen. Por lo que habría sido difícil leerlo en cualquier otro lugar. Y eso es solo otro buen ejemplo de entender las reglas no significa que siempre tengas que seguirlas a todas. Se trata de ser flexible y adaptar las reglas a la situación real que tienes en un spread. Si hubiera otra imagen encima de esto, probablemente evitaría agregar el título aquí en la esquina superior izquierda. Hay otro término bastante importante para aprender en diseño de impresión. Es el sangrado, que suele ser importante cuando colocas imágenes en tu propagación, ya sean imágenes más pequeñas o estén cubriendo toda la propagación, lo más probable es que quieras que se vayan todo el camino hasta el borde. Entonces como esta imagen aquí va todo el camino hasta el borde en la parte superior, o esta imagen va todo el borde del camino a la derecha. Y aquí es donde necesitas asegurarte de que has sangrado. El sangrado suele ser adicionalmente tres milímetros fuera del tamaño final de impresión, que luego se recorta. Y cada vez que configuras las imágenes en InDesign, solo tienes que asegurarte de que el límite real o el borde de la imagen vaya hasta el borde de la hemorragia para que sean tres milímetros sacrificado para asegurarte de que obtienes un borde perfectamente impreso. Por supuesto, el sangrado no es sólo para las imágenes, también es para el resto de la propagación. Al igual que en este caso, tenemos un color azul muy sutil en el fondo, lo que significa que necesitas sangrar a lo largo de toda la propagación. Y hay una gran variedad de imágenes que puedes usar, ya sean ilustraciones, infografías, o fotografía, e incluso puede ser una combinación de éstas. No obstante, una vez que escojas cierto estilo, digamos un estilo de ilustración, como en este caso, Eso debe llevar adelante en todo el artículo. Por lo que es común si hay una comisión ilustradora para trabajar en un artículo, estarían cubriendo todos los elementos gráficos necesarios. Una vez más, esto está a punto de asegurar la repetición y unidad dentro de tu diseño, que definitivamente es una de las cosas más importantes para que se vea profesional ahora para imágenes que atraviesan un extendido, por lo que cubre ambos lados. Normalmente los llamamos camión doble o corremos por ahí. Y aquí hay un buen ejemplo para eso. O aquí hay otro que se puede ver. No significa necesariamente que sea una imagen en el fondo y luego pongas texto encima de ella que pueden ser formas ingenieras de integrar tu tipo detrás y delante y crear un poco más perspectiva o profundidad dentro de su propagación. Y eso es otra vez, un objetivo muy importante para ti como diseñador. Porque si se puede hacer un plano bidimensional, que es la revista se extendió en algo que se siente más tridimensional. Tus lectores se sentirán más atraídos a entrar en ese espacio que creaste. Y hay un término más sobre imágenes que vale la pena mencionar. Y eso es paquete fotográfico, que generalmente se refiere a un clúster de imágenes combinadas juntas en una columna o incluso a una sola fila, o incluso cuando se superponen y se apilan una encima de la otra como aquí. Ahora cuando nos referimos a la zona segura dentro del diseño, normalmente nos referimos a todo dentro de los márgenes. Los márgenes son esos bordes exteriores invisibles. Eso asegura que los textos no se acerquen demasiado al borde. Una vez más, eso puede ser excepciones como la cabeza corriendo en este caso, y el pie de página en la parte inferior con los folios. Pero aparte de los márgenes exteriores, hay que prestar también atención a los márgenes interiores, a los que normalmente nos referimos como el arrastramiento. Y aquí es donde tendrías la encuadernación o la columna vertebral de la revista. Entonces, aparte de mantener las cosas alejadas de los bordes, probablemente sea aún más importante no colocar nada importante en esta sección central de la propagación. Y eso se aplica tanto a los elementos textuales como a las imágenes. Entonces nota cómo aquí hábilmente, los cuatro personajes dentro la ilustración se colocan en el lado izquierdo y derecho, pero nadie está en el centro. Es por ello que la planificación es tan importante y el editor debe comunicarse siempre con el ilustrador que se encarga de trabajar en el mismo artículo. Ahora por supuesto, no siempre se puede evitar tener ningún detalle importante alrededor de la columna vertebral o fluencia. Por lo que en este caso, esta camioneta doble tendría algunos detalles que cae en esa sección de columna vertebral. Pero aún así, se puede ver que el diseñador prestó atención para no tener el texto en el arrastramiento. Es tanto aquí a la izquierda como a la derecha. Todavía va a ser legible una vez que la impresión final salga con este ejemplo de nuevo, porque la imagen cubre toda la extensión, es imposible evitar que los detalles terminen cerca de la columna vertebral o dentro de la fluencia. No obstante, todos los elementos textuales siguen siendo seguros y lejos del arrastramiento. 5. Publicación de la revista: longitud de la línea: Ahora, podrías recordar que mencioné en la primera parte de este video que el principal elemento textural dentro tu spread siempre va a ser la copia corporal. Aquí es donde la legibilidad es el aspecto más importante de tu diseño. Por lo que terminarías normalmente usando columnas para dividir el texto, asegurándote de que la longitud de tu línea no sea demasiado larga. Y cuando se trata de crear columnas, terminarías teniendo también una canaleta o LE, que es el espacio negativo dentro de las columnas. El tamaño para esto realmente depende del tamaño del texto y de la longitud de la línea también. Pero esencialmente lo que quieres asegurar es haya suficiente diferencia visual entre los dos lados. Por lo que tus lectores no terminarán saltando de un lado a otro accidentalmente. En algunos casos, puedes empujar un poco los límites y usar unas columnas muy estrechas como esta. No es realmente cómodo de leer. Una vez más, es un poco demasiado corto de una longitud de línea. Pero porque hay uso de justificación, lo que crea un borde muy afilado a la derecha en lugar de tener unas líneas desigual. Por lo que en estos casos, también podría ser capaz de reducir el tamaño de la canaleta o callejón entre las columnas. Recuerda, la legibilidad debe ser tu prioridad número uno y no el formato estilístico de gravado. Cuando se trata de dividir columnas, también se podría usar una regla descendente, que sería un elemento gráfico que dividiera las columnas. Entonces en este caso, estas son solo líneas simples, pero también puedes ser un poco más sutiles descargas de video como aquí tenemos estas vagas líneas punteadas corriendo hacia abajo al final de cada columna. Entonces al lado derecho de cada columna. Ahora, hay otro elemento muy común dentro un spread de revista que tiene varios nombres diferentes. Esto es de lo que estoy hablando cuando tienes un pequeño artículo adicional leyendo el artículo, es como una historia paralela que se relaciona con el artículo en sí. Hay muchos nombres para esto, lo que se puede llamar panel, copia de caja de libros, barra lateral y también cobertura secundaria. Existen ligeras diferencias entre todos estos, pero esencialmente todos se relacionan con estos detalles adicionales separados o aislados que generalmente ayuda a contar una historia completa además del cuerpo principal copia. Ahora estos deben separarse visualmente y diferir del resto de la copia del cuerpo y el resto de la revista se extendió. Entonces eso es sólo para asegurarse de que el lector sepa exactamente cuándo leer, que puedan decidir leerlo primero antes que terminen leyendo la copia del cuerpo o después, depende completamente de ellos. Pero tú como diseñadora, solo tienes que asegurarte de que esté aislado. Eso puede ser mediante el uso de una fuente diferente, un color de fondo, y realmente puede variar en tamaño. A veces incluso puede ocupar la mitad de la página. No obstante, la colocación más común para estos elementos sería en el borde derecho de la propagación. Por lo que esta es una colocación ideal para una barra lateral. panelistas también pueden ser más gráficos en lugar de solo confiar en texto como aquí tenemos más como una pequeña infografía, pero aún así sería considerado un panel. Y aunque aquí en el lado izquierdo, no tenemos un color de fondo distinto, este detalle sigue siendo lo suficientemente aislado al tener aquí esos simples elementos gráficos, creando un pequeño marco y una vez otra vez, ayudando o asegurando que esto sea lo suficientemente aislado como para convertirse en un panel o caja fuera. Ya que estamos hablando de marcos, líneas, por supuesto, también son elementos importantes dentro de una revista difundida. Pueden ayudar a guiar al lector y dirigir su atención a ciertos detalles. Aquí tenemos una regla, por ejemplo, justo debajo del titular o una aquí tenemos una línea de ojos, que normalmente llamamos cuando una línea corre por toda la propagación. Esta es otra forma de unificar visualmente las dos páginas. Y recuerda cuando hablé de profundidad aquí, hay un hermoso ejemplo de integrar la imagen que está en el fondo con esa línea de ojos que parece estar detrás de la imagen. Así que a pesar de que la mayor parte del texto se coloca encima de él, todavía hay otro elemento que se siente como si estuviera corriendo detrás de la imagen. Entonces esa es una forma inteligente de usar técnicas de enmascaramiento para establecer más profundidad y perspectiva en el diseño. Y por último pero no menos importante, tenemos que hablar de espacios en blanco o espacio negativo, que es todas las áreas vacías dentro de tu revista difundida. Estos son tan cruciales como todos los demás elementos de los que ya hablamos. Porque sin un buen equilibrio entre el espacio negativo y positivo, terminarías teniendo un diseño desordenado y claustrofóbico. Por lo que hasta esta gorra de caída masiva que tenemos aquí la izquierda define un espacio negativo bastante grande. Y por cierto, drop cap es otro término que se utiliza para definir estos primeros personajes grandes que pueden volver a funcionar como un buen punto de entrada o un punto focal en el diseño. Y si te interesa conocer más sobre ellas, tengo un video separado en el canal, cómo usar Photoshop e InDesign para crear tapas de caída emocionantes y atractivas. Pero volver al espacio negativo al tener mucho de él realmente intensifica el resto de los elementos y da un poco más de espacio para respirar. Por lo general cuanto más uses espacio negativo, más elegante y lujoso se extendió tu revista. Nos sentiremos como a pesar de que con esta fotografía tenemos un color en la parte posterior porque no hay detalles reales. También consideraría ese espacio negativo. 6. Encabezamiento: Lo primero que te voy a mostrar es cómo configurar un estilo de personaje. Porque esto es lo que necesitaremos para poder usar un formato diferente en cada spread, pero aún así poder usar lo mismo de ejecutar la definición de encabezado. Así que el panel Estilos de Carácter encontrará en el menú Ventana bajo estilos. Entonces ahí es donde está. Una vez que esté abierto, todo lo que tienes que hacer es desseleccionar todo en tu spread actual y luego hacer clic en el signo de pequeño plus. Esto va a crear sólo un estilo de personaje completamente vacío. Puedes hacer doble clic en esto y cambiarle el nombre. Solo voy a llamarlo encabezado corriendo solo para poder referirlo más adelante también. Tan importante que no debería basarse en nada y no debería tener ninguno en los ajustes de estilo. Por lo que es un estilo de personaje completamente en blanco y vacío. Y antes de que aceptemos los cambios, también le asignaré un atajo solo para que sea más fácil aplicarlo, voy a usar la opción uno como los atajos haré clic OK, y es genial que el atajo también está mostrando aquí en el panel. Por lo que es sólo una forma más rápida y fácil de aplicarlo. Ahora estoy aquí en el primer parámetro y me gustaría que el encabezado corriendo aparezca aquí en la parte superior izquierda. Y este es el texto que me gustaría que el encabezado running muestre en el siguiente spread, me gustaría que las aventuras creativas muestren una vez más, ahí en la parte superior. Si alejo un poco, se puede ver que estos dos textos, son completamente diferentes en el formato, así que no puedo usar el mismo estilo de párrafo para ellos. En cambio, lo que estamos haciendo es usar este estilo de personaje que acabamos de definir. Por lo que voy a seleccionar este marco de texto y haga clic en el estilo de carácter del encabezado en ejecución. Y ya que esto se configuró con cualquier cosa dentro de él, por lo que es un estilo en blanco. No va a hacer ningún cambio en el texto en sí. No obstante, si entro en la herramienta de tipo seleccionada y la compruebo aquí bajo el estilo de personaje. Ahora, en realidad muestra que este estilo se ha aplicado. Entonces, ¿por qué es importante eso? Porque ahora vamos a colocar en un encabezado en ejecución en nuestra página maestra. Pero primero quería mostrarte que un encabezado en ejecución necesita ser especificado como una variable de texto, que puedes encontrar en el menú Tipo. Y ya tienes una definición de encabezado en ejecución creada por defecto en InDesign. Esto se puede cambiar entrando en la opción define. Y debajo de ahí, al seleccionar el encabezado en ejecución, puede hacer clic en editar. De esta manera, puedes decidir si va a funcionar con un estilo de párrafo o con un estilo de personaje. Ahora como ya configuramos nuestro estilo de personaje, también podemos seleccionar que de este desplegable, el estilo debería ser ese blanco corriendo Heather y usar la primera instancia de ese estilo dentro de este texto variable que acabamos de configurar. También podemos optar por cambiar el caso y establecer todo en mayúsculas. Pero por ahora sólo voy a mantenerlo así. Y haga clic en Ok. Por lo que ahora podemos hacer clic en Hecho y que las variables fiscales estén listas. Ahora podemos ir a nuestra página maestra. Entonces un maestro en este caso, que probablemente sea el mejor lugar para trabajar a través de variables de texto y ejecutando Heather en general, ya tengo un marco de texto creado aquí. Y todo lo que tengo que hacer ahora es una vez que hice clic dentro de él para entrar en el menú Tipo y elegir Insertar Variable de la opción variables de texto y elegir ejecutar cabecera va a aparecer así. Así que estamos simplemente dice encabezado corriendo, esos corchetes. Pero eso significa que es una variable que realmente va a cambiar en las páginas. Entonces si voy a la página número 23, podemos ver ya recogió ese texto resaltado donde usamos el estilo de carácter y solo está replicando eso. Entonces, por ejemplo, si tengo que cambiar el título y digamos que sólo escribimos en el salvaje. Una vez que haga clic de distancia, se va a refrescar automáticamente. No obstante, encontré que si no se actualiza de inmediato, si haces clic en otra página y vuelves, entonces verás los cambios sucediendo dentro del encabezado en ejecución. Por lo que solo toma algún tiempo refrescarse, pero se va a refrescar eventualmente. Y lo más importante está conectado y ya no tienes que preocuparte por ello. Ahora, para poder utilizar esto en el resto de la revista, todo lo que tenemos que hacer es definir los títulos o los textos que nos gustaría ver en el encabezado corriendo. Por lo que se puede ver actualmente todavía se dice en la naturaleza porque no hay instancias de ese estilo de personaje en esta página. Entonces lo que puedo hacer es seleccionar este marco de texto. Puede resaltar el texto si lo desea, o simplemente seleccionar todo el marco de texto y luego hacer clic en encabezado en ejecución. Y una vez que hagas eso, una vez más, solo necesitamos refrescar la página así que hago doble clic, vuelvo , y ya puedes ver ahora dice aventuras creativas. Entonces a pesar de que estos son dos formatos completamente diferentes que estamos utilizando para la fuente, el encabezado en ejecución. Gracias a ese estilo de personaje en blanco, va a funcionar perfectamente. Así que hagamos otra prueba. Vendré a esta página donde me gustaría que estos textos de diseño se utilizaran para nuestra variable de texto. Una vez más, solo aplico el estilo de personaje y tal vez vengo a otra página aquí donde me gustaría que se usara esta gran vida urbana. Una vez más, simplemente aplicando cabecera en ejecución. Por cierto, también hay otra forma rápida de aplicar estilos. Si presiona Comando o Control Enter, Esa es la opción de aplicación rápida donde normalmente obtendrías los estilos usados más recientemente que vienen de inmediato o simplemente puedes escribirlos . Y entonces esa es una forma rápida de atravesarlo también. Una vez que veas la opción que necesitas, simplemente presiona de nuevo Enter y luego la va a estar aplicando. Por lo que ahora si venimos aquí, fíjate que ya está actualizado sobre este spread y podemos volver a este otro spread encendido. Así que de nuevo, el centro de atención del diseñador mostrando eso y eso es todo lo que realmente necesitas saber sobre cómo configurar un encabezado en ejecución para InDesign. 7. Dibujo de miniaturas: Aquí estamos en InDesign y tenemos esos pocos elementos que podremos utilizar para estas composiciones que armamos. Y se puede argumentar que incluso lo que podemos ver en la pantalla en este momento podría funcionar en una revista. Por lo que tenemos nuestro titular aquí o título. También se puede convocar para este artículo. Después tenemos la primera copia estándar o intro y luego la copia del cuerpo, que es el propio artículo. Y luego tenemos dos elementos gráficos también. Tenemos nuestra foto a la derecha, que es de Unsplash. Entonces tenemos también un icono simple que es de Noun Project. Los enlaces para estas fuentes se encuentran en la descripción a continuación. Ambos son gratuitos. Puedes descargarlos y luego puedes recrear esencialmente lo que estoy haciendo aquí. El ejemplar en sí que obtuve de Wikipedia. Nuevamente, el enlace está en la descripción a continuación. Si quieres seguir adelante, puedes hacerlo fácilmente. Y lo que voy a intentar hacer aquí es mostrarte que con un poco de pensamiento creativo con los mismos elementos exactos y sin cambiar nada en cuanto al formato en el texto, estaremos tratando de armar tres diseños o composiciones creativas más, teniendo en cuenta y respetando principios de diseño como el equilibrio, la jerarquía, y hasta el ritmo, que entraré en más detalle más adelante, solo para asegurarte de entender lo que significa. Siempre es mejor aprender a utilizar estas teorías cuando realmente puedes verlas en acción. Sin embargo, antes de empezar, aquí hay un lapso de tiempo rápido de los bocetos que he hecho. Yo uso Procreate, pero puedes hacerlo en papel. Realmente no importa, y no toma mucho tiempo hacer esto es sólo importante tener una idea aproximada de lo que vas a crear. Y se puede ver que esto es realmente sólo miniaturas simples. No se trata de hacerlo bonito, se trata de solo pensar dónde vas a colocar esos pocos elementos que tenemos en la pantalla. lo que suele ser mínimo tres miniaturas con las que comenzaría antes de empezar a hacer cosas en InDesign o en las otras aplicaciones de Adobe. Y es una buena práctica no sólo parar en la primera maqueta porque nunca se sabe. Es posible que tengas ideas realmente buenas, que solo encontrarás una vez que empieces a explorar opciones adicionales. 8. Ajustar texto: Pero ahora que tenemos nuestros tres conceptos a partir de estos bocetos, podemos empezar. En primer lugar, voy a duplicar este spread porque me gustaría volver a ella más tarde sólo para poder comparar el punto de partida original y lo que creamos. Ahora una de las primeras cosas que tendré que hacer aquí es aumentar el tamaño de esta bombilla. Es un objeto vectorial que coloqué en InDesign, y eso significa que es independiente de resolución, por lo que podemos aumentar fácilmente el tamaño. Lo haces manteniendo pulsada la tecla Comando o Control Shift y arrastra uno de los puntos de esquina. Ahora necesito que esto sea blanco, así que voy a seleccionarlo y cambiar el relleno a papel. A continuación necesitamos envoltura de texto, que puedes encontrar desde el menú de la ventana. Una vez que tenga el panel abierto, simplemente haga clic en el tercer icono envolver alrededor de la forma del objeto. Aquí no necesitamos usar offset porque esto es sólo una forma, por lo que no tiene ningún contorno. Entonces no va a chocar con el impuesto. Pero para que el texto haga que esto se vea mejor, lo que voy a hacer es cambiar la alineación. Vamos a mover los textos un poco más arriba para que podamos verlo mejor. Entonces para crear ese borde gráfico fresco y agradable en el lado derecho, usaremos la justificación en nuestro atajo de copia para eso es Comando o Control Shift G. Así que hay justificación habilitada. Pero si presiona T en el teclado teniendo seleccionado el tipo, también puedes elegir la opción aquí, justificar con última línea alineada a la izquierda. Ahora, ya que el marco de texto es realmente amplio, no necesitamos guiones, así que esto es algo que voy a apagar. Puedes encontrar esto en las opciones de párrafo y simplemente desactiva el guion. El motivo por el que mencioné el ancho de los marcos de texto es porque si tienes una más estrecha que usar justificación sin guiones causará estos vacíos muy feos, a los que normalmente nos referimos como inversos. Entonces definitivamente es algo que quieres evitar. Y es por eso que voy a simplemente devolverlo como era ahora que tenemos este gran espacio en blanco o espacio negativo creado aquí, valdría la pena usarlo para algo que es importante. Por lo que será un punto focal de todo el diseño y composición y eso sería perfecto para nuestra copia de intro. Ahora, para que esto pueda trabajar aquí, ya que tenemos una envoltura de texto en ese ícono de bombilla, tendremos que usar Comando o Control B en este marco de texto y elegir Ignorar envoltura de texto. De esa manera, podremos moverlo encima de ella, pero también tenemos que asegurarnos de que esté alineado encima de todo lo demás. Eso es turno de mando o control, corchete derecho. De esa manera salta hasta la cima. Y ahora sólo tenemos que ajustar el marco, hacerlo más pequeño, algo así. No quiero ningún guion aquí, así que vamos a quitártelo. Alinearé esta copia al centro porque tenemos una bonita forma simétrica detrás de ella. Entonces mantengamos la copia también simétrica. Eso es el turno de mando o control C rápidamente. Y voy a mantener presionado Comando o Control Shift y arrastraré esto hacia arriba solo para aumentar el tamaño. Haga doble clic aquí solo para ajustar el marco. Y creo que eso se ve bien. Pero ahora hay un tema muy importante aquí. Y es decir, realmente no podemos tener copia cerca del centro del spread. Esto es a lo que nos referiríamos como la canaleta. Y otro término que es bastante importante, el creep, que de nuevo nos ayuda a asegurarnos de que no colocamos copia demasiado cerca del centro, nuevo, donde va a estar la costura o la encuadernación. Y si tienes algún texto cercano a eso va a causar problemas. Por lo que hay espectadores no podrán leer las cosas correctamente. Incluso partes importantes de las imágenes no deberían caer en el centro exacto. Entonces lo que tenemos que hacer es seleccionar ambos juntos y sigamos moviéndolos a la izquierda hasta que nuestra copia esté segura. Yo diría que necesita estar un poco más allá. Entonces voy a simplemente arrastrar este marco de texto, algo así se ve un poco ya mejor. A lo mejor vamos a moverlo un poco más adentro sólo para estar del lado seguro. Entonces si miramos esto ahora estamos dentro de nuestros márgenes. Y por cierto, tengo varias columnas aquí. Eso es lo que ves ahora. Y solo presiono W en el teclado para cambiar entre el modo normal y el de vista previa. Prefiero usar el modo de vista previa para el tutorial solo para que te sea más fácil seguir lo que estoy haciendo. Ahora. Lo que creo que voy a hacer aquí es que este último párrafo se mueva en la otra página. Entonces voy a cortar esto Comando o Control X. Y lo voy a colocar en un marco de texto separado. También puedes usar enhebrar en InDesign para esto. Pero por ahora, en realidad me gustaría mantenerlo completamente independiente. Por lo que voy a crear un marco de texto separado y solo pegaré esa copia ahí. Nos preocuparemos por esto más adelante, pero de esta manera, ahora tenemos un poco más de espacio para jugar por aquí en el lado izquierdo. Y siento que probablemente podemos mover estos dos juntos un poco más hacia la izquierda. Ahora también puedes agruparlos juntos, That's Command or Control G. Y eso sólo hará que sea más fácil seleccionar todo esto en el futuro. Ahora que los tenemos aproximadamente en su lugar, es hora de jugar también un poco alrededor con la imagen. Siento que se vería mejor si tenemos una superposición entre las dos páginas. Entonces lo que voy a hacer es arrastrar el marco de texto hacia la izquierda. Lo arrastraré hacia abajo. Es importante que me gustaría tener toda esta silueta de la bombilla completamente visible. Entonces tenemos que asegurarnos de que tenga una definición en la parte superior, en la parte inferior. Y luego para definir el lado derecho de la misma, voy a usar la imagen. Así que vamos a arrastrarlo. Y como dije, crear esa superposición entre el lado izquierdo y el lado derecho de la propagación. Probablemente pueda llegar un poco más lejos. Así que solo voy a mantener presionadas las teclas Comando y Mayús, o las teclas Control y Mayús juntas y arrastrarlas hacia fuera. Una vez más, busco la parte inferior de la bombilla. Esto es bastante importante para definir y hacer visible la silueta. Entonces creo que ahora eso se ve mejor. Podemos ajustar de nuevo nuestro cuerpo copia y alinearlo. Baje un poco así. Sí, creo que eso se ve bastante bien ahora. Ahora la imagen misma, nos ajustaremos más adelante, pero ya ahora lo que podemos hacer es aumentar el tamaño de la imagen dentro del marco que haces haciendo doble clic sobre ella. Y cuando ves esos contornos marrones, eso significa que estás cambiando el tamaño de la imagen dentro del marco. Por lo que el marco permanece igual. Y probablemente podamos arrastrarlo hasta aproximadamente por ahí. Creo que eso funcionará. 9. Títulos: Tratemos con el titular o el título. Esto puede ser mucho más grande otra vez, cambio de comando o control y arrastrarlo hacia fuera. Probablemente algo así funcionará. Ahora lo que voy a hacer es mantenerlo alineado aquí en el lado izquierdo para que podamos tener nuestra copia corporal y ese texto alinear. Y también por supuesto podemos ajustar esto para asegurarnos de que se alinea con el margen y para agregar un poco de intereses aquí en la parte superior. Pero también voy a hacer es aumentar el tamaño un poco más hasta que podamos alinear perfectamente el borde de la imagen y la E, o el borde de la e, esa primera palabra termina. Así que sólo voy a alinearlo así. Y luego voy a pilas de caramelos sosteniendo la tecla Alt u Option y luego flecha izquierda. Puedo arrastrarlo todo el camino. Por lo que eliminó por completo los datos de espacio mediante el uso de esta corriente reducida aquí. Y luego cambiaré el color del texto a blanco. Entonces voy a entrar aquí y cambiarlo a blanco. Entonces hay un bonito color invertido ahí en el titular. Creo que eso funciona muy bien. No obstante, siento que ahora tenemos demasiado espacio en la parte inferior. Entonces, antes que nada, movemos nuestro cuerpo copiado hacia abajo y creo que ya se siente un poco más equilibrado. A lo mejor los textos también pueden bajar un poco. Ahora, no se olvide de nuevo el arrastramiento, el centro del spread, tenemos nuestro titular corriendo por las dos páginas. En estos casos, lo que necesitas para asegurarte es que añadas ese espacio ahí. De nuevo, puedo usar el kerning para esto, así que simplemente haga clic allí y luego tecla Alt u Opción , flecha derecha, empujándola hasta que tenga suficiente espacio ahí. Y realmente depende de la vinculación, qué tipo de vinculación es. Tienes que consultar con tu impresora y también obviamente el tamaño de la revista, cuánto tiempo es, cuántas páginas se cosirán juntas o se enlazarán? Y teniendo eso en cuenta, establecerás el espaciado o ambos lados derecho e izquierdo. Lo que tendría que hacer aquí es obviamente hacer lo mismo en el lado izquierdo también. Y aunque es importante considerar que para el ejemplo visual que estoy haciendo aquí, sólo voy a mantenerlo como estaba, porque será más como un adelanto de cómo podría verse en la impresión. Pero solo quería advertirte que tienes que considerar este tipo de cosas. Si corres titulares o textos sobre el centro del spread. 10. Letra capitular anidada: Ahora vamos a crear una gorra de gota fresca que pueda atar el titular y la copia del cuerpo en y también crear un punto de entrada agradable e interesante para nuestra copia de cuerpo. Para ello, voy a usar la misma fuente que tenemos aquí en el título. Y puedo muy rápidamente simplemente arrastrarlo hacia abajo manteniendo presionada la tecla Alt u Opción y simplemente teclear T y hacer doble clic en un punto de esquina reducirá el tamaño del marco. Entonces ahí tenemos nuestro marco que necesitamos. Ahora, la razón por la que estoy haciendo esto es porque si solo voy directamente aquí y selecciono este primer párrafo, y luego desde las opciones de párrafo, presento las tapas de caída. Observe que el problema con las letras como el té es que crea un enorme espacio vacío a su alrededor. Realmente no me gusta cómo encaja en el texto. Para que ese gran espacio negativo allí no funciona realmente bien incluso cuando lo miramos desde la distancia. Quiero decir, no es un problema enorme. Pero en estos casos, lo que prefiero hacer es crear este marco de texto separado. Entonces tenemos nuestra T lista aquí y sólo voy a moverla tal vez a un lado solo para que puedas verlo mejor. Ahí. Voy a cambiar el color de esto en las opciones de formato de personaje a blanco. Y cambiaré al contenedor y colorearé ese negro. Ahora, tenemos aquí un texto invertido, y podemos empezar a cambiar el tamaño de este marco. Y luego usaré nuestro comando Control Shift C atajo para centrar el texto horizontalmente. Entonces no importa cuán grande o estrecho, este marco siempre va a estar en el medio. Y para alinearlo verticalmente, presionaré Comando o Control B, que es el texto Opciones de Marco y escogeré Alinear Centro. De esta manera, de nuevo, si ajusto, el marco siempre se va a quedar en el centro. Por lo que de esta manera ya tenemos una bonita configuración. Siento que algo así se ve bien. Podemos reducir el tamaño de la misma mediante el uso de Comando o Control Shift drag y luego tal vez solo un poco más de espacio vertical. Siento que eso se ve bien. Ahora Comando o Control X para cortar esto y luego colocarlo aquí en el párrafo. Así que solo pon tu cursor al principio del párrafo y luego Comando o Control V para pegarlo en él. Entonces esto se convierte en un marco de texto anidado dentro de ese párrafo. Y podemos eliminar la T mayúscula original de la copia del cuerpo. Y teniendo ese párrafo resaltado, podemos volver atrás y configurar nuestra Drop Cap. Y probablemente podamos usar sí, tal vez usar seis líneas o siete. Y luego solo ajusta un poco el tamaño de este fotograma, nuevamente, usando ese atajo de escala hasta que coincida correctamente y encaja muy bien en el texto. Ahora sólo podemos añadir un poco de kerning aquí entre la tapa de gota y la copia del cuerpo alter opción flecha derecha. Y creo que eso se ve bastante bonito. Así que mirando esto desde la distancia, tenemos una bonita repetición tanto del formato de texto entre el titular como la tapa de gota, pero también repitiendo esa inversión de negro a blanco. De nuevo aquí dentro de este pequeño marco, tenemos ese contraste de blanco y negro. Estas señales visuales son enlaces entre los elementos en su diseño son muy importantes. Ayudan a unir las cosas, pero también establecieron la jerarquía o la importancia de los elementos. 11. Fuera de los límites: Ahora siento que nuestra imagen puede bajar un poco, así que sólo voy a arrastrarla hacia abajo. Tal vez en algún lugar por ahí. A lo mejor podemos añadir un poco de contraste aquí en el texto también. Y siento que la perspectiva fresca es la palabra clave o el término aquí que hay que destacar. Para esto, voy a usar probablemente negrita. Ahora, siempre que tengas múltiples opciones de estilo para la fuente, no vayas por un solo paso si quieres resaltar algunas cosas. Entonces en lugar de ir a maniquí, que se vería así, vaya siempre dos pasos hacia arriba. Por lo que iría a bordo. De esa manera. Hay suficiente contraste entre el texto regular y la versión en negrita resaltada del mismo. Usar contraste es muy, muy importante en todo tipo de diseño. Ya sea solo un punto culminante simple en textos como ese o tener un gran espacio negativo o vacío al lado de la copia del cuerpo, todos estos crean interés visual y lo más importante, establecen el ritmo para que no lo hagas quieren tener cosas demasiado ocupadas en un solo lugar. Quieres tener algo de espacio respiratorio junto a un área muy densa. Entonces justo después de este gran bloque de texto, tenemos ese bonito espacio respiratorio aquí y algunos intereses visuales. Y luego pasamos a una imagen agradable y agradable. Y sólo después de eso tenemos algunos textos adicionales que por cierto, solo necesitamos arreglar y trabajar con aludidos para que funcione. Ya que vamos a tener un marco de texto más estrecho aquí, voy a usar flush left or left or left left align, Eso es Comando o Control Shift L. Y voy a arrastrarlo aquí y tal vez también solo hazlo un un poco más estrecho, algo así. Ahora aquí voy a resaltar estos nombres al principio. Entonces esto es un poco de una intro en el párrafo. Entonces acabaré de configurar estos como audaces o semi audaces, lo que tenemos disponible aquí. Y a continuación voy a crear un marco adicional para esto. Solo estoy presionando F en el teclado y dibujo este marco aquí en el borde y pongo el color de relleno en blanco o papel. Ahora sólo tenemos que moverlo hacia atrás un paso, eso es Comando o Control, corchete izquierdo. Creo que eso funciona muy bien. A lo mejor podemos simplemente aumentarlo un poco más lejos. Y por cierto, observe que hemos sangrado ya establecido aquí. Nuevamente, eso es algo que puedes encontrar en Configuración de documentos. Solo asegúrate de usar sangrar para casi todo lo que estableces para imprimir. Y el sangrado de tres milímetros es un buen lugar para comenzar. Entonces todo lo que tienes que asegurarte es que todos estos detalles van pasando todo el camino a través del borde de sangrado. Puede ir más allá, pero solo asegúrate de tener, por ejemplo, el borde de la imagen no termina aquí justo en el borde de la página, pero en realidad va más allá de eso y al menos cubre el sangrar o va más allá de eso. Eso no es un tema. Esto ayuda a asegurarse de que una vez que esto se haya impreso, no haya espacios blancos visibles en los bordes. Y al igual que con la imagen, tenemos que asegurarnos de que este marco Blanco vuelva a cubrir el borde sangrante o vaya más allá de él. Entonces si miramos esto desde la distancia, funciona bastante bien, pero se verá mucho mejor si tenemos esta mano viniendo sobre este marco de texto blanco. Y la forma en que podemos lograrlo es mediante el uso de Photoshop. Entonces voy a usar Option o Alt, haga doble clic en esta imagen, que la abrirá directamente en Photoshop. Y aquí todo lo que tenemos que hacer es usar Select Subject, que es una manera brillante de encontrar muy rápidamente una buena selección para esta imagen. Y entonces todo lo que tenemos que hacer aquí es duplicar esta capa. Y luego podemos llamar a esta máscara de capa. Después da click en la bandera japonesa aquí en la parte inferior, que va a enmascarar esa selección. Ahora, si queremos ser más precisos, también podemos simplemente pintar manualmente sobre estos pequeños detalles aquí, huecos mediante el uso de la herramienta pincel y pintando en la miniatura de la máscara, ese negro y miniatura blanca en el panel de capas. De esa manera podemos hacer esto bien, pero ya tengo esto preparado así que no voy a perder el tiempo en ello. Todo lo que normalmente haría es guardar esto como un archivo separado como PSD, que entonces podremos usar dentro de InDesign. Entonces como ya tengo este archivo PSD, lo que voy a hacer es copiar esta imagen, pegarla, y notar que pega encima del original porque estoy usando el atajo de pegar in place. Ahora, efectivamente tenemos dos versiones de la misma imagen una encima de la otra, una en la parte inferior y otra encima del marco de texto. Pero para esta que está en la parte superior, voy a usar las opciones de capa Object, que se puede llegar haciendo clic con el botón derecho. Y entonces aquí todo lo que tienes que hacer es apagar el fondo. Entonces la capa de sujeto es esa más capa que creamos. Y de esa manera ahora podemos crear este bonito efecto fuera de marco donde sale la mano. Y si quisiera, siempre puedo alejarme eso. Pero cada vez que lo muevo, tengo que asegurarme que se seleccionen tanto la imagen en la parte trasera como esta imagen en el frente. Así que sólo para mostrarte, si muevo esto por ahí, ahí está la imagen en el fondo sin el enmascaramiento, y esta es la versión maestra en la parte superior. Técnica tan muy simple, pero muy efectiva. 12. Uno no es suficiente: Ahora en este punto es posible que ya sientas que has hecho el trabajo, lo has clavado. Se puede enviar al cliente y luego es trabajo hecho. No obstante, siempre recomendaría hacer al menos una más, o si es posible, a más versiones. De nuevo, tenemos tres bocetos. Entonces, ¿por qué no recrear los también en InDesign no toma mucho tiempo. Y haz esto antes de hacer los pequeños ajustes finales en la copia, poniendo en elementos adicionales que se necesiten. Pero tener tres versiones casi finalizadas presentadas al cliente siempre se sentirá más profesional y te dará también un poco más de tiempo para explorar y experimentar con los elementos que tenías que trabajar con. Ahora, por supuesto, siempre depende de cuánto tiempo tengas, pero al ponerse bien usando las herramientas y aprendiendo los atajos y practicando, esencialmente teniendo confianza en crear las cosas rápidamente. Eventualmente podrás hacer tres versiones al mismo tiempo que alguien más está haciendo solo una sola versión. Entonces como diseñador, sobre todo si trabajas en un entorno de agencia, hay dos habilidades muy importantes en las que estás confiando. Una es tu habilidad técnica. Entonces, qué tan rápido puedes recrear las cosas en estas aplicaciones. Y la otra es la comprensión de las teorías, que proviene principalmente de mirar grandes ejemplos y tratar de analizarlos y entender por qué funcionan. 13. Segundo diseño: Pero ahora es el momento de volver a InDesign y mirar las otras dos alternativas para este diseño. Voy a simplemente mostrarte las versiones finalizadas porque solo tardaría mucho volver a recrearla desde cero. No obstante, estas están utilizando las mismas técnicas exactas que antes aquí, en lugar de usar el ícono de la bombilla para crear espacio negativo o espacios en blanco, en realidad usamos fecha para el marco de texto, un poco de reversa apareciendo aquí en la parte superior por la justificación. Pero en general, siento que sigue siendo fácil de leer y la silueta de la bombilla está muy bien definida para equilibrar las cosas. Lo que he hecho aquí es que tengo el título girado de lado, juega ahí a la izquierda. Y utilicé un gradiente que se basa en la foto de la derecha. Por lo que casi se siente como si la foto continúe que sin embargo, esto es simplemente un degradado aplicado al texto. Entonces cuando selecciono el texto, se puede ver que ese es el color. Todo lo que necesitas hacer es crear dos muestras basadas en los colores superior e inferior de la foto y luego arrastrarlas al degradado para definirlo. Solo voy a arrastrar esto y simplemente mostrarte que también puedo revertirlo rápidamente si estaba en la dirección equivocada. Técnicamente, el único tema aquí que podría argumentar es no funcionar tan bien, es que tenemos nuestra copia de intro todo el camino en la parte inferior, por lo que viene después de la copia del cuerpo. Pero debido a que tenemos un enorme contraste en cuanto al tamaño del texto, a pesar de que está en la parte inferior de la página, los espectadores aún podrían empezar a leer esto antes de que salten aquí y empiecen a leer el copiarse a sí mismo. Ahora la razón por la que no usé un gorro de gota aquí es porque realmente no funcionaría bien y simplemente interrumpiría la silueta. Y por último, otra cosa que decidí hacer aquí es usar texto blanco o texto invertido porque sentí ganas de tener negro. Y puedo mostrarte esto muy rápido, es sólo un poco demasiado oscuro ahí en la parte inferior, me siento como blanco, de nuevo, mantiene un equilibrio visual entre el lado izquierdo y el derecho de la propagación. Ahora si sientes que el lado izquierdo y derecho de tu spread aún no está integrado ni conectado lo suficientemente bien, puedes hacer otra técnica rápida. Y eso es algo que se puede hacer con el marco de imagen. Simplemente seleccione el borde inferior del marco utilizando la herramienta de selección directa, la flecha blanca, presione a en el teclado y luego simplemente seleccione rápidamente ese punto. Normalmente hago esta selección de marquesina, así que asegurándome de que ninguna de las otras esquinas esté seleccionada. Entonces simplemente arrastra esto hacia fuera. Y con eso, puedo crear una línea diagonal. Y si mantengo presionada la tecla Mayús, puedo seleccionar tanto la esquina en la parte superior como la inferior. Y tal vez pueda simplemente arrastrarlos más de nuevo hacia la derecha. Algo así. Sí. Entonces tal vez simplemente arrastra esto más atrás otra vez. Por lo que hasta una simple línea diagonal como esa puede agregar más intereses visuales en la composición y también de nuevo, ayudar a atar los dos lados juntos. 14. Tercer diseño: último pero no menos importante, aquí está nuestra tercera composición, nuevamente basada en el boceto original, donde ahora se utiliza la bombilla para sostener el titular o el título. Y jugué con el título, aseguré de que los dos personajes estén muy bien conectados allí. Y aquí solo hay un pequeño truco visual. Utilizo el rectángulo para aumentar el tamaño de la T para que coincida con las partes verticales y horizontales. Entonces desde la distancia, se ve como una forma continua perfecta. Y no tengas miedo de colocar texto en el borde de formas como aquí, la C y la E, y también el G está desapareciendo en el espacio en blanco porque mientras sea claramente legible y sea lo suficientemente grande, todo el mundo podrá leerlo fácilmente, pero darle ese pequeño reto visual a tus espectadores siempre hará que toda la composición más intrigante y atractiva. Ahora se puede ver de nuevo, una bonita forma de vincular las cosas y aplicar la repetición en el diseño. Utilizo este color en la tapa de gota y también en el punto culminante en la copia de intro aquí a la derecha, para enfatizar esa perspectiva fresca. El ejemplar, doy la vuelta a la imagen y sin hacer que los textos rap sean demasiado intrusivos o molestos, sólo está afectando a una pequeña parte del año fiscal. Entonces ser sutil siempre es algo bueno, pero también presto atención para mantener las cosas alineadas. Por lo que se puede ver que este texto está alineado a la derecha al mismo borde que tenemos aquí para la copia del cuerpo. Y por último pero no menos importante, añadí este simple bloque aquí en el lado izquierdo usando el otro color que teníamos en los otros diseños. Porque me sentí como sin ella, tenemos un poco demasiado espacio vacío a la izquierda. Nuevamente, es una técnica sencilla para equilibrar los dos lados de la propagación. Y de nuevo, también está ayudando a establecer un poco de ritmo donde tenemos estos colores alternando. Entonces comenzando con este color que usar el otro. Y luego en la imagen Es principalmente ese tono azulado que vuelve. Y el ritmo, al igual que la repetición, es una gran manera de establecer el ritmo visual en tus composiciones. 15. Reflexiones finales: Entonces aquí están las cuatro versiones diferentes, empezando por la primera original, bastante aburrida y sosa toma, y luego las otras tres, que son un poco más creativas, pero aún usando exactamente lo mismo e incluso el mismo formato de texto. Entonces la mayor comida para llevar de este tutorial que me gustaría que realmente recuerden es que nunca se detienen en un solo diseño, incluso si sientes que resultó genial, siempre te empujas a experimentar y crear un par de versiones diferentes. Y además no te olvides de hacer algunos bocetos al principio porque te puede ahorrar tanto tiempo y estarás luchando menos viniendo con ideas una vez que estés en InDesign o en cualquier otro aplicaciones creativas. 16. Reglas tipográficas: letra capitular: En primer lugar, necesitas puntos de entrada en tus spreads. Estos ayudarán a los lectores a comprometerse y comenzar a leer el contenido. Ahora, estas pueden ser todo tipo de cosas diferentes. De Drop Caps, dos encabezados para atar herramientas para tirar de cotizaciones. Y en esta página, por ejemplo, tengo la mayoría de estas cosas que mencioné y puedo ocultarlas solo para que puedan ver lo dudado. Todavía se ve bien la propagación en sí. Pero tener estos detalles adicionales realmente ayudó a dibujarte a leer el artículo. Por lo que tenemos un título, tenemos un encabezado, también tenemos esta pequeña flecha aquí, por lo que puedes usar elementos gráficos así como puntos de entrada que dirigen la vista al texto. Y luego también tenemos el código de pool aquí a la derecha, que generalmente se extrae del artículo. Y es sólo algo que es más interesante, pero también puede ser una información adicional. Ahora déjame mostrarte algo si acercamos aquí a la izquierda, observa que tengo sangrías en todos los párrafos. Y esa es una muy buena manera de separar el bloque de copia que tenemos aquí. Por lo que para la copia corporal del artículo, normalmente se debe utilizar ya sea en danza o espacio entre párrafos. Pero lo que se debe evitar es tener la sangría utilizada en el primer párrafo. Y eso es un error común con muchos diseñadores. Por lo que pondría esto de nuevo a 0 aquí en las opciones de párrafo. retira la sangría izquierda de primera línea. Todo el punto de utilizar estas sangría de primera línea es crear una separación visual. Pero aquí ya tenemos una gran brecha entre el rubro y la copia del cuerpo. Entonces no hay necesidad de la sangría. En cambio, lo que podríamos usar es una tapa de gota. Eso es muy fácil de configurar. Una vez más, basta con hacer doble clic en el párrafo y luego entrar en controles de párrafo. Y aquí encontrarás la opción Drop Cap número de líneas, apenas empieza a aumentar eso y eso creará ese bonito punto de entrada. Ahora es bueno saber que a veces puedes sentir que el texto está demasiado cerca de la tapa de gota. En estos casos, puede utilizar el atajo Alt u Option flecha derecha para empujarlo un poco más lejos. Ese es el mismo atajo para Kerning y seguimiento. Y aquí también funciona con la tapa de gota. 17. Reglas tipográficas: medida: Longitud de línea o medida como también se refiere en topografía, es otra cosa crucial a la que siempre se debe prestar atención. Esencialmente lo que significa es que cada una de tus líneas debe estar siempre entre 45 y 90 caracteres, y eso es incluir también espacios. Ahora la forma en que puedes comprobar esto es haciendo triple clic en el texto, que seleccionará una sola línea. Y luego desde el menú de la ventana podrás entrar en el panel de información y que verás exactamente cuántos caracteres tienes. Como se puede ver, se trata de 42 caracteres y esto ya está incluyendo espacios. Entonces si queremos mantenerlo entre 45 y 90, eso significa que tenemos que ampliar nuestras columnas o marcos de texto, y eso es muy fácil de hacer. Solo voy a seleccionar todo el marco de texto y escribiré 65 para el valor de ancho. Voy a usar el mismo valor aquí a la derecha. Y los voy a arrastrar un poco aparte, algo así. Ahora por supuesto, si estás trabajando con cuadrículas, tendrías que alinear esto a tu cuadrícula también. Pero ahora si selecciono una de estas líneas, digamos esto aquí. Puedo ver ahora estamos dentro de ese rango que mencioné anteriormente. Entonces, ¿por qué es tan importante prestar atención a la medida? Es principalmente para mejorar la legibilidad de tu texto. Entonces legibilidad, normalmente significa que la conveniencia de leer, y por ejemplo, si hago este marco de texto mucho más amplio, algo como esto, y selecciono una de estas líneas, puedo ver que ya se acabó 90, por lo que es un poco demasiado largo. Y eso hace que sea incómodo leer porque hay que saltar una distancia muy larga desde el final de regreso al principio. Y de igual manera, si es demasiado estrecho, entonces solo va a estar constantemente saltando de ida y vuelta entre los dos lados de la columna mientras lee. 18. Reglas tipográficas: alineación: Puedes ser creativo, la alineación del texto, pero otra vez hay, un par de reglas que debes tener en cuenta. En primer lugar, alinear a la izquierda o al ras izquierda es la forma más común de establecer el tipo y también la justificación es de uso muy común. Ahora, la principal diferencia entre estos dos es que justificamos que obtienes bordes completamente rectos en ambos lados, pero hay que tener mucho cuidado con la justificación. Lo que puede pasar es que termines creando ríos en su texto. Déjame mostrarte esto, sobre todo cuando tienes un marco de textos más estrecho, digamos algo como esto. Si aplico justificación este impuesto presionando Comando o Control Shift G, ya puedo ver un par de lagunas mayores que aparecen dentro del texto, pero empeora aún si hago mi marco de texto más pequeño, o sobre todo si elimino la separación de guiones. Entonces de la configuración del párrafo, si elimino la separación de la separación, ahora es aún más visible que haya algunas brechas más grandes dentro del texto y a veces es posible que no los note. Por lo que una buena técnica para volver a revisar tu texto es ponerlo al revés. Entonces, si solo lo das al revés, es mucho más fácil encontrarlos. Entonces a lo que me refiero es esta sección aquí o esta sección aquí y así sucesivamente y así sucesivamente. Entonces la V, puedes evitar que estos revertidos aparezcan en tu impuesto es utilizar únicamente la justificación en la longitud de línea superior a 60 caracteres. Y también se asegura de que permitas separación por separación porque eso también reducirá estas brechas no deseadas. Ya que estamos hablando de alineación, es probable que conozcas la opción derecha o de una línea correcta. Pero solo debes volver a usar esto cuando haya una razón para ello. Entonces en este caso, alineé el código de pool a la izquierda, y con eso creé un espacio visual negativo aquí a WIC, puedo alinear el texto de la izquierda. Por lo que este texto se enjuaga a la derecha o alineado a la derecha, lo que significa que aquí tenemos un borde recto. Pero el problema con ello es que debido a que tenemos el borde desigual a la izquierda, hace bastante difícil, volver a saltar hacia atrás y empezar a leer las líneas. Es por eso que alineado a la izquierda o al ras a la izquierda suele ser un poco más legible o conveniente para tus lectores y Molnar alineación súper chocada cada vez que estés usando flush left o flush right, tú también puede aplicar la opción de líneas de equilibrio desigual, que también se puede guardar como una característica de estilo de párrafo. Por lo que esto puedes encontrar en las opciones adicionales aquí arriba cuando estás utilizando la herramienta de tipo. Y hay líneas equilibradas desigual. Así que mantén un ojo en el marco de texto seleccionado. Esta es V abajo la opción, y esta es la opción habilitada. Por lo que esencialmente, la buena línea a la izquierda en este caso se está organizando un poco más cuando esta característica está habilitada. Entonces esto fue antes, y esto es después. 19. Reglas tipográficas: bloques: Ahora ya vimos que la sangría de primera línea no debería usarse en el primer párrafo de un bloque de texto. Pero aún así es muy importante romper estos bloques para que sea más fácil de leer. Ahora, echemos un vistazo más de cerca a este bloque de texto aquí. Ahora por el momento no es tan grande porque algunos de los párrafos ni siquiera se notan. Aquí. Por ejemplo, tenemos un inicio de párrafo, que sólo puedo ver si hago clic un par de veces y selecciono todo el párrafo. Por lo que en realidad hay un párrafo que empieza aquí. Ahora claro, si estamos en la vista normal y voy al menú Tipo y muestro caracteres ocultos. También podemos ver que hay un párrafo que termina aquí, pero esto debe ser visible para un espectador sin obviamente tener todas estas pautas y caracteres ocultos. El salto de párrafo fue agregado allí intencionalmente por el autor o escritor. Y eres responsable como diseñador de hacer esto visualmente evidente. Entonces hay dos técnicas muy simples. Una es usar la sangría de primera línea, que ya sabemos que no debemos usar en el primer párrafo. Pero aquí en el segundo, si entro en la configuración de párrafo, puedo encontrar esta opción y aumentarla. Digamos que siete milímetros ya se notan. Y podríamos aplicar esto en estos otros dos párrafos también. Así que sólo para asegurarme de que sea lo mismo, voy a escribir en siete, que ya se vea mejor. La otra técnica que podríamos utilizar es tener todos estos párrafos seleccionados y utilizar la característica de espacios entre párrafos, que podemos encontrar aquí. Ahora solo escojamos cuatro milímetros para éste. Al hacer clic de distancia, se puede ver que una vez más, eso crea una ruptura visual aún más aparente entre los párrafos. Ahora es posible que te dejes llevar y usar ambas características juntas. Pero eso no es una buena idea. Deberías usar uno u otro. De lo contrario, es una exageración que ojalá ya se pueda ver. Entonces lo que voy a hacer es en este segundo párrafo, voy a quitar por completo la sangría izquierda. Y entre estos tres párrafos, voy a quitar el espacio. Entonces, una vez más, es espacio entre párrafos o la primera línea que queda en ellos. 20. Reglas tipográficas: combinación de fuentes: Usar dos tipos de letra y fuentes separadas dentro del mismo bloque de textos puede ser útil para separar los textos y crear una diferencia visual entre ellos. Pero cada vez que hagas esto, lo que debes prestar atención es mantener la x-height igual. Por lo que es bueno tener contraste, contraste visual entre las dos fuentes, lo que ayuda al lector a identificar de inmediato que hay una diferencia. Por lo que en este caso tenemos S serif font en el primer párrafo y sans-serif en el resto. Pero el problema es que la x-height no es lo mismo. Entonces, si no estás familiarizado con excide, es esencialmente la altura de los caracteres minúsculas en una tipografía. Y cuanto más cerca puedes igualar este valor entre las dos fuentes que estás emparejando mejor. Así que echemos un vistazo más de cerca a este ejemplo aquí, tengo intencionalmente el mismo tamaño de texto usado en ambas fuentes. Y también tengo la misma primera palabra en estos párrafos. Entonces si copio éste y lo coloco junto a éste otro, y acerco más, veremos exactamente qué tan diferente es la altura x en ellas. Entonces al emparejar fuentes presta atención a tener contraste entre ellas, pero también para alinear esa x-height. 21. Reglas tipográficas: alineación de los márgenes: Ahora podría haber oído que es bueno mantenerse alejado de la separación de la separación, pero en realidad ese no es el caso, sobre todo cuando se está utilizando la justificación. Ya discutimos que cuando se utiliza separación de texto justificada podría ayudar a eliminar el revés. No obstante, cuando estés usando la separación por separación, también debes aplicar alineación de margen óptico o Puntuación colgante romana, que mantendrá los guiones fuera del borde de tu marco de texto. Así que déjame mostrarte esto. Aquí tenemos unos guiones en el lado derecho. Si selecciono este marco de texto, puedo llegar a esta opción yendo al menú Ventana y bajo Tipo y Tablas elegir historia. Dentro de eso hay literalmente un escenario. Y esa es la característica de la que hablaba , la alineación del margen óptico. Y puedes ajustar esto aún más si sientes que no es preciso. Pero la mayoría de las veces esto es suficiente para simplemente apagarlo y ya se puede ver cuánto mejor se ve esto. Entonces esto es sin y con alineación de margen óptico. Ahora esta característica no es sólo para corregir la alineación de la separación por separación, sino también para cosas como comillas. Aviso cuando pongo esta comillas aquí arriba, es automáticamente va un poco más a la izquierda, así que lo mantiene casi fuera del marco de texto. Recomiendo encarecidamente usar esta característica mayor parte del tiempo en su copia de cuerpo. Y en realidad puedes guardarlo en Estilos de Objeto, no en un lado de párrafo directamente, sino en un estilo de objeto. Entonces si voy al panel Estilos de Objeto y creo un nuevo estilo, cuando entro aquí, encontrarás una categoría separada llamada Story Options. Y mientras se guarde allí y este estilo de objeto se aplique en su marco de texto, entonces va a solucionar automáticamente estos problemas. 22. Reglas tipográficas: todas en mayúsculas: último, pero no menos importante, hablemos un poco sobre uso de todas las mayúsculas o todas las mayúsculas. Esto puede ser una gran cosa para usar en títulos, encabezados, pero debes evitar usarlo en bloques más largos de textos porque hace que la lectura vuelva a ser incómoda. Y también se puede sentir un poco como gritar. Incluso por resaltar una palabra. Sólo di éste aquí. Si hago doble clic en él, puedo usar la tecla Comando o Control Shift para cambiar rápidamente a todas las mayúsculas. Eso se siente un poco exagerado. En lugar de configurarlo a todas las mayúsculas, solo podemos resaltar cambiando un poco el formato, tal vez a medio. Por cierto, siempre que tengas varios pesos para una tipografía, siempre debes aumentar el peso a niveles para el texto resaltado. Porque si vuelvo, digamos a regular que la diferencia no es tan obvia como cuando fui a todo el camino hasta media. Eso es sólo una nota al margen. Pero volviendo a todas las capitales, se puede ver que funciona muy bien en este texto aquí a la derecha porque son solo unas pocas palabras y realmente enfatiza ese código de pool. Pero aquí en el lado izquierdo en la copia del cuerpo, estoy usando el formato normal del caso de oración. Y es un hecho comprobado que es más fácil de leer cuando se tiene caso de oración normal porque se puede ver exactamente dónde comienza el centro. Y también con caracteres minúsculas, se obtienen los tallos ascendentes y descendentes, que es casi como un atajo visual para leer o escanear el texto más rápido mientras estás leyendo. Así que una vez más, siéntete libre de usar todas las tapas en títulos y encabezados, pero evitados en bloques de texto más largos. 23. Edición y enmascaramiento de fotos: Este hermoso tiro de los fiordos en Noruega se va a utilizar en la parte inferior de nuestra primera página en el spread. Entonces lo que será importante aquí es quitar el cielo para que la imagen pueda mezclarse maravillosamente en el resto de la página. Pero también quiero alterar ligeramente el color y aumentar el contraste de las montañas. Quería ser muy impactante, dramático. No vamos a usar la mitad inferior de la imagen, por lo que realmente sólo nos concentraremos en esta sección aquí. Entonces lo primero que voy a hacer es ir al menú Select y elegir la increíble opción de selección de cielo, que va a hacer un muy buen trabajo seleccionando el cielo. Y ya podemos convertir esto en una máscara. Así que vamos a hacer clic en el ícono Agregar máscara aquí a la derecha. Pero esto va a mantener visible el cielo porque eso fue seleccionado y en realidad necesitamos lo contrario de eso. Tenemos que esconder el cielo. Entonces el atajo para invertir nuestra máscara es Comando o Control I. Y aún no hemos hablado de Mezquita con mucho detalle. Pero no te preocupes, en el contenido de la próxima semana, Eso es algo en lo que nos sumergiremos mucho más profundo y tendrá mucho más sentido cómo funcionan las máscaras y por qué. Siempre se recomienda convertir tus selecciones en mezquitas y no eliminar ningún detalle de las imágenes. Al igual que en este caso, siento que esta montaña de aquí a la izquierda es apenas medio visible porque estaba cubierta por una nube. Así que sólo voy a usar realmente la herramienta de pincel y pintar sobre ella con el negro. Entonces esto va a ocultar rápidamente esos detalles, pero todo esto se hace de manera no destructiva. Entonces si cambio clic en la máscara, aún puedo revelar esos detalles. Turno pulsando de nuevo sobre él volverá a ocultarlos. Ahora que tengo listo el enmascaramiento, voy a convertir esta capa en un objeto inteligente. Nuevamente, otro tema vamos a entrar en mucho más detalle la próxima semana. Y una vez que mi objeto inteligente esté listo, voy a aplicar en él el filtro raw de la cámara, lo que me ayudará a aumentar el drama, como mencioné al principio. Entonces primero, voy a aumentar la claridad y la textura y eso ya se ve genial. También podemos aumentar un poco la neblina, y luego podemos reducir los negros y las sombras. Esto hace que todo sea un poco más oscuro. Y entonces también quiero reducir la vibración. Entonces quiero que las cosas se vean un poco más oscuras, menos saturadas. Ahora esto no se ve tan bien en la parte inferior como en la parte superior. Pero como dije, sólo nos estamos concentrando en las montañas. Y si presiona P en el teclado en el espacio de trabajo de reglas de la cámara, puedes cambiar rápidamente de ida y vuelta entre las versiones antes y después. Y esto me gustó mucho. Sólo voy a hacer click OK. Y como se puede ver, el Filtro Raw Camera se edita de forma no destructiva como filtro inteligente. Entonces de nuevo, podemos encenderlo y apagarlo. Podemos hacer doble clic en él para volver atrás y hacer algunos cambios adicionales si es necesario. Pero ahora solo tenemos que guardar esto como un archivo de Photoshop, que luego podremos colocar en InDesign. 24. Imágenes fuera de los límites: Este corto terminará por estar del lado derecho de nuestra propagación. Y me gustaría crear un efecto fuera de límites, teniendo los cuernos saliendo del marco. Entonces para esto, primero necesitábamos de nuevo una selección. Esta vez, estoy usando la opción de selección de temas, lo que hace una selección muy, muy buena para nosotros. Y podemos simplemente convertir esto en una máscara. Y ni siquiera me voy a preocupar por estas imperfecciones alrededor del cabello y esta parte aquí del cráneo, porque sólo necesitamos tener una buena selección alrededor de los cuernos, porque esos serán los únicos detalles que vengan fuera del marco de la imagen. Por lo que ahora podemos simplemente guardar esto como un archivo de Photoshop. Te voy a mostrar ahora en InDesign cómo configurar esto que parezca la versión que puedes ver aquí. Entonces todo lo que tienes que hacer es colocar primer lugar en la imagen original. Entonces ese es el JPEG en el que puedes colocar y la esquina inferior derecha de tu spread, alinearlo a él para asegurarte de que encaja bien. Y luego una vez que tengas eso listo, solo corta en ella y tienes los cuernos que faltan en la parte superior. Una vez que tengas tu marco listo así, simplemente copia eso y usa Editar Pegar in Place. Esto va a pegar en otra versión del mismo marco de imagen encima del original. Si bien tienes seleccionado este marco, usa el Comando Opción de Lugar de Archivo o Control D, y encuentra tu versión de mástil. Entonces voy a conseguir ese archivo de Photoshop, abrirlo al principio. No parecerá que nada haya cambiado, pero tenemos esto como una imagen separada. Ahora, se puede ver esta es la versión Marte y debajo está el original. Y ahora solo poniéndola de vuelta donde estaba, todo lo que tengo que hacer es tocar dos veces el punto de anclaje central para extender el marco de nuevo a los bordes originales. Lo bueno de este método es que puedo Command or Control click para cambiar entre la masa y la versión original de la imagen. Y siempre puedo controlar cuánto de los detalles quiero salir fuera de los bordes originales. Para que pueda arrastrarlo más hacia abajo. Y si refino mi selección, incluso podría crear un efecto fuera de límites más dramático. Pero en este caso, solo quiero mantener las cosas más sutiles y creo que basta con tener los cuernos saliendo así. Nuevamente, siéntete libre de ser creativo. Incluso puedes volver a agregar un ángulo en este marco teniendo seleccionada la imagen en la parte posterior y luego usando la herramienta de selección directa, haciendo clic en uno de estos puntos de anclaje o simplemente resaltándolos. Y luego usando las flechas Shift down, puedes mover ese punto de anclaje hacia abajo. Para que así, puedas crear un ángulo para tu marco de imagen en lugar de mantenerlo completamente horizontal. 25. Letra capitular creativa: Tengo una foto impresionante de la serie Vikings. Y a este personaje de la serie se le llamó porin. Voy a seleccionarla usando la función de select subject, que hace una selección muy rápida usando Adobe Sensei, la selección de inteligencia artificial. Por lo que ya es una selección realmente genial, podemos convertir esto en una máscara haciendo clic en la bandera japonesa en la parte inferior derecha. Y luego haga doble clic en el icono de máscara, que abrirá el área de trabajo de selección y máscara dentro de ahí. Seleccionemos la herramienta Pincel Refinar borde. Atajo es r, y eso está un poco más cerca y pintar sobre todo este detalle. Por lo que es una herramienta brillante para recuperar estos detalles y también tal vez refinar el cabello aquí en el lado derecho. Y creo que eso se ve bastante bien o así aquí obtenemos esa brecha. Y creo que eso es todo bueno, eso es todo lo que necesitábamos. Para que podamos hacer click en, Ok, ahora podemos refinar la mezquita un poco más lejos por la opción Alter, dando click en la miniatura para la máscara. Y luego si seleccionas la herramienta Grabar y establecer el rango de dos sombras, puedes eliminar muy rápidamente cualquier halo alrededor de los bordes que se creó con el borde refinar. Y luego de manera similar a eso, si seleccionas la Herramienta Dodge, establece el rango para resaltar y comienza a pintar alrededor de los bordes. Puedes asegurarte de que no haya detalles transparentes, sobre todo alrededor del cabello, si eso aún no es suficiente y sientes que esto debería ser blanco, solo usa la herramienta de pincel y pinta sobre el divisor. Entonces algo así. Sólo veamos cómo se ve esto. Si I Alt u Option haga clic de nuevo en la máscara. Creo que eso se ve bastante bonito. Muy bien, así que ahora es el momento de combinar la foto y el texto y hacer que parezca que el personaje sale de esta carta. Entonces de alguna manera, el texto va a ser como un dispositivo de retención. Así que vamos a seleccionar la imagen y colocarla encima del texto. En primer lugar, la capa de textos que voy a establecer a una Capacidad 100%. Y lo que haremos es agregar otra máscara en esta capa creando un grupo para ello, Eso es Comando o Control G. En ese grupo, agregaré la máscara. Me gusta mantener mi máscara separada. Entonces el primero fue simplemente por aislarlo del fondo. El segundo es específicamente alinearlo con la composición. Voy a usar la herramienta de pincel, y sólo voy a cepillar muy rápidamente estos detalles aquí, que definitivamente no quiero ver, algo así. Y luego voy a crear una selección rápida de mi capa de textos por Comando o Control, haciendo clic en la miniatura de la capa de textos. De esta manera, puedo eliminar esos detalles que se superponen al texto, algo como esto e ir por aquí. Probablemente esconda estos detalles también. Ok. Todo lo que necesito es mostrar la mano en el lado izquierdo y también aquí en el lado derecho para crear un interesante efecto de superposición o profundidad. Por lo que ahora puedo usar Comando o Control D para desseleccionar esto. Acercar un poco más. Y luego usando la misma masa que usé antes, voy a cambiar a blanco presionando X en el teclado y simplemente pintar muy rápidamente sobre la mano, algo así. Y todo lo que tengo que hacer ahora es refinar esta selección. Normalmente crearía un camino también con la herramienta pluma y luego dibujaría alrededor de eso. Pero aquí de este lado solo voy a usar la herramienta de pincel y simplemente pintar muy rápidamente sobre ella, algo así. No voy a pasar demasiado tiempo refinándola porque te va a sacar la idea. Entonces creo que eso se ve bastante bonito. Entonces sin el enmascaramiento, obviamente fue así. Y con esa máscara adicional, ahora, se ve así, pero tenemos que arreglar el otro brazo aquí. Entonces, una vez más, voy a usar la herramienta pincel, cambiar a blanco presionando X y revelaré la mano. Entonces la mano. Y entonces el probablemente también puede salir de los límites y estar en algún lugar por ahí. Creo que eso va a funcionar muy bien. Y mira, por eso es bueno tener dos máscaras separadas. Porque cuando revelo estos detalles, no estoy revelando los antecedentes originales. Sólo estoy revelando los detalles ya enmascarados. Por lo que ahora que tenemos esta selección, nuevo, podemos refinarla. Y esta vez voy a usar la herramienta pluma sólo para ser un poco más preciso. Establecido al modo path, voy a empezar a dibujar esta selección aquí y acercar un poco más para que podamos ver lo que estoy haciendo. Esencialmente, solo estoy dibujando alrededor estos detalles muy rápidamente. Y luego vayamos hacia abajo. Estoy creando curvas y sosteniendo la barra espaciadora. Puedes cambiar la posición de tus puntos de anclaje. Para que puedan ver con qué rapidez y eficacia podemos hacer esta selección. Algo así. Vale, de nuevo, no estoy haciendo un trabajo perfecto porque estoy tratando de mostrarte esto muy rápido, pero ojalá te pongas la idea de cómo funciona. Entonces aquí tenemos este un detalle más y luego puede ser un poco más rápido en estos detalles. Nadie notará cómo fue originalmente, algo así. Creo que eso funciona muy bien. Y entonces sólo tenemos que hacer una gran selección alrededor de esto. Y luego presione Comando o Control, Retorno o Intro, que convertirá esto en una selección. Y todos los detalles dentro de esto necesitan ser guardados, pero todos los detalles fuera de ella se pueden ocultar. Entonces invertiremos la selección pulsando Comando o Control Shift I, y luego usando el negro como color de primer plano, podemos pintar muy rápidamente sobre podemos pintar muy rápidamente sobre todos estos detalles que no necesitamos. Entonces Comando o Control D para desseleccionar y luego acercar más, solo arreglando algunas cosas más aquí. Creo que esto puede ocultarse, hacer ese borde un poco más creíble. Y también por aquí, creo que algo así lo ordena muy bien. De acuerdo, así que alejemos el zoom y echemos un vistazo. Creo que se ve bastante bonito. Eso fue antes y después. Y una vez más como antes, voy a guardar esto como un archivo de Photoshop sin el fondo, así que mantén el fondo completamente transparente. Y luego coloquemos esto en nuestra composición de InDesign. Aquí está, y ya se ve mal ***. Pero lo que voy a hacer es aumentar el tamaño de la misma. Y podemos combinar las técnicas que hemos aprendido. Por lo que también podemos usar los textos rap probablemente por aquí. Si vamos a Window Text Wrap y luego activamos la misma función que usamos antes. Y en este caso, debido a que es un archivo de Photoshop, también tenemos que asegurarnos de que utilice el canal alfa, que se basa en las máscaras que creamos. Y entonces no nos olvidemos del offset que usamos antes, algo así. Entonces echemos un vistazo a esto en pantalla completa. Creo que eso se ve impresionante. A lo mejor una última cosa que añadiría es una sombra paralela en la carta. Entonces si estás en InDesign y quieres volver atrás y hacer cambios en tu composición de Photoshop, solo puedes mantener presionada la tecla Alt u Option y hacer doble clic en ella. Eso vuelve a Photoshop. Y lo que podemos hacer es agregar una capa adicional por encima del texto, recortarla presionando otra vez Alt u Option y hacer clic que crea la máscara de recorte y luego usa la herramienta pincel y tal vez seleccione el mismo color que utilizó en el texto, pero establezca el modo de mezcla de esta capa para multiplicarse. Y de esa manera, cuando estás dibujando con un pincel suave y probablemente una baja opacidad como el 20 por ciento, puedes empezar a construir y bonita sombra aquí alrededor de esta parte. Voy a hacerla más oscura. Tal vez incluso reducir el brillo del color. Agregando un poco más de sombreado que. Y lo mismo aquí de este lado. Sólo estoy construyendo este efecto muy bien, algo como aquí. Voy a hacerlo aún más oscuro. Y por cierto, estoy usando el atajo del sellador de color HUD, eso es Command Control, Option, click y arrastra en Mac. Y creo que es extraño turno clic derecho en PC, pero no estoy 100% seguro de la versión para PC. Se llama atajo de visualización en color HUD. Entonces ahí está. Voy a reducirlo aún más en esa esquina. De acuerdo, Así que ahora guardemos estos cambios Comando o Control S y volvamos a InDesign. Y podemos ver que nuestras sombras están apareciendo muy bien aquí también. 26. Uso de iconos en InDesign: Para el proyecto, ya preparé tres iconos con los que puedes trabajar. O de nuevo, siéntete libre de dibujar o crear tus propios iconos o encontrar otros alternativos. En este video, sin embargo, en lugar de hablar de cómo crearlos, discutiremos cómo puedes colocarlos en InDesign, porque en realidad hay un par de formas o métodos diferentes. Puedes hacer esto. Y hay pros y contras para cada uno de los métodos. Entonces primero es probablemente el más fácil, simplemente seleccionando algo en Illustrator. Simplemente puedes elegir Copiar y luego saltar a InDesign, simplemente pegarlo en. Vamos a mandar o controlar V o editar pegar. Siempre vale la pena comprobar qué capa terminarán estos iconos. Y siempre recomiendo mantenerlos en una capa separada solo para que sea fácil encontrarlos. Y la ventaja de hacer esto, el método simple copy paste es que estos elementos permanecerán basados en vectores. Por lo que podrás aumentar su tamaño sin perder calidad manteniendo pulsada el turno de Comando o Control y arrastrando los puntos de esquina. Y también podrás cambiar el color de tus elementos vectoriales simplemente yendo a la opción de color de campo. Y en caso de que se trate de una simple ilustración vectorial de un solo color, entonces es muy rápida y fácil de hacer. Aquí tengo esa muestra roja ya preparada, que puedo aplicar muy rápidamente y ni siquiera tengo que volver a Illustrator para hacerlo. Y si necesito hacer algún cambio, incluso puedo hacer doble clic en esta ilustración y seleccionar puntos de anclaje dentro de ella. Entonces, por ejemplo, puedo usar la herramienta de selección directa, resaltar esta parte de la ilustración, y usando flechas arriba y abajo, puedo aumentar o disminuir la longitud de este asta de bandera. Cuando simplemente pegas en una ilustración vectorial en InDesign, no va a terminar siendo un enlace. Por lo que ni siquiera estará confiando en el archivo original de Illustrator. Y esa es la razón por la que no recomendaría este método si estás trabajando con ilustraciones complejas en caso de iconos pequeños como estos que son bastante simples, no es problema simplemente pegar ellos en, pero para ilustraciones más complejas y archivos vectoriales más grandes, siempre se recomienda enlazarlos. Y esa es la forma en que hemos hecho previamente con imágenes, simplemente usando el comando place. Ahora déjame mostrarte lo que pasa si coloco ese archivo de iconos Illustrator, que tiene los tres iconos en él, tan pronto como los coloqué, aparecerá en los enlaces. Por lo que en este caso no están incrustados. Todavía están utilizando el archivo fuente original. Pero debido a que estos íconos estaban en un solo tablero de arte, no vienen por separado, se unen. No obstante, en InDesign, es bastante sencillo separarlos. Simplemente recortando el marco de imagen más cerca del ícono que necesitas. Y luego si quieres usar otro, simplemente duplica el icono manteniendo pulsada la tecla Alt u Opción. Y luego usando el grabber de contenido, puede hacer clic y arrastrar y transitar al otro icono. Básicamente se trata de revelar partes del tablero de arte, pero ambos elementos aún confían en ese documento original enlazado de Illustrator. En este caso, no podremos cambiar los colores directamente aquí en InDesign, ni podemos hacer cambios o alteraciones a la línea real. Para ello, necesitaremos mantener pulsada la tecla Alt u Option y hacer doble clic en cualquiera de estos fotogramas, lo que nos llevará de vuelta al archivo fuente. Aquí podremos hacer lo que lo inmenso que queríamos. Y no olvides guardarles tu archivo de Illustrator, poder ver los cambios actualizando en InDesign. Por último, también hay otra forma de exportar sus iconos y que es guardarlos como activos en Illustrator primero, esto se puede hacer con el panel de exportación de activos de ventana. Aquí, puedes seleccionar los tres iconos y simplemente arrastrarlos y soltarlos en esta parte del panel. Si ya tenías a cada uno de ellos configurado como grupos, entonces automáticamente se agregarán como activos separados. Y aquí incluso se les puede dar nombres, digamos llamando a esto, por qué King, que afectará los nombres de los archivos. Una vez generamos los incendios a partir de estos activos para los que las opciones que puedes encontrar aquí en la parte inferior ahora, puedes optar por guardar PNGs o jpegs. Pero lo que normalmente recomendaría que trabajemos con es el formato SVG porque eso los mantiene aún basados en vectores. Por lo que pueden ser independientes de resolución de acero y puedes aumentar o disminuir fácilmente su tamaño sin perder calidad. Así que una vez que seleccionaste SVG, solo tienes que seleccionar todos ellos manteniendo pulsado el comando o control o la tecla Mayús. Puedes seleccionar varios iconos desde el panel de Activos y luego haciendo clic en Exportar, solo tienes que definir la ubicación donde quieres guardarlos. Voy a elegir esta carpeta. Ahora en InDesign, de nuevo, podré usar el comando File Place, pero esta vez voy a seleccionar estos tres archivos SVG, presionar Abrir, y luego podré colocarlos en uno por uno. Acabo de hacer clic y hacer clic y hacer clic. Y como dije, estos son elementos totalmente basados en vectores y funcionan exactamente de la misma manera que si estuvieras colocando en el documento de Illustrator, el original. Por lo que también estarán vinculados. Pero ahora gracias a que se guardan como activos separados, es un poco más fácil manejarlos, por lo que no están conectados a un solo archivo. Hay tres expedientes separados. Todos los tres métodos que te mostré pueden ser útiles. Realmente depende del flujo de trabajo y del tipo de diseño en el que estés trabajando. Solo recuerda, siempre que quieras trabajar a través los activos basados en vectores en un documento de InDesign, trata de evitar rasterizar esos activos. Así que asegúrate de que puedas mantenerlos robar basado en vectores. 27. Conclusión: Bien hecho para terminar este curso. Espero que te hayas divertido tanto pasándolo como yo lo tuve grabando. Y claro, no te olvides del proyecto de clase. Porque recuerda, la práctica hace la perfección. No puedo esperar a ver tu trabajo, así que asegúrate de presentarlo. Y en caso de que te guste este curso, y te gustaría aprender más de mí, entonces hay muchos otros cursos que puedes encontrar aquí. Ve y compruébalos ya. No puedo esperar a conocerte en la siguiente.