Domina Adobe XD Auto-Animate: diseña aplicaciones de interfaz de usuario suave con animación en lavadora y efectos de sonido

1. Video de introducción: Hola, bienvenido al diseño de interfaz de usuario suave móvil o nuevo morfismo en Adobe XD. Mi nombre está únicamente en la tierra y tú y yo vamos a crear esta hermosa aplicación de casa inteligente desde cero en Adobe XD con este tipo de sonido. En este curso, aprenderás a crear las diferentes UI suaves para aplicaciones de modo ligero con todo tipo de sombras, consejos, y trucos para el mejor diseño de interfaz de usuario suave para modo oscuro. Puedes creer que con la ayuda de apenas estas pequeñas formas, vamos a crear toda la aplicación. Empieza diseñando la página de inicio de sesión. Después aprendemos la mejor manera de animar tu diseño. Vas por diseñar la página de inicio. Y empiezo a animar los iconos. Aprenderás a crear componentes para la animación, a agregar efectos de sonido, y muchos consejos y trucos geniales. Por último, comenzamos a diseñar nuestra página de lavadora, creando agua y burbujas para una animación creíble. Agregando temporizador, prototipado final, y agregando los botones de inicio de sesión y registro al final. Incluso si eres un principiante total, todavía puedes seguir adelante. Porque b, parte de lo básico para asegurarte de entender realmente el diseño y el proceso. También les he proporcionado un proyecto para ustedes chicos. Así que asegúrate de terminar tu proyecto y enviarme de vuelta para obtener más comentarios. cierto, si no tienes idea por dónde empezar o cuál es el camino para convertirte en un diseñador de experiencia de usuario profesional, mira mis horas de prueba usando los primeros casos de diseño, el D para principiantes. Estoy tan emocionado de mostrarles cómo crear este hermoso diseño de aplicación de un smartphone y animación de Porter's Diamond desde cero o escríbenos, empecemos. 2. Qué es UI suave o Neumorphism en Adobe XD Design: Entonces lo que es blando eres o nuevo morfismo. Entonces básicamente es usar reflejos y sombras o sombras claras y sombras oscuras del otro lado. Se trata de sombra interior oscura, sombra interior brillante o blanca. Por lo que se trata básicamente de dos capas encima una de la otra. Entonces lo genial al respecto es que cuando creamos estos a la sombra interior y a la sombra superior, podemos usar solo estos dos para crear toda la aplicación y el sitio web. Cómo sólo te voy a mostrar. 3. Cómo diseñar Ui suave en fondo brillante en adobe xd: Ahora vamos a Adobe XD. Ve al archivo, crea un nuevo archivo y guárdelo como UI suave o nuevo morfismo. Qué hacemos aquí, Vamos a la Mesa de Trabajo y haga clic en algo como 3752812. Esto es básicamente bueno para iPhone y Android al mismo tiempo. Este clic en la tecla de flecha, solo voy a llamar a este software que escribo va a ser suave UI oscuro. Entonces, entonces básicamente así es como funciona. Selecciona Mesa de trabajo, ve a llenar y simplemente arrastra esto a la derecha de la misma. No importa de qué color sea ese. Tan solo el fondo debe ser claro de cualquier color. El color más brillante de azul o morado o lo que quieras. Entonces solo voy a escoger algo como esto o lo tengo aquí, sólo voy a conseguir que se haga esto. Entonces tampoco importa en F5, realmente no importa. Debe ser un color brillante de algo, no solo blanco. No debería ser así. Debería ser simplemente brillante. Eso es bueno, demasiado suave, estás oscuro. Haga clic en él y sólo voy a conseguir un arma. Esta mirada, no está aquí. Está aquí, ¿verdad? Entonces es un poco más brillante porque cuando le agregamos algo de sombra oscura, algo así, debería ser obvio. Por lo que sólo voy a dar clic en esto. Este es el 292837. Realmente no importa. Puedes hacer lo que quisieras. Tráelo aquí, aquí junto como estás feliz o puedes cambiarlo a edición que queremos. Entonces solo voy a mantenerlo esto para que tengas que colorear brillante y oscuro. Empecemos con brillante. Vamos al rectángulo. Sostén pulsada Mayús y arrastra un cuadrado. Ahí lo ha puesto en 60. 60, ¿verdad? No necesitamos tener a Bohr ahí. Ahora, pongamos el radio en 10, por ejemplo, podemos cambiarlo en cualquier momento. Ahora, haga clic en cualquiera de los cuatro campos superiores y haga clic aquí. Significa que no vemos nada. ¿ Verdad? Ahora. Es así como funciona. Vamos a Drop Shadow, click y drop shadow. Asegúrate de que esto está en 10. Tenemos una borrosa. Necesitamos la borrosa. Ponlo, um, seis y ponlo en seis. Así es como empezamos todo el tiempo, ¿verdad? Entonces esta va a ser la sombra oscura. Ahora llamemos a esta sombra negra. Presiona Comando o Control D para duplicarlo, esto llama a esta sombra blanca. ¿ Cómo lo haremos blanco? Basta con echar un vistazo. Vengamos aquí. Ve a soltar sombra. Hacer esto totalmente blanco. Por lo que totalmente blanco. No lo ves ahora mismo, porque x e y, está aquí. Ponga esto en menos 6, totalmente lo contrario. Y aquí menos seis. Y aquí vamos. Ves, no lo ves mucho porque cuando haces click en esto, vamos a soltar sombra. Tenemos el arrastre esta cosa hasta el libro de brillo. Ahora, echa un vistazo. Esto se llama interfaz de usuario suave. Ahora, haga clic en el blanco, el de arriba, esto podría interrumpir la sombra. Se puede bajar esto. Escribe algo así como 50. Otra vez. Voy de ida y vuelta a ver qué puedo hacer con este. No me gusta ser negro. Haga clic en la sombra negra. Da click aquí, recoge el color al lado, ¿verdad? Ahora, arrástrelo hacia abajo, sólo echa un vistazo. O a la derecha un poco. Recogemos el color, un color más oscuro del mismo color, vemos algo como esto. Entonces esto es suave UI, algo que es muy agradable para morir. Ahora, echa un vistazo. Voy a seleccionar este componente crítico, así que llamamos a este cuadrado de sombra brillante. Ahora, estoy sosteniendo Alt y Shift y arrastrando esto hacia abajo. Sólo voy a llamar a esto en lugar de un cuadrado, círculo. Ahora echa un vistazo. Mantenga presionado Control o Comando y haga clic en la pestaña de la ventana blanca en un círculo. Ahora, haz click en esta pequeña esquina, arrastra esto hacia abajo. Haga clic en la sombra negra, lo mismo. Arrastre esto hasta el interior. Ahora tenemos este hermoso círculo y q, lo genial al respecto. Por qué hicimos esto un componente, otra vez, si mantengo pulsado el control y hago clic en esto y cambio este color a otra cosa. Todo lo demás, todo lo que estamos trabajando en el proyecto va a cambiar. Al mismo tiempo. Simplemente vamos a usar básicamente todos estos en todo el proyecto. No podemos volver y cambiar éste uno por uno. Lleva mucho tiempo y consume mucho tiempo. Entonces esta es básicamente la mejor manera de crear tu aplicación. Ahora pulsa Comando, Control Z para volver atrás. Entonces esto se llama pop o out, o simplemente la sombra. Y lo más destacado, tenemos algo más llamado. Sombra interior. Cómo podemos crear eso es muy sencillo. Ahora sostén el Comando o Control y haz clic en uno de estos más comando o control C. Ahora salgan Comando o Control V. Así que lo va a poner en la parte superior, arrástrelo a la derecha, y apaga la sombra de gota. No necesitamos nada, sólo el campo. Por lo que el campo es del mismo color. Tenemos algo llamado sombra interior. Basta con hacer click en él, hazlo activo. Entonces por defecto, se ve lo que pasó. Simplemente haz este x valor número tres. Por lo que tres valor y un valor y siempre son iguales y solo mantenerlo en seis, siempre podemos cambiarlo. Haga clic en sombra interior y amabilidad hacia arriba. Por lo que ahora mismo lo pongo en 50 por ciento. Seleccione este, pulse Comando o Control D para duplicarlo. Se va a llamar a esta sombra interior oscura. Y esto va a ser blanco en poco profundo. Entonces el de arriba es el blanco, pero debe ser opuesto. A lo que quiero decir es que éste debe ser menos tres, menos tres, y el color debe ser blanco. Y la cosa es que si pones el relleno, no vemos el fondo. Entonces echa un vistazo a esto porque queremos ver el fondo. Por lo que la parte superior de un día amplia sombra interior sólo tienen sombra interior. Por lo que no tiene el campo ni la frontera. Ese es el truco. Ahora, selecciona esta pulsación Comando o Control K para convertirlo en un componente, o haz clic en este signo más. Ahora, si hago clic en esto, ve a la sombra interior oscura, puedo jugar con esta capacidad. Puede hacerlo más ligero. Algo así. Mira. O puedo usar la misma sombra de color como esta. Si voy a la sombra y sólo puedo escoger el mismo color de aquí y mirar. Y eso es todo. Ahora, selecciona este. Yo sólo lo voy a copiar de esta brillante sombra, ¿verdad? Cuadrado Sombra Interior. Desplácese hacia abajo Alt y Mayús arrastre esto hacia abajo, Control o comando click, arrastre esto hacia abajo. Fuera de Comando o Control click , baje esto y esto es lo que tenemos. Yo sólo voy a llamar a este círculo. Tenemos otros dos estilos de columna que solo te voy a mostrar. Seleccione este o no, Alt y Shift y arrástrelo hacia abajo. Haga clic derecho en él. Y pondré el componente ahora, presiona Comando o Control G para agrupar. Se llama así. Y se lo va a copiar es éste. Copiar, pegar. Es un poco audaz, cuadrado de sombra interior. Vamos dentro de esta carpeta. Haga clic en la sombra interior oscura pulse Comando o Control D para duplicarla. Yo sólo voy a arrastrar esto hacia abajo y sólo voy a llamar a esto BG. Eso es todo. Ahora, con tu tecla de flecha abajo presiona una vez, dos. Y veamos qué pasó. Algo está saliendo. Haga clic en este campo color y medido. Esto es un poco más oscuro. Y eso es todo. Y ahora échale un vistazo. Creamos una dimensión más y la sentimos con ésta. Sólo voy a poner esto al lado de éste y sólo echar un vistazo. Esto es algo, me falta algo más. Entonces, eliminemos este. Seleccione este, pulse Comando o Control K para convertirlo en un componente. Y a menudo soy turno, arrastra esto hacia abajo. Lo mismo en vidas. Control o Comando click, selecciona esta, la misma cosa, selecciona ésta la misma cosa, y eso es todo. Entonces te imaginas solo estar usando este tipo de formas creamos toda la aplicación. ¿Es posible? Sí, lo es. Menos concreto. Uno. 4. Cómo diseñar el backgroung suave: Ahora vamos por el suave tú, hice versión oscura. Entonces básicamente, a la mayoría de la gente le gusta la visión oscura de lo blando que eres, por qué vas a ver en unos minutos el ácido de estos y aferrarte, Alt y Shift y arrastra uno de estos aquí. Ves, no funciona en un rojo oscuro, ¿verdad? Pero sólo vamos a arreglarlo. Simplemente lo vamos a hacer perfecto. Esto es brillante. Sólo voy a llamar a esto oscuro alcance y árabe. Vámonos a la sombra negra. Simplemente voy a quedarte sombra negra, solo tienes que hacer click en el campo, el cuentagotas, y dar click en él. No lo ves porque el de arriba es el ancho, lo mismo. Haga clic en él. Por lo que estos dos desfilan es del mismo color que el fondo. Volvamos a la sombra negra. Vamos a soltar sombra. Y tratemos de que sea una muy oscura como esta. Vámonos a la sombra blanca. Y éste, bajamos un poco la opacidad. Y eso es todo. Si esto es realmente oscuro, ve a la sombra negra, deja caer sombra. Bajar la opacidad para que sea más natural. Algo así. Si sientes que puedes jugar con esto. A lo que me refiero es crítico, una sombra negra. Haga clic en la sombra de gota, y esto puede ser tal vez 15. A su vez. Esto puede ser 15 inter, y puede ser probado o 20. Vamos a volver un poco hacia abajo tecla de flecha, que sea 10. Podemos jugar con estos. Así que solo haz tu componente y juega con esto. Se puede cambiar cualquier cosa. Cuando haya terminado, haga clic derecho y desagrupe y vuelva a convertirlo en un componente porque con la región negra, cuando primero tenga componentes principales. Echa un vistazo a este. Esta mirada a esta plaza verde es totalmente verde. Si hago click en este, hay un punto dentro de grado. Significa que hemos cambiado esto. Por lo que este es nuestros componentes principales y maestros. Si quieres cambiar algo, tenemos que cambiar esto. Si quiero cambiar el color de todo, tienes los cambios. Si estás aquí y hacemos click en Editar componente principal, volvemos en este. Lo mismo se aplica a éste. Simplemente voy a seleccionar esto o hago de esto un componente principal. C es totalmente verde. Haga clic en esto. Volvamos atrás. Hagamos este seis. Hagamos click en la sombra negra y que sea seis. Esto son tres, esto son tres. Mira. Pero por ahora sólo voy a dar clic en esto, hacer este 10, sólo jugar fuera. Menos 10. Menos 10. Haz lo mismo con el negro, 10, 10 y 10. Entonces es más pop. Es más pop a ella. Si hago clic en esto, el blanco realmente está saliendo. Podemos cambiar este, hacerlo menos seis, menos seis. ¿ Verdad? Ahora te das la idea. También podemos cambiar el ancho a cualquier color que te guste. Por ejemplo, esto va a ser un poco más brillante. A lo mejor sólo voy a jugar con esto. A lo mejor le pregunte algo rosado. Puedes agregar algo rosado a este color. Uno, sólo voy a mantenerlo blanco. Bajar la opacidad sólo un poco, sólo un empuje para mostrar es blanco. Y aun con esta sombra negra, podemos derribar la opacidad. Y aquí es donde tienes. Ahora, sigamos esto que la autoría. Arrastre esto hacia abajo, haga clic, haga este círculo. Gleick. Haz de esto un círculo. Sólo voy a llamar a esta sombra oscura un cuadrado. Y esta sombra oscura plata. Ahora vamos por la inicial hago clic en esto, Copiar. Esto sale comando o control V está aquí. Arrástralo hacia la derecha. Debería serlo. Falta sombra interior. No necesitamos la sombra gota, por lo que el color es el mismo, totalmente igual que activar la sombra interior. Y hagamos este 336 y saquemos la opacidad. Entonces si tienes algo como esto, quiero que esto sea un poco privilegiados chicos, algo así. Yo sólo voy a jugar con él. Mira, cada uno es un poco más agradable para mí porque va a ser la versión oscura de la misma. Entonces la versión oscura de la misma, pero un poco de púrpura le sienta. Lo mismo. Presione Comando o Control D para duplicarlo. Esta va a ser la sombra interior blanca. Entonces esto debería ser menos tres, menos tres. Y la sombra interior debe ser blanca. Y bajar la opacidad. Ahora, también podemos cambiar este color para que sea el púrpura también. Echa un vistazo. Debido a que las cuotas activas, no podemos ver el fondo. Apague eso. Ahora podemos ver eso. Hagamos click en la flecha negra. El negro sombra interior debe ser totalmente negro. Arrástralo hacia abajo o el corchete es esquina. Mira qué cool y hermoso es que puedes jugar con este color, la sombra interior blanca. Es decir, no debería ser ese propósito. Ya les dije que depende totalmente de ustedes. Yo sólo voy a arrastrar esto hacia abajo. Y volvamos al blanco. Algo como esto es más natural para que inicien la silicona. Comando o Control K, que sea un componente, porque es verde. Significa que este es el componente maestro. Aguanta Alt y Shift, arrastra esto hacia abajo, lo mismo, Comando o Control, click, haz un círculo. Control de mando toma, haz un círculo, y eso es todo. Por lo tanto, selecciona este. Llamemos a este cuadrado interior oscuro. Lo mismo. Aquí está bien. Sólo vamos a llamar a este círculo interior oscuro. Seleccione este, mantenga presionado Alt y Mayús arrastre esto hacia abajo. Control click. Vamos a la sombra interna negra Comando o Control D. Arrastra esto hacia abajo, Llamemos a esto BG. Y la tecla de flecha abajo solo de uno a dos para sentir y hacer esto un poco más oscuro. Eso es todo lo que hicimos seleccionados para el Alt y Shift arrastrar esto hacia abajo otra vez antes de eso, porque vamos a usar este, tenemos que hacer esto como componente maestro. Por lo tanto, haga clic derecho en Desagrupar componente y nuevamente haga clic en este signo más. Entonces este va a ser su propio maestro. Ahora, alt Shift, arrastre esto hacia abajo, Control o Comando click, hacer este círculo. Por lo que tenemos tres de ellos maduros, haga clic en Apigee también. Y eso es todo. Entonces, ¿te imaginas que solo usamos este tipo de bloques? Podemos crear toda la aplicación o el sitio web. No me crees, solo te voy a mostrar. 5. Registrarse Registrarse en la aplicación de diseño suave ui Design y animación de prototipos: Muy bien, empecemos a crear esta página de inicio de sesión para nuestra aplicación. Haga clic en este, presione Comando o Control D para duplicarlo. Yo sólo voy a quitar todo. Y este color más grande, algo diferente a éste. Por ejemplo, nuestro cliente nos está diciendo que creemos algo como este color. Entonces lo que quiero decir es que si hago clic en uno de estos y sostén Alt y lo arrastre aquí, se ve diferente. Entonces lo que hacemos aquí es algo muy interesante chicos, porque mira, aquí se ve el interior de la plaza es de color blanco. Entonces significa que si hago clic derecho y edito, el componente principal va a volver aquí. De lo que sólo voy a hacerlo, esta suave UI oscuro. Entonces primero, sólo voy a hacer una copia de estos. Entonces este es el este dominio. Así que asegúrate de hacer clic en el software. Oscuzco la mesa de trabajo y me aseguro de que la enfermedad sea la misma que este color. Ahora, haga clic en este doble clic. Vayamos a la sombra interior negra y levantemos la herramienta cuentagotas. Y esto es lo que haces. Y eso es todo. Entonces, en cualquier momento que quisieras cambiarlo, solo tienes que hacer clic derecho y editar el componente principal. Cambia este, lo que hagas con esto, solo va a afectar toda la aplicación. Eso es todo lo que hacemos todo el tiempo ahora, porque esta es la aplicación que sólo voy a conseguir una estafa es presionar Command Control V o el tener esto. Y sólo lo voy a poner aquí. Yo sólo voy a arrastrar una caja. Algo así como 25 o 30 estaría bien. Sólo vamos a usar el cable telefónico. Entonces no voy a ir arriba aquí, se va a atar, bienvenido. Estoy usando el medio de fuente Poppins. Pongámoslo en el medio. Sienten que es lo mismo que este color en el color de fondo. Ahora, lo mismo. Yo sólo voy a seleccionar este. Y voy a Alt y arrastrarlo a esto. Entonces tengo que editar esto para que sea totalmente natural con este doble clic ir dentro de la sensación selectiva y eso es todo. Está bien, genial. Esto también está cambiando. Yo sólo voy a dejar esto a un lado, ponerlo aquí, o simplemente voy a borrarlo porque ya tenemos éste aquí. Entonces empezaremos con este. Sólo voy a arrastrarlo y soltarlo aquí. Total hacer una caja, algo así. Aguanta, haz clic y haz la esquina redonda. Volvamos a la capa para que ustedes puedan ver para festejar esquina y arrastrarlo hasta el interior. Y eso es todo. Ahora, cambiarlos, jugar con él. Cuando lo haces más grande o más grande. Y tu control de colon y click, ya ves, tienes que hacer esto una y otra vez. Así que traté de figurar el tamaño primero, luego cambiar éste. Entonces el ancho, tal vez 200 para esconderse. Por un 120. Lo mismo con doscientos trescientos veinte. Ver, lo mismo. Arrástrelo y tráelo adentro. Por qué 21, lo mismo. Arrástrelo hasta el interior. Y esto es 1.5. Ahora de nuevo, mantenga presionada la tecla Control o Comando y haga clic en la capa superior, el canal y. Tenemos que cambiar este color a algo, un poco azulado, algo por aquí. Entonces solo voy a arrastrar esto y ponerlo a la derecha hasta que consiga algo que me guste. Para echar un vistazo, selecciona éste, y retírelo. Va a ser algo así como estos tipos, guapa. Entonces este va a ser nuestros chicos de fondo. Llamemos a esto bucle de sombra BG. Esta sombra oscura. ¿ Verdad? Eso es todo. Sólo lo voy a poner en la parte superior. Por lo que está muy organizado. Ahora no Controlador Comando y haga clic, asegúrese de que la sombra blanca esté seleccionada. Presione Comando o Control D para duplicarlo. Y llámalo a esto gradiente azul y G4. Para sentir la mezcla, haga clic en Color sólido, colóquelo en los gradientes lineales. El de arriba y el de abajo. Selecciona la de abajo y asegúrate de que esto sea algo así como lowish, algo así. ¿ Verdad? Ahora, selecciona el superior, puedes seleccionarlo desde aquí. Lo mismo. Sólo voy a hacer esto un poco más brillante, aún más brillante. Selecciona este y así jugamos con él. El de abajo debe ser un poco más oscuro y el de arriba debe ser un poco más brillante. De nuevo, selecciona la sombra blanca y cuando estés en azul, asegúrate de que la sombra de gota sea y 0, asegúrate de que la sombra interior esté activada. Entonces activas esto, pero es entrada en turno. Entra y haz esto muy afilado, algo que todos puedan ver esa mirada. Debería ser algo así como disfraz. Ahora, seleccionó Comando o Control D nuevamente. yo sólo voy a llamar a esto una huella dactilar. Mantenga pulsado, turno, arrastre esto hacia abajo. A ver qué va a pasar. Ahora esta vez, volvamos atrás. Color sólido. Escoge el mismo color que el color de fondo, ¿verdad? Selecciona el yen y arrástrelo hacia arriba. Debería ser algo así. Ahora, ya tenemos uno de estos viejos y arrástrelo, ponlo aquí. Si ves que esta línea azul en el núcleo está escogiendo, solo tienes que seleccionar esto, hacer doble clic sobre ella. Haga clic en este punto con una tecla de flecha izquierda. Basta con hacer clic en los tecla de flecha izquierda dentro. Haga clic en esta tecla de flecha derecha, y ésta debería ser tecla de flecha superior. Entonces básicamente no vemos esas líneas azules a su alrededor. Y eso es todo. Cuando haces clic en esto, y ves éste y vuelves a hacer clic en el gradiente lineal, ves estos manejadores, arrastra esto hacia arriba. Por lo que para Cordero shift, drag es una combinación de azul y el cian en la parte superior. Por lo que esto funciona perfectamente para nuestro diseño. Me encanta. Por lo que ya tenemos este. Yo quiero hacer esto un poco más oscuro. Entonces vayamos al campo y arrastremos esto un poco hacia abajo. A lo mejor menos, algo así, algo un poco más. Pop este Dios, estás enchufando. Asegúrate de instalar este icono para el plug-in de diseño. Es bastante simple. Tienes que ir al plug-in, click en el signo más. Y aquí solo escribe ícono para diseño y luego haz clic en instalar, algo así de bueno, o al menos en esto de forma gratuita. Entonces cuando lo tengas, haz click en Python para el diseño. Y sólo voy a llamar a esto huellas dactilares. Ahora haz click en él, sólo voy a arrastrarlo hacia abajo. Y eso es todo. Yo sólo lo voy a hacer blanco o algo no totalmente cableado aquí. Aquí. Entonces es algo obvio lo que tienes que hacer. Ve qué bonito es eso, ¿verdad? Volvamos atrás y seleccionemos Control y Alt y Mayús arrastrar esto hacia abajo. Yo sólo voy a escribir aquí las huellas dactilares. Y pongámoslo en la luz. Ponlo en el centro. Asegúrate de que esto también esté en el centro. Este y éste en un centro también. A lo mejor arrastra un poco esto. Bonito. Quiero a Paul Lam Control y dar click en esto. Vuelve a los últimos años, la sombra blanca. Cambiemos la sombra blanca por algo días un poco más azulados. Porque todo se ve como un azul. Entonces tiene sentido. Aser, es muy sutil, pero funciona bien con este diseño. Entonces bienvenido. Huellas dactilares. Si haces click en esto, debería ser un candado aquí. Y voy a dar click en esto. Debería desbloquear. Muy bien, volvamos al icono. Sólo voy a llamar a este candado. Entonces vamos a romper estos desbloquear, bajarlo, hacerlo un poco más pequeño. Sólo déjalo aquí. Conozco chicos, esto es desbloqueo. Por lo que esto debería ser bloqueo primero pronto porque necesitamos desbloquear primero. Y. sólo voy a mostrarles por qué. Ahora, genial. Por lo que dentro, selecciona esto, haz esto totalmente blanco al blanco brillante. Haga clic aquí, y llame a esto un candado. Ahora llamemos a este inicio de sesión y Alt y Shift y arrástrelo hacia la derecha para la animación. Para nuestra animación, esto va a estar abierto y por defecto, va a hacer doble clic aquí. Sólo voy a dar clic en este o turno de almuerzo y este, y este, y a lo largo tu tecla de flecha y arrastra esto hacia abajo. Y eso es todo. Quieres ver tu animación. Déjame mostrarte. Haga clic en prototipo. Fecha clave, por ejemplo, si lo pongo aquí, la ficha aquí, sólo echa un vistazo a esta suerte, Ve qué pasa. Si lo pongo en 1 segundo, el tipo debería ser auto animado, nada, solo para ninguno. Y veamos qué pasó. Comando o Control Entrar. Y si hago clic en esta URL, estado enfermo, muy naturalmente sólo voy a abrir. Está bien, vamos a borrar este. Volvamos a Diseño. Entonces nuestro trató de simplemente averiguarlo Qué va a pasar. Entonces si hago click en esto, ¿qué va a pasar con éste? Yo sólo voy a seleccionar esto, el diseño, y sólo voy a escoger un color, tal vez este color. Y sólo voy a añadir este color a mis muestras. Entonces por un hábito, agradable. Si hacemos click va a ser azul, significa que está bien. Y ¿Qué va a pasar? Mochila afuera y abajo control y haga clic en esta letra dentro y rastreen un poco esto. Si hace clic en la huella digital, que es algo aquí en la parte superior, es un candado. Entonces deberíamos la huella digital, la opacidad es 0. El registro versión, la opacidad es un 100 por ciento y tratar de sacarlo arriba. Y también debe desbloquearse. Aquí lo mismo. Si hago clic en esto, Vamos a subir la opacidad por ahora. Desbloqueado. Trae el centro. El opacidad es 0. Nuevamente, haga clic en esto, tratando de hacerlo circular lo más posible. Entonces sólo voy a hacer la altura a un 100 también. A ver. Si esto es algo como esto está sucediendo, chicos. Trata de mantenerlo lo más simple posible. Entonces sólo voy a tratar de que sea algo como esto. Es como un círculo. Si no lo hace, significa que hay que seleccionar éste y éste, y éste y éste. Y rastrearlos para hacerlos exactamente en el centro al mismo tiempo. Porque en animación, cerca de red moviéndose. Impresionante. Entonces animemos esto. Va a dar click. Si hago clic en esto, va a ser esta una pestaña, ninguna, duración 1 segundo. Seleccione esta placa para colicullo. Entonces hay reproducción, ésta. Volvamos atrás. Bastante cool. Ahora es el momento de usar el fácil. Seleccione este. Y si se selecciona, en lugar de ninguno, deberíamos poner una facilidad fácil. Lo mismo se aplica a éste es la facilidad de salida. Y ahora veamos qué inteligente va a suceder. Hermosa. Como huella dactilar. Desbloquea, desbloqueado. Mira, todo es muy natural. Ahora hagámoslo más interesante. Nuevamente, echa un vistazo a esta huella digital. Veamos qué pasa. Es como si se estuviera desvaneciendo aquí y algo más lo va a hacer. Suerte. De acuerdo, intentemos que esto sea más natural. Si hago clic en esta huella digital está aquí, ¿verdad? Hagámoslo bits superiores. Yo sólo voy a arrastrar esto hacia arriba y sólo ponerlo aquí. Ahora, baja la opacidad y veamos qué pasó. Tan sólo una placa de experimento. Esto es como una huella dactilar, se está convirtiendo para desbloquear el mismo tiempo. parecen exactamente a la animación de morfación. Está bien, genial. Ahora terminamos con esta parte. 6. Página de inicio de inicio de ui en forma suave: De acuerdo, vamos por la página principal. Sólo el control. Haga clic en este. Presionan Comando o Control D. Señorita va a llamar a este hogar y borrar todo. Simplemente voy a escoger uno de estos Aguanta, Aguanta y arrastra aquí. Entonces esto es sombra oscura, un cuadrado mantenga pulsado turno y lo hacen un poco más grande. A lo mejor, a lo mejor quiero hacerlo. Cerremos esto. Entonces cuando cambiamos el ancho, la altura también está cambiando. Lo pusiste en AD. Ahora bien, ¿qué pasa con la luz de esta sombra? Si hago clic en la sombra blanca, tal vez podamos jugar con ella y podamos hacerlo un poco azulado. ¿ Verdad? Está asentado, pero siento que está bien. ¿Verdad? Es por eso que sólo voy de ida y vuelta sumando lejos de la forma para ver si es real, entonces solo voy a jugar C si está bien. Muy bien, Cool. En qué se lo voy a poner, así que sólo voy a copiar. Yo sólo voy a entrar. Entonces solo voy a pegar esto y ponerlo aquí. Asegúrate de que esto sea medio, debe ser semi negrita. Yo sólo voy a llamar a esta recámara. Esta va a ser habitación de piso ligero. Uno. Arrastra un poco esto hacia abajo. Y tal vez también en este. Esta buena para enchufar bucle para la luz. El bulbo de luz aquí. Este está bien. Sólo voy a arrastrarlo y ponerlo aquí. Hazlo un poco más pequeño. Podría, volvamos a capa. Sólo voy a llamar a esta lámpara y asegurarme de que tenía una sombra interior para decirte blanca esto arriba y no tienes que sentir. Por lo que no hay necesidad de tener una sensación. Apenas la sombra interior. Juega con esto hasta conseguir algo. Yo quería algo poco a poco como gradiente o de abajo hacia arriba. Es como una mezcla en, algo para mezclar en realidad. Entonces solo voy a guardar esto, tal vez ponerlo en 60. Esta cosa aplica a hacer s1 o es tuya es solo eliminar este, seleccionar esta mantenga presionada Mayús, arrastra esto hacia abajo, hazlo uno. Ponlo aquí. Lo mismo con éste. Pero para este solo voy a hacer de este estos colores. Así que golpeó. Estos tres están seleccionados y los hacen centro de esto, si puedo, sí. Acaba de jugar, a ver si es legible. Tambor de bits. ¿ Por qué no lo es? Porque es un 9. Deberían ser 14. Sí. Por algo como esto que solo quieres verlo muy rápido y quieres cambiar. Delicias. Tienes que verlo Muy Grande. Sube, sube. Solo juguemos. Seleccione tres de ellos y alinéelos en el centro. Pero el problema es que estos dos deberían estar cerca uno del otro. Y yo sólo voy a agruparlos y turno seleccionar éste. Y ahora sólo voy a arrastrar esto hacia arriba. Esto es mucho mejor. Entonces recámara uno, seleccione esto, seleccione discapacidad y poniendo el centro. Y eso es todo chicos. Sólo voy a volver aquí, seleccionar éste y eliminarlo, éste y eliminarlo. Entonces éste haga clic con el botón derecho, desagruparlo primero, haga doble clic, y solo una lavandería. Este. Elimina este. Haga clic derecho, desagruparlo. Y yo sólo voy a llamar a esta cocina. Poniendo este centro, selecciona éste también, y ponlo en el centro. Entonces esto es básicamente lo que tenemos aquí. Seleccione todos estos, arrástrelos hacia abajo. ¿ Ves la brecha entre estos dos? Déjame ver. Es 26. Por lo que la brecha entre estos tres debe ser de 26. Estoy usando mi tecla de flecha abajo para tener 26, 27, 26. Aquí se aplica lo mismo. Arrastre esto hacia abajo. Y creo que está bien. Este debería estar comiendo. Control-click, éste debe ser audio. Y asegúrate de que esté en el centro. ¿ Ves qué cool es eso más grande? Esto es suave, lo eres, todo debe mezclarse fácilmente. ¿ Esa es nuestra cocina? Yo sólo voy a poner este salón. Asegurarse de que el capital de la especie. Aquí vamos. Y éste, porque es hogar inteligente, debe ser cortina. Enfriar. A ver si éste está en el centro. Este centro. Precioso cisne. Enfriar. Entonces asegúrate de que todo esté en el centro primero porque cuando animemos esto, lo va a leer. Difícil de arreglarlos. Entonces un clic, un solo clic. Asegúrate de que todo esté en el centro. Seguro las lavanderías en sus centros. No vamos a ser centro. Impresionante. Entonces todo está en el centro. Déjame sólo revisar este. Este. Este. Ve. Ahora puedo decir que todo está en el centro. Ahora, sólo voy a dar click en este. Copia. Ven aquí, ven aquí y pega aquí. Entonces necesitamos lo mismo aquí con la sombra interior, presiona Comando o Control D. No hay necesidad de tener una sensación. Este debe ser menos tres. Menos tres. Y esto es, debe ser blanco. Por lo tanto, baja la opacidad. Algo así. Entonces esto ya no es huella digital ¿es el controlador blanco? Controlar su carencia. Tan sombra blanca, sombra negra. Pero esta sombra negra debería ser más borrosa. ¿Cómo lo hacemos? Pongamos esto en Twitter. También. Lo mismo, pero el blanco se lo pone en 20. Perfecto. Entonces ahora lo ves en base a lo que tengamos aquí, sólo estas herramientas, estos objeto que creamos. Estamos creando toda la aplicación. Sólo voy a copiar este. Copiar, ven aquí, péguelo. Esto podría hacerlo aquí también. Entonces vamos a seleccionar esto. Creo que algo no es Cambridge, sólo sombra blanca, sólo diluido. Seleccionarlo, copiarlo, ven aquí, pegarlo. Simplemente hago doble clic en eso. Entonces por eso me acabo de dar el interior de la misma. ¿ Qué hay de este blanco? Te gusta porque estas sombras tienen un Bluetooth. ¿ Deberíamos cambiar éste? Vamos a intentarlo. A ver. Haga click en Control y blanco. Ir a sombra interior, click en esta área blanca. Vamos a jugar con él. Muchos configuración. A ver eso, bonito. Veamos toda la página de inicio. Me encanta. Creo que es perfecto. Muy bien, antes de crear estas flechas, Seleccionemos y bajemos un poco todo, y bajemos esta también. Algo por aquí En un momento en que haces algo para volver atrás. Título de casa. Y también necesitará un toggle para un cambio entre blanco y oscuro de este diseño. Entonces no se preocupen chicos, tengan todo aquí. Entonces, antes de traer esto, sólo me voy a sentar en uno de estos. Haga clic. Vamos a la sombra interior negra. Da click en este Cuentagotas y cambia el color. Eso es todo. Entonces necesito sólo éste por ahora. Sólo vamos a copiarlo. Yo sólo lo voy a traer aquí y sólo lo voy a pegar. Va a ser algo que tengamos. Déjame sólo revisar. Tech. Enfriar. Me encanta. Sí, necesito el icono de flecha. A ver si podemos conseguir este. Perfecto. Turno Alt. A go. Bonito. Para que pueda volver de aquí y ver cómo se ve flotando. O sea, algo Es muy interesante se sienta como flotando también. Es sentir como si entrara es una locura. Me encanta. Entonces, ¿qué más necesitamos? Peso también, algo así. Se va a copiar esto hacia abajo Alt y arrastrarlo y soltarlo. Aquí. Veamos el tamaño de esto. Arrastra esto hacia arriba. A lo mejor un poco abajo, tal vez dentro del centro. Está bien. Esto es como un toggle, pero en dipolo diferente. Simplemente voy a seleccionar algo aquí. Bajar. Asegúrate de que la sensación sea del mismo color. Apenas se necesita. Sombra de gota. Arrástrelo hacia arriba. El drop shadow desde el centro. Entonces hombres, estos dos es 0. Significa área de suelo como sombra de gota. Algo así. Mira. Déjame simplemente jugar con él. ¿ Qué más? Creo que esto es mucho mejor. Minh declaró de esto y agréguelo a éste. Este plato. Bonito, me encanta. Está bien, genial. Cuando puso estas flechas aquí. Entonces las mismas flechas. Déjame revisar este. Control X viniendo por aquí, pegarlo aquí y hazlo blanco. Por ahora. Mayús hacia abajo, gírelo. Sólo lo voy a poner aquí exactamente desde el centro. Ahora volvamos a capa. Yo sólo voy a desactivar esto. Entonces, ¿cuándo está apagado? Debería ser algo así como el click de este tipo aquí. Entonces significa que no está pasando nada. Haga clic y suelte sombra. Asegúrate de que esto es 0 y esto también es 0. Sólo voy a volver a hacer clic en Sombra de gota. Arrastra esto hacia arriba. Está bien. Entonces, para que veas algo, pulsa Comando o Control D para duplicarlo. Y esto va a estar encendido. Cuando es indefinido, es totalmente blanco. Y la sombra de gota también es blanca. Entonces esto va a ser, es cambiar seleccionar un componente y nuevamente dar clic en nuevo estado, estado a estado dos. Deberías ser blanco. Simplemente vamos adentro. El origen, debe ser un 100 por ciento de descuento. Seleccionó su imagen. Volvamos al estado por defecto. Cuando estemos en defecto, estado, abre eso. Vamos a llamar a esto. La versión ARM está fuera de la oferta ahí. Yo sólo lo voy a hacer un poco mejor con sólo la sombra interior para que podamos verlo más. Obviamente, 112. Vamos a arrastrar esto hacia arriba. Algo así. Ahora, podemos ver que como puedes ver, algo está aquí, algo está aquí, ¿verdad? Nosotros lo hacemos más grande. Hermosa. Entonces este es el 1. El Estado 2 se va a la ciencia. A veces pasan, siguen y lo rompen. Sin embargo, una vez más. Apagado, encendido, apagado. Entonces lo mismo. Yo sólo voy a arrastrar esto hacia abajo. Los grumos cambian y lo rotan. Yo sólo lo voy a poner aquí en el centro, arrastrarlo a la derecha, exactamente en el centro. Girado. Lo mismo. Gírala Gírala hacia abajo. Este. Presentar abajo. Bien. Trata de estar en el centro. Impresionante. Se va a ir en un plato. Y me ha encantado lo genial que es eso. A lo mejor está un poco demasiado oscuro. Vamos adentro. Porque éste es el principal. Si cambiamos éste, todo va a cambiar. Silicio. Esto es un apagado. Ve a la sombra interior y arrastra esto hacia abajo. Debería ser un poco más ligero. Mucho más agradable. Vamos a verlo de nuevo. Siempre hay que revisar. Si está bien. Me encanta. Ya está ahí. Entonces si alguien hace clic en él, ¿qué va a pasar? Se va a activar, pero no lo hemos activado. Si activo esto. Bueno para prototipo Gilligan, no hace falta tener auto animación. Simplemente ponlo en el estado de transición 2. Debería ser en dos segundos muy rápido. Si estoy de estado a una activación, esto va a estar volviendo al estado predeterminado con 2 segundos y debería ser desconocido. Aquí lo mismo. Deberías ser monja. Piensa. De acuerdo, fantasía. Haga clic. Bonito. Entonces lo genial al respecto, cuando editamos el maestro, todo lo demás también va a cambiar. Por eso la mejor manera de diseñar las cosas. De esta manera, lo tenemos componente maestro, cambiamos éste. Todo lo demás también va a cambiar. ¿ Verdad? Ahora solo voy a dar clic aquí y arrastrar éste de aquí. Yo sólo voy a llamar a esta Columna. Haga clic aquí en, para que todo sea perfecto. Sólo el daño es muy pop. Entonces selecciona este. Yo sólo voy a escoger un color. Este color. Vuelve a jugar, muy natural, muy suave. Por lo que llamamos a esta interfaz de usuario suave. Ahora es el momento de ir por animar estas partes. 7. Activar la animación prototipos de luz: Está bien, vamos por la animación. Por lo que voy a dar click en un diseño para que sea para medir esta línea en el centro. Control click, doble clic, tres, introducido también. Debería estar aquí un león. Ahora lo es. Control. Perfecto. Uno, 23. Entonces cuando hacemos clic en él, ¿qué va a pasar? Entonces solo voy a seleccionar todo chicos o algo así, este cuadro de límite para ver que el verde haga clic derecho y desagruparlo. No lo necesitamos por ahora. Por lo que hemos hecho nuestras partes. Volvamos y traigamos este también. Cuando hacemos clic en esto, esto va a suceder. Algo como esto está subiendo. Sólo lo voy a poner aquí. Voy a seleccionar todo aquí, salgan a G para agruparlo. Y llamemos a esto. Este es el top. Por lo que al hacer clic en él, la de abajo va a estar apareciendo. Entonces esto es Francia, tal vez. Esto está de vuelta. Entonces volvamos a poner eso por ahora. Aquí solo, todo municipio para que sea del mismo tamaño. Glyco. Entonces cuando hagas click en él va a ser algo así. Ahora, selecciónelos a ambos. Asegúrate de hacer clic en Componentes it, los bots de atrás y frontal. Haga clic en atrás primero, haga clic derecho y asegúrese de que esto es desagrupar. Nuevamente, Comando o Control G para agruparlo y llamar a esto de vuelta medio. Quieres ser un componente. Nosotros sólo queremos ser un grupo porque sólo vamos a seleccionar a ambos de este grupo, éste y éste, y ahora convertirlos en un componente. Llamemos a éste. Tan individual. Tenemos atrás y frente. Entonces pongamos eso de nuevo de atrás a frente, en el frente. Ahora, selecciona el frente, ábrelo, haz clic en el Laboratorio, y arrástralo afuera. Por lo que la lámpara se va a animar entre el frente y la espalda. Entonces echa un vistazo a esto. Bien. Puede componente, estado más nuevo, estado T2, al día siguiente para hacer doble clic y la recámara, arrastrarlo hacia abajo. Y tal vez baje un poco. Éste va a venir aquí. Va a ser más grande. Va a cambiar el color a algo muy poco a poco, más ligero, algo así. Y sólo lo voy a agregar a mis muestreos , algo así como la desgracia. De acuerdo, así que esta es la parte de atrás, este es el estado para indicar 1 o estado por defecto, estado dos. Entonces vamos a animarlo. Tiene un prototipo. Un clic Por pestaña en auto animate. Esto, ponlo a seis segundos. El relajamiento es L debería estar usando esto fuera, usar está en sus outs. Se va a quedar, se aplica lo mismo. Un solo clic. destino debe ser el estado predeterminado. Ahora juguemos y veamos qué pasa. Asegúrate de volver a la placa de estado por defecto. Si hago clic en esto, mira, el acto no está activado, algo está pasando. Si selecciono esto, de nuevo, no elegí el arte ni el estado para perfeccionar. Ver la animación. Esto se va abajo y se va desvaneciendo y esto lo va a reemplazar. Perfecto. Cuando esto se activa, significa que ahora puedo aumentar la luz o disminuir la luz. Perfecto. Impresionante, me encanta. Todo funciona como un char. Hermosa. Vayamos a la lavandería y a la calefacción y audio también. Volvamos a Diseño. Seleccione este. Cuando vas a decir para seleccionar esto, podemos tener un poco de mirada de sombra interior. El interior de la sombra fuera de este color. Es como si este color estuviera seleccionado, ¿verdad? Pero gran ensayo de descarga. Entonces volvamos a casa. Si hago click en esto. Ahora está parado. Me encanta. Perfecto. Hagamos lo mismo con éste. 8. Animación de iconos de ropa principal: Está bien, mide la ropa está seleccionada, haz clic derecho sobre ella y desagruparla. Ahora presiona Control de Comando G para agruparlo. Yo sólo voy a llamar a este frente. Déjame sólo, algo me está molestando. En este, la animación. Creo que esto es bonito, muy bonito. Esta luz no es realmente genial? Por lo que sólo voy a Control click en él y 10 inercia off. Eso es todo lo que hice. Es decir, es muy sencillo. Ahora jugémoslo. Siempre me gusta la simplicidad de la animación y funciona perfectamente. Nosotros. Aquí lo mismo. Esto va a estar de vuelta. Yo sólo voy a copiar esto, traerlo aquí, pegarlo. Ven aquí exactamente al centro. Asegúrate de que esto esté totalmente alineado. Haga clic derecho y desagruparlo. Comando o Control G, Esto va a ser frente, o simplemente voy a cambiar esta lavandería frontal. Seleccione ambos, conviértalos en una biblioteca de componentes. Abre eso, debe ser de frente. Se acaba de copiar esta zona frontal. Por lo que tenemos frente Lavandería. Déjame solo chequeo de C debería estar de vuelta Landry. Canadá. Atrás debe hacer que los datos vuelvan. Eso arriba. Abre eso. Impresionante. El texto de la lavandería está afuera y la caja están encima de la otra. Tenemos que retroceder déjame apagar eso. Esta es la parte de atrás. Ya estás listo, tráelo aquí. Y este era el frente, digamos que este es el frente real. Y todos ellos están dentro de un componente llamado Londres. Es así como creamos esto. Haga clic en este signo más nuevamente y vaya a nuevo estado en el estado dos, lo que va a pasar en finca al frente está apagado. El dorso se aparece en un estado 2, 1. Abre eso. El dorso está apagado. El frente está activo. Entonces si voy a cambiar esto, esto es lo que va a pasar. Si voy a un estado a abrir eso, a veces sucede. El dorso debe estar activado ahora mismo. Ahora volvamos a jugar. Haga clic fuera de éste y éste. Déjame simplemente animarlo. En primer lugar, dar click en este destino debe ser un estado a muy simple. Si estoy en este estado para dar click en este destino debe ser estado por defecto es una facilidad fuera. Seis segundos. Eso es todo. Siempre es lo mismo. Pongámoslo ya que el defecto está ahí también. Por lo que se puede ver la diferencia y es hermoso. Mira así abajo para que pueda funcionar en ello. Y esta es una hermosa animación. Impresionante. Entonces cuando algo como esto está pasando, lavandería, no tiene una flecha op y abajo, debería aparecer algo más, algo que dice clica sobre mí. Déjame sólo mostrarte. Volvamos aquí al diseño es venir aquí. Haga clic en esto. Copia. Seleccionar fuera Control de Comando V. ¿Verdad? Ahora bien, es bueno sentirse así de bien a linear. Yo sólo voy a hacer algo como esto. El top esta vez quiero hacer esto un poco oscuro. El de abajo, sólo voy a hacerlo un poco más brillante. Entonces hasta como estos tipos. Ahora, vamos a la sombra interior. Hagámoslo muy oscuro. valor de Ebit x es de tres. Esto es tal vez 20. Y arrastra esto hacia arriba. Entonces tenemos un borde oscuro aquí, tiene como un botón, como Nos vemos allá. Enfriar. Presione Comando o Control D para duplicarlo. De acuerdo, ahora selecciona el de abajo, se va a llamar fondo en BG. Sostenga Alt y Shift y arrástrelo un poco hacia arriba, tal vez un poco más grande. Entonces ves que la esquina derecha. Por lo que es hermoso. Y asegúrate de que esto sea totalmente un círculo. Y dar click en este. Este también es circular. Este también un círculo. Entonces estamos en BG. Bg, quiero hacer esto sólo un color sólido a algo muy blanco. Botón Me gusta para que puedas dar click en él. Déjame simplemente tocarla. A ver qué hermoso es eso. Impresionante. A mí me encanta. Entonces selecciona esto y selecciona el BG, el Comando de Cambio o Control G, El botón Los estudiosos. Entonces presiona Command o Control X. Así que ahora voy a seleccionar la lavandería yendo al estado por defecto para hacer doble clic sobre ella y presionar Comando o Control V, solo voy a copiar el mismo lugar. Entonces significa lo que quiero decir, la lavandería, esto se va a activar. Entonces si hago clic en él, voy a hacer pagina de lavandería. Entonces vamos a ver si todo el estado normal simple. Vamos a ver jugar. Entonces este es mi sonido. En realidad. Estaba pensando en agregarle un sonido. Va a ser muy buen trabajo. Muy bien, Vamos a ver lo que ya lo tengo llamado sonido para esto. Entonces este es C, un truco, sólo va a borrar este. Si hago clic en esto, así que estoy en defecto el estado. Y si voy al modo prototipo, tengo algo aquí llamado acción. Si nos estamos metiendo en este plus inscríbase algo llamado reproducción de audio, que puede dejarlo así, un archivo de audio seleccionado y agregar un nuevo archivo. En la final se encuentra MP3. Tienes algo como smush, Gilligan lo y es archivo WAV, un archivo mp3. Simplemente va a funcionar. Entonces ambos, está funcionando, lo importan. Y veamos qué va a pasar, chicos. Si hacemos click en esto, animación sólo va a sonar así. De acuerdo, haz click en esto. Déjenme desenchufar mi micrófono y ustedes no pueden ver esto. Déjame aumentar el volumen de B. Va a sonar como estos chicos. Entonces suéltalo. Por lo que también podemos sumar esto a éste también. Este. Si estás en defecto, el estado puede hacer clic en este signo más para la acción. Entonces ahora mismo ves que está activado. Ve a elegir. Ya hay un archivo de audio. Por lo que no necesitamos agregar más. Y eso sugiere lo que le va a pasar a home plate para dejarlo ir. Entonces la suma de activar algo o tocar algo va a ser este sonido. Entonces, correcto, Vamos a diseñar bien la página de lavandería o lavadora. 9. Diseño de la página de lavadas: Muy bien, vamos a crear la página de Londres. Por lo que conseguimos nuestra mesa directiva, la prensa de mesa de trabajo local Comando o Control D para duplicarla no va a quitar todo. Pero en este también. Simplemente selecciona este, arrástrelo hacia la derecha. Por lo que a pesar de on debe estar en casa. Esto ir a Plugins llamado este botón de inicio. Esto es genial. Esto lo arrastra aquí y consigue un poco más pequeño. Peter, más pequeño. Yo dibujé aquí y del mismo color. Va a ser no-repudio te va a dar una copia estos y arrastrar esto hacia abajo. Sólo voy a escribir smart empujando, ¿verdad? Para mí, es grande. Y busco algo semi audaz. Arrastre esto hacia abajo, escriba aquí máquina. Pero éste debe ser ligero. Y también va a estar un poco más cerca 200, 400, 500, 550. El resto puede ser así. Selecciónelo, levantando tecla de flecha y aquí vamos. Ella definió por conseguir un agradable, lo que estoy haciendo esta capital, también hago d's guardado. Creo que esto es mucho mejor. Ahora Cellectis. Se va bien. Entonces algo como esto. Lavadora inteligente. ¿ Qué más necesitamos? No necesito estos. Eliminar, seleccionar este, mantener el turno y hacerlo un poco más grande. Está bien, selecciona esto, arrástrelo hacia abajo. Seleccione estos, arrástrelo hacia abajo. Seleccione este. Volvamos a capa. Yo quiero ver lo que hemos hecho. Abre eso, blanco y comprobando si el ancho y yo es el mismo, ¿verdad? A lo mejor un poco más grande. P, algo así, 1, 36, y éste a su alrededor. Enfriar. Ahora sólo voy a dar clic en círculo comunista en el centro. Aguanta Alt y Shift y arrastra hacia arriba. Ir exactamente al medio. Sal del campo para que podamos ver la frontera. Pongámoslo en 20. Ahora. Probemos todo para cambiar para hacer esto exactamente algo como aquí. A lo mejor un poco más cerca del exterior. Este y éste. Sostén pulsado Shift y hazlos más grandes. Otra vez. Ahora, todo está perfecto es uno y ese, estoy cambiando el ancho y la altura. Entonces todo está bien. Basta con seleccionar en esto. Yo sólo voy a escoger un auto cool o algo así. Realmente no importa. Por lo que siempre puedes buscar colores, hacerlo totalmente blanco o rojo, y simplemente jugar con él hasta conseguir algo como aquí en esta zona. Deberíamos hacer algo así también. Esta zona está dando buen contraste entre el fondo y el color. Entonces solo voy a escoger este. Ahora, hay otro truco genial porque quieres animar esto. Este es el truco que sólo voy a mostrar. Tú. Ponga la brecha en cierto 100. Cuando lo pongas en 700 sólo va a ser algo así. Sólo una pequeña línea aquí, ¿de acuerdo? cual también se puede bajar la opacidad. Ahí está en nada por animar que la brecha sea la misma que 700, pero el guión, si sostengo mi tecla de flecha superior, ¿ves qué pasó? Mira, esta es la forma en que animamos esto. Y va a ser muy natural, muy cool. Déjame sólo llegar a la zona que está totalmente nivelada con la parte superior. Para hacer eso, solo voy a crear una línea para ello. Simplemente voy a seleccionar de nuevo y dejarlo ir. Correcto, esto es genial. Ahora, echa un vistazo a esto. Tenemos que usar la gorra redondeada y ver si van a ambos entrar, lo cual es genial. Entonces este es el truco. Ahora. Sólo voy a seleccionar todo, presionar, Comando o Control G para agruparlo y arrastrar esto hacia arriba. Sólo lo vamos a poner aquí. Y también arrástrelo un poco a la derecha. Agradable. ¿ Qué más necesitamos? Necesitamos el agua para el interior, entonces cómo podemos crear el agua. Entonces déjame seleccionar esto y dar clic en lavadora, Glenn Command o Control y hacer clic en esta parte superior redondeada en el canal y. Presione Comando o Control D para duplicarlo. Sólo voy a arrastrarlo y ponerlo en la parte superior. Entonces va a haber máscara. Ahora haga clic en combustible. Y sólo voy a usar el mismo color que éste. Vayamos a lineal, la de arriba. Porque hago goma. Ven aquí. Selecciona este, nos metemos por el caucho y escogemos este color. Entonces lo mismo. Pero tenemos que enmascarar esto ¿cómo? Cantidad de control clicando. Entonces estamos bajo Máscara. Recoge tu herramienta de bolígrafo. Ahora, seleccione afuera, un solo clic aquí, a lo largo del turno, una camarilla aquí , aquí floja, y también aquí. Por lo que sólo tenemos la frontera de la misma. No haga clic en selección, haga doble clic aquí. Simplemente arrastra uno de estos hacia abajo. Entonces es cuidado acuoso. Ahora, arrastra esto, lo inclinó hacia abajo así. Entonces nada está dentro de esta forma aquí dentro del círculo. Asegúrese de que esto esté seleccionado. También mantenga pulsado el control y seleccione éste también. Por lo que se seleccionan estos dos, seleccionan su camino y la máscara. Haga clic derecho en él y Máscara con forma o el atajo Shift Command o Control M. Así que esto se va a enmascarar. Entonces no hay nada ahí. La máscara está abajo. Entonces básicamente, si subo y esta máscara Al hacer click en la máscara, ves algo como esto. Se ve el pasado. Si hago click en el camino, si hago clic aquí, esto es lo que ves. Si salgo afuera, mira lo que ves. Entonces mi go-to Z, para volver. Entonces esto va a ser perfecto para nuestra animación. Entonces tenemos tres botones aquí. Traigamos este, copiemos y peguemos, y hagámoslo del mismo tamaño que ese. Turno descendente. Arrastra esto hacia abajo, hazlo el centro de éste. Y yo sólo voy a arrastrar esto hacia abajo también. Por lo que está totalmente solo. No, arrastra esto y ponlo afuera. Y para el ícono, Vamos a tu material Icono, icono de Google. Está infile y puedes tener acceso a ella. Basta con mirar hacia adelante estos tres iconos. Yo sólo los voy a pegar aquí. Entonces esto va a ser por arrancar y apagar eso y encenderlo en antes del sonido. Y este va a ser el temporizador ahora en este momento. Está bien, genial. Muy bien, perfecto. Por lo que también tenemos estos tres iconos. Entonces aquí, éste debería ser verde, algo así, ¿verdad? El mismo que éste, el mismo lugar. Busca algo verdoso, no debería estar muerto. Tipo de verde. Este verde es claro, verde muy claro. Entonces hasta que me guste esto. Pero cuando esto se está encendiendo, la sombra va a afectar a este tipo de sombra aquí. Por lo que la sombra interior también va a ser del mismo color, pero derriba la opacidad. Dijo: Oh, no, está bien. Por lo que esta diapositiva está afectando esta zona de sombra, la iluminación a su alrededor. También tengo estos iconos aquí. Se llama icono inteligente. Yo sólo voy a arrastrar y ponerlo aquí. Nada intereses especiales y haga clic derecho y desagruparlo. Sólo ponlo aquí. Ahora, que sea un componente. Entonces porque sólo vamos a copiar esto para todos los demás libros o podemos copiarlo fácilmente y podemos cambiarlo fácilmente. 10. Lavado de animación de animación prototipos: Entonces esta es casa. Sólo voy a llamar a estos Landry Comando o Control D para duplicarlo. Haga clic en esto y asegúrese de que el color, es una especie del erudito. O tal vez este color. Estoy seleccionando este color y solo voy a agregar esto a mis muestras. Ahora en esta mesa de trabajo. Y estoy abriendo esta máscara y estoy dando click y es pase. Vamos a acercar un poco. Así que asegúrate de que cuando pongas tu ratón aquí, veas este círculo. Me está diciendo que estás celebrando. Este está seleccionando éste. Ahora, tienes que seleccionar este, hacer doble clic, dar click en esto y arrastrarlo hacia arriba. Y jugar con él. Algo así como algo así. Vamos a bajar. A lo mejor ha salido un poco. A lo mejor algo como aquí. Para que podamos jugar con él. Por lo que sólo tienes que llegar tan lejos a la parte superior para seleccionar el color, ir a la máscara. Es bueno escuchar. Simplemente lo voy a poner en color sólido y escoger el mismo color que éste. Hagámoslo muy simple y muy interesante porque es una interfaz de usuario suave, por lo que todo debe ser cómodo y fácil a la vista. Ahora, qué animar a los llamados , son chicos muy fáciles. Así que solo asegúrate seleccionar esta frontera, selecciona esta pizarra ahí. Déjame sólo ver. ¿Qué es un gol? ¿ Las élites son 61, su elipse? Podemos cambiarlo a un círculo para que sea impresionante. Círculo. Copia. Aquí vamos. Círculo también. Entonces si hago clic aquí, así que asegúrate de que este es el círculo, para que lo sepamos. Por lo que debe ser rotación 360 y remontarse al mismo lugar. Nuevamente, Comando o Control D para duplicarlo. Selecciona esta para asegurarte de hacer doble clic en la máscara. Y subamos. Esta vez. Debería ser el opuesto. Y arrastra esto hacia arriba. Entonces animémoslo hasta aquí para que veamos que todo está bien o no. Así que selecciona esta mesa de trabajo, la lavandería, arrastra esto y suéltala al aquí. Esto es debe estar encendido. Una vez también puedo animar. Debería ser monja. Otra vez. Tab. Una vez más, ninguna. Yo sólo voy a ver antes de hacer la animación, puedo ver estos iconos cuando viene aquí debería ser un icono de parada. En realidad, sólo voy a eliminar este y sólo voy a borrar éste también. Ya lo tengo icono de parada aquí, solo lo voy a poner aquí. Y este ícono de cosas debería ser y esto es azul. Esta también, la iniciativa debería ser azul también para derribar la opacidad 24. Copia esto, elimina éste, y selecciona éste y pegarlo aquí. Entonces básicamente si hago clic en este y lo arrastro hasta aquí, va a ser lavado de autonomía tabulador usando no son ninguno y la duración va a ser de 1 segundo. Entonces solo voy a dar click en este, la página total. Arrástrelo hasta aquí. Por lo que éste debería llegar a tiempo. Nosotros no hacemos nada. Es el momento, no 1 segundo. Entonces hagamos la animación. Veamos si todo es suave, especialmente éste, el círculo. Hermosa. Entonces estos están cambiando porque estos son, tienen los mismos nombres. Entonces éste y éste tienen los mismos nombres. Sólo voy a llamar a éste. Entonces debería cambiarme a tres. Yo sólo voy a cambiar el nombre al azar para que no quieras distraer al público por este. Entonces ha cambiado las paradas o vamos a detenerlo. Hermosa. Al final hay que añadir la burbuja. Va a ser muy divertido. Muy bien, vamos a otra página, Comando o Control D para duplicarlo. Nosotros ya lo sabemos. Claro, el pase va adentro. Aquí. Deberíamos simplemente hacer click en el pasado, arrástrelo hacia arriba. Lado opuesto, arrastra éste hacia arriba. Éste debería venir aquí un poco. También. El rodaje de la canción, ven aquí. Arrastra esto hacia arriba. Así que deleite esto. Ya casi está ahí. Ahora el de éste, sólo vamos a terminarlo. Haga doble clic en él hasta la parte superior. Hasta la cima. Y eso es todo. Y al final hay otra alcantarilla. A cool. Ahora hagamos la animación. Veamos qué pasó. Entonces la animación debe ser si voy al prototipo y arrastre este y también un drag éste también. Entonces arreglemos ese primero, el círculo. Si hago clic en él, Vayamos primero a Diseño. Si hago clic en el círculo, va a ser 0 rotación. El siguiente círculo es 360. El siguiente debería ser 0 otra vez. Déjame hacer clic en el círculo. Sí. 0. El siguiente debe ser 360, y éste debe ser 0. Hagamos la animación y veamos si funciona. Hermosa. Y se hace Comando o Control D para duplicarlo. Va a ser irritación al final. Entonces hacemos eso. Arreglemos todo. Entonces el primero difiere, círculo, que la rotación es 0. El segundo es 260. De nuevo debería ser 0. Círculo de nuevo debe estar en 360. Nuevamente debería ser 0. Y al final, sólo queremos una rotación de 90 grados porque es tiempo de secado y simplemente cambiar el color a algo verdoso. No el pasado. Volvamos atrás. Sólo la máscara. Aquí. Se está secando la máscara. Veamos primero la animación. Después vamos a la placa de detalle. Entonces se está deteniendo aquí. ¿ Por qué? Esto puede sentir que se detuvo aquí? Porque no hicimos el prototipado. ¿Qué tan guay es eso? Entonces lavado de tiempo, ninguno. De nuevo, lo mismo. De nuevo, lo mismo. Si lo detengo, todo el paquete va a volver a aquí. A ver. Las obras de teatro son algunas hermosas. Volvamos atrás. Mira qué cool es eso todo el tiempo, me encanta. Hermosa. 11. Crea Bubbles para lavar: Está bien, Ahora es el momento de agregar algunas burbujas. ¿ Qué es la burbuja? Haga clic aquí. Volvamos a Diseño. Da click en este pequeño círculo de aquí, y solo arroja algunos bichos. ¿ Y quién lo va a hacer del mismo color que éste? Agradable. Color profundo. ¿ Verdad? Uno aquí, uno aquí, uno aquí, uno aquí. Apenas cinco de ellos. Seleccionar todo, agruparlos. Llama a esta burbuja, y baja la opacidad. Copiarlo. Vámonos a aquí. Pega. Entonces bájala y ponla dentro de esta lavadora. Así que sube la opacidad, selecciona ésta, arrástrala a un año para hacerse un poco más grande. Para aquí, bajar la opacidad muy baja. Este, opacidad hacia abajo, éste más grande. Entonces este, sólo lo voy a poner aquí. Lo mismo. Copiar el mismo grupo. Copiado. Haga doble clic en el interior, péguelo. Por lo que la burbuja está en la parte superior también. Lo mismo. Si hago clic en este , arrástrelo hacia arriba. alumno tal vez va a ir accidentalmente y golpear esta esquina. Esto va a calentar este rincón. Nosotros comprobamos no va a salir. Enfriar. Entonces busco esta elipse. Y terminas bajando la opacidad. A lo mejor ir a la cima. Este. Este es, esto es, todo lo es. Entonces me estoy perdiendo algo aquí. Entonces probablemente algo en el medio, tal vez muy pequeño. No estaría mal. Muestreo de la burbuja, copia. Haga doble clic en el interior. ¿ Puedo controlar la burbuja? Ahora juega con él. Entonces aquí, aquí tuvimos un accidente, ¿verdad? Entonces aquí le damos la vuelta a la esquina. Y éste me deja revisar. Déjenme copiar este. Si tan solo copio éste, copia éste. Haga doble clic, péguelo. Y este es 18. Venir aquí, venir aquí, venir aquí, abajo, abajo. ¿ Qué más? Haz algo más. Y sin embargo reina por hacer también. Entonces una vez más, copia la burbuja que era Lee aquí. Pegar hacia abajo enfrente. Entonces esto estaría bien. Y también vamos a ponerlo aquí también. Copia. Entonces aquí va a volver a burbujear, la opacidad 100 por ciento. Y esta, la burbuja está justo aquí. Escribe esto. Entonces sólo lo voy a poner dentro de su lavadora. Dirigirlo seleccionado, desplazar, seleccionar tecla de flecha hacia abajo y asegurarse de que la opacidad sea 0. Entonces esto es, vamos a ver, lo hemos hecho. Entonces faltaba algo en la parte inferior . Arreglemos este. En tu oído. Algo. Deberían subir la burbuja y esta burbuja. Veamos una vez más. Jugado. Agradable. A mí me encanta. Es hermoso. 12. Añadir efecto de sonido en Adobe XD: ¿ Y el sonido? Entonces al final de ella, a este sonido, para un sonido también hay que cambiar esto porque este significado que se está encendiendo a la derecha? Entonces volvamos aquí y vamos a buscar el sonido que queremos. Cuando sea de esta manera. Copiar, pegar. Consíguelo éste. Y justo centro. Enfriar. Recoge este color. Agradable. Copiar estos. Entonces eliminemos, eliminemos, eliminemos, eliminemos. Entonces selecciona, Shift, selecciónalos todos, comando o Control V. Sólo va a estar en los mismos spots aquí. Lo mismo. Por lo que éste derriba la opacidad. Entonces antes de eso, solo asegúrate hacer el mismo color. Ahora, baja esto. Entonces esto va a ser sonido encendido. Aquí vamos. Aquí, control V, sonido apagado. Entonces éste, y no quiero éste, Control click Comando o Ctrl G para agruparlos. Yo sólo voy a llamar a este sonido. Si haces click en esto, ¿qué va a pasar? Esto lo convierte en un componente primero. Sonido. Cuando está en defecto es debe haber alguna delicia. ¿ Se va a nuevos estados? Debería ser algo así. Entonces esto está encendido y apagado. Apagado debe ser 10, fuera del brazo debe estar encendido. Y también esta, la sombra interior, va a ser la misma que ésta. Opacidad hacia abajo. Entonces lo más destacado es lo que va a pasar. Off on. Vamos a animarlo. Haga clic en él. Estado dos, bueno quedarse por hacer debe estar encendido por un segundo. También podemos tener una acción a disciplinar, como decirme que fuera de este llamado a la acción en la solución a éste también. Entonces veamos cómo funciona. Llevemos esto de vuelta al incumplimiento según lo que buscan. Funciona en nosotros. Agradable todo el tiempo, bien, genial. La otra cosa que podemos hacer es ésta. Aquí solo teclea. El secado se pone estos divertidos. 0 es hacer este semi negrita. Y también dos puntos al final. Haz esto un poco pequeño. Vamos a bajarlo. Podrías hacer varios pequeños. Poner en el centro. Copiar estos. Ponlo aquí, hazlo grande. Selecciona este, baja la opacidad. Entonces así va a ser como se veía. Pero damas, como secarse ahora mismo. Volvamos atrás. Cocinero. Entonces esto, ver esta animación. Por lo que significa los mismos nombres. Tenemos que cambiar este tipo de este 11 aquí, otro aquí. Por lo que realmente no importa porque ella entonces se está cambiando por vamos a ver, por vamos a ver, si algo anda mal. Entonces tenemos que arreglar todo está bien. Todo es totalmente perfecto. Sonido. Toma cuatro segundos. Esto aparece correcto. Deseada y que impresionante. A mí me encanta. Ahora, vamos por el temporizador. 13. Diseño de proyectar animación en el cronotipo y prototipos de Adobe XD: Muy bien, vamos a crear el lado de la pantalla del temporizador. Voy a usar uno de estos, en realidad, algo así como éste. Yo sólo voy a arrastrar éste hacia abajo. Y también clave aquí es la sombra. Debe ser blanco. Probemos esto abajo, tal vez alrededor de los 80. El alto a la derecha. Alinearlos, vaya a la izquierda. Alinear, mando o control. Pulse esquinas redondeadas, esquinas redondeadas. Entonces tenemos éste. Si mantengo pulsado el control y hago clic en esto y lo selecciono en negro, en una sombra. Si entro en phaco y lineal, la de arriba, ésta debería ser blanca. El de abajo debe ser del mismo color que éste. Ahora éste juega con él hasta que estés contento con algo como esto. También, haga clic en él como sombra interior. Y éste debería ser un poco más oscuro. Ratones, me encanta. Presiona T en tu teclado. Y solo teclea el número 0. Y hacer esto más grande. No deberían ser Poppins para el área numérica alrededor. Está bien y tu ronda vacía es genial. Se va a usar este. Asegúrate de que el color de relleno sea este color de fondo. Haga clic en una sombra interior, se acerque para que ustedes puedan ver exactamente lo que va a pasar. Haga clic en una sombra interior, y sólo trate de llegar a unas luces muy brillantes. Yo sólo voy a probar algo como esto, arrastrar esto hacia arriba. A lo mejor este color podría ser el mejor color. Y yo sólo lo voy a agregar aquí. Entonces está aquí. Este. Es tres, e b, nueve, E1. Por lo que una jugada alrededor con él. Simplemente descubro que este es el color base a usar. Por lo que siempre hay que jugar con el color, algo así. Se ve un traje tu diseño. Entonces este es el 01. Entonces, ¿cómo creamos estos? Entonces déjame solo mostrarte un ejemplo. Y vamos a poner esto aquí. Y sólo voy a arrastrar esto hacia arriba. Puedes crear, repetir, arrastrar esto hacia abajo. Yo sólo voy a contar. Está bien. 1234567890. Entonces es suficiente. Entonces solo voy a empezar con una vez más, 01. Esto va a ser 109 porque es un momento en el que hay que ir hacia atrás. Siete. Si fuera un temporizador normal, solo podrías hacer un simple 10123. Pero vamos hacia atrás, va bajando de 10 a 0. Por los militares. Demasiado. Tranquilo. Entonces, hasta ahora, tan bueno. Arrastra esto hacia abajo y solo sigue adelante. Algo así, bien, genial. Entonces sí tenemos algo así como disfraz. Por lo que necesitamos una copia del seminario se va a copiar algo junto a él. Y podemos seleccionar estos dos y simplemente copiar algo a su lado otra vez. Pero tenemos que usar máscara porque si selecciono todos estos y los pongo aquí, Veamos qué pasa. Imagina un poner este dos. Aquí. Entendemos que tendríamos brecha aquí. La brecha de tapón es de dos. Y seleccionar a estos dos y lo arrastró a escuchar también. Seleccionar todo. Asegúrate de que esté en el centro, que es tan ligando rectángulo. Y asegúrate de dar click aquí. A aquí. Enciende un campo para que podamos verlo desplazado el 1234 seleccionado. Por lo que se seleccionan cuatro de ellos. Haga clic derecho y enmascarador, barato. Entonces solo vemos los deportes. Si está fuera de él, haga doble clic sobre él. Seleccione este. Este rectángulo. Sólo voy a Silicon este rectángulo y arrastra esto un poco hacia abajo. Entonces eso es todo. Ahora, vamos adentro. Haga doble clic. Presione T, y presione M. Hagamos este tipo de blanco y muy pequeño. Entonces esto va a ser minuto aquí. Y esto va a ser segundo S. ¿Está bien? Entonces ahora seleccionamos todo, incluso éste. Estos dos son también, están dentro de este grupo. Entonces solo voy a llamar a este temporizador o a la hora. Este es debe ser temporizador. Seleccione esta, haga clic derecho y desagrupe por ahora. Muy bien, Ahora agruparlos y llamemos a este temporizador. Y también tenemos tiempo, así que tiempo y tiempo y seleccionar este y también turno selecciona éste. Por lo que ambos están seleccionados. Haga clic en componente y también haga clic en nuevas fincas. Entonces este es el estado uno, el estado por defecto, y este es un estado a una finca para describir el color de éste va a cambiar a éste. Y también esta sombra interior va a cambiar también esta y derribar la opacidad. Y tenemos unos reflejos rojos. Y en el estado 2, esto va a empezar así. Simplemente voy a seleccionar esto y arrastrar esto hacia abajo. Algo así. Empieza en diez minutos. Veamos qué está pasando. Estado por defecto, un estado a su animado este ir al prototipo. Haga doble clic en esto. Activado. El país debe ser un estado. 2 en abandonado o 6. Segundo está en sus outs y va subiendo. Hagamos click afuera. Vuelve a seleccionar esto. Vayamos al estado 2 que vamos a llegar a escuchar activado. Asegúrate de volver al valor predeterminado, estado. Lo mismo. Por lo que activar estos default es eso, así que básicamente estás en defecto, estado que se juega. Actívela. Entonces diez minutos, Volvamos atrás. 0, activado 10 minutos. Entonces así es como activamos esto. Por lo que por defecto es 10 y podemos cambiarlo manualmente también. Muy bien, Impresionante, me encanta. Ahora. Tenemos que copiar esto. Tienes que copiar el estado a todas partes. Eliminemos este y peguemos aquí. Esto es 10. Por lo que va a empezar a hacer doble clic aquí. Entonces va a ser 0. Esto va a ser nueve. Según vemos éste, haga click en éste. Arrastra esto hacia arriba, arrastra esto hacia arriba. Bien. Voy a dar click en esto. Porque es segundo debe ir rápido. Entonces esto va a ser cinco. Va a ser tal vez para copiar todo el asunto. Eliminar, pegarlo aquí. Esto se debe duplicar. Estoy haciendo doble clic en seis. Volvamos atrás. Entonces deberían ser dos. Deberían ser 29. Impresionante. Si ves algo solo está apareciendo. Simplemente me encanta simplemente seleccionar la máscara uno y arrastrar este otro bit. Copiar todo el paquete. Eso es todo. Tenemos dos más, seis, esto va a ser 3. Cinco otra vez, 50. Copia. Y eso es todo. Hagamos esto 0, 0, 1, 0, 0. Basta con hacer clic en él y arrástrelo un poco hacia abajo. Por lo que está nivelado. Entonces solo voy a dar clic en él y simplemente ponerlo aquí también. Aquí sólo se secan. Entonces significa que esto ya no está funcionando. Entonces estamos cambiando el color a éste. Y también, por lo que probablemente en este estado, esto está volviendo al incumplimiento. El estado. No es necesario cambiar la columna. Ya creaste el diseño y el componente se acaba de reproducirlo, a ver si funciona. Entonces está activado. Ahora juegas. Volvamos atrás. Activado, gastado 10. Ahora. Plato. Es hermoso y va a empezar. Muy Sarah, dibujo perfecto. Ahora. Volvamos atrás. Deténganlo. Perfecto. 14. Comenzar a terminar: Ahora vamos a hacer todo el paquete juntos. Como un lado está ir a Prototipo. Si hago clic en esto, así lo animado que esta diciendo es agregar 1 segundo se va a papá uno, vengo a esta página iba a pasar va a ser Va a volver. Por lo que no debería volver atrás. Por lo que esto no es destapar es en transición de tiempo, empuje hacia arriba por sí mismo, seis segundos. A ver. Asm es un poco rápido. uno a la vez. A lo mejor 8 segundos. Por favor. Queremos ver el bloqueo Qu de transición y eso es todo. Hermosa. Estamos en esta página. El funciona impresionante. Entonces cuando su colada, déjame dar click en esto. Debería ir a la otra página. Seleccione este. Estás en el estado dos. Si hago click en este prototipo, Vayamos a éste. Transición, empuje a la izquierda, lo que significa que éste se empuja a la derecha. Veamos cómo funciona. Permítanme traer esto de vuelta al estado por defecto. Aquí vamos. Lavandería y hermosa. Volvamos atrás. Impresionante. Simplemente podemos hacer esto también. Vuelve a este. Es como empujar, ¿verdad? Lo que significa que si estás en este, da click en esto. Impresionante, hermosa. Al final, solo vamos a animar esto y crear lo mismo para el modo brillante. No quieres a Landry. Yo creo, para que una lavandería lo haga más interesante que realmente estás seleccionando esta, puedes cambiar la Sombra Interior. Landry. Haga doble clic. Tienes el frente, nosotros tenemos el banco. Entonces si vamos a la parte de atrás, si vamos al estado 2, tosilato, cítricos espalda Landry, la flecha blanca, por eso acabamos de poner nombre en ella. Va a ser muy interesante. A lo mejor algo púrpura o algo rojizo. Arrastra esto hacia arriba. Incluso el nombre de la lavandería, tal vez, tal vez el título, incluso la inicial puede ser un poco. A lo mejor este color, para mí, malo, para la sombra interior, el blanco. Permítanme simplemente seleccionar este color también y arrastrar esto hacia abajo. Entonces algo como esto. Creo que esto es mucho interesante porque tratamos de hacerlo lo más interesante posible. Landry, bonito. Entonces es obvio que seleccionamos la lavandería. Ahora vamos por este modelo de placa de lavadora. Entonces volvamos atrás. Así que asegúrese de que para presentación siempre antes de empezar primero haga clic en el temporizador, va a ser en 10 minutos. A continuación, dar click en el inicio. Secando el sonido y volvamos atrás. Muy bien, Impresionante. Podemos volver atrás, o si pinchas en este, ¿qué va a pasar? Hacemos click en este. Este todavía va a volver a. Aquí. Nosotros empujamos, ¿verdad? Es lo mismo chicos. Muy bien, Niza. Ahora, ¿qué pasa con este? Si hacemos click en esto, ¿qué va a pasar? 15. Diseñar el modo brillante: Muy bien, ya tenemos el modo oscuro. Vamos por el modo brillante. Por lo que ya está seleccionado. Haga clic en el campo y recoja ese color. Superioramente, estos tienen a estos dos LAN todo el tiempo arrastrándolo por aquí. Por lo que ya tenemos estas dos opciones. Seleccione esta. Entonces podemos cambiar éste porque los, estos son medio giro etapa, ¿verdad? Pero éste debería ser sencillo. Cocina y ésta ¿verdad? El lampara cocina y modo oscuro. Sólo voy a presionar Comando o Control G y Llamar a esta cocina. Haga clic en él. Entonces estamos en blanco, sombra. Haga clic en esto. Entonces dije: ¿Qué pasa con estos colores? Vamos a llenarlo con el mismo color o apaguemos eso porque tiene sombra interior. Simplemente voy a recoger el mismo color y simplemente jugar con él hasta que se ponga algo muy fresco. Es decir, este color. Yo le estoy agregando esto a los soldados porque sólo vamos a dar click en esto. Y lo mismo. ¿ Y el negro? Lo mismo en ello. ¿ Y la sombra de gota? Yo sólo voy a añadir este y arrastrar esto hacia abajo. ¿ Qué tal, yo sólo voy a Control click sombra blanca. El sombra, debería ser realmente blanco. Algo así. Por lo que ya tenemos este. Por lo que BB smarts y mantener todo el texto. Haga clic derecho y desagruparlo. No quiero teclear eso toma de nuevo. Entonces escuela, significa que solo puedo seleccionar esto, ir a iniciar o dar click en éste. Está vaciando este también. Entonces éste, y cuando rápidamente, sólo voy a dar clic en éste, éste, alfombra derecha. Vamos afuera. Python, ruby, ven aquí, haz clic derecho y envía a atrás. Va a ser así, impresionante muy rápidamente. Esta vez, sólo voy a copiar la lavandería. Falta conducta. Elimina este, selecciona éste. Mantenga pulsado Shift, arrástrelo al comando correcto o controle V. Y vayamos a la sombra interior en este. Entonces esta es la forma en que podemos hacer rápidamente el resto de la misma. Entonces el resto de esto van a ser tus chicos de asignación. De acuerdo, dado éste y éste, qué color tienes que añadir a éste para ser exactamente así. Entonces solo lo voy a dejar así. Yo sólo voy a diseñar este para ustedes chicos. Entonces estas van a ser sus asignaciones e incluso el resto de ella. O sea, quiero que ustedes creen lo mismo, pero el modo de color blanco, ¿no? Entonces sólo mándeme y sólo voy a ver lo que ustedes han hecho. Y va a controlar click en este. Esto va a ser blanco. Y esto va a ser controlando de vuelta. Escojamos un color. En una sombra. Está muy oscuro. Y además, ¿quién le va a agregar tal vez este color? Sería mucho más agradable. Yo sólo voy a hacer los blancos en una sombra al blanco. Arrastra esto hacia arriba. Hermosa. Vayamos a uno de estos, estado 1 y estado 2, ¿verdad? Entonces digamos que 2 va a ser algo así. Pero el estado por defecto y esto, esto es suficiente, ¿verdad? Debería estar en algo como esto. Scooby default, el estado en esto va a soltar sombra. A ver, ¿qué tenemos aquí? Encendido y apagado. El techo debe ser opacidad y 0 encendido, encendido. Sombra de gota. Simplemente lo voy a poner en algún lugar así. Por lo que este es el estado predeterminado y normal para hacer clic en él. El ion está apagado. Y basta con hacer click en apagado, enciéndalo. Entonces va a ser al revés, pero el color debe ser este color. Eso es todo. Veamos qué hemos hecho. Está bien, genial. Yo sólo voy a quitar todo lo demás. Arrastre esto hacia abajo. Declarado. Ponlo aquí significa y están rotados. Ponlo aquí en el centro. Y lo mismo aquí. Es muy sencillo. Creo que quiero que esto sea algo así. Entonces el resto, sólo voy a animar esto también que ustedes vean lo que va a pasar. Si voy al prototipo y si hago clic en esto, sólo va a venir a éste. Auto animar. Aquí te dejamos una facilidad fuera y 6 segundos. Así que asegúrate de que esto viene a la izquierda. Entonces este es el color que ustedes tienen que hacer, es ir al diseño. Y el color debe desecharse. El resto, depende de ti. Tengamos al diseñador, al dueño, los hábitos, todo está aquí. Arrastra lo mismo aquí y solo ponlo en la parte de atrás, Eso es todo. Entonces el resto va a ser fácil para ti que solo reemplaza estos éste y agrega todo para solo asegurarte de seguir la orden. Lo que he hecho para el modo oscuro, solo hazlo por el modo brillante. Eso es todo. Es un libro. Puedes hacer click en esto. Entonces vamos a puerto civil. Si vuelvo a hacer clic en esto, todo va a volver aquí. Veamos qué hemos hecho. Entonces, entonces todo está cambiando. Así que asegúrate al final, cambia el nombre de esto. Entonces no todo se está moviendo. Entonces esta es la animación que ustedes tienen que hacer. Entonces el cambio y eso es muy sencillo. El resto. Y va a ser tu tarea hacer medido, mándelo. Y yo sólo voy a ver cuál de ustedes lo ha hecho de la mejor manera. Y sólo voy a mostrarle a los chicos del diseño. Entonces va a ser algo así también. Déjame sólo echarle un vistazo. Es el estado predeterminado, que es el predeterminado es el estado. El diseño. Debería ser algo así como éste. Pero estas sombras son mucho mejores en este radio de esquina o mejor. Así que asegúrate de que esto también sea negro. Y al resto le toca sólo echar un vistazo a éste. Ustedes van a hacer lo mismo. A mí también me gusta este color. Así que trata de crear el mismo color y simplemente sigue adelante. 16. Diseño de botones de registrarse: Ahora mismo estoy mirando esta huella dactilar aquí y podemos añadir un botón de registro de inicio de sesión también. Va a ser muy sencillo. Haga clic en uno de estos, arrástrelos aquí, y simplemente colóquelos aquí y arrástrelo hacia la derecha. Asegúrate de que su centro. Yo sólo voy a teclear aquí, iniciar sesión. Asegúrate de que el color sea azul. Y vuelve a estar bien. El centro. Ahora, selecciónelo, hazlo el abismo, aguanta el Alt y lo hizo un poco más pequeño y mejor. Y tener un arrastre esto hacia arriba en Alt y Shift, y arrastrar esto hacia abajo. Va a ser una suscripción. Para la suscripción. Voy a cambiar esto por éste. A ver. Aquí va a producir. Arrastre éste hasta aquí, justo aquí. Entonces vamos a seleccionar este, eliminarlo, seleccionarlo, arrástrelo hacia la izquierda, haga clic derecho, enviarlo hacia atrás. Va a ser Regístrate. Hazlo blanco. Asegúrate de seleccionar este. ¿ Yo trasbordador control click. Acude a esto y asegúrate de que esto sea lineal. Volvamos a repasar. Y esto a la izquierda, pongamos esto a la derecha. Va a ser algo así. Este lado va a ser muy brillante y decidir que va a ser de este color. Entonces vamos a ver. Firmar, inscribirte. Impresionante. Seleccionémoslos a ambos. Control de mando C. Salir de control. Dijimos, nos olvidamos de hacer eso. Y creo que está hecho.