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.