Transcripciones
1. Diseño de colores de Hi Tech HUD de la introducción: Hola, soy Helen Bradley. Bienvenido a este diseño gráfico para clase de almuerzo creando anillos HUD de alta tecnología en Adobe Illustrator. Diseño gráfico para Lunch es una serie de clases que imparten una gama de consejos y técnicas para crear diseños y para trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. Ahora hoy estamos creando anillos HUD de alta tecnología. Estos son anillos que podrías ver en una pantalla de cabezas arriba, razón por la
cual llamaron anillos HUD. Al crear los anillos HUD, te
voy a mostrar cómo hacer pinceles que puedes usar para los anillos. También vas a ver algunos consejos y trucos para espaciar objetos dentro de un área finita y también cómo crear algunos efectos realmente interesantes que creo que te van a gustar mucho y que tienen mucha aplicación en otros proyectos también. Ahora como estás viendo estos videos, vas a ver un prompt que te pregunta si recomendarías esta clase a otros. Por favor, si estás disfrutando de la clase y aprendiendo de ella, ¿
harías dos cosas por mí? En primer lugar, contesta sí, al hecho de que recomendarías la clase y en segundo lugar, escribe solo unas palabras sobre por qué estás disfrutando de la clase. Estas recomendaciones ayudan a otros alumnos a decir que esta es una clase de la que ellos también podrían disfrutar y aprender. Ahora si quieres dejarme un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Si ya estás listo empecemos a hacer anillos HUD en Illustrator.
2. Pt 1: comienza el diseño: Para empezar con nuestros dibujos, vamos a necesitar un nuevo documento. Simplemente voy a crear un documento 1920 por 1080 píxeles, que es un tamaño de imagen HD, modo de color RGB. Si estás trabajando con versiones anteriores de Illustrator, así sería tu diálogo. Los modos de color RGB van a ser bastante importantes para estos anillos por algunos de los efectos que estamos creando. Quiero algunas guías, así que voy a elegir View Rulers y luego mostrar gobernantes. Voy a arrastrar y lo guio a esta posición 500 aquí. Puedo volver a comprobarlo haciendo clic en este punto de referencia aquí y simplemente asegurándome de que eso diga 500. Si no lo hace, voy a hacer que se lea 500. Voy a traer otra guía a las 1300. Nuevamente, voy a asegurarme de que diga 1300. Ahora las guías en Illustrator son sólo objetos. Aquí voy a abrir la última tarima, y voy a bloquear estas dos guías, que no se puedan mover. Ahora vamos a crear un rectángulo como forma inicial. Voy a hacer clic en la herramienta de rectángulo. Voy a darle un relleno pero sin trazo, y lo voy a llevar de una guía a la otra. Va a ser un rectángulo muy estrecho. Vamos a acercarnos aquí. Podemos volver a comprobar que se estira todo el camino haciendo clic en el rectángulo
con la herramienta de selección y simplemente comprobando que es el punto de referencia más a la izquierdaestá en 500. Cuando hago clic en el punto de referencia más a la derecha, está en 1300. Tiene un tamaño perfecto. Si bien estoy aquí, sólo voy a arrastrar algunas copias de esto fuera del camino para que los tenga en un minuto y no tenga que recrear cada vez. Sólo tomemos este y que sea un poco más delgado. Ahora voy a añadir algunos rectángulos rellenos aquí. Simplemente voy a empezar a dibujar algunos rectángulos de diferentes tamaños. Ahora, no demasiado rápido sobre el espaciado o el tamaño porque estoy tratando de que esto sea interesante. Yo solo voy a recorrer todo el camino por aquí, solo creando algunos, solo haciendo clic y arrastrando. Lo que sí necesito asegurarme es que si tengo aquí un rectángulo sentado en este borde, que no tengo uno sentado en este borde porque de lo contrario se van a unir más adelante. Lo que sea que esté en este filo se va a envolver y unirse aquí. Tienes que estar continuamente mirando ambos bordes de tu documento y solo asegurarte de que todo esté equilibrado y las cosas no van a terminar apegadas unas a otras que no quieres estar apegadas unas a otras. Voy a seleccionar sobre todas estas formas. Voy al panel de alineación y me aseguro mostrar las opciones y elegir alinear a la selección. Simplemente voy a dar clic aquí en arriba alineado vertical porque eso alinea las tapas de todas estas formas. Ahora sólo los voy a mover hacia arriba para que estén justo por encima de la línea que creé hace un minuto. Vamos a seleccionar todo aquí. Simplemente podemos hacer una sola forma con eso
abriendo la paleta Pathfinder y haciendo clic en Unite. Si no ves ninguno de estos palés, puedes elegir Ventana y luego Pathfinder solo para mostrarlo. Tengo un par de formas iniciales aquí. Estamos pasando en el siguiente video y vamos a ver algunas de las opciones que tenemos para crear formas uniformemente espaciadas a lo largo de todo el camino entre estas líneas de regla.
3. Pt 2: crea objetos espaciados en forma de: Ahora echemos un vistazo a una forma de crear objetos
uniformemente espaciados todo el camino a través de una de estas líneas de rodillos a la otra. Hay un par de formas de hacerlo. Te voy a mostrar a los dos. Vamos a empezar con la herramienta de elipse. Voy a arrastrar un círculo aquí, y voy a asegurarme de que sea un círculo lleno sin trazo. Eso voy a aplicar en posición, para que se cruza con la línea de regla. Si no estoy seguro, puedo subir aquí y simplemente hacer clic en uno de
estos puntos de referencia más a la izquierda y simplemente comprobar que el valor x sea 500. Eso está alineado perfectamente a nuestro guía. Ahora creo que quiero encogerlo un poco, así que sólo voy a hacer eso antes de empezar. Ahora haremos una Distorsión y Transformación. Con las formas seleccionadas elegiré Efecto, Distorsionar y Transformar, y luego Transformar. Voy a encender la vista previa y quiero 40 copias o 40 de estos círculos, lo que significa que necesito 39 más el original. Ahora si divido 40 en 800, que es la distancia entre estas dos líneas, va 20 veces. Yo sólo voy a escribir 20 píxeles aquí, y eso va a crear una fila de estos puntos que va de una de las líneas de regla a la otra. Si acabo de subir esto a 40, se
puede ver que el último de aquí está sentado exactamente en la misma posición que la primera. Estos se van a alinear perfectamente como nuestro pincel de patrón pero solo necesito 39, así que solo voy a dar click Ok. Ahora todos están apegados a esta forma de aquí. Sólo voy a bajarlo un poco. En realidad, creo que lo llevaré todo el camino hasta la cima por ahora. En este punto, puedo expandirlo con Objeto, Expandir Apariencia. Voy a elegir el objeto Desagrupar hasta que desagrupar ya no sea una opción. Entonces solo voy a seleccionar Grupo. Estos ahora se agrupan en un solo grupo para todos estos objetos circulares particulares. Esa es una forma de crear una serie de objetos que abarca todo el ancho de lo que va a ser nuestro pincel de patrones. Pero no tiene que hacerse matemáticamente, así que echemos un vistazo ahora y veamos cómo haríamos eso de una manera no matemática.
4. Pt 3: Objetos que espaciados en la mayoría otro método: La segunda opción para hacer el efecto de espaciado es aquella que no depende de ninguna matemática. En primer lugar, voy a hacer un pequeño rectángulo aquí. Voy a acercarme un poco más, y voy a hacer dos copias adicionales del mismo manteniendo presionada la tecla Alt u Opción mientras arrastro dos copias. Yo quiero asegurarme de que estos estén alineados en la parte superior aquí y que sus centros horizontales estén distribuidos de manera uniforme. Habiendo hecho eso, los voy a agrupar con grupo de objetos. Ahora, voy a crear un espaciador. Mi espaciador va a ser un rectángulo que tiene un trazo pero sin relleno. Incluso podemos darle un trazo de color si nos gusta. Sólo voy a arrastrar un rectángulo que será mi espaciador. El espacio entre estos conjuntos de objetos va a ser un poco más que esto, pero solo estoy usando esto como buffer. Voy a seleccionar sobre todas las formas y elegir Grupo de objetos. Ahora, tengo agrupadas estas tres formas y luego ese grupo, agrupadas con esta. Todos van a viajar juntos. Yo los voy a alinear para que su borde aquí esté justo en la guía. De nuevo, sólo voy a comprobar eso y no está del todo bien, así que sólo voy a asegurarme de que sea perfecto. Ahora, voy a alejarme porque necesito poder
ver la distancia completa entre estas dos guías. Voy a seleccionar esta forma y efecto distorsionar y transformar y luego transformar. Activaré la vista previa. Voy a poner mis copias en dos sólo para empezar. Voy a empezar a moverlos horizontalmente. Yo solo quiero averiguar qué espaciado voy a buscar. Lo que quiero es que el borde de esta forma roja, mi forma espaciadora, sea justo sobre el siguiente grupo de tres objetos. Habiendo logrado eso, sólo voy a empezar a aumentar el número de copias hasta que consiga esto. No quiero ir por el borde aquí, quiero estar dentro de estos límites. Voy a dar click en “Ok”. Ahora, voy a ampliar estas formas. Seleccionaré y elegiré Objeto Ampliar Apariencia. En el último palet, encontrarás que aquí tenemos una serie de grupos. Vamos a reventar estos fuera de los grupos a un nivel, así que elegiré Object, Ungroup. Ahora, tengo un grupo que es este conjunto de tres y este espaciador está ahí también. Bueno, voy a ir un asalto más, elegir Objeto, Desagrupar. Pero sí quiero mantener mi conjunto de tres formas como grupo, eso es realmente importante. No lo he deseleccionado todo. Todo sigue seleccionado en este punto. Ahora, voy a hacer clic lejos de él y voy a tomar esta forma aquí, sólo esta forma al final y la voy a mover a través por
lo que está perfectamente alineado aquí con esta guía. Aquí sólo voy a revisar su punto más a la derecha y debería ser a 1300. Ahora, voy a seleccionar todo en esta línea. Voy al panel Alinear. Voy a asegurarme de que en las opciones aquí esté configurado para alinearse con la selección. Ahora, voy a dar click aquí en Centro de distribución horizontal. Lo que eso hace es tomar cada uno de estos objetos, este grupo, esta forma aquí, este grupo, esta forma aquí, y se asegura de que haya un espacio de horno entre todos ellos todo el camino a través del documento. Eso va a significar que estos van a estar perfectamente espaciados cuando vengamos a crear nuestro pincel a partir de ellos. Pero ya no necesitamos estas formas rojas porque solo estaban ahí como espaciador. Voy a seleccionar una de ellas, pero necesito seleccionarlas todas para eliminarlas. Escogeré, Seleccionar, Mismo relleno y trazo. Eso selecciona todas las formas que tienen el mismo relleno y trazo. En otras palabras, todos nuestros espaciadores, y solo presionaré borrar. Ahora, tengo grupos de grupos y sólo voy
a seleccionarlos todos y sólo ponerlos en un solo grupo. Ahora, su espaciado va a ser restringido. No se van a mover y puedo moverlos a una posición diferente, pero no van a cambiar en posición relativa entre sí. Eso significa que van a estar perfectamente espaciados para mi pincel. Voy a subir esta forma aquí ahora y reducirla un poco. Ahora, puedo agarrar a mi grupo y simplemente acercarlo un poco más.
5. Pt 4: añade más elementos: Uno de los otros elementos que se ve bastante bien en estos pinceles es una forma que tiene piezas cortadas de ella. Entonces lo que voy a hacer es ir y hacer aquí una serie de pequeños rectángulos. Voy a asegurarme de que otra vez estén alineados perfectamente. Entonces éste está alineado. Voy a usar efecto distorsionar y transformar y luego transformar. Ahora con este, quiero 20 de estos a través, así que eso significa 19 copias más mi original. Si divido 20 en 800, que es el espacio entre estas dos guías, van en 40 veces. Entonces voy a mover estos 40 píxeles a través, y esto está muy bien espaciado. Si quieres probarlo, solo llévala una más y debes encontrar que esta forma extra es solo el otro lado de esta guía, se
debe chocar contra ella. No necesitamos eso, así que sólo voy a parar a las 19 y dar click bien. Voy a ampliar esto y desagruparlo, hasta que desagrupar ya no sea una opción. A continuación, voy a pedir prestado una copia de esta línea. Entonces voy a alt, arrastre una copia de esta línea. Debido a que fue creado antes, está justo en el extremo inferior del último palé. Iba a tamañarlo, voy a moverlo. Entonces es poco más de estas otras formas, y luego voy a seleccionar todas las formas. Del diálogo Pathfinder aquí, voy a dar clic en menos frente porque eso
restará todas estas formas frontales de la parte trasera. Ahora tengo este tipo de dientes aquí, así que solo voy a encogerme el tamaño aquí y usar este elemento en mi diseño. Otra forma que se ve realmente bien es una elipse alargada. Voy a ir a la herramienta Elipse y arrastrar hacia fuera una forma alargada. Porque esto será jalado más hacia ser un círculo cuando aparezca en el exterior del pincel patrón en breve. Entonces, solo pongamos eso en posición. Creo que quiero que la mía sea un poco más pequeña y un poco más delgada aquí. Verificando qué tan lejos necesita llegar probablemente, unos ocho píxeles serán perfectos. Si estoy usando ocho píxeles de movimiento, y si divido ocho en 800, que es el espacio entre estas dos líneas, entonces obtendría 100. Entonces si hago 99 copias, ya que va a rayar perfectamente entre estas dos guías, y voy a dar click bien. Nuevamente, voy a expandir esto,
desagruparlo hasta que desagrupar ya no sea una opción, y luego solo agruparlo solo para asegurarme de que mi paleta de capas se quede realmente, realmente necesito. Ahora, los últimos elementos que voy a crear van a ser algunas líneas incompletas. Entonces voy a crear aquí algunas líneas muy delgadas, seleccionarlas y hacer duplicados de ellas. Van a estar desigualmente espaciados y alineados de manera desigual también. Pero sólo para que pueda estar seguro, voy a asegurarme de que todos tengan exactamente la misma altura. Entonces voy a usar 2.5 píxeles para la altura, y eso me permitirá crear algunas formas adicionales, o al menos revisar las formas para asegurarme de que cada una de ellas tenga la misma altura. Soy capaz de seleccionar en ellos y solo Alt u Opción Arrastra un duplicado lejos. Para hacerlos más pequeños, es posible
que encuentres que es más fácil escribir realmente un valor aquí, lo
que es intentar arrastrarlos para hacerlos más pequeños. Si haces eso, asegúrate de que este icono aquí esté desbloqueado porque quieres mantener la profundidad de 2.5 píxeles, pero es posible que quieras cambiar la longitud de la línea. Lo que yo haría aquí es ir y crear algunos de estos interesantes arreglos de líneas aquí sólo para terminar la forma. Ahora, una vez que haya hecho eso, volveremos en el siguiente video y nos pondremos a trabajar en crear el pincel de patrón para nuestro anillo duro.
6. Pt 5: aplica el pincel: Estamos prácticamente listos ahora para seguir adelante y para crear nuestro pincel de patrón. Simplemente voy a mover esta última forma a la posición y sólo hacer que sea un poco más estrecha de lo que es. Haré una comprobación final para asegurarme de que todo esté bien alineado en este borde y si no lo es, voy a asegurarme de que esté alineado correctamente. Todo se ve bastante bien aquí. Seleccionaré cualquiera de las formas y vamos a la paleta de pinceles, haga clic en el menú “Flyout”, elija “Nuevo pincel”, y luego elija “Pincel de patrón” y “Ok”. Ahora no necesitas los mosaicos de esquina en esto, así que si estás trabajando en una versión anterior de Illustrator que no proporciona mosaicos de esquina automáticos, eso está bien. De todos modos no las vas a estar usando. Lo que vamos a cambiar aquí es, queremos cambiar el método de coloración a tintes, y haremos clic en “Ok”. Voy a probar este pincel a este punto creando una elipse. Voy a mantener la tecla “Shift” como lo hago para que esté restringida a un círculo perfecto. Voy a aplicar el color al trazo y no tengo relleno en esta forma, y voy a dar click una vez en mi pincel. Este es el anillo duro que hemos creado usando este diseño básico como nuestro pincel de patrón, pero esto puede ser alterado. Con el círculo seleccionado, puedo ir a las opciones del objeto seleccionado aquí, activar la vista previa, y puedo reducir el tamaño del pincel y cuando elijo hacerlo, encontrarás que todo el patrón se vuelve tanto más pequeño y tal vez encuentres eso más interesante. También puedes usar la opción flip across aquí y si haces clic en “Flip Across”, lo que pasa es que lo que estaba en el exterior ahora está en el interior. Ya verás que estas líneas están aquí ahora en el exterior y estos puntos están en el interior. Si lo doy la vuelta, entonces va a suceder lo contrario. Estas líneas de guión están en el interior y los puntos están en el exterior, pero eso también significa que tienes dos pinceles por el precio de uno. Yo sólo voy a dejar esta tal como está y dar clic en “Ok”. Escogeré “Editar”, “Copiar”, “Editar”, “Pegar en su lugar”, y voy a hacer que la segunda copia sea más pequeña que la primera manteniendo pulsado el caso “Shift” y “Alt” mientras arrastro en los tiradores para crear una forma interna más pequeña. Ahora si hago clic en esto y lo volteo a través, voy a conseguir un pincel totalmente invertido en la segunda forma. Tenemos un diseño realmente complejo creado
solo a partir de este sencillo diseño y lo que hemos hecho es simplemente voltearlo en el segundo. En este punto, tal vez quieras seguir adelante y crear uno o dos de estos conjuntos de pinceles solo para que tengas un poco de variedad para elegir. Vamos a volver en el siguiente video y ver algunas ideas para armar estos juntos, y también aprender a hacer una forma circular realmente interesante que sé que te va a gustar de verdad.
7. Pt 6: comienza a poner la imagen en forma de: He ido adelante y he creado un segundo conjunto de objetos para usar como pincel de patrón. En este caso, intercalé algunos puntos llenos con algunos huecos. También uso algunos puntos aquí junto con algunos rectángulos que tienen un trazo y sin relleno. Todo está estirado y alineado a estas dos guías, con una excepción y solo quiero mostrarles el problema aquí. Tengo aquí un rectángulo que no tiene relleno, pero tiene un trazo. El problema es que el trazo está apareciendo sobre esta línea. Si quiero meter esto en el área dentro de estas dos guías, voy a necesitar seleccionar la forma e ir a trazo y asegurarme de que el trazo esté en el interior de la forma y no en el exterior de la forma. Eso asegurará que va a tope a esta línea realmente bien. Debido a que todas estas otras formas fueron creadas usando copias de la forma original, solo
voy a asegurarme de que todos esos tengan su trazo en el interior también para que todos se vean igual. A pesar de que eso será un poco difícil de decir sobre estas pequeñas formas si
no son correctas porque son tan pequeñas en el arreglo. Pero sí quieres asegurarte de que solo estén sentados en esta línea y que los trazos no estén por encima de la línea. Seleccionaré sobre este conjunto de objetos y haré un segundo pincel de patrón. Escogeré nuevo pincel, pincel patrón, OK. No quiero la tarea de esquina, porque no las estamos usando de todos modos pero sí quiero que el método de coloración sea
tintes y voy a dar clic en Aceptar. Veamos cómo se ve este como un pincel de patrón. Estoy dibujando un círculo y le voy a aplicar mi pincel. Voy a dar clic aquí en Opciones de Objeto
seleccionado y vamos a reducir el tamaño del mismo. Esta es una instancia del pincel, pero echemos un vistazo y veamos cómo se ve cuando se da la vuelta al otro lado. Bueno, es un pincel totalmente diferente. Es realmente interesante lo diferente que se puede conseguir un pincel en esta instancia simplemente volteándolo a través de la línea así que tienes dos efectos muy diferentes aquí, y solo tienes que voltearlo para conseguir el que quieres. Ahora en este punto, puede que no quiera armar mi imagen final en este documento en particular, pero ciertamente sí quiero guardar estos pinceles. Lo que voy a hacer es que voy a seleccionar Aquí
Todos los pinceles sin usar y con ellos seleccionados, solo los
voy a arrastrar a la papelera. Ahora, voy a guardar este conjunto de pinceles. Voy a elegir Guardar biblioteca de pinceles y voy a llamar a estos anillos hud y voy a dar clic en Guardar. Eso asegura que estos pinceles ahora se van a guardar donde pueda obtener acceso a ellos en el futuro para utilizarlos en cualquier documento en absoluto. Vamos a seguir adelante ahora y crear un documento en el que podamos usar estas formas. Escogeré Archivo y luego Nuevo. Voy a crear el documento del mismo tamaño en el que estaba trabajando antes. Nuevamente, el modo de color RGB. Voy a añadir un rectángulo que es del tamaño de este documento. Se va a llenar de negro y no va a tener un golpe en absoluto. Desde las opciones del panel de alineación, me voy a asegurar que estoy alineado con el tablero de arte esta
vez para que pueda centrar esta forma en el tablero de arte. Voy a la última tarima y quiero bloquear el fondo para que no pueda llegar a ella para que eso impida que se mueva inesperadamente. Ahora podemos ir a buscar nuestros pinceles. Voy a abrir el panel de pinceles. Ya verás que los pinceles no están en este panel porque no se cargan automáticamente por ilustrador así que haré clic en el menú Volar, abrir Biblioteca Pincel, definido por el usuario y voy a seleccionar los pinceles Hud rings. Ahora puedo agarrar ambos cepillos y simplemente arrastrarlos
al panel de pinceles y solo puedo cerrar el panel de anillos hud porque ya no necesito eso. Ahora vamos a crear un círculo para nuestro primer anillo hud. Ahora le voy a dar un trazo y no relleno más que el trazo, quiero ser blanco. Después desde el panel de pinceles voy a dar clic en uno de mis pinceles de anillo Hud. Debido a que configuramos el método de coloración del pincel para teñir, ahora
el pincel está siendo coloreado del color del trazo. Puedo hacer clic aquí y puedo redimensionarlo si quiero y también puedo voltearlo a través. De verdad depende de lo que quiera, el aspecto de mi pincel para ser. Voy a duplicar esto con editar Copiar, editar Pegar en su lugar. Voy a redimensionar esta sosteniendo Shift y Alt, y para éste voy a voltear el pincel. A continuación, quiero poner una forma en el medio aquí así que voy a ir y hacer un segundo tablero de arte sólo para permitirme crear esa forma. Yo sólo voy a arrastrar un segundo tablero de arte, no
hace falta que sea particularmente grande. En este tablero de arte voy a poner una elipse. Simplemente voy a arrastrar hacia fuera una elipse de tamaño razonable y voy a darle un relleno negro y sin trazo. A continuación, voy a usar una herramienta para arrugar el borde de la misma, pero no voy a usar la herramienta arrugada, esta vez voy a usar la herramienta cristalizada. Con la herramienta cristalizada seleccionada, solo
haremos doble clic en la herramienta para ver cuáles son las opciones. Tengo un ancho y una altura de 100, un ángulo de 0, intensidad de 50 por ciento, complejidad 1 y detalle 2. Tenemos el tamaño del pincel mostrado, eso es solo una configuración predeterminada guardada. Lo que vas a hacer con este pincel es, te vas a sentar dentro de esta forma y solo vas a tirar por encima del borde. Al jalar sobre el borde, suceden cosas interesantes. Puedes tirar más o menos. Puedes volver a tirar algo si no va lo suficientemente lejos la primera vez, puedes tirarlo de nuevo. Si no te gusta el resultado, entonces solo puedes presionar Control o Comando z para deshacerlo. Lo que estás buscando es algo que sea una forma interesante, pero no algo demasiado complejo porque vas a tener que tomar esta forma con tu diseño. Tengo una forma de aspecto razonable aquí. Simplemente lo voy a seleccionar y lo que voy a hacer antes de hacer algo más es simplemente simplificarlo un poco, para deshacerme de algunos de los puntos que no necesito. Con ella seleccionada, elegiré Object to Path y luego simplificaré. Un ilustrador me dirá cuántos puntos fueron. Bueno, en el original había 361 puntos, pero puedo bajarlo a 334 y si disminuyo mi precisión de curva, puedo bajarlo un poco más bajo. Eso es solo eliminar parte de la complejidad para esta forma y su complejidad que realmente no necesito porque esto es solo una forma orgánica. Yo sólo voy a desenrollarlo un poco y dar clic en Aceptar. Ahora quiero poner un círculo en medio de esta forma. Me ayudará si cambio el color de relleno solo temporalmente. Yo sólo lo voy a hacer como rosa, voy a ir a arrastrar un círculo y colocarlo en medio de esta forma. Ahora, moviéndola como la estoy dibujando manteniendo presionada la barra espaciadora porque eso me permite mover la forma mientras la estoy dibujando. Básicamente lo que quiero es que esta forma rosa esté dentro de la negra, porque el siguiente paso es cortar la forma rosa de la negra. Yo sólo voy a seleccionar sobre todo ir a la paleta Pathfinder y voy a dar click al frente de Menos, porque lo que eso va a hacer es sacar la forma rosa de la negra. Acabamos con un agujero en medio de nuestra forma. Ahora podemos ir y llenarlo con algo de color y podemos traerlo a nuestro diseño.
8. Pt 7: pincel de patrones de pesos: Ahora, en el último video, creamos este interesante pequeño elemento para el medio de nuestro anillo hub, pero también podemos crearlo como un pincel de patrón y eso podría darnos un poco más de flexibilidad. Solo te voy a mostrar cómo haces eso como pincel de patrón. Voy a seleccionar un relleno negro aquí y sin trazo. Voy a arrastrar hacia fuera un bonito rectángulo grande. Voy a la herramienta cristalizada y voy a
tirar hacia arriba los bordes superiores de este rectángulo. No quiero meterme en la forma tanto como tener cosas que le están saliendo. Voy a arrastrar otro rectángulo, pero vamos a cambiar el color para que veas lo que está pasando un poco más fácilmente. Lo que quiero hacer es averiguar cuánto de esta forma voy a dejar atrás. Eso va a subir esto. Eso es más o menos lo que quiero para mi pincel. Seleccionaré la forma del borde arrugado más mi rectángulo, voy al pathfinder, y haga clic en menos frente. Eso me da este poco a la izquierda. Si trato de hacer un pincel de patrón con esto sin embargo, no
se va a alinear adecuadamente en ninguno de los dos extremos, porque estos dos no se van a unir alrededor de un círculo. Para resolver ese problema, voy a acercarme a este extremo del pincel. Lo que puedo hacer es que puedo cortarlo aquí. Simplemente voy a cortar esta pieza mi pincel y seleccionar ambos marcapasos y click menos frente. Ahora si eso te pasa, solo deshazlo, elige Editar, Deshacer o pulsa Control Z. Ahora en lugar de elegir menos frente, porque obviamente eso está destruyendo toda mi forma, podemos seleccionar recortar y eso recortará ese extremo off. Voy a hacer doble clic en esta forma aquí y quitarla y se puede ver que el extremo ha sido recortado. Presionaré escape. Vamos a echar un vistazo a este final. Voy a dibujar un rectángulo sobre un ritmo del que fácilmente puedo deshacerme. Yo sólo voy a tallarlo por aquí, seleccionar ambas formas e intentar frente menos otra vez, y eso es falla. Sólo voy a deshacer eso y voy a dar clic en recortar. Voy a deshacerme de esta forma aquí y presionar escape. Ahora, quiero que esto se envuelva y cree un pincel de patrón realmente bonito. Ahora mismo este fin y este fin son diferentes en tamaño. Lo que voy a hacer es dividir esto a pasos. Yo sólo voy a ir a hacer un segmento de línea para simplemente correr por el medio de mi forma aquí. Seleccionaré todas estas piezas y haga clic en dividir. Eso se divide esto en dos piezas. Escogeré objeto desagrupar. Ahora tengo una pieza izquierda y una pieza derecha, y tengo unos pedacitos extra que se están quedando atrás. Yo sólo voy a deshacerme de esos. Habrían sido los que estaban causando problemas con mi broca menos frontal. Ahora tengo mi izquierda y derecha y los acabo de revertir. Traje una pieza por aquí y otra por aquí. Yo los voy a maniobrar para que se mantengan juntos. Voy a empezar a remodelar esto. No voy a tener que remodelarlo mucho. Todo lo que tengo que hacer es tirar de esta forma hacia abajo para que se funde aquí. No quieres pasar demasiado tiempo en esto, pero querrás asegurarte de que tienes incluso mezclando entre estas dos formas que tenemos ahora. Es realmente una mezcla sin fisuras. Ahora seleccione sobre ambas formas con la herramienta de selección y haga clic en el comando unir para volver a crear una sola línea. Ahora porque corté la forma por la mitad y revierto los marcapasos esta pieza y esta pieza, llegué a emparejar a la perfección porque venían el uno del otro. Fueron divididos en ese punto en primer lugar. Ahora vamos a seleccionar eso y hacer que nuestro patrón pincel fuera de él. Nuevo pincel, pincel de patrón. No necesitamos un azulejo de esquina. No te preocupes si no tienes uno. queremos poder recolorear esto así que elige “Tinte” y haz clic en “Aceptar”. Probemos esto en un círculo. Estamos esperando que esto se
integre perfectamente para que no podamos ver dónde está lo mismo. Tenemos un pincel perfecto aquí no puedes ver dónde está el join y no deberías poder hacerlo. Pero debido a que se trata de un pincel de patrón, tenemos una cosa que podemos hacer con esto que no pudimos hacer con el anterior. Es decir que lo podemos dar la vuelta a través. Podemos tener esta forma wiggly en el interior o en el exterior. Es posible que quieras pasar ese poco de tiempo extra creando aquí un pincel de patrón en lugar de solo un círculo, para que realmente puedas hacer algo con él. Por supuesto, lo que quieres hacer es
asegurarte de guardar este pincel de patrón como lo hicimos antes, para que siempre tengas eso disponible también.
9. Pt 8: otro pincel práctico: Hay otro pincel que es bastante útil para estos efectos acurrucados. Te voy a mostrar cómo crearla. Yo también voy al rectángulo. Tengo un trazo negro seleccionado. Voy a crear un rectángulo que es de 150 píxeles por 150 píxeles, así que es un cuadrado. Voy a hacer dos copias de esto. Voy a salir arrastrando dos copias. Voy a seleccionar cualquiera de esas. Voy al panel de alineación. Voy a asegurarme de tener seleccionada la opción. Ahora mismo, las mías son visibles, pero si dice Mostrar opciones aquí, harás clic en eso. Voy a elegir alinear a objetos
clave porque eso me permitirá ajustar el espaciado. Voy a poner 50 píxeles de espaciado entre cada una de estas formas. Estoy escribiendo 50 aquí, y luego haremos clic aquí en horizontal distribuye espacio y que solo agrega 50 píxeles de espacio. Tengo una forma que es una brecha de 150 píxeles o 50 píxeles y otros 150, 50,150. Lo que quiero hacer es que quiero espaciar uniformemente estos. Lo que quiero es una forma que sea la suma total de todos estos bits más uno extra de estos 50. Lo que necesito es esencialmente esta cantidad de espacio tres veces, y esa cantidad de espacios es de 200 píxeles, así que quiero 600 píxeles. Voy a hacer un rectángulo de 600 píxeles de ancho. Eso me va a dar un espaciado perfecto. En realidad no importa la altura. Yo sólo voy a hacer 50 pixeles. Eso será perfecto. y click Ok. Ahora, sólo voy a posicionarlo sobre mis formas. Va a ser la caja de límite para mi pincel de patrón. Con ella seleccionada, necesito elegir objeto, arreglar, centrar hacia atrás porque no rellenan,
sin caja de rectángulo de trazo para nuestro pincel de patrón debe estar detrás de todo. De nuevo, voy a hacer que no se llene, no se derrame cerebral. Ahora si tienes curiosidad por las cajas de límite y los pinceles de patrón, y si esto te resulta un poco extraño, entonces tengo una clase de cajas de límite y pinceles de patrón. Se va a explicar todo. Voy a poner un enlace a eso en el área de proyecto de clase para ti. Nos vamos a nuevo pincel. Daremos click Nuevo Pincel. Pincel de patrón. Haga clic en Aceptar. No quiero la esquina. Yo solo quiero los bits de borde aquí y quiero que sean tintes y voy a dar click, Ok. En este punto, podría ser un poco curioso acerca qué pincel de patrón exactamente vamos a salir de esto. Parece que va a ser una cadena de cajas. Bueno, no lo es, es realmente interesante pincel. Pasemos por la herramienta Elipse y arrastremos hacia fuera una elipse. Vamos a darle un color de trazo. Vamos a conformarnos con el negro ahora mismo y vamos a aplicar un pincel de patrón a este objeto. Lo que obtenemos es una serie de plazas. Pero debido a que son un pincel de patrón y porque se aplican a un círculo, en realidad lo
han descubierto para que se vean como estos arcos de un círculo. Si hago clic en el peso del trazo, voy a conseguir menos de ellos y eso es realmente lo que quiero. Yo quiero menos de ellos y unos trazos ligeramente más gruesos. En realidad quiero tres. Esto es perfecto. Voy a ampliar esto porque ahora mismo se trata de un pincel aplicado a las formas. Escogeré objeto, expandiré, apariencia. Ahora voy a ir a agarrar esto. Llevemos esto a nuestros dibujos. Presionaré Control X, Comando X en la Marca para cortarla. Después presionaré Control o Comando V para moverlo a su posición. Si bien está seleccionada, solo voy a hacer que el trazo de color blanco y voy a aumentar el trazo. Esto ya no es un pincel de patrón, por lo que puedo aumentar el trazo sin cambiar el número de segmentos. Simplemente voy a hacer esto un poco más grande. Vamos a posicionarlo más o menos en el centro de nuestro círculo. Si el peso del trazo es demasiado, solo
puedo disminuir mi peso del trazo. Si no quieres todas estas formas, puedes entrar en la última tarima aquí abre este grupo y verás que cada una de estas formas es solo un camino aquí, así que solo puedes eliminar la que no quieres. Tengo esta ruta seleccionada, solo
presionaré retroceso para deshacerme de ella. Pero ahora tengo dos de estas formas rodeando mi anillo HUD.
10. Pt 9: textura de degradado y patrones: En este punto, solo vas a estar mirando los toques finales para tu diseño y hay cualquier número de cosas que podrías hacer. Te voy a mostrar algunas de las posibilidades en este video. Voy a empezar con una elipse. Voy a arrastrar hacia fuera sosteniendo la tecla de turno, me elipse de tamaño bastante decente. Voy a sostener la barra espaciadora ya que sólo la muevo a su posición. Está más o menos centrado sobre la parte superior de este objeto. Ahora lo voy a llenar con un gradiente aquí, y sólo estoy usando un gradiente que se envía con ilustrador. Se trata de un gradiente llamado Verano, pero podrías usar cualquier gradiente que te guste. Si necesita más gradientes, haga clic en el menú de bibliotecas de muestras y vaya a gradientes y luego
podrá ver todo un montón de gradientes que podría usar. Ahora con mis formas todavía seleccionadas, se
puede decir que está por encima de todo. Entonces lo voy a arrastrar hacia abajo para sentarme justo encima del rectángulo lleno de negro. El rectángulo relleno negro está proporcionando el fondo aquí a mis tablas de arte. Yo quiero esto justo por encima de él. Vamos a abrir el panel de gradiente. Voy a trabajar en este gradiente. En primer lugar, voy a este extremo del gradiente y
quiero que sea cero opacidad en ese extremo, que lo va a bloquear. Simplemente se está apagando muy bien. Voy a hacer doble clic en este extremo porque quiero elegir un color diferente para ello. Tienes un par de formas de seleccionar el color aquí. Simplemente voy a seleccionar este tipo de color azul. Quiero añadir otra parada aquí para mis gradientes. Simplemente voy a dar clic aquí debajo de la barra de gradiente y haré doble clic sobre eso para asegurarme de que tengo un color seleccionado que me gustó. Voy por este tipo de look azul anaranjado. Con esto seleccionado, el tema de este gradiente, y ver que se le va a dar una opacidad, que va a estar en algún lugar entre 100 y cero porque en eso está trabajando esta diapositiva de gradiente. Pero quiero que sea un poco menos transparente, así que voy a llevarla hasta 50. Vamos a revisar este de aquí. Esto es del 100 por ciento. Esto ahora es 50 porque lo pongo ahí, pero puedes poner el valor que quieras y esto es cero, así que no hay gradiente en absoluto, no hay color en el borde mismo de esta forma. Ahora puedes especie de manipular estas marcas de stop para trabajar exactamente donde quieres que se lleve a cabo la transición. Entonces si quieres un poco más azul, puedes hacer eso. Si no lo quieres del todo tan opaco, entonces puedes entrar aquí y bajar un poco a la opacidad. Ahora también quiero agregar en una especie de patrón detrás de esto. Te voy a mostrar un patrón que creé en mi clase Galatea. Si quieres ver cómo crear algunos de estos patrones, puedes ir a esa clase, pero solo voy a hacer rápidamente un patrón aquí. Voy a dibujar una línea y le voy a dar un trazo negro. Escogeré efecto, distorsionaré y transformaré en zigzag. Yo quiero que sea suave y quiero que este final y
este final sea tanto por encima de la línea o ambos por debajo de la línea, pero no uno cada uno. Esto se ve bien ahora y puede hacerlo un poco más empinada si quiero. Voy a dar click en “bien”. Voy Alt, arrastre un duplicado de esta línea y si agrego la tecla Mayús, se va a colocar inmediatamente debajo del original. Seleccionaré sobre ambos y haré una mezcla a partir de ellos objeto, blend, make. Ahora mi mezcla se ve bastante bien. Puede que el tuyo no se vea tan bien dependiendo de cómo tengas configurada tu configuración. Lo que sugiero que haga es hacer doble clic en la herramienta de mezcla, vaya por pasos especificados y luego simplemente ajuste el número de pasos hasta que tenga algo que le guste. Voy a dar click en “Ok”. Ahora en este punto quiero seleccionar sobre esta forma y quiero leer sus dimensiones. Son números realmente, realmente grandes, confusos así que lo que voy a hacer es hacerlos menos confusos. Yo sólo voy a hacerlos número redondo. Esto es 450 y esto fue 305 y cambio. Yo sólo voy a hacerlos 300. Esta selección aquí es de 450 por 300. Voy a hacer un rectángulo que sea del mismo tamaño, 450 por 300. Esta va a ser la caja de límite para mi patrón. Si no estás seguro de por qué los patrones necesitan cajas de límite, de nuevo, tengo una clase sobre cajas de límite y eso está en el área del proyecto de clase. Probablemente quiera echarle un vistazo a eso. A continuación, seleccione cualquiera de estas dos formas. Voy a asegurarme de que estén centrados. Voy a alinearme con la selección y solo golpear las opciones de centro vertical y horizontal. Este rectángulo está al frente de todo en este momento y tiene un trazo, ninguno de los cuales debería tener. Voy a seleccionar sólo el rectángulo, no le
voy a dar trazo. Voy a arrastrarlo por debajo de la mezcla. Eso es importante porque de lo contrario esto no va a funcionar como patrón. Quiero que mi patrón sea una especie de color más claro. Si bien estoy aquí, vamos a agarrar esta mezcla y hagámosla un color gris más claro, una especie de color gris neutro. Bueno, creo que probablemente algo como esto. Ahora agarraré la mezcla, y luego llenaré ningún rectángulo de trazo y con la herramienta de selección va a arrastrar estos al panel de muestras para hacer un patrón de ellas. Ahora, solo puedo duplicar mi rectángulo aquí. Vamos a buscar este rectángulo relleno negro y hacer un duplicado de él porque es exactamente del tamaño correcto. Ahora, desbloquearlo, apuntarlo, ir y seleccionar su relleno y llenarlo con mi nuevo patrón. Ahora, eso es un poco intenso, pero va a ser fácil de resolver porque voy al panel de apariencia y con el relleno seleccionado, solo
puedo marcar hacia abajo la opacidad del relleno así que solo lo
fundo para la capa negra debajo. Eso sólo nos da un poco de textura a través del diseño. Si no quiero que eso se mueva, también
puedo bloquear eso.
11. Pt 10 texto con texto brillante: El siguiente toque final que voy a añadir a este diseño es algún texto y lo vamos a hacer en un camino. Entonces voy a seleccionar la herramienta de elipse, tiene un trazo negro pero sin relleno. Sostendré la tecla Mayús mientras arrastro una elipse. Entonces lo voy a posicionar usando la barra espaciadora para mover la forma mientras la estoy dibujando. Entonces no quiero que sea muy grande, quiero que esté justo fuera de estas formas más grandes de mi diseño ahora mismo. Entonces ahora, voy a la herramienta Tipo pero si estás trabajando con ilustradores, CSA, cualquiera de las versiones de CSA, quizá
quieras revisar primero este ajuste. Escogeré Editar preferencias y luego escribiré en un Mac que sería Illustrator, tipo Preferencias. Desea asegurarse de que esta película nuevos objetos de tipo con opción de texto marcador de posición está desactivada. De lo contrario, algún texto de marcador de posición se va a insertar
automáticamente en tu documento y esos simplemente realmente molestos. Así que deshabilita eso y haz clic en bien. Ahora, iremos al tipo en una herramienta de ruta y pasaremos el cursor sobre el camino y cuando lo haga, verás que se llenan y trazos inverten y ahora estamos en modo tipo. Por lo que si quieres elegir un color para tu tipo en este punto, puedes hacerlo. Voy a seleccionar los mismos colores azules que estoy usando en el centro del documento. Ahora, solo voy a escribir basura y haber escrito basura, quiero que sea basura irreconocible. Entonces voy a seleccionar más en, probablemente
voy a aumentar mi tamaño de fuente sólo un poquito. Entonces voy a llevarla hasta cerca de 14. Ahora desea seleccionar una especie de fuente de basura para usar. Entonces lo que voy a hacer es enrollar hasta la parte superior de mi lista de fuentes y echar un vistazo y decir el tipo de fuente que me vendría bien. Bueno, extraño, me vendría bien porque parece que son solo símbolos matemáticos. También podría usar el símbolo de estantería porque de nuevo, esa matemática y en realidad voy a seleccionar eso, pero puedes echar un vistazo a través de tu lista de fuentes y probablemente
encontrarás fuentes que son solo números o símbolos matemáticos o algo que tenga la sugerencia de ser interesante pero totalmente ilegible, por lo que ni siquiera estás inclinado a intentar averiguar qué es. Entonces tengo ese símbolo de estantería seleccionado aquí. Ahora, lo que quiero hacer es darle un resplandor a esto y lo que encontré con Illustrator es que algunos de los brillos no funcionan del todo como esperas que lo hagan. Entonces te voy a mostrar un truco con esto. Estoy seleccionando el objeto que es el texto en una ruta. Voy a elegir Efecto estilizar un
resplandor porque esto me permite agregar un resplandor a mi texto. Voy a hacer que mi color resplandor sea algo similar al color del texto, solo un poco más claro. Voy a ponerlo en Pantalla, y voy a encender la vista previa, y dirás que tal vez veas el más mínimo indicio de un resplandor, pero no mucho en absoluto. Hazlo como tres pixeles desenfocar, y voy a dar click bien. Lo que voy a hacer es, inmediatamente voy a ir a hacer lo mismo otra vez, efecto, estilizar, resplandor, y voy a aplicar un nuevo efecto. Voy a encender la vista previa y empiezas a ver tu resplandor. Ahora bien, esto es demasiado de un resplandor por supuesto, pero sí nos permite ver un resplandor realista. Entonces voy a bajarlo a cerca del 10 por ciento y luego bajar
el borroso a unos dos píxeles, y voy a dar clic en Ok. Entonces eso me ha dado algún tipo con efecto de resplandor, pero sí encontré que tener que aplicar el resplandor dos veces, me
da un resultado mucho mejor que incluso implicar un resplandor a un nivel muy alto una vez. Entonces solo ofrézcanos eso, brilla dos veces en lugar de solo una vez parecía funcionar mucho mejor.
12. Efecto de mezcla Pt 11 y wrapup: Otra forma de agregar algún interés visual al fondo, detrás de esta forma, es utilizar una mezcla. Antes de hacer eso, voy a bloquear todo, no la Capa misma, sino todo lo que hay en la Capa. ir a la herramienta Lápiz, voy a poner ningún relleno en absoluto. Para mi trazo, voy a elegir un color. Yo sólo voy a usar el azul claro que hemos estado usando en primer lugar. Yo sólo voy a dibujar una línea de lápiz. Entonces voy a cambiar el color. Voy a usar esta naranja que hemos estado usando también. Con esto, voy a dibujar una línea que se cruza con la que ya he creado. Entonces, por fin, elegiré otro color. En realidad voy a usar un amarillo aquí, y voy a dibujar una tercera línea. ajustes de la herramienta de lápiz que tengo son bastante suaves, así que tengo este selector de precisión a suavizar, bastante duro hacia el extremo liso para que mis líneas se estén volviendo suaves a medida que las dibuje. Es posible que quieras hacer eso con tu herramienta también. Ahora, voy a seleccionar sobre estas tres líneas. Porque he encerrado todo lo demás, son las únicas cosas que puedo seleccionar. Voy a la Herramienta de Mezcla. Voy a dar click en cada una de las tres líneas en turno y eso crea una mezcla interesante. Ahora, puedes tomarlo como está o puedes ir a ajustarlo. Lo que voy a hacer es hacer doble clic en la “Herramienta de mezcla”, dar clic en “Vista previa”. Voy a ir a pasos
especificados y sólo voy a reducir un poco el número de pasos. No quiero que sea tan intenso como es. Voy a dar click, “Está bien”. Ahora bien, esto tiene una caja de selección a su alrededor. Si lo quiero rotar, lo puedo hacer seleccionándolo y simplemente girando esta mezcla. También puedo dimensionarlo un poco más grande si quiero. También puedes deformar este objeto. Por lo que con ella seleccionada, podrías elegir Objeto, Distorsionar
sobre, Hacer con Malla. Por ejemplo, usaré una malla cuatro por cuatro y haré clic en “Ok”. Entonces con la malla puedo ir y seleccionar puntos de malla
individuales y puedo deformar la forma debajo. Me permite hacer cosas como simplemente reorganizar la forma si quiero, y hacerla más delgada en algunos lugares, más gruesa en otros. Hay un montón de cosas que puedes hacer con esta mezcla una vez que la hayas hecho. Yo sólo voy a traer un poco el mío a través del documento. Cuando estoy feliz, solo puedo hacer click lejos de él. Ahora bien, este Distort sobre aquí está en mi panel Capas. El Distort de Envoltura tiene la mezcla en su interior. Lo que voy a hacer es, lo
voy a mover hacia abajo por encima de la parte superior de las formas rellenas de gradiente. Yo sólo lo voy a llevar aquí abajo. Justo encima de mi forma rellena de gradiente. Pero eso está detrás del anillo HUD real. Los colores están detrás del anillo HUD y si lo bloqueo, No va a parpadear cada vez que voy a algún lugar cerca de él. Desde aquí te lo voy a dejar a ti. Hay como un billón de cosas que puedes hacer con estas formas. Yo solo quiero lanzarte algunas ideas de las cosas que
puedes hacer para crear un fondo interesante para tu anillo HUD. Podría, por supuesto, agregar algunos anillos HUD adicionales. Si quisieras, podrías agregar brillos a tu anillo HUD, todas las cosas. Seguro que te vas a divertir muchísimo con esto. Estoy seguro de que se te va a llegar a algunos diseños realmente increíbles también. Por lo que realmente estoy deseando ver esos. Tu proyecto de clase es por supuesto, para ir y crear un anillo HUD. Ve y crea algunos diseños interesantes y crea algunas cosas interesantes y divertidas para los fondos. Te voy a dar algunos enlaces a otras clases que tienen estos efectos de fondo y
los efectos de Galatia para ti para que puedas estar familiarizado con esos si quieres aprender un poco más sobre ellos. Además, obtuve una clase sobre texto en una ruta que quizás quieras mirar también. Publica una imagen de tu proyecto terminado en el área de proyecto de clase. Espero que hayas disfrutado de esta clase y hayas aprendido muchas y muchas cosas sobre Illustrator que aún no sabías. Al estar viendo esta clase, se
le habrá preguntado si se lo recomendaría a otros. Por favor, si estás disfrutando y aprendiendo de la clase, haz dos cosas por mí. En primer lugar, di que sí que se lo recomendarías a otros. En segundo lugar, escribe solo unas palabras sobre por qué disfrutaste de la clase. Estas recomendaciones ayudan a otros alumnos a decir que esta es la clase que ellos también podrían disfrutar y aprender. Si quieres dejarme un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Me llamo Helen Bradley. Muchas gracias por acompañarme en este episodio de Diseño Gráfico para Almuerzo, y espero verlos en un próximo episodio.
13. Embellishments extra: En este video, voy a acelerar lo que estoy haciendo y sólo pasar por unas adiciones extra a este proyecto. Voy a añadir unos resplandecientes a algunas de las formas aquí en el anillo duro. Voy a añadir otra mezcla. Voy a hacer un pincel de dispersión y usar eso para agregar algunas estrellitas al fondo, y también voy a seguir adelante y añadir un gradiente como fondo en lugar del negro. Entonces voy a agilizar el video. No voy a hablar a medida que pase por esto, pero sólo voy a agregar estos elementos adicionales, y solo pensé que te gustaría verlo como se está haciendo.