UI/UX de Figma: diseña una sección de héroes de sitios web con prototipo y animación para web y móvil

1. Bienvenido al diseño de página de destino de la sección de héroe en Figma: La conversión de sitios web de la sección Eero con animación, motion graphics, interacción, diseño responsive, buena interfaz de usuario y experiencia de usuario tanto en la web el móvil es el objetivo de cada marca en todo el mundo para conseguir más clientes y clientes, y eso los hace contratar a los mejores y profesionales diseñadores de UI y UX Hola, mi nombre es adria Pandy. Soy instructor de discurso. Te voy a enseñar paso a paso cómo diseñar y crear una sección Eero de conversión interactiva y receptiva para tabletas web y móviles, con los últimos diseños de tendencias en el mundo UI UX, lo que te hará destacar de otros diseñadores Comenzaré por navegar a través de la interfaz Figma, le enseñaré el encuadre de cables en Figma y pasaré a diseñar proyectos del mundo real con aplicación práctica para diferentes marcas, que incluyen marca de alimentos, marca tecnológica, marca de frutas y marca de bienes raíces, y marca de bienes raíces, tanto para web móvil como para vista Te enseñaré Figma prototipo, animación, interacción, diseño de movimiento, en layouts, variables, componentes, recursos, ins, iconos, fuentes, colores, herramientas, City bot ins, sombras, cómo recortar imágenes, automáticamente y hacia fuera para soplar imágenes, y así sucesivamente También cómo exportar el resultado del diseño después de la finalización. He puesto los archivos de proyecto para este curso, incluyendo las fuentes que utilicé a lo largo del curso, disponibles para ti en los archivos de recursos. Y además, tienes una tarea al final del curso para practicar todo lo que has prestado en este curso. Este curso te ayudará a llevar tu U I U excusa a la siguiente te veo en la próxima conferencia vio. 2. Comienzo: Chicos. Gracias por tomar este curso. Antes de comenzar, debes descargar el archivo de recursos para este curso. Estos son los archivos de recursos para que descargues este archivo de recursos. Encontrará el enlace al archivo de recursos en la la clase y descripción del proyecto. Se da clic en el enlace y se descarga el archivo de recursos. Vas a descargar el archivo ZIP. Ahora déjame llevarte de vuelta al archivo Zip, cómo va a quedar exactamente. Se va a quedar así exactamente. Aquí mismo, en realidad podemos hacer clic derecho, luego qué extraer archivos. Entonces es lo que presentas, luego son extractos. Entonces lo tenemos perfectamente. ¿Qué haces? Haz doble clic. Sí, lo tenemos. Aquí lo tenemos. Vuelves a hacer doble clic, tenemos todo lo que necesitamos. Tenemos los archivos del proyecto. Todo lo que necesitamos en este curso particular de figma está aquí Desde el mbuger hasta las hojas hasta los logotipos hasta las imágenes que necesitamos usar hasta las flechas hasta los logotipos y todo lo que necesitamos usar aquí mismo Todo lo único está aquí mismo. Entonces volvamos. Entonces tenemos también lo que es el archivo de ejercicio. Eso es al final de la clase, necesitas practicar por tu cuenta. Vas a estar diseñando un creativo único. Sección Ero para una marca tecnológica como conoces una marca, una marca en tecnología y también y también para una escuela en realidad donde vas a crear una sección ero de la landing page para ellos usando estas dos imágenes. Esas son las asignaciones. Esas son las asignaciones. Entonces moviéndonos aquí también, llegamos a las formas. Si se utilizan todas las formas en este curso en particular, todo está justo aquí. Prevenir tener los formularios, solo puedes instalar los formularios aquí. Todo está aquí. Todo está aquí en el archivo de recursos para ti. Bien. Entonces, volvamos. Entonces esto es todo sobre el archivo de recursos. Así que continúe y descargue a través del enlace luego instálelo a través del enlace, luego descárguelo directamente a su sistema. Entonces comenzamos. Te veré en el siguiente video de conferencia. 3. Interfaz de Figma - parte 1: Esta conferencia, voy a estar enseñándote la interfaz Figma Si ya sabes cómo usar la interfaz Figma, amablemente pasa al siguiente video, vamos a comenzar con el encuadre de alambre del proyecto Ahora, en primer lugar, se puede ver, se puede ver que Figma en realidad se divide en paneles, se puede ver de arriba a la izquierda y también hacia la derecha Entonces, viniendo aquí, podemos ver que esto es lo que llamamos la barra de menú en sí. Tenemos vista de edición de archivos, texto de objeto organizar enchufes vectoriales, widgets, preferencias, bibliotecas, apertura de la aplicación destop, y así sucesivamente En realidad, si haces clic en back to pies, nos lleva de vuelta a donde nuestros pasteles normales se están guardando antes de que realmente entremos en la interfaz. Esto es lo que esta es la barra de menú. Al venir aquí, tenemos todos estos como lo que llamamos la tuba Tenemos esto como la tuba Todos estos como la tuba. La herramienta en realidad usamos por todas partes. En FDMA. Vamos a aprender a usar las herramientas más esenciales para nosotros en este tutorial en particular. Tenemos que pasar a la escala dos. Ahora también tenemos el marco la sección, la diapositiva. También tenemos el rectángulo dos, la línea, la flecha, las elipses. Polígono, estrella y así sucesivamente. Tenemos el lápiz, vamos a lo que vamos a usar para cortar esto. También, tenemos el texto dos, que es sólo uno. Tenemos los recursos, tenemos los componentes, los plug ins, los widgets. También, tenemos la herramienta. También tenemos la herramienta, y también tenemos los comentarios. Por lo que en realidad la frase podemos ponerla sobre presentar algo aquí, entonces qué comentarios. Probablemente el diseñador quiera que cambies algo probablemente uno de sus clientes. Nosotros solo te lo diremos, vamos a poner algo aquí en realidad. Pongamos exactamente. Cambiar el contacto. Bien. Entonces digamos. Entonces presiona enter, entonces en realidad se queda ahí se puede ver. Ahora, chang el contacto a aproximadamente. La persona realmente entendería. Bueno, en realidad, no necesitamos eso realmente aquí. No necesitamos que eso sea sólo un ejemplo. Bien. Entonces, en realidad, puedo quitarme esto solo viniendo aquí haciendo clic en esto. Lo siento. Viniendo por aquí, haga clic derecho y luego lo que hay comentarios. Bueno. Entonces ahora, Otra cosa que debemos entender aquí es que podemos cambiar nuestro título. Se puede ver que no tiene título. Puedes hacer doble clic dos veces. Después cambia por ejemplo, hacia Boger Lo siento Boger presiona enter Se puede ver. Esa es una. O puedes venir aquí, seleccionar esto entonces qué renombrar, y es re nombres. Bien. Así que basta con pulsar enter Boger por ejemplo, por ejemplo, es una interfaz de video Bien. Ahora bien, entendiendo las herramientas que tenemos en realidad a las que vamos a prestar las palabras más esenciales en el Sutorial Lado izquierdo, tenemos tres tipos diferentes de opciones importantes en el feed M. En primer lugar, déjame ir a los activos. Estoy volviendo a las capas. Puedes seleccionar esto e intentar buscar algo en realidad. Lo único que puedes buscar algo alrededor de esta barra o panel en particular aquí. Pero no necesito buscar nada. Simplemente acércate a los activos. Activos aquí en realidad, cuando llamamos algo activo y activo pasivo son cosas que mantienes. Para fines futuros. Sube por esto, tenemos páginas. Eso está fijado, cosas que han sido creadas por el propio FDMA. Por qué solo intentas seleccionar algo como esto. Aparece, inst justo como quieres copiar lo que se haya hecho antes Vamos a crear cosas desde cero. No necesitamos copiar desde ningún lugar donde realmente puedas copiar del trabajo de otras personas, pero aquí no vamos a hacer eso. Permítanme tratar de colapsar esto, expandir estos componentes de interfaz de usuario. Eso es componentes que has hecho. Cosas que has hecho. Cuando haces algo en particular, los mantienes en los componentes de los componentes de la interfaz de usuario. Para que puedas utilizarlos y reutilizarlos, eso los llamamos activos. Cosas que han sido creadas por. Por FDMA, se deja para ti, puedes usarlos si lo deseas Se pueden ver cosas como esta el botón. Pero vamos a crear todo desde cero nosotros mismos, excepto a partir de imágenes, iconos, y algunas otras cosas que tenemos que importar. Tenemos que usar, tenemos que tomar en FDMA. Ahora déjenme borrar esto. Presiona eliminaciones en tu teclado, lo siento, elimina. Bueno. Ahora déjame colapsar esto. Eso es para los activos. Siempre que realmente estés guardando algo como componente, lo cual te voy a enseñar en este tutorial. Guardar algo como componente. Ahorra aquí. Se guarda en los componentes de la interfaz de usuario aquí. Vamos a la página. Ahora tenemos que entender algo consignando página Cuando estás hablando de página. Ahora bien, esta es la página uno, o los proyectos que estamos creando en este tutorial de Figma se van a crear en una sola FDMA No vamos a abrir otra pestaña. Simplemente abro otra pestaña y clic en una nueva pestaña, no vamos a hacer eso. Todo va a estar en esta única pestaña. ¿Qué hacemos? Tenemos cuatro proyectos para crear para diseñar. ¿Qué hacemos para crear una nueva página haciendo clic en un icono más Esa es la página dos, entonces lo que entonces puedes hacer click aquí, ya está hecho. Esta página uno, el primer proyecto, luego pagas dos por el segundo proyecto, que nosotros Bien. Vuelva a hacer clic en el icono más. Se puede presentar enter, página dos, página tres. Nuevamente, puedes presentar enter página cuatro. Entonces el primer proyecto debe ser el primer proyecto debe estar en la primera página, página uno, segundo prog página dos, terceros proyectos Página tres proyectos cuarto. Página cuatro. Entonces así será como estará bien alineado bien estructurado solo en una pestaña FDMA Cuando envías tu trabajo a tus clientes, les haces conocer el fósforo en la página uno, la segunda página dos, la tercera y la página cuarta y la página Ahora, eso es todo para las páginas. Y si quiero volver a la página y solo ven s página y se puede ver la página uno que esto me está diciendo algo está ahí. Se puede ver cuando yo alrededor de esto, se puede ver que algo realmente pasó aquí. Cuando selecciono esto, lo que sucede, dice que está seleccionado puedes verlo seleccionado. Ahora esto nos lleva a donde al propio panel de capas. Así que cuando selecciono en las capas, se puede ver, en realidad ha sido seleccionado, vamos, haga clic en esto, luego haga clic en capas. Bien. Se ve que me está diciendo que hay algo en particular. Pavent déjame simplemente hacer clic en este borra. Seleccione esta eliminaciones, podrá ver que se vuelve vacía. Por eso en primer lugar, yo cuando abres Figma y ves la interfaz, está vacía hasta que tienes algo ahí Pero decidí pegar esto aquí exactamente más allá de esto aquí para que podamos ver lo que realmente está sucediendo. Se puede ver algo aquí en las capas. Déjame borrarlo de nuevo, puedes ver eliminado. Eliminar, se puede decir que no hay nada aquí. Activos algo página, siempre hay algo. Pero se puede ver, en realidad, no hay nada en las capas. Déjame idear, articula para pegar. Está ahí atrás porque ya lo he copiado en el portapapeles Ahora tenemos esto esto perfectamente. Ahora, seleccione esto. Puede seleccionar esto desde aquí o puede hacer clic afuera o puede seleccionarlo desde aquí. Se ha convertido en seleccionado se puede ver. Normalmente antes no hay nada. Es sólo blanco. Cuando se selecciona, tienes un color azul claro. Destacado sobre él. Se puede ver el color azul claro por aquí también. Se puede ver muy, muy perfecto. Ahora, viniendo cuando puedes ver, cuando vienes, traes tu mouse, tu cursor sobre, puedes ver, en realidad es muestra que algo como esto está desbloqueado. Se puede cerrar con llave. Pero cuando haces clic en Oden drag, puedes ver, ni siquiera puedes cambiar su posición, haces clic Arrastrar de madera Ni siquiera es seleccionar, puedes ver, no seleccionar porque está bloqueado. Qué es lo que desbloqueas. Ese en el que puedes hacer clic Oden arrastre ahora, ya lo puedes ver, muy perfecto Contraerlo en cuanto a qué hacer. No lo olvides, puedes hacer click. Usted hace clic primero cuando hace clic. Bien. La mayoría de las veces cuando haces clic en esta capa. Cuando haces clic en este particular estás haciendo clic en otra cosa, no estás haciendo clic en el marco. Porque hay que entender que esta área en particular. Bien. Es el lienzo. Lo que sea que lo crees es lo que llamamos el marco o algunas personas lo llaman en realidad pueden encontrarlo por aquí, ven marco. Crea un nuevo marco, selecciona esto o usa un atajo F. Ahora, necesitas entenderlo. Este es el lienzo. Esta cosa gris es el lienzo. Se pueden crear múltiples cosas. Se puede ver como estoy acercando y alejando el zoom. Antes de que puedas acercar y alejar, puedes usar tu maceta de mouse central que es scroll scroll up, sube, scroll down, baja. Punto capaz de acercar perfectamente. De hecho, puedes venir aquí a este lugar acercar el zoom. Bien. Ven aquí. Alejar. Ven aquí, Zoom encaja. Te lleva directamente directamente, no importa cómo sea la pelea, haz clic en ven aquí, Zoom encaja. Se ajusta perfectamente a ti. ¿Bien? Entonces tenemos Zoom al 50%. Zoom 200% Zoom dos 200%. Pero todos estos son como ya sabes, es solo manualmente automático cómo lo haces automáticamente. Es un atajo. Necesitas entender el atajo. ¿Qué haces? Lo que sea que pongas tu cursor, evita poner tu cursor por aquí puedes ver, déjame decirte en el global aquí, el ambger Quiero hacer zoom en el ambger recto, se puede ver que ha sido seleccionado No es compuesto seleccionado. Sólo hay que poner un cursor aquí. Entonces, ¿qué haces pre en control o mando? Es un comando mac es windows, control. Presiona sobre control. Entonces lo que usas el mouse mediano, luego qué zoom puedes ver Va directo a él muy perfecto y muy rápido. Se puede alejar de nuevo. Aleje el zoom usando este scroll, botón mediano. Si quiero que sea sobre esto, ponga el control co presente, luego haga zoom Se puede ver, muy perfecto. Se puede ver que viene al cliente haga clic en el control, entonces ¿qué zoom? Muy perfecto. Si por ejemplo, no se inscribe presente control. El uso del botón medius, entonces lo que zoom perfecto entonces Alejar Es perfecto y agradable. Ahora usa el botón medi hacia el zoom, perfecto. Eso tenemos, muy bien. 4. Interfaz de Figma - parte 2: Ahora, necesitas entender que esto es un. si quieres seleccionar esto, todo se vuelve azul celeste. E por ejemplo, cuando selecciono esto, por ejemplo, se puede ver el pantano los bytes de Boga, se puede ver, en realidad está mostrando que hay un resaltado en él está mostrando que hay un resaltado en Permítanme seleccionar el propio logotipo. Puedes ver que el logo ha sido seleccionado, puedes ver. Demuestra que sea lo que sea que selecciones, todo es en realidad. No es un compuesto. Déjame dar click afuera aquí. Yo selecciono compuesto. Puedes seleccionar desde aquí. Entonces demuestra que has seleccionado. Puedo seleccionar esto. ver clientes satisfechos, puedo seleccionar esto. Puedo acercarme, seleccionar esto. Puedes ver que nuestros bots de menú han sido seleccionados, eso es bot en dos. Tenemos el de abajo, ya pueden ver, tenemos el tema menor. Se puede ver que el tema principal, se puede ver uno muy perfecto. Eso es un sólido tenemos ahí el apunte, puedes ver que ha sido seleccionado por aquí. El logo ha sido seleccionado. Puede seleccionar desde aquí, el panel de capas o seleccionar en el propio marco en el tablero. Esas son las capas en realidad casas, eps, lo que sea que hayas hecho. En el tablero de arte o en la caja en el tablero de arte. En realidad son casas, lo que sea que hayas hecho en el tablero en el arte por ti. Lo que necesitamos entender, vamos poco a poco arriba poco en el medio inferior trato de saber scroll usando un scroll en. Entonces, ¿qué hacemos ahora? Necesitamos entender lo que realmente significan las capas. Ahora, viniendo aquí, tomemos, por ejemplo, tenemos rectángulo. Déjame seleccionarlo porque sea lo que elija, cuando hago una nueva capa, realidad se crea encima de cualquier otra cosa. Aunque tuviera click layer, si trato de crear un nuevo rectángulo, que es los atajos son, utilizo atajos mayormente en esto, en la historia. Los atajos no están presentes, permítanme solo venir clic. Este ha sido seleccionado. Sólo tienes que pulsar la tecla R en tu teclado. puede ver que va se puede ver. Normalmente, tengo esto. El movimiento es V. Bueno, quiero venir a seleccionar el rectángulo. Voy a usar Voy a usar el atajo que es. Se puede ver que el ojal azul saltaría de inmediato a este lugar Selecciono el Voy a presentar la R ahora. Se puede ver qué tan presente. Se puede ver bien. Ahora bien, lo que sea que crea realmente zapatos arriba, cualquier otra capa que esté aquí. Se puede ver el rectángulo tres. Muy perfecto. Déjame usar debajo de la. La O es un atajo hacia adelante para el círculo que puedes ver. Déjame seleccionar, ya puedes ver. Déjame hacer clic y seleccionar, ya puedes ver. Va por encima. Eso es, ya se ha colocado. Así que ponía algo por encima de otra cosa. Cuando pones una cosa por encima de otra, o creas una cosa nueva, se pone encima de otra cosa. Una cosa nueva se pone encima encima de otra cosa. Eso es lo que son las capas. Bien. Entonces no es difícil solo para ti entender, se ha puesto capas y capas. Otra cosa que debes tener para que puedas entender. Déjame intentar, ya sabes, déjame tratar darle un color a esto por sí solo. Trato de darle rojo, por ejemplo. Déjame tratar de darle esto, ya sabes, para darle esto déjame decir azul. Vamos a ponernos por encima de esto, no te preocupes. Déjame ver este tipo. Bueno. Ahora, tenemos esto. Cuando traigo esto cuando traigo esto aquí, se puede ver que el rojo está en realidad encima del azul. ¿Por qué? Porque el azul está aquí, por qué el rojo está aquí. Puedo decidir sacar este azul sobre el rojo. Este es el azul seleccionado. Lo haces clic y lo arrastras. ves eso es ya sabes, eso es oscuro oscuro pero un poquito, un poquito es oscuro. Bien. Si digo esa línea oscura, dime que aquí es exactamente donde la quieres poner y va arriba. Puedo decidir llevarlo a la baja. Si por ejemplo, pueden ver, cuando traigo esto aquí, está encima de qué. De nuestro diseño de marco. Lo llevo atrás del marco que hago. Se puede ver exactamente, se puede ver el nombre detopx puedo cambiarlo haciendo doble clic aquí Digamos mboger también bogerre enter, puede ver que cambia aquí También puedo cambiar el nombre aquí. Haga doble clic. Déjenme decir nuevo boger Se cambia aquí también, muy perfecto Ahora todo lo que estoy viendo en realidad aquí, está bajo el aboger. Puedo decidir colapsar esto colapsó. Puedo se vuelve muy limpio. Puedo decidirlo porque cuando me puse en esto, se expande. Puedes ver muéstrame, esto fue lo que presionaste, perdón. Esto fue lo que presionaste. Yo seleccioné al cabrón. Oh, muéstrame. Ahora puedo decidir colapsar. Se puede ver muy aseado. Ahora bien, esto está en la parte superior porque en realidad esta en la parte superior de las capas. Cuando hago clic en mantener y arrastre esto aquí arriba, pueden ver que esto baja. Muy perfecto. Eso es exactamente lo que son las capas. Bien. Puedo decidir hacer clic y dejarme traer esto aquí. Puede hacer clic y arrastrar esto de nuevo hacia abajo, se puede ver que se remonta. Lo que sea que esté arriba aquí lo repasa. Se puede ver. Lo siento va a entrar, va a dar click en su higo entiende mucho. Eso se puede ver. Ahora, puedo intentar volver a colapsar el ámbar, errores de clic. Haz clic en Viejo y arrástralo hacia arriba, podrás ver que está por encima de los dos, incluso por encima del tercero mismo. Se puede ver perfectamente. Cuando trato de hacer clic en d y arrastrar y bajarlo, va por debajo de todo. Eso es en realidad lo que realmente retrata la capa. Ahora bien, otra cosa que necesitamos entender es que el siguiente panel o barra que tenemos aquí se llama la barra inspectora o lo que llamamos la barra de propiedades que es. Siempre que hagas clic en algo , muestra la propiedad de esa cosa u opciones de esa cosa. Puedes ver cuando seleccioné esto, muéstrame que el campo para el color para esto es azul con 100 presentes opacidad Cuando hago clic en esto también, cuando selecciono esto también, puedes ver, puedes ver muéstrame que esto es rojo. Se puede ver cuando seleccione esto también me muestran que esta es gris. También está demostrando que esto es lo que es visible. Se vuelve ahora que he seleccionado esto, se vuelve invisible. Después haga clic de nuevo. Después haga clic de nuevo, se vuelve visible. Además, todas las demás propiedades realidad dependen de los objetos seleccionados. Ahora, déjame borrar esto y esto y esto seleccionar varias cosas, solo seleccionas estos conjuntos actuales, presionas, seleccionas y seleccionas esto luego eliminas. Ahora, volviendo directo a este proyecto. Cuando selecciono en este asp, pueden ver, todo es igual que uno a tres para como cuatro o cinco reglas. Cuando selecciono en esta hamburguesa forsm se puede ver. Me muestra la propiedad. Siempre que quiera D cambiarle algunas cosas , ya pueden ver, déjame acercarme aquí, selecciona este color negro, vende este color negro y cambia algo de rojo ya puedes ver. Puedes ver los cambios que puedes ver. Como el azul, yendo así, se pueden ver los cambios. Seleccionas esta fuerza y vienes aquí para que veas sus cambios. Eso es en realidad es la propiedad. Me refiero a solo controlar o solo déjame seleccionarlo y cambiarlo de nuevo a negro, haz clic y arrastra aquí abajo o aquí abajo e dos. Otra cosa que puedes hacer es solo que en vez de acercarme y alejarme y hacer así y hacer así, puedo decidir usar los dos. Los dos ya están aquí. Puedes seleccionar esto o usar atajo, que es H. Puedes ver cuando selecciono esto cambia a un final. Déjame volver a V, que es un movimiento dos. Cambia exactamente. O puedo presionar y viejo. Puedo presionar y viejo la barra espaciadora. Presiona la barra espaciadora, luego podrás ver que muestra el. Debe mostrar el final. Presionas el espacio por d luego haces clic en el bot izquierdo del mouse, clic en viejo y luego arrastras. Puedes ver que puedes presionar el control, alejar el zoom. Barra espaciadora, viejo clic d arrastre moverse por algo como esto, se puede ver. Haga clic en d y arrastre el bot izquierdo del ratón, se puede ver, perfecto. Para que pueda venir aquí. Zoom para arreglar. En realidad no lo uso mayormente. Yo uso el control control el coon medio desplazándose scroll out, ya sabes, depende de cumple es la mente Usa la barra espaciadora, presiona, clic al clic y arrastra la izquierda. Tienes que entender, necesitas presionar la barra espaciadora. Luego haz clic en el botón izquierdo del ratón, haz clic en Antiguo y luego arrástralo. Sigue presionando y ding, el cuál es el espacio por el que puedes ver humo es tu en realidad estaba aquí antes Para ello simplemente acercar así luego presione en el espacio haciendo clic arrastrar hace icono o simplemente automáticamente simplemente presione en H, luego haga clic y arrastre, acercar zoom hacia abajo, presione control zoom alejar Pero solo prefiero usar el espacio por su muy largo. Es que está bien para mí. Selecciona la V, es decir a partir de ella salta derecho de nuevo al movimiento a muy perfecto. Ahora tenemos esto muy perfecto. Ahora, una vez más, en realidad puedes seleccionar sobre esto. Se puede ver seleccionando esto saca a relucir la propiedad, se puede ver, hay un color verde color negro, me dice que hay algunos frontales que como el color verde, algunos frentes que como color negro. Figma es muy buena y perfecta. No son mucho las cosas, nos dice exactamente qué son las cosas. Ahora, seleccionando en esto para que imprima esta propiedad, seleccionando esta también imprime esta propiedad. Seleccionando esto también el dejar el permiso que tenemos. Trae a colación este contraste de propiedad. Entonces eso es muy, muy perfecto. Eso es sobre una barra de propiedades en realidad, hemos hablado de la barra to donde el activo de capa, las páginas y las propiedades se llaman panel pectect En realidad estas son las cosas que necesitas saber consignando interfaz Te veré en el siguiente video de conferencia. Vamos a estar iniciando los proyectos. 5. Wireframing - parte 1: Esta conferencia, voy a estar enseñándote el encuadre de alambre, empezando desde el primer proyecto hasta el último Ahora, en primer lugar, voy a cambiar el título solo ven por aquí y solo renombraré. ¿Qué presiono el encuadre de alambre? Bueno. Bonito. ¿Qué hago? ¿Cuál es el siguiente en hacer? Ahora necesitamos entender como ya he dicho, esto es lo que es el lienzo para encerrar lo que crea una tabla o la llamamos marco Venimos por aquí, seleccionamos esta flecha. Si seleccionas en esto, solo va a seleccionar esto. Pero solo selecciona en la matriz. Va a hacer estallar la sección, tenemos diapositivas, enmarcamos, y el atajo es. Voy a estar usando atajos a menudo. A menudo. Seleccionar marco. Cuando seleccionas enmarcar qué aplicaciones, ves que la propiedad de esa herramienta en particular está en alguna parte. Bien. Cuando selecciono esto, ves los cambios propuestos que puedes ver, como ya he dicho antes. Cuando seleccione esto, verías esto también. Entonces Ahora, tenemos esto. ¿Qué estamos tratando de hacer? A tratar de hacer proyectos para dektop Macbook presentación de televisión, relojes selectos como se puede ver, W es apple watch, papel, redes sociales, comunidad de retroalimentación Pero no, estamos apuntando es lo que dektop. Lo que hago es un marco de alambre es un televisor, dest escritorio y me gusta. Preferiría elegir destop B es simplemente normal como lo es el marco de alambre Seleccionar destop Ahora ha sido seleccionado y solo controla presente control y control Luego usa el mouse del medio puesto para acercar el zoom. Como ya he dicho en el último video, presentas control, usa el mouse central puesto para acercar. Alejar, en realidad paga más. Necesitamos entender qué es el marco de alambre. Wireframe es un plano, una guía visual que representa el marco esquelético de Ése son los planos. Lo que realmente de una manera tradicional, tratamos de esbozar algo que realmente nos da una idea que proyecta para nosotros cómo debería ser un sitio web en particular. Es como un boceto de una manera tradicional, usando un bolígrafo y un papel, pero vamos a usar un escritorio exactamente sencillo Usando lápiz y papel, haciendo bocetos en tu pestaña y las luces para tener un plano, una guía visual, una guía visual de cómo se vería un sitio web en particular De hecho, servirá como un plano, en realidad nos servirá como guía para que sepamos lo que vamos a crear Así que tenemos. Aquí vamos a crear cuatro marcos de alambre. El primero en realidad consignando el primer sitio web que vamos a crear Quiero ir a la manera tradicional como ya he dicho antes. Voy a usar la herramienta de pasadores, no dolor en este momento, sino pines dos. El atajo es Shift P. Se puede llegar por encima. Da click en esta R, podrás ver S P. Esto es un lápiz P, por qué el lápiz corto es turnos P. Ahora comenzamos. Se puede ver si hago clic den droga así, se puede ver, recoger en el arrastre, haga clic en Oden arrastre, se puede ver algo como esto. Así es como es. Simplemente haz clic den arrastra algo así como zigzag. Sólo contrastar eso es hacer. Contraste contra. Uno. Empezamos, no agregamos para que pueda usar el mouse, sostenerlo perfectamente porque es un boceto. No es recto compuesto. Entonces, si estás usando una tableta, bien, no hay problema. Para que puedas comenzar con el círculo, vamos a empezar con el logo, haz clic en pista La mayoría de las veces g también, qué haces si el nombre de la marca, algo así, puedes controlar Zigzag. ¿Puedo tener perfecto? Eso es un post 91. Ahora, ¿qué hacemos? Para el primer proyecto, quiero asegurarme de que estás en el producto, el servicio, los contactos, y todas esas cosas ahí arriba en realidad. ¿Qué hago? Yo vengo para acá. Y así. Toda la contra retrocedió. Todo lo económico es recto, haces clic, haces clic en arrastrar, presionar turnos para asegurarte de que es strat Se puede ver momictratsw que es un boceto. Es un boceto. Parezcamos tradicionales. Miremos ron así es como lo sentimos para asegurarnos. Esto es realmente un marco de alambre. Esto es realmente un plano, una guía visual, así que contraste Voy a tratar de dibujar con mu e intenta ser perfecto en un poquito. Bien. Y el lo controla y está bien así, pero prefiero contro. Entonces la plataforma en la que tenemos el botón de inicio de sesión en alguna parte, el inicio de sesión, no el botón, es un botón de texto en realidad para que se haga clic como para iniciar sesión Y también tenemos el letrero en el botón, así que Bueno. Eso es perfecto. Ahora, tenemos el tema principal es donde el equipo va a ser el tema principal. Se puede ver. Permítanme decir sólo tres líneas. Tres líneas. Tenemos al menor alrededor solo decir dos líneas. Bien bien. Ahora tenemos el botón en sí. Bajemos un poco el botón. El primero vas a estar teniendo dos botones. Bien. Botones. La evidencia, queremos mostrar a algún cliente algunas cosas de satisfacción del cliente. Entonces tengo algunas palabras aquí también. Entonces algo como esto. Aparte de eso tenemos una imagen, ya sabes, las imágenes pueden ser de forma circular o, ya sabes, rectángulo o cuadrado. Pero yo hago este rectángulo. No creo entender. Déjame confundirlo. Creo que es demasiado que Sí. Algo como esto. Entonces cuando tienes una imagen, necesitas mostrar como si tuviéramos bots. El bot debería estar en una caja como. Entonces cuando tengas una imagen, va a ser un bot muy grande. Entonces, ¿qué haces intentas poner una X estancia muestra esto es, esta es una imagen, muy perfecta. Entonces el primero que vamos a estar diseñando. El primero que vamos a estar creando, va a tener un tipo particular de fondo. Entonces el fondo sólido. Así que el fondo en realidad algo alrededor. Bajen así. Lo siento. Cora lo. Puedo sentir dejarlo así porque es sketch. Bajen así. Bajemos así, entonces está entrando en este espacio, así que no quiero que sea. Así. Bajen así. Bueno, perfecto, entonces cálmate así. Muy, muy perfecto. Este es un primer boceto de lo que estamos tratando de crear. De hecho me aseguro de que los bajen un poco. ¿Qué hago? Presiono en V, que es un movimiento dos. Se puede ver. Puedes ver el movimiento para seleccionarlo. Puede hacer clic desde afuera, haga clic en arrastrar intente seleccionar todas las cosas aquí. Está siendo seleccionado. Después haga clic, bájelos. Vas a hacer que sea st press en turnos, realidad hacerlo recto. Se puede ver. Eso es perfecto. Bien. Entonces ese es exactamente el primer marco de alambre. Entonces ahora pasemos al segundo marco de alambre. 6. Wireframing - parte 2: Ahora, en esta conferencia, voy a estar creando el segundo tercer y cuarto wireframe, muy primero, nada difícil en absoluto Puedo presionar y contro luego usar el botón minimizar y alejar un poco Qué hago hago clic en H puedo ver los cambios en el icono. O como ya he dicho antes, déjame volver a V, eso se ha vuelto a la jugada dos. Yo la mayoría de las veces me gusta usar la barra espaciadora. Presiono en la barra espaciadora, Spres y viejo, haga clic en el encapsulado izquierdo del mouse, haga clic en Viejo y arrastre así Bonito, vuelve a la mudanza para estar. Entonces, ¿qué haces? Para que selecciones esta convas en sí. Cuando haces clic en d y arrastras así. No pasa nada solo resaltando las cosas. Das click en este cavas doble click no pasa nada. Entonces, ¿qué está pasando exactamente? Y presione en turnos. Presione hojas de bacalao, haga clic en d y arrastre el manchado izquierdo del mouse Seleccionas esta cosa en particular, igual que seleccionas esto, seleccionas esto, seleccionas esto, necesitas ir directo a este lugar. Destop puede intentar ver el click sobre esto, déjame volver. Puedes mirar este destop uno. Se puede ver por encima solo trayendo un cursor sobre su lo que sucede en este det, es ylights Ahora alejando el cursor, la luz del ojo desaparece, la luz del ojo azul desaparece. Tráelo de vuelta, se nota. Te dice qué es exactamente lo que quieres. Cuando vengo y selecciono esto, me puedes ver, puedes ver todos estos sido seleccionados. Eso es todo lo que ha sido seleccionado. Comparado con usted solo seleccionando estos y seleccionando esto. Cuando selecciono esto, todo ha sido seleccionado. Entonces, cuando hago clic cuando vengo aquí y hago clic y arrastre en realidad lo mueve todo, por qué ya ha sido seleccionado. Entonces déjame controlarlo. Nuevamente, B el cursador da click afuera aquí, nada ha sido seleccionado aquí. Se puede ver. Cuando selecciono esto, puedes ver Bien. Déjame. Lo sentimos, seleccione esta línea. Se puede ver. Ha sido seleccionada. Segundo círculo puede ver que el logo ha sido seleccionado. Cuando vengo por aquí, se ha resaltado. Cuando lo selecciono, todo ha sido seleccionado. Entonces, ¿ahora qué quiero hacer? Quiero copiar esto y pegarlo al lado derecho. Entonces, ¿qué hago? Yo seleccionaré esto primero. Presione en presionar en. Se puede ver de presente, usted presenta viejo. Después haces clic en cualquier lugar a su alrededor porque se está seleccionando el marco, el tablero, luego haces clic en viejo y lo arrastras afuera. Por qué arrastrar afuera puedes ver, si te mueves hacia arriba hacia abajo a la izquierda a la derecha, en realidad no es proporcional a esto. En realidad puedes mirar esto y hacer como ejemplo como este. Se puede ver la línea, las líneas rojas. Es en proporción, bien. Asegúrate de rastrearlo o ¿qué haces? Sigue presionando tus manos todavía en. Después pones automáticamente poner otro dedo automáticamente poner otro dedo en las hojas. Me caigo ya puedes ver. Si vas arriba y abajo, no va a cambiar. Todavía va a ser proporcional al primer dext uno Entonces dejas caer el mouse primero antes de dejar caer el teclado puesto. Eso es perfecto. ¿Qué haces? Intentas venir Zoom presiona pres on control y usa el zoom minimus doble click aquí. ¿Qué haces? Alambre uno, presione enter. Zoom de control. Espacio. Espacio de prensa. Haga clic en el botón izquierdo del mouse, luego haga clic en den medicamento. Espacio de prensa, viejo espacio de prensa alrededor de alguna parte. Bueno. No lo olvides, presionas en el espacio viejo espacio. Cambia al curso de los cambios a un icono. A continuación, use el botón izquierdo del ratón, haga clic en Oden medicamento. Ninguno. Haga doble clic aquí también cambiar palabras marco de alambre es. Ahora, ¿qué hacemos? Lo intentamos, puedes hacer clic en Viejo y arrastrar desde afuera. Olvídate de hacer clic en Viejo y arrastra desde afuera. Entonces lo que borras esto decides eliminarlos en realidad, intentas hacerles algunos ajustes. Bien. Entonces, ¿qué haces? Puedo intentar eliminar esto. Eliminar no lo llames. Ahora estoy en el movimiento al atajo. He configurado el movimiento a Atajo o simplemente haces clic aquí, mueve dos. Bueno. Ahora voy a marcar la diferencia es solo que el contacto de servicios de productos no estará aquí. Así que voy a hacer clic aquí. Haré clic y arrastraré hacia la derecha. ¿Por qué hacer eso? Puedo presionar turnos para hacerlo recto. Se puede ver. Eso es sólo para traer algunas diferencias. Entonces así va a ser aquí. Aparte de eso, en realidad todo se vería igual. Pero este teclear madera y dibujar desde afuera esto no estaría ahí. Lo que en realidad se incluiría aquí para hacer las cosas diferentes y únicas. Entonces el primero ahora, no tenemos ningún sólido así como este. No hay forma sólida por aquí, así como esta. Y también el contacto y el s es normal aquí está ahora aquí. Esa es una diferencia. Y la diferencia es justamente eso concerniente a esto. Se puede ver. En primer lugar, esto es escudero marco uno colapso Se puede ver. Puedes intentar hacerla invisible, intentar hacerla visible y yo puedo intentar colapsar. Mira esto. Mira esta área triangular, selecciónala. Todo se derrumba. puede ver que se expande, es colapso. Ahora vete. Estoy en el marco de alambre. Entonces, ¿qué hago? Es muy muy sencillo. Ahora, Este marco de alambre a es un fondo oscuro, uno oscuro. En realidad, al hacer clic y arrastrar esto para seleccionar Imagen así sabré en la forma de fondo, un fondo oscuro. Este es en realidad uno claro, así que esto es un fondo oscuro. Entonces dejémoslo así. Entonces quiero pintar el marco de alambre. Yo no voy a hacer eso. Entonces ahora qué hacemos los clientes satisfechos clientes aquí. Pero este cable enmarcando dos, no sólo voy a escribir más de 200 clientes Voy a poner aquí los logotipos de los clientes. Va a estar aquí. Entonces son casi como más de cinco. Entonces pienso alrededor de las ocho a. Voy a volver al lápiz a, que es lo que cambia y tu teclado. Ese es un cambio que puedes ver. Ven aquí. Así que el lápiz para que veas, muy perfecto. Qué puedo decidir para acercar el control luego tu tablero del mouse y acercar. Confiaré en ello por. Entonces como ocho. Esa es una. Trato de seguir creando y creando y crisess se convierte en ocho como en la caja gmular Pero no quiero hacer eso en una copia y pegar. Esto ya es perfecto inmediato. Pres V den cíclico droga las copias de prensa. Entonces pres sábanas a bolsillos eso es droga de bacalao que es tres es cinco, seis, siete Déjame tratar de traer esto por aquí. Déjame intentar Lo siento, selecciona esto primero. Mano. Seleccione estas hojas actuales o simplemente haga clic en él, seleccione esta, haga clic, lo siento. Presentar hojas. C en arrastre así encendido. Entonces en realidad puedo hacer clic y arrastrar esto está presente en las probabilidades. Es el último 20 año porque el negro en proporción con esto. Se puede ver muy, muy perfecto. Eso es esto es un fondo oscuro. Entonces una copia y páginas seleccionan este clic. Ya he puesto este marco de alambre dos. Lo puse desde aquí, el nombre, haga clic en d y arrastre hacia abajo las cuotas actuales, lo traigo aquí abajo. Hay que presionar en los barcos aquí, traerlo aquí abajo. Se puede ver que es en proporción. Ves las líneas rojas, luego caen. Este es un fondo oscuro fino y este es un fondo claro. Las diferencias entre los dos es que es una marca diferente. Exactamente es una marca y un azulejo diferente y esta es una marca diferente, y esto es un fondo oscuro, una presa, un equipo ligero. Entonces es casi lo mismo. Nosotros otra diferencia es que el contacto y las luces realidad serían lo que en el medio. Lo siento mucho. Voy a arrastrarlos para que sea más fácil. Haces clic en hizo, rastrearlo hasta el medio. Es decir, se puede ver la línea para el medio. Muy perfecto. Bueno. Ahora el último. El último es en realidad también un pg oscuro, así que luego baja esto. Usted da clic en esto, haga clic presione derribar y presente en los barcos. En realidad, también utiliza líneas de rejilla. Se puede ver perfecto, así que luego cae. Este trasfondo en realidad son contactos domésticos y todo realmente de la misma manera más fácil. Pero la imagen va a ser borrada, voy a borrar esto también Entonces borra esto también. Digo que todo junto, solo quiero marcar la diferencia. ¿Qué pasa realmente? Déjame intentar acercar el espacio alrededor. ¿Qué va a pasar realmente? Ella las palabras van a estar por aquí. Esa es una. Bien. Déjenme que sean tres, déjenme que sean dos como tema principal. Entonces esto es algo menor. Min Min tenemos en eso y tenemos el llamado a la acción que es el bot de abajo bots uno. Y esto estuvo mal Tenemos eso muy, muy perfecto. Y eso es todo en realidad consignar eso. Déjame usar el movimiento para presionar sobre el movimiento y la B. Haz clic y arrastra encenderla desde aquí y haz clic y arrástrala hacia abajo. Se puede ver que es el medio. Bien. Perfecto. En realidad, está bien. Eso está bien. Es sólo un boceto. Eso está bien. Entonces tenemos eso. Nosotros exactamente lo haremos la imagen Es una imagen de fondo todo comparado con el Apgar que tenemos aquí, que fue recortado comparado con la bicicleta, comparado con el Apple aquí Entonces en realidad es una sección de bienes raíces o para tu sitio web. ¿Qué hacemos? Es una imagen de fondo. Todo lo que hacemos es que intentemos asegurarnos de que intentamos demostrar que hay algo debajo. Entonces, ¿cómo hacemos Shift P, el bolígrafo que intentas hacer clic alrededor del clic y arrastrar por ahí, derribar algo así Perfecto. Entonces va hacia abajo. Se puede ver también están por ahí. Trae algo así. Y mover algo hacia abajo así. Entonces en realidad muestra a otros, ahí hay una imagen en particular porque está en el encuadre, el nos muestra lo que hay algo debajo de él. Ya puedes ver necesitas entender algo que cuando copio el cable de uno al marco de alambre dos, cambio el marco de alambre dos, como cuando copio el cable tres, puedes ver aún qué persona. Se puede ver que en realidad es Inmediatamente mismo lo cambia a lo que wireframe tres El cambia lo que wireframe cuatro. Esa es nuestra retroalimentación en realidad reconoce muchas cosas. Ahora tenemos el wim uno. Este es un plano es una guía para la primera página de aterrizaje de la sección ero que estamos creando la segunda Este es el tercero y este es el cuarto. va a ayudar a guiarnos siendo un blueprint, una guía visual para que podamos crear perfecta y agradable la forma en que el sitio web está destinado a ser En la próxima conferencia, vamos a iniciar los proyectos. Partiendo del proyecto Amberger, la marca Amberger. Te veré en el siguiente video de conferencia. 7. Comprensión del diseño: Pero te voy a enseñar maquetación. En primer lugar, lo que es el layout. disposición es la disposición de los elementos en un diseño particular. Sea cual sea el diseño que sea, el layout es la gama de elementos En primer lugar, *** lo último que hicimos fue enmarcar con alambre. Déjame hacer doble click de Cname y luego canta ¿qué? Proyectos. Proyectos, entra perfecto. Se puede ver por aquí viniendo por aquí, tenemos capas, tenemos activos y tenemos página dos. Definitivamente, antes teníamos una página uno. Bien. Y es lo que contiene el encuadre de alambre que hicimos Ahora bien, qué hacemos tratamos de hacer simplemente viniendo sobre este marco de alambre uno, dos, tres, cuatro f. Así que vamos a pasar a la página dos, vas a comenzar una maquetación. Entonces el primer diseño que es para la marca boger. Pasando a la página uno. Entonces, ¿qué hacemos? El primer marco de alambre que seleccione olvida que no selecciona esto por sí mismo. No seleccionas dentro del espacio en sí. Usted selecciona aquí mismo. Usted selecciona usted selecciona en el título. Se selecciona en la le de eso a bordo se puede ver. Entonces he estado poniendo, he estado dando vueltas y he estado overing cuando acabas de terminar en wireframe, solo selecciónalo, te quitas tu Se puede ver que se queda. Entonces ha sido seleccionado, qué haces controlas C, eso es copia. O tu clic derecho. Después de hacer clic con el botón derecho sobre esa copia para particular , selecciona copiar. Pasando sobre dos página dos. Ahora, viniendo a la página ¿ qué haces? Tú controlas o tu clic derecho y lo que hay que pegar aquí. Así que es pasado en realidad era una mano justo antes, esa era la llamada al cambio. Seleccione aquí y cámbielo a bloque. El tuyo no sería así. Entonces normalmente no debería ser tan bueno. Intenta cerrar, lo siento. Bueno. Ahora, algunos fuera presentes en el control, minimizan el zoom out. Así que tenemos en el marco de alambre en realidad nos levantaría y nos guiaría sobre qué diseñar. Entonces los marcos de alambre son como guía, los planos para nosotros para que nos guíe sobre qué diseñar Entonces otra cosa que te enseño es que en vez de usar el espacio por espacio presente oding él y usando el boting izquierdo del ratón De hecho, puedes usar el du mouse bting de tu mouse. Es el tope medio del ratón de tu ratón. Ese es el pergamino de ahí. Entonces no te desplazas hacia arriba no te desplazas hacia abajo. Prese y viejo está abajo. Se hace clic en él y viejo está abajo y se mueve hacia arriba, se mueve hacia abajo, se mueve a la izquierda, se mueve a la derecha. Por lo que hace el trabajo de los d dos. Se puede ver perfectamente así que sobre todo en realidad. Déjame usar eso aquí. Déjame ponerles un poco de control. Pero lo puse en el lado izquierdo. Entonces haz lo que quiera hacer por el lado derecho. Puedo ponerla encima y hacer lo que me gustaría hacer por pupilos en la parte inferior. Después póngalo por la izquierda dentro de las plumas. Si no tienes, yo lo pondré hacia, yo lo pondré encima. Bien bien. Ahora tenemos dos colapsos Bueno. Ahora necesito un nuevo marco. Necesito un nuevo en parte. Entonces, ¿qué hago? Acabo de venir a este espacio. Seleccione esto. Seleccione en el marco. Cuando lo colocas en marco, la propiedad se muestra. Se puede ver cuando seleccioné. Esta era la propiedad. Cuando lo pongo en marco, sólo tienes presentar esta flecha o cantas este presente esto o el atajo es lo que F. Cuando un precio corta, ves que va directo al espacio. F, entonces cambia a la derecha. Bueno. ¿Qué tipo de marco quiero? Textop en realidad, déjame colapsar. Permítanme expandir el destop en realidad. Ahora, se está seleccionando destop. Entonces lo que selecciones de nuevo destop. Segundo dektop y se ve perfecto. Estos ya han sido seleccionados. Haga clic en Oden drag mic en proporción, se puede ver, perfecto Así que puedes venir aquí y las palabras Zoom se ajustan a la perfección. Entonces es comienza aquí. Antes de que hagamos eso, en realidad, puedes usar el botón minimizar e intentar arrastrar lejos, presentar el control de zoom in. Quieres que esto solo se muestre por ahora. Es para mostrar por ahora. Eso es perfecto. Hay algo a lo que llamamos grado. Pero no lo podemos ver aquí mismo. Se supone que es ¿Por qué? No estamos seleccionando nada. se ha seleccionado nada, seleccionado y fuera del lienzo. Para que podamos ver la cuadrícula de diseño para que aparezca en la propiedad o en el panel espectral, necesitamos seleccionar ese aspecto espectcular seleccionar particular puesto que funciona en cada maceta. Seleccione esto. Puedes ver los espectáculos de propiedades que llamamos cuadrícula de diseño. No seleccionas esto, ya seleccionas esto. No necesitas esa prensa afuera. Regresa. Lo siento, vende esto. Ahora bien, ¿qué seleccionas en el ícono más? Seleccionar un icono más. Muestra la grilla. Se muestra en cada tabla de arte que tienes esas camas. Bien. Ahora, ya ha sido seleccionado. Entonces eso es todo, ha sido seleccionado. Puede cancelar tualmente cancelando este seleccionado seleccionando en el Ahora bien, esta es la grilla. Puedes crear debajo de la cuadrícula la grilla plus plus, pero no necesitamos eso. No lo necesitamos solo puede cerrar y cerrar. Seleccione uno. Uno. Tenemos que cambiar su opción, tenemos que cambiar algunas cosas, algunas configuraciones. Así que aquí tenemos la configuración de la cuadrícula de diseño. La mayoría de los ajustes, la mayoría de las selecciones que necesitas hacer están siendo identificadas por el icono. Para que puedas ver el icono menos para eliminar el icono. De hecho, puedes seleccionar esto y va por este bote en particular. Entonces en realidad puedes configurarlo y va, se convierte en comer. Yo encuentro. De hecho, puedes configurar esto para algunas opciones más. En realidad para algunas opciones más con respecto al diseño para presionar realmente manera. Entonces en realidad, cuando estamos hablando de figma en general, usa diferentes íconos para que conozcas la manera justa entender qué es este ícono sobre qué trata este ícono Ahora, el segundo es sí en realidad. Qué hacemos primero, esta es una grilla que cambiamos cambiamos a dos puntos. Se puede ver. Aparte de eso, en realidad puedes cambiar qué rollos dependiendo de cómo quieras usarlo. Pero estoy dependiendo de dos puntos. No filas porque naturalmente eso es. Así es como se ha utilizado a nivel mundial, hablando de cualquier cosa que sea web. Básicamente usas columna. Puedes intentar usar el grano. Eso no es un problema. Bien. Entonces tenemos eso. Entonces esto es contar. Cuántos roles quieres hay cinco filas quiero a lo que naturalmente usamos 12, y ese es el más alto. Cambia a 12, puedes ver que es un paso. Puedes cambiar el color si te gusta a cualquier color si te gusta, ya sabes, el color es en azul. Azul usando amarillo o cualquier cosa. Pero no, en realidad, quiero hacer clic en Oden Drag. Haga clic en hacer clic o haga clic en Oden arrastrar a la izquierda. Ahí es donde está, o haz clic en Oden arrastra a la derecha. Rojo al principio, rojo al final z Puede hacer clic clic haga clic en haga clic en Viejo y arrastre hasta el final. El original es por defecto es uno predeterminado. Perfecto. Deja esto como es el 10%, le como es. Entonces el tipo tipo se estira. Pero uno se estiró. Cáncer esto. No quiero estirarme. Quiero centrar. Se puede ver muy perfecto, así que en realidad es paso a paso. Lo quiero centrado. Ahora, aparte de eso, quiero esto quiero que estas 12 columnas tengan un ancho. Esa es la longitud. Ahora el ahora mismo, la longitud, cuánto tiempo debe ser izquierda y derecha. Yo quiero que sea en realidad se puede decir que 100 es 1,000. En realidad es que es igual que ocupa casi todo ahí. No quiero que sean 100. Normalmente, sí lo tenemos como madera como 80 90 a 90 y ver qué pasa. En realidad es demasiado porque necesitamos lo que llamamos, necesitamos hablar de diseños. general, está la disposición de los elementos en un diseño particular. Hay algo que llamamos espacio en blanco, espacio en blanco, o lo llamamos espacio negativo son el espacio que se le da a los elementos para reproducirse. La especie debe estar en. Hará que el diseño se vea atractivo y bien arreglado. Entonces, eso es todo. Ahora solo vienes por aquí también, selecciona, déjame ponerlo a las ocho. Y esto es lo suficientemente perfecto. Aquí está lo que se llama G. Got son los espacios entre los dos puntos mismos Siento que puedo cambiar esto a 50, los dos puntos. Ves la cuneta de los huecos Solo déjala a las 20, es perfecta tal como es Ahora eso es todo. Pero primero, déjame venir aquí y hacer click o simplemente dar doble click por aquí y simplemente cambiar esto a aboga en sí porque ese es el primer proyecto, perfecto Ahora nos movemos a la capa de fondo. 8. Cómo crear un fondo: En este video, voy a estar enseñándote los antecedentes para el diseño de la marca Amberger Ahora déjame usar el botón central del ratón y tratar de hacer clic de madera arrastra a la izquierda que puedes ver. La cuadrícula de diseño también afecta esto y también afecta a mi tablero o marco de arte principal. ¿Qué hago? De hecho, puedo decidir venir aquí a esconderme. Pero en realidad afecta solo a este en particular también. Puedo hacer clic afuera aquí e intentar hacer clic. Nada aparece. Tengo que seleccionar un extremo. ¿Qué hago? Hay otra forma en que lo hacemos en realidad por la cual su grado de grado desaparece y afecta a todas las demás cosas, no solo esta única ambas. ¿Qué hacemos? Presionamos el turno, luego lo que presiona en G ese turno turnos más G, luego seleccionamos lo hace o pres en opción G. Quieres que se muestre de nuevo, o quieres que sea visible Vuelves a presionar el turno G, puedes ver la cuadrícula de diseño visible aquí abajo. Entonces presiona en **** gayout grid muy, muy perfecto. Entonces el botón de intermediario para arrastrar a alguna parte. Entonces eso es lo primero. Así que cada vez que creas una maquetación. Otra cosa que debes saber es que realmente puedes cambiar el color de tu diseño. Siempre que creas un tablero de arte. Otra cosa que debes saber es que puedes cambiar el color de tu tabla. Para que puedas seleccionar el título y el borde. Se puede ver ahí está el color aquí perfectamente. F, ese es el código X para el blanco. Puedo tratar de eliminar eso. Nada muestra me muestra el color del valor del lienzo. Bueno, voy a saber que hay algo más lo que el ti es dos. Entonces selecciono ti dos, entonces llegas a sentir como es el color de lo que sea que tu. Bien. Así que ahora puedo seleccionar en el icono más que un relleno agregue automáticamente dos veces. Quieres cambiarlo. Si tengo el código conmigo, puedo seleccionar esto cuando seleccionaste, pones el código D negro bla y presionas. Eso es DDDDD se traduce en DDD. Pero, ¿qué hago? Presiono sobre este rectángulo, selecciono este cd. Simplemente haz clic una vez. Puedes ver, hacer clic en alguna parte, dar clic en alguna parte, hacer clic en verde, hacer clic en azul , dar clic en morado, rojo , amarillo, y algunas otras cosas así. Bien. Puedes estirar colores así. Tener eso contigo, pero ¿qué quiero? Necesito color de palmaditas, la forma en que está perfectamente. Para que puedas cambiar la opacidad de lo contrario, puedes hacer clic en Wo viniendo más claro y más oscuro yendo Entonces dependiendo del color que elijas si es correcto, cambia. Entonces es muy sencillo así. Entonces necesito el blanco. Si necesito negro puedo hacer clic y arrastrar hasta el fondo o hacer clic en arrastrar aquí, es blanco blanco. Es negro negro, lo siento. Pero blanco en realidad, haces clic den haces clic desde cualquier lugar y lo arrastras luego sueltas Entonces cierras esto en algún lugar del lienzo. Se puede ver blanco. Eso es lo primero. Lo segundo que hay que saber es que consignado es ambger design, diseño de marca Amberger De hecho usé un sólido para lograr mucho más efecto en el fondo. Entonces, ¿cómo rap que yo vengo por encima de eso? Presente en el control Zoom usando menos estaba en un poquito. Ven aquí al rectángulo. El atajo es razón atajos más a menudo en este tartamudeo déjame simplemente venir aquí a R T un rectángulo conjunto Haz clic en Viejo y arrastra, haz clic en Viejo y arrastra así. Perfecto. Ahora, después de hacer clic en w y arrastrar algo, pasado sido arrastra llegar a ser exitoso Se vuelve directamente hacia el movimiento dos que es V. Puedo hacer click y arrastrarlo así. Bien. Recojo drogas aquí dentro. Entra automáticamente porque Figma reconoce lo que quieres hacer No puedo hacer clic en un traerlo aquí. Sale sale afuera y entra en el espacio se puede ver muy, muy perfecto. Quiero que entre aquí. Quiero que entre aquí, así podrás ver qué es exactamente lo que quiero lograr. Déjame regresar y podrás ver, algo como esto, un bonito efecto de aspecto. No quiero estar en el medio. No, lo siento. Quiero que esté en el medio. No. Quiero ser algo en el medio realmente puede traer un efecto, pero no realmente lo que quiero. Entonces algo como esto. Sí, algo bonito y es perfecto. Ya es muy bonito. De esta manera enmarco uno, déjame intentar colapsar. Se puede ver. Soy bogar Colapso en este amberger tenemos un elemento por ahora, que es este Se puede ver cuando selecciono, ha sido seleccionado. Cuando lo escondo, se lo han comido, se ve cuando lo encierro, se tiene que llevar por ahí. Se puede ver. Sólo esto se puede tomar alrededor. Se puede ver. Cuando selecciono en esto, se puede tomar alrededor. Así que intenta desbloquear, puedes seleccionar e intentar arrastrar, puedes ver el contraste perfecto, vuelve atrás. Y cuando los intentas mapas, y cuando intentas al ambuer, toma todo junto Todos juntos. Contraste muy perfecto. Entonces creo que eso es para filmar térmico y arrastrarlo eléctico. Sí. Pienso académicamente y P. Creo que eso es perfecto. Eso es perfecto. Muy bonito mis puestos para ajustar un poco. Entonces tenemos eso, así que en realidad puedo presentar formas G para ver el diseño. Se puede ver muy perfecto. Así que no son compuestos realmente alineándose con el diseño con la cuadrícula de diseño, pero en realidad puedo tratar de ajustarlo y ponerlo en alguna parte Se puede ver. Sea lo que sea que lo ponga en la línea, va a estar mostrando una demarcación roja una línea roja para De hecho lo puse alrededor Déjame ver formas g. ¿Eso es lo que ames? Creo que eso es perfecto Shas perfect en realidad está alrededor de las notas Es alrededor de las notas por aquí Bien. Déjame ver esto también. Creo que Park también pero voy a hacer algún pequeño ajuste para que no te preocupes, bien, pero déjame ponerlo así. Entonces, si está bien, tendría que dejarlo así. Pero si no lo es, tendría que cambiarlo. Entonces controla G, perdón, SG. Vamos como es. Entonces ahora, déjenme darle un color. Déjame darle su color. La marca con la que realmente estamos tratando es como, ya sabes, un trato de marca con mburger con alimentos, verduras, cosas que en realidad son nutritivas para el cuerpo Entonces, ¿qué necesitamos? Necesitamos un color particular. Sí. Un bonito color verde claro. Déjame usarlo así. Un bonito color verde claro que en realidad nos dirá más sobre la marca. Bien. Entonces seleccionaré en seleccionar en esto, luego vengo sobre él. De hecho quiero que sea verde, seleccionando este color, icono de color, este rectángulo. Así que en realidad puedo llegar a verde seleccionarlo no significa que vaya a cambiar. Cuando seleccionaste aquí, tienes que venir y seleccionar. Se puede ver cualquier tipo de verde tengo ganas usar cualquier tipo de verde, cualquier tipo de color que te apetezca usar colores normales rojo, algunos colores bonitos, traen consigo un efecto. Pero cuando estás usando cualquier color, debe estar en línea con el color de la marca. Es muy, muy importante. Eso deberías entender. Entonces La marca en realidad quiero usar. Tengo el código X. Hay algo que llamamos hacer frente, algo como esto. Aquí es cuando empiezo a mover esto, estos números cambian, ya ves, cambia, eso es lo que llamamos xcope en todo el mundo, entonces un diseñador Un código x es un el código para un color en particular sigue siendo su código. Hagas lo que hagas probablemente diseñando diseño gráfico, UX en general, um, w desarrollo, lo que sea, lo que sea. El código X sigue siendo el código X. Entonces, si traes un código X de la animación, trae un código de gráficos en movimiento. Pero aquí, funciona exactamente como el mismo código X en todo el mundo es examen. Así que el código X para usar es en realidad verde también, pero un tipo de verde que en realidad se ve único. Entonces lo primero que haces es seleccionar. Entonces los códigos seleccionados. Bien. Sólo sel una vez, no dos veces. El código X es seis, 47. A, A 02, presione enter. Perfecto, ya puedes ver. Este es exactamente el que necesito. Se puede ver cuando lo selecciono, se puede ver, en realidad se acerca. Puedes intentar arrastrarlo hacia arriba, hacerlo más ligero o hacerlo más oscuro dependiendo de cuál sea, dónde puedes cancelarlo y lo que dijo el control de prensa queda exactamente como yo lo quiero. Entonces en el siguiente video, te voy a enseñar a cortar el mboger de su imagen principal Es decir, tiene un fondo, así que cortamos el mboger por sí solo, mboger solo por su cuenta y lo usamos para nuestro sitio web 9. Cómo cortar imágenes: Ahora en este video, te voy a enseñar cómo cortar al amberger de su propia imagen, ya sabes, solo cortando un elemento, sacando un elemento de una imagen en particular Así que ahora, voy a mi archivo mi archivo de recursos, simplemente viniendo aquí a la imagen, y llegando al archivo de recursos. Después de descargarlo desde el enlace estamos ahí arriba. Así que haga doble clic. Pasando por un proyecto archivos. Esta es la primera. Así que ahora puedo hacer clic y arrastrar esto hacia abajo, re derribarlo weare en Figma aquí mismo y simplemente soltarlo en poco tiempo, muy rápido, se mete en Entonces, ¿qué hago? Utilizo botón del mouse de mi ventana para hacer clic en d y arrastrar hacia abajo luego presione en controlar el Zoom out haga clic en arrastrar esto hacia arriba. No quiero hacer dos B. De hecho, puedo venir aquí. Haga clic en d y arrastre esto, pero en realidad puede verse de alguna manera. Por lo tanto, la pulsación de control en K. K es un atajo hacia adelante para la escala. Al llegar verías solo presiona sobre esta R, ya ves K, que es k. De hecho va a hacerlo en proporción, presiona en K. Bien. Haga clic en qué y arrastre hacia abajo su objetivo en proporción. Entonces no quiero que s esté en Zoom. Entonces déjame acercarme al espacio. Entonces, ¿qué hago? Quiero usar un recurso en particular, un particular plug in Figma que en realidad cortaría esta imagen perfectamente para mí perfectamente sin siquiera el estrés de matón de usar la pluma ¿Qué hago? Ahora ya ha sido seleccionado y ven a los recursos, da clic en esta pieza. Cuando hagas clic en recursos aquí, ven a enchufar. Cuando se trata de plugins haces clic en este lugar y en el sch. ¿Qué haces presionas icono icono ocho fondo. Bien. Y en realidad, es que son estallidos de eliminación de fondo de icono. Entonces lo seleccionas o simplemente vienes por aquí, en realidad. Presiona sobre los tres puntos. Cuando los presionas, vas hacia ver los detalles. Te va a mostrar detalles y todo lo que puedas ver bajando arriba solo corre, selecciona y corre. Quitar fondo. Pero en primer lugar, es decir deberías haber seleccionado esta imagen, luego eliminar el fondo. Entonces se tarda unos pequeños segundos o probablemente va a minutos, pero segundos en realidad para quitar el fondo por ti. En realidad reconoce lo que sea que esté ahí. Conoce la imagen que en realidad estamos tratando de eliminar de un fondo en particular. Entonces sí, muy, muy perfecto. Ahora, tenemos esto. Se puede ver que en realidad se llama el fondo y Barón está fuera y se puede ver, muy perfecto. ¿Qué hacemos con esto? En realidad, se puede hacer clic que ve, haga clic en mantener y arrastrar, se puede ver, muy perfecto en poco tiempo. Motor real. Las otras partículas por ahí, ¿cómo las quitamos? Sólo ven al pin dos. este momento qué hacemos usar el pin dos, presionas en P, que es un atajo para el pin dos. Ahora tenemos que cortar la hamburguesa en sí muy primero, no tomándonos tiempo en realidad. No es el lápiz del otro porque figma no pudo reconocer en esa medida que aquí no necesitamos todas estas partículas, ¿qué hacemos? Así que solo ven sobre unas películas muy simples. No estamos tratando de hacerlo perfecto porque no se corta ya, así que solo necesitamos algunas cosas para que nos lleven de aquí. País. Acercar. Es el minimizar posando para arrastrar es bueno. Es el menize bots para arrastrar. Toma esto fue. Bien. Bien. Z's vienen sobre el Luego intenta hacia. Se puede ver. Este último nodo en realidad debe estar con esto. Se puede ver la línea roja ahí, se puede ver, muy perfecta. Usted selecciona. Entonces úsalos, muy perfectos. Ahora bien, ¿cómo le quito estas partículas al mboger Hay que tener mucho cuidado. Ahora volvamos a cambiarlo a la mudanza para presentar. Ahora tenemos eso. Ahora puedo tratar de hacer clic en el medicamento para afuera y seleccionando estos dos, pero realmente en realidad. ¿Qué hago? Solo ven al cuerpo at Lo siento, ven aquí en la lona, luego haz doble clic dos veces. Por lo que vuelve a la norma. Puedes hacer clic de todos modos. Para que puedas hacer clic y arrastrar ahora. En realidad es seleccionar los dos juntos. Bien. Es por eso que en realidad puedes seleccionar esta línea luego hacer clic en el medicamento o conf él, realidad vienes, seleccionas esto dentro, luego haz clic Perfecto. Ahora, ¿qué hago? Necesito seguir algunos procesos para seguir algunos procesos. Entonces, ¿qué hago? Lo primero que hago es un selecton esto. Intenta seguirlo como es. Yo segundo esto, que son las huellas. Bien. Es como un derrame cerebral. Voy a tratar de fue borrado trazo, que está presente cancelar, luego crea un campo para su actual icono más. Se puede ver eso muy perfecto. Ese es el primer paso. Después haga clic derecho sobre él, hacia abajo enviado hacia atrás. Entonces vuelve. Perfecto. Eso es. Entonces lo hago a continuación. Lo siguiente que hago es lo que esto ha sido seleccionado. Esa es la línea de trazado, la línea ha sido seleccionada. Así puedo presionar en shift y seleccionar el mboger Si se cometen errores paravent, ya sabes, ahora este vector, esta línea está en realidad en la parte posterior del mboger puedes Hay un problema. Solo ven por aquí, selecciona sobre esto. Podrás hacer clic en el trapo tú mismo. Se puede ver el contraste. Puedes hacer clic en el trapo a tu alrededor, contrastar si es prueba difícil para ti seleccionar de aquí, Ven sobre el selecto, selecciona cualquier cosa si seleccionas por aquí Vector presente. Entonces quiero llevar esto a juntos. Quiero seleccionar el vector y también el Amberger. ¿Qué haces? Puedes venir por aquí, haz clic en Oden arrastrar afuera entonces así. Selecciona los dos. Entonces cuando haces clic en Oden drag, puedes ver que alcanza su punto máximo fino Control. Ahora que tenemos esto lo hacemos, solo ven aquí. Mira este icono aquí, como una luna seleccionar en él y lo que es el uso como máscara seleccionar Puedes ver muy perfecto. Es decir, estás enmascarando algo que es lo que estás diciendo que lo único demarcado aquí debe mostrarse mientras se muestra es el blanco real mientras las otras partículas realmente alrededor de él, calzados deberían oscurecerse, eso no debería ser eso no debería Es muy, muy sencillo. Es muy. Sólo tienes que seguir los procesos. volver atrás y verlo de nuevo. En primer lugar, dada la línea vectorial un campo, ha sido un campo la parte de atrás para llevarlo de vuelta detrás del amberger Entonces después de estar detrás del amberger lo que pase, seleccionaré los dos juntos de lo que usé la palabra la máscara Bien, perfecto. Ahora qué hacemos, tratamos de traer aquí, haga clic Oden arrastre así, traiga aquí Entonces presiona sobre K para escalarlo perfectamente. Usted hace clic. Si haces clic en Oden arrastra así, va a la derecha. Pero cuando presionas on out, realidad va en proporción muy perfecto, perfecto. Puedo hacer clic den drag. Se puede ver que ha estado a mitad de dz muy perfecto. Baje un poco. Bien. Creo que es lo suficientemente perfecto. Quiero hacer esto demasiado. Esto es lo suficientemente perfecto para que lo usemos. Sí. Simplemente no quiero que sea demasiado grande. Presente K a. Seleccione este presente. Luego haga clic y luego presione, asegúrese de que esté bajando proporcionalmente Después haga clic en usar los barcos para que se calme perfectamente también es bastante permisible. Bien. Entonces eso es muy, muy perfecto. Bien. 10. Cómo crear sombras y desenfoque: En este video, quiero enseñarte a crear una sombra para una imagen. A se verá exactamente como la hamburguesa flotante. Déjame acercarme por ahí. Flotación mínima. Perfecto Ile afuera. ¿Qué hago? Puedo presionar o es un atajo adelante. Las elipses de atajo hacia adelante. Muy perfecto. Haz clic y arrastra así. Póngame arrastrar normalmente, pero quiero hacer una sombra así que debería estar por aquí. Sí, muy perfecto. ¿Qué hago? Yo vengo, haga clic por aquí, luego haga clic en Madera y arrastre, negro perfecto, luego cierre esto muy perfecto. De hecho, puedes hacer clic en madera y arrastrarla para hacerla en algún lugar por ahí, solo ven aquí. Pero en realidad perfeccionar la forma en que es así. Ahora, ¿qué hago? Trato de reducir la opacidad. Deberías acercar un cursor a esto. Verás que cambia. A la izquierda y a la derecha, puede hacer clic en madera arrastrar a la izquierda y luego a la derecha. Bien. Así que en realidad puedes reducirlo, seguir reduciendo nuestro sabor porque necesita ser sangre, necesita desvanecerse, no perfectamente negro en esa medida. Bien. Creo que es una muy perfecta. Qué es lo siguiente que hay que hacer. Lo siguiente que hay que hacer es agregar un efecto llamado golpe. Ven el efecto entonces actualmente más icono, el seleccionar esto. Tienen el golpe de capa. Es bastante diferente a la sombra caída o cualquier otra cosa. Lo que necesitamos es lo que la capa sopla sobre el bloque de capas, se puede ver que los cambios sucumben a su propiedad Así puedes hacer clic viejo y arrastrar a los laboratorios viejos y arrastrar a la derecha dependiendo. Yo quiero en realidad es muy golpe. Seguir aumentando. T De hecho estoy satisfecho con ello. Déjame tratar de hacer clic en madera y arrastrar afuera. Solo tráelo un poquito. Veamos qué pasa. ¿Esto es lo suficientemente perfecto? Déjame seleccionarlo de nuevo. Golpe lo siento, ven a las propiedades para que el golpe se reduzca. No sé para seguir mostrando lo que está mostrando la forma de ese círculo quiero que esté desorganizado Eso se está desvaneciendo demasiado. Se necesita demostrar que ahí hay algo. Sí, creo que es perfecto. Sí, así que eso es algo que amboga bastante flotante, muy, muy perfecto Puedo hacer clic y arrastrar turnos presentes temáticos a bits. Bien perfecto y puedo hacer clic y arrastrar esto bits hacia abajo. Haga clic y se sumerge. Bueno. Bonito un clic fuera de él. Sí, muy perfecto. Haga clic. Baje a pedazos las hojas presentes para que sea proporcional. No demasiado zoom pre hoja para que sea proporcional hacer arrastre hacia abajo. Sí. Creo que eso es perfecto. Entonces esa es una sombra. Puedo intentar, ya sabes, yo solo más si siento que vamos a seleccionar un click poner arrastrar a la derecha, ya sabes, alimentamos más drag a la izquierda para, ya sabes, algo de esto. Pero no, es solo conjunto de control de prensa. Y esto es esto es lo suficientemente perfecto. Entonces, por último, lo que podemos hacer es que selecciones esta pulsación sobre turnos y seleccionar esta. Se convierte en dos, así puedes agruparlos, o lo que selecciones esto. Presiona turnos y ven aquí a esto a esta elipse y selecciona este itcmes dos, o contrarias otra vez Se da clic en Viejo y droga así. Al hacer clic en Medicamento viejo como este, selecciona este fondo también juntos. ¿Qué haces? Simplemente seleccione esto y presione en turnos. Entonces si te resulta difícil, solo ven por aquí, selecciona este diez. A qué haces puedes hacer clic sobre ellos. A continuación, la selección de grupo, o se utiliza el atajo trig. Se puede decir simplemente haga clic fuera de la vuelta y haga clic. Es juntos. Así que flotan juntos muy perfectos. Una cosa que puedes hacer es simplemente venir aquí. Usted hace clic, doble clic aboga en sí mismo. Lo siento por eso, bogaag El nombre de esta mesa de trabajo es aboga es la propia imagen de amboga La A, luego presione enter. Aquí tenemos maraña directa que está bien, correcta. Y eso es perfecto. 11. Efecto de hojas: En este video de conferencia, voy a agregar las hojas. En realidad, en realidad está en línea con la hamburguesa, hay algunas hojas, algunas verduras, en realidad hace que se vea perfecta De hecho, puedo alejarme un poco. Acércate al archivo de recursos aquí. Esta es la hoja. Terminamos con A uno, A para hacer clic en Oden arrastrar, luego lo sueltas aquí Dropw puede hacer clic en arrastrar por aquí, entra en él, puede hacerlo en cualquier lugar que te apetezca , muy, muy perfecto Así que trata de traer algún lugar por ahí porque no quiero d parar los escritos, el texto, esos serán los temas. Así que vamos a traerlo por aquí. Empujarlo muy bien. Sí, creo que ya es lo suficientemente perfecto. Vamos a acercarnos. En realidad sigue cambiando la forma en que te sientes, pero es perfecto como es. Bien. Perfecto. Entonces, ¿qué hacemos? Tratemos de darle un efecto. Tratamos de soplar. Dale una capa sopla esta sombra caída, y luego la sombra caída y una capa de golpe. Establecer golpe de capa que vienen a las propiedades, luego tratar de aumentar borinss Creo que esto es bastante herramienta, bastante demasiado golpe Bien. Yo reduciendo continuidades vienen. Quería mostrar algo así como pero quería estar en un golpe en modo golpe. Sí, creo que ya es lo suficientemente perfecto. Sí. Eso es lo suficientemente perfecto, muy perfecto para que pueda intentar ajustarme más. Si siento que simplemente voy a dejar el donde está y simplemente contro tan perfecto Entonces no ha estado aquí en realidad no afectaría el texto. Entonces ha sido aquí en realidad declarado dónde está destinado a estar. Entonces así es para este video. Bien. Bien. 12. Cómo usar y organizar logotipos: En este video, quiero importar el logo, el logo de la marca. No lo olvides, pres en control G. Todavía tenemos nuestra línea de cuadrícula El logo en realidad estará por alguna parte. ¿Qué hago vuelvo a venir aquí al archivo de recursos Simplemente haga clic aquí, agregue el logo aquí para la marca en realidad aquí, haga clic en den back to back to feed MA, luego suelte. Está bastante presente K para hacerla en proporción. Haga clic en den arrastrar. Bien. Lo siento. Acercar. Tráelo por ahí. Así se puede ver alrededor de esta línea roja, izquierda. Se puede ver. No quiero que esté afuera. Esta es una gran pauta para lo que sea que estemos haciendo. Entonces, ¿qué tamaño exactamente va a ser este logotipo? Bien. Puedo tratar de hacerlo, ya sabes, intenta venir aquí. Puedes cambiar el tamaño aquí. Bien. Así que trata de venir aquí. Esta es su posición, puedes posicionar en izquierda o derecha, ya sabes, algo así, ya sabes, algo así, pero vamos a contra Dejemos eso. Ahora con la longitud, la puedo tratar de saber. Algo así, ya sabes, esto también, ya sabes. Déjame hacerlo algo alrededor, ya sabes, como el 49. Bien. Y como te sientes como si al presionar al tocar traes tu cursor por aquí y haces clic en este 49 por 46 presente como uno. Pero si se quiere hacer con el mismo tamaño con la prensa sobre las proporciones restringidas. Aquí puedes ver mi este icono es de proporción restringida. Es decir, siempre que presente 100, definitivamente el s en realidad se ajusta para estar alrededor del 100 también se puede pagar cien. Presente se puede ver 95.87. Entonces va a lo largo de los constreñidos como si estuvieran en púrpura. Están juntos, están tratando de ser iguales. Pero cuando haces clic en esto e intentas eliminar, puedes ver esa cosa en el medio cuando haces clic en ella, cambia. Entonces 11, por ejemplo, ponen esto a las dos. Verás, esto no cambia presiona y entra. Esto mantiene su proporción. Se puede ver muy perfecto. Eso es en realidad lo que quiero. Entonces puedo hacer click en esto y presionar lo 49 entonces tabulador o vienes y estableces este click 46 aquí, luego presiona enter, muy perfecto. Entonces hago clic por aquí, lo traigo por algún lado, agradable en ti derribar. Bien. Bueno. Entonces si quieres saber la talla, la longitud de aquí a aquí. Lo primero que haces solo seleccionas en ese ícono en particular o algo así. El presente. No hagas clic en nada. Sólo trae tu ratón por aquí. Se puede ver 44. La longitud de aquí a aquí es de 44. La duración de aquí al año es de 130. La longitud de aquí a la siguiente, no, así como así. Entonces quieres saber solo presiona sobre este presente, luego te muestra la longitud de aquí a aquí, esto es 449 Alejar. Se puede ver realmente yendo en proporción con el marco de alambre, el ambger las hojas, el sólido es, el bot, el logo de amboga Otros en realidad puedo pres en barcos G. Se va. La rejilla de capas desaparece, muy perfecta. Ahora tenemos esta idea. De hecho puedo venir, mencionarlo un poco. Haz click y presenta barcos para hacerlo en proporción y sube, muy perfecto. Eso es un logo. Entonces ahora tengo que darle el logo a nombre. Bien. Entonces ahora que hacemos necesitamos un texto texto escribir algo. Entonces hay algo llamado texto a realmente solo uno. Así que solo seleccione venir, seleccione también simplemente haga clic en alguna parte. ¿Cuál es el nombre de la marca? El nombre de la marca es puertas Vagas. Bonito. Presione palabra, presione enter en realidad ingresará. ¿Ves? ¿Qué pasa? ¿Qué haces? Sólo ven a la ven. Ven afuera del artículo luego simplemente haz clic una vez, y vuelve al movimiento dos de esto hacia el movimiento dos o lo que haces bien bien, por ejemplo, has seleccionado texto dos. Ya terminaste con eso. Solo ven a la palabra al movimiento dos, y es perfecto. Simplemente haga clic afuera aquí. Pero primera forma sólo para hacer clic afuera. Sí, da clic en la palabra en el Lienzo bonito. Así que ahora haciendo zoom en realidad ahora, tenemos hamburguesa bytes, nombre muy, muy perfecto Lo primero que hacemos realmente aquí, tenemos las propiedades para el texto. Cosas. Vayamos directo por aquí. Ven aquí, este es el texto. Este es el nombre del texto. Bien, ponlo en esto. Una vez así, saca a relucir diferentes formas diferentes. Pero sólo vienen sobre tales formas. Pero usando. Se pueden ver los formularios en el archivo de recursos, en realidad está ahí. Simplemente descárgalo en su sistema. Está en el archivo de recursos realmente adjunto a este curso que ya he explicado anteriormente. F no un B K M D, bastante audaz. Para que pueda venir a cambiar sus formas. Algo así como 20, algo así o 16. Creo que 16 es más preferible, pero hagámoslo 18. Déjame seleccionar este 18, perfecto. Entonces, ¿qué hago? Puedo hacer clic viejo y arrastrarlo así. Se puede ver. Creo que está en medio de quiero hacerlo en medio de esto. Perfecto. Creo que está bastante bien así, lindo. Bien. Muy, muy perfecto. Así que en realidad podemos acercar. Por lo que al hacer clic en esto se ha seleccionado en presente out. Veamos el margen 32. Déjame tratar de hacer clic en trapos de madera presentar turnos, hacer que se acerque un poco Bien. Bien. Presente de nuevo, veamos. Bien 28. Eso es bastante agradable. Eso es lindo. Bien. Haga clic al revés aquí. Se puede ver. Muy, muy perfecto. Si te parece bastante grande desde aquí, en realidad, puedes acercar el zoom. Puede hacer clic en esto y presionar el turno luego hacer clic en este. Tritón presenta la escala de tritón . Se ha reducido. Perfecto. Veamos qué pasa. Bien. Eso es lindo. Es bastante bueno. Pero esto en realidad está en el medio. Déjame hacer clic en presentar turnos, derribar. De hecho prueba que está en el medio, pero no creo que sea para mí. Entonces voy a ponerlo por ahí, así que a veces la computadora realmente no se equivoca en esa medida. A veces cosas médicas, no te parece centralizado. Entonces esto es realmente perfecto para mí en este momento. Entonces eso es todo. Bien. 13. Creación del menú superior del sitio web: Ahora, en este video de conferencia, quieres hacer el producto, guarda y contacto, ya sabes menú algo así. Perfecto. Así que solo intentas acercarte. Entonces puedes decir el bo medio pone y dar click con la pista por aquí. Entonces, ¿realmente puedes seleccionar sobre esto? Seleccione esto. Después presione en el barco y luego seleccione el propio Boger. Eso son dos. Entonces, ¿qué es el control perfecto? Se ha agrupado luego haga doble clic aquí. Entonces presiona en lo que Boger. Lo siento, logo de la marca. Por qué Boger Boger cada vez Boger. A mí me encanta Boger Logotipo de la marca, entonces lo que hay presente entra muy perfecto. Seleccione esto también y haga doble clic. Cambiarlo para dejar hojas c dos wh que esta mal? Usa las palabras presentes muy perfecto. Esto es como rectángulo en realidad, lo siento, dtanguvu déjalo ya que está dolorido sólido o cualquier caliente Entonces, ¿qué hago? Puedo pizarra sobre esto. Pero lo que está pasando. Ya lo he agrupado, así que solo controve Pero, ¿qué haces? De hecho, podemos incluso si agrupa miles de cosas en una cosa en particular de las miles de cosas, haga doble clic. Se puede ver a continuación haga clic. Viejo y presiona en viejo entonces nuevo arrastrarlo afuera. Se puede presionar en los barcos para hacerlo en proporción. Ahora tenemos esto. Puedes ver en realidad, en realidad se está moviendo juntos, pero no quiero que este doble clic en él en realidad esté junto con él para estar junto con esto. Entonces, ¿qué hago? Ahora, ¿sólo tienes que seleccionar esto cuando seleccionas esto? ¿Dónde está el nuevo que hicimos hace un momento? Esto es solo un doble clic sobre esto. Se puede ver. Pero cuando colapso, cuando selecciono esto, muestra todo dentro de este grupo. Voy a tratar de expandirme, sacar éste exactamente. Haz clic en viejo y arrástralo arriba. Aquí, sale fuera del grupo. Es normal parte de ellos. Cuando selecciono esto, qué sucede, solo se necesitan dos, y esto sigue siendo él mismo. Esa es la mejor y más rápida manera de hacerlo. Muy perfecto. Ahora puedes volver a intentarlo. Ahora, presente T, que es un atajo adelante para el texto. Entonces elegirse a sí mismo. Entonces, ¿qué hago? Te presento las cosas nuevas. Así que presento Lo siento. Perdón por eso. La prensa en entrar en realidad aplicación de esa manera. Sólo ven a la mudanza a. Perfecto. Después después de seleccionar el movimiento dos, presiona sobre qué, selecciona este espacio vacío, que es lo que el lienzo. Perfecto. Ahora estamos arriba de eso. ¿Qué es lo siguiente que hay que hacer? Usted hace clic. D, luego presione sobre las hojas y luego presione sobre. No olvides el contraste. Cuando haga clic en d, presione en. En realidad son copias, está fuera, pero en realidad se está moviendo, no realmente de la manera en que significaba moverse. Presiona los barcos, luego se vuelve recto. Se puede ver que en realidad me está diciendo las pulgadas, el número de espacios ahí. Tenemos 40 40 alrededor de 34. Debe estar cerca pero no demasiado cerca. Creo que 32 está bien. Perfecto. Entonces puedo hacer click d d y droga, pres on d y turno otra vez, haciendo 32 Necesitamos en realidad 44 menú ahí. Cuatro leks. Haga clic en Viejo y arrastre, presione al turno y diez, 32, muy, muy perfecto. Entonces ahora lo que deberíamos ahora es venir aquí, presionar en T, luego tratar de cambiar el nombre. Este producto. Bien, hazlo conmigo. El presente. Eso es todo venir aquí también, hay un error. Presente. Haga clic en su cliente, haga clic por ahí, luego deli cosa que puede hacer simplemente presione en escape Seleccione este presente. Contamos con servicio. Presione escape, luego seleccione también presione en. Después contactos. Entonces puedes presionar escape muy perfecto. Entonces puedo decidir que T es en realidad 16. Entonces, en realidad, creo que es perfecto así. Bien. No hay forma para cambiar las formas. No hay razón para que cambie los formularios. Necesito cambiar la columna de esto. Ahora, cambiar el color para seleccionar en esto realmente quiere que hagamos la página. En realidad, es una sección ero, pero en realidad hay que identificar que se trata de una página. Es decir, la página seleccionada necesita ser más identificada, necesita ser indicada que el servicio del producto y el mostrador. Esta es la página. Ven sobre esto y cambiamos el color. En realidad, Figma reconoce el último color que usamos. Sólo tienes que seleccionar en esto. Entonces cambia el color. Otra cosa que podemos intentar hacer es aparte de esto en realidad, en realidad puedo guardar un estilo de color particular. Guarda un estilo de color particular. Prevenir realmente en este tutorial en particular. En esta historia en particular, voy a estar usando mucho, mucho este color . ¿Qué hago? Simplemente ven aquí al ícono más, que es lo que es el nuevo estilo de variables. También se les llama agregar variables a, mantener variables y alimentadas Ma. Ahora, presente en este nuevo estilo de variables, ¿qué hago? El nombre de la variable que está tratando de ayudar a guardar un estilo de color particular o una variable. Ahora bien esta variable sí selecciona en este flit Entonces dices color de marca Bien. Lo que haces, entonces creas variable, muy perfecto. Ahora, solo puedes cancelar. Así que cada vez que necesites este color en particular, lo tienes en realidad. Se puede utilizar. Cuando selecciono en esto, por ejemplo, después de seleccionar en este, solo ven aquí, se puede ver perfectamente el color marrón es. Cuando seleccionas, me da exactamente ese color marrón. Así es como se selecciona cualquier cosa venga aquí a su campo En lugar de solo seleccionar aquí y le estás dando este rojo, solo ven a este particular yo co mil variables. Bien. Entonces no tendrías necesidad de buscar nada ni empezar a crear nada. Sólo tienes que seleccionar esto perfectamente. Lo que quiero hacer es en realidad cosas de diseño de letras, seleccionar sobre esto. Presentar selección de turno en este, presentar selección de turno en este. Te voy a dar algo de naturaleza negra. Bien. Déjame controlarlo porque no quiero que los colores para ese también lo controlen. Los quiero negros en un color parecido al gris. De hecho, los haría desvanecerse bastante desvaneciéndose. De hecho, sería diferente al on page porque ahora mismo estamos en la página en este momento. Seleccione presente ella seleccionó este presente sat select. Lo que puedo hacer es simplemente venir y tratar de reducir el negro. Se puede ver muy, muy perfecto. Se puede ver que los últimos diseños realmente tienen cosas como esta. Puedo mostrar rojo, sea cual sea el color, quiero que sea verde colores como este, verde, azul, sea lo que sea. Pero no, quiero que sea gris como. Esto es negro. Y sabes que haces clic con arrastre negro y da click arriba aquí. Y darle un color particular que en realidad, se mostrará pero ligeramente en realidad se desvanecerá un gris Entonces, si no quiero usar este color particolar, realidad puedo tener xcode select en La prensa A D, D A cero, la prensa, muy perfecta. Se puede ver cuando está presente esto se puede ver los colores en realidad de alguna manera se puede tratar hacer clic y arrastrarlo a algún lugar así Perfecto. Pero en realidad contra me gusta como es. Entonces alejas el zoom. Ya puedes ver En realidad estamos llegando ahí. Se puede ver que en realidad va en línea con lo que sea que tengamos aquí. Bien, muy perfecto. Ahora pasemos a los íconos en fed. 14. Cómo importar y usar iconos: El uso de iconos en Figma minimal traído. Ahora quiero poner algunos aros al lado del producto, servicio y enlaces de contacto. En realidad indicaría una lista desplegable para servicio de producto y contacto aparte del enlace, que estamos ahí mismo. Intenta acercar, para que podamos crear un aro nosotros mismos que realmente indique una lista desplegable O en realidad podemos obtener uno de Figma muy, muy rápido sin perder el tiempo manera efectiva. ¿Qué hacemos? No olvides que en realidad FDMA auto se guarda. No hay solo un presente contra no necesito en realidad Fiat ahorra. Es lo que se basa en línea. Podemos obtenerlo de FDMA, pero aunque tengo el mío en mi archivo de recursos, pero te voy a poner a través de los FDMA Pero usemos, usemos el que tengo en mi archivo de recursos para. Ahora, necesito obtener la R de mis palabras de mi archivo de recursos. Al venir por aquí, da click en esto, derriba 91. Entonces cae muy perfecto. Alejar. Haga clic en la madera y la arrastramos hacia afuera, luego acercamos el zoom, usando el botón del mouse, presionamos K para reducirla drásticamente Acercar. Haga clic en madera y arrastre así. Trae por ahí. Después presione en la carretera de la cancha y haga zoom. Presiona para que escale muy bien. Después haga clic en madera y arrástrala hacia abajo, luego traiga por ahí. Se puede ver que está mostrando las líneas. Perfecto. Déjame escalarlo un poco, hacerlo más pequeño. Trae por ahí. Bien. Quiero la línea que realmente me mostró. Está en medio de pero no mostrando nada malo malo. Eso no tiene ningún problema más bien. Así que trata de, ya sabes, usar mis ojos para medir. Haga clic en madera y medicamentos presentan turnos para asegurarse de que realmente se vea bien y agradable. Sí. Creo que eso es lo suficientemente perfecto o déjame sacarlo un poco y ver cómo se ve realmente. Bien. Sí. Perfecto. En realidad, creo que hay un error, son los productos. Deberían ser X como un error eso es todo un error para mí. Debería ser x. bonito regalo Skip. Después trae click sobre esto, trae un click drag de madera como este. Bien. Perfecto. Voy a ajustar los servicios. Eso no es un problema. Da click en este turno presente este apretado click aquí alrededor del presente, veamos a partir del 13. Así que déjeme salir. Después haga clic en las guaridas y vaya más turnos presentes, ya puede ver. Eso son 19. Bien. Quiero decir, presente. A ver de año en año, es 29 27. Las naves actuales solo siguen adelante. Presente. Eso son tres bonitos. Solo usa la flecha izquierda del mouse en el teclado solo una vez, luego en realidad gira hacia 32 muy perfecto. Ahora tengo esto aquí. Ahora, antes de que realmente agrupe productos y servicios, realmente puedo hacer clic en presente ****. Haga clic en Olden presente enviar el presente a continuación, tratar de tratar de traer alrededor Se puede ver. Perfecto. Después haga clic en Odgreson nave y ya se puede ver, sólo hay que poner por aquí . Buen espaciado. Bien. Muestra dos se pueden ver las especies dos, dos, dos muy perfectas. Ese es el espacio entre el contacto y el servicio 02 y RO dos en este perfecto. Ahora bien, ¿qué hacemos establecer un producto y establecer en este entonces controlar g. Cierto servicio el país. Agruparlos juntos. Perfecto. Cierto contacto y seleccione en este control G perfecto. Ahora lo que necesitamos entender a partir de aquí es que al seleccionar este presente hacia fuera, se puede ver 32, el espacio entre s dos, presente y presente 32. Pero creo que esto no es 32. Presentar y presentar turnos y traerlo a alguna parte. Ahora puedes muy pv. Las líneas de cuadrícula muestra la línea de demarcación muestra para que puedas saber cuántos por ciento algo está muy Esto está agrupado. Ahora que viene por aquí es producto. Dubcis y dale qué Productos. Presente. Ven aquí también. En puedes ver el servicio aquí. Servicio presentar a. entonces ven aquí para también es contacto, haga doble clic contactos tres contactos. Pero no, contacto. Eso es perfecto. Entonces eso es simplemente perfecto. puede mordir manera es esta es la marca deja, imagen de Amberger a rectángulo sólido. Déjame ver antecedentes. La manera de exhibir es en realidad. Todo es en realidad lo seleccionamos, bien guardado en bugery perfecto Ahora, aparte del icono que uso el cual fui creado. Así que en realidad podemos crear iconos y aparte de eso no estoy creando icono en realidad ahora. Entonces vengamos a los recursos, vengan a los plug ins. De hecho, puedes venir aquí y seleccionar íconos. Va a sacar diferentes iconos, íconos , puedes usar y usar. Puedes ver que puedes bajar, selecciona esto. Ves esta ejecución que es para ejecutar el plugin o para guardarlo en realidad también. De hecho, puede seleccionar guardar. Trae un negro sólido, después lo ejecutas entonces veamos qué pasa. Entonces, esto es todo. Puedes decidir elegir cualquier icono que te parezca cualquiera que necesites. Ahora lo que pasa es que cuando solo haces clic con un clic O N arrastrar no te preocupes por esto, o simplemente haces clic una vez. Pero el caso es que he usado límites promedio del plan gratuito. ¿Bien? He usado más de lo que he usado los límites, probablemente como dos, tres, o cuatro, cinco, realmente no puedo recordar. Entonces puedes actualizar por $19, pero realmente no tienes que actualizar Hay algunas otras formas en las que puedes hacerlo. Bien. Así es y te voy a demostrar que está mucho más bien para ti que esto. Pero para ti como nuevo usuario, en realidad funcionaría. Para que pueda cerrar esto volver a los recursos. Ya ves puedes ver cualquier icono con este sólido negro Son los que en realidad he guardado. De hecho, también puedes ponerte en algo como esto. ver qué pasa. Se iba a cargar. Bien. ¿Vio a esta Amanda fin Este es el número uno. Ahora, ¿qué hago? Ven a este menú aquí. Volver a los archivos. Entonces ven a este lugar en realidad donde realmente conoces tu gmail y todo. Ven a lo que llamamos perfil comunitario. Entonces selecciona en tu correo electrónico ahí, luego te lleva directo a la comunidad. Contamos con bibliotecas, plantillas de diseño, herramientas de diseño y similares. Ven sobre la búsqueda. Hay algo que llamamos icono Sass presiona enter. Bien. Ahora tenemos en sacos diferentes tipos de sacos de iconos. Cualquiera que elijas perfecto el primer segundo tercio esto, queremos usar esto. Seleccione en este. Se pueden ver diferentes iconos para su uso luego abrir en FM perfecto. Se va a abrir en otra palabra otro tipo. Es una carga en. Para que puedas ver icono de nombre, 6,000 iconos contra y 3,000, puedes ver, ícono de dinero, video, imagen de audio, puedes ver imágenes, mensajes, puedes ver ubicación, cuadrícula, diseñado para contenido, edición, configuración de programación. Bien. Vas a usar en aplicaciones en, ya sabes, sitios web, notificaciones, llamamientos, negocios, construcción de cripto companing, tiempo de astrología Muchas cosas compran, ya sabes, seguridad de entrega, ya sabes, muchas cosas vas a estar usando bastante diseñando aplicaciones, diseñando sitios web. En realidad lo principal que quiero usar es lo que es este aro en particular. Se puede ver este arte que utilicé hace un momento. Y voy a estar usando flechas así. De hecho puedo seleccionar este Ps en control y seleccionar esto o lo siento, en realidad puedo seleccionar este turno de prisión y seleccionar este entonces control ven aquí de vuelta aquí. ¿Qué hago? Yo vengo para acá. Después seleccione sobre esto. Entonces de vuelta aquí, vuelvo a los proyectos, que es uno que en realidad estoy diseñando. Doble clic, doble clic. Después nos movemos hacia la página dos. Perfecto. Ahora lo tenemos aquí. ¿Qué hacemos? Simplemente Zoom son para ser dow Control V. Cuando yo controlo puedes ver en realidad, necesitas Zoom para que pueda ver, así puedes ver perfectamente. Puedo usarlos, pincharlos y arrastrarlos a algún lugar por aquí. Bien. Acercar seleccione esto solo, haga clic en traer por aquí. Puedes verlos y empezar a usarlos de la manera en que realmente quiero usarlos. De hecho, puedes obtener íconos al volver aquí. Un icono te apetece copiarlos y pegarlos aquí y en realidad es gratis para que lo uses muy perfecto. Está en la comunidad Figma. A diferencia de los que realmente se han agotado. Entonces eso es todo para los íconos y cómo obtener los íconos dónde obtenerlos y cómo usarlos. Eso es perfecto. Bien. 15. Comprensión del layout de Figma Auto: Ahora, voy a estar enseñándote maquetación automática. Al igual que lo que llamamos auto layout. Probablemente tenemos dos cosas distintas juntas. Quiero asegurarme de que los espacios estén en propulsión. Por ejemplo, permítanme seleccionar sobre esto y presionar el turno y seleccionar en este. ¿Qué hago? Vengo a lo que diseño automático, selecciono en esto. Cuando selecciono en esto, qué sucede, diseño automático agregado. Y acerque, seleccione aquí. Puedes ver mirando esto y mirando esto, selecciona esto. Puede ver que ya se ha agrupado usando el diseño automático, y el acceso directo para el diseño automático es lo que cambia A. El acceso directo es el turno A para el diseño. Ahora, cuando acabas de hacer clic afuera ven por aquí. Usted selecciona este espacio. Lugar agregué el envío el diseño automático. Para que puedas ver un rojo, ya sabes, cuando hago clic alrededor del, solo para que no sea una manzana, control. Cuando acabo de llegar por ahí, ya sabes, hay una parada roja que se muestra aquí y da clic alrededor del final, no una manzana. ¿Qué haces? Hay que ser selectivo y muy Perfecto. Trae el cursor por aquí. Puedes ver esta cosa roja mostrando y asegurarte de que cambie a este cuatro como, ya sabes, tenemos una línea y, ya sabes, esas líneas de autos. Entonces haces clic y arrastras. En realidad se mantiene en proporción. Se puede ver. Esto es dos, cuando en realidad selecciono man product service y me selecciono man product service y pongo en contacto juntos y pruebo las capas de auto y ya ves, en realidad va a funcionar perfectamente. Se puede ver. Ahora, volvamos al control. ¿Qué intentas para seleccionar esto? Puedes ver las capas auto, luego tratar eliminar las capas auto lejos de aquí. Se puede ver. Solo intenta hacer click derecho y lo que hay en grupo porque como resultado de lo ocurrido, se ha agrupado. Entonces, ¿qué hago? Necesito este cuatro. Seleccione en este set en estos turnos actuales. De primero asegurate que este ya ha sido grupo. Esto ha sido grupo con el grupo con. Asegúrate de que lo haga. Seleccione este turno presente, selecciónelo luego seleccione esto juntos. No agrupar. No hay ninguna referencia a agrupar nada ahí. ¿Qué hacemos ahora? Simplemente ven a lo que es capas o lo que está presente cambios actuales. Pero déjame vender esto. Perfecto. Cuando lo veas puedes ver la línea roja. Cuando acabo de hacer clic de todos modos, puedes ver déjame intentar alejar el zoom. Bien. Seleccione. Bien. Afuera selecciona esto. Bien. Sólo ven por aquí. Entonces de a veces se puede ver voy a seleccionar esto. A veces no muestra las cosas rojas hasta que intentas acercar el zoom. Se puede ver que se está mostrando. Tan perfecto. Se puede ver. Se puede ver de todo. En realidad nos está diciendo que la especie entre los prototipos es seis aumentando 24, todo en proporción en conjunto. En conjunto, se puede ver, perfecto. Muy perfecto se puede ver la especie por completo. Se puede ver que las especies se mueven juntas todas son todas en proporción. No hago todo 32, 40 por ejemplo. Perfecto. Aleje entonces, ya sabes. El minimus estaba en se puede ver, muy perfecto. Creo que necesito que sepa bastante es bastante demasiado. Creo que 32 35 debería estar bien. Sí, perfecto. Entonces eso es sobre el diseño en realidad. Funciona en dos mínimo de dos, tres, cuatro, cinco, ya sabes, las cosas en realidad. Entonces eso está contenido a los diseños. Bien. 16. Creación del inicio de sesión y registro Button: Video, nosotros para enseñarte a hacer el botón de inicio de sesión y registro. Bien. Definitivamente, solo ven. Se puede seleccionar. Puedes seleccionar esto. Sólo ven y, doble clic. Bien. Haga clic en presentar turnos hacia fuera , entonces, ya sabe, tratar de traer por ahí. Podemos intentar crear un nuevo texto, pero vamos a copiar y pegar algo, bien, traer alrededor del camión, perfecto. Así que no olvides en realidad. Cuando seleccionas en esto, puedes ver en realidad, es solo hacer doble clic sobre esto, puedes ver que está dentro. Simplemente haga clic en Madera y arrastre y traiga afuera. No fuera del mbuger que va fuera del tablero ambger sino solo siendo el Se puede decir que está separado de esto particularmente. Entonces, qué haces, presiona en T, que es lo que el texto dos. El inicio de sesión. Lo siento, registro. Buena, la prensa escapa agradable. Vamos el color selecciona este color, luego haz clic y arrástralo hacia arriba, inicia sesión. Perfecto. Entonces qué zo. Eso es para el inicio de sesión, así que solo puedo acercar pedacitos, botón mínimo, Acercar. A continuación, haga clic en presentar barcos e intente. Nos movemos los pedacitos. Tráelo por aquí un poco. Esto se llama tablero de texto. En realidad, se supone que hay un rectángulo de forma sólida alrededor, pero decido no ponerlo aquí. Voy a ponerlo en el inicio de sesión para que sea visible a la gente de RR Para hacerlo visible quiero gente inicie sesión para iniciar sesión bien. Pero necesitamos más clientes, más gente para entrar en el sitio web, un llamado a la acción firmando, solo firmando. Vamos a vamos a presionar sobre R, que es lo que es lo que el atajo para el rectángulo podemos ver rectángulo R. Hacemos clic den drag así. Así. Quiero dar la talla en realidad. El botón realmente no tiene un tamaño específico. Cualquier botón realmente no tiene un tamaño específico. Se trata de un botón de relleno sólido en el que habrá un texto sobre él. Vamos a darle, déjame ver. Asegúrate de que lo que se llama tu proporción de restricción no sea así. Debería ser así. No hay nada en el medio, debería haber algo así. Y voy a dar este 110 por digamos 56. Sí, algo así, perfecto. Acercar Click Wood drag. Así que revisa presente lo siento, contraste piensa debe ser mezclado en el medio. Es actuar en medio de esto. Entonces puedo seleccionar esto y presentarle a este 24. Hagámoslo 32 probablemente. Déjame ver. 30. Déjame justo el derecho y el derecho hacia fuera en el teclado solo dos veces, uno, dos, el pres en 32 perfecto Pero creo que eso es demasiado para ello. Parece bastante lejos del inicio de sesión, haga clic en presente cambiarlos. Intenta ajustarlo y acercarlo más. Sí, muy perfecto. Voy a tratar de cambiar el color. Seleccione en esto, venga al color, venga aquí, donde tenemos el color marrón seleccionado. Pero en realidad se mezclaría. Entonces, ¿qué hago? Corté el eslabón, desapego la varianza. ¿Qué hago? Lo selecciono y trato de, haga clic en madera y arrastre. Intenta que sea un poco más ligero. Estás agregando blanco. Se le está agregando un poco de blanco. Nosotros agregando blanco. Creo que eso está bien. Quieres que sea más oscuro, puedes bajarlo. Yo quiero que sea más ligero, lo sacas a colación y es perfecto. Muy perfecto. Creo que debería res un poco, no demasiado. Creo que ya es lo suficientemente perfecto. Entonces para que puedas ver ZooMoanc. Se puede ver que esto trae contraste. Ahora que en realidad es el mismo color más claro que ese. Selecciono este click presente, entonces lo que trae por aquí. Lo que está pasando. Se está mostrando pero lo que está pasando, está debajo del rectángulo. Se puede ver la tala, luego el retangle. Trato de quitarle el dtang se puede ver contraste. Se un inicio de sesión y haga clic y arrástrelo arriba, muy perfecto. ¿Qué hacemos? Lo cambio hacia presente hace texto dos automáticamente hace un disparo luego firmar Luego presione escape. Click puede usar esto poniéndolo en el medio de esto. Una cosa que puedes hacer es simplemente seleccionar esto luego seleccionar este clic W Una cosa que puedes simplemente aprovecharte de los barcos luego seleccionar esto. ¿Qué vienes a alinearte, airas y también mientes lo que verticalmente puedes ver, muy perfecto. Así que en realidad puedes alejar el zoom. Bien. Entonces tenemos eso muy perfecto. Es bastante perfecto. Entonces creo que el autobús es bastante grande probablemente. Entonces tri reducirlo algunos como cien por déjeme decir por 40. Oh no, eso es patético. Cien por déjenme decir 50. Sí, creo que ya es suficiente. Entonces justo en el medio. Después haga clic en el presente luego seleccione dtangle también entonces medio, el medio, perfecto Sí, eso es lindo y bueno. Esta parte en realidad es perfecta y se ve bien. En realidad, para hacer que las personas nuevos clientes puedan ser llamados a registrarse rápidamente, registrarse rápidamente, e iniciar sesión. Entonces eso es muy, muy perfecto. Así que en realidad puedo mantener esto como componente también como para poder usarlo en otro botón, ya sabes, para poder usarlo para otro botón. Pero no quiero mantenerlo como componente por ahora. Cuando llego al botón, el bastón de acción de corte o no, nuestro menú y el así lo voy a usar como componente. Bien. 17. Creación y uso de textos: En este video, nos sumergimos en los temas. Ahora, ya terminamos con todos esos. Ahora, solo presente, que es el texto dos. Sólo voy a copiar haga clic aquí. Perfecto. Porque en realidad puedes ver desde aquí, puedes ver los temas aquí, vamos a empezar a teclearlos. Ahora, que es d algún tipo de copiado, bonito copiado para hacer ventas. Bonito. Por favor, déjame intentar Zoom Bien. Por favor y por sus antojos y clamación. Bien. Entonces eso es lo primero, que es lo principal en sí mismo. Ahora bien, qué hacemos presente clip. Ahora da click en Oden algo así. Entonces lo primero que me gustaría hacer es que si solo vengo y empiezo a cambiar, no va a hacer nada. Sabes que ir así viniendo así es en realidad Así que en realidad puedo venir por el zoom, si realmente puedes ver correctamente Hacer zoom, haz clic así No se muestra cuando trato de derribar esto, en realidad es no. Es como responder automáticamente. En realidad son los encuestados, hagas lo que hagas, simplemente bajando así. Se entiende. Es retroalimentación en realidad es perfecto, muy, muy perfecto. Además, si acabo de venir, simplemente hago clic así, no, no, algo como esto, no. Entonces bien. Perfecto. Entonces solo controla que lo controla. En realidad, si quieres hacerlo. Pero si en realidad no quieres que sea algo así solo presente k a escala es perfecto contra. Escala algo así para ti. Se puede ver. Perfecto. Pero en realidad estoy después de eso por ahora. ¿Qué vamos a hacer? Quiero asegurarme de presionar el texto dos. Intenta descomponer algunas cosas. Haga clic en haga clic aquí. Presione y haga clic aquí, presione enter. Como diseñador como diseñador visual, diseñador de UI, deberías poder y como diseñador UX o deberías poder hacerlo por texto descendente. Así que ordena lo que sea que estés haciendo. Ahora puedes decir cosas así. Perfecto. Entonces, presionemos en escala. Ahora, solo selecciona esto. Se puede presionar en k, tratar de aumentar, dependiendo de uno mismo. Una cosa que tenemos que hacer en este momento es simplemente venir sobre un cambio de fuente, seleccionar cambiar fuentes hacia miedo. Siglo cráneo niño siglo 75cn BT. Ese es exactamente el punto que vamos a utilizar aquí. Muy perfecto, muy guapo frente y hermoso punto. Bonito. Seleccione sobre esto, no olvide solo presente K. Haga clic en arrastre de madera. De hecho, puedes darle el tamaño que sentimos que podemos ajustarlo a tu gusto a la forma en que más te convenga. Bien, bien. Una cosa que realmente necesitamos entender aquí es que Bien. Entonces ahora si intentas dar click por ahí y solo intentas aumentar, no está funcionando. Entonces, ¿qué haces solo contratas? ¿Qué haces? Solo presente escala, entonces es lo que la escala para ti perfectamente. Se puede ver muy perfecto. Entonces voy a ponerlo alrededor de algo como, ya sabes, probablemente 500, algo así. Sí. Muy comenzar. Entonces esto deja en realidad por aquí, solo haz clic y arrástralo a alguna parte y ya sabes, bien. Perfecto. Entonces no está obstruyendo nada ahí. Entonces, ¿qué hacemos? Intenta seleccionar este selecciona esto, vuelve al movimiento a porque el movimiento es bastante diferente al s. el movimiento para seleccionar esta multa. Entonces cuando lo veas por aquí, la propiedad está por aquí, algo que llamamos línea línea algo que llamamos espacio de letras. Entonces, cuando haces clic y arrastras hacia la derecha hacia la izquierda, podrás ver lo que está sucediendo. Se ve que se mueve poco a poco, poco a poco. Se puede ver poco a dos en dos. Para que veas puedes mirar el espacio también tenemos espaciado entre letras. Se puede ver bajando así. Se pueden ver diferentes cosas bajando así. Se puede ver muy perfecto. Entonces, ¿qué hacemos? Consignando consignó el espaciado entre letras. De hecho podemos darle algo alrededor, ya sabes, déjame decirte que creo que esto es perfecto. Sí, se ve bien. No quiero ser demasiado. Bien. F 40 líneas. Quiero darte algo alrededor vamos a darte algo alrededor de algo alrededor de 900 bastante Haga clic en arrastre de madera a la izquierda, o simplemente puede hacer clic aquí y qué noche entonces eso es perfecto, muy perfecto. Entonces una cosa que me gustaría que hiciéramos es volver a qué turnos, G, que es lo que diseño D. Das click alrededor del y te aseguras de que es lo que muestra por el lado izquierdo alrededor ese D B d ble ble puedes ver que tiene que estar en línea con los demás. Eso es lo que llamamos la proporción. Eso es. Entonces creo que he podido notar algo aquí. Bien. Ven aquí. Seleccione el seleccione el rectángulo. Rectángulo, haga clic presente desplazamiento e intente ajustar 82 bits. Bien. Después presentar el aboger también imagen boger Haga clic en negar imagen boger, haga clic en Oden, 82 bits Bueno. En realidad, puedo seleccionar en lo que puede seleccionar en esto y presionar shift y establecer en este estos dos. De hecho puedes agruparlos venir a través de doble clic. Deberíamos llamarlo registro y firmar. Eso está bien re Perfecto. Simplemente podemos seleccionarlos, hacer clic y presionar shift e intentar ajustarlos. Ahora puedes seleccionar de nuevo en esta parte posterior. Puedes ver este rectángulo, intenta dar click a por qué lo haces así. Se está poniendo demasiado, intenta algún ajuste agradable. Así es. Bueno. ¿Qué es lo siguiente que hay que hacer? Ahora tenemos este perfecto. Ahora para ser sobre buen efecto, solo presente, en primer lugar, seleccionas este presente. Después haga click por aquí haga clic en Oden para seleccionar. Quiero cambiar. Quiero cambiar el color de negro a otra cosa. Seleccione en este ritmo en realidad, o realmente puede encontrar que selecciona esto, en realidad puede encontrarlo aquí. Pero déjame venir aquí. Seleccione esto luego con el color marrón. Sólo dale el color marrón. Algunos contratos agradables, contraste, negro y gris, bonito. Ven también a seleccionar esto. Haga clic en Oden Boger y antojos, bonitos colores de contraste. Fine y presione Escape. Después haz click en cualquier lugar que quieras, perfecto. Bonito aspecto genial. Esa es la primera. Ahora la segunda cosa, esto es lo principal ahora, lo de mi menor, en realidad. ¿Qué hacemos? Hacemos clic Ovejas de prensa presionan para derribar. Perfecto entonces soltar luego presione en T. ¿Qué hacemos ahora? Tratamos de reducirlo a algo como no. 15, va a ser un texto menor. Bien. Muy, muy menor. No tan grande la última vez. Bien. Así que sólo un poco más. Una bonita. Voy a tratar de volver a V. Lo siento, t presione en la tapa bonito uno. Simplemente haz clic así. Bien bien solo muévelo de alguna manera. No debería ser demasiado largo en esa medida. Qué hacemos ahora pulsamos. Destaca todo, luego severo de sabores en cada Bien. Más perdón en el espacio. Eso es un mis Ware muerde luego tire de parada. Una bonita. Entonces lo que quiero hacer aquí en realidad es escapar presente. Quiero hacer tu ruido correcto, estoy en cada uno debería estar en algún lugar por ahí agradable. Entonces, ¿qué hago? Yo solo presiono en K? Intenta reducirlo un poco. Pre K intenta reducir un poco. Muy, muy perfecto. Haga clic. Oh, lo siento, eso es malo. Entonces yo critico clic aquí en realidad, reconoce que sigue siendo escala Entonces solo trata de sacar a colación V, cámbialo a V, que es lo que mueven para luego tratar de reducir esto así. Perfecto. Aunque sea tan largo como solo trate de hacer doble clic, vuelve a la forma normal de destinado a ser. Entonces para esto, ¿qué color debemos usar? Yo no uso el negro, ya sabes, trato de reducir su opacidad como, ya sabes, dices bonito efecto cool unos. Entonces, en realidad se trata de ser creativo, un diseñador creativo en cualquier aspecto, un diseñador de crit view Crieig intenta traerlo por ahí. Algo como esto debería estar bien. Bien. Bonito. Bonito contraste. Es un bonito contraste o debería hacerlo más oscuro? Creo que eso es perfecto y eso está bien. Eso es perfecto. Solo trata de seleccionar. Intenta seleccionar. Selecciónelo. Ahora bien. Perfecto. Ahora tenemos esto. Ahora un esto, quiero intentar cambiar su línea ocho un poco de cambios a la línea. Bien. Probablemente digamos como 100. Entrar Déjame ver como, ya sabes, 120, entrar zona. Déjame ver como 115, entrar perfecto. Entonces ahora, el que contiene el letterpacing, tenemos bien. Eso está bien. En realidad podemos tres. No, no me preocupan los países. Eso es perfecto para intentar, ya sabes. Sólo controla. Lo siento, Shift G. Digamos la capa. A ver si en realidad es bueno, bonito. Entonces, ¿qué es lo siguiente que hay que hacer, usar el botón de minimizar para controlarlos? Creo que tengo que cambiar esto. Es bastante de alguna manera. Es 110. 13. Sí. Eso es lindo. Eso es bueno. Después turno G. Perfecto. Bien. Entonces 91. Eso es para el tema principal o mayor en el tema menor. Por lo que trasladamos a la Ciudad un botón de llamada a la acción en el siguiente video. 18. Creación de CTA Button: Este video, te voy a enseñar botones, igual que el signo de botón. Bien. Ahora, estamos hablando del botón principal de acción cal, que es ordenar y nuestro principal realmente agradable. Apenas venga sobre un comprison barcos g. presione hacia arriba, el atajo para lo que para el rectángulo, simplemente haga clic por aquí En algún lugar bien. El botón va a ser muy, muy claro para la gente. Deben ser explícitos, deben poder verlo desde lejos. Ahora para llamar a la acción, llamar la atención, llamar a la acción. Ahora para llamarlos para poder tomar qué tomar acción. Entonces voy a usar el color marrón para esto, bien, que viene por aquí. Después seleccionando este perfecto. Así puedo darle forma a G. En realidad, eso es tapa por ahora. Estoy ping a eso, pero por ahora, tenemos que tal vez ni siquiera intente decidir usar una cuadrícula de capas de capas. Sólo puedo hacer clic en poner alrededor de vacante. Esa es otra grilla enteramente para que la usemos muy perfecta. Entonces tenemos que en realidad el tamaño de la, el tamaño está bastante bien. El tamaño para Sí. Creo que el lado está bastante bien. Déjame ver desde mi lejos. Bien. Sí. Buen lado en realidad si quiero ajustar. Todavía voy a ajustarme si es posible. Probablemente esté listo para ajustarlo. Déjame tratar de aumentar un poco el ancho. Bien. Debe ser lo suficientemente grande como para no ser demasiado pequeña. Bien. De hecho trato de aumentar esto también. Oh, eso no es demasiado. Bien. Creo que ya es lo suficientemente perfecto. Eso está bien. Déjame ver desde mi lejos. En realidad se puede decir que el botón está aquí en realidad, pero es un boceto. Ver desde mi lejos. Bien. Bastante no ser. Déjame arcilla vieja y arrastre sábanas de prisión. Bien. Uno para ser muy atractivo para que puedan ver. Bien, muy, muy perfecto. Entonces presiona en T e intenta seleccionar ahí y ¿en qué orden ahora? Muy, perfecto. Así que solo presente escape. Simplemente haz clic en d y arrastra esto trae esto aquí. Ahora una gota esta orden nulo. Miramos el rectángulo aquí mismo. Entonces, trae este orden, tráelo por encima del rectángulo, y se nota. Entonces lo que puedes hacer es simplemente venir y seleccionar esto, clic en d y arrastrar, ir a blanco. Bonito. Entonces lo que puedo hacer ahora es simplemente seleccionar esto y presionar y desplazar luego seleccionar maraña luego controlar G. Así que haga doble clic y darle un nombre, básico Orden. Bien. Bonito. Solo trata de colapsar a través de esto. Intenta colapsar colapso logo de marca colapso de perdón, colapso. Bien. Entonces lo que yo era esto, que es el texto menor y y desplaza entonces este texto mayor peligroso país G entonces Eso es poner temas. Bien. Muy, muy perfecto. Esos son los impuestos. Entonces, ¿qué haces ahora consignando esto Selecciona este doble clic sobre esto porque es grupo, así que solo haz doble clic sobre él Puedo hacer doble clic en esto, tratar de aumentar, ya sabes, alrededor creo que el sistema es bastante pequeño. Hagámoslo 15. Haga clic creo que es bastante para ser. Pequeño será en esa medida, s contras puede ser así. Pero creo que es bastante pequeño. Déjame verlo muy bien. Eso es bastante pequeño. Simplemente haga doble clic. Entonces dale dale lo que se llama dos cuadrados dos, dale 181 y 818, presiona enter Se hace clic en arrastre de madera. Muestra esos bonitos ladrillos para nosotros. Bonita, muy perfecta. Entonces ahora tenemos en esto. Podemos usar lo que llamamos layouts. Seleccione seleccionarlos. Los alfileres los cosen se agrupan. Turnos de prensa. Se pueden ver dos diseños agregados. Una bonita. Por ejemplo, déjame hacer doble clic sobre esto y estoy tratando de cambiar los nombres a, ya sabes, porches Oh, perdón, perdón, perdón. Presente escape. Presentar bien. Voy a tratar de que ya puedas ver porches. Se puede ver que en realidad está respondiendo al camino. Sea cual sea el tipo responder porche es ahora y muévete y sigue adelante. Se puede ver muy, muy perfecto. Por eso no es para el diseño automático. No pasa así. Bien. Entonces la derecha ahí. Ahora. La escritura otra vez. ¿Otro? ¿Ahora? Muy perfecto. Capa el diseño en realidad está haciendo maravillas, haga clic en Old drag presione on y shift, luego diga. Eso está bien. 28 está bien. Viniendo aquí viniendo aquí. Haga doble clic en esto. Entonces qué dices, presiona en T Agradable y perfecto, muy, muy agradable. Entonces solo escapa. Pero quiero esto quiero que esto en realidad sea un botón de línea lo llamamos botón de contorno, lo llamaremos botón de borde. Bien. Así que solo haz clic en esto y ven al campo aquí mismo y ya no te sientes. Entonces, ¿qué pasa? ¿Qué pasa? Entonces, ¿qué hacemos? Creamos un trazo para ello. Crea un trazo. Entonces es tener el trazo, tener el trazo. Viniendo por aquí, solo ven aquí, entonces qué uso este color en particular para el trazo. Yo sólo voy a venir aquí. Sí, usa un color marrón para el trazo. Solo ven aquí y luego aumentarlo a unos tres o cuatro temporales pero tres está bastante bien. No más tenemos lo que se llama nuestros nuestros hombres. Tenemos nuestro menú. Así que solo haz doble clic está justo aquí. Si puedes verlo realmente ven nuestro menú, selecciónalo. Después cambiamos nuestras palabras de menús al frente de la marca y muy, muy perfecto. Entonces yo para traer un contraste. La que será más atractiva serán las palabras el orden, más atractivas. Tienen que ordenar. Pero si quieren a nuestros hombres más que a nuestros hombres, en realidad vendrán por aquí, es un botón. Déjame hacer clic y arrastrar esto por aquí un poco. No hasta el momento. De hecho, puedo venir aquí. Aquí y consulta desde aquí. Sólo tienes que seleccionar este regalo. Perdón, presente entonces, no. ¿Cuál es el espacio 19? Así que puedo usar ese mismo espacio aquí también viniendo sobre select present s. ¿Qué es el espacio 16 Entonces, ¿qué acabas de seleccionar esto? Usa las películas adecuadas como 3 “, 17, 18. Oh, lo siento. Seleccione el 17, 18 90. Entonces el 90 muy perfecto. Así que en realidad está en proporción con el espacio aquí. Yo en realidad en proporción a esto también. Así que en realidad se ve mucho más bien que perfecto. Entonces aparte de eso es uno más querer sumar a esto. Qué es solo míralo, adivina, si puedes, eso no es un problema. Solo ven aquí, cual es tu proyecto fs, tenemos algo como esto ahí. En realidad, puedes usar el out en realidad, el ícono sac realmente te mostró realmente en el video del video del ícono. Elígelo, luego tráelo aquí. De hecho te lo he proporcionado, tráelo aquí, solo ven aquí, luego déjalo caer aquí, muy perfecto. Si tratamos de escalar como de costumbre, presentar K, escalarlos ahí. Veamos lo bonito, vamos a ver qué va a pasar aquí mismo. Justo aquí, veamos qué va a pasar. Antes lo pones dentro porque ahí hay una capa automática. Es automático. Así que solo trata de reducir, ¿de acuerdo? Me redujeron en la medida en que quieres que se reduzca. En el que haces clic Oden dragones podrás ver lo que está pasando Hay una línea que muestra lo que está pasando ahí. Veamos qué pasa. Gota entonces muy perfecto. Es perfecto es para nosotros. Es para lo que es perfecto, muy perfecto. En realidad, debido al diseño automático, así que en realidad puedes venir aquí, haciendo zoom perfectamente Se puede ver perfecto. Es perfecto. Es perfecto para nosotros. Lo ha hecho perfecto para nosotros. Se puede ver 91. Entonces esto es muy, muy perfecto. En realidad app en el botón. Quiero decir, el orden ahora, el bot adentro y, ya sabes, muy perfecto. Así que puedes acercar y en realidad seleccionar este doble clic en este Doble clic sobre esto y ajustar el doble clic sobre esto también. Bien, presiona en T. Y veamos qué manzanas. Si pvc algo como tú, algo como esto, puedes ver. Perfecto. Muy perfecto. Muy perfecto. Entonces una capa es algo muy muy como diseñador, no debes usarla perfectamente. Entonces nuestro menú, n uno, muy perfecto. El presente escape. Entonces nos movemos. Entonces eso es todo para el bot, ya sabes, el empernado de borde o el atornillado de tiempo de salida de línea, y también el fondo de relleno usando layout con ellos Eso es muy perfecto. Bien. 19. Creación de la sección de satisfacción del cliente: Quiero agregar algunas cosas aquí concernientes a la satisfacción del cliente. Ya sabes, como que la gente pueda saber cómo se ha satisfecho la gente, cuántas personas, cuántas otras cosas así. Así que solo puedes seleccionar esto. Déjame usarlo T Vamos a crear algo nuevo. Eso es más de 200. Bien. Así que 100 más. Entonces solo escapa, k. Bien. Haga clic en madera y rastree. Una bonita. Trae por aquí. Se puede ver el barco. Se puede ver la línea verde. Bien, en realidad. Entonces me gustaría cambiar las formas de esto, bien. Entonces después de presentar en escala, las propiedades están mostrando se puede ver, volver a lo que puede presentar, volviendo a la mudanza a. Se pueden ver las propiedades que ahora están mostrando. Así que selecciona aquí establecer en qué cuatro, luego pon M d t. selecciona esta muy perfecta. Entonces ve a negrita. Voy a tratar de cambiar su. Voy a tratar de cambiar su espaciado posterior. Así que permítanme reducir un poco esto. Bien. Creo que está bien. Eso es bastante agradable. Bien. Intenta cambiar su color al color de la marca también. Una bonita. Déjame tratar de cambiar. Sí. Bonito. Muy guapos. Ahora bien. Perfecto. Así que en realidad puedo hacer clic en este turno actual y derribar esto. Entonces presione en C. ¿Y qué escribimos? Lo siento. Clientes satisfechos. Entonces presiona en capa k. Así que voy a tratar de reducir esto hacia abajo. Lo siento. Entonces voy a tratar de usar esto abajo. Voy a cambiar esto de nuevo a V. Voy a tratar de cambiar el color a. No quiero volver a usar el color marrón. Así que trata de desatar variable. Entonces ven aquí. Intenta elegir un color de pieza aquí, probablemente. Trato de cambiar algo de color. Quiero que el color sea perfecto para este color, así puedo pasarlo por encima, usar esta herramienta cuentagotas Selecciona esto y ven por aquí. Se puede ver que en realidad se está mostrando en algún lugar alrededor de esto. Entonces si está en este verde fino en este bonito amarillo, Savory nice one Pero quiero estar en algo como esto. Así que solo trae revisa el espacio que ves en realidad si realmente coincide con él. Puedes ver perfecto luego seleccionar entonces cambia esto muy perfecto puedes acercar, luego hacer clic en naves carcelarias y bajar un poco. Una bonita. Así que trata de cerrar esto y tenemos esto muy perfecto. Haga clic en el exterior. Bueno. Trate de reducir su único cliente rojo y certificado. Puedes intentar seleccionar esta pulsación en turnos, luego seleccionar zoom, luego seleccionar esta, la contra g. Puedes venir aquí y luego hacer doble clic Ahora como lo llamas $0.05 entra muy perfecto Entonces puedo presionar sobre K e intentar reducir n uno. Así que controles alejar el zoom. Después acercar el zoom. Ahora solo puedo recoger esta licencia, creo que solo la derribas con un poquito, o traerla arriba, no, bajarla bonita. Sólo tráelo a alguna parte, creo. Eso es bastante agradable. Eso es lo suficientemente perfecto como puedes ver. La hoja está en realidad en algún lugar que se puede ver. Sólo trata de colapsar esto también. Colapsar esto ¿Algún otro para colapsar? No, eso es todo en realidad. Así que en realidad podemos colapsar todo así. Todo lo que hiciste. Eso es perfecto. 20. Importar y usar iconos de flechas: Una última cosa que me gustaría hacer para esta página de aterrizaje en particular de la sección ro es que me gustaría agregar un icono agradable en particular como una flecha ahí. Entonces hay algo llamado doble flecha. Se puede ver doble, que ya he guardado aquí. Cualquier cosa que ahorres en el taponamiento y las patas, el taponamiento en realidad estaría aquí abajo comparado con cualquier otra Así que solo pre puedes seguir adelante. Hay algunas otras flechas ahí también que realmente puedes usar. Pero el que en realidad quiero usar es tal forma, déjame volver. Doodle mi garabato garabato. En realidad va a aparecer, dependiendo de la red. Puedo decir que aquí es negro, que ya está guardado. Entonces, ¿qué hago? Después selecciona esta. Entonces, ¿qué hago? Se corre. Cuando se ejecuta, por lo que tenemos que seleccionar el. En realidad está cargando realmente cargando. Bien. Se puede ver traer por ahí. Puedes ver diferentes tipos de R para que los uses. Simplemente puedes seleccionar uno. Aparece. Selecciona uno, aparece. Déjame regresar. Lo siento. Déjame regresar. Simplemente puedes seleccionar alrededor del uno. Bien. Aparece. Se puede ver seleccionar esto también aparece alrededor especialmente en el entrometido Cuando seleccionas algo, en realidad es posible por el medio. Se puede ver. Para que los puedas usar. Este no está adscrito a ninguna licencia. Entonces déjame borrar esto de esto. De hecho vamos a dejar esto. De hecho vamos a necesitar esto, déjame seleccionar esto. Entonces no lo hago. Quiero decir, este es el exacto que necesito aquí. Simplemente selecciónala y es parte de entonces cierra esto perfectamente. Luego haz clic y arrastra esto hacia abajo. Intenta, ya sabes, quiero rotarlo. Así que solo tráelo a una cancha podrás ver las cosas del brazalete, haz clic en arrastrar y traer clic y arrastrarlo aquí abajo. Entonces los presentes tratan de escalar y presionar sobre sus escalas juntas perfectamente. Después acercar el zoom. Haz zoom por ahí y presiona en K. Luego pres, trata de reducir Reducir. Así que la droga parpadeante aquí droga Entonces presente cuotas Cliqu puedo venir fuera de juego aquí en pelea. Muy, muy perfecto. Entonces ahora pasa a la prensa en la V, entonces cuál es el color de la marca bonito, y tenemos ese perfecto. Entonces la R en realidad está apuntando a esta hamburguesa. Quieres nuestro menú, quieres probar, quieres comer más o ahora cosas así, muy perfectas, ¿sabes? Entonces, mirando esto y esto en realidad es mirar a los dos. En realidad finalizamos. Esto es algo lindo. Entonces eso es. Mirando eso. Bien. Perfecto. Bien. 21. Comprensión de cómo usar el componente Figma: Video, te voy a enseñar qué componente es. Es muy sencillo. Hay un auto, muy sencillo. El primero es que acabamos de ponernos en esto. Bien. Cuando intentes guardar algo como componente, crea algo como componente. Es decir cuando lo seleccionas aquí y lo creas como componente, cuando llegues a cualquier página de esta pestaña en este diseño en particular en esta figma en particular, podrás volver a usarlo Es necesario que comiences a crear y crear y crear un nuevo botón, creando uno nuevo. La mayoría de las veces se ha utilizado para boting o cualquier tipo de imagen que tenga o cualquier tipo de icono Simplemente eliges del activo, que es lo que realmente cuando creo un componente. Ahora, por ejemplo, uso este boton muchas veces, lo que en realidad es, sí, voy a usar bot en muchas ocasiones a través de que va a suceder Sólo ven. Es muy sencillo por venir. Se puede ver el componente C lamer sobre él. Entonces ahora ven, entonces, selecciona esto. Se puede ver algo cambiado a pop y se puede ver que el icono ha cambiado algún tipo de, ya sabes, pirámide o como yo la llamo. Entonces se detiene la prisión piramidal. Entonces se puede ver eso muy sencillo, pero algo ha pasado. Ven a Actuar. C, en realidad es. Digamos, por ejemplo, el también ambientado en el vienen con el presente componente que muestra. Cuando vuelves a las capas, ya ves, en realidad ha demostrado esto particularmente. Ahora veamos qué pasa. Seleccionemos sobre esto. Cuando me siento en esto, realidad, no me voy a poner en el cabronazo. Desde luego me voy Bien. Simplemente presione sobre la imagen del bugger. Entonces, ¿qué haces seleccionas crear componentes? Acércate a los activos. Se puede ver el pogerw ¿qué hacemos? Ahora, vuelve a las capas. Ir a la página uno, donde no hay ningún bugerw venir a los activos Vendo página uno. Después selecciona esta. Y en la instancia. ¿Y qué haces? El boga es la vida aquí. Puedes usarlo en cualquier página, sea cual sea la página que seas no es composites esa página ¿Qué pasa con traer? Tenemos el. ¿Y ahora qué pasa con el pedido? Traiga instancia de inserción. Ha estado dentro. Bien presente. Pre aumenta de la manera que quieras. Depende de ti. Haga clic en droga de madera puesto alrededor. Esto también presenta incremento. Se puede ver, muy perfecto. Eso se trata de componente es en realidad un ups para guardar algo. Y capaz de utilizar en otras páginas, otros lugares en ese programa de MA alimentado en particular. Entonces ese es nuestro componente. Los componentes se pueden usar y reutilizar. En lugar de crear y crear un nuevo componente usarás y reutilizarás ese es nuestro componente. Bien. 22. Conclusión del diseño de la sección de héroe de marca alimentaria: Mirando esto, mira lo perfecto que es, tenemos el logo de la marca, el nombre del logo, el producto, login, regístrate, está bien boceto aquí y en realidad, son solo las hojas capaces de bosquejar. Entonces tenemos el tema principal, el tema menor, el bot la satisfacción. Al menos, no tenemos el anuncio yo no tengo el out. Pero en realidad, es agradable. En realidad esto es como un plano que realmente nos guiará en diseño de cosas y el diseño de cosas Así que muy perfecto. Se puede ver desde aquí en realidad. Bien. Algo así, ya sabes, muy perfecto. Se ve idéntico. Sólo la flecha y la hoja no estaban realmente ahí, ¿de acuerdo? Eso es muy perfecto. Puedes intentar, ya sabes, solo lograr, ya sabes, solo ven a la pluma así que así. Bien. Lo siento. Eso desplaza p. y trata de saber. Tan solo pon una flecha como esta e intenta algo como esto. No. Una bonita. Y eso es muy, muy perfecto. Y algunas hojas, ya sabes, cosas así, ya sabes, algunas hojas, bonitas hojas, como un material de secado artístico, ya sabes, cosas así. Bien. Bien. Perfecto. Y se ve, se ve bien. Volver a V. Se ve bien y no. Perfecto. Se ve artístico. Bonito. Se ve bien. Agradable, genial. Bien. Así que dibujando la imagen real y ya puedes ver, vamos a ver vamos a ir un poco agradable desde el bosquejo de la izquierda real hasta lo que hasta el bosquejo, desde el boceto hasta qué, desde La vida real. Bastante se ven idénticos. Una bonita. Entonces eso es todo por su vestimenta Amber Pasamos al siguiente donde estamos tratando con bicicletas, ya sabes, manzana y, ya sabes, bienes raíces. Entonces te veré en el siguiente video de conferencia. 23. Diseño de secciones de héroe de marca tecnológica: parte 1: En esta parte del video de la conferencia, te voy a enseñar a diseñar para una marca tecnológica, una marca tecnológica en diferentes tipos de gadgets, automóviles y similares. En realidad, esto es básicamente para apuntar a cualquier cosa. Pero para esto, esto básicamente para apuntar a la bicicleta, una bicicleta tecnológica. Y así como así. Entonces puedes ver mi en realidad aquí. Lo que vas a hacer es simplemente venir tenemos página uno como esta página dos. Apenas llegando a la página dos luego pres plus icon. Sólo di venir a la página tres, la última página y presentar lo que este icono. Entonces te muestra la página tres en tu página cuatro, no hagas esto aquí en realidad. Entonces, ¿qué hago clic derecho en esta página? Ahora esta es la página tres, bien. Entonces ven a la página uno atrás. Seleccione en el marco de alambre dos. Contra. Entonces qué haces, llegas a la página tres, luego contra view paste es pegar. Ahora después de eso después de eso solo presiona sobre el, el lienzo aquí. Ven aquí, selecciona esto ven sobre el marco. Cuando selecciona marco, puede ver que la propiedad muestra el segundo detop luego detop nuevamente, luego ese textop Se puede ver mostrando aquí, pero el suyo nos mostrará dext uno Mito dos. Voy a borrar esto. Bueno. Ahora, comenzamos un set de Niza. Qué hacemos para que las cosas sean muy rápidas para nosotros porque todas estas cosas están todas adentro porque todos estos diseños están todos en una sola pestaña. ¿Qué vengo a la página dos? Establecer en la página dos, solo seleccionar todo, luego controlar C. Eso es copia. El paso a la página tres, luego el control. Eso es pasta. En realidad es pegar y es solo haga clic en la pista clic en la pista de alguna manera y luego suelte. Bien. Vamos así como así. Una bonita. Qué necesitamos para este, en realidad, es un tema oscuro para un tema oscuro, un fondo oscuro porque así es como se ve realmente la foto. Ven a nuestro amigo de recursos ¿lo haces? Este es un recurso doble clip que es a través de todo este dli Ahora vamos a esto muy perfecto Clip este d y lo que arrastre arrastre dentro y suelte. Sí, muy perfecto. Son cargas. Bien. Perfecto. ¿Qué haces? Presionas el control, haces clic en la madera y arrastras, intentas hacer zoom afuera. Entonces, ¿qué haces? Simplemente presiona la escala, la herramienta de escala, haz clic en la madera y arrastra así. Presiona para asegurarte de que lo lamento. Presione para asegurarse de que sea trabajo para asegurarse de que realmente se reduzca en proporción. De hecho, puedes acercar el zoom. Haga clic todavía en la escala, presione sobre nosotros. En realidad puede traer alrededor de la izquierda superior izquierda. Bien. Se puede ver cheque puede hacer clic y arrastrar y hacerlo más grande. Simplemente haz clic aquí y trata de hacerlo más grande. Lo que tenemos que hacer ahora mismo es simplemente hacer clic derecho sobre él. Entonces haz lo que voltea horizontalmente. Sí. Cambio de la imagen roja que nos ha dado. Eso lo tenemos. Ahora, tenemos que volver al movimiento a porque estamos tratando de hacer clic y arrastrar así. Es que no va a funcionar porque está en la escala, la escala, ya sabes, está en la herramienta de escala. Sólo tienes que controlarlo. Cambiar de nuevo a qué cambio volver a la mudanza para presentar v. Entonces ahora ya podemos dar click. Se puede ver perfecto. Muy perfecto. Ahora tenemos esta s, ya está ahí. Perfecto, muy agradable. Ahora así es como importar una imagen y hacer clic en ella en el marco sin ningún problema. Qué haces ahora, simplemente haz clic afuera aquí en el Lienzo. Cuando haces clic aquí una vez, la mesa de trabajo una y arrastras vas a arrastrar todo dentro Tienes que hacer clic la segunda vez y elige cualquier imagen que esté dentro. Eso es lo que necesita entender. Contras da click afuera. Cuando haces clic una vez, hace clic Se lleva todo en la mesa de trabajo Haga clic en el arrastre de ala que ve. Pero cuando usted si preventio necesita la imagen en sí, da clic la segunda vez Entonces elige la imagen en su interior, se puede ver. En realidad ha resaltado todavía. Se puede ver entonces se ajusta y así solo contrarresta de nuevo. Otra cosa que tenemos que hacer ahora es lo que uno para darle ingredientes. Quiero que este lugar en particular sea más oscuro. Este encendedor mantiene lo que es porque los textos van a estar por aquí. Tiene que ser más oscuro. Tiene que estar ahí debería haber sombras y las luces en realidad deberían mantenerse aquí. ¿Qué hago? Vengo a sentirme como de costumbre. Establecer icono más, luego ven aquí, normalmente como de costumbre. Entonces tenemos este sólido, esto son gradientes. Esto es exactamente lo que necesitan. Vea qué ingredientes selectos. Se puede ver lo que pasa. En realidad puedes voltear. Esto es volteo vertical es horizontal, n uno. En realidad haga clic en madera y arrastre esto hacia abajo en esto y de hecho podemos cambiarlo. Esto es negro, la sombra. Esto es blanco, es la luz. En realidad se puede voltear que esto ahora es blanco negro pero no vamos a negro uno y, así que volvamos hacia atrás. Ahora tenemos esto, déjame hacer zoom en curso para poder verlo muy bien de manera brillante y perfecta Bueno. Ahora tenemos esto. Los gradientes de Fig mas son los más simples para mí porque he usado gradientes en muchos softwares y esto es en realidad el más fácil Es muy fácil. Solo trae la maldición por ahí, justo por ahí puedes ver, no he hecho clic en nada, pero mostrándome puedes poner más, puedes poner Pero lo primero que tenemos que hacer respecto a esto es eso lo que Bien. Cuando se crean gradientes en Figma, realidad tendría 20% de parcityll No te doy el color completo exacto, haz clic sobre él y muévelo hacia la derecha. Se puede ver que se oscurece a la derecha. Bien. Perfecto. Se puede ver cuando venga, haga clic aquí y haga así. Ya ves lo que pasa. Si normalmente era ese 20%, es uno que han funcionado. Número uno, en realidad estaría en 20 algo por ciento, pero hay que aumentarlo al 100%. Eso es lo primero que debes saber, entenderlo. Ahora, quiero más puntos para los gradientes estén aquí. Vengo un selecto. Se puede ver que en realidad he seleccionado un punto. Entonces puedo tomar los puntos, click se puede ver volviéndose negro. Desvanecimiento. Se puede ver. No quiero que sea así. Lo quiero en realidad en alguna parte. Yo me quedo aquí. Entonces me quedo. Después de eso, después de eso para crear otro cercano al espacio haga clic ahí. Entonces tráelo alrededor del Sí, puedes ver que este espacio se está oscureciendo oscureciendo para que el texto pueda equilibrarse bien ahí. Ahora déjame crear una puesta más alrededor de la. Creo que eso es demasiado, borre. Creo que esto está bien. Aquí. Aquí. Voy a hacer clic aquí, hacer clic aquí, luego traerlo aquí. Perfecto. Creo que eso es suficiente en realidad. Sí, tenemos eso correcto. Perfecto. Ahora en realidad puedes cerrar este muy perfecto agregar más solo selecciona aquí, entonces lo que realmente aparece. De hecho puedes reducirlo un poco. Sí, creo que está bien. Bien. Creo que es perfecto. Entonces bueno, puedes cerrar esto muy perfecto. Por lo que el texto se verá mejor que estar aquí. Esto en realidad mantendría su, su ligereza. Las sombras estarán aquí y en realidad protege el texto. Entonces ahora para el logo y algunas otras cosas primero vamos a venir aquí. Bien. Trate de establecer en el actual conjunto de barcos en el pres on ship set en este Qué hago, trato de copiarlos y pegarlos solo para que las cosas sean muy rápidas y fáciles porque antes hemos leído algo similar a esto, así que es muy fácil para nosotros simplemente copiarlo. Pulsa sobre este botón de mamá izquierda pre presente también el hombre abajo, presenta turnos, luego te bajas esta cabeza. Bien. Entonces, perfecto. Luego ven acercar el zoom. Bonito. Entonces ven aquí puedes ver en realidad el mboger realmente está aquí en realidad porque lo copié, trato de colapsarlo Este es texto de uno. La palabra doble clic y ella. Entonces puedes darle cualquier tipo de cualquier tipo de nombrar qué bicicleta, sea lo que sea, ponérsela Prensa tecnológica. Ese es Amberger Vas a hacer el amberger cuando pasemos por esto. Solo necesitamos algunas partículas, algunas cosas de ella. Entonces bien. Ahora podemos ver cómo se ha arreglado esta. Tenemos el logo aquí y el inicio de sesión, pero los productos y servicios propios no están aquí. En realidad está aquí al lado. Entonces tenemos declaración de eso. Tiene que estar dentro también. Primero, en realidad voy a seleccionar sobre esto. Haga doble clic en esto. Dale un blanco. C arrastre de madera, blanco, mostrando blanco, bonito. Yo voy a hacer algunos ajustes al color, pero por ahora, sigamos así y no olvidemos en realidad la cuadrícula de diseño Así que solo selecciona esta tecnología selecta Solo ven la cuadrícula de diseño entonces. Muestra la cuadrícula de diseño en realidad como de costumbre. Sólo ven aquí, str hazle algunos trucos, dos puntos. Bien perfecto. Vas a hacer esto. Ahora, nos movemos hacia el centro. Es decir, su ancho de centro tipo debe ser alrededor ocho y entrar perfecto. Entonces, ¿qué hacemos? Ahora, lo primero que hay que hacer ahora mismo en realidad es el logotipo. Volvemos al trabajo a los cinco al recurso p. este es un logo para ello, click denn Esto se vuelve muy fácil porque no queremos ya, click Oden presentar kno en z. Bonito. click denn Esto se vuelve muy fácil porque no queremos ya, click Oden presentar kno en z. Bonito. Entonces puedes hacer doble clic en esto. Y haz doble clic en esto, y solo mira el tamaño como 44 por lo que 41, por ejemplo, se puso en este rompecabezas y dale qué 44. Pestaña uno. Presente entrar. Después de ti en esto, hay doble clic simplemente eliminar. Bien. Adiós. Bonito. Así que solo trae esto por ahí. Trae esto por ahí. En la línea aquí. Fresco. Entonces está ahí. ¿Qué haces? Creo que está fuera de la tecnología. Así que haz clic y arrastra para llevarlo dentro de la tecnología. Entonces verás que las líneas se están mostrando ahora antes. La línea no se mostraba. Ahora bien, la línea para quiero decir, las rejillas que la rodean ahora están mostrando ahí Así que subimos esto. De hecho puedo seleccionar este presente y mirar 13, muy, muy perfecto. Ahora bien, este no es el nombre de la queja tipo. Simplemente seleccione en esto y presente. Entonces haga clic en droga de madera así. Yo entonces el nombre es lo que se mueve en uno. El movimiento es blanco mientras que la E es lo que es otro color. ¿Qué tipo de color es? Déjame reducirte un tipo particular de color que es bastante parecido a esto. Bien. Yo llamo bastante azul. Extiende sobre esto, algo de azul, y cambia algunas cosas ahí. Pero en realidad, tiene un código X. Y el código X es solo ven y selecciona este seis D, d86d8. Hacia abajo, pres y eso muy perfecto. Este color, vamos a estar usando todo a través de un color muy perfecto. Ahora, sigue adelante, perdón, deporte. Escape, presione en V. Tenemos esto como movimiento hacia abajo. Tratamos de escapar bien. Se puede ver el blanco y el color de la marca, perfecto. ¿Qué hago? Iselate en esto. Entonces asegúrate de que este es el color de la marca. ¿Qué hago? Me aseguro de que este color. ¿Qué hago? Iselate en esto. Entonces ven a lo que viene a plus como de costumbre, thew marca color. Sólo hay que poner qué color de marca a marca marca Bron color dos es uno entonces, muy, muy perfecto. Entonces ahora tenemos dos marcas diferentes. Razón por la que estamos asistiendo a los colores de la marca porque decimos bajo la misma pestaña, página uno página dos es la diferencia. Bien, bien. Entonces ahora vamos a movernos, vamos a movernos aquí mismo. Ahora, controla G. Solo para ver dónde cae realmente nuestro diseño. Necesito que esté en línea con esto. Perfecto. Ahora necesitamos cambiar el color de este así que haga doble clic. W doble clic. En primer lugar, quitarle los turnos verdes necesitan el mal, el campo. Solo ven necesitamos este color de marca. Sólo tienes que seleccionarlo agradable muy perfecto. Es necesario cambiar los bordes afilados del botón. Quieres hacerlo nosotros lo vamos a hacer diferente de lo del pasado, de la primera marca de aboga Sólo ven nosotros llamamos radio de esquina. Hago clic en arrastrar a la w a la derecha empezar a cambiar. No es necesario que pierda el tiempo solo seleccione en este presente 50. Se puede presionar 100, perfecto, muy, muy agradable. Entonces, lo que puedes hacer realmente aquí es solo que realmente puedes alejar el zoom y ver. Muy perfecto. A veces alejas esto en realidad cambia el frente realmente cambia y hay algunas cosas que pasan bien. Eso no es un problema. Puedes hacer doble clic sobre esto. Lo hacen audaz, ven aquí al frente negrita También esto puedes doble clic en él hazlo, hazlo audaz. Perfecto. Así que viniendo aquí. Ahora que hacemos consignando esto haces clic arrastra esto a la w. Entonces, ¿qué hacemos consignando haces clic en arrastrar esto a la derecha, perfecto No demasiado solo un poquito. Entonces sigue siendo dueño de producto, servicio, y qué encuentro, sigue siendo lo mismo. Todo lo que hacemos tenemos que cambiar esto. Necesitas cambiar este doble clic sobre esto, luego darle cuál es el color de la marca. Que es, que es esto. Ha cambiado. Agradable puede ver. Nos estamos moviendo muy rápido porque hemos hecho cosas como esta antes en el primer diseño. Entonces, en realidad, hay que hacerle algunos buenos trucos. Así que el tiro está en la fila. Esto está en línea. Seleccione esta y presente nave seleccione esto, haga clic en arrastrar este 11. Entonces la línea verde en realidad son las dos para guiarnos en lo que sea que hagamos. Perfecto así que nave g. Llévatelo eso. Se puede ver que este no es el número de blancos que se ha reducido. Bien. Para que lo puedas dejar así. Eso no es un problema. Bonitos efectos. Una bonita. Entonces veamos realmente en el espacio de la línea de año de año en año. Entonces seleccionaré este regalo el 51, bonito. Yo sólo puedo mudarme por aquí. Veamos el espacio aquí también. Entonces el 67 wow demasiado. ¿Qué hago? F todos estos están realmente en horizontal, realidad puedo seleccionar esto, seleccionar esta fuerza, el control agruparlos juntos. Han sido grupo, selecciona esto con barcos, prisión y cambio en la selección todos estos uno agradable luego intenta acercar, haz clic y arrástralo un poco hacia arriba. Sí, creo que debería estar bien. Sin siquiera mirarlo, creo que debería estar bien lo suficientemente perfecto. Entonces tenemos eso muy perfecto. No sé por qué en realidad siguió mostrando algunas paradas equivocadas y cosas así. Bien. Eso no es un problema. Nos movemos. Nos movemos. Ahora bien, ¿qué es lo siguiente que hay que hacer? Lo siguiente que hay que hacer es agregar el tema, el tema mayor, y el tema menor y también el bott. Así que podemos en realidad es normal, en realidad podemos seleccionar ha sido lo que se ha agrupado 91. Presentar turno seleccionar el bot selecttin también. Bonito, ya lo puedes ver. Entonces qué haces, los derribas, presionas turnos y funciona y los derribas bonito, muy perfecto, luego baja. Viniendo aquí a las capas, asegúrate de que los ámbar no colapsaron No detectaste estar op Nice one. Simplemente acercar. Haga clic en acercar. Entonces, ¿qué haces? El primero selecciona esto y cambia todo a palabras. En primer lugar, cuando vienes por aquí, el color de la marca aquí. Eso es cualquier cosa que tenga el color de la marca se debe cambiar a blanco. Entonces, ¿qué haces? No hay aquí podemos cambiar nada. Así que solo te acercas, desconectas la variable separada. Bien. Ese es el número uno, eso se ha desapegado. Entonces se ha desapegado. Entonces, ¿qué haces ahora?, seleccionas esto luego haz clic en olden arrastrar a blanco Seleccione el negro también cualquier cosa que tenga negro, haga clic en el blanco y arrastre a blanco. Cualquier cosa que tenga gris más o menos, haga clic en el arrastre a blanco. Pero no quiero que el gris se lleve al blanco. Solo se le debe agregar un poquito de blanco un poquito. Quiero que sirva de contraste. Al tema mayor. Entonces, ¿qué hago? Porque necesitamos hacer algunos ajustes, así solo puedo derribar la portabilidad para derribarlos primero, llevarlos a algún lado. Bien ahora. Déjame encargarme de esto. Ahora tenemos que hacerlo. Ahora estos están siendo grupos, así que basta con dar click sobre ellos y agruparlos 91, selecciona esto solo por ahora. Entonces número necesitamos cambiar los fuertes. Eso es lo primero. Y número dos, necesitamos cambiar las palabras los escritos. Lo primero que hacemos es cambiar los fuertes, seleccionar sobre esto, decir los mismos fuertes santuario, Pero esta vez alrededor del siglo van. Agradable, siglo siglo van. Pero no solo uno regular viene y cambia de palabra porque ese es lo principal que es lo principal. Una bonita. Aquí tenemos esto. Bien, baje esto un poco. Lo siento. Conte haga clic en éste y baje esto. Bueno. Así que tenemos este dtgle en realidad debería cubrirlo porque probablemente sólo voy a tratar de algo así como bueno Entonces bien. ¿Qué necesitamos para cambiar el texto? Embarazo, luego empoderando Entrar ciclista. Lo siento, con versus tech, N, muy pavimentado. Directo, solo podemos venir por aquí presione en movimiento dos, que es primero seleccionar los escapes presione en el escape dos. Entonces, ¿qué haces? Haga doble clic aquí? Coincidencia entre sí, haga doble clic aquí. De hecho entiendo. Prepara y mira si en realidad está en la fila. Por la izquierda. Sí. En realidad en línea, muy perfecto. Entonces, ¿qué hacemos? PG de nuevo a qué ocultar las capas de la cuadrícula. Por lo que ahora tenemos esto como ciclista de empoderamiento con cubierta versátil. Podemos intentar reducirlo porque en realidad se está acercando a la bicicleta. Bien, así que solo presente k haga clic en madera haga clic en madera y arrastre Bien. Muy, muy perfecto, entonces creo que debería ser eso debería estar bien en la medida en que está destinado a ser. Bueno. Presente en eso puede volver a lo que se mueven. Creo que la línea y también los espacios de letras en realidad son perfectos y en la medida que lo quiere. Entonces ahora es solo presionar, ven por un cliqu arrastre el ciclista, intsicly lo que el color de la marca. ¿Qué haces venir donde tenemos las variables guardadas, entonces lo que viene a la tecnología también Solo trae algo de contraste, ya sabes, algún contraste entre el azul y el blanco traen como lo tenemos en alguna parte, negro y verde. Así que aquí estamos blancos y blancos blancos y el color marrón u bonito uno. Entonces, um Así tenemos esto ya nosotros como teniendo el color marrón también. Entonces cap. Después haga clic en algún lugar por ahí. Así podemos ver en realidad. Si haces clic en esto, puedes ver, y ver lo que está sucediendo. Muy perfecto. Entonces tenemos eso, y eso es lo suficientemente perfecto para nosotros. Entonces ahora lo que es lo siguiente en hacer haces clic Madera arrastra estas hojas personales. Es hacer una proporción. **** G. A ver si en realidad está en la fila. Niza es uno de nuevo. N uno. Eso se ve bien. Déjame arrastrar este bit de habilidad. Bien, perfecto. Ahora, ¿qué hacemos? Presente, entonces trata de cambiarlo porque esto va a ser bastante que el último. En primer lugar, ¿qué hacemos? Presente, lo siento, cambiamos las fuentes, muy importante. Siglo también siglo ir tomar esta vez alrededor. Bien. No te voy a dar el cuerpo. Te voy a dar el regular. S aquí hay un contraste, los dos colores azul y en realidad blanco y también ver aquí, el frente gótico del siglo bod y también el siglo claro consiguió fuente Esto nos traerá cierto contraste. 91. Así que selecciona esto. Bien. Voy a tratar de reducir esto solo presente k para que sea ese bk en esa medida. Bien. Para que muestre el uno de vuelta a, que es un movido dos, uno. Sólo puedo hacer clic y arrastrar esto hacia abajo. Haga clic en arrastrar esto a esto en caso de kit en caso de cualquier cosa, realidad, podría ser demasiado largo. Al igual que en T, todo ha sido resaltado, precio. Ahora, Purdle hacia el futuro. Con con nuestra tecnología. Lo siento. Infundido. continuar con lo que solo presionaré a porque he visto en realidad no va a ser peor. No va a contenerlo para elevar la entrada a tu derecha. Debe ser capaz de saber cómo organizar las obras. De hecho, te ayudará a largo plazo mucho trabajo. ¿Qué escapa entonces? Se remonta que es vuelve hacia el movimiento doble clic y también doble clic. Perfecto. No hay problema en esto realmente empujando hacia fuera que lo principal lo principal. Entonces cinco que p en la medida, más que lo principal. En realidad puedes presentar, haz clic bien arrastra esto a P. Bien. Salgamos y veamos qué está pasando aquí mismo. En realidad se puede ver que va en línea con todo lo que tenemos aquí. 91. Perfecto. Otra cosa que en realidad deberías seleccionar esto y seleccionar esto, eso es conf g, agárralos Después haga clic en d y arrástrelos con, haga clic en d y arrástrelos con un poco hacia abajo. Bien. Sí. Bonito. A mí me gusta que tengamos esto aquí. Aquí tenemos esto. Nueve es uno. Estamos avanzando. Está mejorando. Déjame hacer zoom creo que en realidad esto no está en línea. Lo siento. Cuidado doble clic. Haga clic en d a los turnos de prisión. Seguro que está en la fila. Eso es lindo. Ahora pasamos al siguiente paso, comenzamos a corregir los huesos y también a los diferentes clientes satisfechos con sus logotipos en el siguiente video. 24. Diseño de secciones de héroe de marca tecnológica: parte 2: En la conclusión de esta particular marca ero sección landing page design, sigue siendo el botón y algunas otras algunas cosas y algunas otras algunas cosas Ahora hemos copiado el botón del otro lado para desplazar Simplemente presionamos en exhibición en hoja luego traemos por aquí, traemos a este lugar. Se puede ver muy perfecto. En realidad, solo trata de acercar el zoom. Usando el botón de arcos. Bien. Así que selecciona esto. Cuando selecciones esto, ve a usar, ve directo viniendo al campo, luego en realidad intenta desconectarlo. Desconecta esto, luego establece en esta publicación en realidad mil variables, luego elige cuál es el color de la marca. Muy, muy perfecto. Entonces, ¿qué más eliges? También viniendo por aquí, seleccione esto. Y también, esto es trazo, f. es muy importante. Trate de desprender esto. Entonces selecciona en esto entonces qué lo siento, viniendo aquí, luego qué color de marca. Sí, también solo haz doble clic en esto, luego desconecta esto, luego selecciona esto, luego usa el color de la marca Seleccione esto. Haga doble clic en esto. Bien, bien. W doble clic acaba de venir por aquí, seleccione en esto, luego esto. ¿Qué pasa? No pasa nada. Definitivamente este tipo de este tipo de iconos no es realmente un icono perfecto en esa medida. Tiene algo, ya sabes, todavía tengo algún borde algún contorno en alguna parte. Entonces para que eso solo tenga contraste. Por fin tenemos eso. Entonces en realidad te he proporcionado esto en el archivo de recursos. Así que simplemente haga clic en dw haga clic en d y arrástrelo aquí abajo a este espacio, luego agradable Control Zoom pre Pres en K clic arrastrar, clic en arrastrar, arrastrar, arrastrar, bien Acercar, lo siento, mi botón del ratón, trae eso por ahí. Quiero borrar eso primero. Quiero dimensionarlo y asegurarme de que realmente presente K. Lo cual está en línea con esto. Es bastante pequeña. Puedes ver prensa, entonces puedes ver 91, creo que en realidad me está diciendo la longitud bien. ¿Qué hacemos? Doy doble clic en esto, luego borro. Entonces puedes ver que está respondiendo porque es para capa de respuesta total. Para que puedas ver la línea diez, es aumentos, muy perfecta. Ahora vamos a hacer es seleccionar esto y en realidad, necesitas al radio, el radio de la esquina necesita ser cambiado. Sólo dale 50 Niza. Esto también se fijó en esto y ¿darle qué? 50, bonito, luego entra. ¿Qué hacemos por ahora? Simplemente haga doble clic sobre esto y presione y presione T. Necesitamos cambiar eso. Esta marca usa lo que por ahora. Ya puedes ver nuestras responsabilidades. Bonito. Lo que te rodea. Por ahora, perfecto. Escapar. Sube con doble clic. Entonces presenta lo que es para esto, pero explora para esto explorar muy perfecto. Entonces escapa de uno agradable. ¿Qué puedes hacer ahora? No lo olvides. Mirando el espacio aquí, no lo olvides. Simplemente puedes venir venir, seleccionar en esto. Presiona, luego mira 19, para que puedas usar realmente lo mismo. Eso es lo mejor. Así que muévete hacia arriba. Se da clic en Oden prensa Lo siento, eso es un error. Presione en turnos Haga clic den. Lo siento. Y arrastra a la izquierda presente presente turno para que sea el presente adecuado y es 2024, usa la flecha izquierda en el teclado. Así que igual igual que mover a la izquierda como pin que es 25 24 menos cinco s 19 1234. Cinco lindo uno. Selecciona tu regalo y 19 perfecto. Soy bueno en matemáticas matemáticas, buena buena buena. ¿Qué hacemos ahora? Tenemos este mismo camino. De hecho vamos me quedo con el último año, que es de confianza por. Ahora, al igual que el último fue donde escribimos más de 200 clientes satisfechos. Aquí vamos a poner confianza por Trusted haciéndolo un poco bastante diferente del último. Sólo presiona en T. Voy a poner algunos logos. Simplemente presione en T, con la confianza de. Confía en un buen escape. Bien Déjame cambiar las formas. Algo así como por ahí, creo que está bien, bien. Una bonita. Sólo tráelo por aquí. Asegúrate de que sea en proporción, bonito. Confiado por. Aparte de eso ahora en el que confiaba, voy a poner ahí un logo complejo. Tra posible reducirlo a capacidad. No quiero que sea a lo quiero quiero quiero mostrar en esa medida, algo de contraste para mezclarse con el programa para simplemente venir por aquí. Va a mostrar unas dos flechas, izquierda y derecha. Simplemente puede hacer clic en él y arrastrar hacia abajo. Se puede ver muy, muy perfecto. Se va a mostrar pero no demasiado. Se puede ver perfecto. Esto es audaz. Permítanme cambiar hacia el medio. Bonita, sigue ahí. Primero G, y veamos qué pasa. Déjame cerrar estas cosas umbo. Bien. Se puede ver que el trote está atravesado. Muy, muy perfecto. Perfecto. Ahora, se aleja. Haz clic y arrastra un poco hacia arriba, bonito. Ahora los logos, vamos a seleccionar en realidad. En realidad, puedes obtener logotipos desde cualquier lugar. Sólo tienes que ir a enchufar. Seleccionas y enchufas, luego vienes aquí a trabajar. Sólo tienes que seleccionar logo correr, hay un error logo cráter va a sacar esto, el que tiene el logo naranja con el blanco L blanco y seleccionarlo. De hecho ya lo he guardado en mi sistema o en mi f, así que se va a cargar para ti. Ahora tienes esto. De hecho puedes seleccionar esto, ya sabes, obtener diferentes logotipos de diferentes lugares. Cualquier tipo de logo que te apetezca, ya sabes, tenemos colecciones en blanco y negro aquí también, diferentes gusanos. Depende de ti. Tenemos símbolos aleatorios, cualquiera que te sientas como tú solo como un mapa para usar, no exactamente gusanos originales, entonces puedes ver que necesitamos tecnología. De hecho podemos hablar de microsoft. No creo que sea un microsoft todavía. Hablando de Microsoft o, ya sabes, algunas otras compañías tecnológicas a las que realmente les gusta D. Bien. Facebook en realidad puede dar testimonio de estar en Facebook en realidad puede decir, Oh, confiamos en este marrón, confiamos en esta marca, cosas así. PayPal. Bien. Algunos otros así. de ellos tipo, tweeter, bien. Depende de cualquier persona que tengas ganas de elegir. Déjame elegir Apple. Creo que Apple debería ir Estoy vendiendo Apple, que en realidad muestra por ahí que hace ahí. Manzana. Voy a necesitar siete a ocho probablemente siete a ocho probablemente. Déjame volver arriba y comencemos desde el principio desde el principio. Vamos a pegarnos por ejemplo. Vamos a pegarnos por un ejemplo. Esta es una marca que trata, haz clic y arrastra puede arrastrarla hacia afuera. Eso no es un problema Por ejemplo, una marca que se ocupa de la luz y la s en la luz de la tecnología, sea lo que sea. Así que en realidad puedes hacer clic o arrastrar esto, lo siento. O simplemente selecciónelo. Simplemente selecciónelo bien. Bien. Reconoce que esto como dos veces, lo hice dos veces. Bien. Aparte de eso también tenemos me alejé entonces haces clic Sea lo que sea que hagas clic en realidad, va a caer en cualquier lugar así que simplemente haz clic en esto también. Creo que deberíamos dar click sobre esto. Permítanme decir algo como esto. Eso son seis exactamente. Necesito dos más. Vayamos a la inspiración del logo up o algo así. No quiero usar esta por ahora. De hecho puedes usarlos. Eso no es un problema Déjame usar esto y también ¿qué más B y blanco? No. Debería usar esto. No. No quiero más con los antecedentes. Quiero un mal normal one dew Vamos a la colección estándar. Déjame elegir. Yo me llevaré esto. Voy a tomar esto entonces, bien. Una bonita. Ahora solo cancela esto. Ahora tienes todo esto venido por aquí. Da click en este spray y desplaza este bonito. Trae esto, trae esto por aquí, trae esto por aquí también, y deja caer la manzana también. Bonito. Trae por aquí. Tenemos que darles la talla. Simplemente dales un tamaño particular que en realidad iría. El tamaño particular, ya sabes, solo para que puedas venir aquí a seleccionar digamos probablemente 60 60 por digamos 5591 Entonces creo que ese es este particular. Déjame usar 701070, 70 por, ya sabes, digamos, 65 Creo que eso es lindo. Entonces para esto también, 70 por 65 70 tap 65. Esto también Seven tab 6591 a través de siete tab 65 Bien. Seven tab 65 a 706570 tab 65 N one, Apple tambien asi tenemos esta 70 tab Ese es el último. Déjame solo traerlo. Déjame traer algo por ahí. Permítanme simplemente dar click con así presentes turnos y presentar turnos aquí. Qué hacemos los alineamos verticalmente. Bien. Perfecto, muy perfecto. ¿Qué traes por aquí? Entonces tenemos todos estos. Una cosa que intentas notar es que cuando vienes por aquí, verías en realidad todos estos todos estos Ewart, puedes ver que algunos están por encima del ambger algunos están en realidad dentro del emboger que no se supone que sea . Entonces, ¿qué hacemos? Intentas tanto como sea posible, selecciona en esta selección en este, presiona shift set en este, selecciona en este, selecciona en este. Entonces, ¿qué haces? Intentas traerlos dentro de la tecnología. Esa es la primera. Aparte de eso, los que están dentro de la hamburguesa. Puedes el de abajo en la hamburguesa, seleccionar en esta, presionar el control de turno, seleccionar en este, luego seleccionar en este. Después haz clic y arrástralos aquí abajo. Muy perfecto. Ahora, ¿qué hacemos solo ven y seleccionamos esto de nuevo Presentar control o nave, seleccione esta. Los que tienen este tipo de alrededor del selecto seleccionan esto, seleccionamos esto, seleccionas esto, seleccionas esto. Entonces eso es todo entonces controla qué control agrupa a todos ellos. Muy perfecto. ¿Qué haces? Los puedes ver, traerlos, puedes ver. Se puede ver. Puedes agruparlos a todos. Haz doble clic y dices logotipos. Usted confió. Marcas, entonces eso muy perfecto. Entonces agregando todos estos, lo primero que vamos a hacer es lo que vamos a hacer vamos a cambiar los colores. Tiene muchos colores C 14 colores. Tenemos que cambiarlo todo uno por uno. Entonces, ¿qué hacemos? Selecciona sobre esto y dale blanco. Bien. Así que haz clic Arrastre de madera. Blanco. Perfecto. Una bonita. Entonces lo que puedo hacer es simplemente para que no pueda así no ser arrastrado al blanco cada vez Lo que haría eso lo que seleccionaría esto. Cuando selecciono este azulejo, bien, solo ven por aquí. Solo ven a más. Aw dicen los blancos. Blanco, luego presiona enter muy perfecto. Entonces quiero cambiar este color también solo selecciona esto aquí a la derecha, cambia a blanco automáticamente. Esto también cambia a blanco. Ven a cambiar a blanco automáticamente. También ven aquí, cámbiate a blanco automáticamente, blanco, blanco, blanco, todo blanco blanco, sobre blanco, y va así. Bien. Y. Ahora qué hago tenemos todo así dispersos, los espacios intermedios, no estamos seguros de la cantidad de espacios que tenemos y cosas así. Qué hacen realmente para apple la marca apple puede hacer doble clic y la manzana en el medio solo doble clic en ella, puedes llevártela. Entonces toma esto y muy perfecto. Dale su tamaño. Simplemente haga doble clic en esto. Cuál es el tamaño, 70 por 65. Ven aquí. También, 70 por 65 entrar 91. Simplemente puedes traerlo por aquí. En algún lugar por ahí. Se puede ver. Así que selecta ha sido seleccionada. Bien, están todos juntos perfectamente, siempre juntos. Entonces, ¿qué haces? Los tamaños entre esto no es lo mismo que esto que este. Entonces, ¿qué pasa? Vamos a si podemos adivinar, eso es lo que Auto capas desplaza A. Ahí es donde entra y cambia A, y les da la misma proporción. Puedes hacer click puedes ver. Se puede ver. Puede hacer clic en d y arrastrar de todos modos. Todo en total en una proporción. Todo en total en una sola proporción. Déjame alejarme y pescar para ver muy bien. En lo que todo en una proporción. Muy, muy perfecto. Muy, muy perfecto. Entonces, ¿qué hacemos solo traerlo por aquí, solo el clic central y arrastrar hacia la izquierda, y cómo te sientes y también presentar formas, asegúrate de que realmente llegue a este lugar, bien? Sí. En algún lugar por ahí. Sí, eso es lindo. Eso está bien. No demasiado. Déjame intentar ir en un poquito. Porque eso es estar en lo propio. Eso está bien. Eso está bien. Entonces eso es muy, muy perfecto. ¿Cuál es la opacidad que regalamos a esta SG? Entonces, ¿cuál es la opacidad que le damos a esto? Y esto es 32, lo siento, 20. Entonces vamos a seleccionar todos estos también, darles opacidad de 20 Ahora necesitamos encajar este blanco y tratar de producir su opacidad ¿Qué es lo que acabamos de llegar? Mira esto hago clic en arrastrar a la izquierda en realidad se ejecuta con confianza por. Creo que eso es lo suficientemente claro, e uno. Se puede ver. Muy, muy, perfecto. Entonces creo que los logos son simplemente demasiado. Así que permítanme tratar de eliminar algo borra. Después para dar click sobre esto y qué eliminarlo. Así que en realidad auto capa realmente sabe qué hacer. ¿Bien? Tan agradable, presenta Shift G y asegúrate de que todo esté en línea. Establecer esto y sket bien. Muy perfecto. Tenemos uno, dos, tres, cuatro, cinco, seis, seis logotipos y perfectos. Presentan turnos G, y se va. Entonces tenemos este bonito. Justo en comparación con esto. Déjame borrar esto en este animal. Una bonita. Tenemos este dos aquí, perfecto, se puede ver que el logo está aquí abajo. Bien. Puede realmente sitios, perfecto. Yo perfeccioné los ositos de cocina, sí. En realidad podemos tratar de incrementar este 11 hacia alrededor, ya sabes, no tanto 12. Esto va a mostrar, ¿verdad? Se va a mostrar. Así que ya es lo suficientemente perfecto, está bien. Entonces espero que esta bicicleta no esté demasiado oscura aquí, la lineal. Bien. Si está demasiado oscuro, solo necesitamos reducir venir aquí, solo reducir los bits de datos y en realidad tiene más efecto sobre, en realidad tiene más efecto que cualquier otro. Entonces es más demasiado. Sí. Sí. Sí, creo que ya es lo suficientemente perfecto. Eso está bien. Entonces, en realidad, cinco, seis marcas diferentes. Entonces eso es para esta queja tecnológica en particular. Veré en el siguiente video de conferencia. 25. Diseño de secciones de héroe de marca de frutas: Video de conferencia, te enseñaré a diseñar para un tipo de marca que vende frutas, mayormente frutas frescas a la gente En primer lugar, al igual que el último que hicimos, pero es una luz la luz de fondo se detiene. Apenas presente f para el marco detopn comenzamos. De hecho puedes notar ahora que en realidad es idéntico al segundo que hicimos, y también idéntico al primero que hicimos. Ven a qué página dos. Está presente este control C, eso es copia. Volver a la página cuatro y qué control bated Fine, se basa al lado y la marca Muy perfecto. Entonces, ¿qué es Z. Entonces, ahora, qué hacemos? Iniciamos el proceso de inmediato. Lo primero que hacemos es conseguir los fondos para obtener la imagen para este particular porque tienen su propia imagen. Nos movemos hacia abajo a los archivos de recursos archivos agradable, doble clic. Sí, esto es perfectamente. Haga clic en Oden haga clic en Oento el espacio. Muy perfecto. Y lo hace Zoom Pre K. Entonces vas a patinar presione luego acercar, haga clic y arrastre a los alrededores por aquí. Entonces dos serán Deben ser dos pequeños. Bien. Solo trata de ajustar clic y arrastrar. Lo siento, S. Haga clic y arrastre. Perfecto. Así que en realidad podemos usar. De hecho, podemos usar lo que llamamos Azzure establecido en este texto de En primer lugar, cambiemos primero. Bien. Vamos a hacer doble clic. ¿Puedes entrar? Bien. Entonces vienen los cambios luego haga doble clic y cambie las palabras. Digamos, ya sabes, la marca nature nature. Entonces pre entra ahora, bueno. Digamos marca de alimentos. Marca de alimentos, luego entra muy perfecto. Ahora tenemos que esto es muy ambogous colapsos, es el Bien. Entonces tenemos esto aquí. Bien. Si necesita algún otro ajuste, lo voy a ajustar por ahora, lo tenemos así. A un ritmo rápido, ¿qué es? En un ritmo acelerado, ¿qué es lo siguiente que hay que hacer? Solo ven Zoom, selecciona esto, presenta turnos y anguilas en esto Haces clic en arrastrar turnos presentes, presentarlos, bajarlos. Entonces cuál es el muy perfecto. Ahora tenemos este set en éste. Se puede ver que todo aquí ahora mismo está en realidad dentro de la marca de frutas. Si colapso esto, esto no tiene nada que ver con la marca amboga Bueno. Esto es muy fácil. Lo primero que tengo que hacer es simplemente, lo siento, no seleccioné este selecto Así que es muy fácil. Entonces la primera p es simplemente cambiar los teléfonos para esto. Cambiar la baja gara click arrastre de madera. Arrástralo aquí abajo. Haga clic en K. Se utiliza. ¿Significa? Juega en. Bien. Muy perfecto. Esto era lo que había antes en realidad, que es esto mismo, esta imagen. Muere de aquí, la imagen fina perfecta. Ahora cambiamos qué logotipo de marca. Este logotipo de la marca. Ahora, ¿cuál es la marca Applet? Ahora ven. Fue grupo antes con la última marca logo. Entonces, haga clic derecho y qué es el grupo ron. ¿Qué haces? Entonces ahora se selecciona esto entonces lo que está presente. Ahora, ¿qué haces? Manzana. Luz, perdón, luces. Después escapa 91. Tenemos que entender que el color de la marca para esto es correcto. Ahora, es muy rápido, en realidad, no hay necesidad de perder el tiempo. Nosotros hemos hecho esto Tte. Solo presente. La LIT por ahí. Sólo dáselo. Bien. Vamos a darle un rojo. Solo ven a seleccionar esto. Entonces el rojo es en realidad muy visible. Esto es amarillo, verde, rojo al costado, está al otro lado de quien te apetezca. Haga clic viejo y arrastre es el último más profundo con el rojo intenso más alto estaba realmente bien. De hecho puedes guardarlo como de costumbre, seleccionar, luego lo que es más. Este diez una marca. Lo siento. Marca. Columna tres, pupilos crea muy, en caso de que lo necesite para cualquier otra cosa otra vez. Eso es perfecto. Para esto también alejar, el botón de intermediario, entonces Oh, lo siento. Todavía está aquí. K bueno. Después haga clic en esto afuera. Ahora, ¿qué haces? Se da clic a Odig a la mitad, presente y turno. Se puede ver que es donde está a mitad de esta caída. Qué necesito cambiar, solo haz doble clic sobre esto y necesito cambiar esto para separar esto del color de la marca antigua, luego ven aquí y lo que da un nuevo color de marca Muy rápido. Solo hay que manipular las cosas muy fáciles para Bien. Entonces tenemos eso, qué es lo siguiente que hay que hacer. Tenemos esto aquí también. Entonces en realidad, contienen este color gris. Necesito este color gris para este color partlor por ahí Entonces, ¿qué hacemos? Este color en realidad. Sólo voy a tener que guardar este color como una variable más el color marrón. Decir gris Luego presione o presione variable, no. Hay algo que se llama tala, haz doble clic en esto por aquí, y dale que valga la pena ese color en particular, que es gris, muy perfecto. Haz doble clic en esto también y dale ese color de marca en particular, selecciona por aquí, que es rojo, muy perfecto. También, la esquina sería el radio, el radio de la esquina sería sería, sería C 50, entonces, perfecto. Alejar. De hecho, puedes hacerlo en un doble clic y ponerlo en negrita. Este medio, hazlo orespondiendo. Ninguno. De hecho, puedes hacer esto audaz también dependiendo de ti mismo. Eso no es problema, haz que ambos sean diferentes de los otros que tenemos aquí. Se puede ver muy perfecto. De hecho, puedo venir por aquí, seleccionar el segundo en realidad seleccionar lo que llamamos la cuadrícula de capas como usa. Se puede ver. Perfecto. Com por aquí como cambiamos dos puntos. El debe ser 12 presentes que tenemos. Entonces como tenemos ocho. Deberíamos ser capaces de que veas. Para que podamos presionar sobre los turnos actuales y presionar sobre este control G. Eso fue para agrupar hacemos clic en mantener y arrastrar usando turnos actuales es uno. Este es el medio. También debería estar al final aquí cd y drag, muy perfecto. Tenemos ese n uno. Así que ahora rápido rápido. ¿Qué es lo siguiente que hay que hacer? Lo siguiente que hay que hacer ahora es venir solo presente turno G. Así desaparece. Siguiente en el se sentó en esto, se en esto porque en realidad la derecha. En realidad, estamos usando solo uno. Esto en realidad es un error. Sólo una llamada a la acción o dos, una llamada a la acción, no dos. Muy perfecto. Para que puedas ver el menú, los enlaces, el producto y servicios está en el menú bastante diferente de este que son los de la izquierda y bastante diferentes de C, que era lo que hay a la derecha y al lado, muy perfecto. Entonces aquí solo copio y pego este presente se sienta. Caída cae en el medio y hay un problema. Simplemente lo sueltas de alguna manera acercando pin drag Oh, en realidad, debería copiar y pegar, pero no lo necesito de nuevo, en realidad, porque en realidad está en la página para bien no Así que en realidad puedo vender esto y las palabras borran. Así que los borrados se ponen agradables, luego nos movemos. Bien. Ahora lo que hacemos lo primero que debemos hacer es que esto ya está agrupado, haga clic derecho sobre lo que hay en grupo. Bien. Ahora solo tenemos esta seleccionada. ¿Qué hacemos? Intentamos simplemente hacer clic en qué y arrastrar esto. No sabemos cuánto tiempo va a durar esto. Seleccione sobre esto, luego presione en C. Vamos a hacer algunos cambios a esto. Perfecto. Ven aquí. Es cubrir una palabra para romper las paredes de prensa entrar frescura y sabor. Bonito, muy agradable. Ahora, ¿qué hacemos? Eso es. Así que puede venir a través de escape de prensa. Eso es todo. Prensa. Doble clic, bonito. De hecho, muestra que el clic no lo arrastraría hacia abajo. Muy perfecto. En cuanto a usar diferentes opciones para el texto Viniendo, en realidad puedes usar el centro alineado a la derecha alineado. Algo así, de vuelta a izquierda alineada. Yendo a más opciones por ahí, hablando de, ya sabes, en realidad, cuando estaba escribiendo, en realidad hasta el bloqueo de mayúsculas para la D W mayúscula El puede hacerlo en realidad puedes capitalizar todo así Haz que todo sea pequeño así. Haz las primeras palabras que pongas en mayúscula las otras. La primera letra de la palabra mayúscula y las otras letras minúscula Se puede llevar de vuelta a los pesos originales como era antes. Entonces, en realidad, hay una manera de hacerlo. Perfecto. Pero mientras estaba escribiendo, en realidad estaba presente en el bloqueo de mayúsculas para el D W f. Así que cierto está bien, bueno. Entonces ahora qué hacemos de nuevo, solo presionaré sobre C, luego haga clic en palabra y arrastre el sabor. Entonces dale a un bonito color marrón. Agradable Esto en realidad trae a colación un bonito contraste de lamiendo. Qué es lo siguiente. Entonces entonces baje esto un poco primero, haga clic en madera y arrastre hacia abajo, tráelo afuera, luego, bien. Ahora, seleccione sobre este presente. Una bonita. Entonces, pruebe el punto de la naturaleza con roto su viaje para arrendamiento de campo 9191 ¿Qué hago? John, en realidad quiero hacer esto más largo que el que está debajo. Haga clic en presionar enter, pase por el espacio posterior. Escape espacial clic de madera 91. Eso fue un error para mí. Bien. Por lo que se puede ver se puede ajustar dependiendo de los gastos en. Tenemos este Perfecto. Justo la forma en que es el escape normal. Ahora tenemos el fondo. Bien, vamos a abrir el botón. Haga clic clic arrastre de madera seleccionar en esto. Haga clic en arrastra de madera no seleccionando. Ven muy seleccionarlo seleccionar nombre el o el o la celda. Bien. Haga clic en arrastre de madera Fino. Lo primero que tenemos que hacer ahora es simplemente presionar en SG. Asegúrate de que esto esté en línea. Presione en esta prensa sobre este control también G. Trate de asegurarse de que esté en línea. Bien. Zoom. Se puede ver perfecto. Ahora. Da click sobre esto también en uno perfecto. Ahora solo presente G, está de vuelta. click en esto, luego separa este color de marca de él, luego dale un nuevo color de marca esquina radio perfecto, el radio de esquina prisa te da 50 Perfecto. ¿Qué hacemos doble clip en esto Bien. Doy doble clic sobre esto. Entonces presente C. Entonces decimos comprar ahora, Compra. Regresa. Se puede ver la respuesta automática en una sola. Lo que está mal. Compra ahora en uno. Presente escape. Entonces para esto, voy a poner una flecha también poner la flecha Déjame simplemente venir por aquí. Tenemos el derecho blanco. Simplemente haga clic en Oden nut, haga clic en Oden arrastre hacia abajo, luego pegue por ahí Nosotros tenemos esto. Alejar un poco. Pasado. Escala. Ahora lo hacemos más grande. ¿Qué hacemos? Hacemos clic en Oden haga clic viejo y droga por ahí. Se puede ver la respuesta automática. Está en la parte de atrás. Bien. Está en la parte delantera”. s traer bien y droga poner alrededor del final. Eso es perfecto. Compra ahora 91. ¿Bien? De hecho puedo seleccionar esto y también presentar turno y seleccionar esto también entonces controlar G. C grupo no juntos es un problema. Quiero ponerlos en el medio. Este es el medio, pero no creo que en realidad vaya a funcionar así. Creo que poner en realidad es más preferible. De hecho, puedes seleccionar en la imagen, hacer clic y arrastrarla un poco hacia arriba. Sí, 91. Muy perfecto. ¿Qué es lo último que hay que hacer? Necesitamos las empresas aquí en las que confíen las empresas. Déjame solo papis Papiss sk. Lo que hacemos vamos hacia la página tres, copia C contra C, y vamos sobre ella o no elegimos esto en realidad. Acabamos de llegar a través de una anguilas selecciona el control. Entonces bien. Sí, entonces venimos hacia la página cuatro, ¿ y qué hacemos? Control V. Control V. Se puede ver que en realidad está pegado aquí perfectamente Entonces no es mostrar qué hacemos. Ahora, los tenemos a todos aquí. Entonces primero en simplemente seleccionar sobre esto, que es lo que llamaron de confianza. Entonces, ¿qué haces que vengas por aquí? Cambiar su color a. Eso es blanco Algo gris como eso en realidad se mostraría. Se ve que la opacidad se reduce. Por eso. Pero eso no es un problema para nosotros. Vamos a negro. Muy, muy perfecto. Entonces después de eso, aparte de eso, lo que tenemos a continuación, tenemos los otros aquí. Así que solo haz doble clic en esto o lo siento, haz doble clic en esto. El adjuntarlo lejos del blanco, seleccione esto, haga clic y arrastre hacia abajo. Por ahí casi como lo mismo. Bien. El en realidad se supone que es negro. Como resultado de ello, lo tomamos de otro lugar. De hecho lo copiamos del último diseño que hicimos. Entonces el último así que hay un efecto realmente usado ahí que todavía está afectado hasta ahora aunque se supone que debo saber. Crea otro, pero dejémoslo como es. Si quieres cambiar el color a cualquier cosa que realmente prefieras. De hecho, puede obtener que se tome de los recursos de recursos los complementos y realmente rediseñar Pero en realidad no quiero rediseñar. De hecho me informe en la lona. Pero en realidad no quiero hacer eso. Eso no quiero que sigamos. Ven aquí el segundo, doble clip el segundo. Entonces despegar esto Seleccione este color no pudo arrastrar hacia abajo nueve es uno. Este en realidad por ahí para doblar el clip. No es chasquear. Creo que esto está bloqueado, por eso desbloquearlo. Entonces, eso es todo. ¿Qué haces? Sepárelo así que seleccione haga clic en arrastrar hacia abajo. Otro, selecttach haga clic en este clic arrastrar hacia abajo. Creo que está bien. Todavía hay dos separaciones más, selecciona esto, haz clic en el arrastre hacia abajo, selecciona en esto, toca, haz clic en color y arrastra hacia abajo. Eso es para este producto, perfecto. Bien. Bien. Simplemente haga doble clic en esto. Hazlo tanto, sí, ambos hielo Puedes ver que esto es en realidad por marca, muy perfecto. Muy perfecto. Confiado por esta queja en particular y que en realidad se puede ver de a dos aquí, perfecto. En realidad es una bonita página de destino. Te veré en la siguiente. I. 26. Diseño de secciones de héroe de marca inmobiliaria: En este último diseño para una marca particular en bienes raíces. Nadar muy rápido. No hay pérdida de tiempo. Solo presente F Azza de stop, bonito. Simplemente lamerla madera y arrástrela para hacerla en proporción. Es agradable simplemente caer. De hecho, podemos usar el último usado. ¿Puedo realmente usar uno oscuro oscuro copiar y pegar? Simplemente copia, ven a la página cinco, luego pega aquí. Es pasado al lado de uno al lado en la parte superior. Ven aquí. 91. Bueno esto ¿Qué hacemos? Es muy sencillo. Antes de comenzar a obtener los antecedentes. Ir al archivo de recursos, el perfecto. Este es el arrastre de lili aquí abajo. Entonces cae muy agradable y perfecto. Qué hacemos ahora Zoom Zoom Presli pulse Zoom en realidad está en el medio Bien. Algo así es lo suficientemente perfecto. Pasemos a la derecha al ye a la derecha. T no debe mostrarse en esa medida. Bien. Solo para demostrar que conoces la casa lo perfecta, bonita que es comprar cuando entras en el sitio web, primer lugar guau bonito uno, esto es bonito genial Algo así también. Entonces eso es. Eso es perfecto. Pero necesito aumentar este presente y para aumentar esto, haga clic en arrastrar esto hacia arriba. Creo que encaja ahí dentro. 91. Entonces eso es todo bien cubierto. Todo está bien cubierto ahora mismo. Sí, todo cubierto. Entonces, ¿qué hacemos? Hay algo que tenemos que entender desde aquí. Tenemos que poner algo de oscuridad. Tenemos que poner una capa oscura encima de esto, un color oscuro encima de la imagen. Para que cuando cada vez que ponga un texto, el técnico pueda mostrarse tal como lo hicimos aquí, esto es por el espacio, aquí hay algunas cosas oscuras. Siempre que traigo algo por aquí. Bien. Cuando escribo un texto o algo así, se va a mostrar. ¿Qué hacemos? Solo presentamos además agregamos un color, y este color es del 20%. La parcitys se ha reducido como de costumbre. Yo higo tapete como calcomanías solo seleccionamos en este presente cien lo siento, eso son diez Contras un error. Rojo. Se puede ver. Ahora, puedes ver por eso estamos planeando ponerle un poco de negro solo para que lo sepas solo para hacer negro se supere, solo para hacer que la foto no se encienda para hacerla al menos un poco más oscura, pero no está funcionando. Entonces, ¿qué hacemos? Hay diferentes formas en las que podemos importar una imagen. Por eso esto no está funcionando. Vamos a usar el segundo. ¿Qué hacemos? Simplemente borra esto. Entonces, ¿qué haces? Simplemente haz clic sobre clic arrastre de madera. Se puede ver esta la imagen, y eliminar la imagen. Muy perfecto. Segundo esto, seleccione en este vienen a llenar. En realidad puedes eliminar esto también. ¿Qué hacemos? Simplemente presione sobre seleccionar el icono más. Ve lo mismo que antes, luego selecciona esto. Bien. Ven aquí. Esto es sólido, color normal, esto es degradado. Esto es imagen, y esto es lo que video. Quiero importar lo que es una imagen. Seleccione una imagen. Elige la imagen. Puedes ver que nos lleva directo hacia la descarga, archivo de recursos de la FDA, entonces, T es la imagen, HACER uno, entonces. Va directo a la caja. Ahora puedes cancelarlo. Se puede ver un poco derecho a la fili al igual que esto más un degradado de color Se muestra también que se trata de una imagen. Entonces, ¿qué tienen en el campo. Puedes seleccionar ves imagen de degradado sólido, puedes ver perfecto. Entonces cancela esto. Qué hacemos ahora. Ahora seleccionamos cuál es el icono más. Ahora debemos tener un gradiente sobre esto. Debemos tener un color sólido en esto lo siento. Seleccione esto aquí, color sólido. Puedes ver algo como esto, haz clic en arrastrar porque esto está en la parte superior de la imagen, por lo que afectará a la imagen. Trae de vuelta al negro. Cancela esto. Esto es lo que 20%. Así que solo trae el cursor por aquí. Se puede ver el clic izquierdo y derecho de codificación arrastrar a la derecha. Se puede ver perfecto. Tratemos de reducir esto. Haga clic y arrastre hacia abajo. Debe mostrar la imagen, pero no demasiado. Sí, 70 debería estar bien. Se puede reducir a lo 50 y dejarlo muy claro. Pero no quiero dejarlo muy claro. Yo lo reduzco. Sí, 70 deberían ser. Sí. Eso es algo debería ser suficiente, así que eso es todo para eso. Entonces, ¿qué hacemos? Ahora bien, para esto tenga lo mismo el mismo fondo, en realidad podemos usar desde aquí. Así que presto Haga clic presente turno, bájelo abajo. Es uno. Empecemos a ajustar. Qué color exactamente usamos para esto. Nos gusta un color rosado. No necesito esto en realidad desempolvar el folleto en esta eliminación C presione sobre lo que seleccione esto. Ven aquí presiona en lo que acordaron. Como de costumbre, seleccione Cles. Tenemos una forma de subir al trabajo. Bien. El centro de aire es 20, es lo que 80. Presente inter. Muy perfecto. ¿Qué hacemos? Acercar Ahora necesitamos agruparnos porque en realidad fue con ese logo antes que el propio logo de la marca. Yo en realidad todavía se reconoce, se puede ver a Brandi agrupada con esto Usted hace clic en clic y grupos de salas. A dicho clic en grupo, se puede ver, es mal ahora es solo una capa normal. Presente, la tecnología tiene un texto para ellos, quien cambia hacia Bien, algo así. Bien. Extender sobre la tapa. Haga clic en arrastrar turnos presentes aquí. Bonita, muy perfecta. De que color es exactamente el color bron. En realidad, no tienen logotipo. I es el logo principal de bran al igual que x logo. Cuál es exactamente el color marrón. Es algo así como, ya sabes, rosado, en realidad, algo así como, ya sabes, color rosa, algo así Pero tengo el código X conmigo, seleccione aquí. Presione f008, presione sobre qué. Bonito, casi lo mismo que el que tengo ahí antes. Muy perfecto. Eso es una marca es un color de marca. Ahora sólo voy por aquí. Yo vengo aquí. Permítanme dar click en esto, haga clic en esto, trate de quitarle esto. Desprende esto. En primer lugar, me olvidé. Cuando haga clic en esto, intentaré que este también sea un color de marca. Entonces, ¿qué hago yo vengo aquí como de costumbre? Decir color de marca. Bien. El color marrón cuatro crea variable. El cierre muy perfecto. Ahora cuando venga aquí, use el botón de minimizar y vengo, haga doble clic en esto, entonces realmente puedo venir aquí, luego cambiar hacia el color de la marca perfecto. También, este radio de esquina, realidad puedo seleccionar en este poner cero, luego entrar muy perfecto. Ven también, haz doble clic sobre él, desprenda este color de marca de él. Ven por aquí y selecciona esta muy perfecta. Para esta marca en particular, tienen la m Tienen propiedad y tienen un. no hay como contacto así que haz doble clic en esto y déjame ver. Acabo de hacer doble clic. Y eliminar esto debería ser eliminado. De hecho voy a reconocer. Bien bien. W haga clic en esto. Acerque, haga doble clic en este mismo luego presione sobre, luego cambie a propiedad. Correcto un clic de madera usando el botón de minimus, luego cambia esto para presionar en C. Pero no, presionemos en control, montemos todo de nuevo Entonces se puede ver que aquí hay un problema, así que eso no tiene problema. Presionemos escapar. Pulsa sobre este doble clic. Haga clic en madera dibuja las repisas izquierdas. Debe ser 2 "en realidad tres. Este es el ratón izquierdo a la izquierda. Que sea palabras para perfeccionar. Entonces se puede ver presente escape. Med botón del ratón. Haga clic en este viejo presente hojas. De hecho voy a tener esto aquí. F que mal. Presentar hojas g. para que pueda quitarme la palabra um Rejilla de capa. ¿Qué haces deja este presente escudo sobre esto?, luego haz clic y arrástralo un poco hacia arriba. Muy perfecto. Bonito. ¿Qué es lo siguiente que hay que hacer? Al mirar esto, tiramos todo esto bonito entonces trae texto y un llamado a la acción muy rápido, y la imagen ya está ahí, así que eso no es un problema. ¿Qué hacemos? De hecho, traemos esto. De hecho traemos esto bien También en realidad para eso puedes traer un botón. Eso no es un problema. Muy perfecto. ¿Qué podemos hacer con esto? Vamos a enseguida, borremos esto, ya hicimos esto. Entonces estamos batallando ahora con lo que estamos batallando ahora es lo que es esto Simplemente seleccione en esto en adelante, ponga bienes raíces. Estates hacia abajo, entrar perfecto. Estamos batallando sólo con este bonito. Bien, solo haz clic por aquí, ven aquí. Simplemente puede hacer clic derecho sobre esto y luego w un grupo porque esto es en realidad una diferencia. Se trata de un texto menor, se trata de un texto mayor. Vamos a ocuparnos de esto primero. Sobre esto, entonces solo puedes acercar, en uno. Ahora en realidad puedes aumentar esto y aumentar esta vez. De este presente en uno, entonces vamos Bien. Bienvenido al bloqueo de gorras inmediatamente a tu ***, entra de comodidad y Así uno. ¿Qué hacemos? Solo presente escapó y arrastra esta esta muy perfecta. Así, y trae esto sobre doble clic en este perfecto. Lo que quiero usar un centro alineado porque debe estar en el centro. Trae alrededor del traer alrededor del Esto es en realidad lo que esto es esto Perfecto. Ahora, ¿qué necesitamos para reducir los teléfonos? Ven aquí y trata de reducirlo drásticamente. Digamos alrededor de los 50, digamos 50 5591, y eso es en el medio, bonito Tratemos de usar los puntos. Vamos a hacer un buen ajuste. Sólo presente. Haga clic en madera arrastre esto. Ven a por, ven aquí para conseguir un color marrón. Ese fue el siguiente estilo. Entonces ven por aquí, selecciona este color marrón click drag así, escape muy perfecto. Qué es lo siguiente que hay que hacer, traer esto por aquí. En primer lugar cambia hacia el cambio el centro alineado 91. Ahora qué hacemos solo presente, perfecto. Vamos a escribir, bien. Entonces, desde la perfecta integración de texturas presione juego de luces y sombras cada presidente de esquina invita a la exploración. Bien. Y admiración por el alto. Ven aquí. hacer clic derecho sobre esto y realmente corregir. Es para ti muy, muy perfecto. ¿Qué haces? Presente skip click drag. En realidad solo puedes traer por aquí y presentar barcos seleccionar este tratado centralizarlo verticalmente perfecto y es perfecto, muy perfecto Zoom haga clic y arrastre presente barcos un poco z. ahora para el bot dom para el bot haga clic y arrastre esto por ahí. Muy perfecto. No lo olvides en realidad. Cualquiera que sea la forma de esto, intenta en la medida de lo posible hacer que la forma del botón principal de llamada a la acción sea. Ahora, vamos a presionar pareja cero. Ninguno como primer paso. Entonces intenta desprender este, darle un nuevo color de marca Ninguno. Eso es muy bueno realmente en el diseño. Eso es hacer doble clic aquí. Ahora, ¿qué haces? ¿Te cambias? Escape, eso es perfecto. Haga doble clic. Presente, bonito. Contacto. Presente escape. Eso es lindo. A continuación, haga clic en mantener y arrastre la hoja actual. Consignando esto, vamos a usar un botón de cuerpo, un tipo de botón de contorno bajo igual que usamos para el primero. Entonces, ¿qué hacemos aquí? Damos click en esto, luego hacemos que valga la pena. Separamos esto, quitamos el campo. Ven a acariciar. Luego cambia el color para el trazo o simplemente ven aquí, usa un color de marca y presiona hacia adelante para cualquiera de los dos o tres realmente continúa aquí. Se puede ver eso muy perfecto. Ahora qué hacemos hacemos doble clic sobre esto, le damos el color marrón, perfecto. Presente. Queremos cambiar el estilo frente la escritura, muy perfecto. Presente muy perfecto. Tratamos de lograr solo poner una flecha aquí o algo así. Establezca en esto y su clic derecho vaya a la parte de recursos esto, luego suelte algunos presentes k. Bien. Bien. De hecho lo traigo y caigo, muy perfecto, muy agradable. Perfecto. De hecho, podemos hacer clic en esto y hacer clic en esto y hacer clic en este. Haga clic en esta hoja actual y haga clic en esta y presione. Intenta agruparlos y ya ves. Presentar hojas y raja sobre esto y presionar, reunirlas, perfectas. Bien. Bien. Y ya lo conseguimos. Ya tenemos eso. Es muy, muy perfecto. Intentaré lo más posible para asegurarme. Déjame traer esto por aquí. Haga clic. Haga clic en el código y arrástrelo hacia arriba. Se puede ver 15 15 click, muy perfecto. Ahora bien, ¿qué es lo siguiente que hay que hacer? Sólo tienes que presentar barcos seleccionar y seleccionar este país G de nuevo. Intenta agruparlos juntos. Compuesto, pero bien. Haz click en código y arrástralos hacia arriba presentan naves y podrás ver este horizonte límite perfecto, muy, muy perfecto. Puedo tratar de ponerla un poco. Bien. Creo que eso es perfecto. Entonces este es en realidad el sitio web en realidad por un tipo de página de destino de sección euro por este es un sitio web de bienes raíces. El inicio de sesión en el sitio web, en la página de destino y los CDs. En realidad, ya sabes, atractivo para ellos. Y en realidad, eres capaz de contactar o, ya sabes, explorar más apuntarte y, ya sabes, cosas así, en realidad. Entonces eso es todo para este diseño de marca en particular. Así que en realidad podemos ver que en realidad es idéntico a este el problema de imagen que tú. Tenemos dos cosas en realidad alineadas al centro y, ya sabes, muy perfectas. Todo es muy, muy perfecto. 27. B01: Sección, te voy a enseñar animación y prototipo, muy, muy sencillo. Justo aquí, en realidad, después de la página cinco, solo presiona el plus, luego crea la página seis, pero esta página siete media página seis ya. Solo contraste. Tenemos la página seis. ¿Qué hacemos? Comenzamos la animación desde la página principal dos, que es qué, que es esta en particular. Simplemente seleccione contra C, luego venga hacia la página seis, luego qué. Controver muy perfecto. Ahora lo que hay que entender respecto a animación es que es muy simple. Bien, en realidad puede parecer, alguna manera difícil, pero no solo seguir los procesos, lo vas a conseguir. Ahora, ¿qué hacemos? Podemos hacer clic después de seleccionar todo lo que sabes como de costumbre, haces clic en turno actual y para copiar y pegar afuera. Mencioné las palabras, debe tener un punto de partida y qué punto final. Tiene que ser dos. Cb tres pueden ser cuatro. Pero mínimo de dos. En gran medida seguramente tendría un punto de partida y un punto final, y además siempre habrá una conexión desde el primer punto hasta el último punto, el inicio hasta el final, y también el movimiento es muy importante En general solo entiendo dos cosas. Debe tener un 0.1 inicial, punto final, el 0.1 inicial, lo siento mucho. El punto de partida que es el número uno, los puntos finales, que es lo que número dos, el movimiento. El movimiento en realidad se centra en los puntos de partida. Se pueden tener dos, tres puntos de partida, pero este punto final siempre se mantendría. Estas son animaciones muy simples por las que vamos a pasar hace un momento para que tengas una animación worku perfecta y sin problemas Hay algo que hay que hacer. Solo ven al primer punto por aquí. Viniendo por aquí. Ahora bien. Deberías poder agrupar elementos vienen de la misma manera al mismo tiempo. Los mismos milisegundos. Si vienen de arriba a abajo al mismo tiempo, debes agruparlos. Ven de izquierda a derecha al mismo tiempo, debes agruparlos. Ven de abajo hacia arriba. Deberían agruparlos juntos. ¿Qué hacemos? Ahora, tenemos esto. Nos encanta el primer ambog a, hemos puesto el segundo ambger a. en primer lugar eliminar el segundo ambger. primer lugar eliminar el Ser lo que se le haga al primer ambger también estar en el segundo amboger Es muy, muy importante porque cuando se agrupa Aquí , se agrupa aquí, se agrupa esto también y no lo agrupa en el segundo, el punto final de la sección ero. La animación no irá como está destinada a ser. Puede que ni siquiera, así que es muy, muy importante. Ahora, después de haber hecho todo el ajuste, entonces puedes copiarlo y pegarlo al siguiente lugar, que será el punto final para la animación. Ahora lo que hacemos sin esto, que es el mboger. Esto está bien. Lo que hacemos, seleccionamos sobre esto, presentamos turnos, seleccionamos sobre esto, presentes turnos seleccionamos sobre esto. Todos estos elementos son los radios ct van a venir de la misma manera de arriba a abajo ¿Qué hacemos? Usted contri. fueran grupales antes de que tengas que agruparlos, deberías agruparlos de nuevo. ¿Qué haces? Tú contra g. Después de agrupar eso, porque la animación viene de arriba a abajo en trasación sin fisuras, una muy perfecta. ¿Qué hago? ¿Qué es lo siguiente que hay que hacer? Voy a seleccionar esto también. Deberían estar viniendo de izquierda a derecha volviendo a su posición. Qué hago, son grupo ya grupo otra vez. Está rechinando en el grupo. Contra g. bien como grupo tres, grupo dos grupo, grupo tres. Es uno. También tenemos esto. ver si trato de seleccionar sobre esto, seleccionaré cuáles son las hojas. Eso es las hojas es lo que las hojas están sobre todo. Simplemente puede hacer clic derecho sobre él y enviarlo a la espalda para que el destinado para que comparemos lo que sea que estemos haciendo. Seleccione en esto, seleccione en este. Para estos dos, puedo decidir traerlos de abajo hacia arriba para transición sin fisuras de la animación. Pero, ¿qué hago? No necesito hacer eso. Bien. ¿Qué tengo que hacer? Lo que tengo que hacer ahora es eso. Quiero asegurarme de que los dos vengan de derecha a izquierda y en transición sin fisuras. No al mismo tiempo. Yo tiempo diferente. Se puede ver en el video de introducción, la burbuja verde sólida que vino antes del contorno Transición sin fisuras. Vas a decir que voy a hacer eso, va a ser esto va a estar separado, esto va a ser separado. Pero puedo decidir solo contra ha sido un grupo. Venir por un país ha sido un grupo. Todo lo hicimos grupo uno grupo dos, grupo tres grupo cuatro, bien. Eso no es algo malo. Esto también por separado, tra G. Esto también por separado, tra perfecto. Para esto también por separado, solo contra g. perfecto. Bien. También para esta forma sólida, podemos verla por separado también contrag perfecto Aparte de eso lo que es lo siguiente, qué es esto, seleccione sobre esto. Viniendo por aquí. Creo que aquí ha habido un error desde el principio. Seleccionado. No lo necesitamos. Aquí no es útil. Los tenemos a todos en grupo, ya ves que sólo voy a pasar por él. Sin chasquear como película. Puedes ver que en realidad los está mostrando en lo que hay en el marco de la aplicación. ¿Qué es lo siguiente, dirtul? Pensé que solo me resbalaba en esto. Este rectángulo I lo agrupé hace un momento. E uno. ¿Qué es esto? Perfecto. Yo no hice eso. Selecciona en qué país está agrupado ya, ¿cuál es este? Perfecto. ¿Cuál es la última? Las hojas. Simplemente haga clic derecho sobre él por aquí, y lo que envíe a los frentes. De hecho, puede hacer clic aquí y enviar a desde. Nosotros eres seleccionado, puede que no sea el que estoy seleccionando bien es uno que estoy seleccionando bien, Contras it, pero solo ven. Selecciónelo aquí y lo que traiga al frente luego haga clic derecho nuevamente. Lo siento. Selecciónela y qué es el grupo G de control. Perfecto. Todo es grupo de palabras desde la licencia hasta la frontera misma con la sombra. El ro, podemos separar la sombra del bugger, pero dejémosla como está A la RO nuestro menú a la orden ahora a los clientes certificados 2012 clientes satisfechos a la sumadora y sub adición Tenemos la barra de navegación, y también tenemos la sólida. Todo está bien ahora en grupo. ¿Qué es lo siguiente? Ahora, hay un ajuste normal para hacer solo los movimientos, y el movimiento sólo está destinado la palabra para el punto de partida de la animación. ¿Qué es lo siguiente que hay que hacer después de agrupar todo? Lo que seleccionamos aquí, es que todo ha sido seleccionado, así que haces clic. Puede hacer clic desde aquí o hacer clic desde aquí. Entonces haces clic en Old n drag, haces clic. Eso es lo primero. Luego presione un turno y presione en d para hacer clic en Antiguo, L para copiarlo afuera. Simplemente ponlo en algún lugar alrededor del perfecto así los puntos de partida y cuáles son los puntos finales. Cuando tenemos, había lo siguiente que hacer, los movimientos. Pasando de arriba a abajo y sabes que en realidad Figma terminaría todas las demás animaciones o prototipos Aquí es donde está el prototipo y animación se puede ver el prototipo. Puedes ver que puedes ver diferentes cosas en realidad aparecerían. Se puede ver la flecha, lo siento. Se puede ver que habrá algo conectando, cosas que se conecten entre sí. Cuando el seleccione en este se puede. Vamos a conectarnos así y conectarnos a esto y a alguna transición sin fisuras, pero notaremos el tiempo. Volvamos al diseño para no cometer errores. Ni es uno. ¿Qué hacemos? Haz zoom aquí para el primero. Tenemos lo que olvidamos. Debió haber copiado esto exactamente aquí mismo. N uno. Tenemos dos tenemos Boger, W es Boger uno. Este es Boger dos De hecho, podemos hacer doble clic sobre un doble clic y cambiarlo a dos b dos, boger dos w. ven sobre g dos. Uno. Esto es bugger uno, es lo que b dos pantano Lo que estoy tratando de hacer aquí, solo trae el bugger uno arriba de esto porque uno siempre debe estar por encima de dos Esa es la materia de nom. Así que solo ven por aquí, selecciona en algún lugar. Este cabronazo uno, es corneta dos. No hay ajuste que estamos haciendo a los dos Boger, solo déjalo como está Solo déjalo como está destinado a ser. Eso es para el cubo dos. Pero el bugger uno es donde está destinado a ir el movimiento porque después de cada movimiento aquí, podemos conectar esto usando el prototipo a este al segundo bugger, muy, muy perfecto Ahora lo que hacemos seleccionamos esto. Eso ha sido reportado. Yo lo que el iluminado está obstruyendo mi vista. ¿Qué hago? Intento en lo posible venir por aquí, en realidad puedo tratar de buscarlo grupo dos, luego seleccionar en su tn. A mí algunos cambios. Pero mientras haces algunos cambios, en realidad puedes venir por error aquí de nuevo y simplemente presionar lo que se llama la hoja Es muy importante solo contrarlo. Ya sabes, no vas a poder hacer eso. Seleccione el liaf, y haga clic derecho sobre él y lo que se envía al revés. Y soy capaz de hacer tus transiciones sin fisuras, transiciones de animación y prototipo. Pero no quiero que solo contraste de nuevo. No quiero dejarme dejarlo así así. Déjame por aquí y tratar de venderla. Creo que ese es el grupo dos. Una bonita. Usted hace clic. Oden arrastra hacia arriba. Se puede ver. Por darle un dragón suave para darle algo en proporción, no bailar sobre el colgado o bailar sobre Solo presente *****. Lo comprende Se da click a las naves presentes, se mueven hacia arriba, sube en proporción, muy bien en buena proporción, no entrando así o algo así. Es una gran proporción, moviéndose hacia arriba. Sin errores. Moviéndose así hacia arriba, en transición, como en movimiento suave en movimientos suaves. ¿Qué haces? A medida que vas subiendo, puedes ver, cuando traes una gota, se está mostrando afuera. No queremos que algo así se muestre afuera. Cuando estás haciendo movimientos para la animación, no vas a permitir que aparezca. ¿Qué hacemos Contras lo. Cuando seleccionas esto, presionas turnos. Presiona turnos, luego presiona también en qué en tu barra espaciadora. Se hace clic en viejo y lo viejo y arrastra el pequeño el botón izquierdo del ratón. De nuevo, me repetiría. Ahora haz como de costumbre, solo ven aquí al grupo dos. Bien ahora, haz clic usando el botón izquierdo del ratón, haz clic en viejo. Viejo, luego presiona el turno y la barra espaciadora, luego arrastra hacia afuera. Se puede ver, nada se nota afuera aunque arrastre hacia arriba y lo consiga. Ahora déjame arrastrar hacia abajo. Se puede ver. Se puede ver el arrastre de nuevo hacia arriba, nada se muestra y, presioné en el espacio atrás ese es un bonito atajo, un atajo muy bonito golpeada en Figma. Presionas sobre las hojas para que esté en proporción que se mueva hacia la izquierda o hacia la derecha, simplemente yendo recto sin problemas. Y presionando en el espacio de atrás para asegurarse de que no se muestre afuera. ¿Qué haces? No se alejen demasiado de aquí. Debido a la animación los milisegundos. Sólo tráelo a alguna parte y eso está bien. Es normal que se muestre, solo déjelo afuera. Sí, déjalo caer. Se está mostrando. Si puedes verlo en realidad, solo ven cuando termines sobre esto nosotros, se va a mostrar así que lo has seleccionado desde afuera. Perfecto. Ahora hay una cosa que tienes que entender para una perfecta transición 100%, perfecta, animación sin fisuras. Tres lisos. Está a la baja. Siempre que haces tal cosa, has hecho el movimiento. Ahora lo has hecho desde arriba subiendo hasta arriba, ahí es cuando viene la animación. Voy a pasar de arriba llegando a la parte inferior, pero mostrando en la parte superior aquí, eso viene a la baja en transición sin fisuras. Animación sin pecado, tal como has visto en las palabras en el video de introducción Se va a mover así, viniendo hacia abajo, todo va a ser el punto final más alto aquí. No hace falta que te preocupes por cómo le va la animación. Sólo le das el movimiento. Figma calcularía el milisegundo. Le das estos milisegundos, Figma lo haría transición de una manera muy parecida. Pero para hacerlo más perfecto es esa palabra que acaba de llegar. No vayas al campo. No estás sintiendo nada. Ven a la capa. Se puede ver pasar a través del axón es sólo darle como es. Apenas ven a la opacidad. Seleccione en esta distancia regálelo cero y lo que ingrese. Esa es la forma en que vamos a hacer todo. Eso es lo que vamos a elegir esto sobre la transición más simple. Eso es. Ahora pasemos a los siguientes s. Este es el siguiente. Seleccione en este. Puedes ver que estoy seleccionando a la izquierda. El s b y más. Ya ve, ese es el Grupo tres. Da clic a la izquierda hacia arriba. Motivo turnos. Eso es un error. Eso es un error. Lo siento. Grupo tres, la boca izquierda a tope seleccione. O su selección s. razón turnos y espacio ba clic Viejo y Arrastra a la lat ¿Podrías terminarlo? Podrías parar aquí bien. Podrías hacer que desaparezca por completo. Eso es un problema. Déjala una bonita. ¿Qué haces? Seleccionar en esta sala muy importante, muy importante. ¿Qué es lo siguiente que hay que hacer? Simplemente acercar. Ahora no lo olvides porque esta animación, esta en realidad el pedido sería más rápido que nuestro menú. ¿Qué hacemos? Después de seleccionar esto, presionamos en turnos. Lo siento. En realidad puedes esto es todo. Grupo cuatro, presione en turnos y lo que seleccione es todo. Puede que no seleccionemos por la hoja, que es lo que está en la parte superior. Cuando seleccionas en el grupo cuatro, s y presionas en turnos, sal y selecciona en el grupo cinco. Eso no es un problema. Haga clic. Presione en turnos. Lo siento, confuso. Seleccione pres cambiar un espacio pres, muévase así. ¿Cuánto tiempo quieres pasar a la posición? Entonces qué otra vez, seleccionar solo en el grupo cinco. El movimiento es más pres cambiar un espacio pres por movimiento es más así y Dejémoslo así. Entonces lo que pasa por encima de cero. Sé que has visto cómo se ve realmente en el video de introducción porque este en realidad el botón sólido llegó más rápido que eso Se establecen estos entonces qué selección p cero, luego zona. Vamos sin problemas. ¿Cuál es el siguiente? El siguiente a hacer ahora mismo es por este 200 más f c, solo nos viene el grupo seis. Click, P shift y espacio, derribar, no demasiado. Seleccione cero Nizone. Seleccione estos también son los. Grupo siete, pre turno y hacer que baje más que este acto. Entonces ahora cero. Perfecto. Ahora vamos al interruptor Boger de pantano de Amberger. Grupo nueve. ¿Qué hacemos conteniendo el Amberger Hacemos clic. Presente desplazamiento en el espacio ba bajar. Es que no se detenga. Eso no es un problema. Detén un problema, pero bajemos. Sí. Bajemos. El seleccionar en este e cero. Perfecto. ¿Qué es lo siguiente que hay que hacer? El siguiente debería ser lo que el sólido seleccione sobre esto. Este es un bonito sólido. Depende de lo lejos que vayas porque es Porque la animación se calcula en milisegundos, en milisegundos Si en realidad hay algo que intentas. Déjame mostrarte solo como ejemplo. De hecho te estoy enseñando. Click, Pres en turno y espacio atrás. La mueves realmente por aquí. No voy a salir demasiado. No quiero estar aquí. Quiero que esté afuera. Bien. Ya ves que es por aquí y trato lo posible de venir a la hoja. Esta es la hoja, Clicke presenta hojas y lo que es el espacio burbujea y arrástralo afuera más, sale más, muy lejos. Se puede ver en realidad en algún lugar por aquí y lo que es la hoja. Se puede ver y así es como se llama? Este es el sólido. Ese es el sólido en realidad se movería más rápido, se movería más rápido. En el marco, en la animación, entonces cuál es la hoja. Eso es lo que quiero. El sólido debe moverse más rápido. Entonces entra el cabronazo. Entonces, ¿qué pasa? La hoja viene última. Ese es el objetivo. Ese es el objetivo de esta animación en particular. Ahora déjenme seleccionar sobre esto. Esta es la hoja. No olvides darle cero. Es muy importante. Déjame seleccionar en este d darle cero, cero, cero, cero, cero. Quiero decir, estoy viendo este lugar en realidad alrededor del lado cero, 000. Creo que hay uno que le doy cero neto. Entonces ahora, ¿qué hacemos? Con el paso con el movimiento, necesitamos transferir esta transmisión sin fisuras a esto. Tenemos que conectar esto a esto. Tenemos que asegurarnos de que haya una interacción. Entonces, ¿qué hacemos? Solo ven a probar así de simple. Creo, ya lo hice antes. Si quieres cancelar algo, llegas a eso, esa interacción que conecta la cuerda conectada, haz clic en madera arrástrala hacia abajo y se va. Muy sencillo. 28. B02: Vienes a prototipar. Ves cuando estás por ahí por algún lado ves ves esto. Ves un saco con un ícono más en el medio, así puedes elegir en realidad una cuerda en particular por aquí cuerda en particular y simplemente conectarte así, algo así. Puedes moverte desde aquí también conectarte a este lugar. Es de diferentes maneras. Puedes llevar un elemento dentro a alguna parte y simplemente hacer clic. Es de diferentes maneras. Pero lo que realmente vamos a hacer aquí es basarnos en frame a frame basado en frame a frame. Sólo toma esto abajo, derriba. No lo necesitamos. Sólo fijé en esto, yo me puse en esto. Pero lo que sí dijimos es que porque es un punto de partida y es el punto final, así que empieza desde aquí, es NC. Vamos a dar click por aquí n Trópicos aquí, verás que todos estos lugares cambiarán y esto aparecerá. Aquí es donde están los ajustes. Es muy importante entender esto. Ahora, no olvides que he dicho, este es el punto de partida. Estos son los puntos finales. Nosotros hemos ido el movimiento, el movimiento siempre está en el punto de partida, y esta es la conexión, y aquí es donde pasa el ajuste, el fotograma , los milisegundos, ¿ cuántos minutos quieres trabajar Es muy sencillo. Ni siquiera está compuesto memorizas cosas Cuando lo haces y lo haces a menudo, te acostumbrarás. Ahora, ¿qué queremos? Esto es lo primero que haces. Tienes que venir a plus aquí. No necesitas esto. Tú no. Para cancelar de esta manera para cancelar. Si cancelas por error, solo ven, puedes ver la interacción La interacción no toque nada, venga a la interacción. C en esto y aparece. Es igual que puedes hacer clic y traerlo por aquí también. Eso no está mal. Puedes volver a cc. Puedes hacer clic, depende de s a pros. Agradable tenemos este perfecto. Ahora bien, ¿cuál es el siguiente? Lo primero que debes hacer es que vienes de arriba a abajo. Ahora de izquierda a derecha, actúa. Haga clic. Eso es ¿Cómo quieres que se active tu animación? Para ser activado. Esto es lo primero que sucede antes la animación realmente se amplíe, ya sabes, salga a la luz. Bonito. Dices ninguno, encuentra que no hay problema, así que no hay animación. Bonito. Dices al hacer clic. Es decir, cada vez que haces clic en el en la pantalla, se inicia la animación. Siempre que arrastres en la pantalla. Cada vez que terminas, un poco más, usando el ratón por mientras presentas algo. Él camino de juego. Mouse enter, Wever the mouse enter , al igual que se acabó. Siempre que el ratón entra en un particular en una página en particular. Ahí es cuando es coroll down y el ratón entra en esa sección en particular Aparece la animación. Siempre que el ratón se vaya. Es muy, muy interesante. Siempre que el mouse esté abajo, el s crod, siempre que el mouse esté arriba. ¿Qué necesitamos exactamente? Esta es una animación mediante la cual. Siempre que alguien entra en un sitio web, inmediatamente, lo que sucede, aparece la animación. No hasta que muevas el ratón o no hasta que pase algo. ¿Qué hacemos? Es después del retraso. Cuando coloco después de retraso es un traer de propiedades y funciones. Se puede ver. Sí, tenemos esto. Se puede ver. Ahora lo que tienen aquí es que está ajustado a ninguno como lo he hecho antes. Al seleccionar esto, simplemente navegue a. Es decir, estamos navegando de lo que Amberger a Amberger para que veas lo Si estás navegando hacia atrás, establece variables, pero no necesitamos que todos estos anuncios no sean importantes ahora. Sólo navega dos. Se puede ver navegar este navegador ha navegado nosotros a no otra vez. Se hace clic y lo ambog dos. Está haciendo que esto falle. Ni siquiera puedes seleccionar esto porque la animación viene de aquí. Está fluyendo de aquí. La interacción viene de Amberger Ambog dos, W navigator a Perfecto. Se puede ver. Después de retraso, 800 milisegundos. Ahora podemos ajustar esto, pero déjalo como está. Yo uso 800 milisegundos la mayor parte del tiempo porque es decir, si son como 1,000 milisegundos, por ejemplo, eso va a ser Cuando entras en un sitio web, por ejemplo, inmediatamente, se carga Esto es después de que el retraso es de 800 milisegundos. Comienza la animación. Comienza la animación. La misión comienza a moverse, los elementos comienzan a moverse en el marco particular después de la sección particular, 800 milisegundos. Eso es después del retraso 800 milisegundos. Pero otra cosa es ahora que si aumentas estos milisegundos, va a ser ser más lento, más lento Pero solo déjalo a 800 milisegundos, y en realidad podrás jugar junto con él. De hecho, puede seleccionar uno químico y seleccionar. 300. Sí, déjalo yo tenía 800, muy importante. Navegamos hasta el mboger dos. Ahora bien, este es el tipo de animación que realmente vemos queremos, es para entrar, salir, empujar, deslizarse, deslizar acancy En ocasiones usamos 100 o movimientos IOS, especialmente 100. Bien. Porque estoy mucho más acostumbrado. Te mueves hacia la izquierda, cuando haces clic en algo, solo ves la pantalla que me mueve hacia la izquierda, la interacción. Cuando retrocedas se mueve a la derecha. Muévete, muévete, empuja deslice de adentro hacia afuera, algo así. Pero lo más que usamos en realidad en Figma es smart animate Es muy inteligente. No int, pero inteligente imate. Al seleccionar esto, algunas otras opciones aparecen de después de retraso econo milisegundos y llegamos a bo los Animar inteligente. Esto es otra cosa que tenemos que entender cuando traigo mi ratón por aquí y por ahí, ya puedes ver. Se puede ver lo que realmente sucedería. Puedes ver que esto es como una vista previa de cómo va a verse realmente la animación. Ahora solo ven por aquí. Ahora tenemos esto. Ahora bien, esto ahora depende cómo se quieran las animaciones aparte del retraso, que es en milisegundos. ¿Cómo quieres que sea tu animación? P está dentro, sale dentro y fuera, Hs adentro atrás, está afuera atrás, está adentro y afuera atrás. Aduanas, Jane demasiado rápido, rebota lento. Muelle personalizado. Habrías visto desde aquí. Vamos a acercarnos un poco. Perdón por eso sobre esto. Ahora, en realidad lo habrías visto. Cuando digo lineal, se puede ver que la animación en realidad se previsualizaría se puede ver la línea. Se puede ver está adentro, se puede ver está fuera. Cosas diferentes, diferentes son app. Pero en realidad, si lo intentamos la mejor manera es para jugar el prototipo y ver cómo es. Pero todo es casi lo mismo. Pero echemos un vistazo a G. Se puede ver lo que pasó, es diferente de lineal. Pero esto es lo que G puedes ver, perfecto. V rápido. Rápido. Una bonita. De hecho, puedes cambiar estos milisegundos. Eso se puede cambiar. Cuanto más en caso de que más aumentes los milisegundos, más lento, es. Se puede ver. Solo mira un rápido por ejemplo. Rápido. Cuando lo cambio a 2000 123. Se puede decir lo lento que es, ya puede ver. Esto es 600 milisegundos. Puede hacer clic de nuevo. 100 milisegundos. Los dos primeros. Rápido. Bonito. Pero cuando digo, 5 mil milisegundos. Muy lento. Cuanto más aumentas, más lento. Cuanto más aumentes, más lenta es la animación se puede ver, lenta. Déjame llevarlo de vuelta al 600, mira, 600. V rápido. Ahora rápido. Eso es rápido. B C. Rebote. Se ve que es rebote, es rebotes, algo así Casi se relaciona con la generación dos. G dos también son rebotes, pero va a rebotar poco en un poco de forma, no mostrando rebote en esa medida Se puede ver una bonita. Tenemos lento lento. Uno uso esto. Es bonito. Primavera personalizada en realidad puedes personalizar tus diseños. ¿Queremos que baje esto así? Se puede ver, se puede ver. Lo siento. Déjame sacarlo a la luz. Se puede ver cómo es esto. Se puede ver. Dependiendo de lo bueno que sea alguien. Se puede ver. Se puede ver. Se puede ver que está equilibrando y equilibrando. Por eso ves algunos sitios web, digamos algunos los elementos sigue moviéndose siguen rebotando, algo así Sigue rebotando. Como solo esto también. Se puede ver. Yo no voy a hacer eso. Restablecer la posición de desplazamiento. No voy a usar eso. No voy a usar nada personalizado. Lo que quiero usar en realidad uso hinchable, Nis uno, o uso gen Me gusta usar g g. Ese es mi objetivo para esto. Después de retraso, es tercer milisegundos navegar dos ambger, a ambger dos iniciar Se puede jugar con los demás. Para que ustedes dos entiendan, no lo es para nada. Tenemos gen también, que es lo que uso dos milisegundos. N uno. Esto es exactamente lo que me gusta. Esto es exactamente lo que quiero. Yo quería Jane dos con 2000 milisegundos, no demasiado lento, pero lento de alguna manera Perfecto. Déjame alejarme realmente viniendo aquí. Déjame reducir las cosas. Creo que está bien. Perfecto. Tenemos eso, así que bonito. Ahora puedo eso es todo lo que en realidad puedo cancelar es un retraso para Abog dos Si realmente haces clic por aquí, va a cancelar todo lo que va a comenzar de nuevo. Doc. Después de un retraso de milisegundos navega hasta el Abogate dos anima SMA cadena ¿Dónde está la acción? ¿Qué hacemos la acción? Ven aquí. No olvides no diseñar, ambientado en prototipo. Vuelves al diseño, sigues diseñando, diseñando ya más. Ahora, prototipo. Qué haces Ven por aquí, puedes ver el cuerpo de juego para presentar. Si hago clic en esto aquí, pero no haga clic en esto, venga a este pequeño pequeño, selecciónelo. Se puede previsualizar. Vas a previsualizar aquí. O abres una pestaña otra pestaña inmediatamente y ahí está previsualizada Veamos qué pasa en realidad la red, es bastante lenta. Perdón por eso. Sí. Absolutamente. Perfecto, zona agradable, zona agradable, F puedes intentar, ya sabes, reiniciar, intentar recargar Guau, animación sin fisuras rebotando. Bien. Se puede tratar de ampliar, abriendo presentación sobre vehículo. No quiero usar esto. No quiero usar esto en absoluto, no quiero usar esto en absoluto. Vamos a rebotar restric No quiero usar como se llama, perdón. No quiero usar la vista previa. Quiero usar los regalos. Vamos a abrir en una nueva pestaña y esta es la mejor. Abrir en una nueva pestaña, las agradables transiciones sin fisuras y animaciones que realmente muestran que ves. Muy perfecto. No lo olvides. La primera vez que haces algo, a veces en realidad va a funcionar en esa medida. No hay necesidad de que hagas ningún ajuste, es solo que hace así. ¿Qué haces? Puedes intentar venir, como en una comida que conoces. Hazlo a pantalla completa. Una bonita. Ahora venimos por aquí, seleccionamos algo. Ahí hay un botón de reinicio aquí en realidad. Probablemente mi pantalla no se muestra. Se puede ver mi ratón, usted puede mi ratón. Cuando haces clic en el medicamento, no haces clic en el medicamento. Un poco más, trae el ratón. Se puede mostrar yo voy a mostrar aquí abajo. Sólo puedes bajar aquí. Lo sé. Mi pantalla lo está mostrando, pero acaba de bajar, se ve un botón de reinicio aquí. Puedes hacer clic en el reinicio y se ataca. Letra, L M y OP Q, la letra. La mayoría de las veces no selecciono seleccionado. La mayoría de las veces no selecciono una simulación perfecta. La mayoría de las veces no selecciono la R. solo presiono mi teclado, la tecla, la tecla R en mi teclado. S presione R de nuevo. Muy perfecto. Me encanta esta animación, Simul. Se puede ver lo que realmente app. Se puede ver en realidad la frontera, la frontera verde, sólida llegó más rápido que la licencia y en realidad la licencia en realidad superó todo Eso no es b. En realidad uno. Se puede ver. Se puede ver la navegación desde la parte superior bajando. Perfecto. Simulación muy perfecta. Animación perfecta, puedes ver cómo están rebotando, solo puedes mirar el Porge rebotando Se puede ver una bonita. Las hojas están rebotando perfectas. Bonito. Mira la inmersión en Boger, el respiro y tal frecuencia, en realidad vino de la izquierda, la navegación de la derecha de arriba a abajo Puedes ver el pedido ahora y nuestro menú. Ya puedes ver que el pedido llegó más rápido que nuestro menú. También vienen de la misma manera. Pero cuando en realidad, ya sabes, uso turnos para agruparlos y moverlos hacia el lado derecho. No olvido que uso. Yo volví directo. Vuelvo a usar el menú. Nuestro menú, seleccionó esto y lo moverá nuevamente hacia la derecha y en realidad vendrá más lento que el orden n y en realidad se encontrará con la parte de atrás. Déjame repetir usando la r. Me puedes ver para cumplir con la orden n. Puedes ver Se puede ver, ver. Simulación perfecta. El 200 plus certifica a los clientes y también el que puedes ver. El cliente certificar en realidad se le ocurrió antes de la r, pero en realidad se reunió en el mismo lugar que puedes ver Puedo ver este más cliente satisfecho. Pagué primero más rápido que el arte porque hice que el aro bajara más que los 100 más clientes satisfechos, puedes ver. Yo es, es agradable, sin fisuras animación rebotándote igual que abalanzar libras Yo bouncun po' contramaestre más. Podemos hacer ajustes. A ver. Vamos a pasar por usted puede presionar en scape. Bien, vuelve volver a pasar a proyectos. Se puede ver. Todo es B Veamos qué pasa con el equilibrio. Sólo vuelve a venir aquí. ¿Qué haces? Se puede reiniciar. Se puede colocar al inicio, bien. Eso no es p. Se puede ver. Sé cambio a pantalla completa la otra vez pero puedes ver R porque puedes ver en el saldo. No creo que rebote en ese régimen. Veamos la segunda vez. La primera vez realmente va bien. Sí, en realidad estoy usando rebotar ahora. Déjame tratar de refrescarme. A ver, Oh, mi red se ha ido. Perdón por eso. Déjame conectarme de nuevo. Bonito, conéctate. Ninguno. Conectar. Perdón por eso. Lo siento. Sí, y ahora qué. Ahora volvamos a la transición y animación del tranvía rebotante S transición y animación del tranvía rebotante Transición perfecta. Animación perfecta. El que hago. Yo digo, el primero es. Te va a hacer llorar. ¿Qué iación es esta? Perfecto s en esto? Qué, qué rayos es esto, Pc. Tack Guau. No sé qué es el rango. Cambiemos a 2000 mil 500. Déjame cambiar a digamos 5 mil 5 mil entran, ven, pero en realidad haces ejercicio. Para que pueda ver. Bueno volvamos a nuestra normalidad nosotros dos y solo lo ponemos al 2001 a tres y solo volvamos a pres on r. tenemos una agradable transición sin fisuras. Vamos a pasar. En realidad se puede tratar de envejecer siempre. Es muy muy importante. Presione sobre r. tenemos esta espalda muy perfecta r. perfecta. Agradable o. Esto es lo que en realidad quiero el primero algunos bastante. Una bonita. Cuando entras en un sitio web en particular y tienes algo como esto ps como este, guau. Ninguno agradable. Tienes ganas de no salir un sitio web con ganas de simplemente pasear, ver más transiciones, animaciones fluidas y lecciones Muy perfecto. Muy perfecto. Ahora ahora nos trasladamos al nido. Agradable, rebotando, agradable, diez, agradable, lento, agradable, rápido, está dentro y fuera, lo que se llama animación para otra marca en realidad Te veré en un nido porque el nido uno va a ser bastante diferente de esto. Ir a ser diferente de esto. Va a estar moviéndose de alguna simpática. Te veré en el siguiente video. 29. C01: Justo aquí en la segunda animación y prototipo. Lo que quiero hacer es que en realidad debería ir por esto lo que se llama la segunda o sección, la segunda o sección. Pero déjame ir por la quinta. En realidad, es bastante diferente a la primera. Contra estoy llegando bien a los otros. Pero permítanme comenzar con esto. Contrato. Como siempre, ahora como lo hice en la primera animación para el Amberger, podemos tras posible Ven como de costumbre, viniendo aquí, entonces qué país agrupa esto como pin normal. Directo en este cambio actual y recto en esto juntos. Tan solo agrupa esto. Viniendo también, solo puedes seleccionar en este clic derecho. Entonces, ¿qué haces? Haga clic derecho. Entonces, ¿qué haces? Después grupo. Ahora agrupando esto en realidad. Seleccionas esto en realidad, puedes ver seleccionar esto y seleccionarlo. Estos dos también están siendo grupales, da click derecho sobre ellos y justo lo que los agrupa también muy perfecto como siempre. Ahora solo selecciona en esto y agrupa esto, se esto, luego agrupa esto, selecciona estos luego agrupa esto. Sel grupo Ps normal. ¿Qué hacemos fue lo siguiente que teníamos que hacer? Simplemente seleccione en este turno y qué. Intenta copiarlo. Sí. Bueno. Todo es normal. Entonces esto es lo que ya hemos dicho antes. Estos son los puntos de partida, y esto es lo que señala el final muy muy importante. Ahora bien, los movimientos deben hacerse sobre el qué en el poste. Ahora comencemos con los movimientos. Ahora, como de costumbre, s y proto deberían estar en el diseño. Entonces selecciona esto, presenta el espacio de turno de alguna manera así. Entonces presente cero, bueno. Seleccione esto, presente espacio de turno afuera. Presentar la normal cero. Seleccione este turno y espacio ahí arriba. Yo es uno, entonces Pres en esto y la sala 091. Baje esto, cambie y baje esto. Se puede ver dónde está en realidad. En realidad no va a tener un problema que sea un problema así. Cero. Entonces asegúrate de que esto debería ir presente desplazando el espacio. A la baja, más que eso. Baje más. El presente w cero. Después seleccione este espacio de desplazamiento también presente, hacia abajo. El actual cero, y eso es todo. Qué seleccionamos en este prototipo, Connect. Sí. Conectado. Ahora como de costumbre. Sólo ven por aquí. Después del retraso, como de costumbre, después del retraso, agradable, navega a lo que est. Cambiemos. En realidad, cambiémoslo a éster dos real. Una bonita. Simplemente haga clic de nuevo aquí. A Real e dos, bonito, como siempre, como lo hacemos nosotros. Suave, sí, eso es lo que se supone que sea. Después dos S. Entra ahora recto hacia abajo hasta donde. Aquí, da clic en el w presente y veamos qué sucede realmente. Te va a encantar. Ya que te va a encantar. ¿Puedes ver? Muy, muy perfecto. Déjame tratar de, ya sabes, ampliarlo para que lo veamos mejor. ¿Y presionas en qué? Presionas R. Y verás. Muy, muy perfecto. Magnífico. Magnífico, muy agradable. ¿Bien? R otra vez y ver. Te puedo ver solo, ya sabes, entra en un sitio web y ves las animaciones geniales de aspecto agradable como, ya sabes, Muy, muy perfecto. Sinceramente solo, ya sabes, ven en uno atado de izquierda a derecha y de arriba a abajo, abajo a arriba, ya sabes, de diferentes maneras. Muy bonito y muy claro, muy agradable. Esto se ve perfectamente bien, perfectamente bien. Así que ahora, aparte de eso vamos a usar el rebote bo bonito rebote ven a rebotar. Sólo vamos a pres y veamos. Intentemos hacerlo grande y veamos. Solo args nuevo. Oh yo uno. Entonces intentemos reducir como de costumbre a alrededor de como 5,001 a tres, ingrese 91, venga aquí, luego cuatro páginas Hazlo de pantalla grande. Pantalla completa. Pres en r. se puede ver Perfecto Entra en cada cuerpo. Solo miremos enteros y no salga nada. Una bonita. Volvamos a la normal, que es lo que nosotros dos. Nice J. Cuando lo cambias justo después del cambio de nuevo a 2000 123. Bien. 2000 entonces vuelve aquí y whats, pres on r, y todo vuelve a la normalidad Muy muy bien. agrandarlo como lo he hecho así. Después vuelve a lo que vuelve a la Normal. Así que voy a ver en la próxima vamos a estar teniendo una animación bastante diferente con prototipo también, por lo que podremos mover la imagen misma. Te encantaría. Sinceramente, lo harías. Veré en el próximo prototipo de animación. 30. D01: Sí, vamos directo a la tecnología. Ven aquí a la quinta. Creo que deberías ser el no. Lo siento, D thot. Seleccione esta zona de contra y luego pegue. Ion. Nisi uno Ahora ven aquí. Entonces pres shift presiona esto, luego esto, luego contra g, ese es el primero, ison selecciona esto también. Sí. Estos son en realidad todos juntos. Ya están agrupados. Ese es el grupo tres. Ahora tenemos esto también. Puedo decidir simplemente traerlos de la derecha viniendo así pero. No quiero hacer eso en esta ocasión. En realidad, los dos van a venir de abajo subiendo juntos, pero por separado. Déjenme dejarlo así contra G, luego contra G. Ahora para esto, presente turno también Control G. Perfecto. ¿Qué haces? Sí. Ahora bien, ¿qué más tenemos? Tenemos todo agrupado. Pero no está agrupado. ¿Qué pasó? Sí, ese es el trasfondo. Se hace clic una vez. Ese no es el trasfondo. Eso es un fotograma, haces clic la segunda vez, luego tienes la imagen. Control Z. Ahora tenemos esta imagen también. Simplemente contro bien, ponlo en grupo. Bien. Tenemos todo el set abajo. ¿Qué hacemos? Lo siento. Entonces, ¿qué hacemos? Haga clic aquí. Presente hojas, luego presione hacia fuera, luego arriba esto aquí. Muy, muy perfecto. Entonces ahora, yendo directo a lo que tenemos que hacer. Ahora, selecciona en esta hoja actual y espacio adentro, sube, luego pones un prototipo, vuelve a diseñar. Seleccione esto. Ahora solo venimos por aquí, ya que usted acaba de presionar. También este eso, presente hoja en, solo trae por aquí por ahí. Perfecto. H, perdón por el desánimo que se muestra afuera porque tengo que volver a la segunda vez que está presente contro s cambio hacia abajo, luego espacio, luego pres cero como de costumbre, bonito Entonces para esto en realidad para esto en realidad, quiero hacerlos venir del camino descendente, no uniéndose con eso. Bien. De hecho puedo unirme a eso, pero no quiero unirme a eso. Entonces quiero que vengan de abajo. Entonces solo ponlo en los turnos entonces, ya sabes, así, entonces presente cero. Bien. Y eso. Entonces trae esto también a la baja más que eso. ¿Y tú qué haces? Seleccione este cero presente. También, seleccione este presente turnos luego pres cero. Para esta última, que confían distintas empresas, puedo actuar esto por lo que pueden venir de la pueden venir de izquierda y derecha, tal como hicimos en la última para para la marca inmobiliaria en realidad, que tenemos el aspecto de la marca y también la navegación que viene de izquierda y derecha arriba. Yo puedo accionar eso para esto también. Vienen de izquierda y derecha. una foto. ¿Qué es lo último? Me he asegurado de que la primera animación, que es el berger, sea bastante diferente. Tiene la diferencia particular. El segundo. El segundo en realidad, las cosas vienen de abajo y algunas paradas agradables, izquierda y derecha, el logo y para esto en realidad, vas a ver el movimiento de la bicicleta. Sí. Vas a ver la mudanza. Ahora para esto, solo haz clic sonosotros solo hacemos clic y presionamos en shift y qué espacio por, se va Pero hay un problema. Por qué es apuntalamiento, puede ser un problema Sí, donde está el error es que, seleccione en esta baraja. A fil. Es fils. Es fils blanco. ¿Qué haces? Tomas de aquí, simplemente haces clic en alguna parte de todos modos, tráelo qué, negro y se queda. Ahora el color lo que queda negro, no blanco. Vamos a probarlo. Ahora, seleccione una imagen. Haga clic, presione el turno y deletrear y hablar. Muy, muy perfecto. No demasiado arriba. Va a gustar conducir boom boom, boom, bom. Soy tachuelas, soy tachuelas Nice one. Vamos. Perfecto. Muy perfecto. Todo lo que va a saber se derrumba. Todo simplemente va a colapsar así que nos levantamos. F, déjame simplemente renombrar esto, doble clic. Dale dos, uno bonito. Ahora bien, ¿qué es lo siguiente que hay que hacer? Lo siguiente es simplemente seleccionar este prototipo, luego simplemente conectar. Necesitas interactuar. Ahora, como acaba de llegar hacia después del retraso, luego navegue hasta que vea tecnología dos agradable uno, inteligente animar dos como, A 2000 Bien. Todo está hecho. Ahora tenemos todo listo. Ahora, no lo olvides en realidad. Después del cambio volvamos al diseño. Ahora aquí, la ronda de pelota es lo que es negro. Aquí también el t dos, qué negro. El ABS no es negro, el ABS es blanco. Es muy importante porque se va a mover porque esto va a mover el fondo en realidad. Alrededor en realidad es negro, así que tiene que ser negro, entonces negro negro. Simplemente resbalar en esto en realidad como lo he hecho y cambiar de negro ahí Porque si solo te metes en esto y vamos a verlo. Si es de color blanco, se puede ver, va a tener un problema. Debe ser negro, bueno. Ahora bien, ¿qué es lo siguiente que hay que hacer? Vayamos directo al grano. Ahora, prototipo. El pecado está todo listo. Entonces veamos la agradable animación de transición. Vamos. Lento en lento en, lento en. Perfecto. Como ya he dicho, el primero siempre es un problema. Sí, siempre es un gran problema. ¿Qué hacemos? Sólo. Perfecto. Uno, mira la bicicleta, igual que mmm Hay algo que creo que tenemos que hacer. Sí, ¿cuál es qué? Solo ven a diseñar. Mira esto. Tenemos que vigilar 28 a cero. Se estaba mostrando antes, que no soy yo para mostrar en absoluto. No queremos que se muestre. Volvamos aquí. Sí. Es como venir, igual que ya sabes Sí, puedes ver el epler a estas alturas igual que moviéndote ya, viniendo más rápido que explorar Interesante en realidad. Esto es táctica. Esto es creatividad. Muy creativo, creativo. Se puede ver de confianza por también sólo bajar. Tienes una bicicleta apenas entrando, o, algunos textos bonitos. Se puede ver muy perfecto. Muy perfecto. A de nosotros de. Entonces usamos el hinchable Tratemos de ver qué tiene hinchable para nosotros. Pero Bouncy no se ha detenido para nosotros, ¿de acuerdo? Rebote, C, rebotando, rebotando Banc Vamos. Esa es una bonita. Una bonita. A mí me encanta. A mí me encanta tanto. mí me encanta tanto. E uno. V rápido. Cambiemos ahora mismo no quiero jugar demasiado. Cambiemos a 5 mil. Sí, bonito. Veamos qué pasa. Vamos a conseguir sc. Entonces, ¿cómo? N uno, es uno, guau. Delicioso. Eso para este tutorial en particular. Te veré en la siguiente cuando en realidad sería diferente, bastante diferente. El badon está entrando. Cámara lenta perfectamente el esto. Te veré en la siguiente. Te amo. 31. E01: Ahora veamos el último diseño. Voy a ser muy rápido con esto. Ahora, viniendo selecciono este país C, eso es copia, baja a la página nueve, luego a la página. Como qué hacemos ahora, seleccionamos las cuatro patas, deberíamos venir de arriba a abajo, cosas así. Éste debería ser uno. País G por separado, Ct g, por separado, País g también. Esto viene de la izquierda. Esto viniendo de la derecha de la derecha, y también esto también me dejó separar a este grupo O. Bueno. Tenemos a este grupo juntos. Simplemente no quiero agruparlo otra vez. Yo sólo contras. Es grupo ya grupo tres. Aquí tenemos esto también, luego agrupa esto, luego esto también, entonces qué cachorro esto juntos, contra. Entonces eso es perfecto. ¿Qué hacemos nos fijamos en esto y nos aseguramos de que sea vino? No es como colores como este, puedes ver. Debe ser blanco, perfecto. ¿Qué hacemos? Usted selecciona este pres, turno y copia afuera. Ahora, como tú, resbala este balnearios y turnos en el espacio exterior es. Entonces tu cero. Perfecto. Trae este como este turno, cero. Perfecto. Seleccionar turnos y espacio dar ero. Seleccione este turno en. Oh, no. ¿Cambiarlos con espacio por? No. Cero. Entonces esto debería venir de. Déjame decir que M depende. En realidad puedo decir que debería venir de abajo o de la derecha. Déjame usar esto desde la derecha. En realidad deberías tener sentido. Depende de tu movimiento. Depende de tu la persona porque esta en realidad viene de hoja descendente. Yo quiero hacer esa diferencia. Hacer ¿Qué es nido? Sólo esto. No voy a mover esto a la izquierda o algo así. Yo quiero hacer voy a hacer algo maravilloso. ¿Por qué solo seleccionas, clic en el botón izquierdo del ratón y presionas shift y luego algo así? Eso se puede ver. Ya ves lo que pasaría muy perfecto. Ahora lo que llegas a cero, luego entra perfecto. ¿Cuál es el siguiente en? Seleccione aquí. Mira una buena transición. Prototipo, el selecto y no. Se va así y como siempre, Después de las últimas 800 MS. Ir a la marca Foot. No lo olvides. Intentemos cambiar la marca dos. No provocar ninguna confusión. Sí. Apunta Smart Aimate, entonces qué 2000 No hay cambio a N dos, luego dos que. Muy perfecto. Vamos a movernos hacia. Esto fue un año antes, no. Repetimos y veamos qué pasa. Bonito. Ya no lo necesitamos. Vamos a ir directo a horas. Esperemos y veamos la agradable interacción de transición. Prototipado de animación. ¿Cómo lo llamas? Sí, vamos a estar viendo esto ahora. Perfecto. Pero no olvides que en realidad va a ser así en primera instancia. Entonces, permítanme presionar sobre r. Veamos qué pasa. Se puede ver, muy perfecto. Es e uno, nie uno ve la parte superior, el logo vienen desde el lado izquierdo iniciar sesión en la barra de navegación descubrimiento, los porches ahora confiaste solo mirar la manzana en Niza Viniendo de fuera p. agradable. Eso es lindo. Vamos a tratar de usar el bo C C, C C. Vamos a eso. Veamos qué pasa. aprovecha. Pasemos y qué prensa en salir. Bien. Buster de bloques ¿Ves? Muy perfecto. Tratemos de reducirlo. Simplemente me gusta. 5,000 presione enter. Así que va a estar usando la b otra vez. Veamos qué pasa. Quiero hacer eso a como f scre press. Bonito solo rebotando, rebotando, rebotando. Volvamos a nuestra t número uno, que es la Jen y tenemos la MS 2003, 2000 Entonces eso es en realidad todo para la sección de animación. Veamos qué pasa. Bonito. Perfecto. en el siguiente video en el siguiente video de conferencia. 32. Introducción al diseño responsivo: Sección de diseño responsive, voy a comenzar con la marca inmobiliaria responsive design porque es más de diseño responsive automático, y después de eso, pasamos a la marca de alimentos responsive design, luego pasamos a la marca tech y también a la marca foot. Lo hice para asegurarme de que aprendemos la forma automática de crear un diseño responsive antes de usar el manual AC en la siguiente conferencia vi. 33. Diseño adaptativo: marca inmobiliaria: Justo aquí en la paga diez, como ya he dicho antes, dije, vamos a comenzar este diseño responsive con el inmobiliario porque es más automático y un poco masculino que los otros. En realidad publicar aprender mejor sobre el diseño automático y las restricciones. Ahora, el movimiento directo a donde está en realidad. Se trata de una verdadera contras. El paso a P diez. Puedo intentar renombrar todas las páginas, pero dejarla así como que no sea un problema, luego controve bien Tenemos este camino. Ahora, que, es muy sencillo. Vamos a hacer las tabletas y también para el móvil. Muy importante. Si quieres que sea receptivo, no solo el móvil. Pero vamos a hacer que el móvil vaya a animar el móvil, no como se llama, no las tabletas, es muy sencillo Ahora, ahora quiero que entendamos algo concerniente a esto. Ahora, déjame entrar. Ahora bien, esto es un logotipo. Lo primero que hacemos es que tú selecciones en este logo. Cuando seleccionas TC, tenemos una restricción. Esta es la parte superior izquierda, derecha, inferior, centro. Cuando vengas aquí, estas son otras funciones también las que vamos a prestar, las más importantes, las fundamentales. Estas son otras funciones que vamos a prestar y entender aquí. Ahora, por ejemplo, cuando dices capacidad de respuesta, cuando selecciono este marco Déjame dar click. Es extraño que se vea. El letrero en el sobre o es el inmueble, no se están moviendo. Déjame controlarlo. Veamos qué pasa. Se puede ver que el mi se mueve. El local está moviendo lo que pluma. Ahora, seleccione sobre esto y vea que tiene qué, tiene. Se trata de restricciones. Cuando dices restricciones, es fijo. La parte superior y lo que hay a la izquierda. Es decir, ya se puede ver. algunos puedes ver esta línea azul aquí. Esto contarlo habla a la cima y lo que es y también a la izquierda. Se puede ver. Ahora bien, esa es la razón por la que en realidad appen así Pero intentemos algo y veamos qué pasa. Voy a seleccionar esto, pres en hoja y seleccionar esto juntos Voy a agruparlos porque quiero que se muevan al mismo tiempo. Ahora cuando seleccione esto, venga, seleccione esto. Se puede ver arriba y lo que es arriba e izquierda. Arriba y lo que es y correcto. Seleccione aquí. Vamos a presionar sobre esto. Al seleccionar esta, se puede ver azul azul. Significa que ha sido seleccionado. Bien. Seleccione en este qué, haga clic en ON. Se puede ver muy, muy perfecto. Así es como empieza. Ese es el aspecto automático. Has dado la instrucción de que lo que deberías ser de arriba a derecha. U debe de arriba a izquierda. Se puede ver. También se puede ver la línea azul. Déjame seleccionar esto. Se puede ver que las líneas azules vienen de arriba a qué a la derecha. Es muy, muy importante cuando se habla de capacidad de respuesta Ahora, diseño receptivo, esto es diseños automáticos y qué y construye. Vamos a estar usando una tumbada aquí también. Diseño automático en qué restricciones. Es muy, muy importante y hablando de tablet y móvil. Ahora que para eso en realidad. Antes de pasar a ir directo a la tableta, tenemos que hacer algunas cosas y hecho mostrarte algunas cosas aquí mismo. Ahora cuando selecciono esto, ya pueden ver, esto es en realidad y se está moviendo. Pero llegamos a su s de comodidad y estilo agregando, agregando y la botm fuerza de contacto hacia abajo . Se están moviendo. ¿Qué hacemos simplemente lo contras?, Acercar a poco y lo que viene por aquí Ahora bien, esto como para tener éxito con esto y hacer esto perfectamente. W al grupo, clic derecho, la w en grupo. Todos ellos tienen que ser seleccionados separados, C, seleccionar esto y seleccionar este. Otra cosa que tenemos que hacer es que tenemos que agrupar esto también porque va a ser como contactarnos debería estar arriba y exploer debería estar abajo contactanos. Va a ser receptivo y va a entender, va a ser automático. Simplemente haz clic aquí y haz lo que entonces y gro muy perfecto. Ahora lo que hacemos, seleccionamos esto. Cuando se está seleccionando esto, pres en turnos, seleccionamos esto, seleccionamos esto, seleccionamos esto Los estamos agrupando de nuevo, sí, pero lo que hacemos agrupándolos como contr g. Ahora automáticamente como entonces qué desplaza A. Dado a qué auto layout Ato lay es lo que los turnos A controla. O vienes y simplemente presionas en qué, presiona en el plus selecciona el puerto, el ícono más y nos da qué diseño automático. Tendrías sn, ¿qué tiene de malo esto? Sí, solo tienes que controlarlo tú mismo. Es muy muy importante. Ahora, ¿a qué te dedicas? Esto se puede ver bien. Hemos alineado abajo a la izquierda. Pero una vez que todo está centralizado, se puede ver todo en las palabras todo el centro. Ahora bien, que hagas eso no significa que realmente tenga un problema. En realidad deberías cambiar algunas cosas aquí, y debería lo que está alineado con el centro. Eso es lo primero. Ahora, aparte de eso, ¿qué hace lo siguiente que hay que hacer? Si vengo y esto no te gusta. No pasa nada, sí. No pasa nada. Es paso a paso. En realidad se debe seguir las instrucciones, C cronológicamente, tiene que estar bien organizado Ahora tenemos esto ahora porque la razón es que quiero que todo sea como, k, el espacio entre el agin, todo va bien perfectamente. Aquí también. Deben estar bien colocados, deben estar bien correctos. Ahora Aveda, ¿qué es lo siguiente que hay que hacer? Ahora, en realidad podemos usar algo como esto. Se puede ver. Si tuviera grupo si no hubiera agrupado esto antes antes. En realidad vendría en un experto vertical, teniendo una disposición vertical. Déjenme volver a esto. Se puede ver el diseño horizontal. Entonces este último fue lo que usábamos antes. Envoltura. Si es así, envuelve todo en ese contenedor para ese diseño automático. diseño automático en realidad pone todo en un contenedor en particular. Envuelve todo en un contenedor en particular. Depende de lo que quieras usar. Quiero a la vertical bien. Horizontal, fino, ¿envolviéndolo? Bien. Depende. Ahora, Eso es eso para eso. Ahora bien, ¿qué es lo siguiente que hay que hacer? Para que sea receptivo y ya sabes, cada vez que lo cambie a la pestaña o al móvil, haz que se calme y todo salga perfectamente bien. Ahora, ¿qué hacemos? Ahora bien, esto es muy importante. Prestas atención a esto. Bueno. Ahora, en primer lugar, selecciona esto. Cuando seleccionas esto, ¿qué es lo siguiente que debes hacer? Hemos terminado con el diseño automático. Ahora, ¿qué hacemos? Ahora hormiga hecho el diseño automático. Ahora el diseño automático se hace bien. Eso es bueno. Ahora, ¿qué es lo siguiente que hay que hacer? Ahora, ya no tenemos nada que ver con el diseño automático por ahora. Hemos hecho lo centralizado, todo ha sido el margen, todo está bien. Ahora vamos a fluir esta instrucción. Ahora muévete derecho a la construcción hacia atrás. Ahora, ¿qué haces? Porque cuando seleccionas esto, haces clic como puedes ver, no pasa nada. H para hacer algo pluma, seleccione esto y venga a lo que está a la izquierda y a la derecha. Eso no es sólo a la izquierda, no sólo a la derecha, no al centro de escala, a la izquierda y a la derecha. Cuando seleccionas escribe lo que sucede. Primero, vamos a hacer clic aquí. Se puede ver moviéndose, lo que es no quiero usar, seleccionar sobre esto, pres en esto y C, muy perfecto. Se mueve. Eso se puede ver. Déjame zum Elizabeth Se puede ver muy, muy perfecto. Eso se puede ver. Eso se puede ver. Ah, ja. Bienvenido a tu Estilo. No todo va de la manera perfecta. Sí. ¿Qué hacemos ahora? Solo ven por aquí, puedes seleccionar afuera, luego seleccionar en este entonces. Bueno. Entonces ven arreglado con. Sí. Entonces necesitamos hacer algo mucho más receptivo. Se da doble clic en esto, solo en esto. Entonces ven aquí. Porque tenemos un contenedor normalmente. No arreglamos con. Todos estos solo me gustas niños en un contenedor en particular. Quieres arreglar el camino, llenas contenedor. Eso es que en realidad se llena en el espacio de ese contenedor. Es muy muy importante. Secc sobre esto también. Ven a llenar el contenedor. Secc sobre esto también. Ahora bien, como profesional en esto en realidad, si en realidad seleccionas esto y también lo rellenas así que nos va a plantear algún problema. Preferimos no llenar solo contraste. Preferimos no caer aquí. No te preocupes, vas a entender a lo que me refiero. Sólo sigamos con esto. Ahora, después de eso, solo sal y da clic afuera aquí para no confundirte, luego selecciona tu espalda Ahora, ¿qué hacemos? Arreglamos lo que nos encontramos para arreglar, llenamos el contenedor y todo. Ahora está en envoltura. Ahora necesitas cambiar, volver al diseño automático y cambiar qué diseños verticales. Tenemos b aquí, tenemos horizontal, esto es rap como ves, pero diseños verticales. Ahora vamos a probar. Veamos qué está pasando si realmente estamos progresando. Seleccione eso y haga clic en, Oden Dragon. Se puede ver muy perfecto. Nos vamos a mudar. Estamos progresando. Sí. Ahora contraste, tenemos eso. Pero en realidad contáctanos explorar más en realidad, no. Si pudieras recordar, en primer lugar, en realidad agrupo esto también. Lo que puedo hacer es simplemente hacer doble clic. Presiona sobre las hojas, luego selecciona esto también. Entonces, ¿qué es el control g? De hecho, he agrupado esto. Entonces, ¿qué hago? Se lo doy a capas. Ahora, la estratificación que sigue en vertical. El pic lo vuelve a cambiar a lo horizontal y vuelve a la normalidad. Quiero cambiarlo de nuevo a la forma en que está destinado a ser. Apenas Tuggle entre este fin. En realidad, todo va perfecto amor. Déjame que sea lo que horizontal o A bien. Horizontal es selección de papanicolaou en esta cosa en realidad toma práctica Practica porque necesitas arreglarlo todo por nosotros, luego después de arreglarlos, entonces qué haces. Vas a contratar, darle izquierda y derecha. Después de eso, te mueves a, vuelves a donde vienes al marco y lo das los eliges uno por uno. Puedes volver a ver el video para que puedas entenderlo y corregirlo hacia abajo. Los eliges uno por uno. Cuando los chos uno por uno, qué pasa, los llenas en ese contenedor. Ahora esto se está seleccionando el clic Odenra. Se puede ver, muy perfecto. Depende exactamente de dónde salga el museo. Se puede ver muy, muy perfecto. Se puede ver, muy perfecto. Déjame aumentarlo más. Se puede ver. Tenemos esto, y se mueve. Se puede ver que se mueve, se mueve. Se puede ver muy, muy perfecto. Se puede ver. Ahora lo contras. Bueno. Ahora acerque el zoom. Bien. Nosotros tenemos esto. Ahora, para que sepamos la pestaña en sí, para conocer el tamaño de la pestaña, seleccione pres en F, que es la abreviatura de frame Esta tabla, seleccione en tabletas, siendo seleccionada. Disponemos de diferentes tamaños para tabletas. Tenemos superficie pro ochos. No vas a estar usando este pre seleccionar esto. Se puede fijar en el marco allí también. iPad muchos. Algo como esto en realidad se viene a enmarcar de nuevo. Este perfecto Eso no es un problema, y tenemos esto. Pero voy a ¿qué voy a hacer? Voy a usar el segundo. Pero lo voy a usar aquí. No. Es casi lo mismo que un teléfono. No quiero el bien, el bien. Voy a usar esto. Voy a usar esto exactamente. ¿Qué quiero hacer? Porque quiero que el largo de todo sea lo mismo, pero el ancho debe ser diferente. Qué hago selecciono en estos conjuntos de prisión, presente Saca esto a relucir. 110, espaciado. Ahora, ¿qué hago? Selecciona en esto y he seleccionado en esto, luego mira el ancho 34. ¿Qué hago? Selecciono y le doy el ancho de este lo ocho d y lo 34, luego por entrar perfecto. Se puede ver aha. Ahora déjenme d esto. Déjame oom V perfecto. Ahora, ¿qué hago? En realidad puedo. Ven, trata de aumentar. Ahora, déjenme decir por ejemplo, ahora, dije 834, se puede mirar con, se puede ver, es 34 Eso es 832, bien eso es un problema. Eso es que sigue bien. Ahora, ¿qué hacemos? Es muy importante que entendamos esto en eso. Cuando seleccionas en esto, esta es la pestaña. Ahora tienes que venir al diseño de cuadrícula, seleccionar el diseño de cuadrícula aquí, y en realidad estar comiendo para traer de vuelta el diseño de la cuadrícula, cambiar lo que cambia G. Puedes ver perfecto. Ahora estamos viendo los mismos diseños de cuadrícula que usamos para el dektop para esto, que no está destinado a ser Porque se reduce. Ahora se reduce la pantalla. Cambiamos el conteo a algo así como diez y el sondeo a siete y presionamos enter Se puede ver perfecto. Comienza desde aquí y termina aquí. Solo ven, selecciona esto, luego presentas turnos, entonces puedes ver esa línea roja el buen set en este turno también presente e intentaremos ir . Dios, lindo. ¿Qué hacemos consignando esto también? Qué no necesitamos para empezar a cambiar estos y este no, no necesitamos ya tenemos el tamaño ahí. Haga clic en el presente se sienta, lo siento. Haga clic en este presente turnos. Trae a colación, ¿qué hacemos? Este es el contenedor en sí, el diseño automático. Seleccione este presente s. entonces se puede ver muy perp puedo hacer el cual es la llamada El marco, llegar a este fin aquí. Depende, bien, está bien. Si no quiero, puedo hacerlo, ya sabes, ya sabes, más pequeño. Déjame ponerlo así. Creo que me gusta así. Pre comparte prensa, imprímala hacia abajo. Perfecto. Entonces cambia g, quítalo y ya puedes ver, muy perfecto. Esto es para lo que esto es para el ya sabes, esto es para lo que se llama para las tabletas. Bien. Ahora la otra que puedo hacer es simplemente venir. Haga doble clic en esto. Entonces, ¿qué hago? Le doy lo vertical. Se puede ver, muy perfecto. Ahora dándole vertical, hay algo que debemos hacer. Ahora antes de eso antes de eso, déjame controlarlo y hacer tablet así. Entonces ahora, tenemos la tableta. Seleccione y esto presione y cambie, luego presione, luego copiarlo y pegarlo afuera. Una t, una tercera buena. Ahora, ven, haz doble clic en esto y dale, dale vertical. Cuando tienes algo en el aspecto vertical, necesitas entenderlo perfectamente bien. Ahora, tenemos esto. Este es otro aspecto exacto de diseño automático en esto. Este es un diseño automático exactamente. Confundir porque podías recordar que le di su propia capa automática por separado aparte de normal todo el diseño automático que tenemos Ahora bien, para que hagamos esto porque a veces cuando usas en el móvil o a veces cuando usas una tableta, L et me dicen móvil, por ejemplo. Se puede ver que el botón de acción total en realidad sería grande hasta punto de que cubre todo por aquí solo con el texto Res. Si. Eso es lo que vamos a hacer ahora mismo. No quiero volver a cambiarlo a la horizontal. Al hacerlo bastante diferente átomo vertical, estando todo apilado el uno sobre el otro como capas. Ahora, ¿qué hago? ¿Este es su propio diseño automático? Este es su propio diseño automático. ¿Qué hago? Selecciono aquí. Puedo seguir adelante para que se equilibre. Yo no pres a otros en el público va a equilibrarse Ahora, no lo olvides, selecciono esto primero, luego hago clic y arrastra afuera aquí. Perfectamente o presento oh, no, presente oh, déjalo así. En realidad llega hasta aquí. Se puede ver muy perfecto. ¿Qué hago? Ahora, no olvides cuando selecciono ese es el, lo doy a fiel container. Decidí no darle a esto el contenedor de campo Dulcic. Ahora es el momento de que llene el contenedor. F contenedor, se puede ver muy perfecto. Qué llenar contenedor. No lo olvides. La última vez que hice esto, no llené el fondo de dos C, la acción cultural. No los llené en contenedor, lleno el primer da y el sub a. entonces ahora estoy llenando esto porque sé que voy a hacer las cosas diferentes de alguna manera. Bueno. Tenemos esto muy perfecto. Muy agradable y perfecto. Si realmente quiero, en realidad puedo seleccionar esto e intentar cambiar la margine algo así, pero no se ve bien, déjalo Simplemente es perfecto así. Bueno. Sí, tenemos esto siendo perfecto. A mí me encanta la manera. De hecho me gusta. Se ve bien. Bonito. Otra cosa que podemos en realidad es solo pasar un segundo en esto. Ven a la imagen. Entonces ven a Phil, luego ven a Crop. Quieren que esta imagen sea centralizada. Entonces la imagen es en realidad, se puede ver se pueden ver los autos cuando la bajan, se convierte en cuatro flechas. Así que haga clic. Presiona turnos y luego solo transportarlo en el med y eso es todo latas. Pero esto también se fijó en la imagen. F ven a Crop. Selecciona esta flecha, luego tráela al med, muy perfecto. Y nosotros eso. Ahora pasaremos a la palabra a la vista móvil. Quiero usar el móvil, quiero usar los turnos actuales entonces lo que está pres encendido luego imprimir afuera Bien. Perfecto. Entonces, ¿qué hago? Pulsa en F, ven a enmarcar, ven a lo que viene al teléfono. Voy a usar el último iPhone, que está aquí. Bien. Perfecto. Entonces lo que en realidad quiero comprobar ahí es lo que voy a comprobar el w. cuatro. Ahora, hago clic cuando hago clic, clic Oden arrastre alrededor, ya sabes, que sea cuatro es 440 Después 429. De hecho, puedo encadenarme solo viniendo aquí y solo 448. Yo sólo quiero ver como se va a mover muy perfecto, se puede ver eso. Voy a borrar esta bonita. Ahora, momento de ajustar algo. Eso es sólo la pequeña cosa menor que vamos a hacer. En realidad, estás teniendo esto vas a eliminar esto. Va a estar usando el Amberger como el Ambergain. Lo llamamos primero el gamin ámbar, realidad podemos venir aquí a las capas de la cuadrícula w Shift G, muestra la arenilla. Lo siento mucho. Perdón por ese Shift G, muestra la arena, luego ven a cambiarlo a algo así como alrededor de las cinco o cuatro Digamos cuatro, perfecto. No queremos el espacio igual que, ya sabes, tener mucho el espacio aquí. O sea, el relleno desde este borde en particular hasta el espacio es muy grande. Pero para el teléfono, cuando revisas tu teléfono, ves esas aplicaciones que tienes para esos sitios web, el margen otro mucho. Imagina otro partido. El espacio en blanco, el espacio negativo, otro reloj. Vamos a hacerlo pequeño. Presiona turnos y trae. Podrías muy perfecto. Ahora para la amboga. El amga es algo muy sencillo. Vamos a pres sobre nuestra marcha. Click no arrastrará así. Lo tenemos perfecto. Lo que acabamos de seleccionar sobre esto y darle ese color. Después haga clic, presione en turnos y o hacia abajo. Arrastre. Sí, entonces país. Muy perfecto. Presentar hojas, presentar hojas, luego seleccionarlas, después contra muy perfectas. Así que en realidad puedo, no creo que sea demasiado grande. M 2024, Tab 24, luego entra que ni siquiera es demasiado grande. Así que sacarlo a relucir. Una bonita. ¿Qué hago? Déjame levantarme y veamos qué pasa. Es demasiado grande. Déjame simplemente dar click aquí y solo tratar de saber algo como esto. A ver. Déjame presionar sobre K y tratar de reducir el dt a dt a. Creo que eso debería hacer. Simplemente haga clic aquí y Niza uno. Una bonita. Creo que en realidad está en proporción con esto. Déjame solo una prensa en sentarse el. Se queda. Alejemos el zoom y veamos qué pasa. Sí, muy perfecto. Sí. Nos gusta así. A mí mismo me encanta así. Presente puedes cambiar, brotar. Entonces perfecto. Puedo intentar reducir el tamaño de la fuente, pero no quiero, simplemente no quiero. ¿Qué hago? Aquí puedes ver botones grandes, no te preocupes, vas a cambiar algunas cosas que te van a encantar. Seton esta prensa en os entonces Cs. Ahora, fija y presiona la avena para que esté en proporción. Pero antes de hacer eso, has presionado K antes, que se escala, luego lo pones recto espalda con espalda a V, volviendo al pico dos o al movimiento dos Lo siento. Seleccione sobre el presente nosotros luego tratar de que le traiga una proporción con este fin. Eso lo tenemos muy bonito. Entonces, ¿cuál es el siguiente statep a hacer después de eso? Ahora, seleccionamos en el botón de llamada a la acción, tienen su propia diferencia, ¿cómo se llama? Tienen el contenedor padre y también para el botón C, tienen su propio contenedor diferente, que es para el diseño automático. Selecciona en el presente o y tráelos así. Muy perfecto. Eso se puede ver. En realidad puedes hacer clic afuera aquí, haz clic en esto, haz clic. En **** luego descomponerse aquí mismo. Se puede ver muy perfecto. Ahora se puede ver que esto es muy, muy perfecto. Mirando esto desde x, viniendo por aquí. Nosotros tenemos esto. Nosotros tenemos esto. Nosotros tenemos esto. Bien. Bueno. Lo que quiero hacer es eso. Si pavimentar en realidad, no queremos usar esto. B esto es tabulador, así que sigue manteniendo lo que se supone mantener. Eso es un problema. De hecho, podemos tratarlo. Bien. Yo me dejo borrar. No tiene problema. Déjame borrar por aquí. Solo asegúrate de que puedas ver uno y diez desplazando los márgenes Bueno. Nosotros tenemos esto. En realidad, si no quiero usar este botón grande también, sólo puedo hacer doble clic aquí. Cuando hago doble clic, ¿qué hago? Haga clic por aquí. Lo primero que puedo en realidad es simplemente cambiar nuevo a Perfect horizontal. Va perfecto porque en realidad es diseño automático. Pero si no quiero hacer eso, ¿qué puedo hacer simplemente concluir? Controla y lo que haces, selecciona en esta pres on Entonces intentas encogerte por completo. Depende de ti como pienses, los usuarios realmente van a disfrutar usándolo. Puede natural, solo vuelve a controlarlo. A realmente puede hacer clic afuera, haga clic en esto. Entonces presione en K, que es la escala. Luego presione clic, presione en os, luego intente reducir. La fuente y todo porque es móvil y se puede ver. Perfecto. Se puede ver. Así que eso es bueno y perfecto. Si queremos que en realidad sea algo así, eso no es un problema. No quiero ser así contras. Bien, lado contra. Entonces entonces yo sólo prefecto la forma en que es. Entonces solo haz doble clic por aquí, selecciona sobre este presente. Lo siento cont. S esto pres en turnos hacia arriba. Lo siento. La razón por la que no appen así es a escala Vuelva a cambiar a la jugada dos. Eso es pres en V, haga clic en pres, luego intente reducir en Esto realmente debería funcionar. Entonces eso es perfecto. Al mirar esto en se puede ver. Sí. Está bien. Eso es perfecto. Para esto en realidad, hemos estado usando todo para diseñar restricciones, cambiando algunas cosas que puedes ver. Cambia algo que puedas ver, cambiando, bonito. Bonito. Para este segundo ir más allá, pero hay algunos cambios que se han hecho ahí se puede ver. Tan buenos cambios que se han hecho. Ahora tenemos esto ha sido perfecto para la web, la tableta, y también para el móvil. Veré en la próxima comenzará con el Ambger, comenzará con el ambger Sí, entonces lo hacemos la mayor parte de forma manual, lo que en realidad está destinado a ser. Te veré en el siguiente video de conferencia. 34. Diseño adaptativo: marca de alimentos: Ahora, pagamos el nivel página diez fue donde realmente hicimos esto ahora nivel de página. Ahora vamos directo al Amberger. Marrón el marrón Amberger, en realidad se está cargando. Ahora solo selecciona y presenta este contro C como de costumbre. Et bajar a la página diez, perdón, diez, luego contra, muy perfecto. Ese fue el im. Ahora, Esto no va a ser de automático y debido a que tenemos esto, pulsamos en shift seleccionamos esto y contra g agruparlos juntos. Siendo esto también un grupo. En realidad tienes esto en realidad está en la parte superior izquierda. Para que agregues esto está en la parte superior izquierda, simplemente cambia a la derecha. Ahora déjame tratar de saber, ya puedes ver, en realidad me mantiene el logo que me dejó. En realidad mantiene el derecho también. Pero aquí tenemos muchos elementos, una mirada al sólido, mira las hojas, mira. ¿Qué le podemos hacer? Sí, en realidad podemos arreglarlos también. Lo que hacemos venimos a la maraña directa. Esta es la maraña, arriba. Escribe también. Tenemos esto también. Esto es. He seleccionado el mboger arriba a la derecha también, las hojas aquí Las hojas me dejan escribir él puede traer al frente. Arriba a la derecha también. Cuando hago eso qué hago selecciono esto e intento hacer clic en la respuesta y ver. Muy perfecto. Pero el texto, ese es otro problema que tenemos. No es realmente fácil realmente hacer que todo responda aquí porque tenemos la izquierda, límite a la izquierda límite a la derecha a la parte superior y a la parte inferior. No como tener todo en el centro, como el post uno que hicimos para la t roja Bien. Ahora, ¿qué hacemos? En realidad, en realidad podemos usar, ya sabes, venir aquí. Sólo di, quiero hacer esto así. Va a funcionar. Sí, claro. Lo derribas, ya sabes, Trae derribarlo, ya sabes, moviéndote y moviéndote y moviéndote. Va a funcionar porque va a restricciones. Ese es el poder de la restricción. realidad tienes esto como, ya sabes, una revista tipo de inmersión principal en, algo así, buenos trucos, cosas así, ya sabes. Pero realmente no va a funcionar así. Tengo algo como esto para que veas, muy perfecto. Realmente no va a funcionar no realmente va a hacer todo lo necesario para hacer eso. ¿Qué hacemos? A continuación vamos a hacer solo ven y solo vamos directo al grano. Simplemente haga clic en esto, presione en **** y hacia fuera, luego copiarlo. Ahora tenemos esto. Cuál era el tamaño para el que utilicé para la tableta. Simplemente pres en F si recuerdas presente Escape de la Fuerza. Contraste. Lo siento. Apenas pres en F. Ahora enmarca. Tableta, tableta y el selecto en este. Oh, creo que no usé esto antes de usar esto. No puedo recordar en realidad, solo usas uno, 832 Lista. Tenemos c. tenemos el ancho para ser 8 321-083-2834 Eso no es un problema. Eso es realmente cualquier problema. Ahora tenemos esto exprimido. Ahora bien, si pudieras recordar muy claramente, déjame traer esta variable alcista porque hay algunas cosas que realmente perturban algo así, que es que creo que es el ascensor. Entonces, ¿qué hago con el ascensor?, solo hago clic derecho en Enviar al dorso. Lo siento, envía a No laves mi tiempo. No me moleste. Ahora bien, lo primero que hay que hacer aquí es que solo presione en pantano ven por aquí, pres g. yo s SG show you go show how is it called the grid set on this pres on Aquí porque tenemos al señor Chen grilla separada de la palabra de la ficha. ¿Qué hacemos? Solo establece esto, en realidad borra esto porque en realidad está recibiendo los sups hay demasiado. Vamos a usar el ambger recto, el icono de ambger Haga doble clic en esto y luego elimine. El logo debe mantenerse, por lo que desplaza la w traer alrededor de la A. Perfect. Qué hacemos necesitamos el Amberger. Vuelve a pagar diez. Por eso hay que salvarlo. Establecido en esta contra copiarlo, traer alrededor de la A. Entonces, ¿qué haces? Simplemente haces clic de todos modos para esquiar alrededor del control V. Deberías poder saber esto donde está realmente pegado puedes ver, traer alrededor del, en realidad está pegado Entonces, ¿está en línea con esto? Bueno. Ni se puede ver. Está en línea. Después traer algunos pre en sábanas, El traer alrededor de algunos. Bueno. Después cambia el color, selecciona en este tapete. Este debería ser el color. Normalmente. Pero no vamos a usar este color. ¿ Vamos a usar blancos? Sí. Vamos a usar blancos. ¿Qué hacemos? Esto es y o simplemente lo contrarias. Seleccione en esto lo siento, haga clic en Madera dos blancos. Bonito. Pre en las sábanas y déjala desaparecer. Se puede ver que las cosas están cambiando a la perfección. Ahora, ¿qué hacemos? En cuanto al texto, relativo a la amboga misma. Bien. Esta es la amboga El amg en realidad podemos reducirlo, traerlo o realmente podemos En realidad, solo me lo dejo traerlo afuera. Quiero molestarme aquí. Establezca en esta prensa y sip seleccione en esto, luego seleccione en esto. Bueno. Seleccione en esta selección en este también. Trae afuera así. Déjame ver perfecto. Ahora, hay que entender algo que no todo debería mostrar en las tabletas. Es muy importante. No todo debería mostrarse en la tableta y en el móvil. Para esto, en realidad, voy a retrasar esto. No lo necesito. No quiero verlo, no quiero. Bueno. Ahora bien, Cs eso que contiene eso. Para esto también, no creo que lo necesite. De hecho puedo poner la b por ahora. Déjame sacármelo de aquí. Ahora lo que puedo hacer es simplemente seleccionar sobre esto. Seleccionar en se está seleccionando turno presente seleccionar en este presente seleccionar en este. Entonces en realidad puedo agruparlos. Se ha agrupado. Además, no quiero que esto me confunda. Lo que quiero hacer es simplemente seleccionar sobre esto y lo que cambia la opacidad muy pequeña Lo hago muy ligero. Ahora ese espectáculo en absoluto, es para demostrar que es como, pero debería arrojar un poco de color verde. Sí. Una bonita. Lo voy a poner en el medio así que haga clic. Presione y sh luego no. Se puede ver. Sí. Creo que esa es la multa media. Ahora ya pueden ver, tenemos que volver a cambiar esto para volver a poner el verde al que está destinado. Bonito. Ahora lo que hacemos sl en esto, llevar al centro. En realidad se puede presionar alrededor del centro. Entonces lo que hacemos conteniendo esto, en realidad deberíamos cambiar esto porque L et me traemos esto a colación. Haga doble clic en esto en sí mismo. Presiona ***** trae a colación un poco. Haz doble clic en esto. Presione los turnos, luego presione esto, luego controle g. De hecho, puede moverlos hacia arriba para obtener mucho tientas muchos diseños automáticos, y eso es un problema Presiona afuera, así que selecciona esto. Cuando seleccionas esto, en realidad puedes darle qué diseño automático. Sí. Cuando hacemos el diseño automático, en realidad podemos venir y centralizarlos . Se puede ver muy perfecto. Pero en realidad, estos no están centralizados. ¿Qué está pasando? ¿ Voy a ponerlo horizontal? No, Rap, no, sigue vertical. ¿Qué haces? A veces en realidad se ve así. ¿Qué haces? Vuelves a ese texto en particular en sí. Entonces lo que ha llegado al texto están en la sección de texto. Entonces lo que está centralizado. Una bonita. Póngalo doble clic en esta y también tecla Escape. El centralizado. Es Centralizado, muy perfecto. ¿Qué haces? Entonces ahora, tenemos esto así. Entonces se ha centralizado. También se centralizaron. Entonces también, se puede decir que esto no es centralizado en el mundo . Simplemente haga doble clic en esto. Haga doble clic en esto, venga sobre el centro de prensa. Haga doble clic en esto también. Lo siento, prensa. Entonces, ¿qué centro de prensa? Dices después de centralizar todo y esto sigue siendo así Podemos simplemente hacer doble clic sobre esto. Esto ha sido centralizado. Se ha centralizado. Lo que puedes es muy sencillo. No es necesario perder el tiempo, seleccionar en esta pres y cambiar el s centraliza si en realidad es un problema que plantea Eso no es un problema para mí. Eso es perfecto. Eso es perfecto. Seleccionemos esta forma actual, traemos a colación un poquito un poquito. Ahora al mboger, se en el mboger y traer de vuelta a la página, al escritor Ahora solo baja un poquito. Arriba está centralizado. Pres. Ven, hazlo vertical, bueno. Quiero que sea un poco cubriendo eso. Configurar. Muy perfecto. De hecho puedo reducir la ambiga Puedo tratar de reducir las balas de ambuga. Vayamos a ver qué pasa aquí primero. No quiero subir demasiado . El espacio en blanco para estar ahí. Entonces solo selecciona, presiona en K, presiona on out, luego trata de reducir. Creo que algo así debería funcionar. Pre venir arriba. Sí, creo que en realidad está funcionando. Sí. Déjame mencionar esto un poco. Se puede ver, sí, muy, muy perfecto. Perfecto. Déjame simplemente dar click aquí. El se mueve un poco hacia arriba también. Entonces este zoom en, Ms arriba. Bien. Una bonita. Ahora, vengamos por aquí la hoja. Esto es un cabronazo. Digamos que puedes cambiarles el nombre, pero no quiero cambiarles el nombre a partir de ahora por ahora. Intenta cerrar esto. Ahora tenemos lo que se llama la hoja. Da clic aquí y realmente trae lo que trae a los frentes. Una bonita. Esto es perfecto, perfecto. Ahora depende de cómo vamos a arreglarlo realmente, dónde lo vamos a poner para que sea perfecto. Quiero asegurarme de que no esté cubriendo al cabrón. Primavera alrededor de algo alrededor de algunos está cubriendo el pedido ahora, vamos a derribar. Trae por algún lado. Sí, creo que ya es lo suficientemente perfecto. Eso es perfecto. Creo que quiero que esto hable bastante. Nosotros la ficha. No así. No, vender a escala, eso es ponerlo V. Entonces sólo hay que poner alrededor de la, se puede ver que sea grande. Sí. Una bonita. contradecir la hoja, traer por ahí También el ambo la vida en realidad está obstruyendo. Déjame venir y poner el ámbar. Bien. Amberger imagen s centralizada. Hace el centro. Bueno. Ahora, presenta el rectángulo, el retangle, luego el enredo directo intenta llevarlo al centro Sí, debería estar entre los dos es uno es uno. Entonces tenemos eso. Creo que todo es ahora donde está centralizado. Bien. El texto, el texto. Así que en realidad tendría que tomar esta licencia a la manada en realidad obstruyéndome. Así que pon la hoja. Bien. Entonces ahora ven al vivo y solo llévelo a la parte de atrás. Envía la parte de atrás, por favor. No está bien. N es uno. Ahora una cosa es buena. Entonces ahora, Mirando esto, selecciona la parte superior aquí, solo trae en el centro. Sí. Creo que está centralizado. Sí, está centralizado. Eso es lindo. Eso es perfecto. Eso está bien. Ahora ¿qué hacemos? Ahora compara con el ascensor, entonces ¿cómo se llamaba llevar al frente? Perfecto. Sí. Déjame sacarlo un poco en realidad. Sí. Bonita, muy perfecta. Creo que necesito el ro en realidad ahora mismo. Sólo la O. no necesito nada más que la ro. Ven aquí. Esta es la hamburguesa Ven aquí directamente hacia abajo. ¿Cómo se llama? Sí, bien debería haberlos renombrado, pero solo dejándolo Eso no es un problema Seleccione y disp en hojas y operaciones, traiga. Yo entro en. Que puedas causar esto. Ahora tenemos esto aquí. ¿Qué hago? Et traer por aquí. Ahora, trata de intentar rotar a tu gusto. Haga clic derecho sobre él. Voltear Hizon. Sí. Perfecto. Muy perfecto. Podrías intentar solo para lograr algún efecto agradable, algo así. Sí. Perfecto. Creo que necesita un poco de ajuste. Déjame solo, ya sabes, algo como esto, ya sabes, algo así como salir de esta luz como esta muy perfecta. Entonces solo traes algunos. Bien. Eso no está mal. ¿Qué es lo siguiente que hay que hacer? No para el movimiento por cambio presente o tratar de saber. Creo que para el móvil, puedo recordar lo que utilicé seleccionar en esto. Es 434 S 430, luego entra. Qué hacemos como de costumbre empezar a organizar manualmente. También primero **** G, luego presione sobre esto, luego cambie el remolque cuatro, ingrese muy perfecto, al igual que hicimos el todo el tiempo. Seleccione en este. Lo siento mucho. Oh, la vida me está obstruyendo, por qué, por qué, por qué Sólo déjame respirar. No podemos cerrar esto. Ciérrela también. Sólo déjame respirar chico. Bien. Una bonita. Así que en realidad puedes tomar esta licencia. No lo sé, no lo sé. No sé hacer que desaparezca de mí pero solo manda para atrás bien. Sólo parándome. Bien. ¿Qué pasa? Lo que quieres es esto. Bien. Enviar esto a la espalda también. Bien. Creo que debería poder respirar ahora. Presione en turnos y luego traiga algunos alrededor como. Entonces todo lo que es en realidad, todo está realmente dentro. Ese es un problema que en realidad tengo este. Déjame tratar de cómo se llama esto aquí. Bien. Eso no es un problema. Eso es un problema en absoluto. De hecho puedo nombrar todo y asegurarme de que todo esté en línea, pero eso no es un problema. Si en realidad me acabo de esto, en realidad se puede ver. Ahora he exagerado esto, puede ver el ambuger en Seleccione que realmente traiga el mbuger peg sit entonces, tráelo por ahí Sí. Eso no es un problema. Bueno. N uno. Ahora qué hacemos, venimos aquí también. Ahora lo que nos referimos a esto, simplemente presione sobre lo que hay en K, seleccione presione, luego tratar de reducir es tiene que ser reducido. Sí, se tiene que reducir porque estamos en la vista móvil. Producido bien, es uno. De hecho podemos tomar esto. no necesitemos a este animal. Simplemente borra esto. Nosotros. Ven, trae esto al centro también. Simplemente presione sobre esta vertical, Un centro vertical. Entonces todavía en K. Seleccione en este presente intenta reducir. Sí. Ni uno, tres reducen y Perfecto. Perfecto. Trae esto a la baja. Lo que realmente puedo hacer ahí es eso. Trate de asegurarse de que esto no sea así. O sea, no es horizontal es vertical porque estamos hablando de la vista móvil. ¿Qué hago? Ahora bien, esto de vuelta a la escala de from. Ahora, solo selecciona sobre esto. Si realmente puedo recordar muy claramente, este es un diseño automático, ¿verdad? Puedes ver el diseño automático aquí. ¿Qué hago? Sólo contro. Lo siento. Simplemente haga doble clic. Cuando hago doble clic ahora, realidad puedo poner esto en el diseño automático también. Ponlo en maquetación automática. Entonces, ¿qué hago? Puedo cambiar qué vertical. Se puede ver, muy perfecto. Ahora, ha sido en vertical. Voy a hacer clic ductal por ahí, luego haga clic en esto. En realidad no está presente nada, simplemente haga clic en mantener y arrástrelo así y viva por ahí. Para esto, ¿qué hago? Volveré a pasar el doble clic. Antes boli simplemente resbaladiza sobre esta cosa en particular. Asegúrate de que esto es lo que se arregló este contenedor en particular. Entonces el libro da click sobre esto. Asegúrate de que este es lo que es fie el contenedor. Se puede ver muy perfecto. Seleccione en este también vienen sobre un contenedor de llenado y Tuttle Eso es todo. Muy perfecto. Ahora, solo pres en forma de G, y puedes ver lo último de la ciudad Yo digo que el fondo es bastante sim. No quiero que pase algo así. No quiero nada fondo fondo o sin antecedentes. Ahora, ¿qué hago? Déjame cerrar esto. Lo que hago solo selecciono el tango como hecho, solo pres en forma y asegúrate de que esto es lo que Está centralizado. Eso es, está en el centro. Sí. Debería. En realidad, lo es. Lo es. En realidad está en el centro. Ahora lo que hacemos acaba de llegar a la izquierda clic derecho, entonces lo que trae Ft. Llevar al frente. Una bonita. ¿Qué hacemos al respecto? De hecho podemos tratar de presionar sobre K, tratar de reducirla. Bonito. Trae eso por ahí, ja, ja Solo puedes tratar de sacarlo a colación un poco así. Permítanme decir algo como esto aquí. No. Digamos que entras en alguna parte. Perfecto. Sigue siendo una escala, trata de reducir, algo así. Intenta volver a traer esto al aire. Oh, perdón, no salir, lo que reduce mejor. Pero déjame, ya sabes, que sea una pionera, buena, sin algunas hojas Aunque sea dest view, sigue mostrando perfectamente la forma en que quieres mostrar, mostrando amablemente, ya sabes. Sí. Creo que tenemos que intentar llegar ahí. A lo mejor un poco más. Intentar. Esto Bien. Creo que porque no quiero que lo haga, ya sabes, no quiero ningún error. No quiero que nada lo haga. Déjame simplemente dar click así y ver qué pasa. No quiero que nada obstruya nada. Creo que creo que ya es lo suficientemente perfecto. Eso es bastante bueno. Creo que está bien. Sí. Bueno, déjame ver. Algo más. Yo es posible. No. Com. Sí. Sí, perfecto. Eso es esto p mbu creo que hemos podido hacerlo perfectamente Sí, déjame acercar esto un poco más. Trae esto un poco más cerca. Yo sólo bueno. Entonces tenemos eso siendo perfecto. Se puede ver desde, desde aquí. A partir de aquí. Sí. Perfecto. Sí. Entonces no todo lo que muestra en el departamento lo muestra en la tableta y no todas las tabletas deben mostrarse en el móvil Entonces lo voy a ver en la siguiente, Mira eso. 35. Diseño receptivo: marca tecnológica: En la página 12, luego muévete recto ahora para la marca de bicicletas, selecciona en esta prensa sobre el control C, eso es copiar luego bajar, luego contra pegar, muy, muy perfecto. Como siempre, lo hemos hecho, el contraight y todo. Vamos directo al grano. Ahora, presione en turno la salida, traiga afuera por aquí. Perfecto. Ahora Ave esto como de costumbre, en esta parte superior izquierda, bien. Verifica este país g. Los agrupa. Arriba a la derecha, sí, bonito, luego trae alrededor de la selección y se mueve. En realidad puedes si quieres, en realidad puedes arreglar la bicicleta con cero clic. Hay una bicicleta. Bien. Fijar ocho hacia la parte superior derecha también. Entonces, cuando haces clic alrededor del. Bien. Lo siento. Eso es un error para mí. Lo siento, confi. Entonces cuando haces clic alrededor del y simplemente enderezas un arrastre y ves, se mueve bien Bien. Entonces eso es 890 algo. Dependiendo de ti. Eso no es un problema. Bien. Perfecto. Ahora en realidad podemos ver que solo viene sobre el set en esto, ven, presiona en St g fs lo que me pasa, S se puso en esto, luego siete, luego presione. Ahora bien, esto debería estar aquí. Perfecto. Esto debería estar aquí. Bien. De hecho puedo dejarlo así, pero no quiero dejarlo así. Quiero usar el pantano porque las palabras realmente están entrando en Entonces se puso en esta contra, luego P dos, luego contra Ve. Vamos a tratar de ver dónde está en realidad puede sentarse aquí, así que sólo trae por aquí arriba. Así que baje. Sí, muy perfecto. Ahora seleccione en esto en realidad, luego seleccione en este muy perfecto. Eso es muy agradable y bueno. Ahora bien, ¿qué es lo siguiente que hay que hacer? La imagen en realidad. Pero por ahora, déjame tratar de dejarme solo hacer doble clic. De hecho puedo dejar la imagen. Sí. Bien Solo bájala un poco y podrás ver que algo está pasando. Se puede ver seleccionar en esto y se puede ver que el color de la montura sigue siendo en blanco. Haga clic hacia abajo, haga clic en arrastrar y bajar. C a negro. Sí. Perfecto. Entonces ahora, tenemos eso. Para esto, también, voy a volver a eso. Pero para ti por la imagen, solo sigue derribando. O simplemente puedes reducirlo de inmediato. ¿Qué es lo que acabas de pres en K? Simplemente haga clic alrededor del reducirlo. Creo que eso es perfecto. Se puede ver. No tengo que estar expuesto. Nueve es uno. Creo que sí, n es uno. Dejémoslo así por el ínterin. Entonces no podemos lidiar con esto. Ahora lo que intentamos tanto como sea posible. En primer lugar, tratamos de agrupar a este grupo. Sí. Intenta que se separen. Ahora seleccionamos esto. Presiona en barco, selecciona esto. Tú seleccionas los barcos de acero, tú seleccionas esto. Entonces los agrupamos allo luego les damos qué o a maquetar como una entidad. Ahora son ellos, llévalos al centro así. Simplemente puede presionar sobre el centro de lign horizontal. Bien. Entonces, ¿qué hacemos? Tratamos de llevarlos al centro aquí y todo va al centro. Si no es realmente le pasa al centro, haga doble clic aquí y qué centralizar esto, bien, perfecto Selecciona esto y lo que está centralizado, muy perfecto. Sin pérdida de tiempo, ni autos. Set y esto entonces qué hacemos, seleccionamos estos muy perfectos. Ahora tenemos esto en realidad Déjame quitarme como se llama. Eso es muy perfecto. Podemos ver en realidad seleccionar esto. Se puede ver que hay algunos gradientes. Si trato de quitarle estos gradientes y mirando la imagen misma, realidad tiene algún tipo de cosas en ella ¿Qué hacemos? Ahora, en realidad podemos dejarlo así. Llevar al centro, seleccionar esta pres en turno y ts, tratar de aumentar Trae un intento para aumentarte a tu medida. Qué carajo está mal. Intenta aumentar así. Bien. Bien. Perfecto. Entonces eliminemos su opacidad, simplemente haga clic, establezca el no Intentemos para que pueda ser central como el texto puede mostrar nosotros lo hacemos, mostrar. Tenemos que hacer que demuestre perfectamente que ahí hay algo. Es uno de los textos que afectan en esa medida. Estamos configurando lo que llamaron la vista de tableta. Ya sabes, esto. Sí, lo es. En realidad, sí, lo es. Eso es perfecto. Hecho con eso entonces confiado por. Ahora puedes consi esto. Ahora solo selecciona esto solo una vez. Entonces si tu herramienta es la escala presente V para que vuelvas a volver a volver al movimiento dos. Seleccione alrededor del entonces solo para reducir uno agradable, haga clic y traiga alrededor del. Haga clic afuera, haga clic en la presente hoja cli esto. Puedes contra G. Los destripan juntos. Traes alrededor del. Sí, lo tenemos así. Ahora solo selecciona esto, siendo grupo juntos. Difundir en K. Haz clic así e intenta reducirlo. Establezca nuestro gusto, haga clic y traiga alrededor de lo que puede simplemente pres en partículas para que sea centralizada Nze Después haga clic en pulsar en shat entonces. Haga doble clic así entonces. ¿Qué haces? Cambiar la k de nuevo a V, que se cambia de escala de vuelta a atrás para mover. Después haga clic alrededor del y para aumentar, haga clic afuera, luego haga clic juntos, Arrastre de madera muy perfecto. No olvides en realidad, presiona en lo que sats G. Ya puedes ver. Tratamos de asegurarnos de que en realidad esté entre esto. ¿Qué hacemos? Cortamos por aquí, seleccionamos. En primer lugar, basta con hacer doble clic aquí. Si esto no lo está cubriendo todo, basta con hacer doble clic. Va a cubrir todo, luego tratar de reducir. Tenemos esto por ahí. Entonces solo asegúrate de que esto esté centralizado. Esa es la cosa número uno. Entonces solo intenta hacer doble clic. Trate de asegurarse de que se reduzca. Entonces muy sencillo, solo trae eso por ahí así. Se puede ver. Esto. Porque nosotros debido a este diseño automático alrededor del que has hecho antes, para conseguir perfectamente en esa medida. Estamos podemos conseguir algo. Agradable cuando se puede ver, perfecto. Ahora, selecciona y sube un poco de hojas. Entonces, ¿qué hacemos? Eliminamos perfectamente las hojas de palabras. Bonita, muy agradable. V perfecto y agradable. Se ve. Ahora, ¿qué es lo siguiente que hay que hacer? Lo siguiente que hay que hacer es para w 40, pasar por solo e moverse alrededor de la gota. Ahora tenemos esto. Yo solo suena alrededor de los s estar en proporción, puede ver 102 1025 Eso es muy perfecto. Ahora para el teléfono, en realidad F. Veamos el marco para para este jinete. Eso es alrededor de 430 como hemos estado usando antes. Entonces 91, así que seleccione y esta n varillas, seleccione en este od perfecto. Perfecto. Entonces L et déjame traer esto aquí abajo. Sólo intentemos que esto sea bastante responsable o algo así. Ahora para los Amberger dos, que son cuatro, en realidad pueden traerlo por aquí, bonito, alrededor de los turnos actuales, asegúrese de que sea pption En primer lugar como de costumbre, los cuadrados en SHTG, la columna cuatro, luego presione enter muy perfecto. ¿Qué hacemos? Usted da clic en presente, haga clic en esto. Me han seleccionado y presentaré turnos entonces. Seleccione este presente sentarse entonces. Es. Ahora aparte de eso acabamos de seleccionar sobre esto. Pres en K. Se puede establecer en este pres on, entonces es uno. Perfecto. Para la moto. De hecho podemos dejar los pesos de la bicicleta es pres en ella G. Podemos pesos es en realidad plumas así, móvil Déjame primero arreglar post para arreglar esto. Asegúrate de que todo esté bien en proporción. Haga doble clic en este pres en V, tome su propia escala. Por eso esto no se está mostrando. Trae así por aquí. A ¿qué pasa? Algunos místicos o algunas cosas. Eso es patético. Simplemente haga doble clic en esto. A en grupo. La persona que podemos estar aquí es simplemente haga clic derecho sobre esto y lo que hay en el grupo. Quiero que esto esté encima del otro, algo así, vista móvil. Entonces tenemos este perfecto. ¿Cómo hacemos esto? Nosotros n uno. puedo simplemente pres en K, presione, n uno, luego traer por ahí Asegúrate de que sea el centro, pero K, entonces ¿qué hago? Presiona sobre diferentes, luego Zooming. Perfecto. Tráelo a colación. Estás demasiado ahí abajo, justo ahí. Esto también está en el medio. Sí. Lo tenemos como 2020. A cambiémoslo a redondear algunos como 16, sí, y centralizado entonces. Tráelo hacia abajo. N uno. ¿Qué hacemos? Ella perfecta. Pero esto va a ello. Bien. Perfecto. Yo creo. Eso está bien. Eso es agradable y perfecto. Es perfecto. Eso es lo suficientemente bueno. Eso es muy bueno. De hecho, puedes llevar esta d a boxes. Depende. Lo traes do a pits También, otra cosa que podemos hacer. Déjeme hacer primero con esta imagen. La calificación no se muestra alrededor. No quiero que aparezca ningún mac por aquí. Eso es lo que en realidad estoy tratando de evitar que se muestre por aquí. Eso es patético. Necesito usar báscula, no de este tipo. No el movimiento pt escala, K, el buen cantar abajo, buena mizone Bueno. Entonces certains así. Lo controla. K. Cierto así. Sí. Ese básico. Eso es lindo. Psi Agradable. Comodidad. Ahora, ¿qué hacemos? Se trata de un tutores. Sí. En atorad Entonces lo que puedo hacer es simplemente hacer doble clic en esto. La prensa en **** y el doble clic dan a esto también lo que auto layer como un shift A. ¿Qué hago ahora? Esto es capa automática a lo que hago. Puedo particula. Se puede ver. Se puede ver muy perfecto. C. artículo. Ha sido aspecto vertical en realidad se puede ver, que es uno se ve más brillante si pudiera usar el let. En realidad puedo seleccionar. Haga doble clic aquí, el seleccione. D presionar o cualquier cosa. Seleccione. Es decir, este es el contenedor, esta es la capa automática, real en realidad aumentando. Bien. Ahora un ahora, no está fijo o ya, así que puedes hacer doble clic en esto y dos y f contenedor perfecto. ¿Para qué también es un qué? Contenedor fil, muy perfecto. A mí me encanta esto. Yo sí. En realidad es receptivo, muy receptivo. Podemos ver, muy perfecto, muy perfecto. puede ver para el mobike en realidad es bastante grande a estas alturas explorar más, cosas así que la gente va a hacer Va a ser disparado para hacer lo que quieras que hagan. Esto es muy muy perfecto. A mí me encanta tanto. Esto me encanta tanto. Ahora eso es perfecto para esto lo veo en el siguiente video de conferencia. 36. Diseño adaptativo: marca de frutas: Esta última vez en realidad, vamos directo a no. Cómo se llamaba página o página en realidad. Sí, esta perfecta contra buena. C abajo, conti uno. Ahora como de costumbre. Yo solo qu punto en realidad. Cambiando a cabo este perfecto, n uno. ¿Cuál es el lado otra vez? Soy computadora para que pueda recordarlo todo. No es posible. Creo que eso es a sm pequeño. Sí. Creo que no. Creo que esto debería irse. H34. Una bonita. Gracias. 834. H34. Hace un Oh lo siento, hace contras patéticos. Es el 34. Fue que es 34, muy perfecto. Eso es lindo. Ahora tenemos esto. Desplazamiento profundo. Entonces, ¿qué hacemos? Presiona este diez, siete, er perfecto. Seleccione turno pres lo siento, seleccione primero, prestara uno Por esto y todo lo que hay dentro, creo que va a ser demasiado grande para nosotros. Vamos a quitarle esto. N uno. Entonces para lo que se llama para esta fracción. No puedes hacer esto. ¿Qué necesitamos para venir, él solo toma un poco, tiene algunas cosas suaves y deliciosas. Contra. Ese es el ámbar contra agradable traer alrededor de lo muy perfecto. La proporción viene, ¿verdad? No es un proporcional a la mitad. Un G. Bueno. Ahora tenemos esto. También vamos a poner esto en auto viniendo ahí mismo. Sí, bien. Ahora en realidad podemos hacer clic primero y solo tratar de agrupar todo. Ahora tenemos esto se puede ver, trop todo. Luego haces clic uno por uno, pre turno, luego este, luego cambia A, que es un diseño de dos. Entonces ahora, podemos cambiarlo a esto. Va a deformar todo, pero ella siendo vertical, ponlo en el centro, todo Aparte de eso en realidad podemos hacer doble clic aquí así. Doble click y ponlo en el centro, bonito, doble click y ponlo en escape, lo siento, ponlo en que centro. Todo. Una bonita. Lo que estaba haciendo rápido. Sin pérdida de tiempo. ¿Qué más necesitamos las manzanas? Eso es para arriba. Entonces solo trata de sacar esto a colación. Esto, luego baje esto. Después presione en K, haga clic, arrastre presione sobre. Se puede ver un poquito. No quiero que sea demasiado pequeña. Vamos a presionar sobre esto todavía en K. Sí. Pre click pres on, luego arrastra esto adentro, trata de reducirlo un poco. Sí. Esto debería ser bastante bueno. Ahora bien, ¿en realidad puede comenzar a reducir el asegurarse de que está en un cambio de proporción esto? Puedo reducir la proporción. Entonces, lo siguiente que hay que hacer ahora. Ven a elegir esto como de costumbre. En segundo lugar se encuentran los turnos presentes y en segundo lugar la copia del desplazamiento de pres trae alrededor del n uno Perfecto. ¿Qué es lo que acabamos de presionar en K Sí. Pre K. Entonces trata de reducir no demasiado. Bueno. Ahora puedes volver a pres a V. Luego haces doble clic. Entonces intentas reducir, madurar se está reduciendo. Haga clic fuera, haga clic en En las repisas de arrastre. Perfecto. Puedes ver esto en realidad solo haz doble clic en él, vuelve a la normalidad. Haga doble clic. Bien. Haga clic en el exterior. Haga doble clic en este solo a. luego haga doble clic. Se remonta al no. Sí, somos perfectos los computadores. Sí. Entonces haz clic, suena por ahí. Bien intentamos presionar de nuevo sobre K e intentar reducirla. Bueno. Entonces intenta ponerlo en lo siento. Perdón por eso. Así que ahora solo los pican y tráelos por ahí. Si realmente puedo hacer doble clic aquí. Es K. Trae a V. Tratan de aumentar eso puede traer esto por ahí y perfecto traer esto por ahí. Bueno. Entonces solo trata de saber. Establecer en este doble clic. Y tratar de aumentar esto a este sitio. Sí. Eso es perfecto y agradable agradable. Pero creo que en realidad es para cerrar. El espacio negativo no es que aumentarlo aquí arriba. Sí, en realidad puedo dejarlo así. Pero quiero algo de espaciado, algo de espacio en blanco mejor que antes. Ahora bien, ¿debería reducir esto? Probablemente sí, pero no quiero que sea demasiado pequeña. Simplemente haga clic en derribar. Yo demasiado listo, no quiero ser demasiado pequeño. Porque quiero la s. no quiero estar para estar al fondo de la CTA. E traer alrededor de algunos. Eso está bien. Tratemos de **** g y veamos qué pasa. Una bonita. Fondo blanco se ve genial se ve perfecto. Todo va a la perfección cuál es el peso que pretende ser. A mí me gusta. Es, perfecto. Establezca el desplazamiento de preg luego 111. Bueno. Ahora creo que esto es 430, debería ser f. Cuatro. Se puede cerrar esta . Cierra esta. Lo que en realidad estamos tratando ahora mismo es esto perfecto, lo siento. En realidad tratar con cuál exactamente. Debería cambiarles el nombre, pero en realidad no quiero . Eso es lo que está mal. No quiero no es gran cosa, así que sé lo que estás haciendo. En realidad tenemos esto. Sí. Bonito. Esto es lo que ahora mismo hemos raptado Bueno. Ahora, ¿qué hacemos? Establecer en esto. Tenemos la hamburguesa, siéntate en esto. Presiona las hojas y trae alrededor. No olvides presionar sobre las hojas. G. Entonces cambio pres en V, escala, aún en escala, V lo lleva de vuelta hacia nos lleva de vuelta al movimiento dos Seleccione esta y pres en V, seleccione esta pres los siete entonces Il vendo los siete pres en cuatro entonces, y seleccione este turno presente el That Lo siento. Zona S, tráelo por ahí para asegurarse de que es n zonas. Es ruido, ruido uno s esto y seccionar la imagen, luego haga clic en pres en turno y reunirlos. Reúna las palabras. Hijo esto e intenta simplemente dar click en el centro Pico centralizado. Haga clic, presione en. No. ¿Qué está pasando? Esto es lo que está pasando. Set, no está en K. Presione K. Haga clic en pres en diez, reducir es uno, es uno Trae a colación en poco. Para la manzana también, en realidad puedes reducirla, haz clic en presentar pose. Bonito, e uno, clic que viene pieza. Una bonita. Entonces, ¿qué tenemos esto? Debería ser en realidad. Sí, debería. Sí. Normalmente debería. Intentemos cambiarlo. Eso es probablemente no vino con los otros. Encuentre como problema, haga clic en trapo en turnos y nosotros. Entonces trae por aquí. Se convierte en parte de ella. Tan bueno. ¿Qué queremos hacer ahora? Intentamos en la medida de lo posible hacer click derecho sobre esto entonces lo que hay en grupo. Ese es el número uno, entonces esto derriba esto. Vendiendo todo esto, al igual que el tope de bicicleta, traerlo alrededor del bo vertical tratar a S se reducirá. Trate de reducir su pres en V. Eso fue una pena porque todavía estaba en sk presente V. Entonces al igual que el otro, dale 16, ni uno vertical Ahora reducir pres en K. Haz clic Ahora pres en V. Bien. Up eligibles para centralizar. ¿Ese es el centro que demando? Es uno. Bueno. A mí me encanta esto. Me encanta este Centro. Bueno, bueno, muy perfecto. ¿Qué hacemos? Turnos G, y tenemos eso. De hecho, podemos aumentar esto un poco. Pres en k, luego haz clic en pres en ops, luego abajo. Entonces también, en realidad puedes bajar esto a también. Muy perfecto y agradable, muy perfecto nee. Ese es en realidad el diseño responsive. Se puede ver. Muy perfecto se puede ver, muy perfecto. Te veré en el aspecto de animación de la mayormente para la vista móvil Te veré en el siguiente video. 37. Prototipo de marca de alimentos y animación (móvil): Empezando por lo que es la animación exactamente. Vamos al pantano. Sí, que siempre ha sido el primero. Dejemos en este país copiar. Entonces es tiempo de animación. Muy perfecto. Voy a ser muy rápido con la animación en realidad algo que realmente conocemos y entendemos antes. Ahora bien, esto debería ser por separado. M volvió a agrupar las hojas, enviadas a atrás. Gracias. Nosotros tenemos esto. Esto debería ser lo que agrupaba. Todo debería estar en todo. Todo debe ser grupal. Todo. Grupo. Ninguno. Esto, esto como esto. Tenemos esto como esto. En realidad podemos agrupar también. Para mezclar algunos bonitos efectos llamados dulce bebé. Sí, dulces efectos de bebé. Ahora, tenemos el salto se mantiene soy. Sí. Rectángulo. Sí, bien. Ahora lo que queremos hacer. Lo que queremos hacer aquí mismo es eso lo que. Solo trae esto por aquí. Turno y lo que afuera, entonces bueno. Así que solo intentaré hacer algunos diseños bonitos y geniales. Así que ahora ven por aquí, haz clic. Haga clic presente turnos hacia abajo, presente. Oh, lo siento, en realidad puedo elegir los dos presentes turno el Pres en esto, haga clic Presentar cambios luego barra espaciadora hacia abajo, n vienen sobre 42 en la capa, er, seleccionar los turnos presentes, barra espaciadora hacia arriba. Seleccione 09, secc aquí, presente desplaza la barra espaciadora un poco hacia abajo, no demasiado. Ven, luego cero. Seleccione en los turnos actuales a la sentada. Ni uno, turno y bastón espacial para. Entonces ven a capa, pre cero. Seleccione en este presente espacio de turno b nie ven sobre él. Y lo que es cero, nueve es uno, y también el Amberger es Amberger Maduro está en el centro, creo que está en el centro. Sí. Entonces corrigiste esto, tienes que corregir el lado también bueno. Set y los balnearios y turnos, asegúrate de que está bajando. Entonces, ¿qué es? Cero, 91. Entonces lo último que hay que hacer es justo lo que cuando el Amberger uno, se puede cerrar este amboger dos, tratar de ser límite, Zona. Puede cerrar las collabs Ambger dos, la izquierda debe estar de atrás a frente, muy importante atrás a frente Bueno ya en la parte superior. Puede hacer clic en pres shift spa en el espacio. Esto goos lejos de ti, lejos de ti. Farwa de aquí. Sí, y hazlo w. Que sea cero. Una bonita. Y no se olvide. Esto es de atrás a frente. Tienes que hacer el uno para los dos Amberger sean w de atrás a frente Este ámbar haga clic en el entonces llevar al frente. Sí, en la parte superior. Entonces a partir de ahí, puedes hacer clic en presentar turno y presentar espacio de vuelta afuera. Sí, entonces presente cero, e ingrese Perfecto. Tengo cambios a la radio de licencia. Tengo que hacer cambios a la radio hoja también. Seleccione presione sobre esto y traiga al frente, muy importante. Frente y Frente. Tiene que ser apropiado. Eso para ser exactamente lo mismo. Pres solo Amberger n, tenemos el ct sólido Hay algunas cosas que podemos hacer para simplemente clic como hemos hecho la última, click. Pres en turno, cerdo hacia fuera. Se mueve adentro. Siempre que cualquier cosa se acude a cero, luego vienen a Amberger, ven a prototipo Como de costumbre, haga clic en n en arrastre como de costumbre, después del retraso, si es de 100 milisegundos, empieza a animar, llegamos a Amberger dos, luego 2000 Debería ser g dos. Como. Hoy no estoy usando rebotar Después 2003, 2000. Después la visualización de prototipos. Veamos qué pasa. Muy agradable y perfecto. Se puede ver. Intentemos llevarlo a pantalla completa y ver qué pasa solo pres en R. Ves esas transiciones de aspecto agradable Guau. Increíble. Increíble. Agradable Increíble, increíble. Me encanta tanto. Así que tanto me encanta esto. Guau. En realidad, otra cosa que puedo en realidad es que, creo, tengo que hacer que esto surja. Podrás hacer el ajuste a esto. Sólo ven sobre ello. Hamburguesa ámbar. Com a Sí. Mi logo, en realidad, que es el grupo que hay por aquí. Quería venir como más rápido que esta normal de aquí. Solo puedo hacer clic en presente turno y bajarlo con un poco más entonces. Eso es lindo. Eso es lindo. Ver. Veamos qué sucede realmente aquí con un prototipo. Una bonita. Bonito. A ver. Sí, sí, sí, sí. Una bonita, una bonita, 91. Bonito uno R otra vez y mira lo que pasa R. Niza Perfecto. Esto es la perfección. Una bonita. Una bonita, una bonita. ¿Qué hacemos rebotando si hoy no estoy haciendo rebotar eso ya está arriba? Es por esto en realidad, interacción prototipo de animación móvil. Te veré en el siguiente movimiento para la bicicleta. Ve 38. Prototipo de marca tecnológica y animación (móvil): Para la bicicleta como ir a la página 12. Ahora selecciona en esto para el móvil Contra bajando, contra. Agradable como de costumbre. Seleccione el grupo separa, grupo, grupo también. Grupo. Pero esta es para agrupar al grupo. S. ¿Qué es lo siguiente que hay que hacer ahora? Simplemente haga clic en Shift y luego en uno agradable. Para ello, ¿debo recogerlos com por separado? Si vienes de arriba y abajo. Algo así. Bueno. Bonito. Si Shi lo siento, Contra. **** espacio. Y asegúrate de que esto sea cero. Bonito. Naves espacio, M seguro que esto está muy lejos. Bonito. Entonces esto como siempre. Vamos a la izquierda en esta ocasión. Sí, la izquierda alrededor. Er la derecha en esta ocasión. Cero a la cima esta vez. Debería llegar al fondo esta vez. También agradables agradables turnos en místico algunos turnos de espacio hasta llegar a cero Después cambia el espacio C a cero. ¿Qué pasa? Eso es cierto. Para la capa. Cada perfecto 91. Tan bueno. Ahora. Déjenme decir, tack para el grupo para todo Quiero mirar la capa si es cero, listo cometiendo un error cero. Sí. Voy a volver a eso. ¿Cuál es esta? Bien, f cero, tengo un problema. Se agrupa. Bien. También cero. 011s. Esto exactamente. Esto es cero pensé que lo puse cero. Es muy importante, alguna vez el barco es cero para la transición fría. Ahora, ¿qué le hacemos a la bicicleta? ¿Deberíamos hacer que conduzca ? ¿O qué opinas? Presentar naves lo que pones, pones cero, cero, perfecto. El fondo es negro. Entonces ahora lo que hacemos suele ser simplemente conectar prototipo. Ciertos d conectan después de de 300 tech two. Nueve 1 segundo es Smart anima Jan 22000. Veamos qué pasa, 91. Bien. Dónde está mi bicicleta Vamos a sacarlos. Creo que es porque es la primera vez lenta. Bonito. Volvamos a verlo. Entonces una bonita. Otra vez. Haciendo aquí. Planea cambiar algunas cosas a partir de aquí. Bien. Está bien. Está bien. Está bien. Eso no es un problema. Está bien. Bien. Eso no es un problema. Está bien. Eso me gusta. Te veré. En realidad lo puedes retocar, en realidad puedes hacer las cosas diferentes Te veré en la próxima. 39. Prototipo de marca de fruta y animación (móvil): Pasando a la página 13, da click en este contro C. Ahora tenemos este 91 contra. Bueno. Ahora, en grupo a grupo a grupo en grupo. Lo siento mucho, eso es lo que está mal. Bueno. Grupo grupo grupo agradable. Eso es todo bueno. Ahora, haga clic en ***** luego como este perfecto. Entonces quiero que esto sea como, turnos entonces esto viene así. Cero. Esto también desplaza la barra espaciadora. Cero. Esto debería venir así. Así ***** barra espaciadora. Cero, debería venir así, desplaza la barra espaciadora. Cero es como esta barra espaciadora de desplazamiento. Ero. Entonces esta y esta prensa se desplaza y qué barra espaciadora. Entonces que lo siento, entonces cero. Una bonita. Tenemos esto también haga clic en esta prensa y shift out, luego a b. lo siento por eso. Click, shift y odds, luego abajo un poco, no demasiado. Bastante bien. Entonces, ¿qué haces? Entonces, perfecto. ¿Qué hace lo siguiente para ti acaba de llegar sobre un prototipo como de costumbre Da click en esto así. Entonces después de un retraso de ocho milisegundos, inicia smart animate No me olvido en realidad esta marca dos pies marca dos, bonita. Entonces tenemos eso entonces sí, seleccionamos en junio a 2000. Sí, todo está bien. Vamos a ver qué pasa. Bonito animado. Preparar r para reiniciar. Perfecto. El primero es a principios del verano. Todos sabemos eso. Eso es no. Entonces ahora R muy, muy perfecto, muy perfecto. Opt opt. Opt opt. Oh, creo que la manzana no viene a lo grande. Quiero que venga como, ya sabes, algunas gigantescas, algunas mejillas c. Seleccione en la manzana es ella. Sí. L grande. B. Una bonita. Entonces lo tenemos aquí. Así que pantalla de ladrillo, perdón, pantalla completa yo pantalla grande, pantalla completa, entonces bueno. Una bonita. A mí me encanta. Bonito. Bueno. Bueno. Bonito. Tomando un teléfono y conocer alguna transición agradable hermosa. Hermosa guapa, hermosa. Sí. Sí, y. Entonces eso es todo. Te veré en el siguiente video de conferencia. 40. Prototipo de marca y animación de bienes raíces (móvil): Número de es recto a P diez, el cap uno, c abajo, p 17, luego grupo Vz Separar uno separado. Cuál es el siguiente entonces a unos turnos entonces tenemos esto. Digamos que viene de izquierda, disculpa diseño. Sin prototipo. Diseño a través de. Entonces Seton está presente, ya sabes, turno, ya sabes, cambio espacial y el espacio siete es M cero Lo siento. Haz esto dos, dos, luego este cero transparente M así que hazlo. Entonces para esto, que se viene para estar en la cima. Cero esto también debería estar bastante encendido para bajar juntos en la cima. Esto también debería estar viniendo de C de abajo. Y esto también debería venir de abajo. Cero. V perfecto para decir este prototipo, entonces es esto después de retraso uno obtenemos dos, Sí, Imes, lo conseguimos Tienes una foto. Y llegamos al destino. La Niza. Una bonita. Z. T. Uno Uno. Uno. Déjame hacer una pantalla completa y veamos qué pasa con ella. Simplemente haces clic en el particular y llegas a la página nd, y en realidad es pops de lets. Sí, me va a encantar. Sí. Eso es bueno. Eso es para este particular video de conferencia. Te veré en el siguiente video de conferencia. A 41. Cómo exportar imágenes en Figma: Video, y te enseñaremos a exportar tus diseños en Figma. Es muy, muy sencillo. Figma en realidad hace que todo sea muy fácil en comparación con algún otro software Lo que haces. Cualquier cosa que quieras exportar. De hecho, puede seleccionar en esto y exportar este logotipo en. Solo puedes seleccionar en esto. Seleccione en el propio bugger. Vayamos set boga. La razón por la que esto no se selecciona en realidad es que la hoja está encima del bugger Puedes tomarlo y arrastrarlo por debajo del boger y nada se nota aquí Entonces no quiero algo así. Se puede ver que las hojas aquí están en realidad debajo. Déjame hacer clic y arrastrarlo hasta aquí. Es mi show. Eso no es un problema. Yo sólo digo mboger image. Ahora, ¿qué haces? Es sólo este mboger el que quieres a lo que quieres exportar Podemos exportar solo el mboger Puedes exportar iconos individuales o imágenes individuales o todas las imágenes Ven a exportar, bájala. Exportación. Antes de exportar, puedes previsualizar, dar clic en esto. Se puede ver. Me está demostrando que es sólo el cabronazo a menos que no veamos qué pasa Exportar y bugger imagen, se puede ver que se está descargando y se acaba de descargar Así que ve directo a tu reloj a tu descarga. Se puede ver muy, muy perfecto. En realidad es correcto. Apenas por el día en este momento. Segundo y ver qué pasa. Tenemos la amboga perfecta. El b puede ver la imagen de amboga. Volviendo a esto, da click sobre esto. Ahora quiero que todo sea w para ser explotado. De hecho, solo puedes explorar esto. Entonces dicen el ambger esta perfectamente puesto en esto todo a la vez Se puede ver que se muestra en la vista previa, perfecto. Entonces solo presente exportar amboga se va descargando imágenes, te va a mostrar muy perfecto se va descargando imágenes, te va a mostrar muy perfecto. Simplemente ven por aquí. Tienes un doble clic directo descargado sobre él. Entonces muy perfecto lo tienes. Es muy fácil para él exportar imágenes. Los exportamos como JPEG. En realidad se puede cambiar el conjunto, este PNG en realidad, que se supone que es JPEG. Puedes usar SVG PDF. Si en realidad es este particular lo que se llama esta amboga en realidad Bien. Amberger mismo. Amberger fragmentos en PNG normalmente. Pero si usas JPEG, va a crear una bagra para ello después de haber exportado La ensacadora aún no se muestra, así que no tienes que hacerlo si es solo un icono normal o solo un objeto una imagen, usa PNG Entonces no habrá antecedentes ahí. Es muy importante. Si en realidad estás exportando un todo, conozco sitio web, algo así, usa JPEG PG. Nice en realidad puede llegar hasta P tres e intentar exportarlo. Déjame probar otra. Seleccione en este. Ven hacia las exportaciones. Bien. Puedes ver la vista previa, puedes co esta vista previa y ampliar la vista previa. Eso lo que haces Exportar. De hecho ves que va a estar descargando aquí. Está exportando descarga ahora mismo. Simplemente vienes a descargar, perfecto. Se puede ver muy perfectamente, muy perfecto. Volviendo aquí en realidad eso es muy sencillo exportar las cosas muy fácil. Eso es que en realidad puedes exportar esto por tu cuenta, en realidad exportar esto así por tu cuenta. Eso es. Así es como exportar muy fácilmente en Figma. 42. Conclusión: Hemos llegado al final del diseño de landing page de la sección euro. En realidad, gracias chicos por tomar realmente este curso y en realidad pin habrías sido un profesional mirando la creatividad artística en el diseño de cosas. Y las cosas realmente habrían cambiado, usando colores, componentes, variables, capas auto, usando diferentes colores, usando diferentes diseños, y el tema oscuro, la iluminación y las piernas. Y ya has podido aprender muchas cosas aquí a estas alturas ya serás un profesional en lo que hagas, muy perfecto. Ahora, gracias por tomar este curso. Te veo, te veo cursos de hombres. Bien.