Si quieres ser un genio del diseño gráfico estás en el lugar correcto.

Estas son laslas ofertas de empleo de dise&ntilde;o gr&aacute;fico disponibles en nuestra Bolsa Interna de Vacantes. Pincha abajo para acceder.

Anímate a realizar este curso y te convertirás en todo un profesional del diseño gráfico.
Aquí podrás aprender a diseñar con las herramientas más TOP como Photoshop e Illustrator.
También podrás poner en práctica todos los conocimientos aprendidos.
Es un curso muy muy completo que no te puedes perder.

Vídeo 1

¿Qué tal? Bienvenidos a este curso de diseño. Vamos a empezar con el módulo de Illustrator.

Lo primero que vamos a hacer es conocer un poco la plataforma, así que, bueno, prácticamente esto que tenemos aquí es Illustrator.

Vamos a darle archivo nuevo y aquí nos permite seleccionar algunos formatos. Estos formatos son para usar dependiendo el trabajo que vamos a hacer, ¿no?

Lo primero es que podemos alterar aquí el tamaño de nuestro archivo, puede ser un tamaño más grande, más alto, más ancho, y cambiar también la unidad de medida. Por default va a tener seguramente milímetros o píxeles, según lo tengamos seleccionado, pero aquí podemos variarlo, a puntos, picas, pulgadas, milímetros, centímetros y píxeles, ¿no?

Entonces, bueno, eso depende. En realidad es importante cuando ya tenemos un tamaño específico.

Si, por ejemplo, nos piden un tamaño de 1080 por 1080 píxeles, aquí sí habría que ponerle 1080 por 1080 píxeles, en este caso, y ya tendríamos lo que es nuestro tamaño adecuado.

Si fuera un formato para impresión tendríamos que ponerle aquí los centímetros o las pulgadas o como sea que lo tengamos.

Por ejemplo, para una tarjeta de presentación que generalmente es de 9 por 5, entonces pondríamos 9 centímetros de ancho por 5 de alto y me va reconociendo estos cambios. Aquí va cambiando, ¿no?

Entonces, bueno, eso depende de si ya tenemos una medida específica para diseñar. Si no es así, en realidad esto no importa.

Yo les recomiendo dejarlo en píxeles y seleccionar la opción tamaño carta cuando no tenemos un formato preestablecido para trabajar. Simplemente vamos a dibujar por gusto o porque estamos tal vez haciendo pruebas o lo que sea, ¿no?

En esos casos, yo recomiendo trabajar con tamaño carta y le damos crear.

Ah, bueno, en este caso no me lo reconoció, voy a cerrarlo de nuevo, archivo nuevo, selecciono mi tamaño carta que está aquí, perdón, tal vez no le di bien, aquí está tamaño carta y crear.

Otra cosa importante a considerar es el modo de color. El modo de color puede ser RGB o CMYK.

Este modo de color varía según la intención de nuestro formato. Si nuestro formato o nuestro diseño va a ser para las pantallas, que no va a salir de lo digital, nos conviene usar el color RGB, ¿sí?

Si va a ser para impresión, nos conviene usar el CMYK, eso es importante.

Se pueden alterar después estos valores, pero sí afecta el diseño. Vamos a suponer que yo estoy diseñando un flyer, y este flyer ya lo tengo casi terminado y me doy cuenta que como lo voy a imprimir lo necesitaba en CMYK, pero en lugar de eso lo dejé en RGB.

Si yo cambio en ese punto de mi flyer el modo de color, sí va a haber diferencias entre los tonos que yo tenía y los que van a resultar. Así que desde el principio es importante considerar esto, ¿sale?

En este caso, como en realidad no me importa, lo voy a dejar en CMYK, me da igual, simplemente quiero que lo tengamos en consideración para ese aprendizaje.

Bueno, esto es Illustrator. Igual que todos los programas de edición de este tipo, tenemos del lado izquierdo lo que son las herramientas y del lado derecho lo que son las propiedades y otro tipo de ayudas, ¿no?

Entonces, bueno, aquí tenemos las herramientas como tal. Sobre todo, la que más vamos a usar es esta de la pluma. Es una de las herramientas que a mucha gente le cuesta más trabajo y más esfuerzo dominar, pero es en realidad la más importante.

¿Por qué es la más importante? Porque esa es la que va a hacer los dibujos como tal, ¿sí?

Tenemos otro tipo de herramientas que nos ayudan a hacerlo, como estas 2, que son la de la línea y la de crear curvatura, pero la verdad es que la ideal es la pluma, ¿no? Aunque sea la más compleja.

Ahora, ¿cómo se usa? Vamos a seleccionarla y es muy sencilla, nada más damos clic, con eso nos pone un punto y, si se dan cuenta, nos marca como una línea previa, ¿no?

Y si yo doy otro clic me va formando aquí pues tal cual la figura, yo puedo seguir dibujando y poco a poco, esto es importante.

Me voy a salir, yo puedo dibujar todo lo que fuera del espacio de trabajo, no pasa nada.

Ahora, conforme yo iba dibujando, esta es mi forma, aquí me puedo recorrer por acá para verlo.

Se iba rellenando esto de color, ¿sí?

Vamos a hacerlo otra vez una vez más, voy a dibujar algo y se va a ir rellenando el color.

Eso depende de cada quien, para algunos es molesto, en mi caso no me gusta, pero hay quien no le preocupa ni le molesta, entonces depende de cada quien. Pero bueno, ¿qué es lo que está pasando?

Cualquier objeto que dibujemos en Illustrator, como estas formas irregulares que acabo de poner, o un triángulo o un cuadro muy bonito o lo que sea que hagamos, todas esas formas constan de 2 elementos principales: lo que es el trazado y el relleno, ¿sí?

Me voy a acercar aquí con la herramienta de la lupa para que podamos verla acá.

Mi triángulo e incluso estos objetos de aquí arriba y al lado que dibujé tienen relleno, que es el color de adentro de la figura, y el trazado, que es el contorno.

En este caso, si se dan cuenta, mi relleno es blanco y el trazado es negro, aquí lo tenemos indicado.

Este cuadrito, el que digamos está sólido o completo, como quieran verlo, es color blanco, por eso mi relleno fue blanco.

Y este cuadrito, que más bien es un contorno o que está hueco, es color negro, por eso salió así mi figura.

Entonces, cuando yo estoy dibujando algo, me va a marcar esto. Ahorita el programa está entendiendo que yo voy a querer dibujar un elemento con relleno blanco y trazado negro.

Entonces, si yo empecé a dibujarlo, lo va haciendo justo así.

Si esto no me gusta, como en mi caso, bueno, si quieren alejarse con la herramienta de la lupa es simplemente seleccionamos lupa y luego con la tecla alt, ahí está, sale el menos y damos clic.

Si yo no quiero que estos colores me afecten, porque muchas veces el trazar o el dibujar es más fácil, o algunos preferimos hacerlo solo con el trazado, tenemos que cancelar el relleno.

Entonces, selecciono, en este caso, antes de usar mi herramienta de la pluma, selecciono mi color. Si se dan cuenta, cuando doy clic se pone frontal uno u otro. Eso es porque está entendiendo qué es lo que le estoy diciendo.

En este caso, le digo que relleno no quiero y lo cancelo con este cuadrito de aquí. Listo.

Ahora. ¿Por qué me cambió este objeto? Porque lo tenía seleccionado, ¿sí?

Si lo selecciono y le hago lo mismo, me lo cancelo, ¿ok?

Si yo no quería eso, basta con que yo le dé clic afuera, o sea, digamos al vacío, y aplico mi cambio, y a partir de ese momento ahora sí mi objeto va a tener solamente un trazado, ¿ok?

Ahora, ¿qué estoy haciendo? Estoy creando curvas, ¿sí?

Hasta ahorita habíamos visto solo los puntos rectos, ¿no? Que son tal cual hacer puntitos. Punto, punto, punto y punto.

Si yo quiero hacer curvas, bueno, para que esto fuera perfecto, lo único que hice fue darle clic y me movía hacia donde yo quería, pero apretando la tecla shift, y con eso me hace una recta perfecta, ¿no?

Entonces, punto, punto, punto, punto, y así ya no tengo que preocuparme por la exactitud.

Pero, bueno, prácticamente es eso.

Ahora, yo quiero hacer una curva, la curva es un poquito más compleja.

Les damos punto para la recta, punto para la recta, punto para la recta, pero aquí viene lo interesante.

Cuando yo doy punto y no suelto el clic, sino que sigo presionando y arrastro mi mouse, o la tableta Wacom, o lo que sea con lo que estén trabajando, genera esta curva.

Esta curva es lo que me permite ya un poco más de alcance en mis dibujos, ¿no?

Entonces, esa curva, pongan atención a esta línea que está generando, ¿sí? Esa línea es lo que estoy dibujando, no la que sigue, esa la voy a dibujar después.

Solo me estoy enfocando en esa línea, ¿sí? Entonces suelto y a partir de ese momento la que sigue ya tiene cierta curvatura, y yo puedo darle o un clic, con lo cual se vuelve a hacer una línea recta, o puedo seguir dibujando mis curvas.

Ok, entonces es prácticamente eso.

Ahora, también el contorno podemos cambiarlo de color, simplemente selecciono aquí, doble clic en el cuadrito y puedo cambiar el color.

Eso lo vamos a ver más a fondo más adelante, pero por si alguno de ustedes tenga alguna preferencia al momento de dibujar, porque a veces estamos trazando y nos molesta cierto color porque no se ve o cualquier cosa, pueden en cualquier momento doble clic, cambian el color, dan ok y listo.

Bueno, en este caso me olvidé de seleccionar pero ahí está, ¿sí? Entonces prácticamente hasta ahorita es eso, ¿ok?

El primer ejercicio que vamos a ver aquí: yo me voy a alejar con la herramienta de selección, puedo agarrar todo esto o lo que sea, puedo agarrarlo y moverlo.

Es importante para hacer esto agarrarlo de algo que los componga, es decir, si yo agarro todo esto, ¿sí?

Pero agarro de aquí, quiero moverlos, y agarro de aquí, este objeto no tiene relleno, solo tiene trazado. El sistema no va a reconocer que estoy agarrando de aquí, entonces me va a soltar mis objetos, ¿sí?

En cambio, este, que sí tiene relleno, lo puedo agarrar de ahí y no pasa nada y los puedo mover.

Pero los que no tienen tengo que agarrarlos justo del trazado, ahí me lo marca y ya los puedo mover, ¿sale?

Son cosas básicas, pero más vale aclarar este tipo de cosas de una vez para que después no tengamos ningún tipo de problema.

En este caso yo simplemente voy a agarrar todo y eliminarlo, lo borramos y listo.

El primer ejercicio que me gusta hacer es que practiquen un poco con las letras de su nombre. En este caso, mi nombre es Rodrigo.

Voy a dibujar una letra R, simplemente clic en mayúsculas, vamos así, un clic para acá, para acá.

Aquí en la parte interesante, si se quiere mover hacia arriba o hacia abajo basta con que aprieten la barra espaciadora y luego arrastran con su clic, sueltan y listo, ¿sí?

Aquí, por ejemplo, necesito hacer como la pancita de la R, por lo cual si hago esto, pues se va a quedar toda picuda.

Control Z para regresarme, o comando Z en Mac.

Entonces lo que voy a hacer es ponerme como en medio donde iría la parte media de la panza o de la curva, sostengo, jalo hacia arriba, y recuerden que solo estamos haciendo esa primera línea, ¿ok?

Esa primera curva, ¿ok? Ahí está.

Suelto y ya después me preocupo por esa segunda curva.

Aquí, por ejemplo, no me hace falta sostener el clic porque con la curvatura que ya viene es suficiente, entonces doy solo un clic y cierro.

Y listo, aquí tengo mi R.

Ahorita voy a ponerle un color. Por ejemplo, aquí ya sabemos nosotros que tenemos un contorno negro y no tenemos ningún tipo de relleno.

Si quiero hacerlo negro, en ese caso basta con que yo invierta esto, lo que hace es invertir los colores, es decir, el color que tengo en el trazado lo va a poner en el relleno y viceversa.

Aplicar esta maniobra, ¿ok?

Bueno, antes de que los deje con el ejercicio. Otra cosa importante es, en ese caso, la R lleva un huequito.

Voy a agarrar de nuevo mi pluma y voy a dibujar acá afuera, voy a invertir de nuevo porque si no invierto, recuerden que me va a colorear así y yo no quiero eso.

Entonces, voy a invertir, voy a dibujar el elemento interno, aquí está, y lo voy a pasar para acá.

Obviamente aquí no se va a ver absolutamente nada porque está solo encimado.

Mucha gente lo puede resolver de la siguiente manera. Puede decir, ah bueno, pues yo sí quiero que tenga relleno, pero ese relleno tendría que ser blanco para que se vea un hueco.

Y listo, tenemos ahí un hueco. Estamos de acuerdo en que visualmente sí parece un hueco.

Pero, ¿qué pasa si yo agarro mi elemento, mis 2 elementos, y lo traigo acá a un fondo distinto? Claramente vemos que eso no es un hueco, eso es un elemento superpuesto, ¿sí?

No se preocupen, de una vez vamos a revisar este tema.

Para hacer huecos reales en nuestro trazado, recuerden que estos se llaman trazados.

Lo que vamos a hacer es seleccionar ambos elementos y vamos a buscar esta opción aquí que se llama Buscatrazos.

Si ustedes no lo tienen acá, basta con que vayan a Ventana y busquen la opción de Buscatrazos, y cuando le den clic por ahí aparece, ¿ok?

Cualquier cosa que no vean siempre está en Ventana, ¿ok?

Entonces, bueno, este Buscatrazos lo que hace es reconocer esos trazados y afectarlos de diversas maneras.

Por ejemplo, si uso el primero, que es como para unificar, lo que hace es esto: une mis 2 trazos y, pues, simplemente, me deja el contorno inicial, ¿no?

Si selecciono y uso este, este es como para perforar.

Entonces, este, ahora sí, sería naturalmente una R con todo y su huequito.

¿Qué pasaría con los demás? Agarro este, por ejemplo, me deja lo contrario, me deja solo la parte de la intersección.

Y este, algo similar.

Entonces, bueno, lo que yo les recomiendo es probar casi siempre el que funciona para perforar, de todas maneras pruébenlos para que se familiaricen un poco, y en este caso es esto. ¿Ok?

Entonces, bueno, esta primera letra ya está. Si se dan cuenta, no es perfecta, no me importa que sea perfecta porque vamos a ver más herramientas para perfeccionar este tipo de cosas con el avance de las clases.

Pero lo que quiero es que escriban su nombre, no solo en mayúsculas, sino que intenten las minúsculas.

Obviamente, como las minúsculas tienen más curvas, es mucho más complicado.

Entonces, por ejemplo, vamos por un lado, voy a dar un clic y aquí voy a sostener para hacer la curvatura. No me importa, recuerden, ni se preocupen porque queden perfectas, eso lo vamos a hacer después.

Lo que quiero es que se suelten, porque este proceso ahorita tal vez se vea sencillo, pero créanme que en la práctica es mucho más complejo.

Y incluso cuando yo aprendí todo esto, pues me costó mucho trabajo, ¿no?

Y bueno, y con mis alumnos, pues también pasa lo mismo.

De hecho, muchos se rinden con Illustrator porque les cuesta trabajo esto y prefieren que les enseñe métodos más sencillos, pero honestamente lo ideal es sí aprender esta metodología, ¿ok?

Bueno, voy a poner aquí el huequito, recuerden que hasta ahorita es un simple truco visual que no está perforado, agarramos ambos, perforamos con el Buscatrazos y hasta ahorita vamos así, ¿ok?

Bueno, rapidísimo.

Las otras maneras de trazar, que son las que luego me solicitan que les enseñe, es con esta herramienta de la línea: simplemente soltamos una línea y después con la herramienta de curvatura, puedo agarrar esta línea y curvearla.

¿Sí? Puede parecer que es mucho más fácil, créanme que no.

Esto a la larga, si aprenden a trazar con esto, como un extra está bien, pero no como su base.

Lo importante es que dominen la pluma. Esfuércense por dominar la pluma, porque usando la pluma ya tenemos prácticamente ganado lo que es Illustrator, ¿ok?

Esto de acá arriba, de verdad no se los recomiendo.

Entonces olvidémonos de esas técnicas, digamos que son como atajos de alguna manera, olvidémoslas por completo y más bien tengámoslas presentes como un extra para ciertos trabajos que hagan en el futuro.

Pero de inicio, eso no nos sirve de absolutamente nada porque nos va a causar conflictos, ¿no?

Entonces, pues mejor hagamos de la manera tradicional.

Entonces, practican con su nombre, escriban su nombre, jueguen con eso.

Ahorita, a lo mejor, lo vieron un poco sencillo. Si a ustedes les causa conflicto ciertas cosas, traten de irlo resolviendo también.

Y ya que hayan logrado escribir un poco el tema de su nombre, pues avanzamos al siguiente video.

Una consideración importante es: terminen sus trazados. ¿Sí?

Si ustedes, por ejemplo, van a escribir otro nombre, por ejemplo, no sé, Thalía. Vamos a empezar con la T.

Vamos así, vamos así, vamos así.

Ah, en este caso voy a invertirlo para que no moleste. Vamos así.

Y de repente se equivocan y sin querer, por cualquier razón, no saben cómo sucedió, soltaron este punto, ¿no?

Y de repente vuelven a dibujar.

Está bien, inténtenlo.

Dependiendo la versión que tengan de Illustrator les va a dejar algunos, y si ustedes le dan clic a un ancla, hacen esto, hacen esto, hacen esto y hacen esto, y pueden invertir o bueno, pintar todo en color, eso está bien.

Hay unas versiones en las que no lo reconoce como tal, ¿ok?

Hay unas versiones en las que, por ejemplo, tienen un hueco y después empiezan a dibujar otra cosa. En el momento en el que dibuja afuera, deja de reconocer este trazado y aunque yo lo ponga aquí mismo, muchas veces como que me hace aquí un lío.

Entonces, bueno, yo les recomiendo terminen sus trazados, no importa que no estén perfectos, da igual, ¿sale?

Ustedes terminen, si ahorita se equivocan, les va feo, bueno, no importa, traten de corregirle sobre la marcha aunque no queden perfectos.

Y a lo mejor aquí tengo otro tipo de R, menos perfecta y menos circular, pero bueno, ahí está.

Es mejor ahorita terminarlos que andarlos corrigiendo, porque eso es un tema que muchas veces complica un poquito más, ¿no?

Entonces, bueno, jueguen con eso y ya que lo tengan avanzamos al segundo video.


Vídeo 1.1

Muy bien, si ya jugaron con su nombre, entonces ya debieron de enfrentar y tratar de resolver ciertas cosas, que mi intención era justo esa, ¿no? Que se familiarizaran un poquito al sistema.

Ahora no se desesperen, entiendo la frustración y bueno, vamos arrancando. Entonces si no pudieron resolver algunas cosas, no les quedó como querían, no se preocupen, vamos poco a poco. ¿Ok?

Vamos a empezar de lleno con el tema de vectorizar algo un poco más avanzado, así que nos vamos a nuestro navegador, en el cual buscamos un logo y, en este caso, podemos encontrar varias cosas, ¿sí? Varios logotipos como tal.

Vamos a empezar, por ejemplo, con el de Twitter. Voy a agarrar este, clic derecho, copiamos y en Illustrator simplemente control V o comando V y pegamos.

Ahora, aquí para que esto no se mueva, lo que recomiendo es: tenemos aquí ya pegamos nuestro elemento y acá buscamos el panel de capas, es este.

Recuerden, si no lo ven váyanse a Ventana, seleccionan Capas, a lo mejor está escondido. Por ejemplo, así, ¿no lo ven? En este momento se despliega. Estas son mis capas.

Las capas se pueden dejar de ver con este ojito, o sea, se esconden, o se bloquean. Y con ese bloqueo yo ya no puedo hacer absolutamente nada, ni dibujar ni mover ni nada. ¿Ok?

¿Cómo ponemos otra capa? Muy fácil con esta de aquí. Se pone una capa número 2 y, si se dan cuenta, cada capa tiene un color. Digamos que es como un identificador.

Entonces, si yo selecciono algo en la capa 1, se va a ver con ese color identificador. Si yo hago algo en la capa 2, va a tener ese color identificador, ¿ok?

Simplemente, ahorita lo vamos a usar para bloquear la capa de abajo, que fue nuestro dibujo, y que ya no se mueva en absoluto. Y yo voy a estar en la capa de arriba y voy a dibujar encima, ¿ok? Me voy a acercar.

Vamos a jugar ahora sí con esto. Selecciono mi herramienta de la pluma. Yo, en lo personal, no quiero que salga el relleno, así que solo el trazado. Y voy a ir vértice por vértice. Vamos a darle clic. Ok, bien.

Y aquí, obviamente, no voy a usar una recta, aquí voy a jugar con curvas. Entonces, clic sostenido y sin soltar jalamos hasta que esto quede lo mejor posible.

En este caso, lo mejor posible me parece que es esto y listo, pero recuerden que la que sigue trae cierta curvatura, así que lo que vamos a hacer es darle clic aquí, al último ancla, digamos, y con eso se cancela esa curvatura y es como si tuviéramos una línea completamente nueva.

Algunos lo pudieron haber descubierto en el ejercicio anterior, otros tal vez no, y a lo mejor los hice sufrir un poco, pero lo importante es precisamente que cuando aprendamos estas cosas se nos queden bien grabadas.

Y en lo personal siempre me ha resultado más fácil enseñar a través de, pues, sufrir un poquito, ¿no? Pero bueno, vamos a seguir.

Entonces, aquí sostenido, jalo un poquitín, un pelín nada más. Ahí está.

Si me quiero acercar, bueno, lo recomendable es no cambiar de herramienta, así que control más o comando más y con eso es suficiente, y barra espaciadora para moverme en el panel, ¿no?

En este caso, igual, de nuevo, cancelamos este con clic, y el que sigue de vértice a vértice, jalamos lo más exacto que se pueda, poco a poquito, y así.

Esa es la manera en la que vamos a trabajar ahorita nuestros trazados.

Esto que estamos haciendo se llama trazado, o vectorizar, o dibujar tal cual, o calcar, como prefieran decirlo. Eso es lo que estamos haciendo, ¿sí?

Lo voy a alejar con control menos, prefiero hacerlo un poco más a la distancia y eso es lo que vamos a hacer.

Ok. Listo, aquí está. Esta parte es la que se va a poner interesante.

En este punto del dibujo, yo por experiencia sé que no va a quedar perfecto. Por ejemplo, si jalamos de aquí para arriba, así hay que trabajar sin miedo, ¿eh? O sea, no se contengan.

Muchas veces eso es como que lo quieren hacer perfecto y mi intención es arruínenlo, vean hasta dónde pueden llegar. No pasa nada, porque solo así se van a animar a soltarse con la pluma.

En este caso, si se dan cuenta, no queda perfecto de ninguna manera, ¿ok? Entonces, ¿qué vamos a hacer? Simplemente dejarlo en un punto medio.

Jalamos de ahí, ahí está, perfecto. Veo si mi curvatura me sirve y si me sirve la dejo, si no, cancelo.

Jalamos de nuevo, poco a poquito, poco a poquito. Creo que es suficiente, bien.

Y ganamos poco a poquito. Me acerco, control más o comando más si están en Mac. Y aquí jalamos un poquito.

Damos clic en el ancla para cancelar, ahí está, clic en el ancla, listo, le vamos, clic en el ancla, aquí es una curva muy leve, muy ligera, clic en el ancla.

Este tampoco se va a ver bien, o sea, esta curva también es muy perfecta, perdón. Entonces, tampoco se va a quedar bien. Por más que le hagan, no se va a poder, ¿ok?

Entonces, lo mismo recomiendo buscar un punto medio o un punto donde se vea más factible que quede una curva, en este caso yo lo veo por aquí.

Si mi curvatura sirve, vamos a poner que ahí quedará. Lo puedo usar, en este caso no queda, por lo cual vamos a cancelarla, ahí está. Clic, ahí se me fue un poquito, no pasa nada. Jalamos.

Ahí sin miedo, sin miedo, sin miedo, sin miedo y ahí está.

Listo, lo mejor posible con esta técnica, aquí está mi dibujo. ¿Ok?

Entonces, movemos y aquí está mi dibujo.

Recuerden que lo importante fue al principio bloquearlo para que no me estuviera conflictuando y también ir cancelando poco a poquito con el clic en las anclas, ¿no?

Entonces, aquí tenemos esto, ¿no? ¿Cómo hacemos para que este dibujo tenga exactamente el mismo color? Tenemos 2 opciones.

Una es: tenemos el gotero que está aquí, seleccionamos este color y con eso copio este color, doble clic a mi cajita de color y puedo copiar seleccionando ahí control C o comando C, ese código.

Me voy a mi elemento, doble clic en su color, en su relleno, pegamos con control V.

Listo, ahora tiene el mismo color, ¿sí? Esa es una opción. Ya lo que faltaría sería seleccionar y decirle que no queremos trazado, cancelamos y aquí está.

O la otra un poco más sencilla es simplemente agarramos mi elemento, el gotero, y damos clic directo aquí y con eso me lo copio, ¿sí?

¿Por qué hicimos esto? La diferencia entre este y este es la calidad.

Lo que estamos haciendo en Illustrator son vectores. Los vectores son el origen, digamos, de una imagen. Entonces, por más que yo me acerque aquí, jamás se va a pixelar en el sistema. ¿Ok?

Digamos que tenemos el control absoluto de la calidad, y aquí, obviamente, ya empezamos a ver desde aquí estos como dientecitos de sierra. ¿Ok? Entonces prácticamente es eso.

Practican con este y bueno, por ejemplo, vamos a revisar uno un poquito más elaborado. ¿Cómo elimino esto?

Voy a mis capas, recuerden que lo bloqueé, así que simplemente desbloqueo. Y vámonos con este que me gustó, que está un poquito más elaborado, ¿no?

Váyanse soltando a hacer este tipo de cosas, copiamos, pegamos.

Para hacer un elemento más grande en Illustrator: agarramos de las orillas y apretamos la tecla shift. Y con eso ya nos respeta la proporción, porque si no la apretamos, nos la puede deformar y dejarlo así.

Pero si apretamos shift y siempre de las esquinas, no pasa nada, se respeta. Ese es un buen ejemplo.

Aquí, por ejemplo, este lo voy a bloquear en mi capa 2. Este tiene pésima calidad, ¿no? Es decir, ya está bastante deteriorado y se ve muy feo.

Así que, bueno, vamos a vectorizarlo lo más rápido posible para que tampoco sea tan largo esto, y voy poco a poquito.

Recuerden que voy cancelando mis curvas porque, en este caso, no me gustan.

Poco a poquito con paciencia, eso requiere mucha paciencia. En este caso la curvatura sí me sirve, así que vamos así, listo, voy para acá, jalamos un poquitito, ahí voy, ahí voy, poco a poco. En este caso ya no gustó, control Z, vamos a darle como una curvatura, voy a cancelarla tal vez, y voy a darle como así, un poquitín así, tratando de que haya cierta coherencia entre estas 2.

Me voy a regresar porque tampoco me gustó, así que voy a dejarla por ahí, me gusta mucho más.

Aquí jalamos un poquillo, cancelo esta y así.

Si se dan cuenta, esto es, como les decía, trabajo de paciencia, de educación, de atención, de ojo también.

No se preocupen, al principio causa conflicto saber dónde sería la parte adecuada para poner un ancla o un nodo. Y lo entiendo, lo entiendo, vaya, porque no hay un modelo matemático o exacto para hacerlo, ¿no?

Entonces, pues, más bien es como ir practicando y ustedes van a agarrar como su propia técnica. En realidad es eso, aunque suene un poquito simplón, pero es la realidad.

Entonces, voy a terminar la parte de arriba, vámonos para acá abajo.

Ahorita recuerden que lo estamos haciendo lo mejor posible. Hay más técnicas para dibujar que vamos a revisar en las siguientes clases.

Ahorita lo que me importa es esta vectorización básica, que en realidad ya con esto estamos aprendiendo la esencia de la vectorización.

Lo que vamos a hacer en las próximas clases es simplemente perfeccionarlo a través de otras herramientas y otras técnicas. Pero bueno, ahí vamos.

Ahí está. Yo creo que lo voy a dejar así y aquí creo que cierra bien. Ahí está.

Ahora sí, ya solo me faltan, por ejemplo, los de adentro.

En este caso tenemos un circulito, así que siéntanse libres en cualquier momento de usar las formas. Aquí las tenemos, con clic sostenido las pueden desplegar, y las formas son cuadros o elipses, es decir, círculos, polígonos, etc. Funcionan exactamente igual que un trazado, nada más que ya son formas automáticas.

En este caso quiero una elipse.

Si yo a mi elipse la saco ahorita así, la pinto, no va a traer nada porque recuerden los colores. En este caso, sí le voy a poner un color blanquito, porque así tiene el ojo.

Y simplemente, ah, me equivoqué, tenía que soltar este elemento, aquí está, blanco, lo voy a poner acá. Igual, si cuando lo sueltan ustedes lo pueden deformar, pero si aprietan shift se hace una elipse perfecta o una forma perfecta.

En este caso, lo voy a pasar acá, me voy a acercar un poquito más y simplemente voy a hacerlo pequeñito y ahí está. Lo voy a dejar así ahorita.

Ok, ya tengo mis elementos, se me olvidó ponerles color, por eso no los vemos, pero ahí están, ¿sí?

Si de repente pierden algún trazado con control Y o comando Y pueden ver esto. Esta es la vista de puras líneas, ¿sí?

Entonces, cuando tenemos ya un archivo con muchísimos elementos, esta vista nos ayuda en un montón. Ya con esta vista resolvemos el que perdemos alguno, y con control Y o comando Y podemos volver a verlo.

Si se dan cuenta, por ejemplo, no reconoce el dibujo, porque el dibujo es una foto, es una imagen. Entonces, en cuanto a líneas, el dibujo lo que tiene es este cuadro, ¿no?

Pero bueno, vamos a poner que se me pierden, doy comando Y, control Y, selecciono, ahí está, otra vez control Y, y ya regresé.

Pero lo que voy a hacer es, con mi gotero, como vimos la vez pasada con el de Twitter: gotero, agarro este color, listo.

Ahora, este me faltó, no me di cuenta, me faltó dibujar este pedacito de aquí. Voy a dibujar esto, yo sé que se pierde un poquito, pero insisto, es cuestión de acostumbrarnos al sistema. Ahorita recuerden de hacerlo lo mejor que se pueda, ¿no?

Ahí está.

Y cambiamos de herramienta y cambio, ahí está. Creo que ahí está, sí.

Voy a quitar mi dibujo de referencia, agarro todo esto, y listo, ¿sale?

Claro, varias imperfecciones, porque lo hice un poco rápido. Con más dedicación y paciencia hubiera podido evitar, por ejemplo, estos piquitos de aquí y demás.

Pero, por ejemplo, esta curva me gusta bastante, se ve bastante linda. Y lo demás también creo que se ve bien. Les digo son detallitos nada más, pero bueno, es eso. ¿Sale?

Entonces, les recomiendo practicar con estos 2 y si se atreven, practiquen con más, porque se atreven a hacer cosas más elaboradas, por ejemplo como esto, esto también está bien. Eso es importante, ¿sí? Pueden practicarlo.

Entonces, bueno, la vectorización básica es esto tal cual lo que acabamos de hacer.

Entonces, busquen otro tipo de logotipos. Por ejemplo, como estos no los hagan todavía porque esto lo vamos a hacer después.

Bueno, incluso este que les acabo de enseñar, igual no lo tomen en cuenta. Ahorita practiquen con logotipos o dibujos que sean así de una sola plasta de color. Este es todo azul, este son 2 plastas, pero todo naranja y demás, ¿no?

Bueno, si se atreven a hacer como estos, no pasa nada, exactamente igual que lo que hicimos aquí.

Simplemente, esto no es un hueco y, a lo mejor, en este caso no me importa que sea un hueco, pero a lo que voy es una plasta que está encima de, ¿sí?

Pasa lo mismo con este tipo de logotipos. Esto es una mancha roja, digamos, un fondo rojo, encima está uno blanco y encima está otro rojo.

Entonces, si se animan, adelante, es únicamente para su beneficio. Pero bueno, practiquen con esto y prácticamente esto es la primera clase de nuestro curso.

Así que bueno, practiquen y ya que estén listos avanzamos a la clase número 2.


Vídeo 2

Muy bien, pues, continuemos con nuestro curso. Vamos por nuestra segunda clase.

Vamos a ver una técnica un poquito más avanzada de vectorización y, de hecho, con esta técnica es como ya deberíamos de vectorizar a partir de ahora.

Lo que hicimos en la clase anterior está bien, digamos que es la vectorización básica, y está bien que lo hagan, vaya, si se usa, pero dominando esta segunda técnica ya sería lo ideal que la utilizaran.

Para esto vamos a practicar con el mismo logotipo de Twitter para iniciar.

Copiar imagen, mi capa, voy a revisar que sea mi capa 1. Voy a repetir este paso de la capa por si les queda alguna duda. Aquí está, pego, tengo mi capa, bloqueo aquí en este huequito, listo, capa nueva y dibujo aquí arriba, ¿ok?

Bueno, repasando lo anterior: nosotros sabemos, voy a cambiar el color de mi trazado, voy a poner uno que contraste, un rojito. Ya vimos que yo puedo hacer esto y aquí jalo y demás y cancelo, ¿ok?

Eso ya lo dominamos, lo hicimos en la clase anterior. En la clase número 1, bien, está bien hecho, no me molesta, no está mal, no es un error y está bien, pero necesitamos dominar más a fondo esto.

Es aquí donde se pone todo un poquito más compleja la herramienta de la pluma y bueno, vamos a necesitar todavía más paciencia y más dedicación.

Así que bueno, empecemos ahora con esta nueva metodología.

Es igual, utilizando la herramienta de la pluma, voy a dar un clic y voy a hacer mi primera línea exactamente igual. Voy a tratar de ser un poquito más específico, más exacto, listo.

Jalamos, jalamos, jalamos, y a lo mejor ahí está mi curva. Listo, ya quedó.

Y lo que hacíamos era cancelar. En este caso, ya no vamos a cancelar.

Con mi herramienta de la pluma, voy a dar alt, tecla alt, o la tecla option en Mac, y vamos a agarrar de aquí.

Esos son los manejadores. Esos manejadores son los que precisamente manipulan hacia dónde va mi curva, es decir, ese manejador ahorita está marcando toda esta curvatura hasta acá, ¿sí?

Si yo lo hiciera, por ejemplo, de aquí hacia acá, la curva iría hacia allá. Si lo hiciera de aquí hacia acá, la curva iría hacia adentro.

Entonces, necesitamos usar este manejador a nuestro favor, ¿sí?

No está mal cancelar, a veces está bien, como estábamos haciendo, pero a veces se vuelve un poquito más complejo. Ahorita vemos el por qué, pero bueno.

Voy a, acuérdense, alt, agarramos justo del puntito aquí, movemos y con este manejador voy a calcular hacia dónde va a ir el ángulo y la intensidad de mi curva. En este caso me sirve como por aquí yo creo.

Ya mi curva me sirve, viene acá, lo voy a hacer menos, puedo manipularlo en cualquier momento.

En este caso, si me equivoqué, ahí. Por alguna razón está saliendo mal esto, ahí está.

Sostenemos y no importa que no quede perfecto.

Ahí tengo esto y vemos claramente este error. Me voy a acercar.

Y lo que vamos a hacer es otra vez alt, y de aquí manipulamos.

Es decir, en cualquier momento tengo control total de mis manejadores y eso es lo que estamos buscando.

Cuando estamos creando un diseño nuevo, un vector, un dibujo, es lo que queremos, ¿sale? Tener el control total de cualquiera de estos. En cualquier momento lo puedo yo alterar, ¿ok?

Entonces, bueno, ¿y qué pasa con el que sigue?

Si se dan cuenta, cuando activé este de acá perdí el manejador de aquí. No pasa nada, vamos a darle control o comando, clic al ancla, y con eso reaparece.

Y de nuevo alt y poco a poquito.

Yo entiendo que esto puede ser un poco más confuso, pero les prometo que van a necesitar esto y que únicamente es por su bien, ¿ok?

Algunos lo agarran más rápido que otros. En este caso, qué bueno, pero aquellos a quienes les cueste más trabajo tengan paciencia, practíquenlo y esfuércense por comprender esto, ¿ok?

Ahí está.

Y lo mismo, aquí pueden ver que me quedó feo, no pasa nada porque tengo mi opción de alt y manipulo esto.

Listo, ¿ok? Esta es la vectorización avanzada.

Una vez dominando esto, les prometo que van a ser capaces de vectorizar cualquier cosa.

Y bueno, no que con la vectorización básica no se pueda, simplemente esto es un poquito más adecuado, ¿no?

Ahí está, aquí vamos.

Muchas veces lo comparo con, por ejemplo, manejar un carro automático y manejar un carro de velocidades o estándar, ¿no?

Entonces, claro que en el automático se puede manejar bien, pero a veces necesitamos cierto control, por ejemplo, acelerar o frenar o cosas así, pues tenemos el control total en el carro de velocidades, y en el automático muchas veces dependemos de las capacidades del carro, ¿no?

Entonces aquí es algo similar. Yo sé que ahorita no puede parecer tan útil, pero aquí viene la primera diferencia fuerte.

¿Recuerdan que la vez pasada no iba a quedar bien esto y tuvimos que hacer un punto medio?

Eso, por ejemplo, es una de las desventajas de usar la vectorización básica. Si lo hacen con cuidado les va a quedar bien y está bien, pero más fácil, una vez dominado, y más eficiente, es no poner ese punto medio y simplemente trabajar con los 2 puntos extremos.

¿Cómo logramos eso? Justamente con esta técnica.

Entonces, bueno, vamos a poner que ahí está, mi punto, y cuando yo haga esto de acá claramente no me va a quedar bien.

Voy a jalar lo mejor que pueda y vamos a poner que lo mejor que pueda es eso, no hay más.

Ok, no pasa nada porque tengo el control total de estos puntos.

Entonces, alt, manipulamos primero uno. Cada uno mueve un extremo, entonces se está moviendo la parte izquierda, ¿no?

Y bueno, pues ya casi me quedó perfecto. No lo planeé así pero no quedó tan mal.

Entonces, ahí vamos, lo voy a alterar un poquito para que gane. Ahí está, es como ir poco a poquito, uno por uno, hasta que me quede lo mejor posible.

Y si se dan cuenta, pues esta curva es mucho más fluida que la que hicimos la vez anterior, ¿sí?

En este caso, ya no veo manejador. Recuerden, porque me regresé a manipular esos de acá, basta con control o comando, clic al ancla, y ya reaparece.

Recuerden: estos aquí, los vértices que dibujamos, son anclas; los que manipulan son manejadores. Por si les confunde un poquito los conceptos, que no se nos olviden.

Entonces, este ya no me sirve tan lejos, vamos a acercarlo por acá, un poquito menos, y por ahí está más que perfecto. Y lo mismo, vamos poco a poquito.

Me voy a acercar. E incluso otra cosa que nos permite esto es que podemos en cualquier momento alterar la posición de un ancla.

Entonces, con control y clic sobre el ancla la activamos, sin soltar control o comando, dependiendo de en qué plataforma estén, puedo yo arrastrar esta ancla y cambiar su posición.

Entonces, por eso es que les digo que es importante, porque aquí tenemos el control absoluto de todos los elementos, ¿ok? Poquito, poquito, poquito.

Ahí vamos, ahí vamos, muy bien.

Ok. Vamos a esta segunda parte.

Recuerden que la vez pasada también tuvimos que hacer aquí una línea media, un punto medio, y bueno, aquí lo voy a hacer exactamente igual que la parte de abajo. Me van a bastar con estos 2 puntos para hacer un trazado perfecto.

Es un error que no sé por qué me pasa mucho con mi Illustrator, se me va, se me pierde un poquito, pero bueno, ahí vamos, déjeme, ahí está.

Entonces, voy a agarrar de aquí, y este es uno de los errores que van a pasar, es decir, yo aquí si doy clic y jalo ya puedo tener el control de este, ¿sí?

A diferencia del otro que era, conteníamos el punto intermedio.

Entonces, de esos errores podemos hacer aquí algo que existe bien, ¿no?

Voy a sacar mi dibujo de referencia, voy igual que la vez anterior a activar mi cuentagotas, que es la tecla I latina, y aquí está, ¿ok?

Si se dan cuenta, pues ya se ve fluido, no se ven como piquitos en el trazado. Eso es, ¿no?

Entonces, esa es la manera, dejarlo así limpio y pulcro, en la que tiene que estar un vector.

Ahora, si ustedes de plano dicen que no se pueden acostumbrar a esto, yo les recomiendo que se esfuercen lo más posible. Pero si de plano no se pueden acostumbrar y quieren hacerlo solo con la técnica básica, que sería como así, de aquí para acá y de aquí para acá y demás, está bien, lo pueden hacer, pero cuiden muchísimo que sus trazados se vean fluidos, ¿sí?

Aquí por ejemplo no lo alcanzo a notar, en este caso creo que quedó bien, pero a veces les pasa que a lo mejor queda un poquito mal, que queda por decir como así.

Entonces claramente aquí vemos el chipote este, ¿no? El que sale. Entonces pues eso no nos conviene en absoluto.

Si de plano se aferran y quieren usar siempre la técnica básica, recuerden, yo no se los recomiendo, pero vamos a poner que así lo quieren hacer: tengan muchísimo cuidado con eso.

Siempre el vector tiene que ser lo más limpio posible, porque eso es lo que va a hablar por ustedes, esa parte de su trabajo es importantísima, ¿sí?

En este caso, lo que estamos haciendo y a lo que nos vamos a dedicar, eso es la base de todo lo que viene después.

Así que, bueno, si de plano se van a dedicar a hacerlo siempre básico, tengan muchísimo cuidado con eso.

Pero recuerden que lo ideal es que sí dominen esta nueva técnica, ¿ok?

Practiquen con este de Twitter, ya que lo tengan avanzamos al segundo video, vamos a avanzar un poquito más.


Vídeo 2.1

Muy bien, entonces, ya que estamos en esto de aprender la técnica adecuada y avanzada de vectorización, me gusta practicar. Tenemos muchísimos objetivos para practicar esto, pero este de Movistar tiene curvas bastante irregulares, lo cual les va a permitir perfeccionar esta técnica.

Entonces, lo importante de todo esto es no tenerle miedo a las curvas, ¿ok? Porque, pues, solo así vamos a aprender.

Entonces, bueno, en este caso está muy grande, vamos a hacerlo más chiquito y vamos a seguir acá, listo, bloqueamos, capa nueva y vamos a empezar a dibujar.

Mi pluma, voy a invertir aquí para que tenga mi trazado de cierto color y mi trazado le voy a poner un color que resalte mucho, en este caso va a ser el verde.

Y bueno, pues vamos a empezar. Puede empezar donde sea, yo en este caso puedo empezar de aquí.

Puedo darle el clic, que ya saben, simplemente clic y después jalo acá, o puedo empezar directo jalando ese primer punto.

Entonces, si doy sostenido, estoy asegurando una curva desde el principio, así que, pues, a jugar sin miedo.

La verdad es que, pues, esta parte de la creación tiene muchas opiniones diversas y divididas, a mucha gente le gusta, a mucha gente no, pero sin duda alguna es la base de todo lo que vamos a estar haciendo. Y además la vamos a utilizar bastante.

Cuando nos dedicamos a esa parte del mundo del diseño, la vectorización es de las cosas más básicas que hay que hacer.

Entonces, pues bueno, insisto, comprendo la frustración muchas veces, la he vivido a la par de mis alumnos, junto con ellos todo el tiempo. Pero bueno, pues, no queda otra más que dominarlo.

En este caso, no sé por qué se me cambió el color de mi línea. Ahí está. Y ahí vamos poco a poco.

Recuerden que mientras más cerca se pongan de lo que están dibujando, más fácil va a ser reconocer errores, o lo contrario, va a ser lo más perfecto.

Entonces, veamos poco a poquito. Por ejemplo, aquí me gusta así, pero este solamente ya no funciona, así que vamos a recortarlo un poquitín, y ahí vamos.

Entonces, mi intención es simplemente que vean cómo lo voy resolviendo.

Claro, puede parecer que tal vez voy un poco rápido, pero esto es, pues, la experiencia que me ha dado los años que llevo dedicándome a esto, y los diversos proyectos en los que he participado. Pero no crean que ya por eso está todo resuelto, o sea, no por eso sé en qué punto darle ya, o sea, no por eso sé que aquí va a quedar bien, por ejemplo, ¿no?

Sino que prácticamente es ir checando trazo con trazo, ¿no? Entonces, eso es importante.

No está ya resuelto ese tema, sino que igual que ustedes tengo que ir probando y ver si queda bien, si me falla, manipularle y demás.

Entonces, pues, es un proceso que hacemos todos.

A mí en lo personal, sí es algo de lo que más me gusta hacer, la vectorización, me divierte mucho. Ok, muchos piensan que tal vez es un poco masoquista, pero no es el caso. Si me divierte mucho creo que es una parte muy importante de todo esto, pero bueno, pues, les digo, van a tener que enfrentarlo si se quieren dedicar a todo esto, y pues, ni modo, así es.

Y por otro lado, más allá de la técnica y de la parte digamos cultural que tiene que ver con el diseño, por ejemplo, aquí estaba yo haciendo acá y no va a quedar bien, entonces recalibré y mejor pienso que queda mejor por aquí.

Es importante, ¿por qué? Porque sabiendo vectorizar vamos a tener acceso a imágenes de calidad.

Vamos a suponer que tenemos un cliente que nos encarga hacerle un flyer, ¿no? Un flyer o un diseño x, el diseño que ustedes quieran, y que este cliente no cuenta con su archivo original de su logotipo.

Pues, porque muchas veces los clientes no lo saben, los diseñadores que les trabajan muchas veces tampoco les dan el producto completo y, pues, lo que hace es mandarnos una foto ahí como que tiene, ¿no?

Puede ser una foto, incluso la que usa luego en su WhatsApp o yo qué sé, y que es una foto sin calidad, ¿no?

Entonces, pues, a nosotros que a lo mejor no sabemos vectorizar, pero que tenemos que hacer un flyer, no nos va a servir de nada hacer un flyer muy bonito si al final de cuentas la marca, que es lo que debería ser lo más importante, pues va a estar de pésima calidad. Va a arruinar incluso toda la armonía de lo lindo que pueda estar nuestro flyer y nuestra composición visual, ¿sí?

Entonces, ¿qué va a pasar? Pues que, bueno, una de 2: o que lo dejemos así como tal y que no nos importe, que se vea feo el flyer, o vectorizamos por nuestra cuenta ese logotipo, ¿no?

Que, bueno, para ser idealistas, ese es otro trabajo que se tiene que cobrar aparte, pero muchas veces, pues, tenemos que andar corrigiendo ese tipo de detalles nosotros, ¿no? Y me parece que es lo correcto.

Entonces, pues les digo, es prácticamente esto.

También está este tipo de cliente, pero también el otro, el que sí nos pide que seamos capaces de vectorizar, porque él entiende que no tiene imágenes de calidad y que las necesita.

Entonces, vaya, queramos o no, esto va a ser una herramienta esencial para trabajar en esto. Y, pues, si estamos aquí es porque queremos hacerlo, así que ni modo, es el pan de cada día.

Bueno, aquí voy a hacerlo por acá, voy a ver si puede llegar hasta acá. Aquí, por ejemplo, si quiero más exactitud, recuerden que me puedo simplemente acercar, control y damos clic sobre el nodo o el ancla, como quieran decirle. Cualquiera de los 2 nombres es correcto.

Y aquí tal vez voy a jalar un poquitín más para acá de esto, menos, porque aquí ya se ve rara esa curva, ahí está.

Vamos así, y jalo esta parte para acá. Me parece que aquí ya está bien. Ok, ahí está. Listo, me gusta.

Vamos a sacarlo un poquito y voy a tocar aquí 2 consideraciones al respecto.

Aquí, por ejemplo, yo en lo personal noto aquí este chichoncito, ¿no? Este de aquí, aquí se ve. Ahí está. Este, aquí se alcanza a notar.

A lo mejor para algunos puede pasar un tanto imperceptible, créanme que no lo es, sobre todo dedicándonos a toda esta parte.

Entonces, aquí está claro que ahí no está bien, ¿no?

Para corregirlo no tengo que hacer toda mi forma otra vez, sino que voy a utilizar la manipulación.

Es decir, voy a agarrar mi elemento, cambio a mi herramienta de la pluma, control clic y activo mis manejadores, ¿sí?

¿Qué pasa? ¿Por qué se ve ese piquito? Pues se ve porque los manejadores vienen en ángulos distintos.

Si yo logro que los manejadores tengan un ángulo recto, ese piquito va a ser prácticamente inexistente.

Ahí va, ya se ve mejor aunque todavía se alcance a ver un poquito, pero ahí va.

Vamos a ejemplificar esto de una manera más clara.

Si yo tengo aquí un dibujo, y de repente tengo esta curva y de repente este va como para acá y va para acá, esta curva de aquí claramente está mal, ahí se alcanza a notar.

Pero, ¿cuál es el error? Justamente, la diferencia de estos 2 ángulos.

Los manejadores tienen que venir en ángulo recto. Entonces, si yo logro que este tenga un ángulo recto con este de acá, lo que va a pasar es justamente que no va a existir ese piquito, ¿sí?

Entonces, esos piquitos, esos chipotes, existen justamente porque no están bien en cuanto al ángulo, ¿sale?

Entonces, yo tengo que encargarme de que sean inexistentes esos chipotitos y listo, ¿sale?

Entonces, bueno, prácticamente eso. En este caso voy a agarrar aquí. Copiamos y aquí está mi logotipo de Movistar.

Ok. Muy bien, prácticamente es esto.

Ahora, lo que quería checar con este tipo de curvas es que son curvas muy irregulares.

Si se dan cuenta, yo fui soltando curvas largas, a veces me funcionaron, la mayoría de las veces me funcionaron, otras no, no pasa nada, pues hacía curvas más pequeñas. Pero muchas veces cuando estamos empezando vamos así: curva chiquitita, curva chiquitita, curva chiquitita y así.

No está mal para empezar, pero poco a poco anímense a soltarse. Necesitamos irnos soltando, ¿sí?

Uno, por eficiencia, es decir, también el tiempo es importante en esa parte. Y dos, mientras menos anclas tengamos, mejor. Más anclas nos conlleva más posibilidad de tener errores.

Entonces, mientras menos anclas tengamos, mejor. No les estoy diciendo que todo lo solucionen con una línea forzosamente. Simplemente traten de hacerlo fluido y traten de relajarse un poco al respecto, ¿sí?

Esto lo voy a implicar con algo de mis cosas favoritas que yo les llamo líneas en S.

Si quisiéramos dibujar una S, muchas veces, por ejemplo, dibujamos como así, así, y así, y así, y así. Ahí tendríamos una S, ¿sí? Bien o mal, eso es una S, ¿ok?

En este caso, yo voy a preferir hacerlo de otra manera.

Aquí están estas 2 anclas y voy a jalar hacia un lado este, bueno, más bien hacia acá, este tenía que ir por aquí, y este hacia el otro lado.

¿Sí? Entonces, estoy chocando la dirección de mis manejadores, ¿no?

Claro, tampoco es una S perfecta, lo entiendo. Y para ser una S un poquito más específica tendría que jugar un poco más a fondo, pero si se dan cuenta también es un trazado mucho más fluido.

¿Cuántos nodos hice aquí? 1, 2, 3, 4, 5. Aquí hicimos 2. ¿Ok? 1, 2.

Entonces, es a lo que voy. El hecho de soltarse les va a dar mayor fluidez a sus trazados, y también el uso de estas líneas en S, que yo le llamo así, el chocar, digamos, el jalar de un manejador hacia un lado y el otro hacia el otro, también les ayuda a hacer este tipo de curvaturas, ¿sale?

Entonces, bueno, prácticamente es eso.

Es buen ejercicio jugar con este logotipo de Movistar, pero también ya que se animen a jugar con otros que les llamen la atención, ¿sí?

Uno muy bueno, por ejemplo, y este sí está difícil, es el de Batman. Puede parecer muy sencillo, de entrada es este, no el círculo, el círculo no nos importa para nada, sino el murciélago.

De entrada puede parecer muy sencillo y sí, no es tan complicado, no es la cosa más complicada que existe, pero cuando estamos aprendiendo, sí tiene curvas muy irregulares.

Algunas, por ejemplo, son líneas rectas, luego aquí tiene una entrada medio extraña, luego aquí son curvas muy regulares, es una curva completa. Entonces, tiene mucho para sacarle aquí.

Les recomiendo que también practiquen con este y traten de hacerlo lo mejor posible, ¿sale?

Esto les va a ayudar a practicar sus curvas y a ser más claros y fluidos al respecto, ¿no?

Entonces, bueno, prácticamente esta es la técnica que vamos a usar para vectorizar, la que les recomiendo que dominen.

Y bueno, prácticamente, hasta aquí terminamos con la clase número 2. Y una vez que hayan practicado con sus logotipos y sus trazados, avanzamos a la siguiente clase, que vamos a avanzar un poquito en el tema de color.


Vídeo 3

Muy bien, pues, bienvenidos a esta tercera clase. En esta clase vamos a tratar el tema de color.

Hemos visto cosas básicas, como por ejemplo ponerle un color sólido a nuestro elemento, ¿no? Cambiarlo o ponerle un color al trazado, o cancelarlo. Eso ya lo manejamos.

Pero el tema aquí van a ser los degradados. Cualquier objeto que nosotros tengamos, ya sea dibujado o ya sea formado con las herramientas automáticas de forma, puede tener la propiedad de un color degradado.

La verdad es que Illustrator es donde el degradado es un poquito, bueno, depende del uso que tengamos, pero es un poquitito más confuso que otras plataformas.

Es muy sencillo en realidad, pero como hay diferencia en su uso con otras plataformas, a algunos les causa conflicto. Entonces, no se preocupen, vamos a ver eso con detenimiento para que no haya tal problema.

Para simplemente activar un degradado: agarramos un objeto y aquí en el panel le decimos mi color de relleno.

Recuerden que es importante siempre activar el que vamos a alterar, porque si activamos el otro vamos a cambiarle el color al trazado. Entonces cuidado con eso.

Activamos el relleno y le decimos quiero usar un degradado y lo soltamos. Tan fácil como eso, ya tenemos un degradado, ¿ok?

Ahora, ¿cómo se usa?

Seleccionamos nuestro objeto y aquí arriba podemos cambiar por un color sólido o podemos cambiarlo por un degradado de nuevo.

Aquí tenemos lo que manipula el degradado. En este caso tenemos un degradado que va de blanco a negro, y si yo junto estos objetos, claramente el degradado va a ser más notorio. Si los separo, pues va a ser distinto.

Esas cajitas son mi color tal cual. Entonces, por ejemplo, si yo me pongo en esta cajita y aquí le doy doble clic puedo cambiar el color de esa cajita y entonces sería un degradado de rosa a negro.

Lo mismo con este, clic en la cajita, doble clic acá y tenemos un degradado distinto a algo como este, ¿ok?

Podemos chocarlos, como les había dicho, o podemos separarlos o lo que sea, y podemos aumentar más cajitas.

Si doy clic aquí, puedo aumentar el número de cajitas que yo quiera. Esto no tiene límite, no me perjudica, simplemente es aumentar el número de cajitas y poner el color que yo quiero.

Si me pasé, sin querer le di clic o lo que sea, puedo eliminar cajitas arrastrándolas de aquí hacia abajo y soltamos. Y aquí está nuestro degradado, ¿sí?

Ahí se me fue ese último, ya está. ¿Por qué no se ve? Claramente porque no seleccionamos aquí. Podemos darle clic, ahí está, y ahora sí, clic, doble clic acá, ponemos un color, ahí está, doble clic y ponemos otro colorcito. Y tendríamos aquí otro degradado, ¿ok?

Entonces, bueno, esta es la manera en la que se configura.

La manera en la que se aplica es con esta herramienta de aquí, y es por eso que a mucha gente le complica un poco. ¿Por qué? Porque tenemos 3 cosas con el degradado: primero activamos el degradado, acá se configura y aquí se altera.

¿Qué me refiero con esto? Cuando hacemos esto, clic, esa barrita es en sí nuestro degradado, ¿ok?

Entonces, si yo la muevo hacia acá, cambia la afectación de este degradado. La puedo girar, por ejemplo, si me pongo como un poquito afuera, de aquí o de acá, ahí está. Me salgo un poquito de uno de los extremos ahí y puedo girarlo, ¿sí?

Puedo también hacerlo más pequeño, puedo también jugar con la alteración de los colores. Y prácticamente aquí tengo el control total de mi degradado.

Esta barrita representa mi degradado como tal, ¿ok? Entonces prácticamente es eso, ¿sale?

Otra cosa a considerar es el tipo de degradado.

En este caso tenemos un degradado lineal. Tal cual como lo pueden ver, un degradado lineal es una recta de color que va de un punto a otro. En este caso mi recta de color va de este color rosa claro a este rosa más oscuro, casi casi vino, ¿no?

Entonces, es una línea, va de izquierda a derecha, puede ir de arriba para abajo, de una esquina a otra, pero es una recta tal cual.

Si yo altero eso, tengo aquí también el degradado radial, que es como un círculo, es como del centro hacia afuera, como un sol, y se manipula exactamente igual. La única diferencia es que este se puede expandir el radio o minimizarlo. Y otra diferencia es que se puede deformar para que quede así.

Es la única diferencia. Todo lo demás es exactamente igual: si quiero hacerle más tamaño, si quiero ponerle más colores, etc., es exactamente lo mismo, ¿sale?

Entonces, es importante considerar todos estos elementos para armar nuestro degradado.

Y como les decía, el gotero también funciona igual aquí. Si yo aquí activo esto y le activo el degradado, como me guarda el último que usé, me lo respeta, ¿sale?

Otra cosa interesante es que muchas veces puedo copiar un degradado simplemente con el gotero. Entonces, agarramos mi elemento y me reconoce el degradado y listo.

Muchas veces eso nos ayuda a ahorrar tiempo y esfuerzo para no andar configurando un degradado de manera manual, sino que a través del gotero podemos ahorrarnos este trabajo y hacerlo directo, ¿no?

Ok, entonces, esa es la parte básica del degradado. En realidad no es más que eso, pero vamos a aplicarlo en cosas un poquito más llamativas, ¿ok?

Por ejemplo, yo busqué aquí "logo degradado" y me llamó la atención este primero. Vamos a empezar con este ejercicio.

Bueno, primero jueguen un poquito con esa parte de los degradados para que se familiaricen, y ya con eso ahora sí avanzan a esta parte.

Copiamos, pegamos aquí nuestro objeto. Bloqueamos esta capa, capa nueva, y aquí lo interesante es que yo hice un cuadro que tenía un degradado interno, pero aquí si se dan cuenta lo que importa es lo que conforma a este objeto.

Este objeto se conforma por 2 trazados que son este y este, lo podemos demostrar aquí: 1 y 2. Y cada uno de estos tiene un degradado distinto, así que esto nos va a ayudar a seguir practicando nuestro trazado y sobre todo aumentarle ahora el tema del degradado.

Entonces, voy a empezar por aquí. Y bueno, en este caso sí voy a tratar de que me quede bien, pero sí veo que me está costando más trabajo, no lo voy a hacer tan específico para no tardarme, sino enfocarme más en el tema de que quede bien el color, ¿no?

Aquí no sé si dejarlo por acá, miren, aquí me gusta, aquí se ve bien, y quiero dejar un poquitito más.

Voy a ver si acaso se podía directo hasta acá. Hmm, voy a dejarla por aquí, me gusta más.

Si les pasa esto, se soltó, es que en algún punto perdí el trazado, ¿sí? Entonces le doy clic y ya con eso tengo chance de regresar.

En este caso va a quedar como por aquí. No me gustó porque se comió un pedacito, me voy a regresar un poquito más. Bien.

Y por último este. Por ejemplo, estas que son líneas rectas sí puedo sin ningún problema borrar y cerrar. No pasa absolutamente nada.

Como siempre defiendo el tema: usen las herramientas que tengan a su favor, ¿ok?

Ahora, la parte interesante, vamos a dibujar la segunda parte de aquí.

Vamos a empezar, por ejemplo, por acá. Voy a hacer este trazado de aquí hasta acá, y voy a ir jalando poco a poquito, poco a poquito. Después hasta acá, voy a asegurarme de que esta curva esté bien, ahí está.

Y voy a rebasar un poquito, no me importa que esa parte quede imperfecta, la que me importa es la que se va a ver. Ahorita vemos el por qué.

Jalamos así. Yo creo que este se puede hacer con una sola curva, ahorita lo corroboramos.

Aquí va bien, aquí va bien, aquí va bien, creo que está bien, ¿sí?

Y aquí también voy a cerrarlo así y ahí está. Ese fue mi dibujo, ¿ok?

Entonces, vamos a colorear ahorita de manera sencilla, vamos a ponerle un color, por ejemplo, negro a este y a este vamos a ponerle un color como naranja para que contraste.

Dejamos con el color naranja, ahí está. Eso fue tal cual lo que dibujé, ¿ok? Parte número 1.

Entonces, ¿por qué lo hice así? ¿Por qué no me importó hacerlo como al borde?

Se puede hacer así. Yo en lo personal prefiero trabajarlo de esta manera porque lo único que voy a hacer es seleccionar mi elemento, clic derecho y darle "organizar hacia atrás".

Lo que hace es mandarlo por detrás de este elemento, y de esta manera queda solo la parte que me importa que se vea, ¿sí?

Sí pude haberlo hecho justo al ras y demás, pero esta parte, yo en lo personal lo siento como trabajo ocioso: preocuparme 2 veces por esta curva, una vez cuando estoy trazando el elemento negro y otra vez cuando estoy trazando el elemento naranja, ¿no?

Entonces, yo por eso trabajo de esta manera. Hay quien sí prefiere hacerlo al ras, si lo quieren hacer así están completamente en su derecho y está bien, es su estilo. Yo en lo personal recomiendo si no vamos a ver algo, pues simplemente hacerlo eficiente, ¿ok?

Entonces, bueno, una vez explicada esa parte vamos a trabajar con el degradado.

Esta parte es un poquito laboriosa por el tema de mi Illustrator. Mi programa no es el más reciente, pero si ustedes tienen versiones más recientes van a ahorrar mucho tiempo aquí.

Si tienen la versión más reciente, lo más sencillo para hacer un degradado y copiarlo como en este caso es: van a agarrar su objeto, se van a ir a la ventana del degradado de aquí, y cuando activen aquí el degradado, aquí con este doble clic les va a salir un gotero, o incluso aquí mismo lo pueden tener.

Con ese gotero simplemente copian un color, luego el otro, y ya con eso es más que suficiente.

En mi caso va a ser mucho más laborioso que eso, y si es el caso de ustedes, bueno, pues esta también va a ser la manera de hacerlo, ¿no? Ni modo, así es esto.

Lo primero que voy a hacer es copiar mi color, copio y después abro el panel de colores, copio este código, control C o comando C, según de dónde estén.

Después de eso agarro mi elemento, le activo su degradado, sea cual sea, agarro los colores, doble clic aquí y pego dicho color. Ahí está, ya tengo pegado 1 de los colores, suelto.

De nuevo uso mi gotero, copio el segundo color, doble clic, copio el código de color, selecciono mi elemento, me voy al segundo color, doble clic acá, pegamos el código de color y listo, ¿sale?

Prácticamente es eso.

Ahora, aquí obviamente esto tiene que ser lineal, no se ve bien así. Ah, viene de abajo para arriba. Ok, entonces ya hasta aquí voy a ordenar adecuadamente mi degradado. La parte oscura va por abajo, está al revés, aquí me confundí, es así, écolé.

Muy bien, viene más o menos algo así. Vamos a poner que ahí está, me gusta.

Y ahora vamos por el segundo. En este caso ya va a ser más sencillo porque ya usamos el degradado, entonces ya lo tenemos guardado, simplemente lo activo y ahí está.

Y aquí supongo que es lo contrario, ¿no? El degradado tiene que venir la parte oscura de arriba y la parte clara hacia abajo.

Entonces usamos nuestra herramienta, voy a girar esto y acomodamos bien según lo que nosotros consideremos. En este caso creo que me gustaría hacerlo un poquitito más apretado.

Ahí está, creo que lo veo bien.

Vamos a quitar el contorno de esta, ahí está, y aquí tenemos nuestro degradado, ¿ok?

Claro, cosas que perfeccionar en cuanto al trazado. Justo ese es lo que les decía, el ángulo, ¿no? El ángulo.

Ahí va, más o menos creo que todavía puede ser mejorable, pero bueno, voy a tratar, es que no me quiero clavar mucho aquí porque como me gusta me puedo perder mucho tiempo, ¿no?

Pero bueno, prácticamente es eso, ¿sí?

Es decir, tenemos 2 elementos distintos, 2 piezas que conforman, digamos, nuestro logotipo, y cada una de ellas tiene un degradado distinto, ¿ok?

Pueden practicar con esta para iniciar y ya que lo tengan pasamos al otro video para hacer uno un poquito más elaborado.


Vídeo 3.1

Muy bien, entonces ya practicamos un poco con un diseño con degradados, digamos, un tanto más sencillos.

A mí me interesa que practiquen con este tipo. Este tipo me gusta porque creo que desarrolla un poco más el alcance creativo y la perspectiva visual, ¿no? Creo que nos conviene.

O sea, esos por ejemplo también están padres, que es similar al que hicimos. Están cool pero me gustan más ese tipo de cosas, ¿no?

Entonces, bueno, los efectos de luz y todo eso se hacen en programas como Photoshop, pero lo que me importa aquí es el color.

Entonces, vamos a practicar con este. Si ustedes encuentran otros que les gusten más, adelante. O sea, aquí lo importante es que yo les doy las herramientas para empezar, pero ustedes suéltense a usar todo lo que puedan, ¿no?

Bueno, vamos a empezar con esto y vamos a bloquear como siempre nuestra capa, bloqueamos capa 1, nos vamos a nuestra capa número 2 y aquí está.

Vamos a empezar a dibujar. Como siempre, a mí me gusta dibujar solo con el trazado. Hay quien dibuja con todo el relleno, hay quien dibuja sin ninguna de las 2, están en su derecho, háganlo a su estilo y como les sea más cómodo. A mí en lo personal me gusta de esta manera.

Creo que aquí va a ser así, ok bien.

Y bueno, también tengan mucho cuidado con los ojos, porque dedicarnos a esto también nos lleva a pasar mucho tiempo en la computadora y sobre todo a poner atención a los detalles.

Así que descansen sus ojos. Aquellos que usamos lentes con antirreflejante para la pantalla no se les olvide, es importante cuidar lo que al fin y al cabo es nuestra herramienta de trabajo, ¿no?

Entonces, bueno, vamos aquí. Y aquí vamos a hacer esto, y aquí vamos para acá. Aquí vamos a quitarle un poquitito más. Yo creo que aquí está bien.

Ok, aquí está bien, aquí me gusta. Y bueno, si se dan cuenta tenemos 2 elementos, ¿sí?

Este elemento, vaya, ahorita tengo un contorno, ¿no? Pero aquí son 2: es decir, uno llega hasta acá y el otro llega hasta acá, ¿sí?

Este que tengo me va a servir, vamos a llamarle de pretexto. Entonces, ahorita lo voy a dejar así prácticamente.

Incluso podemos quitarle el color, ahí está. Y lo voy a copiar con control C y luego con control shift V me lo va a pegar en el mismo espacio, y a este le voy a poner un color en su trazado.

¿Qué fue lo que hicimos? Ahí está. Tenemos 2 elementos idénticos, ¿sí? Ese fue el original, copié y pegué encima a este. Lo moví, ¿verdad?, para que lo vieran, pero tenemos este encima.

Y para diferenciarlos, a este le quité el color en absoluto y a este le puse un trazado color rojo, ¿sí?

Ok, ya que estamos en el entendido, ¿por qué hice esto?

Ahorita vamos a ver. Este segundo voy a encargarme de editarlo o cortarlo. Vamos a dejarlo ahorita así, pero voy a tener que eliminarle alguna parte. Esa parte va a ser esa de aquí.

Con la herramienta de la pluma, si le doy clic a esta ancla, simplemente la elimina, ¿sí? Esa es la opción.

O la otra es con control y clic, usando mi herramienta de la pluma, puedo mover esta ancla y ponerla acá y dibujar específicamente esa zona, ¿sale?

Puedes venir hasta acá, enfocarte en que esa sea la zona que va a quedar bien y dejarla a tu gusto.

Vamos a suponer que aquí está, ¿sí? Entonces tenemos una y abajo tenemos otra, vamos a ponerle ya a este su contorno. De esta manera dibujé las 2 partes.

Insisto, si ustedes lo quieren hacer como lo hicimos con el anterior, que fue encimándolo, también sin ningún problema. En este caso también es como un ejemplo de encimarlo, o si quieren dibujarlo un pedazo hasta aquí y luego el otro pedazo hasta acá también.

Simplemente son técnicas distintas que nos pueden ayudar a todo esto, ¿no?

Y bueno, ahorita checamos un poquito más a fondo.

En este caso voy a empezar a colorear este, voy a usar el degradado. Recuerden que simplemente tenemos el degradado y vamos a activarlo.

Vamos a agarrar este color. Doble clic, copiamos, agarramos nuestro objeto, este. Para asegurarme de que estamos agarrando el adecuado, ahí está.

Este, doble clic, pegamos. Aquí me equivoqué, le puse control C en lugar de control V, una disculpa. Copiamos.

Aquí, por ejemplo, si agarro acá y activo este, se va a dar cuenta de que no hay un degradado activo. Eso es porque no tengo seleccionado el trazo, que es el que en realidad tiene el degradado, ¿no?

Aquí simplemente agarramos este, doble clic, ahora sí pegamos, control V, listo. Color número 1, listo.

Vamos por color número 2, vamos a ver si nos sale hasta acá abajo, ahí está, copiamos, bien, bien, seleccionamos objeto, vamos para acá, activamos este, que es el trazado, aquí, doble clic, pegamos, listo.

Entonces, ya tenemos el degradado, pero está activado en el trazado. Simplemente invertimos y ahí está.

Es un degradado lineal. Ahí está. Va al revés, ¿no? Va de arriba la parte amarilla y abajo la parte rosada, entonces vamos a invertirlo así. Aquí está, vamos a dejarlo en un punto adecuado, que me parece que como que por aquí está bien, vamos a girarlo un poquito. Me parece que es muy arriba, vamos a extenderlo un poco más, tal vez algo así vaya mejor.

Puedo empujar un poquito este color. Ahorita vamos a dejarlo así, ¿ok?

Esta segunda parte también voy a copiar simplemente el degradado, voy a invertirlo, y copiar este degradado. Y después lo invertimos.

Usamos nuestra herramienta de aquí, giramos un poquito, aquí está, después acomodamos de la barra y aquí está.

Voy a sacar nuestro elemento para que podamos compararlo. Aquí está, y justo eso es lo que me importa que viéramos.

Ahorita viéndolo aquí puedo darme cuenta de que me hace falta jugar un poquito más con él.

Entonces, lo primero sería hacer más hacia arriba esto, ¿no? Este lado ya como por acá. Ahí está.

Veo que el color amarillo es un poquito más fuerte, creo que ahí puede estar bien. Y luego vamos por el segundo, que sería este de arriba, el de acá, ahí está.

Este sería tal vez un poquito, vamos a tratar de moverlo ahí, ahí está.

Y el color rosa no es tan intenso como el amarillo, este sí un poco. Vamos a tratar de moverse más para arriba, creo que por ahí está bien.

Y una vez más vamos a checar el anterior. Este más bien va bajando por acá, vamos a girar un poco. Me parece que el color rosa es un tanto más intenso.

Ok, aquí prácticamente esto es como ir jugando y pues ir adecuando nuestro objeto.

Aquí me va gustando, pero todavía no me convence. Pero bueno, igual, para no perderme mucho en esto.

Lo que me importa aquí es generar ese contorno, ese choque de color que nos genera esa sensación del borde del volumen, ¿sí?

Si se dan cuenta, pues los 2 terminan totalmente el mismo color, por eso desaparece ese bordecito. Pero aquí tenemos esta sensación precisamente como del choque, ¿sale?

Entonces, tenemos aquí nuestro elemento así. Para que sea un poquito más claro el borde, ¿sí?

Entonces, bueno, ya aquí tenemos resuelta esta parte.

Ahora, vamos a suponer que queremos ser un poco más puritanos en cuanto al tema del diseño, o que necesitamos entregar un trabajo sumamente pulcro.

Por ejemplo, aquí nos sirve para nosotros, ¿no? Para nosotros está más que bien. Nadie tiene que enterarse de que esta pieza es una pieza separada, de que está por debajo.

Pero hay quien sí nos va a pedir el editable y necesita que esté con piezas separadas.

Pueden dibujarlo como dije al principio: primero esta parte, luego esta otra y juntarlas. O usar esta técnica que estamos usando ahorita y ayudarnos un poquito del Buscatrazos.

En este caso sabemos que este es un pedazo y este es otro. Al momento de juntarlos, genera esta sensación. Pero si queremos que en realidad sean 2 trazos completamente separados, lo que podemos hacer es: voy a agarrar estos 2, copiar y pegar para no perder el original. Aquí está.

Y bueno, voy a agarrar estos 2, voy a usar mi Buscatrazos, que está aquí. Y acuérdense que tenemos estas opciones, entonces voy a usar la perforación.

A partir de ese momento este queda con un objeto sólido, ¿no? Entonces, si elimino este, por ejemplo, ya puedo simplemente juntarlo con este y que me quede un elemento completamente natural en cuanto a su forma, ¿no?

Ya en realidad son 2 pedazos distintos: uno y otro, ¿sí?

Entonces, todo ese tipo de cosas es para lo que nos sirve el uso del Buscatrazos. Y pues, tal cual ahí lo tenemos, ¿sale?

Entonces, bueno, esta es la segunda parte de esta clase. Con esto concluimos.

Sigan practicando. El andar desarrollando nuevo tipo de degradados, practicar con este tipo de dibujos está bien.

Para los más audaces, les recomiendo que hagan este. Este les va a ayudar mucho porque tiene muchos pedacitos. No son curvas tan complejas ni degradados tan complejos, nada más es laborioso, pero eso les va a ayudar a desarrollar la técnica, ¿no?

Entonces, bueno, prácticamente es eso, y con esto concluimos esta tercera clase.


Vídeo 4

Muy bien, bienvenidos a esta clase. El tema que vamos a tratar en esta clase vamos a llamarlo como un pequeño paréntesis en cuanto a las técnicas de vectorización, porque es el proceso gráfico.

El proceso gráfico tiene que ver con alimentar mucho nuestro ojo para poder también soltar todo eso acá, ¿no?

Entonces, bueno, para todo tipo de trabajo recurrimos a una investigación gráfica. Por ejemplo, si vamos a hacer un flyer para un negocio de comida, nos conviene buscar eso, ¿no? "Flyer comida." Busquemos imágenes. Y se trata de esto: siempre necesitamos estar en constante aprendizaje y observación.

Aquí, por ejemplo, podemos ver que tenemos las fotos dentro de figuras geométricas, que abajo hay un contraste muy fuerte en forma de recuadro con el resto del fondo, que todo tiene colores muy contrastantes, ¿no? El blanco, con amarillo, con negro, etc.

Y bueno, necesitamos ir teniendo en cuenta este tipo de detalles, ¿no? Y también alimentar el tipo de cosas que no nos gustan. Así como es importante ver qué sí nos gusta, también saber qué cosas no nos gustan.

Al final de cuentas, vamos a desarrollar todos un estilo, como en cualquier profesión. Pero bueno, pues es parte de todo esto.

Hay algo muy importante que para hacer, para dedicarnos a esto, para dedicarnos al diseño, necesitamos también consumir diseño. Entonces, siempre necesitamos estar viendo qué hay en tendencia, necesitamos checar otros diseños.

Y no se trata como de que robemos ideas, sino más bien de que aprendamos y tratemos de llevar esto a otro punto, ¿no?

Entonces, prácticamente es eso. En esta clase, la práctica va a ser muy leve. Voy a hacer un flyer muy sencillo, simplemente como para aprender ciertos tips extras, pero lo que me importa es la parte del aprendizaje.

Por ejemplo, cuando busco esto de comida, siempre recuerdo mucho que este flyer no está mal y pareciera incluso que sí pertenece a la marca, en este caso como de McDonald's, ¿no? Por los colores y demás. Pero véanlo un momento y traten de ver qué está bien y qué está mal con este flyer, ¿no?

En lo que pasa ese momento, yo voy a ir narrando ciertas cosas. Por ejemplo, el uso de colores me parece bien, me parece que el uso del amarillo con el rojo emula bastante bien el tema de la marca a la que pretenden.

Entonces, seguramente es como algún tipo de tutorial que está enseñando a hacer este tipo de cosas. Y como tutorial funciona bien, porque la intención de la enseñanza, como incluso en este curso, es mostrar ciertas técnicas, ciertos tips, ciertas consideraciones, ¿no?

Los elementos también me parecen bien en general, o sea, la inclusión de la hamburguesa, la bebida, las papas fritas, el tomate o jitomate, dependiendo de dónde vivan. Está bien.

Pero bueno, vamos a hablar del error. Un error que yo considero bastante grave y bueno, reitero, si esto es simplemente un tutorial no tiene mayor relevancia, pero si lo pensamos como una publicidad para cualquier tipo de marca, aunque sea para un restaurante local, un error muy grave para mí es el tamaño de estos tomates, ¿no?

Claramente, el tomate no es del tamaño de un pan, ¿no? Y mucha gente va a decir, ah, existen los tomates cherry o yo que sé. Sí, sí existen, pero no son así. Esto claramente es un tomate de tamaño real que está escalado para que tenga cierto tamaño y acople con el diseño que se hizo.

Es un error muy grave porque, vaya, a simple vista tal vez no se note, pero ya que ponemos atención, eso no tiene sentido.

Algo que estamos haciendo es un trabajo creativo, artístico, y parte de esa creatividad y esa parte artística es respetar ciertas proporciones cuando es importante.

¿En qué momento pudo haber estado bien esto? Ah, bueno, pues si estos tomates hubieran estado como a lo lejos, ¿no? Claramente si lo dejamos así en este tamaño y los ponemos a lo lejos, tendría muchísimo más sentido.

Pero en esta composición están al frente y, de hecho, son el primer plano que tenemos.

Entonces, pudo haber sido por varias cosas, como que no pudo organizar bien su espacio, ya lo dejó aquí como de últimas, ¿no? O también pudo haber sido que quería darle más relevancia a la hamburguesa y en ese caso le bajó el tamaño de los tomates, pero no tiene sentido, insisto.

Hubiera sido mejor dejarlos de tamaño grande y ponerlos, por ejemplo, detrás de las papas, ¿no? No pasaba nada, ¿ok?

Entonces, hay que poner atención a este tipo de detalles y sí ser críticos, pero más que críticos tratar de ser observadores, ¿sí? Para no cometer errores que tal vez colegas ya hayan cometido. Incluso nosotros mismos.

Yo estoy siendo ahorita crítico con este tipo de diseño porque lo tenemos aquí a la mano, pero si yo me pongo a ver mis trabajos de hace menos de un año, con lo que he desarrollado durante este año que ha pasado, pues puedo observar ciertos detalles que yo en ese momento decía que se veían increíbles y que ahorita digo, no, pues está horrible, ¿no?

Entonces es un constante aprendizaje. Todo va avanzando, así como las técnicas tecnológicas o de medicina van avanzando, también las técnicas visuales, también las tendencias visuales. Entonces es un consumir constante de diseño, ¿sale?

Nuestro proceso gráfico tiene que ver con todo esto. Prácticamente es consumir, consumir diseño, consumir diseño, ¿sale?

Bueno, fuera de este detalle, me parece muy bien todo. Por ejemplo, algo que me gusta mucho es el detalle del humo, ¿no? Tal vez cuando choca aquí con el vaso ya no tiene tanto sentido, pero me gusta, es como un detalle ahí que está bueno, ¿no?

Entonces, no quiero decir que ese sea un error malo. Al final de cuentas también, como es un trabajo artístico, también entra mucho el criterio de cada quien, ¿no?

Entonces yo no digo que sea malo, simplemente digo que ese detalle no tiene sentido.

Eso es importante para nosotros: el sentido, ¿sí? Recuerden que al final de cuentas nuestro trabajo es comunicar.

Hay un concepto de diseño que dice que es la rama del arte que se dedica a dar solución a problemas comerciales. Suena muy elegante, suena muy llamativo, pero para decirlo en palabras básicas: usamos cosas creativas y artísticas, como los colores, elementos, efectos, etc., para vender. Simplemente es eso.

El objetivo comercial, ¿cuál es? Vender, ¿no? Lo comercial sirve precisamente para ofrecer productos y lo que hacemos es a través de nuestra creatividad necesitamos vender algo.

Por más artístico que sea, necesitamos vender algo.

En este caso, estamos vendiendo un restaurante. El diseño está muy bonito. Pero, por ejemplo, si fuera un evento artístico y el evento artístico tiene un diseño feo en el flyer, pues no estamos logrando vender nada. Tiene que ser llamativo, ¿no?

Entonces recuerden, por muy puritanos que seamos, nuestra intención es vender, no hay más. Sea lo que sea que estamos haciendo, tiene que vender, ¿sale?

Entonces, bueno, tomándolo en cuenta, considero bastante importante que siempre tengamos eso presente.

Vamos a ver este, que me acaba de llamar la atención, porque vamos a criticarlo, ¿no?

Tomando en cuenta lo que acabamos de platicar, pueden darse cuenta también de ciertos detalles. Por ejemplo, claramente la tabla no pertenece aquí, ¿no? Es decir, son elementos separados. Lo podemos ver por las sombras.

Esta sombra, bueno, incluso aquí esta tabla como que parece que tiene un reflejo de las papas, y, bueno, pues a menos que fuera una duela de basquetbol, no tendría sentido por qué reflejarse algo ahí, ¿no? No le encuentro el sentido.

La hamburguesa está volando, lo cual en mi lógica física me hace pensar que si la hamburguesa estaría como salida de ese borde, se caería, ¿no?

Y este vaso creo que es el que está mejor posicionado, tiene más sentido la perspectiva del vaso con la tabla, pero la sombra tal vez no es la ideal, ¿no?

Simplemente eso.

Entonces, la parte principal de esto de aquí es lo que falla. Del resto, en realidad me gusta, me gusta el desenfoque en cada uno de los elementos porque quiere decir que es como una explosión, como movimiento, ¿no?

Y tal vez este "delivery" pues está como muy agresivo aquí enfrente de todo.

Pero bueno, al final de cuentas, reitero, esto es la perspectiva de cada quien.

Nada más, si se dan cuenta, lo primero que observé que me hizo ruido es, y si a ustedes les pasó lo mismo, hagan atención a ese instinto. Nosotros estamos creando en diseño imágenes, y esas imágenes tienen que, aunque suene feo, engañar, ¿no? Tenemos que hacer pensar o parecer que sean reales.

Si algo no parece real, nuestro ojo por instinto lo va a notar. No quiere decir que alguien sea muy observador en cuanto a temas de diseño, simplemente algo me está haciendo ruido en mi ojo y lo estamos notando.

Ya ciertos detalles como de diseño van más allá, tienen que ver mucho más a fondo con temas de marca, etc. Pero bueno, ahorita no es mi intención meternos a ningún tema tan profundo, simplemente desarrollar esa parte de observar, ¿no?

En este caso estamos viendo fotos reales, excelente. El uso de las fotos muchas veces soluciona y evita ese tipo de broncas que hay con las composiciones.

Pero bueno, el tema aquí es mancharnos las manos, intentarlo todo y no quedarnos solo con una técnica, sino intentar hacer todo, ¿no?

Lo primero que yo les recomiendo para empezar a hacer su proceso gráfico es buscar y consumir.

¿Pero dónde les recomiendo buscar? Hay muchísimas comunidades artísticas. Si ustedes ya pertenecen a alguna, úsenla, siempre es bueno. Pero es bueno usar Pinterest.

Pinterest, que es una red social que tiene que ver con imágenes, está saturada de todo esto, ¿no? Está llenísima de cosas hipercreativas y de puro color. Al final de cuentas cuando yo entro aquí me siento como en casa, ¿no? Me siento como que, ah, eso es lo que quiero ver.

Si estoy en Twitter o en Facebook o algo así, pues está padre y todo, pero cuando estoy en esto es, ah, ok, esto lo puedo ver, lo aprecio y me encanta.

Por ejemplo, ahorita estoy observando esto y simplemente con ese detallito de que sale la mano de este personaje, me parece algo completamente fuerte y aunque parezca muy sutil, me parece muy agresivo visualmente. Y ya no puedo esperar para usarlo en alguno de mis diseños, por ejemplo, ¿no? Me llama la atención.

Este lo vi inmediatamente, está increíble, me gusta. Y yo sé que estas que estamos viendo ahorita son composiciones visuales un tanto más avanzadas, pero a lo que voy es, por ejemplo, el tema del reflejo está muy bien, es una torta y aquí abajo un chile, ¿no? Que, pues, eso, que a lo mejor tiene mucho chile esta torta o yo que sé.

Y bueno, ya poco a poco también ustedes harán sus críticas, sus observaciones. Eso es a lo que yo intento llevarlos.

Por ejemplo, si me voy aquí a mi perfil tengo aquí mis carpetas de todos mis pines, pero sobre todo tengo una que me sirve de inspiración. Para todos los trabajos en los que participo, siempre estoy buscando inspiración.

El último que hice aquí claramente pueden ver fue un logotipo, entonces busqué inspiración para logotipos. Lo demás también lo pude buscar en Google o en otros lados, pero esa es la intención, ¿no?

Entonces, para otro tipo de cosas veo tendencias que me gustan y las guardo. Y aquí podemos irnos a este tablero y, pues, simplemente se mantiene ahí alimentado.

Ahora, algunos de ustedes tal vez ya lo conozcan. Pero si no, ¿cómo funciona? Simplemente sacan su cuenta y les va a preguntar la aplicación qué tipo de temas les interesa. A partir de que les dicen eso les va a mandar estas recomendaciones.

Pero bueno, ustedes acá en su perfil pueden hacer un tablero con el más, un pin o un tablero, por ejemplo, y yo le puedo poner aquí "Curso Diseño", lo doy crear y automáticamente va a ponerles algunos diseños que me gusten en mi tablero, ¿no?

Este me gusta mucho, por ejemplo, y le voy a poner guardar. Me lo guardó en "Curso de Diseño" porque ya fue automático.

¿Qué pasa cuando yo quiera buscar otro? Vamos a suponer que ahorita quiero buscar, yo que sé, diseño Illustrator, por decir algo, ¿no? Vamos a ver si sale algo.

Y por cualquier razón, este me gustó. Me gustó porque estaba bonito, me gustaron los colores, la razón que sea. No importa, dejemos que la creatividad nos lleve a lo que sea, ¿no?

Entonces, digo, ah, ok, sí lo quiero guardar. Aquí puedo decidir qué tablero. En este caso lo voy a guardar en el de "Curso de Diseño."

Y vamos por lo que vamos a poner "flyer comida." Si tuviéramos algo más concreto, a lo mejor puede ser, bueno, vamos a dejarlo como "comida." Y aquí hay varios, ¿no? Bastante llamativos.

Otra vez el tema del jitomate, pero si se dan cuenta aquí no lo veo mal. ¿Por qué? Van a pensar que estoy cambiando de opinión a mi conveniencia, y puede ser, pero dentro de mi manera de pensar le encuentro un sentido.

Aquí estamos viendo enorme la hamburguesa, ¿no? El sentido es que la hamburguesa se vea gigante tal vez, e incluso este botecito de catsup pues no creo que sea tan chiquito en la vida real, ni las papas, ni esto.

Entonces, si el sentido fue hacer que esto es algo mucho más grande de lo normal, me parece que está excelente, ¿no? Cuando el objetivo es otro, se pueden alterar las cosas. A lo que voy es: usen las herramientas visuales que tenemos para comunicar lo que ustedes deseen, ¿no? Y que sea evidente.

Entonces, bueno, este me gustó mucho, lo voy a guardar para el curso de diseño.

Vamos a ver qué más hay. Este me gustó mucho de entrada, me llamó la atención. Pero siento que me voy mucho por ese tipo de diseños, ¿no?

Voy a tratar de elegir algo un tanto más sencillo porque mi estilo siempre es muy saturado y me gusta lo saturado, pero por ejemplo ahorita voy a tratar de variar para encontrar algo mucho más limpio, más simple, y también obligarme a mí mismo a ir a otras tendencias, ¿no?

Ahorita no estoy viendo algo que me parezca como muy limpio. Si acaso este, pero nada tiene que ver con una hamburguesa, que es lo que tal vez esté buscando.

Tal vez este, ¿no? Tiene muchos elementos, pero me gusta que no tiene fuego, no hay partículas, no hay explosiones, ¿no? Cosas así. Y por el contrario son cosas muy sencillas.

Puedo ver que tal vez hay errores en el recorte de la imagen, pero me gusta el tema de que el fondo se resuelve con un fondo negro, ¿no?

Entonces eso me llama la atención porque yo en lo personal soy mucho de poner sombras, me gusta mucho andar checando que las sombras coincidan, que se vean reales, que se vean lo mejor posible y demás. Y en este caso simplemente un fondo negro, se evitaron las sombras, y ok, digo, pues tal vez tengo que tomarlo en cuenta.

Vámonos al "Curso de Diseño" y listo.

A lo que voy es: creo que ya estás dando cuenta de a lo que me refiero.

Este está excelente, me llama mucha atención. Aunque parece más bien como cierto tipo de artículo, ¿no? Pero me gusta muchísimo, está bastante bueno. Y también se va a guardar para los 2: "Curso de Diseño" y para "Exploration."

Entonces, bueno, esto ahorita suena un poco redundante, lo entiendo. Siempre que estamos aprendiendo esto lo que queremos es ya soltarnos a diseñar y soltarnos a crear y demás, pero créanme que esto es importantísimo.

Es como pensemos en algún atleta. Seguramente lo que les gusta, por ejemplo, a un futbolista, lo que quiere es salir a jugar y a patear el balón. Pero se dedican, de hecho, el 90% de su vida a estar entrenando y corriendo sin tener que jugar un partido, ¿no? Y de hecho el jugar el partido es la parte donde ya sueltan todo lo que han preparado.

Algo similar pasa con el diseño. Necesitamos prepararnos muchísimo, necesitamos estar consumiendo diseño para tratar de soltarlo ya en un momento del partido, por decirlo así.

Entonces, bueno, asegúrense de hacer una cuenta en Pinterest, asegúrense de crear sus tableros, y para cualquier trabajo, si ahorita les encargan, vamos a suponer que los buscan ahora para una veterinaria, busquen "veterinaria diseño" o "post" o "publicidad" o lo que sea. Busquen en inglés también, o sea, busquen lo que sea que necesiten, ¿sí?

Siempre, siempre estén consumiendo para todo, ¿sale? No se olviden, eso es muy importante y eso los va a llevar a que sepan con qué técnicas pueden contar.

Así que bueno, pues hagan su cuenta de Pinterest, hagan su tablero y guarden mucho diseño, ¿sí?

Vamos a dejar ese video hasta aquí y continuamos con el otro.


Vídeo 4.1

Ok, entonces, bueno, ya platicamos algo con respecto del proceso gráfico y, bueno, para esto simplemente voy a hacer un diseño bastante concreto. No pretendo ahondar mucho porque tampoco pretendo que las clases sean largas y cansadas, ¿no?

Voy a hacer un archivo nuevo. Voy a hacer un flyer. Un flyer es tamaño carta, entonces lo voy a dejar en pulgadas. Simplemente voy a dejarlo a la mitad: 5.5 de ancho y 8.5 de alto.

Cuando hago esto me cambia el tamaño a horizontal, pero yo quiero que mi flyer siga siendo vertical, simplemente lo cambio así, me invierte las medidas, y ya con eso yo puedo diseñar. Y aquí tendríamos un flyer tamaño media carta.

Voy a usar fotos de comida, como lo que estamos haciendo, tal vez hamburguesas. Las busco y las utilizo.

En este caso voy simplemente a poner un fondo. Me gustó lo que vimos del fondo negro, así que para evitarme eso voy a poner un fondo negro. Me gustó el estilo, quedaba un poquito más moderno, ¿no? Está bien.

Entonces, tenemos aquí nuestro fondo negro. Aquí va.

Vamos a poner un texto. Aquí tenemos la herramienta de texto y voy a poner, yo que sé, "Hamburguesa promo." Vamos a hacerlo mucho más grande.

Voy a cambiar el color de este texto. Es la primera vez que usamos texto, entonces es muy sencillo: con doble clic lo podemos editar, y el texto, como todo lo demás aquí, cambia el color. Y si queremos cambiarle el tipo de letra, es aquí en "Carácter." Recuerden que todo eso, si no lo encuentran, en Ventana pueden encontrar "Carácter" y ahí está.

Lo agarramos, lo cambiamos, en este caso voy a ponerle un color blanco para que contraste.

Voy a cambiar el tipo de letra porque ese no me gustó, me parece que está bastante simplón. Vamos a buscar uno más llamativo. Aquí claro yo tengo tipos de letra descargados, pero bueno, ya veremos más adelante cómo se pueden descargar tipografías para que las puedan usar.

"Hamburguesa." Aquí me gusta, vamos a hacerlo un poco más grande.

Y voy a probar algo que he visto últimamente, que hice en unos proyectos recientes y me gustó. Vamos a ver si también se ve bien: voy a aplicarlo. Basta con apretar alt y arrastrar, recuerden que en Mac alt es option. Voy a cambiarle al color negro, es decir, va a ser igual que mi fondo.

De esta manera voy a intentar crear un borde, un volumen. Solo voy a intentar si es que se ve bien y se lee bien. Sobre todo, por el tipo de letra que es muy curva, muy garigoleada, me parece que no va a funcionar, pero bueno, era un buen intento.

No pasa nada. No va a funcionar, no pasa absolutamente nada. Vamos a ponerle un color ya sea rojo o amarillo, que me llama la atención.

Ahí está. Y tal vez esto lo pasamos por debajo. Recuerden que para organizar simplemente basta con "traer al frente" o "enviar hacia atrás." Voy a preferir este al frente, clic derecho, organizar, traer al frente, aquí está. Y ese va para atrás. Lo voy a poner a la misma altura que este, simplemente un poquitín al lado o abajo o donde se vea mejor.

Ok, me va gustando. Voy a considerar si me gusta ese color, o tal vez me gustaría más otro. Vamos a acercarnos bien.

Aquí está. Cambiémosle tal vez a un rojo para ver qué tal. Esto me gusta un poco más.

Me gusta, pero creo que es un poco agresivo, así que lo que voy a hacer es simplemente tratar de bajar la opacidad y ver si eso me ayuda.

La opacidad la tenemos aquí arriba. Tengo agarrado un elemento, lo voy a bajar a un 75%, si no es que un 50%. Vamos y checamos el resultado.

No va mal, no me desagrada, me está gustando. Voy a ver si con un poco más de opacidad funciona mejor. En este caso voy a mover esto para acá para que me permita verlo. Aquí 75%, creo que me gusta más así.

Entonces, bueno, vamos a tratar de dejarlo así. Creo que está bien ahí, me gusta. Tal vez cambiaré el tipo de letra porque es un poco confuso de leer, pero bueno, así va agarrando un poco la forma.

Vamos a poner elementos geométricos, empezando por un cuadrado. Este cuadrado lo voy a girar. Si me salgo un poquito aquí, recuerden que está el giro. Entonces lo voy a girar para hacer un rombo. Ahí está.

Y cuando tenemos un objeto de estos, si yo agarro de aquí y jalo, puedo simplemente cambiar la esquina para que ya no sea en forma de pico sino que va a ser un tanto circular. Voy a hacer un par de estos, lo voy a duplicar con alt. Recuerden, voy a hacerlos para acá, para acá.

Tal vez aquí. No sé si ese último me gusta. Voy a dejarlo así.

Y voy a traer fotos de comida. Vamos a ver cuál me gusta, una donde se vea bien. Este me gusta, aunque se vea como un platillo completo. Espero que cargue.

Recuerden que en este caso estoy usando fotos de internet porque como es un trabajo para el curso no tengo ningún tipo de limitantes. Pero sí necesitamos, cuando estamos trabajando, que el cliente nos provea una serie de fotos, ya sea de su producto que él tenga, o contar con un banco de imágenes.

El banco de imágenes hay muchos, como Pexels, como FreePik, como Shutterstock. Obviamente cuestan, pero no se nos olvide contar con ello. Y también habría que decirle al cliente que o nos lo brinda o se lo incluimos en la cotización, ¿no? O sea, se lo cobramos, pues.

¿Por qué? Para evitar los problemas de derechos de autor, ¿sale? No es tan fácil como agarrar imágenes de aquí de Google, sino que necesitamos tener mucho cuidado con eso.

Bueno, en este caso voy a poner el rombo por encima, "organizar al frente," voy a poner mi imagen por atrás. Y lo que vamos a hacer es agarrar estos 2 elementos, solo estos 2, imagen y rombo, y con clic derecho voy a decirle "crear máscara de recorte."

Eso lo que genera es esto: que mi imagen se vea solo a través de la figura.

Con esto, yo con doble clic puedo meterme a variar la imagen y darle un punto que me guste más. Doble clic aquí, ahí está, doble clic afuera y ya con eso salimos, ¿no?

Y vamos a agarrar otra foto distinta. Tal vez una ensalada, algo así. Aunque sea muy saludable. Copiar, vamos para acá, copiamos. Me voy a alejar y voy a hacer este más pequeño.

Aquí estamos. Clic derecho, organizar, traer al frente. Recuerden, voy a acomodar este, entonces agarramos los 2, primero este, shift, este, clic derecho, "crear máscara de recorte" y aquí está.

Con doble clic, recuerden, puedo meterme a editar, como que nos internamos a la imagen, y ya puedo editarla. Y aquí tenemos otra, ¿no?

Y vamos por una última. ¿Qué será ahora? Algo menos saludable, ¿no? Unas papas a la francesa, porque qué aburrido ver solo comida saludable, ¿no?

Tal vez este me gusta, pues sí, vamos a usar este. Esperamos a que cargue, también es importante esperar a que cargue para que no se vea pixeleado. Copiamos imagen, pegamos.

Está bastante grande de buen tamaño, lo cual es bueno. Vamos, ahí vamos y ahí está. Ok, vamos a ponerlo acá.

Antes vamos a traerlo al frente: clic derecho, organizar, traer al frente. Este va para acá. Traten de que sea lo más similar posible en cuanto a tamaño. Ahí está.

Y ahora sí, agarramos uno, otro, clic derecho, "máscara de recorte" y listo. Aquí tenemos esto, que me agrada cómo se ve. No importa que se salga, no se preocupen por eso. Me gusta, se ve bien, y ok, va tomando forma.

Otra cosa que tal vez me llama la atención hacer: el mismo rombo voy a copiarlo. Entonces tendría mis 2 rombos, ¿no?

Clic derecho, voy a soltar la máscara de recorte. Bueno, no me estaba permitiendo hacerlo. No pasa nada, simplemente voy a hacer otro rombo por mi cuenta.

Ok, esto va hasta atrás. Clic derecho, vamos a ponerle "enviar hacia atrás." Si le pongo "enviar hacia atrás" se va detrás de todo, incluyendo el fondo, ¿no?

Entonces, bueno, recuerden que con control Y puedo ver solo el objeto por sus líneas, por lo cual clic derecho, organizar, "enviar hacia adelante." Ya con eso puedo entender que está por encima de este que es el fondo, ¿no?

Muy bien, ahí vamos. Voy a tratar de acoplarlo lo más posible con este rombito en todas sus esquinas.

Ok, y voy a invertirlo para que en lugar de que sea el relleno sea más bien un borde. Ok, bien, me está gustando.

Se me ocurre también poner otro de estos como borde. Entonces, ahorita lo vamos a duplicar, simplemente, y a lo mejor a este sí le cambiamos a blanco. Vamos a ver cómo se ve la combinación de colores.

Ok, ahora estos yo puedo también agarrarlos y cambiarles el grosor a todos al mismo tiempo. Vamos a ponerle un 2, es un poco más notorio. A lo mejor fue demasiado, pero no me desagrada. Entonces, ahorita los voy a dejar así.

Voy a poner este un poquitín más centrado y ahí está, ¿sí?

Para esta parte, a lo mejor aquí puedo poner mis textos, ¿no? "Promoción", bla bla bla. Con un texto yo creo que nos conviene menos garigoleado. Tal vez algo así, "Promoción," y aquí bla bla bla bla bla. Obviamente voy a poner todo el texto porque tendría que tener específicamente lo que necesitamos, pero bueno, hasta ahorita va y me está gustando.

Tal vez se me ocurre poner un marco que abarque como estas partes. Vamos a invertirlo para ver qué tal va ahí. Sí me va gustando.

Tal vez lo único que voy a hacer con este marco es eliminar ciertos pedacitos. Recuerden que el marco es simplemente un trazado con forma ya premeditada, entonces yo puedo editarlo tal cual como una forma. De aquí la importancia de la pluma.

Entonces aquí voy a poner nada más ciertos nodos o anclas, como quieran decirles, y busco este de aquí a acá. Ok, sería este, vamos a borrarlo. Ahí está. De aquí a acá, este también lo voy a borrar.

Entonces ahí está, me está gustando.

Se me ocurre también poner otro platillo de imagen y les digo: no es que este sea la técnica de 100, o sea, siempre usen esta técnica y siempre sigan esos pasos al pie de la letra. La neta es que simplemente estoy improvisando. Se puede notar muchísimo que estoy improvisando, porque claramente tendría que tener más cuidado con muchas cosas.

A lo que voy es: usen todo lo que tengan a su favor. Y usar eso parte desde el proceso gráfico. Recuerden que yo saqué la idea del fondo negro ahorita, e incluso esto de los rombos y demás.

Entonces, bueno, solo eso.

Uno que me gusta, tal vez este me llama mucho la atención. Ok, copiar, vamos a ponerlo aquí, pegamos. Ok, lo va a poner hasta el fondo. Clic derecho, organizar, "enviar hacia atrás" y lo va a poner nada más enfrente, clic derecho, organizar "hacia adelante", perdón, para que abarque absolutamente todo, y está perfecto.

Muy bien. Y puedo bajar la opacidad, tal vez algo muy tenue como un 25%, o incluso más, un 10%, que apenas sea perceptible tal vez. Ya veremos cómo se ve.

Entonces, bueno, lo que voy a hacer ahora con esto es: ya tengo todo mi diseño, me voy a encargar de que tenga justo el tamaño necesario. En este caso yo lo voy a hacer con este cuadro, voy a copiarlo y pegarlo, lo voy a dejar aquí a un lado. Este va a ser mi gran pretexto, y esto lo voy a poner acá.

Va a ser suficiente con dejarlo ahí, tengo que preocuparme con que se vea la parte que quiero. Entonces voy a dejarlo tal vez así. No me gusta que sea tan oscuro, vamos a dejar el 25%. Es que ya no me gusta que se comió por completo el fondo negro.

5% está perfecto, me gusta mucho. No, se va a dejar que se vea la hamburguesa.

Y bueno, aunque estoy improvisando, pues sí me gusta ponerle un poquito de atención, ¿no?

Ok, y ya con todo esto lo que voy a hacer es poner este enfrente de todo, simplemente de ese mismo tamaño original, y puedo agarrar todo y decirle "máscara de recorte" y de esa manera ya todo queda aquí establecido, ¿sí?

Obviamente tendría que poner atención a las letras, a que crezcan bien, a cuidar que esto tenga una orientación adecuada. Vaya, no es un trabajo perfecto para nada, estamos lejísimos de ser un trabajo incluso bueno, pero para hacerlo en unos cuantos minutos y de la nada me parece que está bien.

Entonces, es a lo que voy. Ustedes intenten también jugar con eso. No les estoy poniendo aquí a hacer un flyer en el curso, pero si lo quieren desarrollar por su cuenta, ya más o menos vieron cierta parte del proceso.

Adelante, háganlo, suéltense. Pero bueno, sobre todo desarrollen. Acuérdense: hagan y consuman diseño, ¿sale?

Esta clase va a terminar hasta aquí y bueno, eso es.


Vídeo 5

Muy bien, vamos a checar el tema de logotipos.

Es claro que todo lo que estamos haciendo en el curso no puede ser algo tan inmediato. Lo estamos haciendo de una manera muy resumida, ¿no? Mi intención no es ir paso a paso desarrollando todo, porque nos alargaríamos mucho, muchas horas, y tal vez puede ser no tan divertido.

Pero sobre todo mi intención es dar las herramientas para que ustedes vean tanto las herramientas de aquí del programa, como las herramientas de conceptualización y las herramientas de creatividad, para que puedan desarrollarlo por su cuenta.

En este caso, vamos a hacer un logotipo.

Hablando de logotipos, yo creo que tendríamos que checar la diferencia, porque hay varios, ¿no? Isologo, imagotipo, isotipo y logotipo.

Malamente, todos le decimos logotipo a todo. Y la verdad es que también es cómodo, porque ya ahorita hacer estas diferenciaciones puede ser poco práctico. Pero bueno, si somos un tanto estrictos, tenemos 4 tipos de marcas.

Son el isotipo, el logotipo, el imagotipo y el isologo.

Esto es bastante visual y bastante claro.

El isotipo es cuando se representa una marca a través de un elemento gráfico, ¿sí? Este es un isotipo.

El logotipo, que es el que más usamos, pero en realidad un logotipo es cuando la marca se representa solamente a través de texto, ¿no?

El imagotipo es cuando tiene las 2 partes: tiene tanto la parte del isotipo como la parte del logotipo, y pueden funcionar bien tanto juntos como por separado.

Es decir, en ese caso si ponemos solo el isotipo, el cocodrilo por ejemplo, sabemos muy bien a qué marca pertenece. Y también si supusiéramos que no estuviera el cocodrilo y solo tuviéramos el logotipo, también se ve bien. No es dependiente una de otra. Contamos con ambas pero no dependen una de la otra, es decir, funcionan juntas y separadas.

Y por último tenemos el isologo, que ese es donde tenemos las 2, es decir, el elemento gráfico más el texto, pero aquí sí dependen. No podemos separar una de otra. Aquí son ya un todo, un absoluto, y no podemos separarlos.

Entonces esas son las maneras de crearlo.

Es importante porque tal vez a veces nos conviene hacer un isotipo, a veces un logotipo, un imagotipo o un isologo, dependiendo de lo que cada quien necesite para su marca, ¿no?

¿Qué pasos se recomienda seguir en cuestión de la creación de un logotipo? Les digo, es un trabajo arduo y extenso, y resumirlo en una clase corta es prácticamente imposible, ¿no? Yo voy a hacerlo de una manera bastante sintetizada, pero igual sirve que me explaye un poco en el tema.

La investigación gráfica o proceso gráfico, justo lo que hicimos en la clase anterior, eso es lo que vamos a hacer para desarrollar un logotipo.

Vamos a suponer que vamos a hacer un logotipo de viajes, ¿no? Por ejemplo, una agencia de viajes.

Lo primero que recomiendo es, ya sea aquí en Google o en Pinterest: cuando estaba buscando vectores, yo en lo personal al buscar vectores me baso más en Google, porque por experiencia el Pinterest me da mucho contenido en cuanto a composiciones visuales, como son flyers, como son posters, carteles, etc.

Pero para algo muy concreto como un vector, que también es algo mucho más minimalista, digamos, me sirve mucho más lo que hay en Google por experiencia personal. Cada quien es libre de buscar y de alimentarse de donde necesite, ¿no?

En ese caso dijimos que una agencia de viajes. Puedo buscar concretamente "agencia viajes logo."

Lo que se recomienda es: cualquier cosa que nos guste, que vaya un poquito con el tema de la marca que estamos representando, que nos genere algo, que nos llame la atención, por ejemplo, aquí el avión en negativo, lo que sea que nos llame la atención, guardarlo.

Se recomienda hacer un portafolio o una carpeta para guardar esos archivos, ¿no? Por ejemplo, voy a guardar este, que me gustó el avión en negativo, guardar imagen como, voy a buscar mi carpeta para el curso, y a lo mejor la guardo ahí como "investigación gráfica." Y aquí guardo este primer elemento. Y guardar todas las que sean necesarias.

Si se dan cuenta, ese es un proceso que requiere toda esa mecánica, porque así es como se usaba antes de la existencia de plataformas como Pinterest. A algunos, como yo, se nos ha quedado ese proceso. Pero si no lo consideran necesario, simplemente váyanse a su tablero de Pinterest o donde quieran, pero aliméntense, acuérdense, alimenten su creatividad consumiendo lo que necesitamos.

Siempre me gusta decirles que para diseñar algo o hacer lo que sea que vayamos a hacer, necesitamos conocer el contexto de lo que vamos a hacer, ¿no?

Por ejemplo, siempre les digo este ejemplo muy burdo, no importa: si queremos componer una canción de música clásica, no lo vamos a lograr si solo escuchamos música de cumbia o de rock o reguetón. Necesitamos conocer qué hay allá afuera en cuanto a la música clásica, estar un poquito empapados para por lo menos saber que a lo mejor en música clásica no se usa un sintetizador o una guitarra eléctrica, ¿no?

Lo mismo aquí, necesitamos empaparnos de esto para saber qué podemos hacer. Al final de cuentas es un trabajo creativo, artístico, y necesitamos inspiración. Entonces alimentémonos de todo lo que podamos para que eso nos desarrolle ideas y sobre todo inspiración, ¿ok?

Entonces, bueno, ese es el primer proceso y yo les recomiendo clavarse todo lo que sea necesario.

Si me preguntan, por ejemplo, cuántas imágenes recomiendo guardar: las que de veras los lleven a otro lado. Si por ejemplo aquí me gustó algo y lo permito que me lleve a otro lado, y así.

De repente, por ejemplo, aquí ya encontramos algo diferente. Me gusta esto, digo, ah, bueno, me llama la atención que sea de esta manera. Entonces voy a buscar ahora logos con el ícono de ubicación, ¿no? Para ver a dónde me puede llevar.

Entonces, vamos a ver aquí "location logo."

Luego que esto nos lleve a donde tenga que llevarnos.

Bueno, de todas maneras, por ejemplo, este me gusta más, este también se ve bonito, este que marca como la ruta también me genera ideas. Esto, por ejemplo, de poner algo medio abstracto también me gustó, ¿no?

Entonces, vaya, a lo que voy es: permitamos que una cosa nos lleve a otra. De hecho, ahorita como que tengo ahí un par de ideas para lo que voy a hacer.

Recuerden que yo estoy improvisando las composiciones visuales y mi intención es esa, no tenerlo ya como planeado, porque así creo que es un poquito más puro el crear y también les da una idea, ¿no?

Prácticamente eso. Lo primero es consumir, consumir, consumir, adentrarse en el contexto.

Ahora también es importante comprender qué es un logo. Un logo no es más que un escudo, ¿no? Me gusta decirles que es un escudo, como los escudos medievales.

Prácticamente es eso: es un elemento combinado entre colores y elemento gráfico. ¿Y de qué sirve? Pues para representar algo, ¿no? Entonces, prácticamente es un escudo. Es el escudo que representa y comunica algo de una marca, de un producto, de un servicio, de una empresa, de un restaurante, lo que sea, ¿no?

Entonces, un logotipo es eso, es un escudo, y necesitamos crear un escudo para ese producto, para ese algo.

Ya vieron que ese escudo puede tener varias vertientes: puede ser solo imagen, solo texto, la combinación de las 2, o lo que sea. Pero bueno, prácticamente eso.

Bueno, vamos a retomar el tema rapidísimo. Por ejemplo, me gustó el tema de la locación, esa ubicación me gusta.

Entonces, voy a agarrar uno que considero que está bien. Este también me gusta mucho porque está como un tanto minimalista.

Bueno voy a usar este. La imagen, vamos aquí al Illustrator, voy a pegarlo.

Y bueno, lo importante aquí es que, claro, hay gente que tiene el talento nato de dibujar cosas y que les quede perfecto. Hay quien prefiere por ejemplo dibujarlo en una libreta y después tomarle foto a esa libreta y pasarlo para acá, también se vale. Usen las herramientas que tengan a su disposición, úsenlas todas.

En este caso yo estoy usando mi herramienta del internet, ¿no? Yo a pesar de que me dedico a esto, claro, me gusta dibujar pero no soy muy buen dibujante. Yo no soy de esas personas que dibujo un logotipo así de mi puño y me salen perfectos. Yo al contrario, dibujo ideas y esas ideas después ya les doy forma adecuada en la computadora para hacerlo perfecto, ¿no?

Entonces no se limiten. Mucha gente, muchos alumnos, me han dicho a lo largo de los años que les causa un poquito de miedo esa parte de que no saben dibujar bien, ¿no?

Y si bien mis dibujos son bastante básicos y aún así me dedico a esto, pues vaya, no pasa nada.

Qué bueno que aquellos que sepan dibujar bien puedan dibujar bien, es un arma extra. No estoy diciéndoles que no importa para nada, nada más que no es una limitante tampoco, ¿no?

Entonces aquellos que lo hagan muy bien, úsenlo a su favor. Aquellos que no, no se preocupen, ya que de todas maneras se puede, ¿no? Recuerden que todos tenemos habilidades distintas para cosas diferentes, y pues acá en el diseño no es la excepción.

Y pues siempre insisto en esto: si contamos hoy en día con la herramienta más poderosa del mundo que es el internet, pues me parece una tontería no aprovecharlo, ¿no?

Aquí, por ejemplo, este nodo no me está gustando. Vamos a intentar regresar un poquitín.

Y como les decía la vez anterior, a pesar de los años de experiencia, a pesar del tiempo que llevemos dedicados, no por eso ya tenemos asegurado el trazado perfecto a la primera. Sino que esto se trata simplemente de ir haciéndolo de la mejor manera, ¿no?

Entonces, bueno, aquí estoy tratando de hacer varios trazos que no me ha gustado ninguno. Voy a dejar en este caso como por acá.

Ok, me gusta más. Vamos a ver si esto es funcional. Ahí va mejorando.

Y aquí ya puedo notar los errores que tuve al trazar esta primera parte, pero bueno. Voy a esconder mi capa de abajo y tengo aquí este elemento visual que me gusta.

Simplemente sería ponerle aquí un texto, ¿no? Vamos a ponerle texto. Yo que sé, "Viajes" nada, "Viajes" está muy feo. "Travel." Vamos a ponerlo aquí.

Y bueno, para el tema de la tipografía, todo esto lo voy a hacer más pequeño.

Ya viéndolo así, ya sé qué es lo que no me gusta: que es claramente lo negro. Entonces voy a copiar esto, voy a mezclar más bien esto con esto con el Buscatrazos, listo. Y ahora esto con esto.

No está funcionando. Tenía que hacer esto con esto.

Ahí está. Ahora sí.

Y así me gusta mucho más. Ok, sí, no tenía sentido lo negro que estaba usando, entonces por eso.

Entonces, bueno, se dan cuenta: aquí en 10 minutos improvisamos un logotipo. Claro, con una intención muy concreta que era la de darle una forma básica.

Obviamente ustedes tendrían que trabajarlo mucho más a fondo, ¿no? Pero bueno, prácticamente es eso. En este caso perfeccionar también el tema del trazado porque yo lo hice bastante imperfecto.

Y bueno, voy a tomarme el siguiente video para no ser tan largo este: voy a grabar el siguiente video de cómo podemos trabajar el tema de las letras, ¿ok?

Entonces, dejamos hasta aquí y avanzamos con el siguiente video.


Vídeo 5.1

Muy bien, pues retomemos.

Ya hice aquí unas correcciones porque no me gustó para nada ese elemento que tenía, estaba horrible. Pero bueno, ya lo corregí y me gusta mucho más esto, ¿no? Ya lo pueden ver, ya está más limpio mi trazado, y solo usé 4 nodos: 1, 2, 3, 4.

Entonces, bueno, aquí ya podemos tirar esa cosa horrible. Y bueno, vamos a enfocarnos a lo que es el texto.

Para textos está bien que intentemos trazar algún texto personalizado si somos buenos para eso, o usemos alguna tipografía de las que tenemos aquí también, puede servir alguna de estas. No pasa nada, ustedes usen la que les acomode.

Esa, por ejemplo, no me desagrada, pero también es bueno buscar tipografías en Internet.

Eso lo recomiendo hacer en una página que se llama Dafont.

Dafont es un catálogo enorme de tipos de letras o tipografías, y prácticamente hay de todo. Para empezar, aquí les ponen las más recientes, ¿no? Y aquí tenemos también lo que son tipografías de categorías.

Por ejemplo, "Sans Serif." Vamos a ver qué hay en Sans Serif. Tenemos cosas así como muy clásicas, ¿no?

Vamos a buscar caligrafía. Esta me gusta, aunque siento que está muy adornada. Tal vez esta, creo que esta es la que más me va a gustar ahorita.

¿Por qué? Porque creo que este elemento gráfico es muy fuerte. O sea, creo que si combino con algo así que es muy adornado, esto va a perder fuerza. O lo contrario, vamos a saturar a la audiencia y tampoco es mi intención.

Sí quiero que sea bonito, pero que no obligue a distraer tanto la atención, ¿no?

Entonces, bueno, me gustó esta, creo que está como en un punto medio, vamos a descargar.

Y aquí está. Se descargan, abrimos nuestro zip, simplemente damos doble clic aquí. Muchas veces estos archivos vienen con varios archivitos. En este caso salió solo uno. Si les sale varios, busquen el que diga ".TTF." En este caso no hay un TTF, solo hay un OTF, entonces usemos el OTF, pero preferentemente usen el TTF.

Doble clic, instalamos, carga. Nos avisa, en Mac avisa cuando ya se instaló. En este caso simplemente desactiva este botón. Se llama "Cream Cake."

A partir de este momento, podemos entender que ya está instalada. Vamos a buscar y comprobar que sea cierto. Buscamos "Cream Cake" en mi catálogo de letras.

Aquí está. Y aquí está. Listo, me gusta, creo que le da ese aspecto como tropical. Me gusta.

Y se me antoja ponerle aquí un complemento. Vamos a ponerle "Travel" o "Viajes," algo bastante sencillo.

Obviamente, este "Viajes" ya no me gusta, y la idea que tengo es un tanto distinta. Voy a usar una tipografía más seria. Vamos a buscar una de acá, buscando que sea algo sencillo, algo muy delgado. Esto me gusta mucho. Tal vez en mayúsculas, algo que esté solo en mayúsculas.

Este delgadito me gustó bastante. "Caviar." Vamos a corroborar que no lo tenga ya instalado, porque luego pasa que tal vez ya lo he usado.

Caviar. Ahí está. Ok, usemos "Caviar Dreams," me gustó bastante. Y me gusta que está así delgadita.

Entonces, descarguemos "Caviar Dreams." Abrimos. Aquí, por ejemplo, sí tenemos todas, ¿no? Entonces, por ejemplo, tenemos la normal, la Bold, Bold Italic y la Italic.

Yo en lo personal instalo todas. Hay quien sabe que simplemente lo va a usar para un trabajo y ya. Yo prefiero tener todas las que pueda, ¿no?

Entonces, instalo cada una de ellas. Esa es la versión normal, esa es la versión negritas, esta es la versión negrita con inclinadas, y estas las inclinadas nada más. Instalamos absolutamente todas.

En la Mac es un proceso bastante similar, la única diferencia es que Mac nos dice cómo instalarlo y nos avisa cuando ya se instaló, y listo.

Muy bien, se llama "Caviar Dreams." No olvidemos el nombre de la letra. Vamos a usarla aquí en "Carácter." Buscamos "Caviar Dreams." Aquí está. Vamos a usar la normal.

Y voy a poner todo en mayúsculas. De manera automática, esta opción la tenemos aquí, ahí está.

Lo voy a hacer considerablemente pequeño, yo creo que mucho más pequeño. Y mi idea está algo bastante sutil.

Y lo que voy a hacer es separarlo. Aquí en Carácter, aquí podemos separar las letras, vamos a ajustar el "tracking." Vamos a poner un número. Aquí estoy buscando qué tanto me gusta. 1000, 1400, 1500, por ejemplo.

Listo, algo así me gusta bastante. Habría que acomodarlo bien para que quede como centrado.

Ok, creo que ahí me gusta. "Travel," y en este caso yo en lo personal no sé si me encanta el color, pero voy a ver si me conviene alguno de estos. Aunque no me desagrada, creo que le quitan un poquito de seriedad, así que lo voy a dejar en negro. Y el texto inferior lo voy a hacer un poquito gris, ¿no?

Pues, bueno, algo así me gusta. Ya sería cuestión de saber si le recortamos un poquito el tamaño, o lo hacemos más grande, o lo ponemos de este lado. Es decir, ir jugando para ver cuál es el punto en donde estamos completamente satisfechos con nuestro diseño.

Pero bueno, insisto, el tema de esto es simplemente probar y probar y jugar con esto.

Y bueno, pues en este caso es algo completamente sencillo que claramente necesita mucho más trabajo, pero bueno, tenemos algo así y no me desagrada. O sea, creo que tiene futuro, pero bueno, es prácticamente eso.

Entonces, vamos a dejar el tema del logotipo hasta aquí, porque digamos que hay muchos elementos más, muchísimas técnicas también más, pero bueno, eso se va aprendiendo ya con la práctica y sobre todo, les digo, consumiendo y consumiendo diseño, ¿ok?

Entonces, bueno, terminamos con este tema hasta aquí, e intenten ustedes hacer por su cuenta un logotipo.

Traten de practicar preferentemente con un proyecto real. Traten de conseguir un familiar, un conocido que tenga un negocio y que necesite un logotipo para que diseñen para alguien más.

Entonces, diseñen para alguien más. Van a tener que enfrentarse a la retroalimentación. Por ejemplo, incluso en este logotipo ustedes pueden tener mil opiniones, ¿no? Yo como no los escucho, pues simplemente sigo.

Pero cuando nos enfrentamos a retroalimentación tenemos que saber adaptarnos a esa retroalimentación y también adaptar nuestra visión, no queda de otra.

Entonces, pues bueno, traten de hacerlo así. Si de plano no pueden, entonces hagan como yo: jueguen con un logotipo y pónganme a tratar de practicar, pero traten de llevarlo a la práctica real lo más antes posible, ¿ok?

Entonces, bueno, esa es la clase del logotipo y listo.


Vídeo 6

Muy bien, vamos a ver un tema que parte de lo que es un logotipo. Es decir, cuando hablamos de una marca o de un branding, lo más importante de todo es siempre el logotipo.

El logotipo es el escudo, como dijimos, ¿no? Y es el que identifica y representa un servicio, un producto o una marca.

Y después del logotipo parte lo que es un manual de identidad corporativa.

Aquí tenemos algunos ejemplos. Si buscamos imágenes de "manual de identidad corporativa" en Google, podemos ver varios archivos que nos aparecen, ¿no?

Por ejemplo, tenemos el de SABA, manual de identidad corporativa. Aquí nos habla un poquito de este manual: "reúne las herramientas básicas para el uso correcto y aplicación gráfica de la marca."

Si nos ponemos a leer poco a poco este manual o cualquier otro, prácticamente el contenido es bastante similar.

¿Qué quiere decir? Que es un manual, es un conjunto de normas o de reglas, ¿no? Y en este caso es un manual de identidad corporativa.

Recuerden que la identidad la ponemos o la creamos a través del logotipo. El logotipo es la identidad de la marca, al menos la portada de todo esto. Y de ahí viene todo lo demás.

Entonces, si este es el logotipo, este es el estilo que se tiene que seguir. Por eso, en esta página tenemos todo ese color completo, ¿no?

Piensen que si este es nuestro logotipo y de repente tenemos una página que está llena de amarillo o rojo, pues no tiene nada que ver con esta marca que estamos mostrando aquí. Entonces, seríamos incongruentes al respecto y, pues, vaya, no habría como tal una identidad.

Es importantísimo siempre seguir una identidad.

Pensemos en una marca como Coca-Cola, que es conocida a nivel mundial. Si este formato fuera de Coca-Cola, esperaríamos ver qué colores, blanco, rojo, negro incluso, ¿no? Pero si viéramos naranja, amarillo, morado, cosas así, a lo mejor lo podemos relacionar con algunos de sus productos pero no con la Coca-Cola como tal.

Eso es tal cual lo que es el manual de identidad corporativa: es el que establece las normas del uso correcto de un logotipo.

Y vaya, nosotros ponemos esas normas, ¿no? Tal cual.

No hay como una regla como tal. Recuerden que el trabajo creativo y artístico, aunque tiene técnicas, normas y demás, no tiene leyes establecidas. Es decir, no es una ciencia exacta como las matemáticas, que 2 más 2 es 4. Aquí en realidad no hay algo que sea completamente inamovible y que sea una verdad absoluta, ¿no?

Entonces, pues bueno, nosotros creamos esas reglas. Y sí depende mucho del criterio de cada quien, pero pues es nuestro deber y está en nuestro poder el crear este tipo de formatos, ¿no?

Ahora, ¿qué contiene un manual de identidad corporativa?

Depende del alcance del trabajo, puede ser muy amplio. A lo mejor es un branding para una marca muy grande y se le hace incluso hasta la papelería corporativa: las tarjetas de presentación, las hojas membretadas, las firmas de correo electrónico, etc. Entonces, todo eso lo establecen aquí, ¿no?

Pero lo que yo considero como lo más importante, para resumir, es: el logotipo, las áreas de seguridad y reductibilidad, los colores, tipografías, y versiones correctas y aplicaciones correctas e incorrectas.

Entonces, cualquiera de estas partes me parece que nos puede servir bastante bien, y con eso podemos ahondar en el tema del manual en general, ¿no?

Entonces, bueno, pues, vamos a ver de qué trata todo esto.

Por ejemplo, lo primero es claramente presentar siempre el logotipo corporativo. Prácticamente aquí está la presentación: es este, nos lo está presentando, nos dice que ese es nuestro logotipo.

Como dijimos en las clases anteriores, el logotipo es la parte visual representada a través de un texto, ¿no? De tipografía. Y tiene un símbolo, que es ese pedacito naranja.

Entonces, bueno, prácticamente aquí está la presentación. Vamos a seguir bajando para ver rápido el contenido y ahorita nosotros nos soltamos a hacer a nuestra manera un manual de identidad corporativa.

Lo primero que vamos a encontrar son las áreas de seguridad y reductibilidad.

¿Qué es eso? Es el espacio que hay que dejar alrededor de nuestro logotipo.

En este caso, están usando el mismo elemento que tiene el logotipo, lo copian y lo ponen en todos sus extremos para dejar al menos ese espacio. Es decir, nada puede tocar nuestro logotipo en ese espacio.

Ahora, ¿por qué lo usamos a través de esto y no de una medida fija? Porque podemos imprimir este logotipo en una tarjeta de 5 centímetros por 9 centímetros o en el diseño de un espectacular de 5 metros por 10 metros, yo que sé.

Entonces, obviamente, si decimos que lo mínimo en lo que se puede dejar de espacio son 10 centímetros, va a ser abismalmente diferente en esos 2 casos.

Entonces, para no perder proporcionalidad, usamos un mismo elemento del logotipo. En este caso, el símbolo gráfico y demás, ¿no?

Pero, por ejemplo, vamos a poner que solo tuviéramos el texto: a lo mejor se puede indicar que cortamos esta patita de una letra y esa patita sobrante es la que ponemos alrededor, o seleccionamos una letra, la giramos y es la que ponemos alrededor. Es decir, está en nuestras manos decidir cuál va a ser esa parte, ¿no?

Ahora, el área mínima de reductibilidad es el espacio o el tamaño mínimo que podemos dejar ya en centímetros, en este caso milímetros, ¿no?

¿Por qué? Porque si lo hacemos más pequeño que esto, ya no se va a entender nuestro logotipo. Entonces, es importante establecer también un mínimo.

Eso lo van a establecer ustedes según lo que vean en su logotipo. Va a ser lo más pequeño posible, y en el momento en el que vean que ya no se percibe bien, pues también ya lo indican, ¿no?

Colores corporativos: claramente son los colores que vamos a utilizar. Necesitamos poner un código de color que, como bien ya lo hemos visto, es el color que tenemos en el panel de colores. Ponemos, por ejemplo, qué color es, y también el CMYK y el RGB, que ahorita revisamos.

Las tipografías: es importante poner la tipografía que vamos a utilizar en nuestro logotipo y las versiones que se permiten. En este caso permiten usar la versión light, regular, bold y mayúsculas. Y bueno, se pone por lo general de la A a la Z en mayúsculas y minúsculas, del 0 al 9, y se vale algún que otro símbolo.

También existe una tipografía secundaria. Si quieren poner varias se pueden poner varias. En este caso pusieron la Calibrí, igual en sus versiones variadas.

Esta tipografía secundaria es una tipografía que permitimos usar para que no dependamos siempre de la misma. Es decir, a veces en formatos un poco más formales puede llegar a ser un poco cansado el usar tipografías adornadas y pensadas para diseño. Entonces, podemos permitir el uso de una tipografía secundaria que claramente no choque con nuestra idea del diseño, pero que permita tal vez una comunicación un poco más formal, digamos, ¿no?

Aquí está: corporativa, página web, textos editados y demás, como para editorial y cosas así. Entonces, la primera, por ejemplo, para diseños como flyers y publicidad está más que bien. Pero cuando vamos a leer un formato corporativo, comunicación interna de la empresa, por ejemplo, puedes permitir una segunda tipografía para que no sea tan cansado.

Vamos a ver qué más: versiones correctas y las incorrectas.

Esto es bastante interesante porque son las versiones que podemos usar con nuestro logotipo. En este caso, tenemos la versión normal, la versión principal, y el negativo es cuando el logotipo se ve precisamente en negativo, ¿no? Tenemos toda la plasta trasera de un color y se ve como perforaciones, llamémosle así.

Entonces, en este caso nos dicen: así es como se usa el logotipo en negativo, y así se usa negativo en blanco y negro.

Y cuando tenemos fondos claros u oscuros, o fotos claras u oscuras, así es como se usaría. En este caso, por ejemplo, si el fondo es un color oscuro, lo vas a usar en blanco. ¿Por qué? Porque si lo dejamos con los colores normales se va a perder.

Si el fondo es un color claro, lo vas a usar en negro por la misma razón. Y si lo dejáramos en blanco, pues no se vería bien.

Lo mismo pasa con fotos, lo vas a usar en color blanco y en color negro, ¿no? Es decir, esas normas las ponemos nosotros.

Por ejemplo, ahora las aplicaciones incorrectas: eso también es bastante importante. Es decirle a la gente qué no podemos hacer. Por ejemplo, una incorrecta aplicación del color, no puedes usar colores de manera distinta ni poner colores diferentes, ¿no?

No puedes alterar los porcentajes, en este caso se ve como transparente. No puedes deformarlo. No puedes poner un espacio distinto. No puedes ocultarlo ni recortarlo, ni usar una tipografía incorrecta.

Y aquí, lo que les decía: aplicaciones incorrectas del color y demás.

Pero bueno, lo importante de todo esto no es que se los platique así como lo estoy haciendo yo. Tampoco que lo redactemos, es decir, eso es un formato visual, es un trabajo visual que estamos haciendo para el uso de la marca, el uso visual.

Entonces, de nada nos sirve explicar y hacer una redacción enorme como de un manual administrativo. Recuerden que lo que hacemos nosotros es visual, entonces tenemos que hacerlo tal cual aquí.

"Ok, no puedes hacer la aplicación incorrecta de color, como este ejemplo, aquí está, te lo pongo aquí para que lo veas, esto no se puede." Vean también la proporción: es mucho más visual que texto, ¿no? Es un 80% visual porque así es como debe ser.

Necesitamos hacerle evidente a la gente que vaya a hacer uso de este manual que vean tal cual cómo es el uso correcto, tanto el correcto como el incorrecto.

Entonces, no nos enfoquemos ni nos enfrasquemos en redactar las reglas, sino en mostrarlas, ¿ok? Eso es importantísimo.

Y bueno, a lo largo de este manual pueden ver el uso de las tipografías, el uso de los colores y demás, ¿sí?

Prácticamente es eso. En este caso llega hasta la papelería, que son ciertas muestras o mockups de piezas corporativas. Pero bueno, yo en lo personal recomiendo que la parte más esencial, y sobre todo si va a ser básico, es el logotipo, las áreas de seguridad, colores, tipografías y versiones correctas e incorrectas.

Y listo.

Vamos a detener hasta aquí el video, y en el siguiente vamos a hacer un breve ensayo sobre un manual de identidad corporativa.


Vídeo 6.1

Muy bien, entonces vamos a empezar a desarrollar nuestro manual.

A pesar de que pueden ser tamaños diferentes y variados según lo que cada quien quiera, lo recomendable es hacer un tamaño carta en versión horizontal.

Así que simplemente me voy a ir aquí a "Imprimir," aquí tengo "tamaño carta," le voy a decir aquí horizontal y listo. Voy a darle crear y aquí tenemos ahora mi formato para el manual, ¿ok?

Hay varias maneras de hacer esto. Ahorita puedo organizarlo todo por capas. Por ejemplo, hacer la portada... bueno, ahorita lo hacemos para explicar esto.

Voy a usar este como mi logotipo, ¿sí? Yo siempre, no tenemos un logotipo que hayamos creado, pero vamos a poner que fuera este y que este es mi logo y que me gusta y que aquí está, ¿no?

Voy a poner aquí alrededor una paleta de colores basándome en los colores que veo aquí. Esto para poder saber qué colores tengo que usar a lo largo del trabajo.

Ok, este y por último tal vez este. Y este es mi paleta de colores, aquí la voy a tener.

Entonces, bueno, vamos a poner que aquí fuera mi logotipo.

Voy a poner un cuadro blanco. Digo, la idea es que tuviéramos este logotipo en PNG, ¿no? O sin fondo, pues. Pero bueno, no pasa nada, en este caso voy a poner un fondo blanco aquí que abarque todo mi formato.

Ahí está, ponemos este para acá, ok, está todo bastante bien. Agarramos ambos y hacemos máscara de recorte. Esto va a ser más grande, nuestro logotipo. Y ahí está, ¿no? Aquí lo tenemos.

Ahora voy a jugar un poco con los colores. Yo sé que está pixeleado porque obviamente es una imagen que agarré de internet.

A lo mejor aquí voy a ponerle "Manual de Identidad Corporativa." Listo, vamos a poner un carácter más grande, 125, y vamos a suponer que la letra que usamos aquí es "Gotham." Me parece bastante bien.

Voy a usar el Gotham y lo voy a dejar aquí. Entonces aquí está nuestro manual, ¿no? Tal vez Gotham tiene otras versiones: tiene "black," tal vez me gusta más así.

Y tal vez podría combinarle su color con un color de estos si es que me convence. En este caso, no mucho, pero tal vez voy a ser un poco más oscuro nada más, tratando de que sea más fácil de leer. Nada, vamos a dejarlo en negro.

Ok, vamos a poner que está lista mi portada. Sabemos que tenemos tamaño carta, sabemos que está bien en cuanto a tamaño, que ya tenemos la primera parte de la portada y demás, ¿no? Ya vamos a poner que está lista.

Vamos a ver cómo seguiríamos. Hay quien prefiere, por ejemplo, bloquear esto y esa sería mi capa número 1 para ponerle "Portada."

Podemos simplemente esconderla, hacer una capa nueva, y esta capa nueva queda completamente vacía. Y ahora tal vez hacemos la introducción y digo, ah bueno, voy a usar este color que me gusta, que es un color corporativo, ponemos aquí y listo. Y ahora lo que escriba lo voy a poner en blanco para que se lea.

Y a lo mejor aquí le cambiamos, en lugar de la Black, le ponemos el "Regular," algo mucho más delgadito. Creo que así me gusta bastante.

Ah, miren, qué bueno, pasa esto: a veces cuando usamos un texto este texto se divide por el espacio que tenemos, el guion de división.

Si quieren evitarlo se van a "Párrafo" y en Párrafo desactivan el separar, y ya no aplica esa parte. Y ahí queda, ¿no?

Entonces, bueno, aquí tendríamos la segunda parte, que sería "Introducción." Y así nos iríamos.

Entonces, hay quien trabaja de esta manera. No está mal, se vale y se puede, ¿no?

Por ejemplo, otra manera de hacerlo es hacer mesas de trabajo.

¿Cómo vamos a hacer esa mesa de trabajo? Con esta herramienta de aquí. Esta activa la herramienta de trabajo, quiere decir que yo puedo alterar mi hoja, digamos, o duplicarla simplemente con alt y jalamos. Y pues ya con eso queda duplicado.

Entonces tenemos una nueva mesa de trabajo aquí abajo. Voy a hacer lo mismo, voy a hacer un color que me guste, un cuadrito. Aquí vamos. Y vamos a poner también un texto, este texto en blanco, recuerden.

Le voy a decir algo nuevo y lo vamos a dejar. Y ahí está.

Entonces también tenemos 2 espacios de trabajo diferentes, ¿sí? Es una sola capa, si se dan cuenta, pero el espacio de trabajo pues sí son distintos.

Entonces, cualquiera de las 2 maneras funciona, cualquiera de las 2 está bien. Lo que harían es, si fuera la técnica de mesas de trabajo, simplemente siguen duplicando.

Y ahora, por ejemplo, a lo mejor aquí voy a cambiar el estilo. Recuerden que tiene que verse como de la marca, entonces es importantísimo usar los colores corporativos.

Aquí puedo en "Forma," porque es un cuadro, decirle que no quiero que las esquinas sean proporcionales. Entonces a partir de ese momento voy a estar respetando cada esquina de manera individual.

Ahí está. Ya me aseguro de que sea solo una parte la que está curva. En este caso es la parte superior izquierda, la parte inferior izquierda, la parte superior derecha, la parte inferior derecha.

Lo que voy a hacer aquí para darle cierto dinamismo es aumentar una de estas partes. Hasta que se vea, tal vez algo así, ahí me gusta. Y tal vez nada más hacemos otro, lo podemos girar. Recuerden que si usamos shift mientras giramos, lo gira en grados perfectos.

Tal vez aquí tenemos otro de otro color, ¿no? A lo mejor este colorcito. Te digo, por decir algo.

Y aquí nos ponemos a escribir la parte que estamos haciendo: las áreas de seguridad o demás, ¿no?

Ahora vamos a suponer que tengo mi logotipo y este logotipo lo quiero poner en sus áreas de seguridad.

Lo que vamos a hacer es agarrar un objeto. En este caso vamos a poner que mi objeto sería un cuadrito negro, por decir algo. Recuerden que el objeto viene en un logotipo, ¿no?

Pondríamos este cuadrito como los bordes de nuestro logotipo, que sería como aquí.

Y después de trabajar pueden sacar las reglas, que están en "Ver → Reglas → Mostrar reglas," ¿sí?

Entonces, aquí prácticamente estoy como adivinando, pero con las reglas me puedo dar una idea bastante concreta. Por ejemplo, las sacamos y las reglas me marcan aquí tal cual los espacios.

Ok, ahí va. Y ya con este elemento lo pongo aquí y sigo con lo demás.

Entonces esas serían mis áreas de seguridad.

Ahora, ¿cómo las dejo indicadas? Porque las reglas no salen en el diseño, es decir, si yo exporto esto, las reglas no aparecen.

Pues puedo hacer simplemente una línea con la pluma, por ejemplo, que vaya de aquí para acá. Y a esta línea le vamos a dar un trazado negro.

Aquí le puedo cambiar a que sea punteada. Buscamos un punteado, en "Trazado → Línea continua → Línea discontinua" y aquí le podemos dar cada cuánto. Ponle un 5.

Entonces, se hacen comúnmente de esta manera, ¿sí?

Y vaya, pues puedo duplicarlo, simplemente agarrarlo hasta abajo y luego volver a duplicarlo y girarlo. Recuerde que con shift son grados exactos, perfectos. Y con esto tendríamos esas áreas de seguridad. Faltaría poner las demás, ¿verdad? Como así: luego esta para acá arriba, luego esta también hacia un lado, y esta para abajo.

¿Cómo eliminamos las reglas? Simplemente las borramos y listo, ¿ok?

Ya tendríamos aquí un área de seguridad. Es solo un ejemplo, ¿no? Claramente la idea de esto es que lo vayas desarrollando según cada parte del manual.

Ah, bueno, esa es otra cosa importante. Para los colores, lo que van a hacer es agarrar el color con el gotero, entrar al panel de colores, y aquí tienen toda la información: este es el código web, el RGB y el CMYK.

Entonces basta con que los pongan en el manual. Por ejemplo, vamos a ver este: el web es este código, el RGB es 241, 99, 104, y el CMYK es 0, 76, 51, 0.

Ese sería el código del color, ¿ok?

Ahora, ¿cómo exportaríamos esto?

Para exportar una imagen, por ejemplo, su logotipo o lo que sea, hay 2 tipos.

Agarramos, clic derecho, "Exportar selección," y aquí nos pregunta que cómo lo queremos exportar: JPG o PNG.

PNG es sin fondo. En este caso, nosotros sabemos que no tenemos un fondo aquí atrás. Si lo ponemos aquí, tenemos fondo, ¿no?

Entonces, bueno, en este caso para que me ponga un fondo automático le voy a decir JPG. Y aquí le voy a cambiar de nombre: le voy a poner "área de seguridad." Ustedes le pueden poner donde quieran.

En este caso, voy a seleccionar la carpeta donde lo voy a guardar, me voy a regresar a mi carpeta para el curso y aquí lo voy a guardar. Seleccionar carpeta, exportar recurso como JPG.

Ahorita lo revisamos y aquí está, JPG. Vamos a abrirlo y aquí está, ¿sí? Vamos a importarlo hacia acá, lo jalamos, y al ser JPG es lo que les decía: me incluye este fondo.

Seguramente le puse baja calidad porque lo veo un poco feo, pero bueno, el JPG sale con ese fondo.

Si lo exportamos como PNG no existe ese fondo. Entonces eso depende de lo que queramos. Clic derecho, exportar selección, vamos a ponerle ahora PNG. Vamos a dejarlo aquí mismo. Exportar recurso. Ok, está pensando, démosle oportunidad. Aquí está, vamos a traerlo para acá.

Este, si se dan cuenta, como es PNG no tiene fondo, ¿ok? Entonces pues aquí está.

Y esa es la diferencia entre exportar a JPG y a PNG. JPG tiene fondo, PNG no, ¿sale?

Entonces depende de lo que necesiten es lo que vamos a estar utilizando.

Muchas veces me preguntan cuál conviene: depende de lo que necesiten, ¿no? Si necesitan poner sobre un fondo, sin un fondo, pues sin fondo recuerden es PNG. Con fondo pues es el JPG.

También puede ser aquí: Archivo → Exportar → Exportar selección.

Y bueno, pues prácticamente eso. De esa manera van a desarrollar el resto de las páginas de su manual de identidad corporativa.

Y bueno, el uso de Illustrator es a grandes rasgos esto.

Obviamente pueden ahondar mucho más conforme a la práctica y la experiencia. Hay muchas herramientas aquí que en realidad no usamos, pero pues en realidad no las considero tan necesarias. Sobre todo van a ir poco a poco, mientras más se vayan adentrando las van a irlas utilizando cuando les sea necesario.

Yo que me dedico a esto en realidad uso simplemente lo que es los degradados, la pluma y demás, y con eso pues soy capaz de hacerlo todo. Hay quien sí desarrolla composiciones un poco más avanzadas y, bueno, para eso sí necesitan un poco más. Pero la verdad es que esas herramientas no son tan esenciales para el uso en general de Illustrator.

Así que, bueno, hasta aquí terminamos con la clase y pues listo. Suéltense a practicar, a trabajar, a tratar de desarrollar todo lo que puedan y pues eso es lo que les va a ayudar a avanzar.

Ya con esto concluimos el módulo de Illustrator, así que la siguiente clase ya será en Photoshop.


Illustrator

Muy bien, entonces ya que hicimos su ejercicio y ya que vemos esta diferencia, acá busca imágenes y hay varias que que están bien, pero esta me llama la atención porque está muy bien esta foto, está muy bien equilibrada en cuanto a colores, obviamente es una foto de una revista, por lo cual nos dice que ya está editada, aun así podemos mejorar ciertas cosas así que, pues venga, hay que aceptar el reto, ¿no?

Le damos imagen, archivo nuevo, acuérdense mucho primero de copiar imagen, creamos con portapapeles y aquí está.

Como ya explicamos poco a poco todos los pasos, en este caso me voy un poquito más rápido, a donde buscar lo que a mí me me parece adecuado, ¿no?

Entonces, acuérdense aquí, uf, qué bien se ve esto, bajándole el brillo, que en este caso yo creo que recuperamos ciertos detalles, la saturación del contraste también está bien, y aquí, tal vez sirve también que, ¿ven cómo?

Tal vez ahorita lo hago.

Lo mismo, ahorita no me importa tanto hacerlo con cuidado, así con muchísimo cuidado, porque mi intención es más bien que vean lo que 1 toma como de referencia, ¿no?

Pero cuando estamos editando, por ejemplo, para fotógrafos, sí es cuestión de tomarse muchísimo los detalles.

Obviamente una foto de fotógrafos que es para editar no se ve con esas tonalidades tan marcadas, es es distinto, ¿no?

Entonces, bueno, y también si estamos editando para nosotros tenemos libertad completa como en este caso yo, ¿no?

Pero cuando estamos editando para un fotógrafo, es decir, podemos editar una, bueno a lo que voy perdón, es, puedo editar una foto para que se vea bien y después poner esa foto en un diseño este del cual yo soy el encargado ¿no?

Pero la la edición de la foto la estaré haciendo yo para mi propio gusto. Pero cuando es trabajar con un fotógrafo, mejorar una imagen para el cliente o cosas así, sí estamos necesitamos como adecuarnos a lo que le gusta ¿no?

Sobre todo con fotógrafos pero bueno, esto es general.

Entonces, bueno, vamos con las luces, las luces aquí me gustan bastante, luego acá agarré ya mis medios tonos, les digo yo, en lo personal siempre es Arturo de sombras, pero lo que me gusta es que voy a tratar de no irme tanto para ese camino, pero bueno.

Sombras, vamos a hacerlas un poquitín frías, ok, ahí van bien, medios tonos, aquí creo que va a haber un cambio más fuerte. Este, magentita, me gusta, pero no tanto.

Vamos a poner un menos 4, tal vez, y amarillo, sí, por completo, menos 15.

Ok, vamos bien, vamos por las iluminaciones. En me gusta, algo así, vamos a ponerle un 10.

Uf, aquí como que creo que está bien, vamos a ponerle un 5.

Aquí te mando un 10 u 8, tal vez, ok, y vamos por la corrección selectiva, 1 por 1, acuérdense de revisar todos cada 1 de estos, aquí se ve bien el rojo y es esto, o sea, muchas veces como que se les olvida el 1 de los pasos y vaya no estoy diciendo que tengan que hacerlo siempre todas las veces, incluso con el tiempo tal vez agarren sus sus efectos o sus ajustes predilectos y sepan reconocer ciertas cosas en específico que le hace falta, ¿no?

Simplemente se trata de que ahorita lo hagan de esta manera para que ustedes agarren poco a poco su estilo, su ritmo y demás.

Y siempre, siempre, le digo a mis alumnos que lo que estamos haciendo no es una verdad absoluta, o sea, ahorita lo estamos haciendo así porque me parece que es la mejor manera de aprender poco a poco, pero si encuentran una técnica que les gusta más o que se acopla más o lo que sea, no es que yo les esté enseñando aquí la técnica única y absoluta, sino más bien lo que quiero es, pues, que se aprenden más cosas, adelante apliquenlas, ¿no?

Simplemente es eso.

Agentes, creo que te me juro mucho.

Y, por último, tómame otros.

Hijo, está bien, pero unos 8 tal vez.

Ok los negros yo casi no los muevo porque mira esa satura ¿no?

Pero si ustedes les llama la atención o creen que mejor adelante háganlo no no hay ningún problema yo en lo personal prefiero no hacerlo. Ok tengo mis 5 ajustes vamos a ver el comparativo original aquí está y el mío uff como me gustan esos colores que salen.

Sí yo sé que mi mal son las sombras, saturno de sombras lo entiendo pero también vean cuántos colores traigo a la vida entonces pues yo prefiero eso, prefiero llenar de sombras y y al mismo tiempo, pues trae tanto color a la vida, ¿no?

Entonces, bueno, pues cada quien aquí agarra su estilo, a mí me gusta.

Ahora, bueno, vamos a checar 1 por 1, tal vez si hay algo que mejorar, en este caso vean cuánto detalle rescatamos, esto es a lo que me refiero con detalles e información cuando usamos el el brillo, aquí está perdido ¿no?

Y con esto vean cuánta sombra, eso me parece a mí un detalle muy muy lindo.

Niveles, uf, este está como a la mitad con lo que me pasó la vez pasada, voy a dejar un 50 por 100 de capacidad y voy a analizar si mejor lo quito, no, si me gusta pero tal vez un poquito más 65 70 tal vez creo que aquí está bien vamos dejando 75 por cualquier cosa como que no me temía de convencer. Ok, me gusta, me gusta porque lo tenía como muy claro y ya quitándolo se veía más como estas zonas de la arena, entonces me gustaría respetarlos y dejarlo un poquito más claro, entonces creo que aquí está bastante bien.

Curvas, curvas, las noto bien en general, generalmente, o por lo regular las curvas son el más complicado y entiendo parece un poco ambiguo el uso de las curvas, pero les prometo que sí es como se los expliqué y traten como de comprenderlo, ¿no?

Pero sí, o sea, con mis alumnos es el que más ruido les hace.

En este caso, ¿quedó bien?

¿Me gustó?

Aquí veo el color, con el tema me gusta bastante, pero no sé si estoy pecando aquí de que me gusta mucho cómo me quedó.

Voy a quitarle un poquitito para estar de no dejarlo a mi estilo al 100 por 100 y este excelente, o sea, me gusta por ejemplo aquí se ve un tanto pálido en el efecto así como apagado y con este lo veo bastante bien, me gusta, me gusta este resultado y bien bien bien me gusta muchísimo la iluminación y los colores por ejemplo algo que tal vez me llama la atención es que aquí se ve un tanto más cálido como un amanecer y aquí ya se ve lo contrario como un atardecer.

Entonces, sí le cambié un poco el sentido, pero es que sí me gusta, o sea, sí me gusta cómo queda la composición de los colores, me gusta cómo queda ciertas vibraciones un poco más sutiles y, pues, vaya, eso es lo que lo que en lo personal me llama la atención, y les digo, al ser imágenes no tenemos, o o hacer un trabajo creativo, no tenemos una una ley absoluta, ¿no?

Entonces, traten de ir haciendo ese ojo, también, o sea, invariablemente van a desarrollar su propio estilo, pero bueno, pues prácticamente eso, ¿ok?

Entonces, practiquen con, igual si quieren estas fotos, si no busquen otras, y lo que les recomiendo aquí de tarea es practiquen, las fotos de Internet están muy bien, ¿no?

Porque, bueno, hay muchas muy variadas y con tomas perfectas, pero practiquen con fotos suyas o de sus amigos, por ejemplo, de algunas vacaciones o de alguna reunión o demás.

Sobre todo, yo uso para explicarles el tema de paisajes, porque están llenísimos de colores, ¿no?

Pero cuando es una reunión, por ejemplo, en una una foto de una cena en un departamento, pues nos nos contaremos muchísimo de colores porque no hay tantos, pero aún así se pueden mejorar mucho esas fotos.

Entonces, practiquen con ese tipo de fotos, que por lo general son fotos feas.

Vaya, ahorita ya con los con los teléfonos de ahorita y todo, las cámaras son muy buenas, pero no todos los los usuarios son buenos fotógrafos.

Entonces, esas fotos feas, aunque suene mal, pero las pueden mejorar muchísimo, ¿sale?

Entonces, usen fotos reales para que vayan practicando con eso y, bueno, prácticamente, este es el primer tema.


Muy bien, bienvenidos a esta clase.

Vamos a ver aquí un tema que es de mis favoritos, y me gusta mucho explicar porque creo que es lo más esencial para utilizar Photoshop.

Vamos a hacer un recorte y un montaje, pero bueno, ya veremos poco a poco eso.

Primero vamos a buscar acá.

Me gusta explicar este ejemplo con una mujer por el tema de los cabitos, ¿no?

Los hombres luego no tienen tantos cabitos sueltos o bueno, no tienen cabello tan largo, y con una mujer es más común.

Entonces, busquen una foto así, preferentemente con un fondo plano, un fondo plano es esto que tiene un color básico porque, por ejemplo, esto complica mucho el trabajo, no que no se pueda, simplemente complica mucho el trabajo y no es lento, sino ahorita.

Eso sería lo ideal, si les gustan, por ejemplo, las de aquí abajo o de esas o demás, adelante, yo creo que lo ideal sería algo así donde podamos ver por lo menos hasta la cintura, si se puede más abajo mejor, si no con que se vea la cintura es bastante buena.

Yo en mi caso lo voy a hacer con esta, clic derecho, copiamos imagen, ya saben el por qué, archivo nuevo, portapapeles y creamos, control v o comando v y listo tenemos ya a nuestra chica.

Ok, ¿cómo vamos a hacer?

Recuerden que lo que vamos a hacer aquí es recortar, ¿cómo lo vamos a hacer?

Necesitamos decirle a Photoshop que queremos cortar un pedazo de la imagen.

Insisto con lo que vimos la vez la vez anterior, ¿no?

No es que yo le diga a Photoshop recorta a la chica, sino le voy a decir recorta ciertos pixeles, ¿ok?

Lo vamos a hacer con la herramienta de selección del lazo que tienen aquí, seguramente ustedes lo tienen así, si no lo han usado, y para usarla es simplemente es obtenido y tenemos 3 tipos de lazos.

El lazo normal, que es así como a pulso, ¿no?

O sea, yo para seleccionar a la chica tenía que hacer esto, pero si te dan cuenta, esto es un tanto complicado, ¿no?

Se usa más para otras cosas.

Hasta abajo tenemos el magnético, que es, ustedes le dan un clic aquí y se mueven nada más, y sobre todo lo va a ir mandando, pero a veces es un tanto impreciso, entonces a mí no me gusta usar ese para nada, y el que vamos a usar es el más complejo y tardado de todos, que es el del medio, el lazo poligonal.

Hay muchas técnicas de hacer las cosas aquí, hay muchas maneras, muchos caminos.

Si ustedes usan, no sé, otro curso, otro tutorial, cada quien tiene su estilo, ¿no?

Y y así como hay otras maneras de seleccionar, a mí me gusta enseñar esta porque me parece que es la más, pues, la más pesada, digamos, ¿sí?

Pero también, dominando esta, las demás van a ser más sencillas, entonces, a mí me gusta hacerlo.

Y también, honestamente, dominando este tipo de selección, van a poder seleccionar lo que quieren, ¿no?

Y vaya, pero ya no es tan pesado, es simplemente, pues, como aquí decimos, está al hacha, ¿no?

Es es puro trabajo.

Entonces, bueno, para seleccionarlo vamos a acercarnos lo más posible a nuestra foto.

A mí me gusta que llegue hasta los pixeles, entonces voy a dejarlo un poquitito.

Tal vez ahí, y voy a usar mi lazo y vamos a ir punto así, funciona como por puntos, ¿no?

Es punto, me muevo, punto, me muevo y así.

Lo complicado o pesado de esa herramienta es que no existen las curvas, entonces hay que hacer poco a poquito, es que es la, si quiero hacer una curva es poco a poquito, poco a poquito, así tal cual.

Si me equivoco o se me va un ancla sin querer o un punto, puedo borrar con backspace hasta la última que me haya gustado y continuar, ¿no?

O otra cosa puedo alejarme porque mientras uso el lazo no puedo cambiar de herramienta, entonces puedo alejarme o acercarme si lo necesito con control menos o como o comando menos y control más o comando más, ¿sí?

Listo, entonces bueno, vamos a empezar, voy punto, punto y vamos poco a poquito, recuerden que aquí es de paciencia, y van a tranquila, y bueno, pues ni modo de acompañarme mientras lo hago, un poco de no robarme mucho, ah, eso es otra cosa, si se acaba la pantalla como a mí ahorita simplemente con una herramienta nada más mueves mouse con la herramienta y empuja la pantalla solita, ¿ok?

Aquí ya no me gustó ese, entonces le borro, así vamos, y es así, es pensemos que somos unas tijeritas y es tal cual recortar todo el contorno, estamos cortando, entonces poco a poquito, poco a poquito, poco a poquito.

Entonces, aquí con cuidado y con paciencia acérquenselo con lo consideren pertinente porque a veces lo hacemos todo alejados y ni estamos recortando bien, ¿no?

¿No?

Por poquito, por poquito, tenga cuidado con los detalles.

Cuando hay curvas, pues, ni modo, hacerlo con mucho cuidado y paciencia, y en general este es de mucho cuidado y paciencia.

Ahí vamos, ahí vamos, ahí. Creo que vamos bien, aquí vamos bien, y vamos a llegar a lo interesante, que en este caso sería la parte del cabello.

Listo, aquí está el cabello.

No vamos a usar el cabello poco a poquito igual que con la de la oreja, aquí hubo varias imperfecciones pero bueno, no pasa nada.

Este, ah bueno me pasó que se me cerró, sí lo ideal es que no se hubiera cerrado, pero ya ni modo.

Si les pasa esto de que se cierra, no se preocupen con su mismo lazo aquí arriba tiene esas opciones, le van a dar aquí en la de medio y esta es para agregarle más más selección, entonces por ejemplo vamos a poner que tengo que seleccionar algo aquí, simplemente lo agarro y lo uno, ¿no?

La tercera es para quitar, entonces vamos a poner que me pase aquí, que no quiero esto y lo quita, ¿sale?

Entonces bueno en este caso lo voy a agregar, si no se les ha cerrado a ustedes todavía y siguen con eso, no se preocupen, quédense ahí, vamos a partir de ahí, vamos con nadie que me queda igual aquí, ¿no?

Para el cabello vamos a seguir simplemente el flujo de la imagen, sin irnos tan alejados ni tan pegados, algo así está bastante bien, no vamos ahí cabello por cabello agarrando, ¿no?

Es es bastante complicado, simplemente vamos a indicar un pequeño flujo alrededor de la imagen.

Y en este caso si ustedes no se les cerró, por aquí cerrarían, ¿sí?

En este caso que a mí lo que pasa por esto, tengo que cerrar donde empecé esta nueva selección.

Así que voy a quedar aquí, y hay 2 maneras, perdón, de cerrar una selección, es darle clic justo donde empezó, que van a ver este circulito en su herramienta de lazo, eso quiere decir que se va a cerrar.

Si le doy un clic ahí, se va a cerrar, ¿no?

Y si no, es darle doble clic donde sea que estemos y cuando se cierra.

Cuando se cierra, es decir, queda una selección, se ve así punteada.

Esto es una selección, si me alejo, le estamos diciendo a Photoshop, oye, con esto vamos a hacer algo ¿sí?

Eso es lo que estamos haciendo.

Espero que te vayas aquí, entonces bueno, ya que llegan a este punto vamos a darle a cerrar con su lazo todavía es seleccionar y aplicar máscara, lo va a mandar un panel similar pero que sí tiene ciertas diferencias, sobre todo probablemente de ustedes que si no lo han usado antes se va a ver así.

Así que del lado derecho vean esa parte y se ve, yo les recomiendo usar el papel cebolla, perdón, superponer que es como un poco rojito y del lado izquierdo usa esta segunda herramienta que es como un pincel con una mano ahí.

Con clic derecho ustedes pueden hacer más grande esta herramienta o más pequeña, ¿sí?

Algo así está bien, y con ella vamos a darle clic como al al externo, digamos, no importa que rebasemos un poquito al pelo, al cabello, a la ropa preferentemente no hay que tocarla, entonces es como así, un clic y empieza a limpiar.

En este caso es muy grande mi pincel porque está como demasiado cuando pinta mucho en rojo quiere decir que está como agarrando demasiada información.

Déjeme cancelarlo porque por una razón no funciona bien.

Ok, agarramos nuevo, vamos a bajarle un poquito el tamaño, tal vez son 10.

Puede ser porque la foto tiene poquito tamaño, o sea está como pixeleada y así.

Cuando tiene pocos pixeles quiere decir que no permite, o sea, no hay mucha información.

Entonces, eso nos limita un poco si estamos haciendo trabajo de edición de imágenes, ¿no?

Entonces, bueno, eso es que no me gusta que se pinte ese el cabello tan rojito.

Luego vamos poco a poquito, poco a poquito, poco a poquito, checando que se pinte bien las cosas que nos importan.

Vamos bien, vamos bien.

Y esto lo que está haciendo es limpiar la selección, ¿no?

Seguimos, seguimos, seguimos, seguimos.

Aquí está, agarramos, agarramos.

Y creo que está bien, está.

Se queda así los pedazos aquí que no me gustan, este aquí y este de aquí.

Y listo, le vamos a decir ok.

Y lo que hace es, recuerden ese pequeño flujo que tenemos alrededor, ya no está, ya lo limpió, y ya con esto lo que vamos a hacer es darle clic derecho todavía con nuestro lazo y vamos a darle capa vía copiar.

Tenemos 2 opciones, capa vía copiar y capa vía cortar.

Lo mismo, la única diferencia es que una perfora la imagen original, miren.

La original queda perforada, ¿sí?

Y con capa vía copiar no.

Y aquí me lo pone, en el momento en que yo le doy clic derecho y capa vía copiar, cuando doy aquí, me crea una capa nueva donde existe solamente lo que seleccionamos, ¿no?

Capa vía copiar, y aquí está mi capa nueva.

Entonces, si yo lo muevo con la herramienta hasta arriba, selecciono y muevo, eso fue lo que hicimos, sacamos a la chica de esta foto sin afectar a la chica original.

La chica original queda aquí, la puedo simplemente esconder y aquí queda mi chica.

Ok, espero que todo vaya hasta aquí.

Lleguen hasta este punto, este es el primer punto y, ya que lleguen aquí avanzamos al segundo video, que es donde vamos a a montar a esta chica en un escenario y ajustarlo bien, ¿ok?

Entonces, listo.


Ok, entonces ya que están en este punto, vamos a continuar, en este caso yo voy a buscar un departamento para poner a nuestra chica ahí, obviamente algo que coincida un tanto con la toma y con la altura, ¿no?

Para que no tenga poco sentido, tal vez esto, pero no me gusta que tiene muy poquito, muy poquito tamaño, esta bien me parece bien. Bueno, buscamos otro más.

Uf, ese lo veo bastante bien.

Sí, ese me gusta más.

Copiar, clic derecho, copiar, aquí vamos a pegar.

Control v o comando v.

Aquí con la lupa me puedo, si le doy clic me acerco, igual que Illustrator con alt y clic manejo, o simplemente es sostenido y a la derecha me acerco o sostenido, y a la izquierda manejo, ¿sí?

Con control t, aquí se hace con control t, es control t transformar o comando t transformar.

Sacamos lo que es la caja de elementos, ¿sí?

Si mal dejo mucho más, ahí está.

Mi elemento es tan grande que sale completamente del escenario.

Entonces, con control t activamos esto, voy a agarrar de cualquier esquina con shift, esto depende de la versión, o sea, si es versión 2020, 2021 y 2022, me parece que ya no es necesario usar el shift, pero si no, sigue usando.

¿Cómo van a saber cuál es correcto?

Pues simplemente que que si se les deforma, entonces usen shift o lo contrario, ¿sí?

Si si con shift se les deforma, entonces no usen shift.

Entonces, bueno, vamos a dejarlo así.

Este tipo de cambios se aceptan siempre con la palomita o con enter y lo vamos a centrar, recuerden usar la herramienta principal de mover.

Entonces, aquí lo vamos a mostrar un poquito y lo que aquí está bien.

Ahora, ¿qué pasa?

Sí tenemos los 2 elementos, nada más que nuestro nuestro departamento está tapando a la chica, aquí lo tenemos.

Recuerden que lo que está arriba se ve adelante.

Entonces voy a bajar este por debajo de la chica.

Cuando se activa esta línea quiere decir que ahí está, entonces lo dejamos y listo ahora sí.

Nuestra chica ya está dentro del departamento.

Vamos a seleccionar ahora a la chica, es importante que todo está pasando aquí porque, por ejemplo, si yo quiero aquí mover mi escenario o mover la chica y estoy agarrando la capa del escenario, va a pasar esto.

Siempre es muy importante agarrar la capa adecuada.

Una vez que la tengo indicada control t y tal vez hacerla un poco más pequeña.

Ahí está, me parece mucho mejor, tal vez algo así.

Voy a ver si me pone un poquitín más pequeña, déjalo por acá tal vez.

Ya, ahí está bien, creo que a mí me gusta.

Ok, y lo último que vamos a hacer es acoplar los colores, ¿sí?

Ahí va, va agarrando bien el, vaya, la toma coincide, va agarrando como forma y falta mover los colores.

Eso vamos a retomar un poquito el tema de la clase anterior.

Entonces, ajustes, voy a poner un ajuste de brillo.

Si yo, por ejemplo, aquí con ese ajuste de brillo le muevo, acuérdense que los ajustes afectan de aquí hasta abajo.

Entonces, estoy moviendo absolutamente todo.

Tal vez solo quiero mover a la chica.

En ese caso, como el ajuste está encima de la chica, le voy a aplicar este cuadrito que se llama máscara de recorte y como que se mete solo a la capa a la capa de abajo.

Quiere decir que cuando yo esté editando solo voy a afectarla a ella, ¿ok?

Entonces, de esta manera tal vez puedo acoplar un poquitito el color en cuanto al fondo que tiene.

Y ya que tomando en cuenta lo que vimos la clase pasada, tal vez con esto ustedes comiencen a a validarlo y acoplarlo y, como les decía, a ver, usen lo que les les parezca adecuado, si no les gustó alguno de los ajustes, cámbienlo, etc.

¿No?

Entonces, bueno, así, por ejemplo, acuérdense que aquí puse este, pero está moviendo todo, ¿por qué?

Porque no activé más que el recorte.

Ok, vamos a mover un poquito a la chica.

Ok, nuestros nuevos tonos.

Como que siento que debe tener una una un un color un poquito más hacia rojos y amarillos, porque, este, así es el fondo, ¿no?

Es como un poquito más de allá, yo lo siento así.

Entonces veamos si sí es cierto, o si no mucho.

¿Queda gustando?

¿Qué será?

No sé si las curvas me dan bien.

Cookie.

Voy a quitar los ajustes, esa es mi chica original, que no se ve mal en realidad, y esa la chica con ajustes.

Ok, creo que sin esto se ve un poquito más como amarillenta o verdosa, digamos, entonces sí me gusta como bajarle ese todo el brillo, está bastante bien brillo, ese voy a bajar por la mitad, o como guste esa iluminación natural que les daba.

A ver, vamos a dejarlo en 100.

No, sí, sí me gusta más, o sea, en 75, lo que el color es muy sutil, casi no se nota, pero sí lo voy a dejar.

Y curvas, tal vez un 50 por 100.

Ok, entonces de esta manera logramos que nuestra chica tenga ya un poquito más de, vamos a llamarle coherencia con la foto de fondo ¿no?

Entonces este sería el segundo punto, ¿sale?

Es decir, tiene que ser, bueno, más bien sería el tercer punto, perdón, tiene que ser el recorte, en este caso de la chica, luego el montado y adecuación de tamaños y demás, y por último los ajustes, tenemos que ajustar la foto para que coincidan.

Incluso si de repente dicen bueno también le hace falta un ajuste a la capa original, bueno a la capa de fondo, se van al fondo y ahí le ponen su ajuste para que coincidan tal vez un poquito más y ustedes lo puedan seguir trabajando y a lo mejor este ya tiene un poquito más de lógica, ¿no?

No sé, ahí lo trabajando y demás, ¿ok?

Ahora, ya tenemos esto, me parece que se ve bien, pero queremos seguirle trabajando cosas, ¿no?

En este caso, se me ocurre ponerle, por ejemplo, una taza de café por acá.

Vamos a buscarla, taza de café.

Y así es esto, ¿no?

Es cuestión de ir simplemente, digamos, abonando más elementos a nuestra composición.

Es muy pequeña, pero, bueno, veamos si me sirve, si no te busco otra.

Esta también me llama la atención, es un poquitito más grande, pero no sé cuál me gusta más.

Uf, yo creo que la otra.

Entonces, bueno, vamos a usar esta taza, aquí había más, no, está bien esta.

Copiamos, pegamos aquí en hasta arriba, hay que ponerlo más arriba de todo, ahí está, control t, recuerde para ser más pequeño, y ahí está.

Ahora, aquí vamos a ver otro tipo de selecciones, cuando usamos el lazo, pues, ya saben, es lo ideal, o sea, hay que sufrir con ello o no no pasa nada.

Pero tenemos, por ejemplo, aquí lo que es una selección rápida.

La selección rápida, que es esta, lo que hace es seleccionar pixeles similares, ¿sí?

Funciona bien muchas veces, pero en este caso porque la taza es blanca, digamos que se pelea con el fondo blanco, entonces no sabe bien qué reconocer.

Otra es la varita mágica que tenemos aquí mismo, sostenemos y usamos esta.

La varita mágica la usa muchísima gente y la recomienda como su método de selección, pero no es ideal.

Funciona bien para ciertos fondos, sí, por ejemplo para aquí, seguramente van a agarrar perfecto esto, ¿no?

Ya agarré el el, digamos, el vacío de la oreja de la taza y lo puedo borrar, por ejemplo, me funciona perfecto, pero acá afuera seguramente se va a perder con esto.

Claro, podemos irlo personalizando.

Aquí le digo, agarra menos menos tolerancia, menos cosas similares, tal vez 5, 5 pixeles de tolerancia, y así aún así no funciona.

¿Sí?

¿Qué hace la varita mágica de la sección rápida?

Se basan en esos pixeles idénticos, aquí no es que no haya fondos, sino que son tan idénticos que no se nota la cuadrícula.

Entonces, cuando hay esas variaciones de color, pues ya no agarra bien, ¿no?

Pero bueno, como yo sé que les gusta mucho la herramienta de la pluma que vimos en Illustrator, también Photoshop tiene su herramienta de la pluma ¿sí?

Yo les recomiendo usar la pluma para hacer las selecciones.

Está muy bien que dominen el lazo, mucha gente se se casa con el lazo y ya es lo que usan, está bien.

También les recomiendo que usen la pluma.

Entonces, tenemos la pluma y aquí primero en vez de trazado chequen que esté en forma y al igual que en Illustrator tenemos un relleno y un trazo.

En este caso voy a dejar puro trazo y funciona exactamente igual que en Illustrator, en Illustrator, perdón.

Agarramos de aquí, me voy a dejar, voy aquí a jalar hasta acá y ahí está, aquí se jaló, entonces aquí voy a acomodar, para moverlo es con control y se mueven a más o con alt y se mueve solo este, bueno, lo voy a dejar así, alt y agarro acá, vamos para acá, así.

Como ya hicimos esto en Illustrator, la verdad es que ya no es tan complicado aquí.

A mucha gente que no es de Illustrator y que solo usa Photoshop se les complica muchísimo la pluma y por eso les decía, ¿no?

Y la insistencia en hay que tratar de dominar, pues, cierta metodología que al final de cuentas es la más universal, y además, pues, nos va a ayudar a hacer soluciones, en este caso, ya más adecuadas.

Entonces, si se dan cuenta, pues, todo tiene un importe.

Entonces, bueno, vamos así, yo creo que acá está bien ahí, y aquí un poquitito para adentro, aquí está perfecto, vamos a ver aquí qué tal.

Eso está bien, pero esto lo va a hacer un poquitito más para adentro, aquí está bastante, bastante bien.

Ok, bien.

Este va para acá, aquí está, y este me gustó tanto, creo que está un poquito retirado de la orilla.

Este, vamos para acá, para moverlos con control, me parece que es idéntico a Illustrator.

Entonces, no le va a dar problema, aquí este, y jalamos este para acá, vamos a ver, aquí está perfecto, y por último, aquí está perfecto, listo.

Ahora, lo que vamos a hacer aquí es un pequeño truco.

Vamos a darle clic derecho a la capa de la forma, en cuando yo terminé mi forma se generó esta capa para esa forma, clic derecho y seleccionar pixeles.

Lo que hace seleccionar pixeles es, ah, pues bueno, eso no funciona, si no funciona, entonces, denle control o comando y clic normal a la capa.

Lo que hace es seleccionarme ese espacio que yo creé, es el espacio de la forma.

Ya puedo esconder esa forma, solo haré un pretexto para crear esta selección.

Me voy aquí a mi capa y ya le puedo dar con lazo, como hicimos con la chica, clic derecho, capa vía copiar y me pone una capa nueva donde solo existe mi taza, ¿no?

Ya la forma y la capa de abajo las puedo borrar y sigo teniendo una taza, aquí me queda todo este hueco, puedo hacer una selección con lazo con la con la con el lazo, con la pluma, como hicimos ahorita, o simplemente usar mi varita mágica, decirle que en este caso 32 pixeles normal.

Y así como está, borramos con backspace, listo y control más D para deseleccionar, es decir, soltar esta esta selección porque si la tiene activada no podemos hacer otra cosa.

Control más D, con comando más D y listo.

Ahora, veamos la diferencia.

Este pedacito que recorté con la varita mágica, muy fácil y todo, pero vean cuántos dientes de sierra, ¿sí?

Y en cambio los demás, aunque tienen los suyos, claro, las curvas, por lo general son un poquito más limpios, ¿sí?

Entonces, bueno, así queda, no castigo ninguno ni otro, ambos me sirven, así que bueno.

Control más t para hacerlo más pequeño.

Vamos a dejarlo en la mesa. Aquí sigue apareciendo una taza de tamaño gigante, así que vamos a bajarle un poquito más.

Yo creo que aquí está más que suficiente, y aquí está muy bien.

Ahora, para que eso se vea perfecto, voy a ponerle yo creo que el ajuste de color de brillo, como estamos encima de la taza, le pongo su máscara de recorte, le bajo su brillo, uf, y qué bien se ve.

Me gusta.

Entonces, prácticamente ahí tenemos un segundo elemento, ¿sí?

Lo ideal es aquí, por ejemplo a mis alumnos les encargo que hagan por lo menos unos 2 o 3 elementos, puede ser un cuadro para la iluminación de acá atrás, un avión aquí afuera, o sea tengan creatividad, suéltense aquí a crear y traten de engañar a alguien.

En este caso, yo no los puedo revisar, pero a mis alumnos siempre les digo traten de engañarme, traten de que yo no me dé cuenta cuál es el elemento que están montando.

Y por lo general, si lo logran, a lo mejor montan 3 o 4 y hay alguno que no reconozco, ¿no?

Hay muchos que igual son muy notorios, pero esa es la intención, ¿sale?

Entonces, bueno, ese es el tema.

Hasta aquí llega la segunda clase, practiquen mucho, sigan haciendo sus montajes y, bueno, es todo.


Muy bien, bienvenidos a esta clase.

Ya hemos revisado ciertos elementos gráficos como lo es el flyer.

El día de hoy vamos a revisar lo que es el póster.

De este no hemos hablado tanto como tal, así que voy a tomar unos cuantos minutos para para conversar un poco al respecto.

Y bueno, el póster, para muchas personas les causa un poco de conflicto entender, pues, cuál es la diferencia entre el póster y el flyer, ¿no?

Como dijimos en la clase del flyer, el el flyer es un elemento prácticamente de venta.

Pero vaya, a lo que voy es, nos atrapa, nos llama la atención y luego luego nos vende algo.

El póster no tanto así.

El póster sí nos vende algo, como todo el diseño gráfico, pero la intención del póster, si vemos aquí, es que lo analicemos más a fondo.

Pongan, o bueno, comparen, por ejemplo, lo que había en el flyer, ¿no?

En el flyer había mucha información, nos decía cuál era el evento o el producto, dónde podemos encontrarlo, cuándo, cosas así ¿no?

El póster simplemente dice de qué trata, o sea, cuál es el nombre del producto, en este caso pues tal fecha en en cines ¿no?

Y lo que quiero es que pongamos atención a todo lo demás. Es decir, aquí podemos ver los personajes, que aquí hay un arcoíris, aquí está cargando el animal, por lo cual podemos deducir que este personaje es bastante fuerte, aquí tienen una sombrillita, aquí hay muchas flores, por lo cual podemos decir que esta esta chica tiene ahí algún poder que tiene que ver con las flores, aquí hay otro personaje, otro chiquito, este seguramente es el personaje principal y aquí hay otros personajes secundarios, todo está en la misma casa, así que probablemente sean familia, y un arcoíris, y un un ambiente selvático y demás, ¿no?

Muchas cosas mágicas, muchas cosas muy lindas, aquí veo como un jaguar y todo esto.

Entonces, esta esta intención es muchísimo más artística y creativa, y sí es para que nos quedemos viéndolo un poco más a fondo.

No por eso quiere decir que los elementos del póster son necesariamente muchos, o sea, no quiere decir que si no está saturado, no es un póster.

Simplemente la intención es esa, es es que pongamos atención y el póster nos cuenta una historia a diferencia del flyer.

Si hacemos un póster, en este caso es una película de animación y es linda, entonces, o familiar, pues.

Entonces, el flyer o el póster tiene que ser afín, tiene que ser justo.

Permítame tantito.

Cancelar esto porque me interrumpí un poco.

Permítame tantito, porque aquí estoy teniendo problemas.

Ahí está.

Bueno, ya perdí la inspiración, pero bueno, el el póster tiene que expresar esto mismo, tiene que expresar, pues, que es una una aventura familiar, digamos, y así.

O sea, la emoción, vaya, es lo que busca es eso, es emanar ese tipo de sentimientos, ¿no?

Vamos a ver otro distinto, aquí hay otro.

Esto, por ejemplo, más bien son como películas de terror.

Es a lo que voy.

No no necesariamente tiene que ser una saturación de elementos.

A diferencia del otro, aquí tenemos algo muchísimo más sencillo, y aún así el mensaje es igual de impactante.

Por ejemplo, tenemos aquí el niño, la mamá y detrás de la mamá hay otras manos que no alcanzamos a ver al personaje, por lo cual es un misterio, ¿no?

Ahí nos nos marca algo misterioso.

Por la expresión de la mamá, que es así como un tanto de preocupación o de terror, podemos saber que a lo mejor no es un personaje muy bueno que digamos, y el niño tiene una mirada un tanto sombría, por lo cual también quién sabe si es inocente o no.

Y esto claramente por los colores, la iluminación y demás es una película de terror o por lo menos de misterio.

Eso es lo importante en el póster, nos están contando una historia.

Aunque sean elementos concretos, no importa el tema es ese, pongamos atención y que nos exprese algo.

E insisto, el texto, vean, el texto es mínimo, tenemos un 10 por 100 de de texto en el espacio y prácticamente es eso, ¿vale?

Vamos a ver más.

Ese, por ejemplo, sí puede contar como póster, aunque más bien tal vez sería algo un poco más, como que nos hace falta aquí la parte. Ah, es que está incompleto, ya vi.

Aquí nos haría falta la parte como del del nombre de la película y demás.

Pero lo mismo, o sea, incluso aquí tenemos una foto ahí como panorámica de de la ciudad y podemos ver este personaje, bueno, al al Spiderman aquí preocupado, tanto consternado, y todos estos elementos de de él, ¿no?

Que que es como de que, no sé, revelaron su identidad y demás.

Entonces, nos habla justo de eso, nos está contando una historia, es a lo que voy.

Es un elemento artístico muchísimo más fuerte que el flyer, ¿ok?

Ese tiene una intención más artística. Y a pesar de eso, su intención final es vender.

Si esto no nos llama la atención, vaya, yo sé que viene acompañado de muchas más estrategias de publicidad, como lo es el tráiler de la película y demás.

Pero si no nos llama la atención eso, pues, no nos como que afecta, pues, ¿no?

Aquí tenemos otro póster de una serie de de Netflix.

Lo mismo, podemos como observar varios elementos y, vaya, esa es la intención, ¿no?

Ese a mí me gusta mucho en lo personal, por esta parte como como de la x.

Yo no he visto esta película, ¿no?

Pero me me llama la atención porque no sé si es una X o si es como por el tema de su como de la silueta femenina o algo así.

Pero me gusta, se ve, siento que se ve estético.

Y me gusta porque generan aquí un vacío enorme, que muchas veces eso es algo de lo más difícil que lograr, como un vacío.

Siempre queremos llenar todo y de cosas y de cosas, y aquí, pues, simplemente lo redujeron por completo y me gustó bastante.

Entonces, bueno, la verdad es que, incluso, para mí el póster es la composición que más me gusta crear, o sea, soy soy bastante entusiasta de los posters.

Entonces, es un tema que me gusta mucho, ¿no?

Vaya, también los posters no tienen que ser necesariamente así, pueden ser mucho más minimalistas, pueden ser más concretos y demás.

Pero bueno, el tema es, como les digo, que entendamos que la intención es artística, creativa, con una connotación mucho más fuerte en ese aspecto.

Y también hay para diferentes tipos de cosas.

Una vez vi un póster, voy a buscarlo, para prevenir lo del el la fumada, pues, el el el cigarro.

Ya no lo he vuelto a encontrar, pero me parecía un póster muy bueno por su manera de de comunicar.

No, no lo encuentro, pero bueno, se los platico, ¿no?

Era, justamente, algo así, pero bueno, era un era un póster para concientizarnos con con el tema del tabaco.

El póster era en fondo rojo y tenía un corazón, pero un corazón real, un órgano ahí lleno de humo, así como podrido y y era grotesco, ¿no?

O sea, veíamos el corazón órgano ahí podrido y salía mucho humo humo y decía justo eso, ¿no?

De que fumar mata.

Entonces, visualmente era, pues detestable, ¿no?

Era era grotesco mirarlo, mirarlo, era incómodo, era feo. Pero, ¿por qué era un buen póster?

Justo por eso.

Porque, por ejemplo, si vemos este de que nos previene también del tabaco, pues hasta está todo bonito el corazón y se ve bien y y vemos el dibujo y dices, ah ya.

No, no hacemos caso, es como que no nos impacta.

Incluso el el fondo como que tiene un color muy pasteloso así, muy lindo y y pues obviamente esto no me va a advertir de ningún tipo de peligro ni nada, ¿no?

Entonces me parece a mí en lo personal que este es un tipo de póster o de creación ociosa, no me está impactando en lo absoluto, ¿no?

Y el otro era asqueroso verlo, pero claro que me impactaba y claro que entendía el mensaje, era como se ve grotesco ese corazón, pero esa es la intención del póster.

Entonces, es a lo que voy, ¿ok?

Bueno, ya me extendí un poco platicando sobre esto.

Esta vez, el el flyer me fui corrido en en esa clase porque pensé que, como lo habían visto en en Illustrator, creo que no tenía mucho caso como ser reiterativo ahí.

Para esto sí me voy a tomar un par de de pausas.

Entonces, lo primero sería pensar el tema, ¿no?

Bueno, vamos a abrir primero el el tamaño, va a ser archivo nuevo y el póster, por lo general, se hace, siempre tendremos un tamaño que nos den para crearlo, pero si no, puede ser un tamaño o doble carta o si no, un tamaño tabloide.

Simplemente así, vertical, y listo.

Ni siquiera he pensado el tema de nuestro póster, no vamos a buscar póster sobre qué puede ser.

Se me ocurre como una película, no sé, tal vez como se me ocurre, por cualquier razón, como un carro ahí como enfrente de todo y tal vez como no sé, como un poco de humo o algo así, no sé si me convence, pero bueno, intentémoslo.

Vamos a poner carro. Déjeme ver un carro que se vea bonito.

Este, vamos a ver si este me sirve, vamos a copiarlo.

Recuerden que siempre lo ideal es tener material propio, es decir, imágenes que vamos a que preferentemente hayamos tomado o descargado de un banco de imágenes nosotros, pero bueno, no pasa nada en este caso como simplemente es para practicar.

Ok, aquí está el carro. Vamos a poner acá, lo selecciono con mi varita mágica.

Aquí está rebasando ciertos límites que no quiero que rebase, entonces voy a bajarle la tolerancia.

La tolerancia de 32 es la que le tienen por default.

Vamos a ponerle un 15 tal vez.

Vamos a ponerle un poquito más, un 20.

Y aquí, por ejemplo, voy a usar mi lazo normal y voy a quitar con este y decirle que esto no quiero que lo agarre.

Listo, ok.

Esa parte está bien.

Creo que lo demás también está bien.

Aquí voy a seleccionar también, es que no quiero que lo agarre.

Me está yendo bastante feo, aquí.

Aquí, aquí, aquí.

Pueden hacer esto con lazo o con la pluma adelante, usen sus herramientas a su favor y conforme más cómodo se sientan, pues mejor, ¿no?

Por acá, aquí está, ese también lo voy a quitar.

Y acá, ahí está.

Entonces, bueno, aquí tenemos esta parte, con lazo, clic derecho y capa vía copiar, ¿ok?

La parte de abajo creo que. Ah, esa lo es, me equivoqué, perdón.

Ah, bueno, lo que lo que hice para seleccionar rápido fue agarrar la parte de afuera.

Vamos a ver un tema aquí que se llama máscaras de capa.

Así como lo tengo, lo que voy a hacer es darle clic aquí, más bien al revés, con alt y clic aquí y ahí está.

Entonces, bueno, ¿qué fue lo que hice?

Vamos a tratar rápido este tema.

Se llaman máscaras de capa, ¿ok?

Vamos a llenar esta.

Yo tengo aquí mi elemento, ¿no?

Tal cual.

Si yo pongo esta máscara, se llaman máscaras de capa, me sale un cuadrito aquí blanco.

Este cuadrito blanco se llama máscara de capa y representa lo que puedo ver.

Lo blanco, digamos, es lo que puedo ver de la capa original.

Entonces, ahorita todo está en blanco, pues puedo ver todo de la capa original.

¿Y cómo funcionan las máscaras de capa?

Funcionan con pinceles.

Este pincel, si yo lo pinto en, solo pintan en blanco o en negro, y tenemos que checar que estemos aquí, porque si le damos clic acá y pinto, voy a arruinar mi foto.

Entonces, tiene que ser justo en la máscara de capa.

Lo que yo pinte en negro lo va a desaparecer, ¿ok?

Entonces, estos rayones que ven aquí, aquí los está escondiendo.

Y si yo regreso a blanco, puedo regresar mi, este, mi elemento, ¿no?

Entonces, es digamos que una forma de aparecer y desaparecer a mi gusto.

¿De qué nos sirve esto?

Bueno, se usa muchísimo en la creación de posters y contenido visual.

Ese es 1 de los trucos más usados y más básicos que podemos usar.

Entonces, aprenderlo debería de ayudarles a crear muchísimas cosas.

Por ejemplo, podemos ir difuminando poco a poco un carro o un personaje para que desaparezca de manera limpia, ¿ok?

Entonces, en este caso, ya no se ve el corte tan marcado y le puede poquito a poquito, poco a poquito, y pareciera que, por ejemplo, una luz está saliendo por abajo.

Entonces, por eso insisto, esta es una de las herramientas más poderosas, útiles y utilizadas en Photoshop, ¿ok?

Ok.

Entonces, bueno, en este caso, voy a repetir lo que hice.

Lo que hice fue agarrar la parte de afuera, teníamos así, y lo que hice fue simplemente poner una máscara de capa con este, pero para que fuera, si yo pongo la máscara de capa así normal, lo que hace es que se va a comer el carro, ¿no?

Vamos a a quitar esto.

Si lo pongo así normal, es así, y va a pasar esto.

¿Por qué?

Porque lo que está seleccionando es lo que está dejando en oscuros, entonces, me iba a dejar solo en la parte de afuera.

Lo que hice fue poner la máscara, pero apretando alt, entonces, hace lo inverso a esto.

Alt y clic, me deja lo contrario, ¿sí?

Es decir, para no ser un poco confuso y más bien intentar de ser un tanto más claro, si yo tengo aquí, no sé, un cuadro tal vez, un cuadrito aquí de color rojo y a este cuadrito yo le hago una selección aquí y esa selección le pongo una máscara de capa lo que va a hacer esa selección es me va a dejar ver todo lo que esté dentro de la selección y lo demás va a esconder, ¿sí?

Entonces, como yo agarré la parte de afuera, me respeta la parte de afuera.

En este caso, lo que quiero es lo contrario, es que se vea esto y esconda esto, entonces voy a poner mi máscara de capa apretando alt y eso fue lo que hice, ¿ok?

Entonces, bueno, yo sé que puede ser un poco confuso al principio, no se preocupen, es cuestión de pura práctica y quédense con la parte básica de las de las máscaras de capa, les prometo que no es tan complicado.

Entonces, bueno, ya con esto tengo recortado mi mi carro, de verdad no sé qué voy a hacer, simplemente voy a improvisar, y bueno, esa es una cosa que podemos empezar a trabajar.

Ahora, así como hicimos control y clic en la capa en la descripción anterior para bordear esto, lo puedo hacer también en la máscara de capa, entonces puedo dar control y clic y me bordea, se supone, la parte de mi carro, voy a hacer una capa nueva abajo, en esta capa le voy a pintar con esa selección en negro, acuérdense que estamos en la capa de aquí abajo, quinto, ah ok, en este caso me está haciendo lo contrario, ah no, sí me está pintando el carro pero también la parte de afuera. No pasa nada.

Ok, voy a hacer otra cosa.

Esta máscara de capa yo la puedo aplicar, entonces ahorita si yo la suelto sigue siendo el elemento del carro con un fondo así, pero si le aplico con clic derecho y aplicar máscara, ahora sí, ya es esto tal cual, ya no tiene ningún tipo de fondo.

Entonces, ahora sí, control clic acá, hago mi capa nueva, pinto esta capa nueva en esa sección.

Acuérdense que la selección sirve para no pintar afuera, si yo de lo de afuera no voy a pintar absolutamente nada, solo voy a pintar lo que está dentro de la selección.

Control D para soltar, y lo que hice fue eso, puse una mancha negra idéntica a mi carro en la parte de abajo, simplemente para bajarlo un poco tal vez, algo así, desenfocarlo, gaussiano, tal vez menos, así.

Y y tal vez ahí, vamos a ver si se ve bien.

Le va a bajar un poquito, al 75 tal vez, y ahí está.

Ahora está pasando lo mismo de esos contornitos que la vez pasada.

Acuérdense que puedo hacer una capa nueva.

Aquí, clic derecho, máscara de recorte, y voy a empezar a dibujar con mi pincel para que no se vean esos contornos extraños.

Con el gotero que tenemos aquí puedo copiar un color, me lo copia lo más parecido posible, y me lo pone listo para usarse, ¿sí?

Entonces agarro este color que sea similar, cambio al pincel y comienzo a pintar, ah, estoy en la capa equivocada por eso me pasó esto, tengo que ir a la capa de arriba, comienzo a pintar y de esta manera voy simplemente escondiendo estas imperfecciones.

Lo ideal claro sería hacer un recorte adecuado, pero también usamos este tipo de estrategias muchas veces como para evitarnos ese ese doble trabajo.

Y también se ve bien, o sea, no es un es un detalle sutil que que se ve natural, pues.

Entonces, bueno, también mi intención es que aprendan ciertos truquillos o ciertas técnicas que sí usamos en en la práctica profesional y pues que se vayan familiarizando con todo esto.

En este caso hasta acá, comienzo a pintar de nuevo aquí copio este, y si se dan cuenta voy como agarrando poco a poquito y picando de nuevo, agarro y pinto, agarro y pinto.

Entonces, hasta ahorita, luego que todo bien, pinto aquí las orillas para que no se vean extrañas, y listo.

Y ya no tenemos esa parte de abajo tan marcada.

Si llegamos a tenerla, no, es más bien la parte de de la sombra, ¿no?

Vamos a poner un 85, o un 90, o 75.

O sea, tal vez ahí está bien.

Vamos a dejarlo así, y vamos a ponerle un par de pinceles.

Este tema de pinceles le voy a grabar aparte porque creo que también puede ser un poco extenso.

Sí, vamos a dejar hasta ahorita esto y ahorita continúo por por el siguiente video.


Muy bien, antes de pasar al tema de los de los pinceles artísticos, voy a buscarle

rápido un fondo aquí a nuestro a nuestro carro.

Vamos a tratar de de desarrollar el fondo, como que ya me estoy dando más o menos

una idea de lo que puede llegar a ser, así que me llama la atención tal vez algo como

esto, que el tema es encontrar lo adecuado, lo voy a pegar hasta abajo y voy a ver

cómo se ve, no no tenemos más que probar y checar ¿no?

Es una imagen muy pequeña y se va a pixelar seguramente, sí, se va a pixelar, tendré

que buscar otra y bueno pues sí es parte de esto, es andar buscando las elementos

que coincidan con nuestras ideas.

Claramente, como les he dicho desde el principio, lo ideal es que contemos con un

con nuestros propios elementos, pero bueno, pues si pasa y así es esto.

Ese ya me gustó, vamos a a jugar con este, voy a duplicar esta foto con control j,

la voy a invertir, no sé si invertirla, más bien hacerla hacia abajo, ah, es la de,

esta era abajo, no es por debajo, y no sé si me convenía yo, si me convendría hacerla

más grande, bastante más grande, simplemente ponerla abajo como si fuera a continuación,

¿Dónde empalman los colores?

Aquí, por aquí empalman los colores, voy a tratar de que se vea lo más natural posible

esta transición de colores.

Lo estoy moviendo con las flechitas de mi teclado, por si de repente les causa extrañeza.

Yo creo que sí se puede, yo creo que ahí está bien, ok, vamos a hacer eso y vamos

a usar, perdón, nuestras máscaras de capa, entonces claramente aquí hay un cordón

que no me sirve absolutamente de nada, ¿sí?

Lo que voy a hacer es esconder ese pedacito, vamos a ver si sí me da oportunidad,

voy a poner máscara de capa, voy a usar pincel, por eso les digo que las máscaras

de capa son de lo más importante para aprender.

Cuando yo las aprendí me abrió muchísimo el panorama, entonces vamos a poner aquí

para evitar este cordón.

Y bueno, ahí está.

El cordón ya está listo.

Claro, vaya, si aquí le si si aquí le borró más, voy a perderlo, ¿no?

Entonces, bueno, tal vez simplemente voy a dejar aquí esta parte para que me quede

extraño.

Y ahí está.

¿Qué podemos hacer para que se empalmes más?

Claramente un ajuste de color, ¿no?

Por eso les digo es importante esto para que vaya como tomando cierta cierta lógica.

Entonces bueno hasta ahorita me está gustando, vamos bien, faltan muchos elementos

todavía pero creo que va a quedar algo decente y pues les digo que todo lo voy haciendo

así en el momento ¿no?

Entonces mi intención es que vayamos improvisando con varias técnicas.

Ok, una de las que se me ocurren ahorita es voy a duplicar la foto del carro, en este

caso esta.

Si yo muevo esta para arriba voy a arruinar mi máscara de capa, ¿no?

Se suelta eso que tenemos aquí.

Entonces le voy a mover la que no está ligada, la que no queda ligada a la mascara

capa que en la escala de abajo, la hago para arriba y le va a dar un filtro de desenfoque

pero ahora va a ser un desenfoque de movimiento.

Este movimiento lo va a mover, vaya la redundancia, así por ejemplo, así, así, si

se da cuenta de este movimiento es como precisamente de velocidad como de un carro,

entonces si yo le bajo se ve menos, menos y luego se vende poco a poco hasta que sea

incluso así como muy agresivo, ¿no?

Entonces, creo que voy a dejarlo donde tenga un punto desenfocado todavía.

Yo creo que ese punto me gusta, pero no sé si sí, voy a dejar que ahorita sí.

Y ok ahorita jugamos con eso, voy a usar otra vez en máscara de capa y voy a desenfocar

solo pedacitos, por ejemplo la parte de la fascia, bueno la parte frontal me parece

que puede ser importante porque aquí es donde pondríamos la atención a las primeras

el carro de ese personaje, lo esconder y sí me gusta pero creo que es un poco agresivo,

nada, sí me gusta, sí me gusta, vamos a tratar de desenfocar un poquito más, un poquito

más, tal vez hasta un poco las llantas, poco a poco, poco a poco, y aquí vamos.

Ok, me está gustando hasta ahorita va bien les digo obviamente se requiere mucho más

atención y demás pero creo que no va mal ok ahora un tique no me gusta es que creo

que esta parte se ve movida pero la de atrás creo que se ve completamente sólida Entonces

voy a duplicar de nuevo el este carro control J, el que queda abajo lo paso encima

y este lo va a dejar por debajo del desenfoque de movimiento, es decir este.

Voy a desenfocar este, yo creo que esto lo vamos a desenfocar normal, un desenfoque

gaussiano y voy a preocuparme porque eso quede desenfocado.

¿Por qué estaría desenfocado?

Claramente porque si se supone que que está en movimiento, no sería clara la la la

vista, ¿no?

¿No?

Entonces, ya que lo tenemos así, tal vez otra vez una máscara de capa.

Esta parte de adelante quiero que quede como que ya habíamos dejado, entonces, lo

voy a esconder toda esta parte de aquí, toda esta parte de aquí no me sirve de nada,

la vamos a esconder.

Y tal vez aquí, esto es lo que no me gusta, voy también a esconder esta parte de estos

estas mordillitas, ¿no?

¿Dónde están?

Aquí están como aquí, les voy a pintar más bien de negro, para que no me afecten,

porque me están como estorbando mucho.

Ok, y algo así me gusta más.

¿Por qué me gusta más?

Por el tema de que está un tanto desenfocado este, ¿no?

Entonces, creo que eso me me sirve mucho más.

Tal vez, ya con con esto que estamos viendo, puedo yo idear que tengo que ver esos

2 desenfoques, tal vez acá, tal vez acá, si es este, sí.

Luego sí, y ahí está.

Y tal vez me antoja duplicar también la del desenfoque y ver si de algo me me sirve

como extenderla así, ¿no?

Pues sí, creo que sí me está gustando, creo que sí le hace bien.

Estoy saturando el efecto, ya sé, pero va a bajar la opacidad.

Como 25 tal vez, 50, 75, tal vez 50 está bien.

Ok, voy a esconder esto, esa parte de aquí atrás con mi máscara de capa.

Ok, creo que ahí me viene.

Me está gustando hasta ahorita, creo que que vamos bien.

Ok, voy a tomar entonces ahora sí el punto para hacer, déjame nada más checar esto

porque aquí no me gusta que se esconda este faro.

Uf, esto sigue muy bien aquí, yo sí quiero que sean las luces.

Bien, ahí está.

Entonces voy a a tomarme el punto para explicar lo de los los pinceles artísticos,

es bastante entretenida esta parte y bueno, aprovechemos que ya estamos encargados

para hacerlo.

En Photoshop existen efectos, se llaman pinceles, pueden buscar así pinceles en Photoshop,

este, brushes, como quieran buscarlo, y hay muchísimos, así como tipografías, hay

muchísimos en Internet.

Hay muchos sitios también para descargarlos, yo recomiendo ese de Brushie porque siempre

me ha servido, pero pueden descargarlos donde quieran, nada más, pues, cuidado porque

luego bajan cosas extrañas, ¿no?

Por eso me gusta Brushisi y nunca me he descargado nada malo.

Brushisi es un buscador de pinceles, estos que ven aquí son pinceles, ¿sí?

Algunos pintan texturas, algunos pintan este tipo como también de de texturas como

tal, otros pintan manchas, de lo que quieran, ¿no?

Entonces, en este caso, vamos a ver si si hay alguno como de llantas, por ejemplo.

Vamos a ver.

Sí, sí tiene como marcas de llanta, aunque no sé si es lo que quiero.

Creo que esas marcas de llantas las puedo conseguir más bien en en Google, más bien,

vamos a ver si ese me gusta como rápido, ¿qué será?

Como un 1 tal vez, ¿no?

1.

Aquí sí.

Vamos a ver qué tipo de humo.

Cualquiera me sirve, pero estoy buscando alguno que que me llame de uso de manera

inmediata, ¿no?

Bueno, pues cualquiera de estos.

Lo que pasa es que creo que ya los tengo, pero bueno, muero que no tengo, tal vez

este.

Simplemente descargamos, esperamos a que salga esto, si los manda a otra ventana,

cierran esa ventana tiene que quedarse aquí y tiene que salir la cuenta regresiva.

Ya está aquí, se está descargando mi mi pincel, pero antes bastante rápido, en este

caso, está muy pesado, no sé por qué.

Pero, bueno, vamos a estar con otro porque no me gusta que esté al tanto.

¿Cuál es el smoke este?

¿Cómo juntar con este?

Descargamos igual, chequen que se active la cuenta regresiva.

Uf, está peor, esta vez no sé qué sucede con los pinceles que están tardando mucho,

pero bueno, en lo que lo que sigue avanzamos nosotros.

Aquí por ejemplo, aquí atrás, gracias a la foto que pusimos por detrás, que sería

esta, ya también cubrimos el resto del del paso de trabajo.

Lo que voy a hacer es simplemente esconder esta parte de aquí, de la foto original,

para que se pierda el paquete.

Sí, Incluso ahí se aparece la montaña, creo que se puede ver como interesante, y aquí

creamos un paisaje distinto, ¿no?

Ok, vamos bien, tal vez lo que decía de vamos a buscar mientras salga esto las llantas,

¿cómo se llama?

Marcas de llanta, ¿no?

Marca llantas, para donde salgan como marcas de comercios, pero bueno, esto es justo

lo que estoy buscando, voy a tratar de usar cualquiera de estas, vamos a copiar, aquí

le doy la imagen, lo voy a pegar por debajo del carro, control v, control t para hacerlo

más grande, y sí me lo vería yo, sí, pero por no extraña, no los veo.

Ah, más bien tiene que estar por encima de aquí.

Ok, voy a mover su modo de fusión, recuerden que tenemos modos de fusión para ver

si alguno de estos me gusta y si y creo que sería como natural.

Ok, voy a usar alguno de los primeros, creo que este o este no me gustan, o por eso

es ventas naturales, pero bueno.

Vamos a ¿cuál será?

No sé mucho de carros así que no sé si está haciendo algo en la tontería pero bueno

voy a decidirme por este primero, puedo eliminar lo demás, con un cuadro de selección

lo puedo agarrar y lo puedo borrar con backspace si si estamos en la capa adecuada,

acuérdense es importantísimo siempre checar que estamos en la capa adecuada.

Esto lo voy a dejar aquí, control j para duplicarlo y el de el de abajo digamos lo

voy a esconder para para ver.

Este de aquí control t y vamos a darle algo que se llama perspectiva con control y

y el mouse en las esquinas sale esto esto se llama perspectiva yo voy a deformar y

lo que me hace es puedo como deformar la perspectiva de mi de mi imagen, entonces

con esto voy a ponérselo aquí, lo hice así, y no sé si sea mejor más pequeñito, y

con esta puedo hacer ciertas curvaturas, por ejemplo, voy a hacer como así, voy a

hacer como queda eso, por decir algo, creo que no queda tan mal, voy a bajar la opacidad

porque no me gusta que sea tan negro.

Ve y 5 tal vez, 85.

Lo que está bien, lo que no me gusta es que está como muy nítido, tal vez me convenga

desenfocarlo un poco, filtro desenfoque, gaussiano, no tanto tampoco, tal luz, muy

poquito, algo así está bastante bien creo yo, y lo voy a duplicar control j para ponerlo

ahora acá atrás y ver si se nota natural o no.

Creo que no, creo que no es necesario en estos casos, y bueno, en este caso, ahorita

lo voy a dejar así, y tal vez menos, 65, tal vez algo así.

Ok, vamos a ver si ya se descargó el pincel, ya se ha descargado y está en descargas,

¿no?

Para los que tienen la nueva versión va a ser muy sencillo, simplemente entran, buscan

el archivo pincel, le dan doble clic y con eso ya lo tienen instalado.

Los que no, los que desean como el mío, lo que van a tener que hacer es descomprimir

esto, clic derecho, extraer en tal lugar, en este caso en la misma carpeta y lo van

a tener que ver así, ya que es una carpeta normal nos vamos a Photoshop, los que sí

lo pudieron hacer inmediatamente, si no me llegan a Photoshop, voy a hacer una capa

nueva, activamos a su pincel y con clic derecho los que sí pueden hacerlo en automático

ya hasta abajo van a encontrar ese pincel, ¿si?

Los que no le dan aquí, le dan cargar y lo vamos a cargar de descarga, así es este,

cargamos el archivo y los pinceles que cargamos siempre están aquí hasta abajo.

Se va a partir, el último pincel que viene en Photoshop es el número 100, de ahí en

adelante son puros pinceles que han descargado.

Entonces bueno en este caso vámonos hasta abajo, como tengo mucho ese muy pesado y

me parece en este caso es un pincel como no está mal.

Está pintando negro, vamos a cambiarle aquí.

Por ejemplo, se ve así, creo que no está nada mal, me gusta, lo único que me gusta

es esta parte de aquí, este cortone, no me gusta.

Ahora, la importancia de usar, este, diferentes capas es esta, que yo puedo mover

esta pincelada, si no lo hubiera hecho en una capa diferente, pues no podría, entonces

cuidado con eso y por eso insisto, ¿no?

No sé si me convenga tal vez estirarlo un poco, como para darle cierto movimiento,

vamos a ver.

Sí, es que se ve bien, creo que tal vez sí le da un poquito de movimiento, sí me gusta,

vamos a dejarlo, y voy a duplicar con control j, y lo voy a poner acá, pero detrás

de mi auto, así ya Ok, bien, va agarrando de forma me gusta, como ya tal vez lo sospechen,

máscara de capa, voy a cambiar el pincel, las máscaras de capas pueden usar también

pueden usarse también con, este, pinceles artísticos, así que pueden usarlas con formas,

pues.

Voy a corroborar cuál es, es este de aquí.

No me gustan estas partes, creo que ya es suficiente humo ahí, voy a borrarlo.

Ahí está, luego la de arriba, es esta, máscara de capa, y lo que no me gusta es, voy

a bajarlo un poquillo, voy a tratar de que arranque toda la llanta, ¿bien?

Ahí, y esta parte de aquí ya no tiene sentido, ¿no?

Ok, sobre todo estos extremos, aguas que no queden esos, ¿qué más?

De aquí limpiar un poco el carro para que haciendo que también no no queremos que

que pierda relevancia nuestro personaje principal.

En este caso también voy a limpiarlo de acá.

Aquí está.

Y aquí, vamos a bajarle a 250, esta parte no tiene caso, o sea, como que el humo no

pega así como un cordón en en el pavimento, ¿no?

Entonces, más bien hay que dejarlo que fluya y me gusta, creo que ahí está bien.

Ok, si me gusta voy a hacerle un par de toques más, pero creo que hasta ahorita está

bien.

Ahora, ustedes pueden descargar el tipo de pinceles que quieran, por ejemplo, aquí

tengo, por ejemplo, Splash, ¿no?

Que es como una salpicadura de algún líquido, puede ser de sangre, de lo que sea.

Se instalan exactamente igual, pueden usarlo con el color que quieran y se puede usar

muy bien.

Algo rapidísimo para darles algún tip, por ejemplo, si yo quisiera poner aquí fuego,

una tapa nueva.

Voy a dibujar tengo aquí muchos pinceles yo, seguramente tengo aquí 1 de fuego, porque

los uso bastante.

No sé si de fuego o más bien de humo.

Sí, usar 1 de los de humo que me gustan más.

En este caso, ay, no lo encuentro.

Bastante extraño.

Bueno, no lo encuentro, pero seguramente un tomo por ahí, voy a cargarlo rápido, seguramente

está en descargas, o si no en ahí está, firebrushes, ok, voy a cargarlo, deben estar

hasta abajo, recuerden que el equipo que cargaron siempre está hasta abajo, aquí está,

y ok, vamos a poner que por cualquier razón yo quiero aquí poner un un fuego, ¿no?

¿No?

Este, por lo que sea, o no sé, el carro se va incendiando, yo que sé, que ya que lo

pienso no me pareciera tan mala idea, sería algo que a mí me interesaría saber por

qué diablos se está quemando el carro.

Este, entonces tal vez algo así vamos a para acá tal vez, no sé, incluso aquí en la

llanta, ¿no?

Ahorita estoy jugando nada más, ¿eh?

No sé si no me pueden ser parte del final.

Pero bueno, a lo que voy es, ya tenemos sí nuestro pincel, pero no se ve absolutamente

para nada real.

Por más que yo lo mezcle y le pongamos de fusión y de y demás, puede agarrar un poquito

la forma, pero no se ve real.

No parece fuego pues, ¿Qué podemos hacer en esos casos?

Tenemos la pincelada que es esta, por eso siempre recuerdo todo a capas separadas.

Puedo buscar una textura, textura de fuego.

Recomiendo una que abarque todo, que les guste ya abarque todo, o sea como esta por

ejemplo me parece bastante bien, copio, luego encima de mi capa, o pues, clic control

v, voy a encargarme de que esta capa abarque todos los jueguitos que puse, Y a esta

capa le voy a poner clic derecho, máscara de recorte y generamos eso.

Claro, necesitamos trabajar muchas más cosas como tal vez el color, tal vez, este,

para que quede bien, para que tenga más sentido, la máscara de capa y demás, pero

así es como creamos una textura real.

Por ejemplo, aquí, este fuego no tiene sentido que esté por encima del carro, ¿no?

Entonces, voy a esconderlo un poco para que se vea como que está del otro lado, incluso

ahí se me dejó un poquitito de más.

Ok, lo voy a dejar, no porque me guste, sino porque creo que es buena práctica para

otras cosas.

Aquí tal vez el pasa picadera, ¿ok?

Y aquí también tiene que comprarse naturalmente, no se va tan extraño, ¿no?

Ok, entonces tenemos esto, ahí va, les digo no me no me fascina, no me encanta, pero

bueno, tampoco creo que esté tan mal.

Vamos a ver si alguna más está funcionando, no me ayuda que sea tan natural, creo

que esto me gusta, eso me gusta mucho, que sí se supone de color.

Este me gusta.

Creo que sí lo voy a dejar ese, y voy a ver cómo se ve si hago lo contrario.

Ok, ese me gusta lo voy a dejar, nada más voy a esconder la parte de arriba.

Esto.

¿Ok?

¿Y por qué lo dejo?

Porque me llamó la atención hacer algo más.

En este caso ya tenemos el fuego, ¿no?

Bastante bien con el fuego, pero, ¿qué le haría falta para que se parezca un poquito

más natural?

Voy a copiar el color del fuego conmigo, otero, 1 que me gusta tal vez este, el humo,

ok, voy a agarrar otra vez de aquí, y encima de mi carro me vuelvo a esconder ahorita

el humo para poder agarrar este fuego, y encima de mi carro voy a hacer otra capa,

una capa nueva Con un pincel normal voy a hacer que tenga más tamaño, un poquito más.

Voy a pintar en las partes en las que según yo ese fuego le afectaría, ¿no?

Porque genera cierta iluminación, ¿ok?

Para asegurarme que solo le afecta al carro, le voy a dar clic derecho y que la máscara

de recorte así se mete solo a esta parte, y aunque yo pinte aquí demasiado, solo va

a ser en esa parte, aunque salga un poquito, se va a hacer, sobre todo, en el carro.

Entonces, esta iluminación, a mi parecer, lo hace ver un poco más natural, vamos a

hacerlo un poco más agresivo.

Tal vez aquí nos convendría probar igual modo de fusión, a ver si alguno de ellos

lo mezcla de manera más natural.

Creo que este me gusta, nada más voy a borrar acá de este lado.

Bajo el tamaño, 250, por ejemplo.

Y son detallitos, vamos a ver esto a esto, aunque es un detalle simplemente si hace

diferencia, ¿ok?

Vamos bien, pero voy a dejar el video aquí, vamos a pausarlo para que no se vuelva

tan largo y continuamos en el siguiente video.

Vídeo 4.2

Muy bien, pues continuemos, algo que me está haciendo un poquito de ruido es el paisaje

porque me gusta mucho cómo se ve, pero al mismo tiempo que creo que no es natural,

¿sí?

Entonces lo voy a duplicar y voy a desenfocarlo un poco, no sé si sea necesario 1

de de movimiento, creo que el movimiento ya está implícito bastante aquí, yo lo voy

bien, le voy a dar un 1 gausiano tal vez nada más.

Es demasiado.

Vamos a darle un 10 a ver qué tal.

Ay, no, creo que es mucho, un 7.

Es que no me desagrada.

6.

Vamos a dejarlo en 6 y voy a esconder, obviamente no quiero que esté tan desenfocado

aquí enfrente, entonces voy a esconder aquí esa parte desenfocada, tal vez evitamos

que se vean hasta aquí ¿no?

Todo esto desenfocado porque estamos generando cierta campo de de profundidad, entonces

tal vez que esto se vea enfocado hasta este punto y lo demás para atrás ya desenfocado,

entonces hay una diferencia entre esto y esto.

Y esa diferencia de profundidades es es nos ayuda a tener una un efecto de naturalidad

digamos, porque siempre el ojo humano no puede enfocarlo todo.

Nuestra vista es periférica pero solo enfocamos una sola cosa.

Entonces estamos poniendo atención aquí, me parece que nuestro campo de visión puede

ser este, claro aquí ya debería estar enfocado si estamos enfocando esta parte de

acá, ya debería aquí de no verse tanto, pero vaya, para efectos del dramatismo creo

que se ve bien así.

Entonces la diferencia sería esta como la parte de atrás y creo que no está nada mal,

bien me gusta.

Ahora creo que otra cosa que me interesaría ponerle sería una patrulla de policía,

Vamos a ponerle patrulla PNG, a ver si encontramos un PNG, como para que lo estén

persiguiendo, habría que ver cuál.

No sé si este me gusta, este tal vez, tal vez le pueda servir, vamos a copiarlo, pegarlo

aquí hasta arriba, control v, Creo que sí sirve, de todas maneras va a estar lejos,

obviamente lo ideal es que sí lo recordemos bien y y tengamos atención a todo esto,

en este caso insisto, no es mi intención tardando tanto, aunque llevamos varios varios

rato aquí, pero la intención es que esto quede quede bien, ¿no?

Todo esto, y aquí sale el papel.

Vamos a pasarla para allá, creo que le va bastante bien, y vamos a ponerlo un poquito

más lejos, ¿no?

No sé si me convenga invertirla, edición transformar voltear horizontal para que voltee

hacia el otro lado.

Tal vez más pequeño, ¿no?

Que viene ahí como apareciendo tal vez.

No sé, no me convence esa patrulla, vamos a ver si tengo otra que me funcione mejor.

Estoy usando la foto mágica simplemente para curarme.

Vamos a ver a la inversa, a la horizontal, me gusta más esta.

Entiendo que no se ve tan natural el movimiento, pero creo que sí le da un un punto

ahí como dramático que me llama la atención, como verlo aquí, ¿no?

Ok, voy a usar esta.

Vaya, tal vez no no sea necesario ser tan, este, tan tantallista con esta, le voy

a desenfocar un poco, vamos a poner aquí en su propio filtro, desenfocar a gaussiano,

más con movimiento, bueno vamos a aplicarla, vamos a ponerle encima un desenfoque

de movimiento, así tal vez, yo creo que es suficiente, usamos nuestra máscara de capa,

vamos a quitarla acá, y 300 no es mucho, 50, igual nada más hay que desenfocar lo

suficiente para tener que hacer bastantes cosas aquí, aquí, creo que va bien, voy

a duplicar la capa desenfocada y voy a tratar de abarcar la parte de abajo de la ahí

me gusta bastante, nada más voy a quitarle esto, que no tiene ningún sentido.

No sé si sí me gusta o no, creo que siga bien, vamos a ponerlo aquí, menos opacidad

50, 85, 50.

Miren, aquí vi un este error no había anotado, vamos a a quitar aquí esto, y también

seguramente de la de abajo, y de aquí.

Y ahí está, ¿no?

Entonces, bueno, creo que eso me ayuda a darle un sentido más, pues, como decía, de

de cierto dramatismo y, sobre todo, el el tema de la historia, ¿no?

Les decía que la historia que cuenta es importante, entonces va a ser evidente que

aquí lo están persiguiendo, o sea, lleva rápido, ¿no?

Es lo que estamos viendo, que lleva andando rápido, pero aquí con esto ya se están

persiguiendo, voy a poner aquí más o más por debajo.

Se llama un tantito malo claro porque si no me hace un poco de ruido y ok, ahorita

si no no va a ser tan feliz ahorita, ahí está.

Lo que sí me llama la atención es la sirena, entonces voy a ponerle torreta de patrulla,

la torreta perdón, este me gusta mucho, vamos a copiar, pegar encima de esto, vamos

a variar los modos de fusión, y listo, perfecto, vamos a ver si el que sigue de aclarar

funciona, cuando 1 nos gusta generalmente estas comodidades son similares, uff, está

increíble, sí me gusta mucho, ya está, voy a usar este, voy a simplemente hacerlo

un tanto más pequeñito para que se acople, no tiene que ser idéntico al de la patrulla,

puede tener ahí ciertas diferencias, me gusta y me gustó mucho la luz que man ¿no?

Entonces voy a hacerlo un poco más grande también para tratar de hacer cierto dramatismo

aquí, voy a borrar la parte de arriba, esta parte y tal vez esto haga un poquito más

evidente que es una patrulla, Ahí está, qué bonito se ve.

Bueno, el me gusta y ahí vamos.

Entonces, ahí está nuestro poster, me gusta y bueno, va a tardar la toques final,

es ya para que no tardemos tanto.

Hay algo que me interesa hacer que es ponerle tal vez aquí un un sol, vamos a ponerle

aquí.

Obviamente tal vez lo estoy sacando recuerdo, recuerden, de puras imágenes de internet,

pero deberíamos de poder contar con estos bancos de imágenes o simplemente este tener

nuestras pocas fotos, en este caso va a tener un destello, no sé si PNG, pero vamos

a ver.

Bueno, vamos a intentar, bien, es que hay 1 aquí en Photoshop, pero que no me gusta

mucho usar porque siento que se lo come todo, entonces vamos a intentarlo, lo voy

a hacer en el fondo, creo que se debe hacer aquí, ¿cuál es el fondo?

Vamos aquí a filtro, a interpretar, destello y es este, pero es lo que les digo, no,

no me encanta cómo se ve, porque o que se lo come todo, vamos a ver si pone una capa

nueva, capa nueva, filtro, interpretar, destello, no me deja, vamos a quitarla en

negro, es una capa hasta arriba, esta le vamos a dar aquí, filtro, interpretar, destello,

tal vez algo así bastante intenso, vamos a ver qué está el servicio, ok, queda así

y voy a mezclarlo, vamos a ver si eso me ayuda en algo, muchas veces, este, y y, ah,

bueno, no queda tan mal, no queda mal, porque yo creo que aquí me gusta bastante,

sí, sí le da una sensación de drama bastante interesante.

Entonces, un poquito más, ¿no?

65 por ahí, para que no perdamos de vista esas montañas.

75, ¿cómo era?

55, ok, lo vamos a dejar si me gusta y prácticamente eso, lo vamos a cerrar esta parte

de aquí abajo que obviamente no nos convence para nada, en este caso voy a usar un

logo de Rapidfudio, se me hace fácil, para no perder tiempo con eso, ¿cuál será?

Ah miren este ya tiene como un nombre diferente, Este me gusta, guardar imagen, vamos

a guardar nuestra clase 4, vamos para acá, a ver la clase 4 aquí, aquí está, me gusta

aquí, ya con eso se come el resto de la transformación, lo voy a poner por debajo

porque me gustaría que esto se hiciera se viera afectado por el texto, y esta parte

que me sobra yo creo que vamos a esconderla, vámonos al fondo que está aquí, capa

nueva, y vamos a pintar con un pincelito, 750, tal vez, en negro, no sé si sea buena

idea, pero no, pintarlo, 1650, en negro, híjole, no me desagrada, pero se ve muy agresivo,

¿no?

Que hay más aquí.

Voy a pintar toda la capa de negro, voy a ponerle, una máscara capa y voy a empezar

a esconder los 500, este, no hay problema que se vea de nuevo la imagen, y aquí, y

aquí, y aquí, y aquí, y aquí, y aquí, y aquí, y aquí, y aquí, y aquí.

Exacto, creo que aquí está bastante bien, me gusta muchísimo porque permite y da la

sensación de que siguiera aquí la imagen.

Vamos a bajar un poquito más el texto para que el texto se consuma por completo esta

parte.

Y listo, aquí está nuestro póster, les digo son elementos que lo hacen muy llamativo

porque por ejemplo el tema de los pinceles, el fuego, la patrulla, está contando una

historia ¿no?

Y se ve como la velocidad, lo cual me gusta y está bien, o sea, queda bien esa la

intención del póster, ¿no?

Vamos a ver nuestro carrito como sabe al principio, este no es, este tampoco, este,

este póster bueno más bien de este elemento dejamos esto,   sale?

Muy bien bastante entretenido espero que todo este proceso les sirva como para ir

desarrollando ciertas ideas, procuramente adornan tanto en otros ejercicios pero sí

era importante para mí que vean cómo, pues cómo va fluyendo ¿no?

Y todos los los las técnicas como hay intermedias que van ocurriendo.

Entonces bueno, prácticamente es esto y con esto concluimos este tema.

Vamos a ver el tema de infografías.

Las infografías son un tema un poco más amplio, más vasto, pero igual voy a tratar

de resumirlo un poco para que no tardemos mucho en verlo.

Y prácticamente para aquellos que no estén familiarizados con el tema de la infografía

es como un artículo de revista pero de una manera más llamativa, llena de colores,

de imágenes, más creativo ¿no?

Entonces digamos que yo lo divido así como en en esa parte del artículo de revista

que es toda la información que tiene y número 2 la parte visual.

Un artículo de de revista perdón es bastante más plano cuanto a diseño no que por

eso tenga que ser aburrido o que no tenga ser creativo sino que no se puede jugar

tanto porque está acompañado de muchos artículos más.

La revista se conforma por muchísimos artículos.

En la infografía es un solo elemento entonces tiene digamos que tiene la oportunidad

de ser tan lucrativo o ¿cómo llamarlo?

Tan llamativo como quiera ¿no?

Entonces tenemos varios ejemplos, este me gustó mucho, creo que lo podemos usar como

como de base.

Este por ejemplo es un poco más sencillo dice 5 pasos para crear una infografía, ah

bueno es es una infografía de cómo es una infografía.

Este me parece que está un tanto saturado y vaya no no está mal pero tiene que llevarnos

digamos la infografía tiene que llevarnos por por el paseo del texto que quiere que

le llamo que leamos por ejemplo este aunque no lleva una secuencia pues podríamos

entender que podemos leerlo así o así o de abajo o de arriba para abajo ¿no?

Ese por ejemplo pues tiene muchos elementos que lo van llevando aunque este no me

parece tanto una infografía es es un templete más bien.

Tenemos este tipo de infografías también que son más parecidas a la tira cómica o

sea en cuanto al cómic, que la carga en realidad la lleva el arte gráfico, ¿no?

O sea, el el dibujo, pues, el arte de ilustración.

Si queremos hacer eso también se puede, simplemente habrá que dibujar.

Yo recomiendo dibujar en Illustrator y pues exportar esos dibujos y después usarlos

en Photoshop ¿no?

Tenemos por ejemplo esa me gusta, me parece que está bastante sencilla y que cumple

bien, seguramente es como ir leyendo así esta secuencia.

Si se dan cuenta es como de de arriba para abajo, es 1, 2, 3, 4, 5.

Entonces lleva bien esa secuencia.

Este de aquí habla seguramente como de algo de casas por la forma, y e incluso aquí

está 1, 2, 3, 4, 5 los números, ¿no?

Aunque no es tan atractivo visualmente.

Este, por ejemplo, está bonito, lo mismo, tal vez tiene cierta carga más fuerte sobre

la ilustración.

Pero vean cómo lo importante aquí es la parte visual llamativa.

Es decir, aunque tenemos información, no es tan, digamos, tan fuerte en cuanto a proporción

¿no?

Es decir, aquí tenemos poquito texto poquito texto, pero la la la ilustración es lo

que se lleva todo el peso.

No por eso quiere decir que el texto sea irrelevante, más bien está muy, pues, como

muy concentrado, ¿no?

De de igual manera hay infografías que tienen texto mucho más pesado, ¿no?

Depende del tipo de infografía.

Así como podemos tener, por ejemplo, un flyer que use mucha ilustración, tenemos un

flyer que tal vez no usa nada de ilustración y más bien es como una edición de fotografías.

Entonces, recuerden que todo esto depende del estilo.

Por ejemplo, aquí estoy viendo una, bueno, como estas que son un poco más pesadas

y tal vez la intención es puede ser un tanto como científica, como como de conocimiento.

Y sí, hablé desde el principio de un artículo con un artículo de revista, pero también

hay diferentes tipos de artículos, no hay hay artículos históricos, artículos de ciencia,

artículos de chismes, artículos de la farándula, artículos de arte, entonces depende

¿sí?

Artículos informativos por ejemplo para no sé qué hacer en caso de de incendios, cosas

así como emergencias, Entonces, vaya, todo depende de cómo queramos crear nuestro

elemento.

Esto está horrible, obviamente nunca gano algo así.

Pues, si estamos enseñando usen toda su creatividad, al menos que no queden cosas

tan tan básicas.

Esto parece que está hecho en o en PowerPoint o en Word, algo así.

Y vaya, no estoy diciendo que esté mal que que empecemos así, pero algo muy importante

que le digo siempre a mis alumnos es, cuando empiezan a diseñar o o empiezan AAA soltarse,

como que tratan de hacer este tipo de imágenes y y se enfocan mucho en el texto, en

que el texto sea esto, ¿no?

Y siempre les digo, acuérdate que estamos usando sistemas para diseño.

Esto que tú estás haciendo es como un sistema de de Word, que es para hacer textos,

o de PowerPoint, que es para hacer presentaciones.

Esto no parece algo de diseño.

Entonces, si estás usando un sistema de diseño, úsalo para diseñar, no no para hacer

cosas de Word o de PowerPoint, ¿no?

Entonces es importante considerarlo.

Bueno, sean autocríticos en esa parte.

Este, por ejemplo, me gusta, está bonito y aunque sí es, vaya, al parecer está como

para algún tipo de de instituto científico o algo así, es decir, tiene cierta seriedad,

no deja de ser lindo a la vista, ¿no?

Entonces, está padre, también me gusta, está bonito y vaya, hay muchísimos tipos,

¿no?

Este, por ejemplo, que es como de viaje tal vez, está un poco más menos, ¿cómo decirlo?

Menos llamativo en cuanto a colores, pero me gusta el tema de que todo sea en blancos

y, pues, está bien, me gusta, está está bien también.

Entonces, hay muchísimos tipos, ¿no?

A mí me gustó mucho este del inicio, me voy a basar en en este que vimos de la casa,

¿no?

Y sobre todo, ¿por qué?

Porque, bueno, una vez que ustedes tengan el texto y demás, la parte creativa va a

depender 100 por 100 de cada 1 de nosotros, ¿no?

Qué podemos ser, qué podemos innovar y demás.

Más bien aquí me me gustaría como tratar de imitar esto, para que vean cómo podrían

ustedes resolverlo.

Entonces, vamos a imitarlo tal cual, lo va a copiar.

Y en este caso, la infografía, igual que siempre, debe de tener una medida que nos

indique desde el principio.

En este caso, como yo tengo una medida, y les recomiendo siempre eso si van a hacer

algo como un poster o una infografía y no les dan medida, yo recomiendo hacerlo en

tamaño tal.

Puede ser en vertical pero en este caso como está horizontal la que vamos a usar lo

voy a hacer en horizontal y voy a pegar mi infografía.

Vamos a hacerla grande, nada más quiero este checar si coinciden mis medidas y uff

no coinciden, pero bueno bastante similar.

Nada más quería ver si era también tan bonito el video, pero no me importa, ¿no?

Porque en este caso yo voy a hacer algo completamente nueva.

Entonces, bueno, ¿qué pasaría si yo quisiera dibujar este elemento?

Tengo manera de hacerlo desde Photoshop, perdón, desde Illustrator.

Dibujamos nuestra casita basándonos en una foto, basándonos en un vector, como quieran

ya saben dibujar.

O podemos también hacerlo desde aquí, por ejemplo, una capa nueva.

Si fuera esto tal vez yo podría ser de aquí para acá o con mi pluma o con mi lazo

como ustedes prefieran, pero podría ser de aquí para acá, de aquí para acá y de aquí

para acá.

Este, acuérdense que estoy en una capa nueva y pintado, ¿no?

Pintamos, estoy, ahí está, y pintamos, y ahí está.

Y luego, en otra capa debajo, yo prefiero hacer siempre capas nuevas, una capa nueva

debajo, y voy a dibujar el color de abajo, les recuerdo, hay quien prefiere hacerlo

con pluma, y en este caso, yo sé, no es simplemente con lazo para que para ejemplificar,

no es que también les diga que esto sea la técnica adecuada o la más ideal, simplemente

es para que tengamos idea de cómo se pueden hacer estos elementos.

¿Por qué no está bien así?

Ah, ok.

Están así porque, seguramente, la capa de arriba no tiene color ahí, entonces lo voy

a pintar.

Ah, ok, aquí tuve un error que no me di cuenta.

Entonces, vamos a pintar aquí.

Ok, ya está pintado, luego la de arriba, voy a quitarle este pedazo de aquí, aquí

para acá, y para acá, llevamos, pintamos ahora el amarillo, copio con el cuentagotas

o butero, como quieran decirle, y ahí va, ¿no?

Entonces, ya vemos dibujando, ¿sí?

Ah, ok, aquí me quedó muy mal, no me di cuenta de eso.

No sé por qué lo dibujé tan tan mal, tan horrible.

No puse atención, ok.

Vamos a ver si así está bien.

Mejor, pero todavía no queda.

Aquí está.

Ahí está, ahí tal vez ya solo me falta limpiar esta parte.

Sería como de aquí para acá, vamos a borrar ese puntito que sobresale y listo.

Es decir, ahí iría también, ¿no?

O sea, lo puedo hacer diferentes maneras.

Yo lo he hecho así en ciertas cosas que me hacen falta y sí lo he dibujado de esta

manera.

Ahora, también pueden hacer uso de ciertas imágenes.

Acuérdense que contamos con una imagen, un banco de imágenes, perdón, pueden usar

vectores y demás como como lo puede ser free pick, por ejemplo.

Lo ponemos aquí free pick.

Vamos a buscar una casa, así tal cual.

Y aquí pones seleccionar vectores.

Obviamente vamos a ver los que no tienen corriente porque son esos son los que cobran

y necesitamos también pues si queremos cargar lo que sea necesitamos comprar este

banco de imágenes ¿no?

Necesitamos pagarles una renta.

Si no bueno pues estamos limitados a que nos permitan usar solo los los que no son

gratis, perdón los que son gratis y cierto número al día nada más entonces estamos

limitados ¿no?

¿No?

Aparte de que es eso bueno que tenemos que hacer agradecimiento, bueno, como nombrar

a la fuente original, este está.

En este caso me gustó este, voy a copiarlo, lo bueno más bien voy a descargarlo, descargamos,

le voy a decir que descarga gratuita porque yo no tengo free clic.

Me dice que tengo que atribuirle, entonces bueno copio y atribuyo, eso quiere decir

que copio esa dirección y donde vaya a publicar mi diseño si va a ser una página web,

si va a ser en un post de social media, donde sea, tengo que copiar esa liga diciendo

que esa liga prácticamente manda a esta dirección y dice que yo no soy el dueño de

eso, ¿no?

Entonces, bueno, vamos a descargas, en este caso, aquí está descargas, puedo darle

clic derecho, extraer en esta carpeta.

Aquí está doble clic y aquí está el preview puedo agarrar este o este o queda de los

2 y pasar para photoshop y aquí está ok seguramente si abro ese archivo así con doble

clic me va abrir un archivo illustrator muy probablemente ahorita lo vemos aunque

aquí en tal vez no sea necesario sobre todo por aquí no estar dando mi sistema mi

computadora pero bueno no sé vamos a darle la oportunidad Ok, ahí va a trabajar.

Pensaba que tal les podríamos hacerle aquí una un círculo pero bueno vamos a esperarte

a que cargue.

Mientras tanto vamos a trabajar como demás.

Tenemos aquí un círculo en la parte del fondo voy a hacer una capa nueva, nueva capa,

recuerden que puede hacer círculo con la forma o con la herramienta de selección,

voy a hacer un círculo con la selección.

Como siempre les digo, esto depende de cada quien, simplemente aquí lo estoy haciendo

como a mí me gusta y me siento cómodo, lo voy a dejar aquí, ¿no?

Luego este círculo aquí tiene esas partes como, pues de esta manera están como cortadas,

¿no?

Son como pedazos de círculos más más internos cortadas.

Lo que yo puedo hacer es duplicar este círculo con control j.

Voy a hacerlo un poco más pequeño para que llegue como al centro que si me lo estaría

como por ahí.

Yo en lo personal prefiero control y clic aquí y en una capa nueva, capa nueva, poner

un color distinto, en este caso yo voy a pintar tal vez con este color amarillo, ¿no?

Y pintamos.

Y ahí estaría, voy a borrar estas capas para que no esté bien, este circulito.

Este de atrás, pues ya queda obsoleto, lo voy a borrar y entonces ahí estaría, ¿no?

Voy a bajar la opacidad un poco para que podamos ver cómo va quedando esto e incluso

lo voy a, bueno, no, no lo voy a pegar, es que en realidad estamos haciendo 1 nuevo.

Vamos a poner este para acá, voy a regresar un poco.

Me parece que ahí están bien, vamos a moverlos hacia acá, ahí está, vamos a ver si

abrió, ok, aquí está.

Este tipo de vectores que ya tenemos aquí, en este caso están, en este caso está así,

separado, ¿ok?

Lo cual me sirve bastante.

Muchas veces están agrupados.

Si están agrupados solo debe doble clic hasta que lo vayan encontrando, o sea, con

doble clic van como entrando.

Y en este caso yo solamente voy a agarrar así con shift todo lo que me conviene.

Es más, pues creo que lo que no me conviene es agarrar el fondo, entonces voy a agarrar

este fondo, lo voy a mover y este anuncio de venta tampoco me conviene agarre sin

querer otro pedacito aquí está y bueno vamos a suponer que así está no si ustedes

quieren agarrar otra parte específica también se vale pero en este caso voy a agarrar

todo esto lo copio con control c y aquí en mi photoshop lo voy a pegar con control

v me va a preguntar cómo lo quiero puede ser cualquiera de las de las 4 opciones da

igual lo voy a pegar con píxeles y aquí está me respeta mi elemento y lo puedo poner

aquí.

Ok lo voy a dejar en este caso así me gusta que sobresalga un poquitito vamos a sacarlo

un poquitín ahí está bastante bien me gusta y continuamos no entonces tenemos la parte

de abajo que es nuestro nuestro circulo principal digamos esta así tenemos aqui otros

círculos voy a duplicar este control J voy a hacerlo con control perdon con shift

y alt de las esquinas lo hago proporcional hacia afuera o hacia adentro, entonces

lo voy a quedar así.

Ahí está.

Y voy a hacer una voy a, para no perderme, voy a pintar otro color.

Entonces voy a hacer una capa nueva aquí capa nueva vamos a pintar con color oscuro

eso es únicamente para no perderme este de aquí abajo lo voy a borrar y aquí se estaría

viendo mi elemento le puedo bajar un poco la opacidad al 50 por 100 y, por ejemplo,

aquí voy a hacer este de aquí voy a duplicar que es un el blanco, voy a poner encima

de este, control más t, shift más alt para que quede así, Ahí está.

¿Qué pasa?

Que ya tengo mis elementos principales, ahora me falta simplemente hacer como esas

divisiones, ¿no?

Vamos a quiero ver cómo cómo se ve con las 2 ciudades al 100 para evitar no irlos

perdiendo, creo que aquí vamos bien ok, me va gustando y yo prefiero usar máscaras

de capa así que voy a hacer por poner aquí con shift lo puedo hacer hacia acá como

que no me convence, entonces voy a tratar de hacerlo con otra vez aquí, aquí, aquí,

y por aquí terminaría más o menos.

Aquí no me está gustando como que vea.

Hagamos de nuevo de aquí, para acá, para acá.

Es que esto, esta línea es la que no me convence.

Ok, ahí quedó ya un poquito mejor.

Lo podemos ver si uso la primera herramienta, aquí, ponemos hacia arriba, voy a dejarlo

centrado, que aquí me está indicando cuál es el centro, y ahí yo creo que lo vamos

a dejar aquí.

Voy a activar mi máscara de capa y ahí está.

¿Ok?

Y no me gusta ese color, lo vamos a cambiar en cualquier momento, simplemente era

un pretexto para poder tener este este objeto.

Con clic derecho sobre máscara de capa le voy a dar aplicar máscara de capa.

Queda así mi objeto, el cual yo puedo hacerlo con la opacidad al 100.

Control más clic, acuérdense el cuadrito, y aquí ahora sí capa nueva.

Me gusta este color de aquí abajo, lo copiar.

Y a lo mejor lo hacemos un degradado, ¿no?

A este, ok, así como me gustó ese, se ve bonito.

También hacemos un punto para otro, tal vez, Como que no noto mucho degradado, así

tal vez me gusta más, pero tal vez un poquito, ahí está tal vez y listo.

El de abajo ya lo puedo borrar, simplemente me me parece un poco extraño.

Ok lo estoy escondiendo aquí ya vieron lo estoy escondiendo porque porque tengo una

un círculo encima ¿sí?

Bueno no pasa nada lo podemos dejar así pero bueno vamos a dejar ahorita hasta aquí

para que yo pueda enfocarme en otras cosas más importantes en la siguiente en el siguiente

video, así que vamos a detener el video aquí y ahorita continuamos con la siguiente

parte.

Ok, entonces, continuemos.

Algo importante aquí que quiero revisar es el texto.

Entonces, ahorita vamos bien con esto, simplemente, por ejemplo, si yo quisiera asegurarme

de que esta forma fuera en realidad esa forma y no no porque está encimado esto, algo

que puedo hacer es clic aquí para seleccionar el círculo de arriba, me paso a la capa

de abajo y borramos con backspace.

Entonces ya borré esa parte, control d para quitar selección y listo, ¿sí?

Entonces, pues recuerden que todo esto simplemente es para usar un favor.

Ahora, ¿cómo puedo hacer para duplicar esto?

Control J, ahora control T.

Voy a posicionar esta ancla, es importantísima, voy a posicionarla en el centro de

donde quiero que gire, que sería este, y voy a girar y entonces mi elemento va a girar

de esta manera, ¿ok?

Control J, Control T, ponemos de nuevo el ancla al centro, rotamos, en este caso me

pasó se me pasó un poquito el ancla por lo que veo, rotamos y por una razón está quedando

bastante feo ahí, voy a borrar esto, voy a pasarme en esto otra vez, control más t,

bajamos aquí, yo creo que por aquí, ah, lo dupliqué.

Control j, control t, bajamos el ancla, estamos atacando bien Una vez más, control

J, con este sería, no, con este de abajo.

Control J, control T, bajamos el ancla, giramos y aquí ya está muy pegado.

Que vamos a tratar de separarlo un poquito.

Esto va hacia acá, así, esto también tendría que ir un poco al centro, así.

Y este, vamos a ponerle un poquitito así, ahí está.

Y este tal vez también, un poquito para arriba.

También el tamaño no no me fijé muy bien en que el tamaño fuera el adecuado, simplemente

lo hice así como, pues a mi gusto, debí de haber tenido cuidado con eso para que esto,

por ejemplo, coincidiera.

Y entonces cuando esto coincide, pues, ya hay un mayor nivel de precisión y exactitud

que que podemos tener ahorita, ¿no?

Entonces, para que, bueno, consideremos que todo esto es importante en el mundo en

el que estamos trabajando.

Control J, Control T.

T, también establecer bien cuál es el centro, ¿no?

Porque ahorita también lo mismo lo hice yo según lo que me pareció a mí, pero pues

en realidad Eso no quiere decir que que sea la manera correcta, ¿no?

Entonces, nada más vamos a mover un poquito el ancla, acá, un poquito más así.

Ahí está, vamos a poner ahora una regla aquí en esta esquina y en esta esquina de

acá, para asegurarnos de que este también coincida.

Pues bueno, ahí está, algo así.

Vaya, yo sé que no es perfecto, pero bueno, mientras tanto funciona.

Con control y clic, recuerden que yo puedo hacer una capa nueva.

Bueno, seleccionamos, puedo hacer una capa nueva.

Y ahora vamos a usar un color distinto, voy a hacer un degradado, vamos a usar un

color diferente, en este caso este me gustó, también está bonito y a este, vamos de

un punto para otro, va a quedar ahí y a este, ¿Sí?

Entonces, el de abajo que sería este, ya lo puedo borrar, queda ahí.

¿Qué más tenemos?

Este, control clic, capa nueva.

Voy a improvisar este grado, voy a hacerlo un azulito.

De azul clarito, hago azul un tanto más oscuro.

Algo así, doble clic o copiar algo similar.

Ahí está.

De lado de un punto a otro.

Muy bien.

Control D para quitar.

Ese ya está.

El de abajo lo podemos eliminar.

Y me faltaría solo el de hasta abajo.

Control clic a su capa.

Lo pongo ahí.

Faltaría solo el de hasta abajo, control clic a su capa, me pongo ahí, capa nueva,

aquí, capa nueva, y vamos a usar un corto distinto para este de la dado, vamos a usar

tal vez un verde, Me gusta.

Este color está así como Aqua está lindo me parece que está bien.

Doble clic vamos a usar para acá y un poquito más oscuro ahí está bien me gusta ese

degradado de un lado para otro.

Es bastante más notorio, pero igual no me desagrada, ahí está, un poquito mejor.

Entonces, ahí este borramos de abajo y ahora sí ya tenemos nuestro elemento, ¿no?

Ahora, vamos a ver rápido el tema del texto que quería revisar.

Desde el principio vimos que hay formas, conocimos que hay formas aquí, que son estas

de acá.

Hay formas circulares, cuadradas y demás.

Esas formas, por ejemplo, si yo aquí, bueno, yo recomiendo siempre que cuando lo usen,

por default esté forma, porque a veces se ha atrasado y trazado es un poco más complejo,

yo recomiendo que le pongan en forma.

Y bueno, ¿qué hacen estas formas?

Estas formas, pues, pueden reglas de color, ponerles un un, sí, pues un trazo, lo

que sea, pero sirven mucho para el texto.

Si nosotros usamos un texto, recuerden que cuando vamos a escribir tiene el tabular

y y es como cuadrado el contorno de este texto, o sea, de lo que estamos viendo aquí.

Si yo este texto lo pongo dentro de una forma, vean cómo cambia el tabular a redondo.

¿Qué pasa?

Que si le si le doy clic, vamos a cambiar aquí el tamaño, vamos a ponerle un 15 y

lo escribí, lo que pasa es que este texto se acopla al tamaño o a la forma más bien

que tenemos por of the faul, ¿sí?

Entonces las formas son bastante útiles para esto, por ejemplo para un artículo de

revista o un diseño que que no salga el texto de cierta caja en especial, pues lo

pueden usar.

Entonces esas formas nos sirven bastante, voy a dejarlo hasta ahí, voy a cambiar aquí

el color y listo.

Y no son dependientes, es decir, si yo escondo ese ese círculo, pues ya tengo siempre

aquí mi mi texto con esa forma, ¿sí?

Entonces, no sirven muchísimo por ese por ese aspecto.

Eso fue si yo me ponía dentro de la forma, ¿no?

Lo pongo aquí arriba.

Ahora, si mi texto, en lugar de dentro, lo pongo a la orilla, vean cómo sale esa,

cómo le hace, como flujo, y ahí se puede escribir alrededor de la forma, ¿ok?

Entonces, podemos ponerlo como así y lo mismo más dependiente, puedo eliminar incluso

esa forma y queda mi texto con esa forma, tal cual.

¿Ok?

Entonces, esto sirve muchísimo para artículos de revista, infografías y demás.

Por ejemplo, si yo, bueno, esto que es ustedes, ya saben usar lo que son las formas

con la pluma, yo puedo dibujarlo, puedo decir ok, pues quiero que venga un texto de

aquí para acá, de aquí para acá, de aquí para acá, y aquí sea un tanto más largo y

de repente llegue por aquí y ahí está, ¿Ok?

Esa es mi forma y mi texto quiero que no salga de ahí, simplemente uso una herramienta,

pongo dentro, me suelto escribir y de esa manera yo me aseguro de que esto no salga

de ese espacio.

¿Sí?

Lo hice un poquito grande, entonces vamos a a seguirle despidiendo así rápido hasta

que podamos llegar a ese pequeño espacio que tenemos para que se eche.

Digo, ya creo que ya lo ya quedó bastante claro, pero aún así me gusta que lo hagamos

no me gusta hacer las cosas aquí listo ahí está aceptamos voy a cambiarles a la izquierda

y puedo eliminar mi forma mi forma solo va a haber un pretexto y ahí queda sí entonces

prácticamente eso, ¿por qué estoy viendo todo esto?

Porque tal vez nos va a servir para poner el texto aquí adentro.

Claro, ustedes pueden poner su texto de manera manual y poner enter espacio y demás.

Está bien, es su decisión.

Pero, ¿cómo puedo hacer esto?

Obviamente lo que puedo haber hecho al principio fue trazar mi forma, ¿no?

Pero, pues, no tenía idea de cómo iba a quedar.

Entonces, lo que voy a hacer es control o comando y clic para tener mi selección.

Una vez con mi selección me voy aquí a selección, no perdón, con la herramienta de

lazo o cualquier herramienta de selección le voy a dar clic derecho, le voy a poner

hacer trazado de trabajo, le digo 1, ok, y me genera esto.

Ahora le voy a dar aquí en una capa nueva me parece, una capa nueva le vamos a dar

aquí en edición, transformación libre de trazado, No, no es posible trazado, es definir

forma personalizada.

Y bueno, en este caso no me respetó la capa nueva, pero bueno, no importa, ya me hizo

el trazado.

Ya con ese trazado yo puedo usar mi texto y asegurarme de que no salga de ahí, ¿sí?

O si lo quiero tener como en esas en este en esta forma o demás, vaya, yo me puedo

asegurar de eso, de esa manera, ¿sí?

Para algunos les puede servir, a algunos les puede dar igual, en este caso en específico.

Y bueno, en realidad yo lo voy a usar, pero me era importante verlo para que, pues,

también supieran, ¿no?

Mientras mejor mayor cosas les dé me parece que es mejor aprovechado el el espacio

pero bueno de esa manera es como ustedes pueden convertir una selección cualquiera

a un objeto atrasado este ok, no me dice aquí que lo puedo borrar, está, está men

ok en este caso yo simplemente voy a poner un texto cualquiera aquí recuerden que

este ya no es un trazado, voy a ponerlo aquí y escribimos x coge y esto Solo era mi

intención que aprendían cómo hacer eso, ¿no?

Entonces, bueno, doble clic, está por debajo, por eso no se ve.

Tengan mucho cuidado con el orden de las capas, porque si no, luego eso puede ser

un poco conflictivo, lo voy a cambiar aquí el tamaño, un 10, porque está muy grande

esto, y sigue escribiendo.

Y ahí está, voy a aplicar esto, no no es la intención tardarme con esa parte.

Y aquí, por ejemplo, doble clic, voy a aperchurrar este cuadrito y estirarlo por si

me queda alguna parte por debajo.

Alt y lo puedo arrastrar por acá.

Obviamente, habría que acoplarlo a cada a cada texto que tengamos realmente, ¿no?

Ok, entonces prácticamente eso, aquí tiene más elementos de los cables los puedo meter

manualmente.

Y por ejemplo aquí, vamos a limitar esto.

Pues vaya, esto no es más que un un, este, una forma.

Entonces, puedo usar aquí una forma de estas, así, y le vamos a poner un programa

de malillito, por ejemplo, espérenme el relleno.

Y dentro de está el título, incluso esto veo que es un template, no me había dado

cuenta.

Le voy a poner título 1, ¿sí?

Ahora, ¿qué pasa?

En este caso no me gustó cómo queda dentro de la forma porque no no no me gusta, no

queda tan bien.

Entonces, ¿qué pasa?

Puedo borrar ese texto y si no quiero que mi texto agarre esta forma, simplemente

lo pongo fuera.

Primero escribo título 1 y después lo muevo como una capa normal.

Sí.

Pero insisto, lo importante es conocer lo mejor, lo el mayor tipo de mayor número

de herramientas que podamos y con eso simplemente utilizarlo siempre a nuestro favor,

¿no?

Esto es lo que sería.

Y ahí está.

En este caso, podemos ver que aquí en la capa de abajo no es un fondo blanco, sino

que tiene un fondo ahí un poquito gris, que es muy sutil, pero que va a servir para

diferenciarlo de un fondo completamente blanco, que en este caso yo lo voy a hacer

un degradado.

Así tal vez ahí está, y luego un poquitito más oscuro, tal vez así.

Sí, eso es suficiente y voy a hacerlo radial.

Ahí está.

Ok, me gusta, voy a quitar esta capa que no me sirve de nada.

Y tal vez el fondo ya es un tanto más agresivo, voy a bajar la opacidad a un 25, 50

por 100, creo que está bien, 75.

Ok, está bien.

Ok.

Entonces, bueno, aquí estamos viendo varias maneras en las que podemos llevar a cabo

todo esto.

Por ejemplo, aquí un efecto que me gustó fue esta sombrita, ¿no?

Entonces, ¿cómo lo harían?

Acuérdense que aquí lo que yo intento es que desarrollen su creatividad y siempre

insisto mucho con mis alumnos de de que no hay siempre un botón que haga las cosas

en automático.

Muchas veces pensamos que vamos a llegar aquí, por ejemplo, como recortar un personaje

o una persona y que le decimos al sistema recorta tal y ya.

No, nosotros necesitamos decirle al sistema qué queremos recortar, dónde queremos

recortar, cómo queremos recortarlo, ¿no?

Para eso estamos nosotros.

Entonces, cuando vean un diseño, por ejemplo, no no siempre hay un botón automático

que lo haga, más bien piensen cómo lo haría.

En este caso tiene una sombra muy sutil que me gusta mucho y bueno, ¿yo cómo lo haría?

Pondría una capa encima, el fondo normal, capa nueva, pondría un cuadrito de selección,

así lo rellenaría con el mismo color de abajo, simplemente con el gotero copio y luego

con un de pintura pinto para que quede idéntico y este cuadrito por debajo de él con

una capa nueva, capa nueva, capa, Puedes tendré esto porque se me va a andar complicando.

Ahí usaría mi, este, pincel, nada más lo voy a usar aquí para no perderme.

350, un poquito más, 350.

Tal vez así.

Yo en lo personal lo voy a apachurrar un poquito.

Me parece que el el del diseño este no está apachurrado, pero a mí me gustaría darle

verlo así.

Ahí está y voy a pintar.

Control D y por ejemplo esta.

¿Sí?

¿Qué es lo que está pasando?

Pues que tengo aquí arriba este cuadro, ¿ok?

Pero como este mismo color, pues así, ahora la parte de abajo puedo simplemente ocultarlo

un poquito mejor, hacerla un poquito más larga, aplicarla aquí bien, bajar la opacidad

para que no sea tan agresivo, tal vez en 50 por 175 por 100 y demás.

Y a mí en lo personal me gusta pues jugar de esta manera ¿no?

O sea no no no me parece que sea tan complicado pero bueno así es como podemos hacerlo.

Y pues bueno prácticamente es eso y vaya no lo termino porque es que en realidad no

veo caso, por ejemplo, en este caso yo no tengo información para hacerlo, simplemente

estoy jugando con esto y me gusta que que se desarrollen las cosas así como se van

dando, ¿no?

Entonces, prácticamente es como podríamos hacerlo.

Mi intención era que aprendieran como hay ciertas habilidades para esto, pero sobre

todo el tema de los textos, los textos y los vectores, de cómo importar vectores que

no hacemos nosotros, ¿no?

Si los hacemos es mejor porque tenemos el, pues el, digamos, el permiso total de usarlos,

así como el control de los mismos, pero si no así es como lo pueden hacer, ¿ok?

Entonces bueno pues ha terminado la infografía y pues prácticamente es eso.

Photoshop

Práctica 1

Muy bien, bienvenidos a este módulo número 3.

En este módulo vamos a ver ciertas aplicaciones prácticas, pues sobre todo lo que

hemos visto en los en los 2 módulos anteriores.

No, procuraré no irme tanto por la parte de explicar, sino la parte como práctica

y de aplicaciones, así que tal vez estas clases sean un poco más fluidas y pueden

ser incluso tal vez un poco más concretas y más más cortas, ¿no?

Pero bueno, vamos a entrar de lleno en el tema.

El tema que quiero revisar con esta clase es la tarjeta de presentación.

Las tarjetas de presentación, pues, son muy importantes cuando diseñamos la marca

para un cliente.

En cuanto al branding, pues, son eso, la tarjeta es el elemento que se presenta a

nuestro cliente, incluso nosotros mismos, así que, pues tienen que ser tarjetas llamativas

y que respeten la identidad de la marca que estamos trabajando.

Para este caso voy a usar un trabajo que hice recientemente para una agencia de viajes.

Esa agencia de viajes, el logotipo final es este, tal cual.

Simplemente estoy poniendo aquí enlisté, digamos, todas las variantes que podemos

utilizar, que que el cliente puede usar a a su favor.

Y bueno, lo estoy usando porque si me pongo a enseñar un logotipo aquí nuevo y demás,

ya vieron que es un un proceso bastante extenso.

Entonces, pues bueno, aquí tenemos esta referencia, ¿no?

¿Por qué lo tengo en en en Illustrator?

Porque recuerden que los vectores, trabajar con vectores es lo mejor, porque tenemos

la máxima el máximo control de calidad de nuestros elementos y aún así yo prefiero

trabajar en en Photoshop, mis composiciones ya como para cosas pues como las tarjetas

y demás, de hecho yo en lo personal yo trabajo en Illustrator, vectores, fuera de

vectores no trabajo nada en Illustrator, no le estoy diciendo que sea lo correcto,

que esté bien, que esté mal, al final de cuentas los 2 hacen imágenes, Photoshop e

Illustrator hacen imagen, entonces en realidad trabajan con que les dé, que prefieran,

hay quien prefiere Photoshop, hay quien prefiere Illustrator.

En realidad, lo correcto es trabajar con ambos, pero sabiendo para qué es cada cosa,

¿no?

Entonces, en este caso, si yo hiciera un logotipo de estos en en Photoshop, pues se

me hubiera pixeado en cualquier momento porque acuérdense que Photoshop trabaja pixeles,

obviamente eso no me conviene porque pues necesito la máxima calidad, ¿sí?

Porque el logotipo es importantísimo.

Para el tema de lo demás, por ejemplo, por eso mismo hay gente que prefiere tal vez

trabajar en en Illustrator sus composiciones como tarjetas de presentación porque

piensan lo mismo, que no se les va a pixelar.

Está bien, yo en lo personal prefiero trabajarlas en Photoshop porque me parece que

tengo más oportunidad de hacer cosas un tanto más creativas y demás, y vaya, pues

ahí depende de cada quien, ¿no?

Entonces, no hay no hay problema, simplemente trabajen las cosas bien.

Bueno, entonces, cualquiera de los 2, generalmente el tamaño de una de una tarjeta

de presentación es en centímetros y es de 9 de ancho por 5 de alto.

Puede variar hay quien tenga ciertos datos distintos, puede ser de 10 por 4, de 10

por 6, de 9 por 6, lo que sea está bien.

Generalmente esta medida es bastante universal, ¿ok?

Este en este caso va a ser para impresión, así que acuérdense que yo lo voy a llamar

a CMYK, ¿por qué para impresión?

Pues porque vas la tarjeta de presentación es un objeto físico que necesitamos tener

tangible, entonces tiene que imprimirse.

Y la resolución es un objeto pequeño, entonces al ser un objeto pequeño se recomienda,

vaya, no hay tanta diferencia, pero sí se recomienda tener la resolución en 300.

¿Por qué?

Lo que vamos a ver cerca de nosotros, como un flyer, como un póster, como una tarjeta

de presentación, una hoja membretada, cosas que podemos tener y falpar en nuestras

manos y verlas así cercanas, se recomienda hacerlo con una resolución de 300.

Cosas lejanas que en realidad no importa la cercanía de nuestros ojos a esos elementos,

como una lona que una lona, vaya, que la vemos cerca es una lona que su objetivo no

es que la vea yo pegadito a mi cara, sino que la vea a 5, 10 metros de distancia,

¿no?

Entonces ese tipo de elementos en realidad la calidad puede bajar hasta 72 píxeles

por pulgada en cuanto a resolución, entonces en este caso nos conviene 300, ¿no?

Discúlpeme que sea un tanto amplio con eso, pero me gusta tratar de hacer las cosas

claras y, bueno, pues, ¿qué les digo?

Así así prefiero que me expliquen a mí y me gusta explicar yo también.

Como siempre, voy a hacer mi margen de medio centímetro, que es de 0.5.

Si se dan cuenta, en lo en lo que habíamos hecho antes, medio centímetro no era nada,

¿no?

Para una historia, por ejemplo, medio centímetro era cualquier cosa.

Para una tarjeta de presentación, medio centímetro es algo ya bastante más considerable,

así que las cosas siempre son según el trabajo que estamos haciendo.

Dejamos y aquí está, medio centímetro ya es esto, es bastante amplio.

Aún así voy a estar yo en lo personal de respetarlo, si considero en algún punto que

ese diseño ya no, que ese espacio, ese margen ya no me respeta ciertas cosas que necesito,

pues bueno, pues ni modo lo lo quitaré.

¿No?

Lo alteraré pues.

Pero en este caso voy a tratar de empezar a trabajar con él normal.

Entonces sería 4.5

aquí y aquí está.

Ok, ese va a ser mi margen que yo voy a tener en cuenta para ver qué tal.

Ok, vamos a empezar a trabajar.

Lo primero que voy a hacer, yo en persona que estoy usando este elemento, recuerden

que lo diseñé en Illustrator y eso es lo que me importa, que vean la correlación que

puede haber entre un sistema y otro.

Aquí en Illustrator este objeto es perfecto, o sea, jamás se va a pixelear, ¿no?

Para Photoshop, lo que sea que le pongamos, siempre se va a pixelear en algún punto.

Entonces, en este caso voy a agarrar, copiar, control c o comando c de Illustrator,

me pasa a Photoshop, comando v o control v.

Me pregunta que cómo, si yo lo doy trazado, vamos a darle objeto inteligente.

El objeto inteligente trata de mantener cierta, este, ah, porque vamos a darle oportunidad

de que cargue.

Al ser objeto inteligente, tal vez tarda un poquito más.

¿Qué significa eso?

Que es un lo reconoce como un objeto, vamos a llamarle entre sistemas.

Este objeto entre sistemas reconoce de dónde está agarrando, está agarrando de un

archivo Photoshop.

Seguramente en este caso le está pesando demasiado porque ya se tardó mucho entonces

voy a cancelar si es correcto.

Está pesando demasiado entonces bueno, ni modo voy a tener que copiarlo de una manera

control v.

Vamos a entrar como capa de formas, vamos a ver si eso nos permite mejor.

Creo que tampoco.

Ah, está del otro lado.

Está aquí, sino tampoco.

Ni modo, vamos a pegarlo como pixeles, ¿sí?

Entonces ya ven aquí que, bueno, no nos queda otra más que hacerlo como pixeles.

¿Qué pasa?

Que obviamente estos pixeles en algún punto se van a pixelar, ¿ok?

Es normal, no pasa nada, en este caso voy a respetar mi margen.

Incluso lo puedo hacer así como al rato el margen.

Esta va a ser la parte frontal de mi tarjeta de presentación.

Y bueno, vamos a basarnos en alguna de estas de acá.

Vamos a ver qué podemos hacer.

Este logotipo, o sea, me gustan, esas están están bien, pero a mí me gusta en lo personal

hacer cosas más fuertes, o sea, como muchas veces más como estas.

O como esta, a mí en lo personal me gusta mucho, ¿no?

Pero vaya, depende de cada quien.

Esta me gustó mucho y esta de aquí también porque siento que va un poco con los colores

que yo trabajé, así que bueno voy a tratar de hacerlo así.

¿Qué voy a hacer?

Voy a poner una capa por debajo.

También aquí ya puedo picarle sin problemas una capa nueva voy a usar mi degradado

este degradado lo voy a copiar de mi elemento que tengo aquí que de hecho es un degradado

también copiamos color número 1 doble clic y copiamos color número 2 Aquí está, lo

aceptamos, es un ordenador lineal que va a venir de aquí para acá.

Aquí está.

Ahora, ¿qué pasa?

Obviamente, este, pues se pierde, ¿no?

Se pierde porque los colores coinciden, entonces va a ser una capa nueva.

Esa capa recuerden que está encima de mi logotipo, con clic derecho le voy a dar crear

máscara de recorte y voy a pintar con color blanco en esta, recuerden que la máscara

de de recorte, perdón, es para que no salga de aquí, entonces aquí tenemos la primera

parte de mi tarjeta de presentación.

¿Qué sería esto?

A mí en lo personal me gustan mucho así las tarjetas de presencia de presentación

con sólidos YYY la parte frontal que sea fuerte, ¿no?

Que sea evidente.

Por ejemplo, para esta marca no le dice tarjetas de presentación, solo le hice su

su logotipo y su manual de identidad corporativa.

Entonces pues digamos que estoy improvisando ahorita su su tarjeta, entonces puede

ser como un producto real ¿no?

Incluso se lo puedo ofrecer a a mi cliente, o bueno, ya veremos, ¿no?

En este caso, ya tengo la primera parte, que sería la parte frontal, selecciono todas

mis capas, control g, y lo voy a poner aquí frontal, ¿No?

Frontal, le puse, frontal.

Ok, me gusta, lo voy a guardar con control s y lo voy a guardar en la clase número,

en esta que sería la clase, vamos a ponerlo acá afuera.

Espérame aquí, vamos a ponerle práctica.

Y la clase número, clase 1.

Voy a guardar mi archivo Photoshop como tarjeta nause.

Me gusta guardar con ese formato en mis trabajos y tenemos la parte número 1, archivo,

guardar como, voy a exportar esto como JPG, lo voy a poner frontal bien bajo tarjeta

bien bajo lados y guardamos, ¿ok?

Bien, vamos por la parte trasera.

A mí en lo personal, les digo, me gusta mucho este tipo de detalles así como muy sencillos,

muy muy, o sea, fuertes en cuanto a tamaño y así, pero como vaya muy concretos, muy

directos, ¿no?

Habrá quien le guste más tipo de detalles también se vale, yo en lo personal prefiero

trabajar así.

Entonces, voy a tratar de hacerlo de la misma manera.

Voy a usar una capa nueva, voy a poner una regla justo a la mitad, recuerden que si

yo jalo mi regla en algún punto, si hay manta, ahí esa es la mitad de mi formato,

¿ok?

Entonces, bueno, voy a poner aquí un cuadrito de selección.

Voy a regresar aquí con control j, voy a aplicar este logotipo y el que queda por

debajo lo voy a hacer por acá.

Ok, ahí está, ¿por qué se está viendo así?

Algo está pasando aquí, medio extraño.

Ah, se recortó, por alguna razón se recortó.

Entonces, permítame.

Ah, claro, estoy activada mi selección, espéreme, voy a control J, ahora sí.

Que no se preocupen, ahí hice yo a un reguero, pero ya está.

Estoy haciendo esto para que ahora sí yo pueda tener mi cuadrito en una capa vacía.

Voy a copiar el color, puede ser este color de aquí que me gusta mucho, de este logotipo,

este, copiamos, salgo, y Por ejemplo, aquí pude traerme este, pero la verdad es que

se me había olvidado que estaba.

Te voy a copiar este, control c, control v, pixeles, que tenemos aquí, lo voy a pasar

por acá.

Y respetando mi margen quedaría algo así.

Si no, me van a encargarme de que esté a la mitad, creo que esa es la mitad.

Recuerden, con clic y clic aquí puedo buscar acá a la mitad.

Ahí está.

Ok, y bueno, sería cuestión aquí de usar, ya saben, los los datos de la persona.

En este caso, obviamente, no voy a poner sus datos.

Por ejemplo, ¿dónde está?

¿Cuál es la que me estaba basando?

Ah, más o menos como esta.

Digo, a mí me gustan como estos, ¿no?

Pero para variar voy a usar más o menos como este.

Y, por ejemplo, ahí dice Ana Gutiérrez.

Obviamente, esto es muy grande, voy a bajar el tamaño a un 25.

Mucho más, voy a bajarle a un 15.

Ok, aquí me gusta más, Ana Gutiérrez.

Aquí tal vez yo use de nuevo volví a borra mi logotipo, lo voy a bajar acá arriba.

Este lo lo tengo como paleta de colores para recordar el tipo de colores que puedo

usar.

Entonces, a Ana Gutiérrez la voy a poner en ¿es color?

No sé si ese color, menos con este.

Me gustan los 2, Voy a usarlo así.

Ana Gutiérrez.

Voy a ponerle hacia abajo, yo que sé, moritos para su teléfono.

1, 2, 3, 8, 6, 7, 8, 9.

Y voy a bajarle también el tamaño, un 5, nada, es muy pequeño, eso fueron 10.

Me gusta, pero tal vez voy a dar un poquito, pero está bien, ok, 10, ok, me gusta,

tal vez aquí duplico, doble clic y Ana Gutiérrez arroba Naos Viajes punto com, me

gusta y una último detalle podría ser nuevos viajes punto ok este de aquí ahorita

no estás probando así que lo voy a esconder hasta ahorita así va mi tarjeta de presentación

control h para quitar las vías y bueno ¿qué va a pasar aquí?

Si se dan cuenta aquí me está haciendo muchísimo ruido todo el espacio que estoy dejando

acá tengo 2 opciones hacer más pequeño el evento O sea, prácticamente para hacer lo

correcto tendría que agarrar de aquí, veo que no está bien alineado, tenía que agarrar

una regla y sería llevarla hasta los 4 centímetros y encargarme de que el elemento

esté justo ahí.

Estaba más o menos similar, así como nada más calculándole a ojo no me fue tan mal.

Este ya no la quiero.

Y recuerden que salta, está marcando.

Entonces, sería esto.

Ah, me va gustando, creo que no está mal.

Tal vez aquí le voy a cambiar el color porque me hace un poquito de ruido que sea

azul, ¿no?

Vamos a ponerlo todo en negros.

Tal vez en así me gusta un poquitito más.

No en negros completos, sino en un negro ahí, más o menos.

Más o menos, en un negro ahí, más o menos.

Más o menos tirándole a gris oscuro, ¿no?

Ok, me gusta, y vaya.

Vamos a ver también, aquí está.

Ok, me gusta, tal vez no sé si cambiarlo la la orientación, tal vez como voy a cambiarla,

voy a contemplarlo, voy a pegar esto por acá, voy a pegar esto aquí, Ok, sí, creo

que me va a gustar más así.

Y voy a usar rápido unos íconos, aquí veo que hay una diferencia entre este y este

según yo, así que voy a subirlo para que me marque, ahí está, la equidistancia.

Y entonces vamos a buscar íconos, íconos, voy a buscar en otra en otra esta distinta,

íconos teléfono, o bueno, celular, celular, o móvil o como prefieran decirle, ¿no?

Me gustan estos circulares, derecho, copiar imagen, pasamos acá a control v, con una

varita mágica voy a quitar color negro.

Para quitar todo lo negro de un jalón le puedo dar aquí selección similar, como agarró

color negro ya identifica todo el color igual, lo borro, control d, control t, y bajamos.

Entonces, bueno, yo creo mucho más pequeño porque tiene que ser así algo que hay.

Ahí está bastante bien.

Y luego, voy a pegarlo a esta parte de algo.

Ahí está, me gusta.

Ok, sí, sí me gusta.

Luego icono mail.

Tiene que tener lógica con lo que acabamos de poner.

Entonces, me gustaría usar 1 también así, circular, ¿no?

Es decir, si hubiera puesto 1 como este, bueno, ahorita tengo 1 circular y que el

relleno es este vacío, ¿no?

Más bien, el vacío es el el icono.

Si después pongo este no tendría sentido porque son líneas, entonces tendría que usar

1 como este que que me encargue yo de lo mismo, Después un círculo y la parte interna

del círculo que está vacía va a ser el el el ícono del mail, ¿no?

Si esto no queda muy claro, deme oportunidad y ahorita lo ejemplifico.

Control t y voy a asegurarme que quede aquí alineado.

Aquí, bien, vamos a bajar el tamaño.

Bueno, aquí, por ejemplo, podría acercarme acá, ponerlo encima y asegurarme de que

tenga el mismo tamaño.

Tal vez así, según yo, por ahí están bastante similares.

Ajá, están.

Ahí están.

Sí, me lo agradezco haciendo bajarlo.

Y ahí está, estoy dejando la mitad si se dan cuenta.

Entonces bueno, ahí van tienen cierta coherencia, tienen cierta lógica, ¿qué pasa

de ese?

Ya agarro este como les decía, control v, voy a quitarlo rapidísimo, obviamente todo

esto lo estoy haciendo para para hacerlo rápido.

En un trabajo ya bien hecho, pues tendría que tomarme bien el tiempo de que todo quede

bien, pulir ciertos detallitos, limpiar las elecciones, etc.

Entonces, por ejemplo, esto es a lo que voy y es 1, o sea, este tipo detalles se le

va a muchas personas, ¿no?

¿No?

Esto y esto son completamente diferentes.

Esto y eso tienen lógica porque esto es un círculo con el icono interno, esto es un

círculo con el icono interno, con el con el icono interno, ¿no?

Y esto pues es simplemente ahí un trazado ¿no?

Entonces pues aquí ya no tiene coherencia con lo que teníamos antes, la coherencia

que aquí es importantísimo todo tipo de cosas.

Vamos por el último icono que sería icono web punto png y lo mismo tengo que buscar

un similar en este caso este me gusta, copiamos, pegamos control más T para hacerlo,

ah no, está bien voy a borrar primero antes de hacerlo pequeño vean como lo que hago

primero es, dejen aquí selección similar, clic, selección similar.

Ok, vamos a borrar por de una vez.

No, aquí esto no está terminando el mismo.

Vamos a agregarlo.

Ok, ahí está.

Borramos, listo, control D, me alejo control D, y ahí está.

Ok, vamos a usarlo para acá, aunque tenga también un tamaño idéntico.

Entonces, lo ponemos aquí, va para abajo, ahí está, lo centramos un poquitito más,

ahí está, bien.

Ahí está, Está marcando igual a la mitad y aquí le marca la mitad.

Ahí está.

Bueno, ya lo tenemos, ¿no?

Ahora, obviamente estos no son los prorrocorporativos.

Yo tengo que encargarme de eso.

Lo que voy a hacer aquí es combinar estas capas, que son esta, esta y esta.

¿Ok?

Derecho a combinar capas, ya están en una sola, ¿sí?

Voy a control clic para que me agarre así.

Voy esconder este, voy a hacer una capa nueva y voy a dar ponerlas en este colorcito

que me gustó bastante acuérdese que estoy en una capa nueva vacía vamos a ver qué

tal ahí, pinto, pinto y queda así tal ¿Ok?

Entonces bueno creo que ahorita me gusta, va respetando todas las necesidades que

que y las medidas que yo le puse, ya la capa de abajo lo puedo borrar.

Puse este color para tratar ponerle un fondo, por ejemplo, algo para que más o menos

asemeje a este tipo de cosas ¿no?

En este caso es un es un vectorcillo, hay unas figuras.

Yo voy a poner aquí un viaje, ¿no?

Viaje a ver qué tal.

Por decir algo, tampoco tiene que ser algo tan agresivo, pero es simplemente para

que, pues no se les, tal vez les ayude como a desarrollar un poco más su sus ideas.

Control v, control t, lo que tengo que hacer es que este viaje quede simplemente del

tamaño del cuadro.

Acuérdense que con control y que además cada recorte me aseguro de que ese elemento

quede solamente dentro del cuadro, y lo voy a mezclar con modos de fusión.

Vamos a probarlos, a ver si hay alguno que me guste.

No me encantó ninguno, pero vamos a poner que ese, vamos a ponerle 50 por 100 de opacidad,

25 por 100 de opacidad, 10 por 100 de opacidad o 5 por 100 de opacidad.

Tal vez algo así, ¿ok?

Cuando esté 5 por 100, vamos a ponerle un 7 por 100 mejor.

Voy a ver si hay una que me guste más.

Entonces, bueno, aquí tendríamos, por ejemplo, ese tal cual, ¿sí?

Y como guardemos, archivo guardar como, eso sería nuestra segunda parte, que sería

JPG Tarjeta regreso.

Guardar.

Ahí está.

Obviamente eso depende de creatividad con tiempo y demás.

Obviamente se hacen cosas pues más complejas.

Mi intención es simplemente como siempre mostrar las partes básicas para que ustedes

puedan desarrollar lo que se les ocurre, ¿ok?

Pues bueno, hasta aquí dejamos el tema de la tarjeta de presentación y pues, listo.

Práctica 2

Muy bien, bienvenidos a esta segunda clase del módulo de práctica.

Me gustaría seguir un poco en la línea del ejercicio anterior, que fue la tarjeta

de presentación, vamos a ver lo que es la hoja membretada.

Seguramente algunos ya saben lo que es un un membrete o una hoja membretada, es simplemente

darle identidad a un a, pues vaya, una hoja, ¿no?

Puede ser una hoja, puede ser un folder, lo que sea, pero es darle esa identidad de

la marca a un formato.

De esa manera, como les dije cuando estábamos haciendo el manual de identidad corporativa,

que sea y parezca de la marca que estamos haciendo, ¿ok?

Entonces, bueno, aquí tengo varios ejemplos.

Me gustó mucho este, está bastante concreto, así que creo que lo voy a basar en algo

así.

Y bueno, esta vez, a pesar de que yo soy más de trabajar en en Photoshop, voy a hacerla

en Illustrator.

¿Por qué?

Porque también me parece importante el andar haciendo, como les decía, esta correlación

entre 1 y otro, esta alternancia, digamos, pues para que también vean y se suelten

hacer las cosas, vaya, entre 1 y otro, ¿no?

Así como yo, pues también en este caso, aunque me es mucho más cómodo Photoshop porque

es con el que más trabajo, pues también vean que lo puedo realizar en en Illustrator

y pues bueno, que sepan que, como defiende desde el principio, háganlo de la manera

que a ustedes les les convenga más en cuanto a su estilo, en cuanto al tipo de programa

que prefieran, etc.

Entonces bueno esta vez lo voy a hacer en Illustrator.

Vamos a hacer un archivo tamaño carta porque obviamente esto es una generalmente una

hoja que se usa para la membresía tamaño carta, entonces bueno vamos a darle archivo

nuevo, vamos aquí a imprimir tamaño carta, ya está, en este caso es MYK porque también

va a ser para impresión y vamos a darle vertical y creamos.

Y listo, aquí está nuestra nuestra página, ¿ok?

Nuestra tamaño K.

Vamos a, en ventana, vamos, perdón, en ver, vamos a mostrar las guías y aquí en ah

no las muestra porque no las muestra.

Reglas, perdón, reglas, mostrar reglas, aquí están.

Y voy a hacer como siempre, como solo hacer en Photoshop, voy a hacer mi 10, ¿ok?

Miren, una de las diferencias principales que tiene Illustrator con Photoshop son

ciertas herramientas en cuanto a la facilidad.

Por ejemplo, yo puedo hacer esto y estar buscando y calcularle aquí.

En este caso, no tengo la marca, ¿no?

De de de los centímetros, pero aquí arriba tengo la regla, ¿sí?

Entonces, bueno, algo que puedo hacer para evitarme ese problema es aquí, voy a sacar

un cuadro.

Si le doy un clic, bueno, si lo doy sostenido, acuérdense que sale un cuadro seguro,

queramos, pero si le doy un clic nada más, me pregunta de cuánto quiero mi cuadro.

Mi cuadro va a quedar de 0.5

por 0.5.

Ahí tengo mi cuadrito, lo voy a rellenar de color, un color negro, entonces este,

ay, le perdí el color, este cuadrito, ahí está, una de las cosas que no me gusta de

Illustrator es que, por ejemplo, Photoshop con con z, clic sostenido a la derecha

puedo simplemente hacer como en tiempo real un zoom un zoom in y un zoom out y aquí

tengo que clic por clic pero bueno no pasa nada entonces Tengo aquí mi cuadrito, como

les decía, podemos simplemente ya pegarlo, ya está aquí y aquí, y este cuadrito yo

le voy a poner su regla para no andar midiendo, Saco mi regla, se manta aquí, listo,

y se manta acá, listo.

¿Ya ven?

Da justo y es un pequeño truquito.

Más que truquito es una maña que se tiene muchas veces que hacemos esto, ¿no?

Entonces, pues ahí está, voy a traer mi cuadrito para acá porque se me quedó ahí.

Voy a traerlo para acá.

Lo dejamos para acá, para acá, para ver si me puedo alejar un poquito para no andar

sufriendo tanto, uso para acá, luego para acá, suelto lo traigo para acá, aquí está,

me voy a acercar, y lo vamos a poner ahora, ahí está y ahí está listo, entonces ahora

otra vez traigo mis guías, bueno mis reglas, aquí se llaman reglas, y me alejo y ahí

están, ahora sí están listas ¿ok?

Entonces bueno ya tengo listas mi mi margen ¿no?

Voy a traer también de este formato voy a traer con control c y aquí veo con control

v pues mi logotipo lo voy a poner aquí si está bien me antoja ponerle aquí abajo una

pequeña línea, esa línea puede ser con mi pluma o yo prefiero hacer un cuadrito, un

cuadrito que tenga un color negro, Tal vez un poco más delgadito, me voy a acercar.

Ok, ahí va, me está gustando, vamos a hacerlo un tanto más arriba, no, yo creo que

está ahí para que no interfiera conmigo.

Con mi logotipo, lo que no sé es si hacerlo más menos ancho.

En cuanto a aquí me voy a acercar un poco más para ponerlo con claridad.

Aquí mandamos 1 bien, y acá, y bueno parece ser que aquí está bien, es lo que me gusta,

ahorita voy a contemplarlo pero creo que nada es me gusta.

Ok voy a hacer un cuadro más, este cuadro lo voy a poner aquí, que va a ser el cuadro

de abajo, le va a estar la información, le voy a poner un relleno aquí degradado y

voy a copiar color número 1.

Ah, ok, en este caso me está pidiendo bien, ah, claro, como es un elemento creado

en Illustrator, perdón, me puede copiar bien los los cerrados, entonces va a ser incluso

más sencillo.

Ahí está.

Me gusta o no me gusta.

Me gusta, así se ve bien.

Ok.

Me está gustando hasta ahorita, voy a usar este mismo control c, control v, voy a

hacerlo un tantito más ancho.

Está demasiado ancho, pero ahorita lo corregimos.

Vamos a hacer para aquí, ahí está.

Está muy ancho como dijimos, vamos a bajarle esa anchura de arriba para abajo.

Yo creo que está bien, si me está gustando voy a ver si me gusta más en esto y con

eso sí ahorita lo echamos tal vez me puede gustar si le bajamos la opacidad entonces

agarramos aquí le vamos a bajar la opacidad 50 y creo que sí me gusta un tantito más,

si no vamos a dejarlo en 75, y creo que sí me está gustando más.

Ok.

Entonces, bueno, vamos a hacer lo mismo que hicimos en Photoshop con en cuanto a los,

este, los íconos, pero para Illustrator, sí vamos a necesitar que sean PNGs, no puedo

editarlos tan fácil como en como en Illustrator.

Entonces, vamos a buscar de nuevo.

Ah, bueno, primero vamos a poner un poco de texto.

Vamos a poner un texto, vamos a escribir aquí.

Este, una dirección cualquiera, avenida, ficticia, número 8, colonia, este, imaginación,

yo que sé, provincia, estado, estado estado de Hilante.

Ahí está, ¿no?

Creo que aunque no me desagrada, como que visualmente algo me hace ruido, no sé si

prefiero ponerlo así.

Ahí está.

Y bueno vamos a dejarlo acá, voy a cambiar el color de este texto a blanco, ahí está,

luego aquí vamos a seguir, Vamos a poner aquí un 55, igual que anterior, 1, 2, 3,

4, 0, 6, 7, 8, 9.

Me gusta ese número porque está más fácil de recordar.

Tenemos aquí el número, ¿qué más nos faltaría?

Página web, ¿no?

Ay, correo, ¿verdad?

Enaos Viajes punto com.

Y por último, bueno, ya se va a regresar, no, este aquí dijimos que era el de Ana

Gutiérrez, vamos a ponerle contacto arroba terminados viajes punto com.

Esta tipografía no me está dando el arroba.

Bueno, cuando pase eso, un truco es buscarlo acá en Google, escribirlo ahí, pegarlo

acá nada más.

Contacto arroba, ya está.

Listo.

Aunque no coinciden las tipografías, bueno pues es para que se entienda, ¿no?

Ok, ya como veo así, veo que es demasiado texto, entonces estaría encimandolo demasiado

si pongo tenía bien la idea de poner aquí al lado los íconos, ¿no?

Encimando demasiado si lo hago así.

Entonces, vamos a dejar más bien los íconos por encima del texto para que esto tenga

un poquito más de espacio.

Volverme al texto para que quede bien, aquí está 1.

Este tiene que ir ahí, ok, bien, y este vamos a pegarlo hasta acá.

Shift, Shift para que no se mueva hacia arriba o hacia abajo, y ¿cómo está?

Ok, ahorita lo voy a dejar así.

Igual depende, recuerden que pueden irlo alternando como quieran, está bien, háganlo

a su favor, pero lo vamos a empezar a lo bueno que es la parte de los íconos, ¿no?

Entonces vamos a pasar por locación, location icon PNG.

Y vaya, la manera correcta sería trazarlo, ¿no?

O sea, y si no, no habría otra manera más que trazarlo, eso sería la manera adecuada.

Pero bueno, eso ya lo hemos hecho desde el principio del curso, así que estoy también

intentando enseñarles otros elementos, aquí está, ese me va a servir.

Voy a guardarlo, acuérdense que los PNGs no conviene pegarlos, ¿por qué?

Porque si lo copio y lo pego, me lo pega con fondo negro, entonces aquí se pierde

por completo.

Entonces vamos a darle guardar imagen como, vamos a guardarlo en esta segunda clase

de la práctica.

Clase 2.

Vamos a guardarlo y vamos a la carpeta de la práctica Aquí está, nos vemos para acá

y bueno listo, ok?

Tenemos varias opciones de hacerlo, yo la que prefiero es la de la mascara de recorte,

entonces recuerden, vamos a, en este caso me conviene ponerlo blanco, no para que

contraste.

Voy a hacer un cuadro blanco que abarque este objeto.

Si está blanco, ¿bien?

O sea, para que quede claro vamos a hacerlo acá afuera.

Este va por encima.

Seleccionamos ambos, clic derecho, crear máscara de recorte y no funcionó, ¿por qué

no funcionó?

Ah, claro, tengo que hacer algo, el tema es que no funcionan las máscaras de recorte

con, este, con fotos, esto es una foto para Illustrator.

Entonces sí tengo que hacer forzosamente el otro método, yo pensé que eran 2 métodos

distintos pero me acordé que son el mismo, bueno más bien no tengo opción.

Lo que voy a hacer es seleccionar mi elemento que en este caso es un PNG, le voy a

dar aqui en calco de imagen tengo varias opciones pero vamos a dejarlo el que este

por defecto calco de imagen lo traza de esta manera le vamos a dar expandir aunque

haya puesto un fondo no importa vamos a darle expandir ok y luego agarramos todo este

elemento este así tal cual porque si agarro 1 como que no lo agarre bien o creo que

si creo que da igual clic normal y luego clic derecho y le vamos a dar en desagrupar

Con desagrupar se supone que esto es un trazado de lo cual esto ya es un elemento

distinto de esto, ¿sí?

Es decir, me calcó mi imagen de manera automática.

¿Por qué no recomiendo hacer eso siempre?

Porque no es muy perfecto, miren, si me acerco pueden verse ciertas imperfecciones

como esta, ¿no?

Y y bueno eso crea un elemento muy sencillo ¿no?

Entonces bueno pues no carguen fotografías y cosas así, carguen vectores por ejemplo

como este ¿no?

Pero bueno aquí tengo 2 opciones la más sencilla pues como este ya es un elemento

trazado simplemente puedo cambiar el color sin ningún problema ¿no?

Pero si fuera algo más complejo y necesitaran no se tuviera más colores por ejemplo

pueden simplemente hacer ahora así la máscara de recorte Esta tenía aquí encima, una

organizada, otra vez al frente.

Agarramos ambos elementos, perdón, déjeme acomodarlo bien, agarramos ambos elementos

y clic derecho para la máscara de recorte.

Este.

Cualquiera de las 2 funciona, no hay problema, pero sí es la madera en la que se calca.

Si quiere enseñarles eso, esto, pero bueno, ya salió aquí, ¿no?

Entonces, bueno, vamos a ponerlo aquí.

Voy a hacerlo más pequeño.

Recuerden puede parecer una función muy amigable pero no es lo ideal, siempre lo ideal

es trazarlo nosotros ¿ok?

Vaya para cosas como esta que en realidad pues como se va a ver así chiquito y demás

no hay tanto problema pero para cosas como logotipos por ejemplo jamás lo hagan obviamente

siempre conviene trazarlo ¿no?

Pero bueno vamos a seguirlo en este caso sería phone o self phone Este está perfecto,

clic derecho, guardar imagen como.

Vamos a guardar aquí, vamos a distraer, vamos a repetir el proceso de aquí para acá.

Ahí está.

En este caso, digo, si, por ejemplo, si mi fondo fuera blanco y necesitaría tal cual

así el el logotipo, pues me puede servir el ícono, perdón.

Pero en este caso sí lo tengo que calcar porque lo quiero cambiar de color, ¿no?

Entonces, calco de imagen.

Una vez que hace esto, le damos aquí mismo a expandir y en cuanto termina eso, clic

derecho, desagrupar, podemos entrar que ya está para corroborarlo, agarre solo el

objeto y lo mueven.

Ya está, todo esto lo eliminamos, no nos sirve absolutamente de nada.

Agarro esto, le puedo cambiar aquí el color.

Listo.

Voy a dejar en el tamaño que el elemento del icono de la locación, bueno, de la ubicación.

Aquí vamos bien, poquitito, yo creo que ahí está, ahí está.

Bien, pues el que sigue, sería como por aquí el centro.

Ok, vamos bien.

Sigue mail, vamos por el mail mailicon.

Y bueno, pues si se dan cuenta es prácticamente aprender a editar, ¿no?

Por ejemplo, si me tienen una foto así, lo mismo es que no lo quiero hacer porque,

si funciona bien, puede ser que desarrollen la mañana de hacerlo siempre con fotos

así.

Yo prefiero siempre hacerlo con con PNGs.

Entonces, déjeme buscar un PNG.

Bueno este creo es el PNG incluso lo poco que hay de pegar ¿por qué lo voy a usar?

Porque tiene muy claro los colores ¿no?

O sea es un sólido ahí enorme blanco con un sólido en medio bueno varios sólidos negros

en medio ¿no?

As como est, seleccionamos, cálculo imagen, expandir, clic derecho, desagrupar, agarramos

el elemento de adentro, pero eso es lo que pasa, no es un PNG, lo ponen diferente.

No pasa nada, puedo agarrar todo blanco y ahí está.

Agarramos esto.

Y acuérdense que es que si lo grupo aquí derecho le puedo dar en unir, perdón, no

agrupar sino unir.

Ok no me está dejando unirlo vamos a ver si lo puedo agrupar agarramos click derecho

agrupar ahí está y eso es bueno que también poca la del color Entonces en este caso

tuve que agruparlo porque son varios elementos separados y lo voy a pegar igual, aquí

me voy a acercar.

Y ahí está.

Si en algún punto hacen un grupo y ese grupo poca que cosa no sé, no les gustó, la

parte de abajo la quieren borrar o eliminar o editar lo que sea, doble clic acuérdense

entran al grupo y ya es completamente editable, ¿sale?

Dobleplica afuera y con nosotros salen, entonces vaya se puede jugar con eso sin ningún

problema.

Y por último el web, vamos por el icono web, webicon.m.

¿Y cuál me gusta?

Este, Bien, guardar imagen como, lo vamos a guardar ahí, le voy a Illustrator, en

este caso lo voy a guardar de todas maneras, aquí lo traemos para acá, Bien.

Entonces, bueno, si se dan cuenta, las metodologías, aunque son similares, tienen

sus diferencias entre Photoshop e Illustrator.

Cada quien es libre de elegir a quien le guste.

Como siempre insisto, no es que 1 sea malo y otro bueno, yo creo que más bien lo ideal

es, pues, poder usar ambos y eso sería lo lo mejor, ¿no?

Entonces, bueno, aquí, ya que terminamos, comemos esto hacia acá a blanco.

Necesito, voy a ver si le ponemos otro detallito.

Ahí está.

Bajamos el tamaño de esto.

Me acerco aquí, vamos a usar este referencia, Un poco más pequeño, y está bien, entonces

aquí está.

Entremos para acá.

Ok, me gusta.

Y aquí tenemos nuestra membretada, ¿no?

Obviamente, insisto, eso depende de lo que ustedes le quieran dar.

A quien le gusta darle a más, este, como elementos curvos y demás, y dibujar adelante,

o sea, eso depende de lo que ustedes quieran.

En este caso, yo simplemente le voy a poner aquí este elemento que me gusta mucho,

lo copio, lo pego, lo voy a poner aquí en Norman todavía.

Hoja membretada y lo voy a bajar considerablemente la opacidad a un 25 por 100 ahí

está algo así puedo hacerlo talla menos lo que sea da igual archivo guardar como vamos

a guardar el archivo illustrator para que también no se les olvide y bueno aquí vamos

a regresar a mi carpeta de la clase y vamos a poner aquí membretada ok y vamos a guardar

después esta imagen archivo vamos a darle exportar exportar como vamos a ver aquí

en no cierto perdón es archivo guardar como vamos a guardar aquí como ok como como

JPG, pero no lo estoy encontrando, algo que está pasando aquí.

No, vamos para pantallas.

Tu knock, aquí está, no lo he visto, perdón.

Es exportar exportar como jpg, vamos a ponerle membretada guion bajo mouse, exportar.

Aquí, esto es importantísimo, voy a apuntar la calidad, vamos a ponerle máxima, CMYK,

ok, y vamos a ver si se me exporta en lo adecuado, aquí está.

Muy bien, doble clic.

Aquí está nuestra, ahora sí, listo, nuestra hoja de metal.

Ok, lo estoy checando para acercarnos.

Sí sale un poquito, porque se le da.

En este caso no se puede que sale así pero y generalmente con eso es suficiente vamos

a darle aquí exportar como vamos a quitarlo como png y vamos a ponerle mambretada

png exportar bien ¿Creen que el JPG y el PNG usan imágenes?

La diferencia es que no tiene fondo y el otro no.

En este caso, este es el PNG, vamos a ver si hay una diferencia de calidad en cuanto

al PNG.

Pero sí, no lo ve mal.

Entonces, prácticamente es eso, tenemos el editable, tenemos los los, este, archivos

en imagen y eso es tal cual para crear una una hoja en verdad, igual que siempre,

el tema es que ustedes desarrollen la idea, que se suelten a crear y, bueno, pues,

prácticamente es eso.

Entonces, hasta aquí me place.

Práctica 3

Práctica 4

Muy bien, en esta clase vamos a hacer lo que es un tríptico.

Si se dan cuenta, en realidad las técnicas de diseño, vaya, ya no son tan amplias

porque, o bueno, me refiero a no me no me enfoco tanto en ellas porque en realidad

de suma, pues lo vamos desarrollando cada quien según lo que vamos haciendo, vamos

aprendiendo y demás.

Me estoy enfocado tal vez en ciertos temas muy específicos como el el la vez pasada

el el artículo de revista y ahora los sépticos para que sepan cómo resolver ciertas

cosas, ¿no?

Sobre todo aquí, por ejemplo, cómo va a ser mi tríptico, porque necesitamos dividirlo

en 3 partes, ¿no?

Entonces, no hay una herramienta como tal, no siempre hay una herramienta como tal

o un comando, más bien sería cuestión de idearnos cómo, pues, cómo lo vamos a resolver.

En este caso, un tríptico es una hoja tamaño carta, archivo nuevo.

Vamos a ver aquí tamaño carta, en horizontal y aquí nos está diciendo, vamos a ponerle

centímetros, nos está diciendo que de anchura tiene 27.94,

ok.

Yo voy a sacar mi calculadora, me parece mucho más sencillo, seguramente hay quien

tenga otras técnicas de cómo hacerlo, yo en realidad no me complico, así que 27.94

entre 3 dice 99.319

0.31,

sí, está bien.

Entonces, bueno, vamos a dejarlo aquí, vamos a crear.

Vamos a dejar esto esta en impresión, vamos a poner si me llega, crear y aquí está,

¿no?

Entonces, bueno dijimos que tiene 9.31,

en este caso voy a usar mi regla, le damos a sacarla hasta cuando marque 9.319

0.31,

aquí vamos por aquí.

Me voy a acercar para poderla ver aquí bastante, con bastante tamaño, 9.31,

¿qué digo?

9.31

0.33,

pero bueno, está bien.

Ok, así me gusta.

Para hacer la otra división, pues puedo simplemente hacer una capa nueva, sería una

capa nueva.

O sea, puedo volver a contarle ahí, ¿no?

Puedo sumar nada más, pero yo en lo personal, les digo, prefiero siempre llevármelo

tranquilo, así que hago un cuadro de selección en mi capa nueva, lo pinto con mi voz

de mi dura o con mi degradado, lo paso para acá, saco de nuevo una de estas y listo.

Vamos a corroborar que quedó bien porque siento que quedó un poquitito movido, no

se ve bastante bien y jalamos para acá.

Listo, entonces aquí tenemos ya, eliminamos mis 3 secciones de mi tríptico, ¿ok?

Ahora, en este caso voy a, es que bueno vaya, puedo agarrar cualquiera de estos o

cualquier diseño y demás y pegarlo, pero bueno, vamos a ver algo así bastante rápido.

Voy a usar mi pluma, a lo mejor esta pluma voy a hacer un dibujo de aquí para acá,

¿no?

Y luego de aquí, lo voy a cerrar con alt, aquí y aquí, aquí y acá.

Y este lo voy a dibujar, lo voy a dibujar, lo voy a colocar, perdón, va a tener un

color interno de este tipo de color.

Vamos a poner.

Control J, lo voy a duplicar, este va por encima, le voy a cambiar el color a 1 más

oscuro, tal vez algo así, lo voy a bajar un poquitín, no sé tal vez algo así y tal

vez 1 más control J vamos a poner 1 negro y lo vamos a bajar un poquitín más, tal

vez este le voy a bajar la opacidad a un 50 75, o así, algo así.

Vamos a poner que me gusta, no me encantan los colores, vamos a ver si me conviene

bajar la opacidad al medio porque también como que siento que se me convenció, 50,

ahí me está gustando más, y tal vez sea el color de este el que no me convence, déjeme

revisarlo.

Procuro de verdad no no tardarme con esto, pero bueno, pues como como me saltan a

la vista ciertas cosas, bueno no me voy a dejar así.

Entonces tenemos aquí esta parte voy a duplicar todo esto, seleccionamos control j,

lo va a pasar para acá arriba y le voy a invertir condición, transformar, voltear

vertical para que sea al revés y ahora horizontal, edición, transformar, voltear horizontal

y de esa manera me quede así, tal vez un poco más para arriba que no sea tan agresivo,

no sé no algo así control G para agrupar control G para agrupar vemos si nos conviene

bajar la opacidad o no la hay 5 50 o 100.

Bueno, lo voy a dejar así.

Voy a voy a pegar aquí también unas fotos y digo yo sé que no es el el típico ideal,

¿no?

Probar 1 aquí como de edificios porque quiero Vaya, las técnicas pues son son las

mismas, ¿no?

O sea, no voy a enseñarles una herramienta nueva, pues.

Ya conocemos las herramientas que se usan para diseñar.

Control más T, lo voy a poner aquí, que abarque todo y ahí está.

No sé si me gustaría tal vez mezclar esto de alguna manera para ver si genera alguna

mezcla interesante.

Este me gusta que es aclarar.

Vamos a seguir viendo algún otro.

Creo que en lo personal no me gustaron tanto.

Entonces, ese tal vez me gusta un poco, pero no sé.

Esta me llama la atención, creo que sí, voy a usar este, tal vez lo voy a sacar un

poquitito para acá, lo voy a guiar un poco para que no abarque tanto espacio, Quitarles.

Bueno, no, lo voy a dejar así, es luz fuerte y este me voy a dejarlo como luz fuerte,

luz fuerte.

Perdóneme si lo pruebo, este tiene que estar normal.

Debe de ser este luz fuerte ok por ejemplo aquí está nada más voy a dejar normal este

entonces este sería luz fuerte este también sería luz fuerte.

Y este, estamos en luz fuerte.

No, qué extraño.

No, estoy buscando cómo deja todo el agua por encima.

Ahorita.

Listo, vamos a dejar normal.

Ahí está, así me gusta mucho más, y creo que voy a hacerlo este lo mismo con el de

atrás, adelante perdón.

Ok, ahí me gusta un poquito más.

Encima de esta foto voy a poner una capa nueva color blanco, ahí está, y tal vez bajar

un poco la opacidad, un 75 por 100 tal vez, y ahí está, ¿ok?

A lo que voy con esto, y por qué lo estamos haciendo así, es, les digo, puedo enfocarme

en poner fotos bonitas y demás, tampoco es mi intención.

Lo que quiero es más bien que comprendamos el uso del del, del, pues del tríptico,

¿no?

Yo podría haber hecho, por ejemplo, aquí un diseño acá, otro diseño aquí, otro diseño

aquí, que no tuviera ningún tipo de conexión, pero al usar este tipo de elementos

que abarcan toda la página, por ejemplo la foto completa y esos elementos, estoy obligando

a que cuando yo solo vea este pedazo, por ejemplo, vamos a recortar rapidísimo, cuando

vea ese pedazo lo voy a ver así, ¿no?

Cuando vea este pedazo, pues, lo voy a ver así, y cuando vea el último pedazo, lo

voy a ver así.

Pero en su totalidad se tendrá que ver esto, ¿ok?

Entonces, a lo que voy es, esa es la manera, digamos, de aprovechar bien un tríptico,

usar todo el espacio a pesar de que haya que doblarlo y después enfocarnos en la parte

individual.

Por ejemplo, aquí ya puedo soltarme usar textos, vamos a ver si ya tengo mi texto

de prueba, no me acuerdo.

Copiado, ¿cuánto lo veo?

No, la semana es que lo lo cerré, entonces vamos a crear otro, que se llama generador

de texto de prueba, generador texto de prueba, el lorem ipsum, ok, vamos a generar

1, lo vamos a agarrar aquí, copiamos, y acá pegamos, ¿no?

Ok, está horrible, pero bueno, no pasa nada, vamos a ponerle aquí un texto de 12,

también un puntaje de 12, y me gusta ese ese color, vamos a ver si color la hace bien,

no está mal, voy a usar un, me parece que voy a usar un un estilo más ligero.

Tal vez aquí me gusta, y tal vez voy a usar otro como pretexto para ponerle aquí un

texto en blanco, ¿no?

Pero que este obviamente va hasta arriba, porque está hasta abajo, me estoy equivocado

aquí.

Recuerden que los textos siempre son prioridad, y es lo más importante, ¿no?

Entonces, en este caso voy a bajar el tamaño del cuadrito para que abarque aquí nada

más, tal vez acá, ahí está, Y ahí está.

Ok, vamos a poner un texto aquí como un título.

Título.

Y recuerda que lo estás haciendo así porque mi mensaje ahorita no es enfocarme tanto

en el diseño en sí, sino en vaya en lo que está alrededor de este típico, ¿no?

Bueno, ya viéndolo así, creo que me gustaría tal vez si pasara para arriba esto y

esto.

Aunque no me desagrada, pero no sé, no sé qué sea lo que me conviene, es lo malo.

Ok, creo que lo voy a dejar ahorita así, vamos a poner un colorcito como este, voy

a recortar un poquitín esta cajita y comer en este sobran este, listo.

Ok, por ejemplo, aquí está el primero, ¿no?

Vamos a usar fotos, a lo mejor esto puede ser, yo que sé, no no tengo idea de qué

me está viviendo a la mente con esto, pero me parece como algo financiero, ¿no?

Tal vez financiero, pone aquí financiero, finanzas, etc.

Este se ve bastante moderno, vamos vamos a copiarlo, recuerden siempre es importante

usar bancos de imágenes y en este caso, pues como estoy jugando no me causa ningún

tipo de problema usarlo y tal vez aquí lo vamos a dejar, tal vez le bajamos con tu

capacidad, hasta el 5 por 150.

No, creo que si pongo demasiadas fotos, ya no me va a gustar cómo se ve esto.

No lo sé, voy a pasar, pero, bueno, entonces, voy a borrar esto.

Tal vez usamos también este texto aquí, lo voy a relucir, aquí vamos a copiar esto,

vamos a borrarlo porque me está molestando este texto, clic derecho copiar, vamos

a hacer una caja de texto más pequeñita, ahí está, copiamos bien, lo centramos en

este caso porque tiene esta adenda, aquí me falta el van a centrarlo, porque lo centramos

porque aunque sí se le de corrido el tríptico, tiene que funcionar vamos a llamarlo

en su individualidad entonces pues eso es importante aquí se me ocurre hacer algo

pero no se pues vamos a ver voy a duplicar aquí mi capa del fondo, J, no me hace ningún

cambio correcto porque va por esto claro, esta va a estar por encima, ¿ok?

Entonces tenemos una capa de estas torres encima del fondo blanco este, le voy a bajar

la opacidad ahorita, bueno, vamos a ponerle una máscara de capa para esconderlo, y

se me ocurre tal vez en este pedacito jugar un poquito tal vez como con el puente,

por ejemplo, y ya sé que este pedazo tal vez se vea más iluminado, como de aquí para

acá, de aquí para acá, tal vez aquí, de aquí para acá, de aquí para acá, por decir

algo, ¿eh?

O sea, estoy aquí como ideando cosas.

Aquí está.

Y, entonces, tal vez permitamos que se vea aquí esta parte y eso me puede ayudar a

darle sí me gusta, sí me gusta bastante a darte cierto dinamismo, entonces voy a terminar

la idea bien, obviamente no me conviene, bueno, tenemos que darle aquí, el correo

base, ni modo, hay que hacerlo con cuidado claramente, pero aún así me parece que

es una buena idea, que se ve llamativo, ok vamos bien, vamos a hacer exactamente lo

mismo con el resto de las partes aquí involucradas, que sería de aquí para acá, para

acá, para acá, para acá, vamos a recordar aquí, voy a quedar chiquito, de aquí para

acá, para acá, para acá, para acá, para acá, para acá.

Y ahí está.

Vamos a permitir esto.

En este caso, no me no me quedó bien por alguna razón.

Ah, sí, sí está bien.

Y por último, voy a permitir este también, este pedazo de edificio, ¿no?

Entonces, creo que eso lo va a ser llamativo de manera individual y también en su

conjunto, que ya como está por acá, acá está, permitimos verlo.

Y ahí está.

Y ahora faltaría simplemente sentar mi texto, encargarme de que este texto no no se

quede ahí.

Y es lo que les digo, o sea, son son ideas que van a tener en el momento, ¿no?

Entonces, vaya, si se da cuenta, este primer pedazo, este segundo y este tercero,

pues, ya son como independientes en su diseño, pero si lo sacamos a un conjunto exterior,

digamos en su absoluto, pues tiene todo esto tal cual, ¿no?

Entonces, bueno, voy a poner otro texto acá, simplemente recuerden que esto lo tengo

ahorita prácticamente jugando y aquí lo tenemos ¿no?

Vamos a poner que este es mi mi mi trípode, vamos a buscar un un logotipo financiero,

luego vamos a ver qué hay, ah bueno, luego finanzas más bien ¿no?

Luego finanzas, luego finanzas, vamos a buscarlo y me gusta este, 1 que use rapidísimo,

este está bien, este me gusta, uf, este es otro stop, bueno no pasa nada, vamos a

copiarlo, vamos a pegarlo hasta arriba, voy a quitarle aquí sus su pedacito blanco,

este de aquí, vamos a acercarnos para verlo bien, creo que ya está listo vamos a borrar

solo voy a agregarle también esto de aquí para asegurarme de que aquí si estamos agarrando

todo esto borramos listo ya tenemos aquí nuestro logo Curiosamente como que empalva

con el con el edificio ¿no?

Pero bueno voy a ponerlo acá bastante más grande y obviamente lo vamos a pintar de

algún color, en este caso va a pintar de color blanco una capa nueva, hay varias maneras

de hacerlo, en este caso preferí la mascara de recorte, clic derecho y crear mascara

de recorte o para hacer una mascara de recorte con atajo es alt, se pone justo a la

mitad, cuando sale esa fecha dan clic y ya, y pintamos una de arriba.

Y aquí está, muy bien, me gusta, me gusta, me gusta, vamos bien.

Y bueno, todo esto sería mi parte número 1 de mi de mi tríptico, ¿no?

Entonces yo le pondría aquí, por ejemplo, parte, este, interna, ¿no?

Escondería esto, hay una capa nueva, vamos a buscar otra aquí, vamos a buscar aquí

finanzas, ahora sí.

Esta imagen que me había gustado que era, uff ya la veo, como un tanto moderna pero

bueno ni modo, vamos a dejar esta, la copiamos y esta la voy a pegar en esta capa

de encima, voy a encargarme de que sea el fondo, no estoy diciendo tampoco que siempre

sea este el fondo, o sea, o sea, no no se carguen con estas ideas, yo estoy improvisando

absolutamente aquí, así que bueno incluso voy a estar mejor un poquito para quitarle

esa idea si es que la llegaran a tener, en la que, por ejemplo aquí está mi tríptico

tal vez aquí así y aquí va a tratar de ponerle algo encima, capa nueva, capa, vamos

a ponerle un colorcito que será, vamos a traernos el logotipo original para considerarlo,

que sería este control j, me llegó el que queda por debajo, lo paso para acá arriba,

quitamos, quitamos y ¿puedes tal cual?

Una capa blanca me parece bien.

Ok.

Vamos a ponerlo aquí, como decía, te va a ser lo más grande.

Aquí me gusta, Y por debajo, con plena nada, vamos a ponerle una capa blanca, un cuadro

como así.

Pintamos de color blanco, control T, lo dejamos así, y tratar de que esto, por ejemplo,

ya sea que se difumine un poquito, ¿no?

Para que se alcance a ver un pedacito del del fondo y tal vez a la de abajo ponerle

aquí una máscara de capa y difuminar para que no se vea este cordoso tan feo.

Entonces aquí y así, apenas se alcance a percibir, ¿no?

Es algo así.

Y esto, por ejemplo, este detallito, pues a mí me parece que sí sigue generando cierta

coherencia de comunicación entre esto y esto.

Obviamente aquí habría que ponerle, por ejemplo, para un texto no sea una capa nueva,

vamos a poner esta capa tal vez aquí un cuadrito, con con este cuadrito aquí abajo.

Yo que sé, ya aquí es cuestión de ir, si se dan cuenta, pues, como siempre, ¿no?

Ideando cosas.

Aquí voy a borrar este pie, así como que no me gusta cómo se ve.

Supone que no es 250, y ahí va, y a lo mejor aquí le ponemos un texto, ¿no?

Yo que sé.

Entonces, bueno, prácticamente es es eso, vamos a ver si por todavía pegarlo algún

texto que no creo, pero bueno, no sé si cómo te haya pegado.

Mira, prácticamente es eso.

Tal vez incluso me podría servir aquí, bajar la opacidad un poquito, incluso ver si

desenfocarlo.

Desenfocar océano.

No, No, está bien así, sí se divide en en esto y me gusta la opacidad en 85, 90, 95,

tal vez.

Claro que sí, en 100.

Y, pues, bueno, sí voy a aprovechar para poner un texto rápido.

Vamos a bajar aquí, vamos a usar 1 de los elementos que hay acá, control j.

Vamos a pasar para acá arriba, y ya para acá.

Arriba y ya para acá.

Y aquí está mi texto.

Y bueno, aquí tendríamos, por ejemplo, agrupamos de aquí para arriba, obviamente esto

va a tener muchas más capas en una composición normal.

Voy a poner externo o exterior.

Archivo guardar como.

Vamos a ponerlo aquí en la clase nueva.

Vamos a poner el jpg, que sería este del exterior.

También lo voy a guardar porque lo vamos a necesitar para después y este archivo guardar

como interior en jpg.

Interior, ok, y mi archivo PSD lo voy a guardar aquí, nada más el editable como típico.

Y listo, ¿ok?

Entonces, a lo que voy es poner atención a este tipo de detalles, de ver la manera

en la que podríamos como conectar nuestro diseño para que podamos jugar alrededor

de él, ¿no?

Entonces, pues, igual que siempre les digo, pues, es prácticamente cuestión de ir

jugando y ir de ir, este, probando, ¿no?

Capa nueva.

Y, pues, checarlo, o sea, no hay una no hay ninguna regla escrita, o sea, no hay nada

que ya les diga, háganlo así.

Y, vaya, eso complica, es la parte complicada del trabajo, pero también es la parte,

pues, más bonita de todo esto, ¿no?

O sea, son libres de de crearlo y y de innovar, pues, lo que lo que se les ocurra.

Entonces, yo le estoy dando las armas, vaya, como iniciales para que ustedes prácticamente

se suelten a a crearlo, ¿no?

Igual, discúlpenme que sigue aquí jugando, pero nada más como para que no se vea tan

abandonado este tríptico, por decir algo ahí, y tal vez, este, bajarle más la opacidad,

dar un 50, híjole, me gusta, pero creo que complica la lectura.

75, 70.

Ok, creo que ahí está bien.

Entonces, ahí tendríamos un crítico que sigue teniendo cierta coherencia, ¿no?

Esto, insisto, es completamente decisión de ustedes.

Hay hay maneras de hacerlo todo y hay diversas maneras de hacerlo, ¿no?

Entonces, pues, usen la que a ustedes les guste más, suéltense a crear y prácticamente

eso, ¿ok?

Entonces, bueno, listo, dejamos hasta aquí la clase del tríptico y, pues, listo.

Práctica 5

Práctica 6

Muy bien, bienvenidos a la clase.

Vamos a ver para cerrar con este módulo el tema del mockup.

El mockup no es más que un montaje de nuestro trabajo y es una manera de presentarlo.

Muchas veces, por ejemplo, hacemos una tarjeta de presentación y no se encargamos

de imprimirla sino que eso le corresponde al cliente imprimirla con su impresora de

preferencia o su imprenta o lo que quiera entonces una manera de presentar nosotros

ese trabajo en lugar de simplemente poner las fotos ahí sería algo como esto tal vez

hacer un montaje bastante lindo en el cual podamos presentar nuestro nuestro trabajo

no por eso es que fuimos guardando bueno yo fui guardando prácticamente todo lo que

hicimos en este módulo de práctica para poder hacer un montaje final.

Entonces por ejemplo vamos a empezar mockup tarjeta de presentación tarjetas y ok

me gustan estos 2 pero bueno si hagamos este voy a copiarlo copiar imagen me voy a

photoshop archivo nuevo pegamos y aquí yo tengo ya mis tarjetas que son esta y esta,

las voy a importar acá, simplemente las arrastro y lo que vamos a hacer es jugar con

las perspectivas, en este caso la perspectiva no está en realidad alterada por lo

que veo así que creo que va a ser un poco más sencillo pero bueno igual hagámoslo

es control más T, dejemos contestar aquí, control más T, con control en las orillas,

bueno en las esquinas más bien, vamos a agarrar cada una de las esquinas y la vamos

a acoplar a la esquina de la imagen original para que tenga sentido y encargarnos

de que esté bien y se vea bien.

Lo que hace esto es alterar la la perspectiva de nuestro elemento, por ejemplo, si

yo agarro esto y lo muevo así, se ve como en 3 D, digamos, ¿si?

Entonces, para eso es, control T, esta va como por acá, más o menos, este de aquí,

este de acá, Ok, no se preocupen que en cada mockup vamos a enfrentarnos a cosas diferentes,

por eso guardé todos sus trabajos, para que lo vean, y es un tema que me parece muy

divertido, sobre todo porque ya es cuando se acaba el trabajo y es como un extra ¿no?

Entonces aquí está y ¿qué podemos hacer aquí que me hace falta?

Yo veo que una sombra ¿no?

Nueva vamos a poner aquí una sombra y vamos a ponerle una máscara de recorte Voy a

agarrar este mismo objeto, este mismo color, perdón, pero todos más oscuros, simplemente

para no sé si hacerlo más oscuro todavía, y bajarlo con la opacidad un 50 por 175

tal vez algo así para darle un sentido de realismo más más profundo ¿no?

Eso es tal cual el mockup ya tenemos aquí 1 aquí vi otro que era este, vamos a agarrarlo,

copiar imagen, y este va a llevar un poquito más de trabajo, archivo nuevo, voy a

hacer archivos nuevos para todos, aquí está, lo mismo vamos a jalar mis 2 archivos

estos, y ahorita vamos a dejar así y así, y vamos a empezar por este, este va para

acá, este voy a esconder aquí, control más T, control más I de las orillas, bueno,

comando en Mac, para acá, cuidando también que las líneas que siguen, el objeto original,

también tenían coherencia.

Aquí, por ejemplo, sí se ve bien, pero creo que ya se está viendo como muy alargado,

por lo cual hay que recortarlo un poquito.

Ahí está tal vez, y este aquí, ok, me gusta.

Eso es justo lo que va a pasar con estos, ¿ok?

Por eso lo elegí, porque están entrando en contacto con un tercer elemento, ok entonces

no siempre va a ser todo tan sencillo no está tan complicado en realidad este bueno

no es complicado en realidad pero elegí para que cuando se enfrenten a cualquier tipo

de mockup pueden usarlo siempre a su favor y vayamos resolviendo este tipo de complicaciones

digamos circunstanciales, ¿no?

Ok, listo.

Lo que vamos a hacer es recortar digamos o seleccionar lo que va a estar por enfrente

de nuestra tarjeta, en este caso va a ser el pulgar, así que déjeme cambiarle aquí

el relleno atrasado y vamos a ir poco a poquito, como siempre obviamente hacerlo con

cuidado, con dedicación para que esto quede perfecto.

Aquí está y solo necesito la parte que va a estar encima así que no me hace falta

cosa más allá de esto.

Muy bien, tengo 2 opciones aquí lo importante es usar la selección con control más

clic, acuérdense, ahí está.

Tengo la opción de ponerles máscara de capa a mis elementos, que es así como está

la selección, le damos clic, perdón, alt más clic y luego esta misma máscara de capa

la voy a duplicar hacia abajo, hacia el otro elemento y ahí está.

¿Qué sigue?

Obviamente nos falta pulir esta parte que seleccioné con ciertos errores.

Revisar mi lazo para detallitos y esconder, aquí me estoy equivocando, es aquí.

Ahí está.

Y habría que poner la misma sombra, ¿no?

Entonces, una capa nueva.

Ahí está.

Le ponemos aquí la sombra.

Aquí veo que también me hace falta ponerle aquí un pedacito talla más para que no

quede esa como como orillita clara del dedo y ahí está.

Ok, te queda.

Ok, esa fue una opción.

La otra, me voy a regresar todo esto.

La otra es aquí.

Tenemos esto y en la capa original del dedo, clic derecho, capa vía copiar.

Entonces tenemos un pulgar ahí extra.

Y y simplemente ponerlo encima de los 2 perfeccionarlo exactamente igual como hicimos

ocultar esto poner eso más a lo de abajo y así ok entonces aquí tendríamos el mockup

de las tarjetas ok vamos al siguiente que en este caso voy a hacer la hoja membretada

mockup membretada o membrete y es exactamente lo mismo sólo que aquí por ejemplo voy

a intentar hacer este donde ya se amontonen ok ese me gusta copiar imagen archivo

nuevo pegamos este caso recuerden que teníamos un png y un un jpg los puse aquí los

2 para que los vean, entonces el PNG es este que no tiene relleno, ¿no?

En este caso no me sirve mi PNG, pero este JPG me sirve bastante bien, entonces vamos

a Control más T, primero va a ser un poco más pequeño para tratar de acoplar el tamaño

lo voy a acercar un poquitín control más T control más D las orillas y ahora sí una

por una ahí vamos Ahí está primero, está bien.

Control, en este caso no es control j porque ya lo deformé, entonces voy a importar

de nuevo este y este lo voy a poner por debajo, pero 2 veces no sé por qué, pero bueno,

está Control T y control, de las orillas, primero 1, luego otro, luego otro.

Y este tengo que ver toda la imagen para usar cierta coherencia y luego vamos a importar

una vez más este y este porque me ha gustado justamente por el uso de varios elementos

entonces como que muchas veces ya dan por hecho que van a a este a poner 1 ya y pues

no no sé nuestro trabajo es que pues, se vea bien, ¿no?

Que se vea en lugar de esos que tenemos en en la foto original.

Así que voy a trabajarlo.

Y este, como por acá tal vez.

Es como así para que esté más ajustado ok y este debe de ir allí ok me gustan solo

algo que voy a hacer con esta es duplicarla ya la que queda abajo lo voy a bajar un

puntito con mis flechitas para que quede ahí y a esa para que tenga cierto sentido

de realismo con el f x le voy a poner una sombra interior sombra interior color negro

y tengo que buscarle aquí también así creo que eso es suficiente para que tenga una

diferenciación con el original ok ya viéndola aquí voy a darle doble clic para retrabajar

esta sombra y con el algo así me gusta más y ahora si subimos el elemento control

j el que queda abajo lo baja un poquitín más y tal vez lo muevo y eso me va a empezar

a dar una sensación de que son varias de estas hojitas ok esto es lo que estoy buscando

este bordecito porque si no pues vaya a lo mejor no se ve tan distinto de esto pero

para mí me importan ese tipo de detallitos no creo que le dan un sentido que me gusta

más.

¿Qué podríamos seguir haciendo?

Por ejemplo, aquí en capa nueva, pues también ponerle aquí una una sombra, aunque

creo que esta vez no va a funcionar mejor este ponerle aquí una sombra paralela que

vaya hacia acá hacia allá una opacidad bastante sutil y algo así y tal vez lo mismo

vamos a hacer con este que esta encima de la ultima pagina fx somatavrella, buscar

aqui un ángulo distinto, y aquí está nuestro mockup de las hojas venitas, ok?

Entonces seguimos, tenemos ahora el artículo de revista debería haberlo puesto nada

más de revista pero bueno ok cualquiera de estos me gusta déjame ver 1 que no crea

que no sirva que quiero checar tal vez este ok, jugamos con este, me gusta porque

tiene las curvaturas, entonces vamos a jugar con este, archivo nuevo crear, control

V y aquí vamos a importar nuestro artículo de revista, este va a estar interesante

ok, este está aquí, abarca lo más que puede, voy a poner mi regla para ahí está, justo

esta es la mitad voy a dividir mi artículo de revista, entonces lo voy a rastrear

primero, agarramos todo esto clic derecho capa de acortar y así ya tengo separado

esto entonces tengo una capa para un lado y otra capa para otro lado muy bien control

más t voy a hacer primero esto más pequeño y ahora sí vamos a jugar con nuestras esquinas

y lo malo de esa imagen que agarré no me di cuenta es que tiene muy poquita resolución

pero bueno no pasa nada y este va a estar un poquitito más complicado porque tiene

curvaturas que no habíamos hecho hasta ahorita pero ¿cómo vamos a hacer curvaturas?

Ok vamos a dejarlo así y cuando estamos en este de control más T aquí se activa esta

opción esta opción yo la activo y es justamente para generar curvaturas en el objeto

Entonces, con esto podemos jugar un poquito, agarrando aquí de las orillas y aquí

también tratando de que esto son como tipo de vectores, tener cierto movimiento orgánico

en nuestra imagen.

No va a quedar al cielo obviamente, no va a quedar completamente natural, pero es

cuestión de probarlo.

Ahora, la cuadricula interior es importante porque yo empujo.

Si se dan cuenta, no estoy deformando tal cual las orillas, sino solo el contenido

interno.

Si agarro de aquí, sí se deforma, ¿no?

Un poquito, de hecho, sí me gustó.

Pero si agarro de aquí el centro, estoy deformando el contenido, ok entonces de que

me sirve pues de que puedo empujar este para que tenga cierta congruencia con el movimiento

que se supone que tiene la página no me gusta así tal vez esto lo va a hacer un poquitito

para dentro si es que me lo permite bueno vamos a dejarlo así ok esta es la primera

luego la segunda control más más más más pequeño pues claramente como la resolución

es pequeña se pixela mucho el resultado final no me di cuenta de eso pero bueno lo

importante aquí es que veamos la metodología así que esta por acá y lo mismo usamos

las curvas curveamos esta parte superior, aquí creo que también está un poquito curvo,

pero leve, este de la esquina, ok, ya está bien, no me acuerdo si está curvo o no

tanto, y el contenido, un poquitín, yo creo que para adentro, ok, creo que está bien,

lo aceptamos ahora, aquí ya está nuestro mockup, ya está con esa forma obviamente

nos falta darle una sombra interior, vamos a darle la sombra interior porque la parte

doblada claramente debe ser un tanto más oscura, debe estar por acá, estoy exagerándola

para que la veamos, ¿eh?

Ahí, ok, no tanto, tal vez algo así, 150 por 100 menos 35 y algo similar, lo active

derecho por estilo de capa, se lo voy a pegar aquí, pegar estilo de capa, nada más

con doble clic aquí voy a cambiarle la orientación a esta suma, que sería hacia acá

Algo así, tal vez un poquito más para abajo ejemplo ahí más o menos y quedaría también

nuestro mockup para el artículo revista con las deformaciones del movimiento del agua,

ok, ok, avancemos, entonces llevamos tarjeta, membretada, artículo de revista, nos

falta el tríptico este, bueno, sí podemos hacerlo, está bastante sencillo lo importante

es este es para partir el elemento, ¿no?

Crear, pegamos, está otra vez un poquito malo de resolución para guardar el modo vamos

a usar este, esta parte aquí está y aquí veo bastante marcadas las zonas de mi tríptico

que sería esto 1 clic derecho capa vía, bueno aquí necesitamos transferir primero,

clic derecho capa vía cortar para que lo divida, luego agarramos esta parte de acá,

esta vez quedó bien, derecho capa voy a cortar, la capa de abajo porque estoy en la

capa equivocada, y ahora sí ya tenemos las 3, entonces vamos a empezar una por una

que sería esta la primera control más Como este no tiene curvatura así, como el artículo

de revista, pues es un tanto más sencillo, ¿no?

Pero vaya también tiene su parte andarle aquí moviendo y acuérdense lo importante

es que estén bueno lo que me importa es enfrentarme a este tipo de cosas para que

ustedes también lo puedan resolver Seguramente va a haber cosas muy específicas que

no me van a pasar a mí en este curso, pues porque cada trabajo es distinto, pero estoy

tratando de darles la mayor cantidad de ejemplos para que, pues, les pueda ser lo

más familiar cualquier cosa que les llegue a que les llegue a presentar.

Por último, con el T, lo va a ser un poquito más chiquito.

Lo pasamos a acoplar.

Acuérdense que es control y clic sostenido en las orillas, o comando y clic sostenido.

Y bueno, en este caso tuve ciertos detallitos, que fue porque no lo hice a la cercanía

suficiente pero voy moviéndole un poquito porque no queda mal y este pues ahí está,

¿no?

Entonces, aquí tenemos el video.

Sería lo mismo, tal vez, trabajar un poco las sombras anteriores, sombra interior,

a los dobleces, ponerlo ahí, bajarlo a pasear considerablemente, clic derecho, copia

de estilo de capa, eso va a poner el de medio también, que es este, de estilo de capa

y nada más debo cambiar la sombra porque debe estar del otro lado, más o menos y así

ok, entonces bueno, la idea es jugar con este y ya está este me falta el nombre tráfico

podemos poner aquí Mockup Social Media sería ponerlo por ejemplo aquí en un feed en

este caso por ejemplo puedo poner aquí en una es que no sé si me gusta el sistema

este me gusta bastante ok imagen archivo nuevo puede ser una computadora o un móvil

los 2 y en este caso recuerden que podemos agarrar todo esto clic derecho rellenar,

subo contenido, listo yo puedo agarrar esta imagen y tal vez centrarlo un poquito

para que no quede así como tan cargado ese vacío y se entienda que ahí había otra

cosa, ¿no?

Entonces algo así ojalá nos abra nuestro rompetrafico y pues el rompetrafico como

está en pantalla en realidad no no tiene tanto movimiento, entonces cuidado y, pues,

hay que que quede bien.

¿Sí?

Igual, tal vez, se le puede hacer un ajuste, ya sea a la foto del celular o a la imagen

nuestra, para que coincida un tanto más la iluminación.

Tal vez, pero bueno, prácticamente es eso.

Y el del póster lo traje para entender que podemos jugar con varias cosas, por ejemplo,

si doy el póster mockup, va a estar así seguramente, como algo plano igual.

Pero a lo que voy es esto, por ejemplo, esto me interesa más, que se te van a jugar

con ese tipo de publicidades, ¿no?

El multipublicitario son los anuncios que se usan en la parada de autobús, por ejemplo.

Entonces, ahí puede ser, o por ejemplo, cartelera de cine.

Se aparece ¿no?

Estaría buscando yo aquí más bien como una foto de un cine como en el pasillo algo

así para ponerlo ¿no?

Pero bueno pero si no eso o un espectacular si tenemos un senior en banner o algo

así y montarlo en algo real ok en este caso yo voy a jugar con el mookie para que

entendamos que también podemos hacer eso y cuando guste yo creo que está bien clic

derecho copiar imagen archivo nuevo traemos nuestro póster y vaya claro que la información

también es distinto el tamaño y demás pero bueno aquí la intención es que quede lo

mejor posible control más T agarramos cada una de estas Ok, aquí me di cuenta de que

aquí tenemos un pequeño cursito hacia acá.

Ahí está, bien, ahí me gusta.

Sí.

Y a este, por ejemplo, que se supone que está en un elemento publicitario que tiene

cierta luz interna le va a poner en fx un resplandor interior para dar de emular eso

esa sensación como del virus ¿sí?

Bueno aquí se lo puse pero lo que puede hacer es jugar con esto ya lo había usado

previamente por eso se quedó guardado esa configuración y puedo bajar la opacidad

y demás prácticamente eso es un brillo eterno lo puedo hacer este retraerlo o más

tamaño no retraerlo o menos tamaño más opacidad, lo que se necesite, en este caso

creo que ahí está bien, creo que me gusta, algo leve así y voy a jugar con esto mismo,

yo creo que voy a duplicar la foto control más j, lo voy a poner encima, Esta foto

la voy a invertir con división transformar voltear horizontal y la voy a meter al

póster con click derecho y máscara de recorte o alt y aquí en la orilla para que tenga

eso, ¿ok?

Y entonces le voy a bajar la opacidad a esa foto, ¿qué fue?

Que hicimos meter la foto dentro del postre, no hicimos más que eso.

Le voy a bajar la opacidad a un 25, tal vez menos, tal vez un 10, un 5, un 15, un

10 está más que bien.

Algo así, para que tengamos esa sensación como de reflejo, que es muy sutil, bastante

sutil, pero que me sirve de darle cierto realismo a este mockup, ¿ok?

Entonces eso es lo que lo haría un poco más llamativo que los demás.

Digo, los demás también porque estamos presentando un formato, pues un tanto más corporativo,

¿no?

Cosas así que se ven bonitas, se ven lindas, ¿sí?

Pero cuando sea posible, tal vez ir un poquito más allá y jugar con algo más.

Entonces, bueno, prácticamente con eso terminamos.

Una recomendación es tener trabajos en modo de mockups para que lo puedan presentar

y pues ahora sí a empezar con con su labor y y pues a darle a todo esto del diseño.

Entonces llegamos hasta aquí y pues con esto terminamos.