Diseño de folletos con Adobe Photoshop, Illustrator e InDesign | Martin Perhiniak | Skillshare
Menú
Buscar

Velocidad de reproducción


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

Diseño de folletos con Adobe Photoshop, Illustrator e InDesign

teacher avatar Martin Perhiniak, Graphic Designer, Illustrator & Educator

Ve esta clase y miles más

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

Ve esta clase y miles más

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

Lecciones en esta clase

    • 1.

      Introducción al diseño de folletos

      1:42

    • 2.

      Flujo de trabajo de folletos

      1:26

    • 3.

      Pincel corrector puntual

      1:53

    • 4.

      Combinación de imágenes

      7:54

    • 5.

      Selección de temas

      1:55

    • 6.

      Selección de áreas de enfoque

      1:18

    • 7.

      Preparación de iconos en Illustrator

      6:31

    • 8.

      Composición en InDesign

      5:24

    • 9.

      Capa de texto en InDesign

      6:34

    • 10.

      Equilibrio de la composición en InDesign

      3:14

    • 11.

      Ajuste final de nuestra composición en InDesign

      5:09

    • 12.

      Conclusión

      0:46

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

Generado por la comunidad

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

65

Estudiantes

1

Proyecto

Acerca de esta clase

¿Te gustaría saber cómo diseñar folletos profesionales con Adobe Photoshop, Illustrator e InDesign? Aprende sobre el proceso, la teoría, las técnicas y pon a prueba tus habilidades trabajando en el proyecto de clase.

Acompaña a Martin Perhiniak (diseñador gráfico e instructor certificado de Adobe) y conoce su flujo de trabajo y las mejores prácticas que desarrolló durante 20 años de trabajo como un profesional creativo para clientes como BBC, Mattel, IKEA, Google, Pixar y Adobe.

En esta clase, aprenderás lo siguiente:

  • Cómo ajustar, enmascarar y combinar imágenes en Adobe Photoshop
  • Cómo crear iconos y detalles vectoriales en Adobe Illustrator
  • Cómo integrar la tipografía, las imágenes y las formas para que tus composiciones se sientan unificadas
  • Cómo establecer el equilibrio, la armonía, el contraste y el ritmo visual en tus diseños
  • Cómo dar formato a nuestro texto y unir todos los elementos preparados previamente para crear una composición elegante en Adobe InDesign

¿Para quién es esta clase?

  • Para cualquiera que quiera convertirse en diseñador gráfico
  • Los creativos que tienen como objetivo mejorar sus habilidades técnicas y la comprensión de la teoría del diseño
  • No necesitas ser un profesional creativo para tomar la clase

¿Qué vas a necesitar?

  • Adobe Creative Cloud
  • El deseo de crear algo impresionante

Incluso si recién comienzas a diseñar folletos o usar aplicaciones de Adobe, ¡las técnicas simples y efectivas que se describen en este curso son fáciles de usar y aplicar a tu trabajo!

Conoce a tu profesor(a)

Teacher Profile Image

Martin Perhiniak

Graphic Designer, Illustrator & Educator

Top Teacher

Martin is a Certified Adobe Design Master and Instructor. He has worked as a designer with companies like Disney, Warner Brothers, Cartoon Network, Sony Pictures, Mattel, and DC Comics. He is currently working in London as a designer and instructor as well as providing a range of services from live online training to consultancy work to individuals worldwide.

Martin's Motto

"Do not compare yourself to your role models. Work hard and wait for the moment when others will compare them to you"

Ver perfil completo

Habilidades relacionadas

Diseño Diseño gráfico
Level: Beginner

Valoración de la clase

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

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

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

Transcripciones

