Transcripciones
1. Introducción a la clase: El diseño gráfico se trata de comunicar ideas de manera efectiva, y esto es importante
en todas las industrias. Esta clase te dará una base
firme sobre cómo
puedes llevar tu mensaje
al siguiente nivel mediante la implementación de
principios prácticos de diseño
gráfico que
atraparán la sanción de tus espectadores y guíalos
a través de tu diseño. Oigan chicos, mi nombre es
Tyler y párroco. Soy diseñador gráfico e ilustrador con sede en
Edmonton, Canadá. He sido diseñador
gráfico freelance casi una década. Y a lo largo de ese tiempo he
trabajado en muchos proyectos como diseños de logotipos galardonados y
diseños de carteles. Los clientes vienen a mí y me dan información para un folleto, diseño de
carteles, una portada de libro, y muchas otras cosas. Y es mi trabajo tomar esa información y
organizarla de una manera agradable, efectiva para que capte
la atención del espectador ylo la atención del espectador y guíe a través de
la información. Ahora esto es algo que cualquiera
puede hacer una vez que aprenda algunos principios prácticos de
diseño gráfico y los aplique a sus diseños. Cuando empecé a
aprender diseño gráfico, realmente
me enfoqué en aprender
Photoshop e Illustrator, y nunca lo
consideré realmente en el diseño. Sin embargo, una cosa
que haría diferente si
comenzara mi
viaje de diseño gráfico de nuevo es aprender diseño temprano. Esto se debe a que InDesign
es una herramienta poderosa en creación de documentos hermosos
para impresión y para Web. Aunque puedes
hacer muchas cosas en Photoshop e Illustrator,
como diseño, un logotipo, e
ilustración editorial, o manipulación fotográfica. A menudo se da el caso de que este
es sólo el punto de partida. Y el paso final es traer
todos esos componentes a
InDesign para formatear con el
fin de enviarlo a
la impresora o a la web. Y como InDesign es mi
último paso en mi flujo de trabajo, es fundamental que sepa utilizar las herramientas de manera efectiva, pues en el mundo del diseño, los toques finales
marcan toda la diferencia. Esta clase te presentará a InDesign y cómo puedes hacer trabajo
pulido basado en un
conjunto de principios de diseño. Aprenderás principios prácticos de
diseño gráfico
como alineación, jerarquía
y tipografía. Y esto elevará
su diseño
al siguiente nivel para que pueda
comunicarse de manera efectiva. Esta clase es para
cualquier persona que quiera
hacer un trabajo más pulido para que
puedas comunicar tu mensaje manera efectiva y
subir de nivel tus diseños. Aunque estaremos utilizando
InDesign durante toda la clase para aprender los principios del diseño
gráfico. Estos
principios de diseño gráfico se pueden aplicar a cualquier aplicación y
realmente a cualquier diseño. Por lo que si estás listo para aprender diseño gráfico
práctico, te
veré en clase.
2. Proyecto de clase y qué esperar: Tu proyecto para esta clase
es dar formato a un documento, ya sea un cartel, un anuncio editorial,
incluso un menú de restaurante, realmente cualquier cosa que
use textos e imágenes. Y luego aplicar los principios de
diseño gráfico enseñados en la clase. En la primera sección, repasaremos un documento básico de InDesign
y lo que lo compone. Entenderemos términos como
trim and bleed y entenderemos que el modo de color es RGB y
CMYK y cuándo usarlos. En la segunda sección, nos sumergiremos en un poco de la teoría del diseño y comprenderemos
cosas como alineación, jerarquía y topografía básica que cuando se apliquen
a su diseño, atraparán su
atenciónde los espectadores y guiarlos a través de ella. En la tercera sección, nos
sumergiremos directamente en InDesign y aprenderemos la
funcionalidad básica del programa. Y también, crearemos nuestro proyecto de clase utilizando las cosas que hemos
aprendido en clase. Todo lo que necesitarás
para esta clase es una computadora con
InDesign instalado. Aunque gran parte de esta clase, estaremos aprendiendo los principios de
diseño gráfico que se
pueden aplicar a cualquier
aplicación de su elección. Estaremos utilizando archivos de
práctica de InDesign para tomar lo que hemos aprendido y
ponerlos en práctica. Si no tienes InDesign, siempre
puedes registrarte para una prueba gratuita de
siete días a través Adobe y utilizar ese tiempo para ir a través de los archivos de la
práctica. Después de descargar
los archivos del proyecto, podrás seguirlos. Al final de la clase, tendrá una
comprensión completa cómo puede personalizar fácilmente sus documentos y utilizar los principios prácticos de
diseño gráfico. En la siguiente clase,
aprenderemos los conceptos básicos de un documento de InDesign
y la configuración.
3. Funciones de documentos.: En esta clase, aprendamos
algunas características clave que se aplicarán a nuestro documento cuando estemos trabajando en InDesign. Cuando trabajamos en InDesign, muchas de las cosas que
producimos serán para impresión. Hay algunos términos que
debemos entender como recortar, márgenes y sangrar. El recorte es esencialmente el tamaño
final de su documento. Muchas impresoras imprimirán
en papel de gran tamaño y luego las recortarán
al tamaño final después. Los márgenes son
esencialmente el marco de nuestro papel donde contendrá toda nuestra información importante. Si salimos fuera de los márgenes, los detalles
esenciales
pueden cortarse y nuestro diseño podría estar demasiado cerca del borde
y verse bien. Por lo que desea mantener cualquier información
importante dentro de los márgenes. Puedes ajustar tus
márgenes para que tengas más o menos espacios en blanco
alrededor de tu documento. Y esto podría ayudar a que
tu diseño respire. Bleed es una extensión
de nuestro documento que
permite que las imágenes o gráficos
vayan directamente al borde. Las impresoras imprimen en papel de
gran tamaño, luego recortan el papel
hasta el tamaño de los documentos. Ya que los documentos se
cortan después del hecho, si empujamos nuestra imagen es sólo a la línea de recorte y está
ligeramente desalineada. Es posible que tengas una
pequeña racha blanca en el borde de tu página. Sin embargo, para evitar esto, empujamos nuestras imágenes al
sangrado más allá de la línea de recorte. Esto permite que nuestra imagen esté
justo al borde cada vez. Ahora que entendemos que
tanto la página en InDesign, vamos a entender acerca de
los modos de color comunes que vamos a utilizar. Hay dos
modos de color principales con los que
estaremos trabajando. Rgb o CMYK. Rgb es el modo de color que se
suele usar para las pantallas, y CMYK es el modo de color suele usar cuando las cosas
salen a imprimir. Si estás trabajando en RGB, solo ten en cuenta que cuando salgas a imprimir tu documento, puede
que no salga tan vibrante
como viste en la pantalla. Por eso es que si
sabes que vas
a ir a imprimir, es mejor trabajar en CMYK. Ahora vamos a aprender un
poco sobre RGB y CMYK. Rgb es un modo de color aditivo, ya que cuando agregas todos los colores juntos,
obtienes blanco. En una pantalla o pantalla RGB, hay miles de diminutos conocidos que
tienen tres colores, rojo, verde y azul. Cuando enciendes
cada uno por completo, ¿obtienes qué? Esto es. A qué me refiero por aditivo. Añadimos todos los colores para conseguir blanco. Cmyk, sin embargo, es un modo de color
sustractivo, ya que a medida
que se eliminen los colores, solo dejará blanco. En el proceso de impresión CMYK, se ejecuta para diferentes tintas
de color. Cian, magenta,
amarillo y negro. Como una impresora
recorre cada color, solo las áreas
sin tinta serán una. Esto es lo que quiero decir
con sustractivo. Ya que tenemos que quitar
cada color para conseguir blanco, aunque puede que
no necesite conocer todos los detalles del proceso de
impresión o RGB. Es bueno entender los resultados finales para que
pueda planificar su
proyecto en consecuencia. Recuerda, si sabes de
antemano que vas
a producir algo solo
para que las pantallas funcionen en RGB. Pero si sabes
que vas
a planear algo para imprimir, podría ser mejor
comenzar en CMYK. En la siguiente clase, vamos
a caminar a través de cómo configurar un
documento básico en InDesign.
4. Configuración de documentos: introducción en InDesign: Hey chicos, en esta clase, vamos a aprender a
configurar rápidamente nuestro documento, entender algunas
características clave de InDesign, y pasar por un par de herramientas que vamos a utilizar a
lo largo de la clase. Por lo que cuando abras InDesign, vendrás a este menú aquí. Esta es la pantalla de bienvenida. En la pantalla de bienvenida, se pueden ver algunas cosas diferentes. Se puede ver en el
lado izquierdo que tiene una nueva opción de archivo. Puede abrir un archivo de InDesign
existente, o tiene opciones
de menú de documentos recientes
que ha tenido abiertos. Se puede ver que he
tenido algunas abiertas recientemente. Sin embargo, si estás abriendo
InDesign por primera vez, tu diseño podría verse un
poco diferente al mío, pero eso está bien porque en
lo que nos vamos a centrar es en la nueva opción de archivo. Vamos a dar clic
en eso y aquí nos abrirá nuestras opciones. Cuando estamos creando un nuevo
documento en InDesign. Indesign nos da unos presets dependiendo de lo
que queramos crear. Por lo que tiene algunas opciones aquí
tenemos algo para imprimir. Te da un montón de documentos
impresos
como papel tamaño carta, tabloide
legal, media carta, y muchos otros
que puedes usar. Puedes decidir elegir
algo para web o incluso para un dispositivo móvil. Tiene estos presets
ya hechos. Entonces, si estás haciendo un diseño específicamente para una lata de iPhone, ya tiene ese tamaño
preestablecido en InDesign. Hace que sea realmente
fácil crear diseños específicamente
para un elemento específico, como un iPhone ten
o un documento de Word. Hoy vamos a crear
algo para imprimir. Y vamos a pasar
al lado derecho. El lado derecho, se puede ver que hay algunas opciones
diferentes. Puedes titular tu documento
y eso es un documento configurado. Y tiene la capacidad de
cambiar la altura, altura y el ancho
de su documento. Puedes subir en incrementos
usando las teclas de flecha así. También puedes decidir qué
unidades quieres usar, ya sea en pulgadas
o milímetros o píxeles. Después de eso, se puede ver
que hay páginas. Por lo que si tienes un documento de
varias páginas, puedes decidir
cuántas páginas quieres. Y
aquí hay una casilla de verificación que está frente a las páginas. Las páginas que faltan se
usan generalmente
cuando se está haciendo algún tipo
de libro de folleto. Significa que tus
páginas que tienes en tu documento
terminarán enfrentadas. Puedes hacer clic en esto. Entonces, si tienes varias páginas, quieres que se
doblen entre sí. Por lo que quieres páginas enfrentadas en. No obstante, en nuestro
caso vamos a hacer una sola página y no
necesitamos eso puesto. Y luego puedes comenzar
en la página número uno. Y un
marco de texto primario esencialmente hace un marco dentro de los límites
que has señalado aquí. Si has creado
un margen específico, creará un cuadro de texto predeterminado en proporción a ese margen,
lo cual es realmente genial. Acelera tu flujo de trabajo y
lo repasaremos en esta clase. No obstante, es algo
que esperamos en futuras clases que
enseñaré en InDesign. De acuerdo, si
bajamos más, pasaremos por los márgenes. Los márgenes son
esencialmente su marco en el
que desea contener su información
importante. Por lo que puede aumentar
o disminuir el tamaño
de sus márgenes. Y si solo quieres cambiar
un lado de tus márgenes, puedes ver por aquí
hay una opción de enlace. Puedes desvincularlo. Y digamos que quiero que
la parte inferior tenga más espacios en blanco que la parte superior y todos
los demás sean iguales, puedo aumentar eso a una pulgada. Ahora la parte inferior tendremos una pulgada de espacio en blanco y en todas partes
tendremos 0.5 pulgadas. Ahora estamos abajo a la hemorragia. Ahora recordemos que
el sangrado es la extensión de
nuestros documentos para
que cuando queremos que los gráficos vayan directo al
borde de nuestra página, los
empujemos al sangrado para
que cuando se esté
recortando durante el proceso de impresión
y el proceso de corte, en realidad no
perderemos ningún gráfico. Van a ir directo
al borde cada vez. Y luego tenemos una
opción llamada slug, Slug. En serio, no vamos a
hablar demasiado de ello. Ellos es sólo otra
extensión a tu documento para escribir notas o algo específico
para las impresoras. No es frecuente que los
diseñadores lo usen. Es principalmente para las impresoras. Es posible que quieran agregar
un slugging para decir, debes cortar aquí, debes doblar aquí,
algo así. Pero para nosotros hoy eso
no es demasiado importante. Creo que todo lo que
tenemos aquí es bueno. Vamos a agregar un sangrado de 0.125 es un sangrado bastante
estándar. Donde quiera que vayas. Sin embargo, si estás consiguiendo una impresora para imprimir
tus documentos, pregúntales qué
requieren que tal vez necesiten un sangrado de 0.25 pulgadas, no como 0.125, pero eso es diferente
dependiendo de a donde vayas. Pero para la mayoría de los casos es
0.125 será genial. De acuerdo, ahora podemos darle a Crear. Ahora que estamos en nuestro documento, quiero darte un recorrido
rápido para que puedas entender lo que está
sucediendo en InDesign. Saltando justo aquí, puedes ver que tienes
tu menú en la parte superior, tu tipo de diseño de edición de archivos
tiene algunas opciones de tipo. Objeto tiene algunas cosas para gráficos y objetos
que usted está creando, tablas, vista, ventana, y ayuda. Aquí arriba puedes ver
un menú desplegable que
actualmente está en Essentials. Este es el menú Espacio de trabajo. Entonces dependiendo de cómo
quieras trabajar en InDesign y de qué
Windows quieres abrir. Es posible que quieras cambiar esto por otra
cosa, como
Essentials Classic. Podría traer a colación algunas opciones
diferentes aquí. No obstante, voy
a volver a poner eso Essentials solo para
mantenerlo agradable y limpio. encima del lado izquierdo, puedes ver nuestra barra de herramientas. Podemos subir aquí y activar nuestra barra de herramientas de entrada y
salida así como así. Entonces tiene unas cuantas herramientas
diferentes. Vamos a repasarlo ahora mismo. Los dos primeros en la parte superior
son sus herramientas de selección, su herramienta de selección general y su herramienta de selección directa. Lo siguiente que
quiero mostrarles son estas dos cajas de aquí. Estas son nuestras herramientas de forma. Tenemos dos
tipos diferentes de herramientas de forma. Contamos con una herramienta de marco y una herramienta de forma
irregular. Si hacemos clic y mantenemos pulsado, puedes abrir
la herramienta de forma y te mostrará algunas opciones
diferentes. Puede crear un
rectángulo, o un círculo, o un polígono, y esto es
lo mismo con la herramienta de marco. No obstante, funcionan
ligeramente diferentes. El rectángulo, en realidad
puedes crear una forma y luego puedes
darle a esa forma un poco de color. Entonces si hago doble clic
en este cuadro de aquí, este es el color de relleno. Yo le puedo dar algún tipo
de color como ese. No obstante, el marco, cuando hago clic en eso y hago
clic y arrastro, se
puede ver que sólo
tiene una x a través de él. ¿ Qué significa eso?
Seusa un marco cuando queremos usar
gráficos en nuestro documento, pero aún no sabemos qué
queremos colocar allí. Para que podamos diseñar nuestro documento y ponerlo
como marcador de posición. Diga, quiero una foto aquí, voy a poner un marco ahí. Más adelante. Pondré ahí esa
imagen real, pero es sólo un marcador de posición. Hasta que eso suceda,
estás diciendo, sé que quiero algo aquí y este es un marco que lo
va a sostener para que
puedas diseñar tu
documento de antemano y traer todos tus
elementos más adelante. Y todo
estará muy bien ejecutado. Y entonces lo siguiente
que quiero repasar
lo más rápido es nuestra herramienta de tipo. La herramienta de texto es T en su teclado, y funciona de manera similar a nuestra herramienta de rectángulo y
marco. Puede hacer clic y mantener pulsado
y arrastrar hacia fuera una caja. No obstante, esta caja es
un poco diferente. Se puede ver que ahí mismo hay un cursor
parpadeante. Eso significa que es un cuadro de
texto en vivo y ahora puedo empezar a escribir en mi texto. Lo que yo quiera, así como así. Ahora que sabemos un
poco sobre InDesign, repasemos algunos principios prácticos de diseño
gráfico
en la siguiente clase.
5. Knolling: creación de orden: Antes de pasar a los
principios del diseño, quiero mostrarles una forma
sencilla de hacer que cualquier combinación de objetos sea más
atractivo y organizado. Esta práctica se llama Nolan. Nulling es simplemente el proceso de organizar objetos
en ángulo recto para
que sean paralelos
entre sí o a 90 grados. Mantiene todo
organizado y crea imágenes limpias y
atractivas para aplicar. Nulling es muy sencillo. Pasemos por
una práctica rápida que puedes probar tú mismo. Todo lo que necesitas hacer es agarrar algunas cosas tiradas
alrededor de tu escritorio, el teclado y el
ratón, reloj de arena. A lo mejor tienes algunos juguetes, lápices, bolígrafos, o cuaderno de
notas, cualquier cosa. Ahora para empezar,
debes conseguirte un objeto clave como punto de referencia
inicial. Después de que se coloque se alinearán todos los demás elementos en
relación con el objeto clave. Mantener líneas paralelas o
perpendiculares. Esencialmente, estás creando una cuadrícula personalizada hecha a partir de los elementos que
componen tu composición. Esto se puede hacer tan fácilmente pantalla como fuera de la pantalla. Ahora quiero que te
diviertas y lo pruebes tú mismo. Toma algunos objetos que estén por
ahí contigo. No tiene que ser muchos
y organizarlos de esta manera. Usa los principios de nulling para crear una composición agradable. Después toma una foto de tu composición y
publícala en el panel del proyecto. El saber se ha utilizado tanto en las redes sociales como en los
anuncios. ¿Por qué? Porque es
agradable a la vista. Cuando arreglamos elementos de una manera organizada,
en realidad, nuestro cerebro simplemente reconoce que
esto es satisfactorio. Crear alineación
en sus diseños
instantáneamente hará que sus
diseños sean más atractivos porque crea
una relación entre los componentes y
es más fácil navegar. En nuestra siguiente clase, aprenderemos sobre el
principio de alineación y cómo podemos
aplicarlo a nuestros diseños.
6. Alineación: estructura de construcción: Ahora que entendemos cómo el
simple revestimiento de objetos en ángulo
recto puede
aumentar el atractivo de un diseño y crear un
sentido de relación. Pasaremos a aprender algunos
principios prácticos de diseño gráfico que cuando se apliquen, mejorarán instantáneamente cualquier diseño. Alineación es simplemente
organizar nuestro texto e imágenes para crear una relación que es fácil de caer, sin embargo, hay muchas maneras de alinear
las cosas para crear orden. Podemos alinear todo
al centro o a la
izquierda o a la derecha. Si tiene gráficos
dispuestos uno al lado del otro, puede alinear los elementos en la parte superior, inferior o central. El lenguaje tiene un flujo natural. En inglés, leemos
de izquierda a derecha. Ahora, imagínense tratando de
leer este grupo de textos. Está por todo el lugar. Nuestros ojos no saben a
dónde ir a continuación. No obstante, si alineamos todo
el texto a la izquierda, esto permite inmediatamente al
lector seguir las palabras ya que la posición inicial de la siguiente línea permanece constante. Sin embargo, podrías
alinear el texto
al centro para crear
simetría y equilibrio. No obstante, después de tres
líneas de texto, los ojos del lector se ven obligados
a saltar bastante por ahí. Esto puede hacer que la
experiencia sea confusa y terminar perdiendo
la atención del espectador. Visualmente, tus diseños
lucirán más pulidos si tus diseños
están alineados de alguna manera, incluso si hay pocos artículos presentes. Por lo tanto, a medida que desarrolla
sus diseños, busque cosas que se
puedan alinear para
que pueda crear un diseño
más cohesivo junto con el
espaciado de alineación ayudará a su diseño general sea más fácil
para el espectador a seguir. Tener un espaciado adecuado
ayudará a su vista o tendrá un paso visual consistente
de un elemento a otro. Puede tener un
espaciado establecido para las líneas un párrafo o entre un
párrafo en un encabezado, creando un grupo de
elementos y creando espaciado
consistente
entre los grupos. Siempre y cuando
pienses en aplicar consistencia al espaciado
dentro de tu diseño, crearás un diseño
agradable. Ahora, pongamos esto
en práctica en los recursos del proyecto
encontrarás un archivo llamado práctica de
alineación. En la siguiente clase, veremos cómo puedes usar
las herramientas de alineación en Adobe InDesign para crear
alineación y crear relaciones entre todos tus
elementos en tu documento.
7. Práctica de alineación: Oigan chicos, en esta
clase repasaremos algunas herramientas para
ayudarnos a crear alineación y nuestros documentos para
que puedan tener un diseño más cohesivo y construir relaciones entre
todos sus elementos. Saltemos derecho a ello. De acuerdo, saltando
al documento aquí. Esta es nuestra hoja de
práctica de alineación
y espaciado que puedes
encontrar en el panel del proyecto. Si no lo tienes abierto y ve a descargarlo y
puedes seguirlo. Entonces lo primero
que se puede ver es que
tenemos una breve historia de la pizza. Ahora es muy chulo
e interesante artículo enseñándote un
poco sobre la historia de la pizza. Entonces si quieres
leerlo, definitivamente adelante. No obstante,
parece que alguien simplemente al azar a través de algunas
imágenes y algún texto ahí. Bueno, eso es exactamente
lo que pasó. Eso es exactamente lo que hice. Entonces no me culpes. Lo vamos a arreglar juntos. Lo primero que
queremos hacer es arreglar el texto aquí abajo. Recuerda, en inglés,
leemos de izquierda a derecha. Entonces cuando alineamos el texto
al centro y a veces gente se confunde
o sus ojos cansan de
saltar por todas partes. Por lo que es beneficioso
alinear tu texto a la izquierda si tienes grandes
cantidades de textos. Y en este caso definitivamente sí tenemos
grandes cantidades de texto. Entonces saltemos y arreglemos eso. Algo que
tenemos que hacer es abrir algunas ventanas. Si vamos a Windows, vamos a Tipo y Tablas y
podemos bajar al párrafo. Se abrirá el menú de párrafos y podemos ver que
hay algunas opciones diferentes. Puede alinear a la izquierda, alinear, centrar, alinear, derecha. Podemos aplicar esto
a nuestro documento. Por lo que podemos dar click en los párrafos que
tienen texto desalineado. Y podemos mantener pulsada la tecla Mayús para hacer clic en
todas y todas a la vez. Podemos alinear todos los
textos a la izquierda. Ahora, si queremos previsualizar
cómo se ve esto sin todas estas cajas guía y
los márgenes y el sangrado. Podemos pasar por aquí a
esta opción aquí
tenemos la vista normal o tenemos la vista previa que se
deshace de todas nuestras guías y nuestros márgenes y podemos ver cuál
será ya el resultado final. Esto se ve mucho mejor porque todo el
texto masivo está alineado a la izquierda. Crea unos pasos
visuales consistentes para que los lectores sigan. Volvamos a entrar y veamos cómo podemos ajustar esto
un poco más. Vamos a golpear W en nuestro teclado y podemos
encender nuestras cuadrículas y guías. Y podemos ver que sí
tenemos un margen. Recuerde, el margen es una
especie de
marco que contiene nuestra información
y podemos utilizar este margen para alinear las cosas. Podemos ver que este
texto de aquí abajo
ya está alineado
justo al margen, así
como esta
imagen de la pizza, queremos hacer algunas
relaciones entre todos estos objetos
y hacerlo consistente. Para que podamos tomar esta breve historia de la pizza
y podamos moverla. Ahora, una cosa que puedes ver es están apareciendo estas
líneas verdes. Lo que eso es una guía inteligente. Si no los ves, puedes ir a Ver
Cuadrículas y Guías. Guías inteligentes que
le permite hacer clic en los puntos y resalta las áreas donde
ve alineación en
sus documentos. Por lo que hace que sea realmente
fácil alinear las cosas. Entonces esta caja de pizza,
esta caja de texto de pizza, ya está alineada
al margen, pero son los textos por
aquí en el medio. Entonces, ¿cómo solucionamos eso? Pasamos a nuestro párrafo
y vamos Alinear a la Izquierda. Y ahora se puede ver que todos
están alineados. Si le pegamos a W, se puede ver
que se ve muy limpio. Lo siguiente que
queremos hacer es que podamos bajar
un poco esta imagen y permitir que ese título de pizza escombros que destaque en el
fondo ahí. Entonces tenemos algo de espacio entre esta imagen
y esa imagen. Así que quiero alinear esta imagen exactamente centrada
horizontalmente con la otra imagen.
¿Cómo hago eso? Ahora una cosa que podría
hacer es hacer clic en él y puedo arrastrarlo hacia abajo. Y puedes ver a mis guías inteligentes encajar cuando está alineada
a esa imagen. Y esa es una
cosa realmente buena que quiero hacer es que quiero alinearla
perfectamente al centro. Eso lo puedo hacer con
mis guías inteligentes. Se puede ver que
aparece una línea morada cuando está centrada. Pero, ¿y si sólo quiero
hacerlo en un clic? Si está por aquí y está perfectamente
alineado allá, pero quiero
alinearlo a mi página. Puedo abrir el panel Alinear. Si voy a windows
object y Layout, y voy a una mina, se abrirá mi panel Alinear. La opción alineada me
da las opciones para alinear objetos a la izquierda, centro, a la derecha, arriba, abajo
y al centro horizontal. Y puedes distribuir
objetos de manera uniforme. Ahora, una cosa que hay
que ver aquí es que hay opciones a las que alinear. Actualmente, dice
alinear a la selección. No obstante, si haces clic y
mantienes pulsado, puedes ver que
hay otras opciones que puedes alinear con los márgenes. Se puede alinear a la página, se
puede alinear al sprint. Veamos qué hacen estas opciones. Entonces, si quería
alinearlo a los márgenes, puedo hacer clic en eso
y puedo hacer clic en una línea y la aparece y la alinea
directamente al margen. Si quiero alinearlo a la
página y hago clic en alinear a la izquierda, se alineará hasta
el borde de la página. Entonces eso es realmente genial. Pero lo quiero en el centro de la página para poder hacer horizontal
central, y va a ir directamente
al centro de la página. Lo siguiente que
quiero hacer es alinear este bloque de texto directamente
centrado a este objeto. Ahora, si hacemos clic en ambos objetos, podemos ir Alinear a
Selección y centrados. Ahora, ¿qué pasó? Tomó mi foto superior y
mi parte inferior de textos y los alineó
al centro entre su posición
original. Por lo que encontró el término medio. Sin embargo, quería mi herramienta de texto
inferior en línea sólo a la imagen y no quería que
la imagen se moviera. Entonces vamos a deshacer eso
golpeando Control Z. Ahora, hay otra opción. Si haces clic y mantienes
alineado al objeto clave. ¿ Cómo activamos esto? Es muy sencillo. Si hacemos clic en ambos objetos
sosteniendo Shift y luego soltamos Shift y volvemos a
hacer clic en un objeto. puede ver que
lo resalta con una gran barra azul gruesa. Esto crea un objeto clave. Ahora en nuestro panel Alinear, puedes ver que
hay una llave en este lado, la caja alineada. Ahora, cuando hago clic en Alinear al centro, el objeto clave no se moverá y el cuadro de texto se moverá perfectamente al centro
del objeto clave. Ahora vamos a pasar y tratar en línea algunos objetos más. Ahora, este es el cuadro de texto. Quiero sacarlo un poco. Quiero que todos estos
tres cuadros de texto se alineen perfectamente con la
parte superior de este cuadro de texto. Entonces, ¿cómo hago eso? Mantenga pulsado
Shift, selecciónelos todos. Haga clic una vez más en el cuadro de texto principal y cree un objeto clave allí
y alinee a la parte superior. Y ahora puedes ver que todos
se alinean de manera uniforme. Ahora, puedo bajar un
poco esto y darle a W para
ver cómo se ve eso. Se ve bastante bien. Pero creo que
estos necesitan
subir un poco así como así. Bueno w, y eso se
ve mucho mejor. Tiene algún espacio entre
estos dos grupos de texto. Ahora, para crear un poco
más de repetición, quiero crear el
mismo espaciado entre estas dos cajas que
en estas dos cajas. Entonces, ¿cómo hago eso? Puedo tratar de
mirarlo y traté de arrastrar éste hacia arriba y hacerlo cerrar. Pero podemos hacerlo aún mejor
si creamos un rectángulo, haciendo clic en M en tu teclado. Y podemos dar clic en la
parte inferior de esta caja y la inferior a la parte superior
de la caja inferior. Más débil, crea un rectángulo,
dale un poco de color. Ahora podemos arrastrar este derecho a la parte inferior de nuestro cuadro de texto
superior aquí. Si nos acercamos, podemos entonces tirar de éste hacia arriba y
emparejar eso perfectamente. Y ahora podemos ver que esos dos espaciamientos
son exactamente los mismos. Y esto creará
consistencia en su documento que será
agradable para el espectador. Ahora vemos que pasamos de un documento muy desorganizado a
un documento muy limpio y
organizado. Aplicando los principios
de alineación. Esto crea
relaciones entre ciertos elementos y una especie de guía al espectador
a lo largo de su diseño. Entonces lo que quiero que hagas
para esta clase es pasar por esta hoja de
práctica, así
como hay una hoja de práctica
secundaria debajo que puedes intentar aplicar lo que has aprendido. Y definitivamente quiero ver
qué hacen ustedes con ella. Así que definitivamente publicado en el panel del proyecto después de que
termines en la siguiente clase, repasaremos un principio de
diseño que
capturará instantáneamente la atención del espectador y lo guiará a
través de tu diseño.
8. Jerarquía: capta la atención: En esta clase
vamos a
hablar del rey del diseño visual. Si dominas esto, podrás transmitir cualquier
mensaje de manera efectiva. Entonces, ¿qué es este rey? Es jerarquía. jerarquía visual es
el principio de organizar los elementos para mostrar
su orden de importancia. La jerarquía es simplemente guiar a
tu espectador hacia
donde debería mirar. Primero, mira aquí,
después mira aquí. Y por último, aquí, si
haces bien tu trabajo, harás llegar tu
mensaje claramente. Si bien hay
muchas formas en que podemos establecer jerarquía, hoy sólo vamos a
pasar por unas cuantas. Las formas de jerarquía por las que
pasaremos hoy, nuestra escala, contraste de color. Y por último, pasaremos
por el estilo o la forma. La forma más obvia de
jerarquía que se
utilizará en la mayoría de los diseños es la escala. Dado que los espectadores notaron elementos
más grandes fácilmente, puedes usar la escala para expresar o lo que el espectador
debe mirar primero. Para crear una sensación de equilibrio
en un diseño usando escala, es
necesario tener elementos
de varios tamaños. Es por esto que en
casi cualquier diseño, querrás conocerlos. Y eso es grande,
uno que es mediano, y uno que es pequeño. La siguiente forma de establecer jerarquía es el color y el contraste. Los colores brillantes
típicamente atrajeron más la atención que los apagados. Aunque un mayor contraste en última instancia
dominará los colores brillantes
si el contraste entre éste y el
fondo es bajo. La forma final de aplicar la
jerarquía es el estilo o la forma. Las personas se sienten atraídas por cosas que están fuera de lo común,
lo diferente, un elemento que es diferente
en estilo o forma del resto suele llamar
la atención del espectador primero. En la siguiente lección,
pasaremos por las hojas de práctica de jerarquía que puedes encontrar en los recursos
del proyecto. Entonces ve a descargarlo y te
veré en clase.
9. Práctica de jerarquía: Oigan chicos, en esta clase
pasaremos por poner en práctica los principios de
jerarquía en un diseño de maquetación. De acuerdo, saltemos
directo a ello. Entonces el documento que tengo
abierto aquí es jerarquía. Lo puedes encontrar en
el panel del proyecto con los documentos de práctica. Para esta clase,
vamos a ir a través de cómo
podemos realmente utilizar los principios de jerarquía para aumentar la efectividad
de este documento. Entonces vamos a ver qué
podemos hacer con él. Lo primero que tenemos que
entender es que en
este momento tenemos mucha información aquí y nada
realmente sobresale. Golpeamos a W, podemos ver que todo fue una especie
de mezcla entre sí. Tenemos un título aquí, pero ¿eso es un título? En realidad no lo sé. En base a lo que veo aquí es sólo un grupo de textos.
Estodo el mismo texto. Entonces tenemos que pensar, ¿qué queremos que vea primero el
espectador? ¿ Qué queremos que vea el
espectador a continuación? Y entonces, ¿qué
queremos que vea el espectador? Y podemos tratar de poner en práctica el principio de jerarquía
para establecer estas cosas. Entonces vamos a pasar por eso.
Loprimero que quiero hacer es
sacar este título aquí. Entonces tengo dos
partes del título. Conseguimos la historia de y
llegamos a los videojuegos. Los videojuegos son el frente
y centro del título. Ese es el
propósito principal de esto. Entonces esto probablemente
será lo más grande o los textos más grandes que
tengamos disponibles en este documento. Entonces hagámoslo aquí. Vamos a aumentar ese tamaño. Bastante grande. Algo que podemos hacer para darle un poco
más de jerarquía, en realidad
podemos
distinguirlo de todo el resto
del documento. Cómo, al diferenciar
el estilo. Recuerda que
la gente busca lo diferente, lo inusual. Entonces, si tenemos un texto que es diferente a
todos los demás textos, nuestros ojos van a ir
automáticamente para allá. Entonces busquemos un texto
que tipo de encaje con el tema de los videojuegos. Para que podamos entrar en nuestro panel de
Personajes aquí. Si no tienes eso abierto, puedes ir a Windows, escribir tabla, e
ir a Personaje. En esta tabla, en realidad
podemos seleccionar qué texto o qué
fuente queremos usar. En realidad, he tenido
algunas fuentes diferentes aquí y algunas de ellas se
ven bastante chulas. futuro se ve bastante bien. Es una versión muy geométrica, pero voy a
seleccionar esta aquí. Etnocéntrico. Es un tipo bastante cool. Por lo que puedes ver aquí
que ahora solo tengo video aquí y
tengo esta caja aquí. Lo que eso significa es que
hay texto sobrepuesto. Significa que los textos
que tengo ahí dentro no pueden caber dentro de mi marco de texto, lo cual está bien, pero
quiero ver ese texto. Entonces, cómo podemos deshacernos de eso es que solo podemos
sacar un cuadro de texto. Y se puede ver que aparecen los
videojuegos. Siempre que veas esa
casilla roja con el signo más, significa que hay textos
sobrepuestos que hay que abordar. Entonces ahora que hemos
abordado eso, podemos seguir adelante y jugar con la historia de la historia de la misma no necesita ser tan grande o diferente como los videojuegos. Para que podamos aumentar un poco
el tamaño. Y también podemos
cambiar esa fuente. Podemos cambiar el peso de la fuente. Entonces tenemos a Roboto, esa va a ser nuestra fuente principal. Tira el documento. Eso es
bastante fácil de leer fuente, por lo que es bueno para la
mayor parte del texto. Pero también podemos usarlo
en nuestro título para que podamos mantenerlo como rubato y podamos
cambiar el peso del mismo. Para que vean que podemos
ir muy delgados con él, o podemos sacarlo a colación, darle un poco
atrevido, así como así. Ahora, justo con eso, podemos ver que ya hay un bonito sentido de jerarquía. Realmente nos sentimos atraídos
por esto de aquí, pero hay una
cosa más que podemos aplicar al título
que en realidad
creará aún más
jerarquía que
atraerá nuestros ojos instantáneamente
a este título. ¿ Qué es eso? Entonces pasamos por
tamaño o escala, y pasamos por estilo o
forma cambiando la fuente. Ahora bien, ¿qué podemos hacer? Podemos aplicarle un color. Entonces, ¿cómo aplicamos el
color a nuestro tipo? Si vamos a ventana
y vamos a color, y vamos a color
otra vez en el menú. Esto lo abrirá. Ahora, se puede ver en
las opciones de color, hay dos cosas. Si seleccionamos nuestro texto, se
puede ver que si
seleccionamos un color aquí, realmente no es
lo
que queríamos hacer. Porque hay dos opciones. Tenemos la caja
en sí o el texto. Para cambiar el
color del texto, necesitamos seleccionar
el cuadro de texto aquí. Entonces ahora mismo no quiero que
tengan ningún color. Por lo que voy a quitar eso haciendo clic en esta barra roja de aquí. Y ahora voy a dar
clic en mi tipo. Ahora lo que pasó es porque
era blanco y negro, me da esta opción aquí, y sólo me da un valor entre blanco y negro,
pero no quiero eso. Así puedo ir al
menú desplegable apagado a un lado, y puedo cambiarlo a una
de estas cuatro opciones. Hbb, laboratorio, CMYK o RGB. Por simplicidad,
voy a ir HSB y esto es tono, saturación
y brillo. Puedo cambiar el color del
texto a eso, a cualquier parte del arco iris. Y está bastante oscuro. Entonces necesito aligerarlo. Y no está saturado para nada. Entonces necesito sacar a
colación la saturación. Ahora ya puedes ver
lo que está pasando. Ahora en esta imagen
del hombre de aquí, se
puede ver que hay unos cuantos morados y
cosas por el estilo. Entonces me gusta mucho ese tema, así que voy a aplicar
eso a mi texto, hacerlo un poco
más brillante. Justo así. Ahora si previsualizamos esto, se
puede ver de inmediato, esto hizo una gran diferencia
en nuestro documento. La historia de los videojuegos que destaca entre todos los demás. Pero esta historia de, es bastante dura
porque esta no es una fuente realmente oscura y este tipo de la supera
porque es tan oscura. Entonces podemos cambiar la
historia del texto y
podemos reducirlo y
hacerlo un poco más claro
gris así como así. Por lo que no domina
nuestro texto de título principal, y eso se ve mucho mejor. Lo siguiente con lo que queremos
jugar es con los subtítulos aquí de
cada uno de los documentos. Entonces, como que se mezclan. No sabemos por dónde empezar. Abordemos estos
dos al mismo tiempo. Si vamos a nuestro panel Personaje, podemos aumentar el tamaño. Vamos a tal vez doblar. Entonces fueron diez puntos, Pasemos a 20 puntos. Y en lugar de
tenerlo en un regular, usemos algo de consistencia, al
igual que el título aquí arriba, usamos negrita,
lo usaremos aquí abajo también. Y eso se ve genial. Después de eso, podemos jugar
con las imágenes también. Entonces tenemos nuestro texto, ya
hemos
creado un sentido de jerarquía con el título, y queremos
jugar con las imágenes. Ahora una cosa que podemos hacer
es ajustar las imágenes, jugar con ellas. Y también podemos ajustar el tamaño. A lo mejor no quiero que ambas
imágenes estén ahí dentro. Quiero que una imagen principal llame realmente la
atención del espectador. Ahora el texto es realmente bueno
para captar la atención. Pero si quiero
captar la atención, quiero una imagen realmente grande
y audaz. Para que pueda sacar uno de estos. En realidad no me gusta esta,
así que la voy a mover
a un lado, pero me gusta este tipo de aquí. Qué voy a hacer con ellos, Vamos a alinearlos a
la esquina inferior. Y los voy a hacer estallar. Entonces, ¿cómo hago eso? Ahora,
lo curioso con InDesign es que esto de aquí
es en realidad un marco. Entonces si trato de ajustarlo
y sacarlo, en realidad, ajusta el marco que contiene
la imagen. Entonces si trato de estirarlo, realmente
no
le pasó nada a la imagen, pero el marco se hizo más grande. Entonces, ¿qué está pasando aquí? Vamos a deshacer unos cuantos de esos. Perfecto. Entonces tenemos nuestra imagen
dentro de nuestro marco. Podemos ajustar
nuestro marco así o se puede ver que hay un recogedor de contenido en el medio. Por lo que ahora puedes ver esta caja naranja y esta
es mi imagen real. lo que mi marco puede permanecer
quieto y puedo moverme por mi imagen
dentro del marco también. Lo cual es realmente útil. En ocasiones puedes
colocar tu marco en cualquier lugar que quieras y puedes ajustar tu imagen dentro de él. Sin embargo, si deseas escalar ambos
al mismo tiempo exacto ya que puedes mantener presionado Control en tu teclado
o Comando en un Mac, entonces puedes hacer clic y arrastrar manteniendo presionada la tecla Mayús para
limitar las proporciones. Puedes traerlo al
igual que Esto está debajo de
nuestro texto en este momento, así que eso es realmente bueno. Pero ahora mi texto como
que se desvaneció aquí. Ya no está ahí. Para que podamos hacer clic en ambos de mi texto. Puedo hacer clic en el
color de mi texto sobre en el panel lateral. Puedo hacer doble clic y
puedo llevarlo hasta un blanco. Y ahora se puede
ver lo que pasó. Entonces esto se ve realmente genial. Puedo ver el documento final. Ahora este documento se ve
realmente limpio y realmente impresionante usando los principios de jerarquía que
aprendimos en la clase. Y se puede ver que le tiene
sentido del ritmo. Primero mira aquí, después mira aquí. Y por último,
vamos por aquí. Normalmente miramos
las partes más claras, y luego pasamos a
las partes más oscuras, que esta es la imagen. Pero es realmente, lo que
realmente mola de esto es cuando nos mudamos por aquí, podemos ver a este tipo, está jugando en la
computadora y está mirando hacia el título. En realidad inconscientemente, gente mira hacia donde
otras personas están mirando. Entonces esto nos da ciclo circular. Mira aquí, mira aquí, mira aquí, mira aquí, y entonces
¿dónde está mirando? Está mirando el título y como que nos
trae por ahí. Y ese es un diseño realmente bueno. Puedes crear
repetición y ciclo tu espectador alrededor de la imagen
de una manera ordenada. Ese es un diseño increíble
porque van a retener esa información una y otra vez y se va
a hundir en ellos. Muy bien chicos, así que este fue
un proyecto realmente divertido. De verdad espero que ustedes tomen esta hoja de práctica y la
prueben por ustedes mismos. No tienes que hacer
exactamente lo que yo hice. Puedes jugar con él
y probar diferentes formas aplicar jerarquía a esto
y hacerla tuya. Y después de que termines, publicado en el panel del proyecto, me encantaría ver
lo que ustedes crean. De acuerdo chicos, nos
vemos en la próxima clase.
10. Tipografía: una guía básica: En esta clase
hablaremos de fuentes. Hay dos
tipos principales de fuentes. Estas son las fuentes Cera y las fuentes sans serif
o sin serifs, estos dos tipos de
textos suelen ser mejores para grandes bloques de texto. No obstante, podrían
usarse como encabezado. Entonces hay fuentes que se utilizan para llamar la atención de la
gente. Estas son fuentes de visualización, como fuentes de script, fuentes
decorativas o fondos de letras
negras. Las fuentes de visualización son increíbles para captar la atención
del espectador, pero son terribles
usar bloques de texto ampliados. Esto puede abrumar al espectador y apagarlo
de tu diseño. Lo mejor es emparejar tu fuente de
pantalla con una fuente fácil de
leer como un sensor
para Sarah, sin embargo, siempre
puedes mezclar
y combinar Serif y Sans Serif y usar
una para un título y otra para la página cuando decidir qué fuentes
usar menos es más. Limítate a
dos tipos de fuentes. Si necesitas más
contraste en tu diseño, intenta repetir una de
tus fuentes y en diferente tamaño,
peso o estilo. Este truco es prácticamente
infalible para crear combinaciones
interesantes que funcionan cuando se trata de tipografía, hay dos grupos principales. Ahí está la cabecera y el cuerpo. El encabezado es el componente
que suele ser el más grande, como el título o el esquemático. Entonces el cuerpo son los textos legibles que tiene
el grueso de su información. Por eso recuerda estos consejos a la
hora de elegir tus fuentes, limitate a dos
fuentes por tu diseño. Haz que tus
fuentes de pantalla sean algo divertido que caracterice
tu diseño en general. Ya sea
simple, audaz, fluído, infantil o elegante, haz que se ajuste al tema
de tu diseño. Recuerde que las
fuentes de pantalla son perfectas para mostrar y
captar la atención, pero terribles de usar en la
mayor parte de su información. Entonces para eso,
asegúrate de elegir algo simple como una fuente San
Serif o una serif. Algunas fuentes populares para el
texto corporal son Arial, Georgia ,
lethal, Minion Pro, monster at Verdana
y Times New Roman. Hay una razón por la que estas
fuentes se usan tan a menudo es porque
fueron
diseñadas específicamente para ser fáciles de leer. Ahora que hemos hablado de
cómo decidir sobre una tipografía, aprendamos a refinar nuestras
tipografías para que seanlo
mejor que pueden ser
medianteel lo
mejor que pueden ser
mediante uso de tres
tipos diferentes de ajustes. Kerning, dejar y rastrear. Dejar es el espacio
entre las líneas de los textos, también conocido como interlineado. Si no estás seguro de cuánto interlineado debes
aplicar a tu texto. El valor por defecto suele estar bien. No obstante, siempre puedes
ajustar el interlineado para darle un poco más de espacio así permitir que tus
textos respiren. rastreo es el espaciado general
entre tus caracteres, a veces llamado espaciado entre
caracteres. Puede condensar o ampliar el espaciado
general para
adaptarse a sus necesidades. Un ejemplo es cuando tu
párrafo tiene huérfanos, huérfanos, o una sola palabra que se encuentra en la parte inferior
de tu párrafo. Para corregir esto, puedes condensar tu seguimiento
por un par de puntos para subir este
texto huérfano y unir tus textos. Una vez más, el kerning es el espacio entre caracteres
específicos. A diferencia del seguimiento,
varía a lo largo del transcurso de la palabra porque cada letra
encaja de manera diferente. kerning es especialmente
útil para ajustar tus fuentes de visualización o
títulos en general, puedes
ajustar manualmente el espacio entre cada letra para
crear la sensación que deseas. Si la fuente que usas para tus textos corporales tiene mal
kerning para empezar, es mejor recortar tus pérdidas
y elegir un fondo comprobado. En nuestra siguiente clase,
pasaremos por la
hoja de práctica de tipografía en el panel del proyecto. Así que adelante y descarga eso y nos vemos
en la siguiente clase.
11. Práctica de tipografía: Oigan chicos. En esta clase, pondremos en práctica los
principios de la topografía a través de nuestra hoja de prácticas de
tipografía. Saltemos derecho a ello. Entonces saltando a
nuestro documento aquí, pueden
ver que he abierto la hoja de práctica de tipografía. Lo puedes encontrar en
el panel del proyecto para que puedas seguirlo. Una cosa que notarás es
que hay dos hojas de práctica. Ahí está la hoja de práctica del
tema del espacio
y está la hoja de práctica del
tema de las flores. Para esta clase. Voy a usar la hoja de práctica del
tema espacial para mostrarte los principios
prácticos. Y luego si quieres seguir
adelante y
probarlo y aplicarlo a la hoja de prácticas de
flores. Adelante a la derecha. Así que saltando justo aquí
a la hoja de práctica del espacio, intentemos usar la
tipografía para crear un diseño agradable que también
se ajuste al tema del diseño. Así que desde el bate, podemos ver la topografía es bastante aburrida, aunque hay un
sentido de jerarquía con la escala del tipo
y una imagen realmente cool. Realmente no encaja con
el tema. Demasiado. El espacio suele
ser algo futurista. Sin embargo,
en realidad estamos usando una fuente. ¿ Cuál es esta fuente? Times New Roman, Es
muy tradicional. Entonces, una cosa que debes tener en cuenta
a la hora elegir tu fuente
es ¿cuál es el tema? ¿ Necesito una fuente tradicional o necesito una fuente más negrita, o necesito una fuente futurista? En realidad, para esta, creo que necesito una fuente más
futurista. Por lo que elegir fuentes de acuerdo a tu tema es muy
importante porque
también sacará a relucir las
características de tu diseño y
será más cohesivo. Entonces intentemos escoger una
fuente que futurista. Hay muchas fuentes
que son futuristas, pero una fuente serif generalmente
no lo es porque es
una fuente tradicional. No obstante, las fuentes san-serif
suelen ser más futuristas
y geométricas, por
lo que realmente quiero ir. Entonces hay una fuente en particular
que voy a usar, y esa es futura. Future es una fuente muy geométrica y es muy audaz con
sus formas y sus formas, y se siente muy futurista. Voy a elegir ese
específicamente para este diseño porque algo
así se ajusta al tema del espacio. Entonces voy a cambiar
mis fuentes a Futura. Y luego voy a jugar un
poco más con la tipografía. Entonces lo número uno
que puedo hacer es que
puedo agregarlo a la jerarquía cambiando los
pesos de la fuente. Puedo ir pesado por
el título y tal vez sacar este a un medio. Y dejaré esa como la fuente del libro porque eso es
bastante fácil de leer. Ahora, lo siguiente que quiero hacer es algo así como
jugar con el tema del
espacio dentro de mi tipografía. Ahora bien, ¿cómo hacemos eso? En realidad, una cosa que
puedes hacer es que el tema del espacio está justo en
su espacio de nombre. Puedo aportar un poco
más de espacio a mi tipografía para agregar algo
al tema y al diseño. Esta, quiero
espaciar las letras. ¿ Qué puedo usar para
espaciar las letras? Si entro en mi
panel de personajes, si no ves esto, puedes ir a Windows, Tipo y Tablas y carácter. Ya puedes subir
este panel para espaciar la distancia
entre las letras. Recuerda, podemos usar el rastreo. Rastreando por aquí, aumenta el espacio entre nuestras letras. Y quiero realmente exagerar
esto para encajar un poco nuestro
tema. Entonces ahí mismo estoy
agregando un poco de espacio a nuestra tipografía, y eso lo voy a hacer también
con el subtítulo. Sólo un poquito.
Losiguiente que quiero hacer es crear alguna jerarquía
visual
que ate la imagen con
el texto del documento. Este cuadro es realmente un
gran ejemplo de jerarquía. Lo que podemos hacer es
tomar esta foto y podemos volarla y usarla a lo
largo de nuestro documento. Voy a golpear W en mi
teclado para ver todas mis guías. Y lo voy a llevar
a la
esquina superior izquierda del sangrado. A continuación voy a mantener el control. Ahora puedo cambiar el tamaño esta imagen con solo
hacer clic y arrastrar, pero eso solo cambiará
el tamaño del marco de la imagen. Pero eso no quiero. Voy a pegarle a Deshacer. Quiero cambiar el tamaño tanto de la
imagen como del marco. Para ello, golpeo
Control o Comando en la Mac. Y luego puedo
hacer clic y arrastrar hacia fuera. Y puedo escalar la
imagen y el marco. No obstante, eso realmente no funcionó porque no sostuve Shift. Si presiono Control y Shift, escalará proporcionalmente
y podría llevarlo a la esquina inferior
izquierda del sangrado. Y se puede ver que
llena todo mi documento. Pero se puede ver
que el texto del espacio y toda la tipografía se
mezclaron en el fondo. Entonces queremos cambiar
eso a blanco. ¿ Cómo hacemos eso? Podemos tomar este texto. Podemos pasar a
nuestro panel lateral aquí y podemos hacer clic en
la opción de texto, no en la opción de relleno, no en el formato
del contenedor, sino en el formato del texto. Ahora podemos hacer doble clic
en nuestro relleno del texto, subir a blanco y presionar Ok. Ahora puedo ver que
realmente destaca. Y ya si le pegamos a W, Esto se ve muy bien
comparado con donde empezamos. Se siente como si se ajusta
al tema del espacio. Saltemos de nuevo
a nuestra vista principal. Y juguemos un poco
con esto. Quiero tener mucho más
espacio por encima de mi título. Quiero bajar bastante mi
título. Pero podemos ver que
hay un problema. Yo mi texto corporal aquí y quiero
un espacio que salga también. Puedo sacar eso
así y bajarlo. Una cosa que puedes
ver es que el texto abarca todo el ancho
del documento. Y realmente eso va a ser tan difícil de seguir para un lector. Sólo hay cierta distancia que es cómoda para que
un lector siga, y no está tan lejos. Entonces lo que queremos
hacer es
mantener el tamaño de nuestros libros de texto alrededor de la mitad o un poco
menos de la mitad. A lo mejor sólo
lo voy a poner a por ahí. Lo siguiente que se puede ver no
es todo lo que mi texto está mostrando. Eso es porque he cambiado
el tamaño del marco de texto. No obstante, hay
más textos de los que no caben ahí. Entonces, ¿qué quiero hacer es
hacer un segundo
marco de texto por aquí. Ahora, se puede ver que hay una cajita roja
con un signo más. Eso significa que hay texto sobrepuesto. Significa que hay algunos textos que están en este marco de texto, pero no es visible porque no puede caber dentro de los
parámetros de ese marco de texto. Entonces quiero
moverlo a otro lado. Entonces, ¿cómo puedo hacer eso? Es que puedo dar clic en esta casilla y
puedo hacer clic en mi documento. Puedo hacer clic y arrastrar
un nuevo marco de texto. Ahora lo que está sucediendo
es que el texto que está sobrepuesto está fluyendo
hacia el siguiente marco de texto. Ahora para ver esto visualmente, si vamos a Ver Extras
y mostramos hilos de texto, puedes ver lo que está
pasando aquí. Se puede ver que
existe este cuadro de texto y luego se está moviendo hacia arriba y
empezando de nuevo a este cuadro de texto. Entonces si tuviera que hacer clic en
esto y agregar algunos espacios, puede ver que
lo mueve al lado siguiente. Entonces eso es realmente genial. Ahora, si hago clic y presiono W, se
puede ver cómo se ve
eso. Se ve realmente
cool, muy bueno. Ahora una cosa más que quiero
hacer es que quería hacer que este título encajara e
interactuara con el diseño. ¿ Cómo puedo hacer eso? Es que
quiero alinear esta frontera final hasta el sol. Así que ahora solo estoy usando
mis teclas de flecha para mover la frontera final a la derecha, conectada con el sol. Y se puede ver
que interactúa con el diseño general. Y ahora voy a centrar mi espacio por encima de
la frontera final. Una cosa más que puedo hacer
para que esto sea más cohesivo es que puedo agregar algo de color
a mi frontera final. Entonces daré clic en
ese marco de texto. Daré clic en esto. Y luego voy a dar clic
en la herramienta cuentagotas. Cuando hago clic en la herramienta
cuentagotas con mi relleno de texto seleccionado, puedo hacer clic en cualquier parte de mi
documento y tomará el relleno de esa
área. Justo así. Se puede ver que tiene algo de color
y lo tomé directamente de la imagen para que el color
coincida con el tema, una sensación general de la imagen. Así que esto está buscando realmente podría todo listo para esta clase chicos, quiero que intentes
poner en práctica los principios de la topografía creando un tema espacial y también probarlo con
el tema de flores. Y luego posteado en
el panel del proyecto, espero
ver lo que todo el mundo crea y
te veré en la siguiente clase.
12. Ejemplo de proyecto de clase: parte 1: Oigan chicos, en esta clase
vamos
a ejecutar un proyecto de clase de muestra. Quiero mostrarte
cómo puedes tomar alguna información que es
simplemente genérica y
aplicarle los principios prácticos de
diseño gráfico para que puedas hacerlo realmente interesante
para el espectador mira y realmente
fácil de navegar. Así que saltemos a la derecha y veamos algunos de los activos que
puedes utilizar para
tu proyecto de clase en los recursos del proyecto, ¿tienes algunas cosas
diferentes? Tenemos los archivos de práctica, alineación, jerarquía
y tipografía. Pasamos por la clase y
también tenemos los archivos de
proyecto de clase con tres archivos diferentes
con ambos el mismo contenido. Entonces veamos qué
tipo de contenido
puedes usar en los activos de pizza. Se puede ver que tenemos fotos
relacionadas con ese tema. Y también tenemos
un anuncio que tiene un poco de textos. Puedes maquillar tu
propio nombre de empresa de pizza. Y se pueden aplicar los principios prácticos del diseño
gráfico a esa topografía o esos textos y
organizarla de una manera interesante. Y realmente quiero ver
lo que ustedes crean. También tienes un ensayo de muestra que está relacionado con el tema, koala, pizza o helado. Puedes tomar esa
información y organizarla en
InDesign y hacerla realmente interesante
para mirar y guiar al espectador a través de esa
información de una manera creativa. Lo último que
tenemos aquí es que
tenemos los logos en el archivo de logotipos. En realidad verás
algunos logos diferentes que puedes aplicar
a tu diseño. Por lo que no te limitas a un
solo logotipo estándar. Hay algunas opciones diferentes para que juegues, para darle una sensación diferente, lo que vamos a hacer es
que vamos a saltar a InDesign y
vamos a tomar algo de eso
yvamos a crear nuestro propio documento personalizado, aplicando los principios prácticos de
diseño gráfico en InDesign, Vamos a crear un nuevo archivo. Y sólo voy a
crear un símbolo 8.5 por 11. Y lo voy a crear
con una columna con márgenes de 0.5 pulgadas y
un sangrado de 0.125 pulgadas. Y voy a golpear a crear. Ahora se abre un documento en blanco y quiero agregar
en mi información. Entonces si tienes un
documento de Word, es realmente fácil. Todo lo que necesitas hacer es ir
File Place y puedes hacer clic en tu documento de pizza o en
cualquier documento que tengas. No necesita ser uno
de los recursos del proyecto. Si tienes tu propia
información que
deseas formatear, definitivamente usa esa. Voy a usar
el documento de pizza y voy a golpear Abrir. Ahora puedes ver que
aparece mi cursor y tiene algún texto realmente
flotando en el cursor. Eso significa que tengo algo de
contenido para colocar. Todo lo que necesito hacer es
hacer clic con mi cursor y arrastrar
hacia fuera un cuadro de texto. Ese cuadro de texto se llenará con toda la información
del documento de Word. Entonces es realmente
genial, muy fácil. Ahora lo primero que
queremos hacer es cuando consigamos nuestra información
en InDesign, queremos separarla
en su propio cuadro de texto. El motivo es porque igual que nuestro
ejemplo de kerning, se pueden tomar
múltiples elementos de diferentes tamaños y formas
diferentes. Cuando los alineas, en realidad
pueden crear un sentido de relación
y organización. Si todo está
solo en un cuadro de texto estándar, Simplemente va a ser muy
lineal y no
podrás personalizarlo tan fácilmente. Entonces lo que voy a hacer
es llevarme toda mi información y
voy a usar mi
herramienta de texto y seleccionar mi texto. Voy a usar Control o
Comando X para cortarlo. Y voy a crear un nuevo cuadro de
texto por encima a un lado. Y lo voy a
pegar en su lugar. De acuerdo, eso lo voy a hacer
con toda mi información. Ahora, cuando estoy navegando por mi pantalla
antes de seguir adelante, solo
quiero que sepas que es
navegar por tu pantalla. Si sostienes la barra espaciadora, aparecerá la
herramienta Pluma o la herramienta manual. Y puedes hacer clic con el
ratón y
puedes arrastrarlo por ahí. Si mantienes presionada Control o
Comando y Barra espaciadora, aparecerá la herramienta Zoom. Puede hacer clic una vez para ampliar. Y luego si mantienes presionada la tecla Comando y Control y Alt u
Opción y Barra espaciadora, puedes hacer clic para
alejar, así como así. De acuerdo, así que
voy a separar toda mi información en
su propio cuadro de texto personalizado. Una cosa que
quieres recordar es que
cuando estás redimensionando un cuadro de texto, puedes usar la herramienta de selección, que es V en tu teclado. Y puedes arrastrar
hacia fuera el cuadro de texto, o si presionas Control
y lo arrastras hacia fuera, haz clic y arrastra
hacia fuera y
mantienes presionada la tecla Mayús, puedes escalar tanto
el cuadro de texto como la topografía y la
fuente al mismo tiempo. Así que eso creará rápidamente un marco de texto más grande
y una fuente más grande. De acuerdo, entonces estoy haciendo
un poco de jerarquía aquí con mis títulos. Y también quiero hacer lo mismo con mis subtítulos de aquí, o mis subtítulos, supongo. En mis subtítulos,
quiero aumentar un
poco
el tamaño para poder abrir mi panel de personajes y
poder aumentar el tamaño, tal vez a 14,
así como así ya. Si acabo de golpear W, se puede ver que hay un
sentido de jerarquía. Esto es simplemente muy
rápido y muy fácil. Y
no se presenta nada especial, pero me da una idea de
lo que necesito trabajar. Lo primero en lo que quiero
trabajar es el título, porque debería ser lo
primero que vea
el espectador. Y es una especie de crea la
sensación de todo el documento. Primero vamos a
centrarnos en el título y organizarlo y arreglar los
elementos dentro del título. Algo así como establecer la sensación o el
estado de ánimo para todo el documento. Y después,
organizaremos el resto
del documento para que se ajuste a la
sensación del título. Entonces saltando justo aquí,
Vamos al título. Y lo primero que
quiero hacer es seleccionar alguna fuente. Por lo que si vamos a nuestro panel
Carácter, podemos seleccionar algunas fuentes. Vamos a arrastrar ese
panel de personajes hacia arriba así como así. Me gusta mucho el futuro por
los bordes afilados y
la forma geométrica. Y creo que podría usar eso. No obstante, hay algunas opciones
diferentes. Hay esta fuente de
pantalla cool que se ve bastante cool y
me gusta la sensación de ello. Minion Pro
le da una sensación más clásica
de un lugar de
pizza tradicional. Otra vez Roboto, es geométrico. Es un poco más blocky. Y luego nuevo héroe, ese también
me gustó. Times New Roman. Y este etnocéntrico, tal vez una
pizzería futurista podría tener esto. Georgia se ve bastante bien. Y colibrí, sí,
es realmente muy elegante. Pizzería podría tener
este tipo de tipografía. Voy a ir con futuro para este porque realmente
me gustaron las formas audaces y me
gusta mucho cómo las almohadillas XY tienen
ese borde afilado. Le daré un
peso de algún tipo, quizá pesado por el momento. Ahora, ya hemos creado
un poco de jerarquía. Se puede ver que tengo
algún texto sobrepuesto aquí. Yo sólo voy a
estirar mi cuadro de texto así. Y no estoy
sintiendo realmente este colon aquí. Voy a deshacerme de eso. Ahora bien, dentro de estos tres elementos
que conforman mi título, también
puedo implementar
alguna jerarquía. Lo primero que quiero que vea la
gente y las cosas que les van a llamar la
atención es la palabra pizza. Por lo que quiero aumentar el
tamaño de la palabra pizza. Hagamos eso otra vez,
sosteniendo Control, puedo aumentar el tamaño
de la palabra pizza. Puedo deshacerme de
mi modo de vista previa. Y ahí vamos. Ahora la pizza es realmente
grande y audaz. Ahora una cosa que notarás es que cuando tenga texto
encima de uno al otro, quiero hacer clic en
el cómo pedir, pero solo puedo hacer clic en la pizza. Es porque las cajas de texto de pizza encima de ella en
el panel de capas. Te quiero mostrar que rápidamente
si tienes este tema, si vamos a Ventana y Capas, puedes ir a las capas
aquí y verás que mi palabra pizza está
justo en la parte superior. No obstante, cuando ves aquí abajo cómo ordenar está
justo en la parte inferior. Lo que quiero hacer es
llevar esto como al orden, y quiero llevarlo
hasta la cima, así como así. Así que ahora cuando hago clic, en
realidad puedo coger
que la forma de ordenar. Y si quería
reorganizarlos, puedo hacer clic en mi pizza. Y podría hacer Control y
corchete izquierdo y lo
bajará en las capas, panel Orden de Capas para que pueda
moverlo donde quiera. Ahí lo voy a poner
debajo. Una cosa que
quiero hacer es que quiero
reducir esta forma de ordenar. Y me
gustó esa pizza muy grande y atrevida, pero quiero condensarla
un poco, traerla. Una forma en que puedo hacer eso es si
voy a mi panel de personajes, puedo usar el tracking
y puedo traer el texto un poco así. O se puede ver que algunas cosas entraron correctamente
y algunas cosas no. Yo quiero deshacer eso. Y quiero usar kerning. Así que recuerda, el kerning es el espacio entre letras
individuales. Y cómo puedo cambiar
el kerning es que
puedo hacer clic en mi
cursor entre dos. Y puedo usar las
flechas de aquí para traerlo o estirarlo. Una forma más rápida es si
presiono control o Alt u Opción en el Mac, puedes usar las teclas de
flecha izquierda y derecha
y traerlo dentro y fuera así. Entonces quiero
apretarlo bastante cerca juntos. Tal vez así. Lo siguiente que
quiero hacer es mover esto, cómo
pedir pizza. Voy a alinearlo, cierto, con este punto de aquí,
el punto de la I. Lo voy a encogerlo
ligeramente, sosteniendo el control. Y quiero que se alinee
con la zed y la a, cómo puedo hacer eso. Y entonces se puede tener un
poco más de precisión es que puedo usar reglas y guías. Cuando voy a Ver, aquí puedo
ver a los gobernantes escondidos. Pero si esto fue desclicado. O no se muestra, se puede
ver, Mostrar reglas. mostraré a mis gobernantes. Puedo bajar unos guías justo encima de mis
ojos, así como así. Y justo por la zed o la Z. y justo por la a. ahora puedo intentar
alinear mi Cómo Escribir con la
sección superior del punto. Y se puede ver que
la a no se
alinea perfectamente con
esta a de aquí. Entonces, una forma en que puedo hacer
eso es simplemente condensar el rastreo
a la ligera. Perdón. El seguimiento aquí arriba, tal vez no, que tal vez dos puntos
negativos
harán el truco. Sí, eso se ve bien. Ahora si apago,
enciendo el modo de vista previa, se
puede ver cómo se ve eso. Eso se ve bastante bien. Cómo pedir pizza. A lo mejor quiero esto un
poco más abajo ahí. De acuerdo, lo siguiente que
quiero hacer es usar esta habilidad esencial para
el individuo hambriento. Y quiero alinearlo con
la pizza de ahí mismo. A lo mejor hacerlo un
poco más grande. Y quiero cambiar la fuente para crear un poco
más de contraste. Voy a cambiarlo
de pesado a libro. Y ahora es bastante pequeño, pero quería
espaciarlo bastante. Y voy a
sacar mi cuadro de texto. Y quiero sacar el rastreo hasta que se
alinee con la a. así que tal vez un 114, eso podría funcionar. Ahora se puede ver que
hay cierto contraste. Hay algún elemento grande, elemento medio y
el elemento más pequeño, incluso en mi título, tengo ese sentido de
escala y jerarquía, que es realmente bueno. Y todo esto puede funcionar como un solo grupo en
todo nuestro documento. Y dentro de ese grupo, también
hay un sentido
de jerarquía que crea dimensión a nuestro título. Ahora puedes ver que hay una
gran cantidad de jerarquía en nuestra información ya ese
título realmente destaca. Es realmente audaz. Audaz. De acuerdo, Ahora una cosa que
podría hacer con esto es que en realidad
puedo agrupar
esto en un solo grupo. Ahora cuando lo selecciono, es un grupo y lo puedo
mover a donde quiera. Cuando lo escalo y
golpeo Control y escala, puedo escalarlo juntos. Bueno. Ahora que ya tengo mi título hecho, ahora puedo empezar a
trabajar en crear alguna jerarquía dentro de
todos los demás elementos. Podemos ver que aquí
tenemos algún texto que es parte de la
introducción al documento, eso es una especie de
parte del título. Tenemos el título y tenemos la información
sobre el documento. ¿ Qué espera el espectador? Por lo que queremos conectar éste con éste y
darle una relación. No queremos que se conecte con las otras partes porque
estas tres partes de aquí abajo, deberían
estar conectadas entre sí. Y entonces este elemento es
una especie de separado con el fin crear relaciones y hacer que
ciertos elementos conectados, podemos utilizar el espaciado. Recuerden cuando tenemos
un grupo de elementos, podemos mantenerlos un
poco más cerca juntos. Y eso hará que se
sienta como tu grupo. Cuando añadimos espaciado
entre esos grupos, podemos decir que esto
está juntos y esto es separado de eso. Lo siguiente en lo que quiero
trabajar es en este subtítulo. Entonces ya decidí que
la fuente es Futura, y quiero asegurarme de que
esté alineada a la izquierda. Ahora, quiero alinearlo para tener alguna conexión
con esta pizza. Y puedo alinearlo
tal vez a la zed aquí. Para que pueda sacar una guía. ver que está alineado. Ahora una cosa
se puede ver que
hay un pozo ese tipo de, realmente no
me gusta ahí. Puedo hacer una base de turnos
y lo sacará a colación. Otra cosa que quiero
hacer es que quiero alinear esta pizza justo a mi margen. Entonces la P está en línea con
el margen, así como así. Y entonces los demás
elementos son parte de eso. ¿ De acuerdo? Ahora puedes ver que
hay una relación entre esta pizza y este
párrafo aquí. Se ve bastante
bien. Puedo sacarlo quizá un poco, o bajarlo para que se lea.
13. Ejemplo de proyecto de clase: parte 2: Ahora que organizamos
los elementos que conforman nuestro grupo titular, queremos pasar
al segundo grupo, que es nuestro paso 123. En nuestro paso 123, tenemos los subtítulos y
tenemos los párrafos. Ya hemos
creado un poco de jerarquía dentro de ella, pero ahora queremos
refinarla y hacerla realmente interesante y
agradable a la vista. Entonces lo primero que
podemos hacer es
asegurarnos de que todos nuestros textos
sean nuestra fuente adecuada. Entonces nuestra fuente que estamos usando
en este documento es Futura. Y lo voy a colocar
como libro al principio. Voy a cambiar los
subtítulos a futuro. Y voy a
aumentar eso a tal vez medio, tal vez un pesado. Ahora tengo un poco
más de contraste entre mi subtítulo
y mis párrafos. Ahora que tenemos jerarquía
dentro de nuestro segundo grupo, organicémoslo y veamos
qué podemos hacer con él. Lo primero que
quieres ver es el paso uno. Entonces queremos ver el paso
dos y el paso tres. Entonces obviamente, queríamos
tener este 1 primero. Lo primero que
ves es tu título, y luego quieres
pasar al paso uno. Queremos colocar
eso en una posición en que se
guiaría a la siguiente. Entonces hay algunas
formas diferentes de colocarlas, tal vez lado a lado de esa manera, trayendo el cuadro de texto en un poco. O puedes
colocarlos verticalmente, uno encima de otro. Eso podría funcionar para este diseño, podría verse bastante bien. Entonces vamos a hacer
eso por este diseño. Vamos a tomar
estos cuadro de texto, tal vez alinearlo con el paso uno, eligiendo la pizza,
y luego
vamos a
sacarla al borde. Ahora ya hay un elementos de
Ikea aquí. Para que pueda organizar esto para
alinearme con lo que tengo aquí. Tengo esta guía aquí
Eso es justo desde la z. puedo tirar sobre este cuadro de texto
y alinearlo ahí mismo. Bueno. Siempre me referencié usando W para ver mi vista previa
sin las guías, ver cómo se ve, viendo
cómo va la jerarquía. Esto se ve realmente bien. Cómo pedir pizza. Paso
uno, elige tu pizza. Hagamos esto un
poco más audaz. Eligiendo tu pizza. qué hacer uno-a-uno para
hacer cierto énfasis, igual que nuestro título, tenemos múltiples elementos. Tenemos un elemento grande, elemento mediano, y
un elemento pequeño. Para estos,
realmente hay dos partes. Ahí está eligiendo tu
pizza y paso uno, creo que quiero
resaltar el paso uno, así que voy a cortar eso. Y voy a crear
un segundo cuadro de texto sólo para el paso uno. Entonces esto no se ve
muy bien en este momento. Entonces vamos a ver cómo podemos
jugar con ellos. Ahora, una cosa puedes
hacer con tus elementos, ya que en realidad puedes usar formas. Puedes usar formas
dentro de tus diseños. Y para crear algún
tipo de repetición, algún tipo de orden, y crear más relación. Al igual que cuando estamos
rodando objetos, podemos tomar muchos objetos
diferentes y cuando se colocan de una
manera específica, podemos
crear relaciones con otros elementos también. Por lo que podemos hacer eso cuando
estamos creando nuestros diseños. Para ello,
podemos utilizar nuestras herramientas de forma. Así que voy a golpear M en mi teclado y voy a hacer un pequeño rectángulo
justo debajo de aquí. Ahí está. No tiene ningún color, así que voy a
agregar en algún color. Ahora puedo usar este
cuadro de texto o esta forma, y puedo arreglarlo y
alinearlo con esta letra p. Ahora tengo algo que
referenciar desde abajo. Y ahora eligiendo la pizza. Puedo controlar y arrastrar esto hacia fuera. Y puedo sacar a colación a mis guías. Y se puede ver cómo se está alineando tanto con la
parte superior como con la inferior. Fresco. Ahora bien, lo
que quiero hacer es no repetir esto varias veces. Ahora, podemos ver que tenemos
un bonito sentido de jerarquía. Tenemos algo grande, tenemos algo
medio en nuestro diseño, y tenemos algunos
elementos más pequeños también. Ahora podemos alinear nuestro
texto hasta calificar nuestra relación
con nuestros objetos. Ahora, podemos dar estos pasos
uno, dos, y tres, y podemos agrupar cada uno
de ellos con Control G. También
tenemos que recoger
las formas. Y ahora podemos
seleccionar todos ellos, abrir nuestro panel Alinear, objetar y Layout
una línea y podemos distribuir, distribuir el espaciado
vertical. Lo que eso hace, crea un espaciado
igual entre
los tres elementos. Entonces eso es realmente genial. Y ahora puedo alinear esta
primera hasta la parte superior de esa. Esta hasta
arriba de aquella, y ésta subió a
la parte superior de esa. Ahora si golpeamos W, podemos ver que tenemos espaciado consistente entre el paso 123 y
tenemos nuestros elementos alineados. Entonces, ¿cómo podemos empujar esto
un poco más lejos? Ahora una cosa que veo aquí es que esta se alinea hasta el
fondo de esta línea, lo cual es realmente bueno. Este casi lo hace, y éste realmente
no le suma todo. Para que pueda tirar de este solo un poco
hacia atrás hasta que esta línea vaya en línea
con la colocación de su pedido. Ahora puedo hacer este
un poco atrás más hasta que eso se alinee. No obstante, lo que
quiero hacer es repetir aquí este elemento. Utilizo rectángulos en
mi diseño para crear más relaciones,
bloqueando las cosas. Para que pueda usar M en mi teclado. Puedo hacer un rectángulo
del tamaño de este texto. Dale Rellenar, y puedo
moverlo derecho al borde. Perfecto. Ahora podemos
alinearlo con ese. Podemos alinearlo
con este cuadro de texto, sacarlo a ese cuadro de texto. Y finalmente podemos hacerlo con nuestro último cuadro de texto así como así. Ahora por fin tenemos
nuestra conclusión y usando lo que ya
hemos tenido, vamos a establecer algunas
relaciones usando alineación y colocarlo en
algún lugar de nuestro documento. Ahora hay algunas cosas
diferentes que queremos agregar. Número uno, todo es blanco
y negro en este momento, y honestamente se ve bastante
bien en blanco y negro. Sin embargo, es posible que queramos agregar
algo de color a nuestro documento.
14. Ejemplo de proyecto de clase: parte 3: Ahora vamos a
añadir un poco de color a nuestro diseño. Para agregar color, tal vez
tu cliente tenga unos colores específicos que
usan en su branding. Quiere asegurarse de
que nuestros colores coincidan con su marca lo
más cerca posible. Entonces, si
te proporcionan códigos hexagonales, puedes usar códigos hexagonales para crear un color personalizado y una muestra personalizada y aplicar ese color directamente
en tu documento. A ver cómo podemos usar eso. Entonces tenemos que
abrir nuestro panel de color. Si no ves que
puedes ir color de ventana, color. Y ahora puedes ver que
es blanco y negro, pero queremos cambiarlo a RGB. Ahora, tengo mi
información de color aquí, y quiero crear una caja. Ahora esa caja no tiene
color ahora mismo
vamos a darle un
relleno negro por el momento. Y ahora nuestro
modo de color está configurado en RGB. Ahora, en nuestro código hexadecimal, podemos copiar nuestro código hexadecimal. Haga clic en nuestra caja,
y podemos pegar nuestro código hexadecimal en el panel
RGB y presionar Enter. Ahora nos dará nuestro amarillo
exactamente como se describe. Vamos a Alt dar clic en la
casilla y crear un duplicado. Y lo vamos a repetir
para todos los demás colores. De acuerdo, así que eso es increíble. Entonces ahora tenemos cuatro colores
diferentes aquí. Tenemos nuestro amarillo o amarillo, marrón, o rojo o negro. Ahora una cosa que puedes
ver es cuando hago clic mi rojo en el panel RGB, te
da una
pequeña advertencia aquí. Esta advertencia aquí dice
fuera de gama advertencia. Lo que eso significa es
en una pantalla RGB, realidad usa
luz y tiene un espectro más amplio que lo que
podría proporcionarse en impresión. Entonces, si intentamos imprimir este
color a través del CMYK, está fuera de gama. No podrás
imprimirlo. No saldrá como se
ve en la pantalla. Si saltamos a nuestro modo de color
CMYK, se
puede ver que el magenta y amarillo ya están al 100%, pero sin embargo quiere empujar un poco más para conseguir este rojo. Entonces, ¿cómo podemos corregir eso
para que sea digno de imprimir? Si volvemos a RGB, oh, que tenemos que hacer es dar
clic en esta caja roja y dice en
gama de colores, ¿correcto? Ahora lo que eso hizo,
alteró ligeramente el color para encajarlo dentro
del espectro CMYK. Entonces ahora si entramos en nuestro CMYK, podemos ver que está dentro de los límites de la gama de
colores CMYK. Y eso será imprimir lo
que se ve en pantalla. Podremos
imprimir en la vida real. Ahora, ¿y si queremos
hacer algunas muestras personalizadas? Podemos entrar en nuestro panel de
muestras. Podemos dar clic en nuestras cajas
y podemos agregarlas aquí. Todo lo que voy a hacer ahora es
que sólo voy a borrar estos otros porque no
necesito verlos. Ahora apliquemos un poco de color
a nuestro documento para hacer que algunas cosas realmente destaquen
y se sumen a esa jerarquía. Vamos a
implementar algo de color en nuestro propio título. En realidad, creo que podría
querer mantener esto como negro, pero tal vez quiera sacar un poco a los otros elementos. Entonces, si salto al grupo
haciendo clic en mi cómo hacer el pedido, tal vez quiera
agregar el color rojo. No obstante, si solo hago clic en leer, lo agrega al cuadro de texto
y no al texto en sí. Entonces vamos a deshacer eso. Y lo que tenemos que
hacer es pasar
a nuestro panel lateral. Y se puede ver que
podemos ajustar el contenedor o el
marco o el texto en sí. Ahora tengo el
relleno de texto seleccionado y puedo hacer clic en mi color y lo
aplica así como así. Y ya se puede ver
lo contundente que es ese título. Hagamos lo mismo con nuestra habilidad esencial para
los hambrientos individualmente. Ahora puedes ver que
nuestro título en realidad tiene mucho más contraste y
realmente, realmente estalla. Apliquemos algo del
color a nuestros otros elementos. En el paso uno, podemos aplicar el color de unas cuantas maneras
diferentes. No obstante, quiero
aplicarlo a nuestras cajas. Ahora puedes ver la jerarquía desarrollándose dentro de tu documento, y puedes ver
las relaciones entre todas estas cosas. Una cosa que podría hacer
es tirar estos hacia atrás solo un poco para darle
al texto un poco más de
espacio para respirar y aún así tener esa
relación visual usando la alineación. De acuerdo, ahora esto se
ve realmente genial. Lo último
que queremos hacer. Y puedes hacer esto
en cualquier punto tu proceso y usarlo
como referencia visual, es agregar algunas imágenes. Entonces lo que voy a hacer
es decidir dónde podría querer
algunas de mis imágenes. Creo que quiero una bonita imagen audaz en la
parte superior aquí con mi pizza. Voy a golpear
F en mi teclado, que es la herramienta de marco. Y voy a crear
algún tipo de marco
aquí arriba , tal vez así. Así que creo un marco en la esquina superior derecha,
así como así. Y creo que quiero uno
abajo aquí abajo. Entonces golpeando F,
crearé un marco aquí abajo. Ahora quiero agregar
imágenes a esos marcos. Entonces, ¿cómo hago eso? Hago clic en mi marco,
voy a Archivo, Colocar en mi carpeta de activos de
proyecto de clase. Tengo mis fotos. Ahora podemos decidir
qué foto
quiero poner en la esquina
superior derecha? ¿ Para qué sirve una
foto bastante buena aquí? Yo sólo quiero una imagen grande y
atrevida de pizza. Hagamos éste de allá. Y entra en
ello así como así. No obstante, es realmente grande. Si hago clic en el
seleccionador de contenido en el medio, se
puede ver que
aparece el cuadro delimitador
naranja y es
realmente, muy grande. Entonces voy a dar clic en
el cuadro delimitador naranja manteniendo pulsada Mayús y Alt para
arrastrarlo desde el centro, voy a reducir el tamaño y llevarlo al medio. Justo así. Ahora si le pego a W, se
puede ver cómo se ve eso. Creo que voy a jugar con esto y ajustar un poco
esto. A continuación, tengo
un marco aquí abajo. Agreguemos algunas imágenes a eso. De acuerdo, así que eso se
ve muy bien y se
ve realmente genial. Tengo mi título,
es muy obvio. Llama la atención. Como que tira de mis ojos
al primer párrafo. Y después del
primer párrafo, otra vez, hay jerarquía
colocada aquí y guiando al espectador en
la dirección que yo quiero. Y por último, tiene este texto por aquí
como conclusión. Lo último que queremos
hacer antes de exportar nuestro documento es que queremos agregar ese pequeño toque final
y ese es el logo. Entonces vamos a agregarlo aquí. Vamos a File Place. Y vamos a encontrar en
nuestra carpeta de activos en el logo. Ahora una cosa que quiero que hagas ahora es en el archivo
que debes tener un Show Import Options
es porque dentro del documento de
logo hay múltiples logotipos diferentes entre los
que puedes elegir. No obstante, si solo lo
importas directamente, solo va a importar
el primero de tu documento y no
tendrás la posibilidad de
seleccionar ninguno de ellos. Si lo hace Mostrar opciones de importación, podrá seleccionar
entre una variedad de logotipos. Yo
lo voy a abrir aquí y
se puede ver este es el
adelanto de lo que tengo. Ahora dice total páginas cinco. Y puedo seleccionar
entre 1234 o cinco. Ahora, creo que me está gustando
esto, este logo aquí. Se ve bastante bien. Y voy a golpear, Ok. Ahora puedes ver que
está lleno aquí y
puedo arrastrarlo hacia fuera
y añadí mi logo. Muy bien chicos, Ahora lo
último que podemos hacer es exportar nuestro documento. Vamos a subir a File Export. Y ahora podemos nombrar a nuestro
documento cómo pedir pizza o lo que
quieras y golpear. De acuerdo. Existe. Ahora tienes algunas opciones
diferentes aquí. En la página principal, puedes decidir si lo
quieres páginas. Puedes escoger el rango si
tienes varias páginas, o puedes escoger
lo que quieras. Va a ser un preset PDF. Entonces eso va a ser bastante bueno. Eso está bien. Y vamos a
entrar en marcas y sangrados
y marcas y sangrados. Puede utilizar la configuración de
sangrado de documentos de uso. Quieres agregar el sangrado a tu documento si
vas a
enviarlo a la impresora
porque quieres que ese sangrado se incluya porque
cuando lo recorten, quieres esos colores, esas imágenes para ir
directo al borde. Si no lo agregas, solo irá a
la línea de recorte y
es posible que tengas esa
raya blanca a un lado. Así que solo asegúrate de agregar eso en si va a salir para imprimir. Voy a apagar
eso por ahora porque sólo
lo voy a exportar para pantallas y
voy a volver a general. Todo lo demás debería ser bueno. Vamos a golpear, ¿de acuerdo? Y verás arriba
en la parte superior hay una pequeña rueda y eso
demostrará que se está exportando. Entonces puedes abrir en PDF. Ahora si quieres
exportarlo como otra cosa, tal vez solo un archivo PNG o un JPEG. Tampoco pudiste hacer eso. Ve a exportar y simplemente
cambia aquí abajo, guarda como JPEG. Esto será perfecto
cuando lo subas como tu proyecto en
el panel del proyecto. Así que realmente espero
ver todos sus diseños en
el panel del proyecto. Hay una cosa más con la
que quiero
dejaros chicos antes de
que terminemos la clase. Es el hecho de que a
veces necesitamos calentar nuestras habilidades de diseño
para obtener los mejores
resultados posibles. Entonces una cosa que podrías
hacer es una vez que creas tu primer diseño y
podría quedar muy bien, prueba diferentes
versiones del mismo. Cómo podemos hacer eso
es que podemos ir a nuestro panel de páginas y a
nuestro panel de páginas. En realidad podemos seleccionar nuestra página, hacer clic derecho sobre ella y
podemos duplicar spread. Eso creará una segunda
página justo debajo. Ahora lo que podemos hacer es
entrar y podemos cambiar
algunos de los elementos, cambiar el título,
cambiar las imágenes. Podemos jugar
con las fuentes. Podemos hacer muchas cosas
diferentes y ver de qué otra manera podemos organizar este documento para crear la jerarquía visual y la visualización visual que
queremos crear. Ahora, seguí adelante e hice esto y realmente
jugué con él. Este fue uno de mis
primeros que hice. Y, ya sabes, es bonito es bueno y consigue
el punto a través. No obstante, es no tiene esa característica audaz que
estaba buscando. Así que seguí trabajando
en la topografía, creando más variación en tamaños y cambiando un poco la de la
imagen. Y luego pensé, oh, tal vez quería una sensación
más clásica. Así que creé esta con
una imagen realmente audaz y solo texto en blanco
contra esa imagen en negrita. Y lo hice sentir un poco más clásico con las fuentes Cera. Y luego hice otra aquí usando el mismo tema de color. Empezando con una imagen
realmente audaz de una pizza teniendo la fuente
dentro de la propia imagen, y teniendo el título
en el centro entre toda la información así como los pasos que se
utilizan para crear lo. Ahora la última que tuve, jugué
con ella y usé una fuente de pantalla que
pensé que era realmente interesante y muy
chula y juguetona. Y jugué con él usando diferentes
formas en esta, usando un sentido de jerarquía
y relación. Por lo que hay múltiples
formas en que
puedes diseñar tus documentos. Y realmente te animo a que no solo dejes tu primera
como tu única. Juega con ella. Prueba cosas diferentes. Experimentar es la mejor manera de
aprender porque cuando
experimentas, en realidad
verás
visualmente lo que es bueno, lo que funciona, lo que no funciona. Afinarás tu ojo creativo para ver este tipo de
detalles y ver, oh, si empujo esto un
poco más, crea esta sensación, oh, la empujé un poco demasiado
lejos y se siente incómodo. A lo mejor puedo
comprimirlo un poco. Ese tipo de cosas vendrán con el tiempo y vendrán
con práctica. Entonces realmente te animo a que no te conformes con
solo tu primera, sino que la dupliques y reorganices de una
manera diferente, probando cosas diferentes. Y definitivamente tendrás mejores resultados si
haces estas cosas. Ahora que han visto
una forma práctica aplicar los
principios del diseño, quiero ver qué pueden hacer
ustedes. Definitivamente echa un vistazo a los recursos
del proyecto y descarga esos activos y
utilízalos para tu proyecto de clase. De verdad quiero
ver lo que ustedes pueden inventar porque definitivamente
se les
va a ocurrir algo diferente a lo que se
me ocurrió. Una vez que hayas terminado, asegúrate exportar
tus
imágenes como JPEG o
PNG o PDF y publicarlas
en el panel del proyecto. De verdad lo espero con ansias. Nos vemos en la siguiente clase.
15. ¡Gracias!¡Gracias! ¡Eres INCREÍBLE!: Oigan chicos, solo
quería darles las
gracias por
tomar la clase. De verdad espero que lo que
has aprendido en la clase, lo puedas llevar
contigo y aplicarlo a tu propio trabajo en el futuro. Crear diseños agradables
es realmente bastante fácil si aprendes a aplicar
las técnicas y principios que se enseñan en esta clase. Y Adobe InDesign hace que sea
súper fácil para ti tomar tus gráficos
y texto actuales y organizarlos para crear
una hermosa pantalla. Los principios prácticos de
diseño gráfico enseñan en la clase
realmente se pueden aplicar a cualquier
diseño para el proyecto de la clase. De verdad te animo a
que hagas lo que quieras. Se puede hacer un
cartel en editorial, tal vez incluso una portada de libro
o un anuncio. Sólo para aplicar los principios a ese diseño y publicado
en el panel del proyecto. He proporcionado muchos
activos en esta clase, así que puedes usar esos
activos como quieras. Por lo que te da cierta
libertad creativa para tomar lo que te he dado y organizarlo
de la manera que quieras. Y realmente
espero ver todas las formas creativas en las que
puedes hacer hermosas exhibiciones. Así que después de que termines de
organizar tu proyecto, asegúrate de exportarlo y
publicarlo en el panel del proyecto. De verdad espero
ver todo lo que creas. De verdad espero que
hayas aprendido algo a través de esta clase. No obstante, sé que
me falta y puede que no haya explicado algunas
cosas así como un recorte. Por lo que si tienes alguna pregunta, siéntete libre de comunicarte en el panel de discusión
aquí en Skillshare. Siempre que tenga oportunidad, espero
leer sus discusiones y responder sus
preguntas, lo que pueda. Si has aprendido algo
a través de esta clase o simplemente disfrutaste la
clase en general, realmente
me encantaría
escuchar lo que piensas. Por lo que después de la clase, por favor considere dejar
una breve reseña. Hazle saber a otros alumnos
lo que más
te ha gustado esta clase para que
cuando lean eso, puedan tener
ánimo para continuar su aprendizaje y todos
podamos crecer juntos. Siempre estoy
deseando crear nuevas clases para ustedes
aquí en Skillshare. Así que si quieres ser notificado
cuando se lance una nueva clase, por favor considera seguirme aquí en Skillshare
si deseas
continuar tu
viaje creativo y conocer más sobre
diseño gráfico y ilustración. Tomé mis otras clases
aquí en Skillshare. Clases para los principiantes
para ilustración vectorial, tengo clases son diseño
geométrico e incluso una en la
herramienta de malla de gradiente en Adobe Illustrator. Así que definitivamente echa un vistazo a esos. Solo quiero decir, gracias nuevo por tomar
esta clase y
realmente espero caminar
contigo
a lo largo de tu viaje creativo. Nos vemos más tarde.