1. Introducción al diseño de folletos: Por lo que quieres saber diseñar un folleto como un profesional. Bueno, de eso se trata este curso. 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, estas rodilla, Google, ikea, y 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, entonces puedes mostrar en tu portafolio creativo. Estoy bastante seguro de que este curso te inspirará a crear algo increíble. Empezaremos en Adobe Photoshop, ajustando, enmascarando y combinando unas imágenes juntas. Después saltamos a Adobe Illustrator para preparar algunos iconos vectoriales. Y por último, usaremos Adobe InDesign para formatear nuestros textos y sacamos todos los SS previamente preparados juntos, creando una composición elegante. Aprenderás cómo estas tres aplicaciones esenciales de diseño gráfico funcionan juntas en un flujo de trabajo sin fisuras. 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. Flujo de trabajo de folletos: Este folleto en mi pantalla es lo que vamos a armar desde cero usando Photoshop, Illustrator e InDesign. El objetivo del proyecto es darte una introducción y ayudarte a acostumbrarte a cada una de las aplicaciones. Pero lo más importante, también aprende a combinarlos en un flujo de trabajo sin interrupciones. En primer lugar, estaremos pasando tiempo en Photoshop y prepararemos todas las imágenes que vamos a utilizar para este proyecto. Después en el siguiente video saltamos a Illustrator y hacemos un poco de preparación para los elementos vectoriales e iconos que necesitamos para el folleto. Y en el último video, armaremos el diseño final usando las imágenes de Photoshop y los elementos vectoriales de Illustrator, junto con la copia que ya está preparada. Entonces si te sientes despierto por el reto y te gustaría seguir adelante y recrear este diseño junto conmigo, siempre puedes descargar los archivos que estamos utilizando en cada video. Solo asegúrate de crear una carpeta separada y guardar todos los incendios para este proyecto ahí. De esa manera podrás trabajar fácilmente en él más adelante, abrirlo, comprobar lo que has hecho y no tendrás imágenes o enlaces faltantes. Por lo que ojalá ahora estés comezando para empezar. Así que pasemos al siguiente video y empecemos a trabajar con las imágenes en Photoshop. 3. Pincel corrector puntual: La mayoría de las veces venimos a Photoshop porque necesitamos eliminar ciertos elementos de las imágenes, o tal vez necesitamos combinar múltiples imágenes juntas. En este caso, me gustaría usar este precioso panorama en la parte superior del prospecto, pero hay algunos pequeños elementos que me gustaría quitar primero, antes de colocarlo en InDesign. Ahí está este post aquí a la derecha, que voy a quitar. Puedo hacer esto fácilmente creando una nueva capa que voy a renombrar y simplemente llamarla retoque. De esta manera, sabré que todos los cambios que he hecho están en esta capa. Ahora que tengo seleccionada esa capa, puedo venir a la barra de herramientas y seleccionar la herramienta de pincel de curación puntual. También puedes presionar J en el teclado para acceder a esta herramienta. Asegúrate de tener la muestra todas las capas seleccionadas aquí en la barra Opciones. Y luego puedes usar las teclas de corchete del teclado para aumentar o disminuir el tamaño del pincel. Necesitamos un tamaño de pincel más pequeño, algo así. Y sólo voy a dibujar sobre este detalle aquí. Como se puede ver, Photoshop ha hecho un trabajo increíble al eliminar eso. Y si quisiera, también podría quitar detalles adicionales como esta llamarada de lente. Y aquí hay otro en la parte superior derecha. Y sólo alejemos el zoom. Estoy usando el acceso directo Z click y drag del que hemos aprendido en un video anterior. Y sólo estoy pintando y voy a acercar aquí por el lado izquierdo, solo comprueba si hay algún detalle. Podemos quitar eso. Pero estoy contento con el resultado. Ahora creo que es una imagen muy bonita que podemos ver con los pequeños cambios que hemos hecho en el lado derecho, ya se ve mucho más limpio y agradable. 4. Combinación de imágenes: Para que sea aún más interesante, me gustaría colocar en algo aquí. Entonces esa es la otra cosa que normalmente harías en Photoshop. A lo mejor no quieras quitar algo en su lugar, quieres agregar algo que no estaba allí originalmente. Y en este caso, voy a usar esta otra imagen, el globo aerostático, pero me gustaría extraer el globo de su fondo original. Ahora podemos realmente hacer esto después de que ya se haya colocado en el nuevo fondo. Ahora probablemente la forma más fácil de trasladar esto al otro documento es en primer lugar, desbloquear este pequeño candado aquí. Para que eso haga de esta una capa accesible y luego presione Comando o Control C en el teclado para copiar o usar Editar copia. Y luego salta de nuevo al otro documento usando la pestaña aquí en la parte superior. Y luego presiona Comando o Control V, o usa Editar Pegar. Ahora desde que esto llegó como una nueva capa, podemos usar la herramienta Mover, la primera herramienta de la barra de herramientas para mover esta capa alrededor y encontrar la mejor posición para ella. Por supuesto, tendremos que redimensionarlo también. Pero primero, vamos a quitar el fondo original. Entonces este cielo, para ello, hay una característica asombrosa llamada cielo selecto, que será capaz identificar dónde está el cielo en la imagen. Y si notas, cuando acerco más cerca, incluso seleccionó esos pequeños detalles ahí en medio de las correas de esta canasta. Y ahora que ha sido seleccionada, podemos convertir esta selección en una máscara de capa. Nuevamente, otra característica muy útil que cubrimos con mucho más detalle más adelante. Pero por ahora, todo lo que tienes que recordar es que encuentras esto aquí en el panel de capas en la parte inferior. Yo lo llamo el icono de la bandera japonesa. Una vez que haces click en eso, y parece que perdimos un globo y nos quedamos con el cielo, que es lo contrario, lo que queríamos lograr. Pero no te preocupes, hay un sencillo atajo que resolverá este problema. Ese es el Comando o Control I. Es una característica llamada invert. Y lo que pasa es que nuestro color de máscaras se invierte. Entonces puedo usar este atajo para cambiar de ida y vuelta. Y si te interesa ver qué está pasando en la propia máscara de capa, puedes encontrar que aquí en el panel de capas, hay una pequeña miniatura en blanco y negro. Si mantiene presionada la tecla Alt u Option y hace clic en eso, realmente verá la máscara misma. Y cuando presionas Comando o Control I, puedes ver cómo cambian los colores, convirtiendo de ida y vuelta. Posteriormente aprenderemos todo lo que necesitas saber sobre las máscaras de capa. Por lo que no voy a entrar en demasiados detalles. Solo recuerda ese atajo porque eso es muy práctico. Pero por ahora, tenemos nuestro globo seleccionado y lo separamos de su fondo original, lo cual es perfecto para nosotros. Ahora, hagámoslo más pequeño. Pero antes de hacer eso, hay un paso adicional que siempre recomiendo hacer eso es convertir esta capa en un objeto inteligente. Puedes hacerlo haciendo clic con el botón derecho aquí en la capa y elige Convertir a objeto inteligente. En la miniatura de la capa, hay un pequeño ícono que apareció. Esto representa que se trata de un objeto inteligente. Y una vez más, esta es una característica de la que hablaremos mucho más por ahora. Simplemente recuerda, es muy útil y mantiene esta capa no destructiva. Por lo que no estamos perdiendo ninguna calidad cuando la estamos redimensionando. Para redimensionarlo, solo usamos la opción Editar Transformación Libre y luego simplemente arrástrala hacia abajo al tamaño con el que deseamos trabajar. Y lo mantendré alrededor de este tamaño. Y creo que este es un lugar bastante bonito para ello. Entonces todo lo que he hecho ahí es sólo presionar enter para aceptar la transformación. Y se puede ver que todavía podemos moverlo libremente en este documento. Y para hacer que esta composición sea aún más creíble, también voy a crear una reflexión. Entonces para esto, solo tenemos que duplicar esta capa primero. Eso es mantener presionada la tecla Opción o Alt y usar la herramienta Mover y arrastrar esa capa hacia abajo. De esta manera, creamos el duplicado que aparece como una nueva capa. Y ahora si voy al menú Editar, puedo elegir Transformar Flip Vertical, que va a darle la vuelta al revés. Ahora me estoy asegurando de que se mantenga alineado verticalmente así que no lo estoy moviendo a izquierda y derecha. Lo guardo ahí y lo muevo a algún lugar por aquí. Estoy revisando dónde están las montañas en la reflexión. Y de nuevo, el globo debería estar en algún lugar por ahí. Ahora para que sienta que se mezcla en el fondo, voy a reducir su opacidad, así que reduzca la visibilidad de esta capa. Puedes hacer esto ya sea haciendo clic en esa pequeña flecha y luego arrastrando ese dial hacia abajo. O también puede hacer clic y arrastrar sobre la palabra opacidad. Siento que algo alrededor del 50% va a funcionar bastante bien. Pero también deberíamos usar un poco de desenfoque en esta capa para volver a hacerla más realista. Para ello, usaremos un filtro y es el que se llama desenfoque de movimiento, que está bajo la categoría de desenfoque. Y de nuevo, hay tantos filtros y efectos geniales que puedes aplicar en Photoshop, que cubriremos con más detalle más adelante. Por ahora, solo seleccionemos Motion Blur. Y se puede ver podemos aumentar la intensidad cambiando el deslizador de distancia. Creo que probablemente alrededor de seis o siete píxeles sea suficiente. Y la dirección o el ángulo debe estar alrededor de un 0. Puede ser ligeramente en ángulo, pero siento que 0 es una dirección bastante buena. Si hago clic bien, porque usamos un objeto inteligente, esto se convirtió en un filtro inteligente, cual se puede activar y desactivar usando ese pequeño ícono en el panel de capas. Puede que no lo sepas. Pero todo el trabajo que hemos hecho en esta composición es completamente no destructivo, lo que significa que podemos volver más tarde y hacerles cambios. Entonces, por ejemplo, si quisiera que el globo estuviera del otro lado, podría seleccionar estas dos capas manteniendo presionada la tecla Control o Comando. Siempre puedes agregar una nueva capa a tu selección. Y luego usando la herramienta Mover, puedes mover fácilmente tanto el reflejo como el globo alrededor. Pero vamos a mantenerlo aquí en el lado izquierdo. Creo que eso es un buen lugar para ello. Y por cierto, se trata una composición o posición intencional, manteniéndola aproximadamente 1 tercio en la imagen. También se llama regla de tercios, que se refiere a estas posiciones en la imagen donde tenemos el globo y este árbol, los lugares más probables donde primero saltaré los espectadores. Entonces si estás tomando fotos, eso ya es algo que puedes aprender sobre la composición. No colocar las cosas en el centro exacto de la imagen. En lugar de mantenerlos a la izquierda o a la derecha, hace que la imagen sea más interesante, más dinámica y más atractiva. Y por supuesto, si estás creando composites, juntando imágenes en Photoshop, puedes usarlo intencionalmente al agregar nuevos detalles como capas. Ahora no olvidemos guardar este proyecto, ve al menú Archivo y elige Guardar. El formato de archivo que debes usar es la opción Photoshop, que está en P como tipo de archivo. Esto va a salvar todo lo que hemos hecho. Por lo que siempre podemos volver y hacer cambios en todas las capas que agregamos, incluso incluyendo el retoque que hemos hecho al principio. 5. Selección de temas: Ahora que estamos listos con esta imagen, antes de pasar a Illustrator, solo hagamos dos selecciones rápidas más. Nuevamente, otra imagen realmente bonita, pero no necesito usar todos estos detalles. Simplemente preferiría tener a la chica tal vez con un poco de detalle de este primer plano aquí. Entonces para esto, hay otra opción de selección increíble en Photoshop llamada selección de sujetos. Así que vamos a elegir eso. Y como se puede ver, se hace un buen trabajo seleccionando a la chica. Lo único que falta en este momento, o los entrenadores. Entonces para que esto se agregue, vamos a utilizar otra herramienta de selección de menús llamada Herramienta de Selección Rápida. Si no estás viendo esto, puedes hacer clic derecho en el cuarto icono la barra de herramientas y que podrás encontrarlo. Ahora, este es un pincel, por lo que puedes usar los corchetes del teclado para aumentar o disminuir el tamaño del pincel. Una vez que lo tengamos en un tamaño que va a funcionar, simplemente podemos dibujar o hacer clic un par de veces en los entrenadores. Hagamos este aquí a la derecha también, y no te preocupes por el arrendamiento no se está seleccionando por ahora. Estoy contento con el resultado y alejaré un poco usando el atajo Z y luego haga clic y arrastre hacia la izquierda y la derecha. O puede usar Comando o Control menos para alejar y Comando o Control Plus para volver a acercar. Entonces ahora que estamos alejados, solo voy a seguir pintando sobre el primer plano hasta que añada esa parte a la selección. Y de nuevo, sólo voy a dibujar un poco más allá aquí arriba, y estoy bastante contento con los resultados aquí. Así que ahora vamos a convertir esta selección en una máscara. Recuerda la pequeña bandera japonesa aquí en el panel Capas. Y guardemos esto como otro archivo de Photoshop. Vamos a File Save, y voy a llamar a esta chica. 6. Selección de áreas de enfoque: último pero no menos importante, a partir de esta imagen, me gustaría seleccionar esta torre de canciones o lata, como se le llama. Es una forma de marcar raíces en las montañas de algunos países. Y se podría pensar que la opción de selección de sujetos también funcionará aquí. No obstante, aquí las piedras son muy similares en color y detalle al telón de fondo. Por lo que podría no ser la mejor opción, pero podemos intentarlo. Vamos a elegir, Seleccionar Asunto. Y yo tenía razón, en realidad no seleccionó todas estas piedras aquí en la parte inferior. Entonces en cambio vamos a utilizar otra característica increíble llamada selección de área de enfoque, que va a seleccionar lo que esté en foco en la imagen. Por lo que los detalles borrosas del fondo se eliminan automáticamente. No tengo que hacer ningún cambio aquí aparte de la salida a la selección debe ser salida a Máscara de capa. Y eso es todo lo que podemos hacer click. Ok. Y ahora podemos volver a guardar esto como un nuevo documento de Photoshop. Y lo voy a llamar piedras. Vamos a salvar esto también. Entonces ahora que hemos hecho todo el trabajo de preparación sobre las imágenes en Photoshop. En el siguiente video, seguiremos preparando activos vectoriales en Adobe Illustrator. 7. Preparación de iconos en Illustrator: Por lo que aquí estamos en Illustrator y para que puedas seguir adelante, asegúrate de descargar el archivo de iconos Illustrator y abrirlo en Adobe Illustrator, puedes obtener este archivo desde el pequeño botón directamente debajo de este video. Y se puede ver la fuente de donde obtuve estos iconos. Se llama el Proyecto Sustantivo, que es un sitio gratuito donde puedes descargar iconos increíbles, realmente de alta calidad. Y justo como recordatorio, te voy a mostrar el diseño final. Estos iconos terminarán estando aquí en nuestro folleto. Pero también quiero cambiar el ícono del excursionista para estar en el mismo estilo que estos otros tres iconos. Entonces, en lugar de formas de campo, quiero que sea un arte de línea. Entonces volviendo a Illustrator, te voy a mostrar lo que hay que hacer. Simplemente seleccione ese icono y luego presione Mayús X en el teclado. Esta es una forma rápida de cambiar el color del campo para convertirse en un color de trazo. Entonces estos son los dos atributos, el color de relleno y el color del trazo. Y cuando usas el atajo, puedes ver cómo los dos están cambiando de ida y vuelta. Y una vez que veas la opción de trazo, puedes empezar a aumentar el grosor en ella hasta que se acerque a lo que vemos en los otros iconos. Pero ten en cuenta que una vez llego a la cantidad probablemente 11 o 12 puntos, que está más cerca de lo que necesitamos. En realidad no se ve tan bien porque algunas de las líneas se superponen entre sí y los brazos como que desaparecieron un poco. Entonces lo que tenemos que hacer también es hacer clic en la opción Trazo mientras el objeto aún está seleccionado, y luego hacer clic en este icono aquí, Alinear Trazo al exterior. Una vez que hayas hecho esto, notarás que aquí hay algunos detalles extraños alrededor de la cabeza y la mochila. Para que estos se arreglen primero, es necesario hacer doble clic en este icono, lo que le permitirá realizar cambios a los detalles individuales dentro de este icono, como la cabeza. Por lo que sólo voy a mover la cabeza ligeramente más arriba. Y entonces voy a hacer lo mismo con la mochila, moverla a la izquierda. Ahora, puedo hacer doble clic afuera para volver a la selección normal, lo que nos permite mover todo el icono alrededor. Y por cierto, esta técnica se llama modo de aislamiento. Cuando hace doble clic y comienza a trabajar con elementos individuales dentro de un objeto. Y al sostener y arrastrar reír, puedo acercar un poco hacia atrás y echar un vistazo más de cerca a lo que logramos. Creo que se ve mucho mejor. Realmente se siente como un conjunto de iconos ahora. Y unirlos aún mejor y crear una composición más dinámica. También utilizaremos otra herramienta aquí en Illustrator llamada la herramienta Segmento de Línea. Con esto, voy a dibujar una línea manteniendo pulsada la tecla Mayús y puedo asegurarme de que esta va a ser una línea recta. Simplemente lo arrastraré hacia abajo así. Y luego voy a duplicar esto que puedes hacer usando la herramienta de selección y manteniendo presionada la tecla Alt u Opción y arrastra la línea hacia un lado. Al igual que usar la herramienta Mover en Photoshop y mantener presionada la tecla Alt y Option puede duplicar capas. Aquí en Illustrator, el mismo atajo duplica cualquier cosa que selecciones. Y para rotar esta línea, voy a acercarme a un punto de anclaje, empezar a arrastrarla y manteniendo pulsada la tecla Mayús, puedo asegurarme de que se va a alinear a 0 grados, decir va a mantenerlo horizontal. Entonces puedo hacer una selección de marquesina para seleccionar ambas líneas arrastrándolas y moviéndolas. Puedo colocarlos tal vez en algún lugar aquí del costado por ahora. Quiero asegurarme de que estén perfectamente alineados con el punto central. Entonces para esto, voy a usar aquí las opciones de alinear. El centro de alineación horizontal es el primero que necesitamos, y luego el otro es el Vertical Align Center. Ahora que están perfectamente alineados entre sí y son iguales en longitud. También puedo rotarlas 45 grados a un costado para crear una pequeña cruz. Nuevamente, mantener pulsada la tecla Mayús me permite limitarme la rotación a 45 grados. Y ahora que tenemos cruz, podemos seleccionar los cuatro iconos, nuevo con una selección de marquesina. Y manteniendo presionada la tecla Shift, puedo reducir su tamaño a algo alrededor de esto. No lo olvides, cuando estás trabajando con objetos vectoriales, nunca vas a perder calidad de ellos. Así que a pesar de que los estás redimensionando los están escalando hacia abajo, aún conservarán sus detalles originales. Y no importa qué tan pequeño o grande, vas a terminar usándolos. Entonces aquí no tendrás que preocuparte por crear objetos inteligentes como en Photoshop. Lo que quiero hacer es seleccionar las dos líneas, moverla un poco más aquí, y ahora puedo decidir dónde quiero colocar los íconos. Vamos a poner al excursionista encima. Entonces podemos poner las montañas abajo. Y luego podemos poner la mochila tal vez aquí en el lado izquierdo, y luego las botas en el lado derecho. Ahora si siento que las montañas necesitan ser un poco más grandes, siempre puedo aumentar el tamaño en eso. O podemos hacer que los otros iconos también solo un poco más pequeños para hacer que las cosas se sientan un poco más equilibradas. Ahora que ya lo están, solo voy a eliminar este enlace aquí e ir al menú Objeto. Elige mesas de trabajo aptas a los límites de las ilustraciones, lo que elimina todo el espacio vacío innecesario de nuestro tablero de arte. Y ahora podemos volver a guardar esto en nuestra carpeta de proyectos. Y lo llamaré iconos. El formato de archivo es Adobe Illustrator. Así que vamos a guardarlo. Y una vez que aparezca este cuadro de diálogo, solo puedes hacer clic en Aceptar, no tienes que preocuparte por la configuración. Y eso es todo lo que tenemos que hacer en Illustrator. Por lo que preparamos los iconos y los juntamos en esta pequeña composición, que terminará en nuestro folleto en el siguiente video, donde pasamos a trabajar en InDesign y poner todo que creamos hasta ahora juntos. 8. Composición en InDesign: Ahora que tenemos todas nuestras imágenes e iconos listos para funcionar, continuaremos nuestro trabajo en InDesign. Me gustaría que abras la página de senderismo, iniciar el documento que puedes descargar directamente desde abajo este video. Y una vez que tengas eso abierto en esta primera página, tendrás todo listo con lo que estaremos trabajando. El marco en la parte superior donde colocaremos nuestra primera imagen. Y luego dos marcos de textos adicionales, uno para el título o encabezado y otro para la copia del cuerpo. También verá la línea púrpura, que representa el margen o los textos área segura. Empecemos colocando en nuestra primera imagen usando la herramienta de selección. Haga clic en este rectángulo aquí en la parte superior, y luego vaya al menú Archivo y elija lugar. Esta es una opción que usaremos con frecuencia, por lo que vale la pena recordar. Es atajo Comando o Control D. Una vez que elijas esta opción, ve y encuentra el archivo panorámico de Photoshop con el globo y su reflejo dentro de él. Y haga clic en Abrir. Esto colocará la imagen y se ajustará al marco. Y en caso de que quieras darle la vuelta horizontalmente, puedes usar este ícono aquí en la barra de opciones y luego volver a hacer clic en él. Puedes voltearlo hacia atrás. En realidad lo prefiero de esta manera. Ahora, preparemos un lugar para los iconos que estarán encima de esta imagen. Y para que sepas, la imagen que colocamos es en una capa llamada imágenes. Si no ves el panel de capas, puedes abrir esto desde el menú de ventana que encontrarás capas. Y fíjate que ya tenemos dos capas preparadas aquí. Tenemos imágenes y textos, pero actualmente nuestros marcos de textos no están en la capa correcta. Entonces antes de seguir adelante, también podemos arreglar esto seleccionando estos dos fotogramas y arrastrando el pequeño punto azul a la capa de textos. Una vez sus obras de teatro que el cuadro delimitador para cada uno de estos fotogramas se volverá roja. Así es como podemos decir que es en una capa separada. Y al igual que en Photoshop, puedes usar los iconos para encender y apagar el contenido de las capas. Y la razón por la que estamos trabajando en capas también aquí en InDesign, es para asegurar que podemos separar fácilmente elementos una vez que empecemos a capas las cosas uno encima del otro, esto será importante más adelante como verán. Entonces sigamos adelante y seleccionemos la herramienta polígono. Puedes encontrar esto aquí con las herramientas de forma. Simplemente haga clic derecho sobre él y luego seleccione esa herramienta. Después simplemente haga clic en algún lugar la página y escriba los siguientes valores, 50 por 50, número de lados para ser 30 por ciento inserción estrella. Una vez que haga clic en OK, verá que creamos una forma. Ahora podemos mover esta forma más arriba aquí. Y me gustaría que cambiaras el color de relleno a papel que es esencialmente ligero. Pero en InDesign se llama papel porque ese es el color del papel. Y teniendo esta forma seleccionada, podemos exprimirla un poco a algo como esto o tal vez incluso un poco más arriba. Y siempre que quieras comprobar cómo se verá tu composición una vez que se imprima, te recomiendo usar el atajo W, con el que obtienes una vista previa de la página. Puedes hacer clic en una forma de comprobar cómo se ve todo. En realidad prefiero mantener un poco de superposición, asegurándome de que no haya borde que vaya a aparecer entre este triángulo y el resto de la página. Entonces quiero asegurarme de que este espacio en blanco sea continuo, ¿por qué la forma aún está seleccionada? También puedo asegurarme de que esté perfectamente centrada a la página cuando la estás arrastrando, eventualmente notarás que aparece una línea vertical púrpura. Esa es una guía inteligente que te ayuda a alinearla al centro de la página. Voy a dejarlo ir aquí y asegurarme de que esto también se coloque en la capa de imágenes. Así que vamos a arrastrar el pequeño punto rojo, en este caso a la capa de imágenes. Antes de traer nuestros iconos, solo asegúrate de que no tengas seleccionado este triángulo. Porque cada vez que uses la función place, siempre intentará colocar imágenes dentro de una forma. Y en este caso, sería más fácil manejarlo si es completamente independiente de este triángulo. Así que vamos a hacer clic en algún lugar fuera e ir a File Place y elegir los iconos archivo Illustrator. Una vez que hacemos clic en Abrir, esto se va a cargar en nuestro cursor. Se llama The Place Gun. Y con esto, podremos colocarlo en la página. Entonces en algún lugar aquí en el medio, haga clic y arrastre y defina el tamaño para ello. Veremos sólo una caja delimitadora. Pero una vez que lo dejemos ir, aparecerá el ícono. Ahora. Podemos moverlo aquí en el centro. Y en caso de que necesites hacerlo más pequeño, simplemente usa Comando o Control. Turno, arrastra una de las esquinas. Y una vez que tengas el tamaño correcto, puedes volver a alinearlo en el centro. Siento que necesitamos acercar un poco más. Estoy haciendo esto con el Z, arrastre el atajo izquierdo y derecho, lo mismo que usamos en Photoshop e Illustrator. Y voy a derribar un poco más este triángulo solo para seguir la forma de los símbolos. 9. Capa de texto en InDesign: Estoy contento con la forma en que se ve esto. Podemos seguir adelante y seguir trabajando con nuestro texto. Voy a presionar W de nuevo para volver a la vista normal donde podemos ver los bordes del marco de texto. Y primero seleccionemos el título usando la herramienta de tipo, podemos cambiar la fuente. Para ello, hay una fuente de Adobe que puedes descargar pulsando en Buscar más. Y aquí simplemente escribe en Deborah's. Y luego aquí, selecciona la junta de libertad condicional de Bubba NAIA. Asegúrate de hacer clic en el icono de la pequeña nube, que activará esta fuente. Es completamente gratis. Es parte de tener suscripción a Creative Cloud para tener acceso a Adobe Fonts ilimitadas. Ahora que tenemos la fuente que necesitábamos, podemos volver a las fuentes y simplemente escribir el nombre de nuevo y elegir Barrabás Nohria Pro. Voy a aumentar el tamaño del texto y centrarlo dentro del marco. Podrías notar que no está centrada en la página, solo centrada dentro de su marco. Así que para asegurarme de que esté alineado con estos otros detalles anteriores, puedo usar mi herramienta de selección y simplemente arrastrar el marco de texto hasta que de nuevo, se ajusta a la guía inteligente en el centro. Estoy contento con la forma en que se ve. Y de nuevo, solo podemos volver a comprobar esto pulsando W. Y si quieres ver la página completa, puedes usar el atajo Control o Comando 0 ajustarlo rápidamente a tu pantalla. Y podemos pasar a trabajar con nuestra copia corporal. Voy a seleccionar este marco ahora. Y al usar Command o Control Plus, puedes acercar tu selección actual. Y luego como antes, utilizo la herramienta de tipo para ver la configuración de las opciones de formato en el texto seleccionado. Y también voy a usar otra fuente de Adobe para este texto. A diferencia de antes para buscarlo, vamos a teclear en futuro usuario. Y el con el que preferiría trabajar se llama libro Futura PT. Éste ya he activado, por lo que sólo necesito seleccionarlo. Pero para que puedas hacerte con él, asegúrate de volver a hacer clic en el icono de la pequeña nube. Podría tardar unos segundos en llegar y estar disponible. Así que solo sé paciente si no lo ves de inmediato subiendo. Pero una vez que lo tengas descargado, búscalo, y luego aplícalo en este marco de texto. Esta es en realidad una familia de fuentes que tiene múltiples variaciones, que podrás encontrar debajo del nombre de la fuente. Entonces la actual que estamos utilizando se llama libro, pero también tenemos opciones medianas, demi, negritas y las oblicuas o cursivas también, y las estaremos utilizando pronto. Pero antes de seguir adelante, quiero asegurarme también de que no haya ninguna separación que se utilice en este texto. Por lo que podemos ver un ejemplo aquí. Así que mantén seleccionado tu marco de texto con la herramienta de selección. Después con la herramienta de tipo activa, asegúrate de cambiar a los controles de formato de párrafo, donde encontrarás la opción de guiones. Esto está encendido por defecto. Simplemente despegemos eso y aseguramos de que la alineación de este texto sea justificada con última línea alineada a la izquierda. Esto mantendrá nuestras líneas agradables y organizadas. Y ahora resaltemos y hagamos que algunas de estas palabras de inicio sean un poco más audaces. Entonces voy a empezar con la luz del paquete, simplemente resaltando ese texto. Puedo volver a las opciones de formato de caracteres aquí en la barra de control y cambiar el formato a negrita antes de ir más lejos, guardemos esto como un estilo de personaje haciendo clic en este icono aquí y elige nuevo estilo de personaje. Esta es una característica sobre la que aprenderemos mucho más. Una opción extremadamente útil en InDesign que te puede ahorrar mucho tiempo. Y sólo voy a llamar a este estilo resaltado. Asegúrese de que los estilos de aplicación a la selección estén activados. El anuncio a la biblioteca CC se puede desactivar y la vista previa también puede estar activada. Hagamos clic en Ok. Y ahora La próxima vez para aplicar esto en esta otra frase aquí, solo podemos usar el pequeño desplegable y elegir destacar. Una vez más, apliquémoslo también a este texto. Destacan judíos, eso se ve muy bien. Estos realmente se destacan del resto del texto, y normalmente llamaríamos a estos puntos de entrada, lo que facilita a los lectores encontrar la información importante en la página y que sea muy bien visual trozos separados de texto. Ahora para hacer las cosas más fáciles, en realidad voy a separar este último párrafo en un marco de texto separado. Así que vamos a seleccionar eso. Y por cierto, puedes hacer clic tres veces para seleccionar una línea y luego ir a Editar, Cortar. Y usando la herramienta de tipo algún lugar aquí en la parte inferior de la página, haga clic y arrastre para crear un nuevo marco de texto, y luego use edit paste. Ahora, presionemos Escape en el teclado para salir de editar el texto. Y ahora podemos presionar W para ver de nuevo nuestros marcos de textos. Todos son rojos, así que sé que están en la capa correcta, la capa de textos. Y normalmente me gusta mantener mis marcos de textos ordenados para no tener espacios vacíos dentro de ellos en la parte inferior. La forma más fácil de solucionar esto es haciendo doble clic en el punto de anclaje central inferior cuando veas el cuadro limitador. Ahora parece que tengo una línea vacía aquí. Así que sólo voy a hacer doble clic dentro de este marco, presionar retroceso para eliminar eso. Y una vez más, si presiono Escape, puedo hacer doble clic en esto para ahora realmente encajar muy bien el marco al contenido. Se puede ajustar fácilmente el marco y verá el texto cambiando en vivo gracias a su preferencia de la que hablamos en un video anterior, podría recordar la interfaz de preferencias, dibujo de pantalla en vivo establecido a inmediato que recomendé usar. Y al igual que antes, podemos alinear este marco de texto ahora en el centro. Y acabemos de terminar moviendo este marco de texto también en el centro y volviendo a la Herramienta Tipo, vamos a configurar esto para que esté alineado en el centro. Y vamos a aumentar el tamaño de la misma y tal vez dividirlo en dos líneas agregando aquí un salto de línea, simplemente presione Enter en el teclado. 10. Equilibrio de la composición en InDesign: Perfecto, Así que eso es todo lo necesitamos que haga con nuestro texto, pero aún no estamos listos porque tenemos que añadir también dos imágenes más aquí. Y empecemos primero con las piedras o la lata. Primero, asegúrate de que no tienes nada seleccionado y luego ve a File Place o usa el atajo que mencionamos antes, Control o Comando D. Y luego selecciona el archivo stones Photoshop, que ya preparamos y separamos de sus antecedentes originales. Así que vamos a hacer clic en Abrir y luego hacer clic y arrastrar para definir el tamaño de la misma. Y una vez que lo tengamos listo, sólo podemos colocarlo en algún lugar aquí en la esquina. Si quisieras ver cómo va a verse esto, puedes presionar W y también podemos presionar Comando o Control Zero para alejar. Ahora en este punto siento que todo es realmente bonito y simétrico aparte de las piedras. Entonces para establecer o devolver el equilibrio a nuestra composición, necesitaremos jugar algo aquí del lado derecho solo para compensar estas piedras aquí a la izquierda. Así que una vez más, voy a presionar W sólo para que podamos ver todos nuestros marcos. Y usando la barra espaciadora, voy a moverme un poco hacia abajo para que podamos ver más de la esquina inferior derecha de la página y asegurándome de que no tengo nada seleccionado. Sólo voy a hacer clic en algún lugar afuera. Después usa File Place de nuevo. Esta vez usamos el archivo PSD chica. Haga clic en Abrir y luego haga clic y arrastre para colocarlo en. Quiero que esto esté alineado aquí en el lado izquierdo, tal vez un poco más abajo. Y luego manteniendo pulsado Comando o Control Shift, voy a arrastrar el punto de esquina hasta que encaje en la página así. Ahora podría haber notado que estas imágenes terminaron estando en la capa de texto. Puedo decir eso con solo mirar las casillas delimitadoras y son de color rojo. Entonces para asegurarme de que estén en la capa de imágenes, primero, seleccionaré la imagen girl y la arrastraré a la capa de imágenes. Ya se puede notar que se fue detrás del texto. Entonces si acercamos ahora los textos se hicieron visibles. Pero también quiero hacer lo mismo con las piedras. Así que seleccionemos los también y arrástrelos a la capa de imágenes. En realidad preferiría que las piedras estuvieran detrás de la imagen de la niña. Y esto es algo que puedes hacer muy fácilmente abriendo la capa de imágenes y simplemente arrastrando las piedras debajo la imagen de la chica y ves cómo se mueve detrás de ella. Entonces así es como simplemente puedes ajustar el orden de las imágenes. Y sigamos moviendo esto hasta que veamos un poco más de ella. Tal vez en algún lugar por ahí. Echemos un mejor vistazo a esto haciendo zoom con Control o Comando 0 y luego presionamos W en el teclado. Y siento que la chica podría ser un poco más grande y más a la derecha. Así que aún voy a usar el mismo comando de acceso directo de escalado o Control Shift, arrastre. Y ahora las piedras tal vez puedan moverse un poco más arriba también. 11. Ajuste final de nuestra composición en InDesign: Siento que eso es mucho más equilibrado ahora, pero hay una cosa más que tenemos que arreglar. Por supuesto, el impuesto debe ser un poco más alto aquí arriba y la copia del cuerpo necesita ser legible por lo que no debería superponerse a la otra imagen. Y para solucionar esto, hay una característica muy simple y genial llamada envoltura de texto. Para ello, necesitamos volver a seleccionar la imagen de la niña e ir al menú Ventana y encontrar este panel llamado wrap de texto. Una vez que esto se abra, asegúrese de que en el menú del panel elija Mostrar opciones. Por lo que de forma predeterminada solo podría mostrar la mitad de los ajustes, pero necesitaremos que todos estos ajustes sean visibles. Y luego elige el tercer icono, envuelve el objeto, forma rep hacia el lado izquierdo, y elige Canal alfa para el tipo. Esto va a usar la máscara guardada en nuestro archivo de Photoshop. Y ahora todo lo que necesitamos es algún espacio entre el texto y la chica. Entonces para esto, solo aumentamos el desplazamiento a probablemente alrededor de cuatro o cinco milímetros. Creo que cuatro milímetros serán suficientes. Y se puede ver ese pequeño margen o espacio alrededor de la niña. Ese es el offset que creamos. Eso se ve genial. Podemos cerrar el panel de ajuste de texto. Y el único tema ahora es que tenemos algunas lagunas que aparecen aquí en el texto que sucede por la justificación y porque también eliminamos la separación de la separación en estos casos, mientras que recomiendo hacer es simplemente ajustar su marco de texto hasta que el texto se corrija. Siento que eso se ve bastante bien. A lo mejor podemos moverlo ligeramente más alto y luego empezar a ajustarlo aún más. Y a veces podría ayudar a reducir el tamaño del texto. Probablemente usaré 11 puntos en lugar de 12. Eso realmente funciona mejor para este prospecto. Por lo que ahora una vez más, podemos ajustar un poco el marco de texto y nos justificamos también hay que prestar atención para no tener brechas demasiado pequeñas entre tus textos, sobre todo si estás usando negrita copia. Entonces para arreglar esto, solo voy a ajustar mi ancho de marcos de texto hasta que las palabras se separen mejor. Ahora podrías notar que este texto aquí se mueve ligeramente hacia la izquierda para que ya no esté perfectamente alineado con el centro. Y eso es porque esto también se ve afectado por los textos rap creado para la imagen de las chicas. Para solucionar esto, vaya al menú Objeto a través ese marco de texto seleccionado y elija las opciones de Marco de texto dentro de su elección, Ignorar ajuste de texto. Y luego verás de inmediato que los textos se corrigen. Entonces esto es antes y esto es después de un tiempo. El texto de la copia corporal va a seguir el contorno de esta imagen. Este otro marco de textos puede moverse libremente por lo que no se ve afectado por él. Lo mismo aplica para este marco de texto aquí. Se puede ver por el momento, la imagen no está dejando que el texto vaya a la derecha. Así que hagamos lo mismo aquí también. Y para llegar rápidamente a las Opciones de Marco de Texto, también puedes usar Comando o Control B, que es otro atajo muy útil para recordar, una vez que tengamos eso abierto, vamos a aplicar ignorar ajuste de texto en ese texto marco también. Hagamos clic en Okay, y luego podemos moverlo de nuevo al centro, alinearlo a la guía inteligente púrpura. Muy bien, con eso, parece que hemos hecho todo lo que necesitábamos. Así que alejemos con Control o Comando Zero para echar un vistazo al prospecto completo. Y solo hay una cosa menor que me gustaría evitar para mi copia corporal, no tener ni una sola palabra separada en la última línea. Por lo que se ve mucho mejor cuando tienes unas palabras más siempre terminando un párrafo. Para arreglar esto, tal vez solo necesitemos mover la imagen de la niña ligeramente hacia abajo. Entonces lo seleccioné. Y luego voy a usar el atajo de teclado Shift Down Arrow con el que puedo moverlo y ver cuándo funciona mejor. Me siento como en algún lugar por ahí, se ve realmente bien. Entonces ahora todos mis párrafos leen bien, y tal vez podamos simplemente ajustar este marco de texto para ir un poco más abajo. Una vez más, Comando o Control Zero para ver la página completa. Y si todavía sientes que el marco de texto se puede ajustar, sigue jugando con él. Siento que eso es incluso mejor que antes. Pero ahora, echemos un vistazo a esto en pantalla completa. Hay otro atajo útil que es Shift W, y me complace cómo resultó. Por lo que voy a asegurarme de que esto se guarde como la versión final. Entonces voy a usar File Save As y renombrar el archivo del proyecto a final. Asegúrate de que el formato esté configurado documento de InDesign y para asegurarte que este prospecto se pueda imprimir, también necesitaremos exportar esto como PDF, lo cual puedes hacer desde el menú del archivo. Y recomiendo usar uno de estos presets. Normalmente uso PDF X1 a 2001, que es un estándar. Podemos guardar esto en la misma carpeta del proyecto. Y cuando surjan los ajustes, no tienes que cambiar nada, simplemente haz clic en Exportar. 12. 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í. Adelante, échales un vistazo ya. No puedo esperar a conocerte en la siguiente.