Clase magistral de Figma: diseña y haz el prototipo de tu primera aplicación móvil

1. Introducción a la clase dominadora de Figma: Bienvenido a mi curso. Tierra más dura fig marvit. En tan solo 14 días en las escuelas, vas a aprender todas las diferentes herramientas y técnicas y consejos sobre cómo marco de alambre del dedo del pie que diseñar y luego prototipear tu idea de APP desde cero. Voy a compartir con ustedes todo el caso Sharper de uso común para que puedan acelerar su flujo de trabajo dentro de la figura. De igual manera, vamos a compartir con ustedes todas las diferentes herramientas de prototipado y consejos y técnicas sobre cómo utilizar diferentes transiciones afecta diferentes a emisiones para que pueda convertir sus diseños estáticos y diseños aburridos en algo impresionante. Vamos a diseñar juntos receta de alimentos han llamado gérmenes. Vamos a diseñar su pantalla de inicio de sesión X filtros de búsqueda. Son diferentes animaciones de menú ahí donde el menú va a pasar de un esquema a otro y cómo eres inteligente. E hizo cómo usar efectos excesivamente. Cómo usar todo este tipo de cosas Dentro de Sigma. Hay muchas tareas a lo largo de la escuela, así que me voy de pie. Mantén un ojo en tu progreso, y te voy a dar retroalimentación oportuna sobre cómo puedes mejorar tus acentuas habilidades de diseño . Creo que cualquiera puede aprender cualquier herramienta de diseño en tan solo dos semanas, eso es suficiente. Así que empecemos y sumérjase en el producto ahora. 2. Descarga e instalar Figma en Win y Mac: en este video, vamos a ir de cabeza a figment dot com, y vamos a descargar figura MMA, y vamos a ver qué son diferentes características y cómo podemos usarlas. ¿ Cuál es el modelo de precios de la Fig? Mamá, ¿qué es la versión gratuita da y cuál es la versión pagada? Diferencias. Entonces, empecemos. No. En primer lugar vas a ir a figure dot com y esta es su página web, y puedes ver aquí dicen contienda Igman gratis. Entonces tienes que crear tu cuenta por aquí, así que vas a ir a registrarte y crear tu cuenta. Este es el primer paso. Ahora el segundo paso es, una vez que hayas creado tu cuenta, vas a ir a descargas sigma dot com slash descargas. Como se puede ir de receso recurso rol es e ir a descargas y aquí te vas a descargar aplicación de escritorio. Porque si estás en un sistema operativo Mac OS o Mac, vas a descargar esta aplicación de escritorio, y si estás en Windows, vas a descargar la aplicación de escritorio para Windows. Ahora bien, si intentas usar tu fig MMA en tu navegador de lo que vas a utilizar este mapa. Quest, instalador de Windows. La mayoría de la gente creo que 99.9% van a descargar estos sí. Por lo que no necesitamos preocuparnos por esto. Instaladores de Fort solo tienes que descargar la aplicación de escritorio e instalarla en tu PC o Mac. Ahora aquí, les voy a mostrar cuál es el modelo de precios. ¿ Y cuáles son las características que se encuentran en diferentes modelos de precios para este modelo de fig? Primero es gratis para que puedas crear después de dos editores. ¿ Te referías sólo a que dos personas pueden editar un solo proyecto? Puedes tener un equipo fuera a diseñadores y tres proyectos, y puedes crear tres proyectos. Máximo de tres proyectos, historial de versiones de 30 días. Entonces este remolque esto realmente guarda tus, um, um, versiones de diseño. Entonces, cualesquiera que sean los cambios que estés haciendo a un archivo de diseño, se van a guardar por solo 30 días y se van a guardar unos dólares ilimitados. Puedes utilizar nuestra carga, cualquier archivo o cualquier tamaño fuera de archivo. Eso no es un problema. Visores libres ilimitados para que puedas compartir tus proyectos con personas ilimitadas que puedan ver tu proyecto. Ahora puedes ver aquí tenemos profesional y organización. Ahora, lo principal que vamos a estar buscando estamos aquí es la historia de versiones ilimitada. Esto es lo primero, y segundo es invitar sólo a proyectos privados. Entonces, por ejemplo, si son empresas o emprendimiento es que quieren trabajar en solo proyectos privados, pueden crear invitaciones solo pueden enviar, invitar solo invitaciones privadas, dedo diferentes miembros, bibliotecas de equipo compartibles Para que puedas diseñar tus bibliotecas de diseño y compartirlas con en tu equipo. Esa es otra característica de la profesión. Entonces, um, estas son las diferencias. Entonces si eres una organización muy grande, puedes optar por esta. Ahora bien, ¿cuáles son las diferentes características? ¿ Por qué estamos pensando que el estigma es lo próximo grande? No. El motivo es que lo primero es que se trata de una plataforma cruzada. Puedes usar ese diseño incluso en tu navegador. Entonces esto es lo primero Siempre que miras una herramienta de diseño, tienes que ver si es que se puede usar en cualquier lugar de cualquier plataforma. Eso es un plus. Punto segundo es que hay muchas herramientas fuera de las que puedo pensar que son herramientas de próxima generación para diseñadores. Hay un montón de cosas que puedes hacer mucho fuera de las características, pero en este robó horas por completo, diseños responsivos. Entonces tenemos enchufes. Ya puedes ver puedes descargar diferentes enchufes y ampliar la funcionalidad fuera de Sigma que puedes ver por aquí. Aquí no tenemos chapoteo, por lo que puedes descargar cualquier imagen y su imagen de stock que es gratis. De igual manera, tenemos esto, cuantifico, y puedes usar cualquier ícono diferente como icono de diseño de materiales iconos de Scougall. Cuatro iconos impresionantes que son muy populares. Entonces estas son las características de Sigma, y así es como vas a ir por aquí. Date de alta y baja carga fig, aplicación de escritorio MMA y vamos a empezar en la siguiente lección. Entonces pasemos a la siguiente lección. 3. Nueva interfaz Figma 2022: En este video, vamos a ver a Figma, nueva interfaz porque la antigua fue hace dos años. Entonces ahora este es el nuevo. Así que vamos a sumergirnos en la interfaz de sigmas. Vale, así que una vez que inicies sesión en Figma, vas a ver vas a ver que esta va a ser la interfaz, aunque no verás estos son top, estos son los archivos que he abierto. Por lo que estos no van a estar ahí. Si lo estás usando por primera vez. A la derecha, habrá un perfil. Por lo que si hace clic aquí, se puede ver este es mi correo electrónico. Además, puedes ir al perfil de comunidad I configuración del plugin de perfil interno. Entonces estos son los ajustes. Para que puedas ver por aquí, puedes cambiar tu nombre, correo electrónico, contraseña, otras cosas desde aquí. Y también puedes ir al perfil de comunidad desde aquí. Entonces este es mi manejador de comunidad como destinatario y puedes cambiarlo si quieres. Estos son los plugins que has instalado. Puede hacer clic aquí y desinstalar o mostrar detalles desde aquí. Además, puedes a plug-ins desde aquí. Entonces, sea lo que sea que haya instalado, que va a mejorar la capacidad de Figma, esto va a ser por aquí. Para que puedas ver que tengo todos estos plugins. Entonces estos son demasiados plugins de todos maneras. Entonces esta va a ser tu cuenta. El perfil de la comunidad es necesario porque vas a ir a la comunidad para descargar muchas cosas diferentes. Para que puedan ver ahora me he cambiado a mis perfiles de comunidad. Entonces aquí se puede ver que dice comunidad. Entonces si quieres volver a tu perfil principal, tienes que hacer click aquí, cambiar a la esencia o sea cual sea tu nombre en tu Figma como perfil, volverás a la interfaz. De acuerdo, así que empecemos con vistos recientes. Visto recientemente. Entonces cada vez que empieces va a estar por aquí. Por lo que tenemos tres botones. Anteriormente, los botones, pero no muy buenos diseñados. Yo diría yo. Esto es realmente fácil. Nuevo archivo de diseño. Haga clic aquí. Nuevo archivo de gemas de higo, que es para diagramas de pizarra blanca y colaborando diferentes bocetos o ideas. Esta es otra herramienta de Figma. Entonces este es su expediente. Si quieres importar archivo desde boceto figma o cualquier imagen, puedes hacer click aquí y puedes hacer click sobre el archivo fig. Veamos si tengo algo en descargas. De acuerdo, para que puedas ver que tengo este archivo de higo de punto también son archivos de boceto oscuro, por lo que puedes importar o ambos de estos. Simplemente haga clic en el archivo fig y ábralo así. Y tomará algún tiempo importarse porque es una herramienta en línea. Por lo que va a mostrar que se puede ver hecho. Y aquí tengo este expediente por aquí. Voy a hacer doble clic en él. Para abrir este archivo. Se puede ver que es básicamente en Clay maqueta de lo alto para academia. De todos maneras. Entonces volvamos a nuestra interfaz principal, que va a ser esta casa. Y nosotros tenemos, ya saben que este es nuevo archivo. Este es el archivo de gema de configuración. Entonces estaremos creando en su mayoría estos nuevos archivos de diseño o tal vez importando algunos archivos. De acuerdo, así que aquí abajo tenemos todos los expedientes recientes en los que he trabajado o he abierto. Para que puedas ver que hay algunos sistemas de diseño, formas vectoriales dibujadas a mano, formas, muchas cosas. Y si votas por eliminar cualquier archivo de aquí, puedes igual, vamos a hacer click aquí y hacer clic derecho y eliminar de reciente. Puede seleccionar varios archivos. Por ejemplo, vamos, vamos, vamos, vamos a seleccionar varios archivos como yo tengo éste, así que soy, estoy presionando y manteniendo pulsada la tecla Mayús, éste y éste. Por lo que he seleccionado los tres, eliminar tres ítems de recientes. Entonces lo voy a quitar así porque estas son muchas de mis asignaciones estudiantiles. Por lo que siguen presentando. De acuerdo, así que hemos cubierto esta área. Filtrar por todos los archivos, archivos de diseño, fig archivos Gem son prototipos. Normalmente tenemos todos los expedientes. Entonces tenemos esta lista de conmutadores de visor de archivos con iconos pequeños si te gustó esto. Porque te va a mostrar cuánto tiempo hace que creaste o abres este archivo. Se pueden ver algunos de los archivos que he abierto como hace dos meses. Y esta va a ser tu vista de cuadrícula. Por lo que se trata de dos puntos de vista para sus archivos recientes. También tenemos plantillas de mermelada de higo por aquí o diagrama de arquitectura de información , todos estos diagramas, si quieres usarlas, puedes hacer click en éste y simplemente empezar a construir lo que tú quiero. De acuerdo, entonces tenemos estos perfiles de comunidad. Entonces si has ido a la comunidad, puedes descargar iconos, wireframes, sistemas de diseño, todas las cosas gratuitas, plugins todo. Por lo que esta es una característica muy agradable de la nueva característica de las brujas Figma. Puedes ir a buscar cualquier plugins, tal vez. Digamos talla, digamos talla, y ver si tenemos evento C, íconos, tamaños de carreras. Entonces estos son todos plugins diferentes. Entonces aquí tenemos diferentes creadores que en realidad están creando esos plugins. Estos son plugins y además si vas a Archivos, puedes ver que tenemos diferentes archivos que tienen esta pantalla dice por ejemplo, puedes ver tamaños de pantalla iOS 14. Entonces la tabla periódica del iPhone. Entonces estos son todos diferentes tamaños de pantalla. Para que puedas descargar diferentes archivos si quieres descargar. Por ejemplo, si quiero descargar este archivo, este es tamaño A3, A4, A5 para diseñar. Puedes hacer click en este duplicado y se va a duplicar en tu Figma tiene interfaz. Aquí, lo tenemos. De acuerdo, así que volvamos a casa y estarás en la comunidad igual. Puedes hacer click en me gusta o amar esto, lo que sea. Y también puedes acercar, alejar el zoom. Puedes ir a pantalla completa y ver qué otros, otras cosas han creado a este autor. Volvamos. Volvamos por aquí. Puedes hacer click en wireframes y verás muchos wireframes por aquí, plugins, archivos, todo. Para que puedas ver por aquí así. Realmente me encantó este. Entonces voy a replicar éste aquí. Me encanta. De acuerdo, así que esto se trata de comunidades. Así que volvamos a cambiar a mi perfil principal. De acuerdo, así que aquí lo tenemos. Por lo que hemos discutido reciente y de comunidad. También puedes configurar tus archivos desde aquí. Mira, tenemos mi primera clase de figma de diseño o Figma. Se trata de un proyecto. Se puede ver qué aquí. Estos son archivos y estos son de archivos comunitarios. Comunidad. Vale, entonces así es como te va a mostrar una búsqueda, muy avanzada, muy bonita búsqueda. Puedes buscar temas de archivos o personas, incluso personas. Así que seleccionemos a Chris, lo tenemos. Turno a una gente. De acuerdo, así que tengo que entrar a ver. Entonces este es uno de mis compañeros de trabajo. Voy a esconder el e-mail por aquí. Entonces esta es la persona que está trabajando conmigo en este momento es desarrollador. De acuerdo, entonces tenemos barra de búsqueda cubierta. Tenemos este perfil principal cambiar de comunidad a espalda. Hemos cubierto este apartado a la derecha. Esta va a ser tus actualizaciones. Si tienes algunas notificaciones. Por lo que estas van a ser tus notificaciones. Entonces tenemos borradores. Los borradores son en realidad proyectos. Así que en realidad eres proyecto y todo. Se crea una edición, se crea un nuevo archivo. Siempre que se va a crear un nuevo archivo, va a estar en un borrador. Por lo que una vez que haga clic en esto, se puede ver por aquí. Entonces presionemos E para tablero de arte y hagamos clic en éste. De acuerdo, para que puedan ver una vez que creo cualquier cosa, así que va a estar en los borradores. Entonces en la parte superior tenemos la jerarquía. Borradores es el proyecto. Este es el nombre del archivo. Por lo que si hace clic aquí, puede editar el nombre del archivo, mi archivo Figma. ¿ De acuerdo? Si quieres moverlo a algún otro lugar, puedes hacer click sobre esta flecha y podrás ver pasar a proyectos. Por lo que tengo diferentes proyectos como estos. Estamos aquí en la app foodie de clase Figma. Puedo dar click en eso y puedo mover esto por ahí. Además, hay pocas opciones más renombradas lead, favorito este archivo. Por lo que favoreció este archivo significa que si hago click en este favorito, este archivo, se va a mostrar por aquí. Se pueden ver fuegos favoritos. Entonces estos son mi archivo favorito. Entonces si quiero abrir algún archivo favorito, puedo hacerlo fácilmente. Incluso si cierro, es éste. ¿ De acuerdo? Por lo que si quieres cambiar el fondo, haz click en el exterior y tenemos este fondo, puedes cambiarlo a lo que quieras. Entonces tenemos a la izquierda tenemos se pueden ver páginas. Si tienes que hacer click sobre esto para ver las páginas, puedes añadir más páginas aquí. Antes de entrar en eso, estudiemos la jerarquía de Figma. Entonces en la parte superior tenemos equipos. Entonces esto va a ser como por aquí. Por lo que aterriza XID productos compartidos. Estos son mi equipo. Entonces si lo colapso, se puede ver que esto es proyectos compartidos. Este es otro equipo. Tierra que excitado, esto es otra cosa. Por lo que si hago clic en Equipo, se puede ver que dice dos miembros por aquí. Entonces estos son los proyectos que se han creado dentro de ese equipo. Estos son los integrantes. De acuerdo, entonces estas son las personas que en realidad están viendo el acceso a esto porque estos son todos mis alumnos. Y luego tenemos ajustes por aquí. Para que puedas cambiar el nombre del equipo. Las bibliotecas de equipo habilitan el plan y la facturación, actualice su plan si lo desea. Porque algunas de las características, como el uso compartido de bibliotecas o uso compartido de activos es en realidad una característica premium. Tienes que pagar por eso. De acuerdo, así que volvamos a la jerarquía de Figma. Entonces este es mi equipo. Entonces tenemos proyectos dentro de ese equipo. Ya has visto que estos son los proyectos, esto es equipo. La clase Figma es un proyecto foodie app natural. Estos son todos mis proyectos de los que tenemos archivos dentro de esos proyectos. Entonces si abro algún proyecto, abramos, por ejemplo, como tenemos esto. Por lo que tenemos estos borradores, que es proyecto, y luego tenemos un expediente dentro de él. Entonces este es en realidad mi expediente. Puedes tener esto. Estos son en realidad archivo, este es el nombre del archivo, mi archivo HTML de fosfato, y luego estas son las páginas dentro de él. Entonces veamos, tenemos páginas. Entonces archivos y archivo dentro de esos archivos tenemos páginas. Podemos tener diez páginas, 20 páginas, cuántas páginas, lo que quieras. Entonces tenemos múltiples mesas de trabajo dentro de una sola página. Así que volvamos por aquí. Por lo que tenemos esta página. Vamos a alejar el zoom. Entonces este es un tablero de arte. Se trata de un tablero de arte. Y si quiero crear otro tablero de arte, haz click en una Y voy a tener una pizarra de arte de iPhone. Nuevamente, presiona a en tu teclado, iPhone SE. Y de nuevo a, vamos a usar alguna tableta o aquí 11 Pro. Como se puede ver por aquí, estos son todos mis tableros de arte en la parte inferior. Entonces, o se puede decir marcos. Entonces estos son mis diferentes tableros o marcos de arte. Puedo tener tal vez 50 o 60 en cada página. Entonces como en este momento, he seleccionado esta página. Si voy a la segunda página, que no es nada por aquí. Entonces este es el equipo de Figma es jerarquía. Entonces tenemos proyectos y tenemos archivos. Entonces tenemos páginas, múltiples páginas. Y luego tenemos una gran cantidad de marcos y tableros de arte. Por lo que tenemos equipo único, podemos tener dos o tres equipos también. Por lo que normalmente tenemos uno o dos equipos, equipo MAX de lo que tenemos múltiples proyectos dentro de ese equipo. Como puedes ver, te he mostrado por aquí. Por lo que este equipo tiene 12345 proyectos. Este tiene un proyecto. Entonces dentro de ese proyecto, si abro este proyecto, mi vaso, se puede ver que tenemos múltiples archivos. He dejado 1234567891011 archivos en este proyecto de clase Figma. Si abrimos este proyecto de clase Figma, para que puedas ver tenemos varios archivos por aquí. Entonces tenemos como, vamos a la ListView. Tenemos como diez proyectos diferentes, por lo que diez archivos diferentes por aquí. Este es un proyecto que he seleccionado. Estos son el expediente. Entonces si abro algún archivo, seleccionemos este archivo. Tomará algún tiempo cargarse. De acuerdo, así que aquí tenemos el expediente. Esta es la página, una sola página dentro de ella. Y luego tenemos el tablero de arte o el tablero arte único dentro de ese archivo. Entonces si hago clic en esta sección vacía por aquí, puedo ver el nombre de este proyecto y luego el nombre del archivo por aquí. Así que volvamos. Y si quieres crear un equipo, puedes crear un equipo. Se puede vapor. Vamos a crear un equipo y podrás agregar a tus colaboradores después de eso. Y si intentas continuar, te va a pedir el pago porque es una característica premium. Para que puedas tener un solo equipo creo que para la versión normal skip por ahora. Para que puedas ver que me muestra elegir Profesional. 12 dólares por litro al mes. Mermelada de higo es de $1.3 por litro al mes. Creo que es anual. Si es mensual, es alrededor de $15. Entonces vamos, intentemos cerrar esto y volver a nuestro tema. Oh, whoops. Por lo que ha creado un equipo en realidad. Así que intentemos eliminarlo ahora mismo que puedas cambiar el icono, cualquier cosa que quieras. Vamos a los equipos de UX. Por lo que tengo que escribir el nombre para eliminar este equipo. ¿ De acuerdo? De acuerdo, así que veamos si me he perdido algo. De acuerdo, así que dentro de esta área por aquí, así que si tenemos panel izquierdo que es capas, activos y páginas, y luego tenemos las mesas de trabajo por aquí en la parte inferior dentro de esa página. Y se puede ver que dice páginas y esto es tablero de arte. A la derecha. Ya pueden ver que tengo esto por aquí. Inicia conversación si quieres colaborar con alguien, compártelo, si quieres compartir este enlace con alguien, copia enlace y pega eso. O puedes enviar un correo electrónico, teclear el correo electrónico aquí, múltiples correos electrónicos cam comas separadas. Si quieres compartir con múltiples personas, normalmente copio el enlace y lo comparto con quien quiera. De acuerdo, entonces este es el presente o prototipo. Esto en realidad faltan fuentes. Entonces si te falta alguna fuente o tipografía es te va a mostrar aquí root y esto falta en este archivo. Entonces tenemos este nivel de zoom, acercar, alejar un control del 100 por ciento 0. Y luego tenemos vista previa de píxeles, una cuadrícula de píxeles, diferentes opciones de cuadrícula de diseño. Y estos están en la cima. Contamos con diferentes herramientas. Se puede ver por aquí, este es el menú. Por aquí. En el Mac, el menú está en la parte superior, por aquí, en la parte superior de aquí. Y en Windows, se coloca por aquí así. Nuevamente, objetas texto vectorial, arreglas plugins. Y si voy a plugins, puedes ver en la parte inferior he administrado plugins. Así plugins administrados, puedo desinstalar o instalar diferentes nuevos plug-ins o lo que quieras, por qué puedes gestionarlo dentro de ahí. Estas son mis bibliotecas. Estos son en realidad los estilos que he compartido con diferentes miembros del equipo son archivos de diseño diseñados. Estos son en realidad, se puede decir estilos de color, textiles, y vamos a estudiar mucho sobre eso. Ok, Así que en la parte superior se puede ver estos son todos mis archivos abiertos. Entonces si quiero cerrar algunos de los archivos de jerarquía fitbit, así que vamos a cerrar éste. Icono X. estos son los que estoy trabajando en este momento. Entonces no te voy a mostrar esos porque tienen firmar una NDA de todos modos. Entonces aquí tenemos algunos, algún archivo. Se pueden ver que estas son páginas diferentes. Entonces si hago clic en cualquier página, tengo diferentes capas. Activos por aquí. Las capas están por aquí. Por lo que se puede ver estos son en realidad marcos. Este es el icono del marco. Entonces estas, estas son imágenes diferentes. Los iconos son diferentes. Así que siempre que hagas clic en cualquier página, te va a mostrar todos los tableros de arte o imágenes o capas dentro de eso. Volvamos a casa. Y creo que eso es todo. Esto es más que suficiente para que comprendas la nueva interfaz de Figma. Espero que hayan disfrutado esta lección. Asegúrate de seguir aprendiendo y nos encontraremos con otro video hasta entonces, cuídate. Adiós adiós. 4. Diferentes paneles y lo que hacen en la Figma: en esta lección. Nos vamos a sumergir profundamente en mawr sobre la interfaz fuera de Sigma y qué podemos hacer Estamos aquí Diferentes paneles, diferentes capas asevera marcos cosas así. Entonces empecemos ya Ya puedes ver que creé este equipo. Este es mi equipo que tú. Emocionante Se puede ver por aquí. Si quieres crear un nuevo proyecto, puedes dar click aquí Nuevo proyecto y voy a llamarlo Food De Y estos son diferentes ajustes de compartir. Todos los que aterrizan te emocionan pueden dirigirse. Por ejemplo, si invito a un miembro más del equipo, pueden adictar este archivo. Así que voy a dar clic en un proyecto de creación muerta para que puedas ver tu cabello ya he creado Puedes agregar la descripción por aquí Yams, app para nosotros, cosas así. Por lo que ahora puedes ver mi expediente. Entonces si volvemos a fig hma archivos recientes, puedes ver esta es mi app Así que voy con el dedo doble clic y abrirla y tomará algún tiempo porque está almacenada en la nube. Entonces aquí está mi yum zap Se puede ver por aquí y por la derecha. Ya puedes ver, nunca tenemos que abrir un archivo. Hemos diseñado prototipo y podría Así que estas son las tres cosas tres paneles que vas a ver en nuestro cabello de este lado, tenemos capas y activos. Por lo que las capas son básicamente nuestros todos estos marcos. Y dentro de estos marcos, tenemos diferentes objetos, para que puedas verlo. Estamos aquí también. Ya puedes ver que estamos aquí. Contamos con páginas. Por lo que dentro de las páginas, tenemos marcos de alambre, ñames, app y chico de estilo en componentes. Entonces estas son las tres perras que he creado dentro de este proyecto. Y puedes ver dentro de este archivo y puedes agregar nuevas páginas si quieres. Puedes agregar nueva perra. Y, um, vamos a eliminar este clic derecho eliminar. Entonces esto es ñame son estos son el marco de alambre. Este es el componente guía de estilo. Entonces estas son tres páginas, entonces tenemos estos activos. Por lo que los activos son básicamente de un componente. Por lo que si creas un componente, puedes usarlos una y otra vez. Vamos a recuperar componentes en las próximas lecciones para que puedas ver en este momento tenemos muchos componentes diferentes. Entonces si un componente de arrastre puedo arrastrarlo fácilmente y soltarlo en cualquier lugar dentro de mi proyecto. De igual manera, esto te muestra que haces click en esta flecha, te va a volver a mostrar páginas y a veces está oculta. Entonces si tienes algo como esto y no encuentras ¿dónde están mis bebés? Te vas a dar click aquí. Entonces tenemos a la derecha. Tenemos algunos estilos locales thes air. Los textiles que he creado. Estos son pocos estilos de color que he creado. Puedes usarlos una y otra vez. Y este es el panel de la corte. Esto es prototipo y este es diseño. Entonces en prototipo, ibas a prototipo de tu app como esta. ¿ Se puede ver qué? Aquí Están mucho fuera de diferentes flujos que va a fluir de uno a otro. También podemos, si haces clic fuera de aquí, puedes ver que tenemos opciones de dispositivos. Puedes hacer click en iPhone pro, uh, Max iPhone 11. Todos estos diferentes dispositivos en los que quieras mostrar tu prototipo. ¿ Y cuál es la moral? ¿ Vas a usar el color de fondo para ello? Um, marco inicial. Vamos a empezar por la tala. Entonces estas son las opciones de las que tenemos en el diseño. Contamos con estilos locales, color de fondo. Ya hemos discutido eso. Estas son cosas diferentes Te vas a meter en la corte. Gord en realidad está mostrando cuál es el cordón en este artículo? Por lo que si hacemos click por aquí, puede ver esto es una escolta CS para webs, Web's R us y derecho para Dispositivos Apple. Se trata de Android Court para este objeto que he seleccionado a la izquierda. Se puede ver este es el ícono. Este ícono de este 'll va a representar marcos. Entonces cada vez que tengas marcos, vas a ver este ícono por aquí y todo lo que dentro de él por aquí. Entonces esto es en realidad ah componentes. Por lo que tiene esta forma de diamante. Por lo que todas las formas de diamante son componentes de lo que tenemos esto Estos son grupos diferentes. Ya puedes ver que estamos aquí. Puedes abrirlos. También puede abrir estos componentes. Vamos a volver a los componentes más adelante. Pero así es como esto es una forma para ejemplos. Todos estos iconos que muestran que este es este tipo de capa fuera como se puede ver la configuración de perfiles es un texto. Leah. Por lo que tiene para que estuvieras aquí. Por lo que estos son ajustes diferentes. Por ejemplo, al igual que este logotipo. Es un factor. Por lo que tiene un logo vectorial por aquí. Eso todas estas cosas diferentes. Entonces si hacemos click en imagen, vamos a ver, aquí está el ícono de la imagen para que puedas ver esta es tu imagen puedes encontrar instantáneamente dónde está tu archivo. Tus imágenes, tu texto es para que las reconozcas por estos pequeños iconos de la izquierda. Ahora bien, si quieres mover este proyecto hacia otro proyecto, por ejemplo, ahora mismo es en empleos. Yo quiero moverlo. Vas a dar clic aquí, pasar al proyecto, y yo lo voy a mover a la app foodie. Entonces ahora se puede ver que se ha movido a la app foodie y ahora es así digamos foodie ab slash pulgares hacia arriba. Está bien. De igual manera, puedes mostrar el historial de versiones ¿Qué wasa historial de versiones? Cómo edité todo este fuego se puede ver por aquí. Y estos son este es un historial de versiones fuera de mis 30 días anteriores puedo cambiar de nuevo a cualquiera . Entonces si hago clic aquí, se va a suiza dedo del pie trasero en el último. Entonces vamos a no probarlo. También puede ocultar el historial de versiones, estilos publicados y exportación de componentes. Estos diseños duplican este proyecto. Renombrar o eliminar, en su mayoría tenemos que renombrar. Por lo que pinchas por aquí. Uh, puedo traerlo a ñames. Recetas, receta Estar en algo así. veas así es como vas a renombrar. De acuerdo, así que eso es un poco apagado. La familiaridad con esto interfiere. Pasemos a la siguiente lección donde vamos a sumergirnos en estas herramientas y veamos cuáles son estas herramientas y cómo podemos usarlas. Entonces pasemos a la siguiente lección. 5. Uso de cuadros y Frames de trabajo: Ahora en esta nuestra primera lección, vamos del dedo del pie, creamos un nuevo marco o tablero de arte, y lo vamos a manipular y ver qué podemos hacer con él. Entonces vamos a buscar a Stockett ahora. Voy a pasar a mi proyecto de práctica y voy a crear un nuevo archivo y va a ser sin título por profanado, así que le llevará algún tiempo a Lord o aquí así. Entonces ahora tenemos este lienzo en blanco. Si quieres cambiar el color de fondo, usemos como este, y puedes ver aquí tenemos capas, activos y páginas. Si puedes ver por el expediente su Hizb edad uno. Y si hacemos clic aquí me va a mostrar más páginas para que puedan agregar más perras por aquí así. Ahora mismo estoy en la página uno, y lo primero que voy a hacer es ir flojo del dedo del pie. Este marco no haga clic aquí porque tenemos rebanada por aquí, otra herramienta oculta. Entonces haz click en marco y podrás dibujar tu propio marco, por ejemplo, como éste. Entonces esto en realidad son los vencedores 3 42 por 5 80 Y si volvemos a hacer clic en marco o pulsamos la tecla F en el teclado, nos va a mostrar teléfono diferentes opciones o diseñar diferentes tamaños y marcos y tableros de arte para iPhone. Entonces tenemos. Y justo aquí, por ejemplo, si hacemos clic en él, este es el tamaño estándar de Android. Y si queremos crear más son más pantallas. Por aquí, vamos al dedo de tu marco y vamos a crear un marco de tablet por aquí. Tan tablet muchos para que puedas ver esta diferencia entre los tamaños y eso se despejó otra y otra vez, F y yo vamos a ir a tope de gas, y voy a diseñar un sitio web. Entonces voy a dar clic aquí en un escritorio. Entonces así es como puedes crear múltiples marcos diferentes o tableros de arte. Se puede hacer doble clic aquí en la parte superior, y va a mostrar que estamos aquí, por ejemplo, ese stop art board. Puedes renombrarlos o puedes, um, doméstica O aquí, uh, esto es Android. Nuestro señor. Asegúrate de cambiarles siempre el nombre, porque a veces hay múltiples o muchos tableros de arte, y te olvidas de lo que waas el tablero de arte en el que estabas trabajando en lo que hace. Entonces me desnudo son libro. Por lo que puedes ver aquí tenemos tres tableros de arte diferentes y si hacemos click aquí, puedes ver que tenemos diferentes opciones a la derecha. Este es nuestro dab de diseño. Estamos en lo correcto conociendo pestaña diseñada. Y a la izquierda tenemos páginas y dentro de la página uno, tenemos tres libros de arte. Entonces si hacemos click en lugar a esto está vacío, no tenemos nada por aquí en. Si hacemos clic fuera de alguien, cualquier cosa, este es nuestro archivo. Entonces vamos a renombrarlo dedo del pie Llamémoslo marcos y libros de arte. Entonces así es como puedes crear diferentes obras de arte. Ahora bien, si quieres crear algo para lo cual no está listado en los marcos de aquí, lo que no aparece en la lista. Por ejemplo, tenemos este reloj de manzana. Queremos crear algo para el reloj Motorola G o algo así. Por lo que vamos a ir cabeza a este material de diseño de material o estás re fuentes dispositivos slash Ahora, por aquí, puedes ver que tenemos plataformas. Tenemos relaciones de aspecto de dimensión de pantalla se pueden ocultar en los DP's. Entonces esto es lo que vas a usar. Entonces, uh, en la plataforma, si hacemos clic aquí, se puede ver esto son ventanas. Esta es X on. Este es Mac. Este es Apple Watch. Se puede ver u oír 38. 42 mujeres. Entonces si vamos dedo del pie aquí para que puedas ver este es el reloj LG G. Entonces es 1 87 por 1 97 y luego tenemos 2 13 por 2 30 Así que si yo estoy diseñando para algo así para un reloj que no se suscite por aquí, por ejemplo, como puedes ver Moto 3 60 puedo usar estas tallas a 41 por 2 44 Así que voy a retrocede y voy a patear por aquí. Onda set de ella a 42 por 2 44 Algo así. Por lo que waas 2 40 un mordisco de 44 a 41 por 2 44 2 41 por 2 40 pie. Por lo que puedes ver ahora este es tu tablero de arte para este reloj LD azul o reloj Motorola para que puedas usar este puntera diseño algo Así es como creas diferentes tamaños y marcos y tableros de arte para tu trabajo de diseño. Por lo que si haces click o aquí puedes ver, tenemos diferentes opciones. Este es el valor X, cuál es? Demuestra que es lo que está lejos de por aquí. Si te mueves aquí así, puedes ver que los valores X e Y están cambiando. Sabemos qué pasa. No nos preocupan los valores de acento fuera de este marco de borde de arte. Nos preocupa en su mayoría este peso y estatura. También puedes bloquear las restricciones. Por lo que ahora se va dedo del pie crecer en proporción. De acuerdo, entonces 4 50 por ejemplo, Si yo tu 600 va a ir así, va a crecer en proporción. Volvamos a la escuela. Vamos y o controla Z Así que estas son opciones para la tradición. Creo que no necesitamos leer esto de todos modos. Aún así, podemos usar estos son radio de esquina Si quieres dedo del pie usa radio de esquina. Este es el contenido del clip. Entonces lo que sea que te vayas dedo del pie tiene por aquí, por ejemplo, esto lo puedes ver ahora está recortando mi contenido. Por lo que he dibujado un rectángulo sobre esto y muestra Haftar atendido. Y si hago clic aquí y elimino esto, puedes ver que puedo ver más allá de estas tablas de arte en este momento, no es recortar mi contenido. Entonces esto se trata de contenido de clip. Esto es muy importante y creo que eso es todo. No necesitamos mucho dedo del pie al respecto. Si quieres ¿Quieres alinear estos tableros de arte? Vas a presionar turno o mantén presionada la tecla de la nave y haz clic y selecciona todas estas tablas de arte seleccionando sus nombres. Y tú, ¿ Puedes detener una línea como ésta? También puedes usar el estudio arriba que van a utilizar tener algún espacio alrededor de él. Entonces si has seleccionado más objetos puedes ver más de dos objetos puedes ver tenemos esta opción de espaciado múltiple Um, en la fig Ma, esta es una característica realmente genial. Se puede ajustar el espacio, por ejemplo. Yo quiero tener algo así como 80 píxeles de brecha entre ellos. Entonces así es como puedes tener eso. Entonces todo esto se trata de marcos y nuestro tablero, cómo puedes arreglarlos, cómo puedes manejarlos. ¿ Qué es este contenido de clip y qué hace? Creo que no lo has asegurado. Pasemos a la siguiente lección y cavemos más en el producto 6. Herramientas de diseño de uI de Figma UI: este video va a ser sobre mottos de higo. Entonces empecemos y aprendamos cuáles son las herramientas por aquí y cómo podemos usarlas. Entonces primero, vamos del dedo del pie, crear un marco. Este es nuestro tablero de arte. Entonces llamémoslo, um, marco de práctica. De acuerdo, entonces tenemos este marco, y si quieres arraigar, muévelo. Esta es tu herramienta de selección o movido todo. Puedes moverlo por aquí. Entonces lo que sea que dibuje, por ejemplo, he dibujado sec maraña por aquí. Si quiero moverlo, voy a usar este movimiento. Dicho esto es en realidad el defecto se sumará un poco más abajo aquí por aquí. Entonces si quieres escalar algo por proporción, vas a seleccionar este gay o escala Dole. Y ahora puedes ver puedes escalarlo hacia abajo o hacia arriba siempre que estés importando algunos iconos dentro de Sigma AB. Creo que prefiero usar la escala de dole porque va a mantener la proporción y no va a estropear tus iconos por aquí. Así que asegúrate de usarlo cuando vas a escalar algo en proporción como esta. Por ejemplo, imágenes o algo así, que quieres escala del dedo del pie en proporción. Ahora aquí tenemos de nuevo marco dual y rebanada a rebanar es voy a volver a rebanar una vez tenga algo por aquí. Entonces vamos a discutir primero esta forma. ¿ Tenemos rectángulo, línea, flecha, elipse, estrella mal ido y lugar imagen. Entonces empieza por rectángulo para que podamos colocar un rectángulo aquí. Basta con dar click en ese arrastre y salir por aquí. También puedes ver que tenemos radio por aquí. Entonces si quieres oh, selecciona radio de esquina puedes seleccionar arrastrado por aquí. O también puedes poner radio por aquí, por ejemplo. Yo he puesto ocho existe ahora mismo y se puede cambiar el color intercambiar el color por aquí físico. Eso es llenarlo con el color. Entonces aquí tenemos un bonito botón grande Y aquí otra vez, estas mismas todas estas son en realidad opciones. Opciones estándar en X Y posicionamiento Gran Bretaña Alta Tradición Gordon Radio. Ya puedes ver si trato de cambiarlo por aquí te va a cambiar la cabeza. También puedes arrastrar así para cambiar el radio de esquina. Y otra vez si hacemos click aquí tenemos rincones independientes. Se puede tener diferente rincón del SIDA 20 por ejemplo, Like this o CEO como este. Y también puedes tener una opción más, que es nuestro alisado de esquina de Estados Unidos para que puedas tener alisado de esquina como este el cual has visto en mucho fuera de un mac O R us. Nuestro iPhone APS se puede ver por aquí. Esta es una buena opción. También puedes agregar efectos diferentes efectuales aquí. Si quieres agregar sombra de gota, puedes ver que tenemos diferentes efectos. Iremos alrededor de estos efectos de ictus, ictus y efectos, literal. Ahora mismo tienes que preocuparte por esto. Siente los colores que puedes ver o escuchar. Nosotros de nuevo vamos dedo del pie ir profundamente en Phil y sólido indulgente todas estas ints codiciosas. Pero ahora mismo estamos discutiendo esta herramienta de rectángulo. Entonces aquí tenemos la herramienta de ángulo de secta y, um, puedes ya te he mostrado todas las opciones que podemos tener con esto. Entonces una vez que tengamos la seg enredo Dole, vamos a asustar Y otro rectangular aquí como éste, y se superpone así. Entonces así es como se arreglan estos líderes. Para que puedas moverlos por ahí. De acuerdo, entonces cambiemos tu dedo del pie esculler algo como esto, algo así. Entonces me voy de pie algo así de todos modos, Así que ahora me voy a mover de nuevo a herramienta de corte. Entonces si quiero tener una imagen o algo en ella va a ser estamos aquí así usar la herramienta de corte, y puedo hacer click en exportar, y va a exportar Onley esta rebanada. Entonces lo que sea que haya dentro de esta rebanada, la voy a exportar, y me voy de pie. Um, vamos a guardarlo en el escritorio. Déjame mostrarte lo que significa. Escolar. Es ups. Entonces aquí hemos rebanado para que veas esto es rebanada. Entonces esto es, uh, aborto que quería aquí. Por lo que esta es la función off Slice herramienta. No es muy útil, Pero a veces en el diseño web, puedes usar algo como esto. Eliminemos esta rebanada por aquí. ¿ De acuerdo? Ahora, eliminemos estos dos. Entonces tenemos mintiendo a ti puedes arrastrar tu línea así, y puedes cambiar tu grosor del dedo del pie. Cinco. Se va al centro, dentro o fuera. Entonces estos son ajustes diferentes con nuevo centro y hagámoslo 50. Pero este intercambio su dirección y el cambio de aliento sosteniendo el desplazamiento de senos, para tenerlo en diferentes ángulos de calle como este. Entonces si quieres que sea recto en algún ángulo, vas a sujetar el dedo del pie y presiona turno así. Entonces tenemos esto y pasemos a este anuncio. Vastas golpes te da. Podemos tener diferentes esquinas redondas. Se puede ver qué pelo alrededor, tapar un hueco cuadrado, y luego tenemos acostado. Adel y luego tenemos flechas triangulares. Entonces todas estas diferentes opciones y tenemos Dash y Gap. Entonces, uh, vamos. ¿ Qué? Entonces esto es En realidad, 1er 1 es dash y segundo es gap. Entonces vamos a tener que coma. A ver si tenemos, queremos aumentar la brecha. Por lo que he usado 25 para la brecha. Se puede ver que hay mucho espacio entre estos platillos. El metal es en realidad el ángulo por aquí. Esto es articulación Ángulo Medio es en realidad ángulo muy agudo. Y si quieres tener alrededor de ángulo por aquí, entonces esta es en realidad la línea, y tiene muchas opciones diferentes. Vamos a civilidades y retrocedamos del dedo Línea simple. Está bien. Por lo que también puedes guardar este estilo y tú, estilos Congar y estilo adecuado para el trazo. Y puedes reutilizarla ahora mismo nos vamos de pie. Discutir sobre adopciones Esa línea relacionada. Dedo del pie. Entonces, Lyinto, esta es nuestra herramienta de línea. Puedes cambiar el color, lo que quieras. Por ejemplo, como este, normalmente lo uso en enlaces. Por ejemplo, si tengo un impuesto o aquí en esto es un enlace algo así. Por lo que puedes usar líneas para separadores o cualquier cosa. De igual manera, tenemos total Otra vez es una herramienta muy bonita. Y puedes ver ahora mismo si dibujas una fila en la pantalla lejana, va a ser muy pequeña. Entonces, en lugar de usar uno, puedes usar cuatro. Entonces este es un espesor. Entonces si intentas reducir el grosor, va a ser algo así. Entonces si quieres un animal más grande, puedes usar más grosor como este. Entonces creo que alrededor de cuatro o tres es bueno. Bien guapa. Te han cambiado en absoluto. En cualquier lugar que quieras volver a gustarte esto. Si quieres ir con opciones avanzadas siempre puedes ir por aquí. Triángulo Flecha Oh, están mintiendo en absoluto. Oh, no son ninguno Algo así. Es un juego yendo dedo del pie desaparecer todo alrededor ah, cuadrado tendido en absoluto en No así se puede ver se convierte a decir línea simple y no hay flecha en un extremo. Entonces esto es muy extraño para mí porque quería volver a la interestatal y ahora es una línea. Entonces vamos a crear otro Arrojo aquí así y no Sam el espesor así . Entonces este es nuestro cultivable. Entonces las opciones son casi las mismas, como esta herramienta de línea, y eso es todo. Puedes cambiar la dirección cuando quieras. Ah, este es el cultivable. Entonces vamos a ir a las elecciones de elipse del dedo del pie básicamente círculo. Entonces si quieres conseguirlo en una proporción, sostén tu turno y va a estar perfectamente alrededor así. Por lo que ahora mismo estoy sosteniendo y presionando la tecla Mayús. Entonces estos son mis labios, y puedes ver si hago clic aquí. Muestra arco para que puedas hacer click por aquí y seguir arrastrando así y puedes crear un gráfico. Ya puedes ver que estamos aquí. Gráfico o gráfico. Del mismo modo, también se puede cambiar esto para crear un gráfico un círculo, A graph. Por lo que esto es muy fácil en fig. Miley le encantó esta característica. Esto es realmente, realmente interesante. Así que vete aquí en arco y sigue moviéndote así para que puedas cambiar el inicio también. Entonces si quieres tener algo como por aquí así, puedes tener algo como esto. Están esculler así. Esta es una característica realmente genial. Y también esta relación se va dedo del pie Cambiarlo así. Estas opciones son también estamos aquí. Entonces este es el ángulo. Ángulo de inicio menos 90. Uh, esto es, uh esto también es la libertad condicional, creo, y este es el tema técnico necesario. Entonces voy a volver a algo así. Sí, y usemos 100 esquinas por aquí. Y así es como se crea un gráfico de circa muy bonito usando un taburete recién fugado. Entonces este es un taburete labial. Esto es realmente genial. Realmente poderoso. De verdad me encanta. Puedes ver por aquí puedes crear muchas cosas. Por ejemplo, como éste, ¿eh? Cualquier caliente Esta es mi tortilla. De acuerdo, entonces tenemos polígono. De nuevo un polígono va a tener esquinas diferentes. Se pueden aumentar las esquinas. 10 56 Lo que quieras, los huevos se suben ido lo que quieras apareció. Y también puedes cambiar el radio de esquina por aquí. Puedes cambiar el conteo desde aquí. Estos son realmente buenos controles. No he visto estos controles en ningún dedo del diseño. Esto es realmente genial. Sigma tiene muchas características que creo que faltan otras herramientas de diseño. A lo mejor van a tener en uno o dos años y Sigma tiene un secado Ahora, uh entonces nos hemos asustado esto se va de pie. Crea una estrella sosteniendo la tecla de turno. Se puede tener una estrella fuera. Cuatro jardineros, tres esquinas. Esta es una herramienta ninja y, uh, cinco esquinas, seis esquinas. Entonces me voy a quedar con cinco esquinas y este va a ser, creo, el ángulo de las esquinas. Entonces aumentémoslo. Entonces esta va a ser una estrella muy agradable para mis hijas. Creo que les van a encantar estas esta estrella porque tiene algunas que se pueden ver. También puedes cambiar el radio o aquí así. Entonces este es un realmente agradable ser iniciado. A mis doctores realmente les va a encantar de todos modos, así que este es en realidad el ángulo, como se puede ver donde Aquí. A esto se le llama auto. Esta es una relación. Entonces así es en realidad como puedes hacer un gran se puede ver el estilo de hecho gordo o una estrella delgada lo que quieras. No, parece una estrella de mar. Por lo que esta es una gran herramienta. Entonces esto es una estrella. Puedes crearlos. Entonces sobre una imagen de lugar, vamos a mirar la imagen de lugar en la siguiente lección porque tiene muchas opciones. Entonces pasemos a la siguiente lección para discutir, colocar, imagen y humos o sapos higos. 7. Herramienta de tipo en Figma: en este video. Vamos a hablar de herramienta de texto por aquí. Entonces solo besty o text, haz clic en este texto y puedes arrastrar algo como esto para crear un cuadro de texto Por aquí. Tokio, El párrafo. Este es un párrafo, LA, bla, bla , bla, bla, bla, bla. Por lo que se puede ver ahora se va dentro de este contenedor. De igual manera, también puedes usar algo como esto por aquí, por lo que puedes ver estas son las opciones de la derecha. Por lo que tenemos opciones de texto. Se forma tipográfica, que es Roberto. Puedes crear cambio a lo que sea que tengas en tu sistema instalado. Esto es ah, tamaño tipo. Um, así que ahora mismo no tenemos ninguna opción. Vamos a aclarar. Drew es éste. De acuerdo, así que aquí tenemos, ella era de este tamaño. De acuerdo, entonces tenemos tabla media regular. Estos son diferentes estilos fuera de este texto. Entonces tenemos auto. Esto es básicamente altura de línea. Puedo cambiarlo a 1 30 O puedo poner por ejemplo, 200% por aquí. Algo así. Entonces esta es básicamente la diferencia en entre las dos líneas, el sexo entre las dos líneas, ¿ y se puede ver qué tenían estas líneas azules? Esta es en realidad la distancia entre estas líneas azules por debajo de tu siguiente, que se anota como línea de base. Entonces tenemos espaciado entre letras. Puedes tener un 5% mejor espaciado o lo que quieras. Estamos aquí. Entonces tenemos espaciado de párrafos. Entonces si tenemos más de dos párrafos, por ejemplo, cambiémoslo. 100% de esperanzas. Vamos a cambiarlo. 100% y excusa 2%. Y tendremos otro párrafo. O aquí. ¿ Así? Sí. Aquí. Esta es otra chica. Esto va esta gorra y no, Si trato de usar esto, se va dedo del pie. Dar alguna brecha entre estos dos párrafos. Ya se detectó que tengo mama y cajón aquí. Y este va a ser el siguiente párrafo para que pueda tener más espacio dentro de dos párrafos y, uh, escapar. Y así es como va a hacerlo. Este es en realidad mi contenedor. Por lo que puedo moverme así para tener más información dentro de él. De acuerdo, entonces esto demuestra que es un tamaño fijo. Esto demuestra que es altura automática. Entonces es de nuevo sangre a este fondo de este texto por aquí. Y entonces tenemos fuera de ella. Entonces cuando hacemos clic fuera de ella, se va del dedo del pie Moverse alrededor de esto va a tener su propio veredicto. Por lo que es bueno cuando estás creando algunos botones pero en un párrafo vas a usar fijo como este. Entonces volvamos a la escuela, Kamanzi. Y ahora tenemos diferentes opciones fuera de alineación media alinear arriba Línea inferior que va a tener. Por ejemplo, si tengo algo como esto, un contenedor más grande, puedo dejar caer una línea esta puedo en medio alinearlo dentro de este contenedor. Se puede ver esta línea azul. Este es contenedor y también puedo alinearlo en la parte inferior de este contenedor Así que depende cómo no consiga tu línea. Después tenemos centro izquierda y derecha una línea fuera del texto. Entonces hay una alineación de estacas, derecha, derecha, izquierda Incentivo. Entonces esta es básicamente la alineación dentro de este contenedor y esta es la alineación fuera del texto de extrañas, diferentes configuraciones de altura de orden. Cómo así va a estar este contenedor aquí y luego tenemos unas cuantas opciones más como puedes ver donde aquí pocas opciones más son como podemos justificarlo aquí de lo que tenemos subyacente en. Entonces tenemos esto nada de lo que tenemos. Huelga a algo como esto. Párrafo en Dent. Si quieres indenture párrafo como este y el inicio del párrafo, uh, entonces tenemos diferentes casos. mayúscula. En minúscula. Este es el caso del título, y esto es lo más apretado que sé de estas puertas formas sensibles y especies de capital es espaciado. Por lo que estas son diferentes opciones que son el fuerte. Las opciones avanzadas son opciones de tipo abierto. Por lo que ahora mismo puedes ver He seleccionado este teléfono rasa y puedes ver este Tifus tiene espaciado mayúscula y formas sensibles a mayúsculas y minúsculas por lo que puedes tener estas opciones da click si quieres utilizarlas. Por ejemplo, si trato de usar el espaciado de capital por aquí, la guerra está cerca, por ejemplo, así. Así que ahora mira de cerca si trato de, uh, usar uh, este espaciado mayúsculo para que puedas ver el espaciado mayúsculo encender el espaciado Capitolio apagado. De igual manera, tenemos estos estilos numéricos de estilo. Entonces si trato de usar 123456789 para ti, algo así. Para que puedas ver podemos tener a este amigo estilos de número. Estas son de nuevo opciones diferentes, por lo que en realidad son opciones fuera de caras de tipo abierto. Se puede ver que hay opciones estilísticas estilísticas. Espaciado horizontal, denominadores de fracción astutos. Creo que no queremos usar todas estas, pero creo que debes saber que estas son las opciones disponibles estaban aquí. Entonces si eres un geek tipográfico, puedes usar estos conjuntos estilísticos u opciones por aquí. Entonces todo eso se trata de esta herramienta fiscal. Y, um, creo que entenderás lo que hace y cómo puedes cambiar tus cuatro tamaños de estilo. Diferente espaciado entre líneas. Diferente espaciado entre párrafos, cómo se va a comportar. Es altura de auto. Cosas extrañas como su alineación fiscal dentro del contenedor o la alineación de cubiertas fuera del texto en sí. Entonces todo eso se trata de capas Dex. Si tienes alguna sugerencia o alguna mejora en el curso, siempre puedes encomiar, y siempre puedes discutir conmigo. Si no entiendes nada, puedes hacerme preguntas. Espero que hayan disfrutado de esta lección. Pasemos a la siguiente lección 8. Uso de la bolígrafo para hacer formas: en este video, vamos a aprender sobre la herramienta Ben de Sigma y cómo podemos crear diferentes iconos de formas o diferentes tipos de cosas usando la herramienta pluma. Entonces esto es básicamente para intentarlo así puedes presionar B y aquí tenemos el lapso y solo tienes que hacer click y arrastrar retirar líneas rectas como esta, y vamos a volver del dedo del pie el primero en tener esta forma fue nave, y lo puedes ver ahora mismo muestra que tenemos derrame cerebral. Y este es el ingenio del golpe. Por lo que esto es click en hecho. Y esta es tu forma en este momento puedes ampliarla. Se puede cambiar el grosor de su línea de espesor. También puedes agregar relleno, color, relleno. Hazlo así. De acuerdo, entonces si no tienes ningún relleno de color, puedes hacer doble clic dentro de esta forma en esta nave, como por aquí, y estamos de nuevo de nuevo en la herramienta de bolígrafo más para que puedas ver dónde hemos estado aquí. Este es en realidad Ben Tool y esto es España cubos. Entonces si haces click en el cubo del dolor y puedes hacer click por aquí, es otra vez hacer lo mismo que hicimos para llenar esta nave y Si vas a este Bendel, realidad se va a doblar el dedo del pie estas esquinas. Entonces si haces click en él, puedes ver Ahora hemos levantado esquina por aquí así. Entonces estamos aquí así por aquí, como este Comando o control z para volver atrás para que puedas ver ahora tenemos esquinas dobladas. Entonces si quieres cambiar algún rincón por aquí, puedes volver a dar click aquí. Una vez que hayas seleccionado esto y va a volver a la forma que waas. Entonces volvamos a la Herramienta span. Volvamos a la herramienta de movimiento. Entonces vamos a hacer clic en este movimiento y estamos También podemos mover este nuestro, por ejemplo, tenemos este Joffe o algo así. También podemos mover estos mangos dedo del pie tienen la forma doblada a nuestras necesidades, por ejemplo, así. Y, um si queremos movernos, hace justamente este mango, por ejemplo, quiero este mango. No quiero que este dedo manejado se mueva así para que puedas ver ahora mismo si lo movemos en esta dirección, se está moviendo. Pero si trato de moverlo en destrucción, se va a mover junto con esta segunda manija. Por lo que vas a presionar y mantener presionada la tecla de opción Archer Archer para mover esto sin mover el 2do 1 que puedes ver o escuchar así, por ejemplo. Yo quiero tener algo recto como esto puedes ver ahora de nuevo, Si queremos hacer lo mismo, puedo volver con aquí de nuevo así. Si trato de mover este mango, se va a mover. compré. Entonces así es como puedes mover estos mangos por ahí. Se puede opción opción opción de retención o son para mover el único. También puedes moverlos alrededor de todo este mango. Entonces este es un punto de anclaje para que pueda moverlo a cualquier lugar que quiera. Puedo crear cualquier tipo de factores fuera como este. Puedo quitar el trazo. Puedo agregar diferentes efectos como sombra y todo. Cualquier cosa que yo quiera. Oh, puedo cambiar su folicular. Y eso es lo malo que puedes hacer con Bendel. Entonces eliminemos todo este vector y lo que voy a hacer es por ejemplo, tengo esta nave, por ejemplo. Tengo labios. Por lo que he escuchado esta Ellipse. De acuerdo, Entonces si quiero entrar en estado de ánimo de batalla y quiero cambiar algo en esta elipse, voy a hacer doble clic en ella. Y se puede ver ahora estamos de nuevo en este ah vector amarrado. Entonces tenemos esta pluma para bajar aquí. Y si quiero agregar más puntos de anclaje por aquí, Así que si quiero donde uno por aquí, vamos a presionar escape. Y uno, estamos aquí Escape de prensa porque solo estamos agregando y adiós solo Golpea uno por aquí, Skip. Y uno por aquí y el salto. Ahora voy a ir a moverme, Tool, y los voy a mover por ahí, por ejemplo, como éste, voy a moverlo por dentro. De igual manera, este Oops. Voy a volver a moverme, Tool. Es así, así. Se puede ver lo que estoy tratando de hacer por aquí. Por lo que de esta manera, puedes crear diferentes iconos si quieres. Por ejemplo, si vuelvo a manejar, puedo crear y otros alinean por aquí. Muévete así. Esto, esto, así. Así por aquí, así. Entonces aquí vamos y pasemos de nuevo a la portería de campo. Acude a la herramienta de cubo y voy a seleccionar otro color. Y yo también voy a llenar este. Entonces una cosa más, que creo que me olvidé por aquí, si quieres tener algo curvo, por ejemplo, si tienes una herramienta de bolígrafo, puedes hacer click por aquí y no dejes tus más solo arrastra y habrás ocurrido ángulo. Entonces si quieres haber ocurrido ángulo, puedes hacer algo como esto. Por lo que siempre que quieras un ángulo de chica tarjeta, algunos pueden hacer algo como esto. Por lo que estos son los conceptos básicos de este plan para que puedas crear iconos. No recomiendo que sigas creando diferentes iconos usando el gastado todo. Es una pérdida de tiempo creo que puedes usar. Debes usar ya icono de compilación que son estándar para cualquier dispositivo estadounidense o Android. También lo están en tus sitios web. También puedes comprar iconos premium. Es una verdadera pérdida de tiempo si sigues creando iconos usando esta herramienta de lápiz. Eso ganó. Yo me fui. Yo mayormente despejé con mis alumnos. ¿ Esta es esta forma como por aquí? Este. Entonces vamos a mover esto primero vamos a construir un rectángulo como este, y tendremos esquinas redondeadas fuera de 50 así. Entonces vamos a usar nuestra herramienta de pan y crear algo que sea doble clic en ella. Entonces no tenemos mangos por aquí. Ahora, crea Pento. Se gasta herramienta, y vamos a tener que añadir un pequeño anuncio por aquí. Esperanzas ¿Qué está pasando? Mm, así. Al igual que esto. Esto. De acuerdo, así que hemos creado un anuncio por aquí. Vamos a llenarlo con el mismo color. Por lo que ahora mismo se puede ver aquí tenemos el radio de esquina establecido en 50. Entonces lo voy a usar para tener algo así. Vamos a usarla. De acuerdo, Así que vamos a dar click. Haga clic en Escape, tecla Escape de mama. Y así es como tenemos un ícono muy bonito fuera de la burbuja del habla. Se puede ver el habla, pero bueno, usemos decolor. Entonces así es como puedes crear y manipular diferentes formas y diferentes, diferentes. Se pueden crear diferentes iconos simples usando fig MMA. Creo que eso es todo. No quiero que creas un ícono muy único por aquí, pero realmente añadiría algún ejercicio donde puedas crear algo así y familiarizarte con este mental. Espero que hayan disfrutado usando esta herramienta de prohibición, y si tienen alguna pregunta, siempre pueden preguntarme, Pasemos a la siguiente lección. 9. Actualización de la herramienta de imagen de imagen de: en este video, vamos a ver cómo usar lugar, imagen, imagen, herramienta y Sigma y tal vez pocos mortales. Ahora ve por aquí y holga lugar, imagen o mando nave ke o cuidado controlado nave. Y ya puedes ver voy a seleccionar todas estas diferentes imágenes o aquí. Entonces vamos como éste. Este estoy presionando o sosteniendo Commander Control Key para tener múltiples selecciones. Parece éste, éste. Y vamos a seleccionar, um, este y voy a presionar sobre abierto para que puedas ver ahora tengo cinco imágenes y solo seguir arrastrando así donde quieras colocar algo como esto y Sigma en realidad está llenando todo por su cuenta. Realmente me encanta esta característica. Basta con seguir arrastrando y eso es todo. Entonces puedes ver así es como puedo crear en imagen colledge así. Esta es característica realmente genial Y una cosa más. Entonces así es como puedes colocar imágenes. Y si tienes algo, por ejemplo, dentro de un marco, por ejemplo, tengo unos labios, um, diferentes cada dólar de diferentes personas y por ejemplo, tengo como esto Y ahora si quiero colocar imagen. Y, uh, vamos a seleccionar cualquiera de estos otra vez. Cuatro uno, Duke 34 Muy bien. realmente, Característica realmente,realmente genial. solo puedas arrastrar y soltar todo lo que quieras. Esta es una característica realmente genial. Entonces vamos a ir otra vez colocando todo aquí así. 1234 De acuerdo, así que dejemos esta. Hagámoslo. Este registra este y enfoca en éste. Ahora bien, si haces click en esto o aquí, puedes ver a la derecha. Tenemos a Phil como imagen, y muestra 100% para que puedas reducir la opacidad por aquí. Esto es opacidad. Y si haces click aquí, puedes ver que tenemos diferentes opciones. Por ejemplo, podemos cambiar la exposición o podemos reducir la exposición. Podemos aumentar el contraste, y podemos aumentar la saturación, lo que va a realzar la temperatura de nuestros colores. Esto es, uh, temperatura cálida. Hay temperatura escolar. Esto es un poco controles fuera fotografía E. Así que si quieres dedo del pie retroceder, puedes volver atrás, y se va a dar click en esto. 0% son los ajustes normales como este. Hagámoslo un poco más grande así. Por lo que uso la tecla de turno y uso a este adulto para expandirla. De acuerdo, entonces si quieres cambiar la imagen, puedes volver a hacer click aquí y para ver ejemplos como esta imagen. Y ahora puedes ver aquí tenemos opciones de Phil. Entonces estas son las opciones que muestran que cómo va a llenar este objeto. Entonces esto está lleno. Se va a llenar todo el objeto. Esto está en forma. Y si haces click a pie, puedes ver que está recortado por dentro, y también puedes ver esto no es porque no sea una imagen o imagen redondeada. Por lo que no encaja en su interior. Entonces Ok, entonces vamos a usar a Phil ahora mismo, y también puedes usar crop. Por lo que la cosecha te va a ayudar a cambiar en el tamaño fuera de esto. Y también puedes cambiar la colocación de esta imagen. Por ejemplo, esta imagen estamos aquí, y también puedes cambiar el tamaño de la imagen pulsa y mantén presionada la tecla shift. Y por ejemplo, quiero dedo del pie tener algo como esto. De acuerdo, así también puedes mover la imagen como esta X cerrar esto y puedes ver aquí tenemos la imagen donde la queríamos. Entonces otra vez, vamos a ir a la imagen. Esto es cultivo. Por lo que en cultivo puedes dejar caer la imagen. Por ejemplo, quiero tener algo por aquí como esto y salgamos y se puede ver que esto en realidad está recortando daños. Por lo que básicamente está cambiando el marco de la imagen. Y si quieres volver a ir a cosechar, esta es en realidad la zona de cultivo. Esta sección azul estamos aquí. Si haces clic en esta imagen detrás puedes ver que tenemos diferentes adultos. Estos son negros. Entonces si quieres cambiar el tamaño de la imagen detrás de este cultivo, puedes hacerlo al igual que esta música así. Por lo que esta es una herramienta realmente buena, por lo que también puedes rotarla. Pero creo que eso no va a ayudar por aquí. Se va a deformar esta imagen, así que eso es todo. Entonces esta es una característica realmente agradable de este recorte de la imagen. Entonces puedes usar el estilo por lo que el azulejo realmente va dedo del pie. Ayúdanos a darle estilo a esta imagen. Entonces, en realidad, estoy reduciendo el tamaño de esta imagen porque tenemos que ver el efecto de azulejo. Entonces vamos a moverlo así y X haga click aquí. Entonces así es como está peinando sobre la imagen. Por lo que estas son pocas opciones con la imagen se siente también se puede ocultar la imagen que también se puede mover. También puedes agregar el campo de imagen desde aquí. Hazlo si vas a imagen, te va a decir que Selecciona una imagen. Por lo que construyen cualquier imagen desde aquí. Y estas son opciones diferentes. Cómo va a caber, llenar, llenar, encajar realmente hacer Intenta usar el 100% de la imagen y tratar de encajar dentro de este contenedor. Por ejemplo, si tenemos un contenedor apagado como este y queremos llenarlo con una imagen para que puedas dar click si quieres llenar algo con imagen, puedes dar click sobre aquí está lleno y puedes dar click sobre aquí esta e ir a sólido, sólido y pasar a la imagen. Entonces aquí lo tenemos muestra que tratan de elegir una imagen por aquí para que puedas elegir cualquier imagen , por ejemplo, como se parece a ésta. De acuerdo, entonces ahora puedes ver que está lleno. Y si trato de trastocar, se puede ver que está tratando de encajar toda la imagen en este rectángulo. Ahora está dejando algo a la derecha y a la izquierda. Entonces si traté de reducir el tamaño Ok, entonces este es un ajuste perfecto. Si quiero cosecharlo, puedes ver que puedo cosechar este contenedor. Y también puedo mover esta imagen así. Entonces espero que no hayas destruido esta imagen. Phil están colocando tu imagen y cómo puedes usar este lugar. Herramienta de imagen dentro de Sigma. Espero que hayan disfrutado de esta lección. Pasemos a la siguiente lección. 10. Herramienta de lápiz a mano, opinión: Esta es la última parte de tus herramientas de higment, y voy a compartir con ustedes algunas de las herramientas que nos quedamos aquí. Por ejemplo, esta herramienta lápiz. Entonces tenemos esta herramienta de mano y disco un mental, aunque estos no son muy útiles. Pero si haces clic en esta herramienta de lápiz, puedes ver que puedes dibujar lo que quieras. Por lo que si tienes una tableta o un dispositivo tabler Ben, puedes firmar fácilmente, o aquí puedes identificar fácilmente áreas de diseño como esta. Por aquí, puedes usar lo que quieras. Puedes dibujar libremente en esta pantalla. Estas son casi mis firmas estaban aquí, y todo esto se trata de lápiz herramienta, así que no tienes que preocuparte por ello. Entonces si quieres cambiar, puedes hacer doble click, y tendrás diferentes opciones como por aquí así, y también puedes aumentar su salto para que veas que estas son casi mis firmas. No muy perfecto. Pero si tuviera una tableta bolígrafo, que voy a comprar en un futuro cercano Aiken, usa algo como esto para poder dibujar factores. Lo que yo quiera, puedo dibujar algunos. Se pueden ver dibujos animados o algo así. Entonces todo esto se trata de este lápiz para entonces tenemos este mango que se va a mover cosa, donde quieras. Entonces retrocedamos para mover Herramienta, que es V Y si quieres ir rápidamente a esta mano para puedes presionar o sostener tu barra espaciadora así y ahora puedes moverte. Por lo que esta es la tecla de corte corto para esta herramienta de mano barra espaciadora de prensa, y puedes moverte en tu lienzo. De igual manera, tenemos esta herramienta de comentarios y puedes agregar tu comando show aquí. Esto es por básicamente por ejemplo, me encanta que seas naturalezas enfermas. Voy a añadir un smiley o aquí Smoochy y la mayoría para que puedas ver en esta sección de comentarios estoy viendo que un comando de mí y dirección de domicilio. Y se puede ver este es mi nombre en pocos segundos. Te amo firmas. Entonces si tienes todo un equipo, ellos pueden contestar y pueden decir eso realmente, o algo así. Lo que sea que quieran dedo del pie comandan aquí. Entonces esto es lo que puedes decir, un poco fuera herramienta de colaboración para colaborar en tu diseño y mejorarlo Así que estas son el resto de las herramientas por aquí. Algunas cosas más que creo que me olvidé, es que si vas por aquí en rectángulo, por ejemplo, he dibujado un rectángulo Y si puedo dibujar elipse por aquí y si me solapo estos, puedo aflojar ambos fuera ellos. estoy seleccionando haciendo clic en turno, turno, manteniendo pulsado el turno y haciendo clic en ambos. Entonces diluyamos este. También, éste también éste. Por lo que aquí tenemos dos formas diferentes. Y si quiero combinarlos, puedes ver que tenemos diferentes opciones por aquí. Selección sindical. Por lo que ahora se combinan y son una forma por aquí así. Aún así, puedes abordarlos. Puedes hacer click por aquí, doble clic, y tendrás que dar forma en el sindicato. Puedes moverlos, por ejemplo. Yo quiero tenerlo aquí. Y yo, por ejemplo, quería duplicarlo. Yo quiero tener otra forma como esta. En realidad presioné y mantuve mi tecla de opción arquero para duplicar estos. Entonces haga clic en esto. Es como esta presionar y mantener la opción Arden. Tendrás la Bellerose y puedes tener algo como esto. Para que veas que esto es un sindicato fuera de esta nave. De igual manera, podemos tener selección de temas. Por lo que ahora puedes ver todas las elipses superiores que restaron de este rectángulo por aquí. Entonces tenemos esto excluye selecciones o lo que sea, um, solapado. Se va a excluir. Entonces, por ejemplo, las áreas superpuestas, van a ser removidas. Se puede ver donde Aquí. Por lo que se puede ver ahora estas áreas superpuestas han sido eliminadas. Para entender esta selección de intersección, vamos a tener nuevas formas. Entonces, eliminemos este. Tenemos un rectángulo por aquí. 2da 1 más aquí, que va a ser un poco más oscuro. Eso es como un barco fuera de ellos. Inspeccionar intersectar. Por lo que Intersect es en realidad lo que sea común dentro de ellos y todo se quita. Por lo que el área común va a estar al final y se va a quitar todo. Entonces así es como funciona en realidad esta, uh, esta combinación o esta herramienta sindical. Si tienes alguna pregunta o no entendiste nada, siempre puedes preguntarme. Pasemos a la siguiente lección. 11. Rellenos y usando degradados en la figura: en este video. Vamos a mirar a este tipo de aquí, y vamos a explorar diferentes formas de utilizar este campo. Cómo puedes usar diferentes colores como solar, rainier lineal, diamante angular, una imagen. Y no vamos a mirar esta imagen que ya hemos discutido Stared. Entonces, um, empecemos por crear un rectángulo por aquí y creemos una elipse por aquí. Entonces estoy sosteniendo turno. Usemos unas 300 esquinas como 16. O aquí y ahora se puede ver que el expediente Phyllis C. Cuatro c cuatro. Esta es su capacidad. Cuánto los colores deben ser transparentes o al norte, algo así. Entonces si trato de usar, por ejemplo, como este color por aquí y trato de agregar otro campo y quiero que sea, um, um, algunos ingredientes como este y cambiemos el color por éste, así que la parte inferior uno va a ser un asesino. A continuación, usa este color, o ahora puedes ver el top es en realidad un int codicioso. Entonces si lo intenté, cuando hago clic aquí, dice lineal. Entonces aquí tenemos color sólido de lo que tenemos lineal Kenia tiene dos puntos para bajar estos puntos por aquí, que en realidad va a mostrar dónde va a parar el sculler y empezar. Por lo que este color va a empezar desde aquí. Si quieres agregar uno más, puedes hacer click aquí de esta manera y puedes usar algún color como este. Por ejemplo, si quieres dedo del pie, cámbialo y también quieres cambiar la parte superior por aquí, por ejemplo, así y quieres que la parte inferior sea muy oscura. Puedes usar algo como esto. Ahora puedes ver que estamos usando un ingrediente lineal encima de estos colores azules. Si quieres resaltar esto incluso ver, tratamos de aumentar su capacidad. Se va a mostrar más por debajo de esta Grady en. Entonces esto es tipo apagado como un tipo verde C de radiante. Y siempre puedes también esconderte y mostrar. Por ejemplo, te has sentido así. Puedo agregar tantos rellenos que quiera, por ejemplo, quiero agregar una radio. La radio va a estar en destrucción. Entonces para radiante vamos a usar este. Entonces eso es que usé radial y se puede ver ahora tiene simplemente regular y luego tiene er vital o transparencia por un lado. Por lo que si haces click aquí, puedes ver que tenemos dos ajustes. Uno es este color. Una es esta capacidad. Entonces por cada punto off colores, puedes tener dos cosas. Por ejemplo, si trato de aumentar la opacidad, se puede ver ahora tenemos Ah, color radial con el límite es en realidad un poco transparente y por dentro es una púa. Por lo que puedes crear muchos efectos como este. Por ejemplo, si trato de usar algo como esto y trato de usar el color blanco por aquí, se puede ver que tenemos este tipo de efecto off. Se puede ver así que el exterior es blanco, que se está mezclando con este fondo. Y dentro está este asesino para que puedas tener más paradas. Por ejemplo, si quieres cambiar el color en esta sección por aquí, por ejemplo, como este 'll, puedes ver ahora lo que está pasando por aquí. De igual manera, se puede cambiar la opacidad de este dedo del pie. Entonces ahora estoy probando circulares de movimiento del dedo del pie y ahí espaciando. Vamos a diluir este. Entonces yo lo soy. He seleccionado esta unicidad tiene límite press delete, y tenemos un color ido. Ahora puedes ver que esto se ve bien. De igual manera, para éste, vamos a quitar el real. Vamos a usar lineales ahora. Se pueden ir muchas cosas por aquí. Por ejemplo, si haces clic en este lineal, puedes cambiar la dirección fuera de este creedy int así. Entonces si trato de cambiar la dirección, puedo cambiar la dirección como esta cruz de prensa y se puede ver aquí tenemos otra. Entonces lo que no voy a hacer es que voy a quitar esta excusa. Um, oscuro por aquí, Onda, Aumentemos la opacidad de esta sección o aquí. Probemos con el dedo del pie. Muévete así. Siguiente. Mueve los colores alrededor, así. Intercambia este dedo algo así que lo arrastra un poco más. Entonces tenemos menos color para esta gota o este, uh, punto por aquí. Por lo que tenemos tres puntos a los puntos asesinos. Por lo que este es puedes crear botón de descarga como ese y color blanco por aquí. De igual manera, se puede hacer lo mismo por aquí. Si quieres crear algo para estos, Uh estos texto por aquí, puedes hacer lo mismo. Entonces intercambio como este. Por lo que ahora puedes ver tenemos muchas opciones. Se puede agregar tantos se siente un cálido incluso en el texto por aquí, incluso para estas formas. Por aquí puedes actuar 234 Cualquiera que sea el afecto que quieras crear, puedes crear un similar para radio. Se puede tener este tipo de cosas para angular. En su mayoría no necesitamos esto. Pero tal vez si quieres usar, puedes ver que estás aquí. Esto es y lo hará? En realidad, crea algo como esto, que en su mayoría no necesitamos. A lo mejor en algún auto interfiera o algo así, podríamos necesitar que tu diamante va a tener algo como esto. Y el último es imagen. Ya hemos discutido esto. Por lo que estas son diferentes opciones de color thes son diferentes. Opciones de Phil por aquí. También puedes crear estilos para esta sensación. Por ejemplo, tengo esto un int codicioso por aquí. Voy a dar clic aquí y usar la pantalla, Ian, y guardarla dentro de ingrediente segundo o algo así. Entonces si trato de usar alguno del rectángulo solo puedo hacer clic aquí y presionar esto y esto se va a aplicar a este rectángulo por aquí. Entonces todo esto se trata de colores y diferentes ingredientes y cómo puedes usar diferentes inTs creativos , diferentes efectos, por ejemplo, este fondo transparente. Puedes tenerlo mezclado con el fondo por aquí para usar el mismo color que el fondo . puede ver si lo movemos dentro del rectángulo de color por aquí, se va a mostrar su límite, pero sobre un fondo blanco, no se va a mostrar. Entonces eso es todo acerca de los colores. Si tienes alguna pregunta que quieras hacerme, siempre puedes preguntarme. Pasemos a la siguiente lección. 12. Botones de degradado de la Gradient del proyecto: Ahora has aprendido todo sobre el resplandor, Phil colorea Todo. Ahora es el momento de tu asignación en tu asignación es que tienes que crear una carga lineal . Li Ingrediente Carga Como este He creado y siempre menciono tu nombre que Grady en Gran Bretaña por Sarah por Julius o Cualquiera que sea tu nombre, porque es más fácil para mí, sabes, retroalimentación. Dar retroalimentación para que sea más fácil para mí dar comentarios. Por lo que Gedeon Britain crea dos botones con cualquier color que te guste. Deben tener algunos colores que el texto sea visible en ellos. Entonces no intentes dedo del pie crear una carga. El que fuera el texto es difícil de leer. Entonces esta es tu próxima asignación. Brillantes cargas por ti. Por lo que estoy deseando ver esta asignación. Esto se puede ver en la pantalla, ¿verdad? ¿ Ruido? Yo no hay ninguna explicación necesaria, así que asegúrate de crearlos y estoy leyendo para tu asignación. Así que empieza a leer ahora. 13. Uso de máscaras en Figma: en este video, vamos a aprender sobre Sigma y cómo usamos diferentes mezquitas y técnicas de enmascaramiento y sigma. Entonces enmascarar es básicamente que tienes un contenedor como puedes ver este rectángulo. Este podría ser mi contenedor y todos los elementos. Por ejemplo, imágenes o botones. Van a estar dentro de este contenedor. Entonces si algo es más grande que este contenedor, se va a cortar. Por lo que no va a lucir fuera de este contenedor. Entonces para entender mejor este ejemplo, vamos a arrastrar y soltar una imagen o aquí. Entonces saquemos esta imagen y la dejemos caer por aquí. Entonces esto es muy grande. Entonces voy a sostener mi llave de la nave y sólo tener alguna talla por aquí. También puedes dimensionar rápidamente usando algo como esto o aquí. Entonces ahora tenemos esta imagen, y aquí tenemos el contenedor. Por lo que la contención está en la parte posterior y la imagen está al frente para crear una mezquita. Vamos a seleccionarlos a ambos, así que vamos a seleccionar y arrastrar alguna selección a su alrededor. Por lo que ambos están seleccionados y vamos a presionar control artístico, controlar todo M o opción de comando y para crear una mezquita. Por lo que puedes ver ahora hemos creado la mezquita con éxito. Ahora, si lo miras por aquí para que veas esta es nuestra imagen. Este es nuestro rectángulo. Esta es nuestra mezquita. Entonces si intentas seleccionar este contenedor y moverlo, puedes ver que va a revelar la porción de la imagen que realmente estamos usando. En realidad estamos alineando este rectángulo, por lo que es igual que un portal. Se puede ver que es un borde donde se pueden ver las otras dimensiones alimentos de todas maneras, Entonces así es como se trata de imágenes. Entonces si quieres ampliar esta imagen, tienes que seleccionar esta imagen y tienes que destetarla así y vamos a jugar set por aquí así. Entonces si trabajas este rectángulo o este contenedor o este este en realidad dedo del pie de la mezquita, ten algo de redondez. Vamos a crear 80 maldad. Entonces tenemos muy bonito este siguiente, como éste. Ups. Entonces tenemos esta mezquita, esta, así que vamos a seleccionar a ambos para moverlos así. Y si queremos un grupo, podemos agruparlos dentro de un puntera grupal tener este grupo sencillo así que no queremos ver selección muy grande todo el tiempo. Entonces así es como se crean mezquitas. Por lo que ahora te vas a añadir una mezquita. Entonces tenemos esta mezquita. Ya has visto que cuando es así, puedo cambiar el tamaño de él así. Puedo cambiar la posición fuera de la mezquita y también si quiero cambiar el tamaño de la imagen por aquí. Entonces si quiero que Toby lo haga más pequeño, voy a seleccionar esta imagen y me voy de pie. Hazlo más pequeño, así, así. De igual manera, si quiero cambiar estos rincones, lo voy a utilizar esta vez. Entonces así es como en realidad creas mezquitas son tener contenedor para crear diferentes tipos de diseños, donde vas a ocultar el resto fuera de la porción ahora, Del mismo modo, puedes tener otros elementos a en la mezquita. Entonces si tengo una carga por ejemplo, como esta, vamos a crear un botón rápidamente. Entonces tenemos este botón, ahí está grupal. Vamos, G, G, Bt en. Y yo quería estar dentro de este rectángulo o dentro de este contenedor. Por lo que quiero tener mi botón dentro de esta mezquita. Entonces lo voy a arrastrar por aquí y dejarlo caer por aquí justo encima de este rectángulo. Por lo que ahora puedes ver este addle extendiéndose desde esta imagen, incluyendo este botón y este rectángulo. Por lo que muestra que estas son las cosas que hay dentro de este contenedor. Por lo que ahora puedes ver no puedo ver mi botón porque está fuera del contenedor. Es igual que un portal medio. Se puede ver el otro lado. Pero si algo está fuera de esos espejos, puedes verlo, así que tienes que moverlo. Entonces estoy tratando de moverlo por aquí. Por lo que tienes que moverlo dentro de este contenedor así. Y ahora se puede ver que está detrás de esta imagen. Entonces voy a moverlo hacia arriba Ahora. Se puede ver que está dentro de esta mezquita y está dentro de este contenedor. Esta esta mezquita debe de área. Entonces no. En caso de querer moverlo, Por ejemplo, quiero dedo del pie ocultar el lado derecho de este botón. Yo puedo hacer eso así. Este el otro final esta carga está fuera de mi contenedor, por lo que no puedo verlo. Entonces esta es en realidad la técnica fuera del enmascaramiento y, ah, esto va a ser muy útil en tu diseño. Lo uso mayormente siempre que importe e imágenes. Utilizo una máscara de dedo del pie rectángulo lo para poder controlar fácilmente su posición. ¿ Es Ilya qué? Yo quiero mostrar lo que quiero ocultar. Entonces este es concepto realmente importante. Espero que hayan entendido este concepto de enmascaramiento y cómo usarlo y cómo tener muchos elementos dentro de una mezquita. Pasemos a la siguiente lección. 14. Proyecto ► enmascarar imágenes tu introducción: ya has aprendido cómo mezquita las cosas. Entonces ahora es el momento de su asignación. Entonces ahora te voy a dar una asignación, dedo del pie, mezquita y objeto o cualquier imagen, y tú vas a crear algún texto introductorio sobre ti que tengo cuatro cuidados o me encanta ver dibujos animados enemigos o estoy muy ocupado o soy enfermera de profesión o lo que sea que esté en tu mente. Entonces, cualquiera que sean tus pasatiempos o que hagas o tu amor se trata, tienes que compartirlo conmigo y usar tu propia imagen. Es mejor que nos presentemos. Entonces déjame mostrarte mi piel lo que he creado. Y también te voy a dar algunos de los consejos sobre cómo crear el enmascaramiento del's. Y cuáles son los problemas que puedes conseguir. Así que vamos a hacer dedo sobre pantallas ahora. Ahora puedes ver aquí he creado dos pantallas. Um, esta es una mezquita personalizada. He creado una forma por aquí, y he insertado mi imagen por dentro, y están dentro de un grupo. Siempre es mejor que agrupe a su grupo, sus elementos que han sido enmascarados. De lo contrario, el estigma va a seguir agregando cosas en ellos. Por lo que siempre que empieces con esto, puedes crear algo como esto. Puedes usar una elipse por aquí, dibujar una elipse con la tecla de desplazamiento, arrastrar tu imagen dentro de ella. Y así, por ejemplo, déjame dibujar sobre drag esto puedes ver No, tengo una imagen cada alquitrán en mis labios. Voy a seleccionar ambas de las elipses en la mezquita inferior. Y voy a mover esto dentro de esto aquí así. Entonces esto es fácil. Y siempre prueba dedo del pie, crea un grupo, por lo que es más fácil dedo del pie. Gestionarlos. Entonces este es un día ahora. Si intentas crear una forma con el péndulo, por ejemplo, trato de crear una forma como esta, y quiero insertar una imagen en el interior. Ahí hay un truco que puedes ver por aquí. No hay Phil están por aquí, así que intenta sumar primero a Phil. De lo contrario, tu imagen no va a llenar esto. Entonces volvamos a traer esto. Y aquí lo tenemos. Vamos como agua fuera de ellos mezquita, y ahora puedes ver he creado una mezquita muy personalizada con la forma personalizada por aquí. Por lo que siempre recuerda que Trata de llenar tu forma vectorial antes de hacer algo así. Entonces este es el ejemplo. Entonces empieza con tu nombre. Bienvenido, John o Sarah o como sea tu nombre y luego a figurar clase y luego algo sobre ti. Al igual que veo muchos jardines enemigos. En su mayoría últimamente re superpoderes les encanta explorar todo tipo de diseños. Incluso me encanta explorar tu diseño o cualquier tipo de diseño. Tres d o me encanta el dedo del pie verlos lavarlos. Y tengo cuatro hijos y freelance de los últimos 10 años. Esta es mi sencilla introducción, y puedes tener un botón muy usos. Empecemos o seamos humildes. Siempre lo que creas que es la palabra clave de tu vida. Entonces esta es la asignación para enmascarar. Así que asegúrate de que creaste me voy dedo del pie sigue buscando tu asignación. ¿ De acuerdo? Entonces, ¿cómo presentar esta asignación? Tienes que hacer clic en este tablero de arte. Tienes que ir a exportar. Haga clic aquí, y esto ya está por aquí. Exportación iPhone Bless. Entonces, no, lo voy a exportar en el escritorio. Y esta es la imagen que vas a subir. Entonces Ok, entonces esta es la imagen. Entonces esta es Puedes ver esta es la imagen, y esta es que tienes que subir y como una asignación, que pueda relacionarme fácilmente. De acuerdo, así que espero con ansias su asignación. Do presentado. Empecemos esta mezquita en asignación. No. 15. Crear estilos reutilizables: en este video, vamos a hablar de ello. azulejos deben que van a ser nuestros colores, ensayos y textiles los cuales puedes usar una y otra vez y fácil re aplicar a otros elementos de texto u otros botones o cualquier cosa que tengas. Por lo que también podemos crear diferentes efectos. Entonces déjame mostrarte haciendo algo para que puedas ver que he usado estaban aquí cuatro colores. Entonces si selecciono este rectángulo, este es un color de relleno Así que cómo puedo usarlo una y otra vez Así voy a dedo click sobre aquí Esto se llama estilo y voy a dar click por aquí, crear estilo Así que una vez que tenga estare, puedo renombrarlo como acero Soy azul algo así y voy a tener un estilo aquí Así que si me muevo sobre él muestra todavía azul. De igual manera, para estos voy a crear diferentes nombres Segunda re color naranja Entonces tenemos este primario azul oscuro y vamos a crear otro Azul primario. Por lo que ahora puedes ver tenemos cuatro esfuerzos de color por encima. Estos son nuestro estilo de equipo. Por lo que estos no son locales a este documento. Por lo que estos son nuestros estilos de diseño locales que podemos aplicar en este documento. Entonces este es nuestro proyecto ahora mismo. Esta es la página de práctica, en realidad. Por lo que tenemos cuatro colas trial, para que veas cómo podemos aplicarlas Fácil. Déjenme mostrarles. Entonces estoy saludo rectángulo también labios por aquí y voy a ir a más que a llenar puedo voy a ir a ir. Hay dos maneras, en realidad Así que ve al estilo y selecciona los colores que quieras. Por ejemplo, quiero este color de manera similar. Por ejemplo, estoy creando una carga. Entonces tengo que estricto ángulo por aquí. Esto es un bonito pero y todo se aplica a ello. Existe. Y yo quería ser así. Entonces esto es muy fácil para mí. No quiero recordar esto y se puede ver aquí tenemos azul oscuro primario. Entonces lo principal es la reutilización, por ejemplo, he aplicado el mismo color. Entonces este rectángulo como este Entonces que si quiero cambiar el color y quiero que sea otro tono fuera este azul. Entonces lo que puedo hacer aquí es que voy a dar click aquí y luego voy a dar click en este estilo de edición. Y aquí tenemos Opción dos cadena descubrir, por ejemplo. Yo quería a Toby, Uh, veamos esta portada. Por lo que ahora puedes ver nuestra primaria Azul oscuro es totalmente diferente. De acuerdo, así que ve por aquí. También puedes ir desde también puedes ir cambios de dedo del pie desde aquí, así que no me gustó este marco e ir a estilos locales y puedes hacer clic en la configuración y vamos cambiarlo de nuevo a algo muy oscuro como esto. Entonces aquí tenemos el color, tamaño y cómo podemos editarlos y cómo podemos volver a aplicarlos y qué efecto tendrá. Entonces, por ejemplo, si quiero que sean algunos otros colores Así que si hago click aquí, puedes verlo me muestra todos estos colores. No puedo adicto ni cambiar de color. No soy de dedo abierto todos los colores. Entonces si quiero volver así tengo que dar click aquí d estilo muerto. Y ahora puedes ver tengo mi relleno de vuelta para que pueda cambiar su color a cualquier cosa, y no está pegado dedo del pie. Estos dos elementos son estos dos ensayos de colores. Ahora vamos a aprender sobre los textiles. Por lo que aquí se puede ver que tengo este rubro. Tengo este párrafo de texto. Es regular. 18 cerdos, Illes Roboto, mueren cara. Y esta es Roberta Light 64 fotos. Puedo aumentar el tamaño de 72 si quiero. Ah, y este es mi rumbo ahora. También puedo crear el mismo estilo Puedes ver el mismo botón por aquí. De vuelta por aquí. Y lo voy a tener rumbo grande o rumbo 72. Eso sería fácil para mí recordar. De igual manera, por aquí, lo voy a tener. Ah, mejor gráfica 18. Entonces significa 18 cerdos es el tamaño de párrafo y se puede ver tengo a textiles por aquí. Entonces cada vez que quiero un nuevo texto por aquí, por ejemplo, estoy escribiendo algo siendo así que quería ser un encabezado. Entonces voy a ir por aquí, click en esto y acabo de soltar mi escondite 72 y me voy de pie tener todos los ajustes que hice por aquí. Ahora bien, si quieres editar este estilo, por ejemplo, ya he creado un estilo y quiero cambiarlo así que la cosa es que tienes toe klik cualquier parte por aquí, o simplemente puedes no gustarte nada que es manera más fácil. Y solo puedes hacer click en esto y voy a cambiar a, digamos negro y voy a tener 64. Usemos algún otro para, por ejemplo, como éste. Esta es mejor, y creo que no tiene un trasero. Entonces usemos pesado. Entonces, um, junta. Entonces esto se ve bien. que veas así es como cambias tu estilo para poder salir fuera de este hueso. Río, puedes seleccionar este. Haga clic en este, vaya a este ícono. Entonces esto es un poco, uh, se puede ver un camino un poco más grande para viajar. A mí me gusta de esa manera. Entonces simplemente me disgustó e ir de estos estilo local y cambiarlo por aquí muy similar a estos asesinos Y estos encabezamientos o este textil. También puedes crear otros estilos. Por ejemplo, quiero tener. Vamos a desconectarlo, y voy a crear ingrediente lineal. Ahora es así y voy a cambiar el color a éste yendo dedo del pie. Aumentar la opacidad. Entonces no, hemos creado por aquí y seleccionamos disco radiante y de nuevo voy a ir a estilos y vamos a barba, ingrediente o aquí. Por lo que tengo mi codicioso en estilo similar así. Entonces si quieres aplicar a este, voy a dar click aquí y este es mi fondo con ingrediente. Y agreguemos algunas cosas más por aquí. Por ejemplo, quiero que lo separemos y quiero algunos efectos. Por ejemplo, quiero sombras por aquí, así que voy a tener sombra de gota, y eso va a ser un poco más oscuro. Sombra de gota que se utiliza algo como esto y me voy dedo del pie tener sangre fuera 50. Vamos a reducirlo a 30. Exclusivo a 25 35 Luciendo bien. Vamos a bajarlo un poco. 6 18 Ahora hemos creado la sombra de gota. Vamos a despejar el estilo para ello. Hemos sido demasiado buen estilo y dar click en este mismo icono plus para crear un estilo. Entonces este es nuestro, ah, sombra caída Cuatro botones, algo así. Entonces tenemos otro estilo. Entonces si salimos fuera de los escándalos y pinchamos aquí, se puede ver que no, tenemos un hecho estilos color, tamaño y textiles. Entonces estos son diferentes tipos de estilos que puedes probar por aquí, y puedes volver a aplicarlos a cualquier que yo crea que quieras. Por ejemplo, voy a estos efectos y así así y tenemos esta sombra, no quiero recordar los valores de esta sombra una y otra vez. Por lo que este es un concepto muy bueno en cualquier y poderoso concepto de estigma. Y me encanta cómo han utilizado estos efectos estilos, colores, ensayos y textiles locales por separado. Entonces espero que hayan entendido el concepto off style y cómo reutilizarlos. Pasemos a la siguiente lección. 16. Panel de efectos de Effects en la aplicación Figma: en este video, vamos a aprender diferentes efectos de tu diseño y cómo puedes usar el panel de efectos de tesis del lado derecho siempre que estés diseñando usando figment. Entonces cuatro cosas que vamos a crear una es esta muy ligera Sombra asentada a su alrededor, sombra muy pequeña a su alrededor. Entonces tenemos otra, que va a ser una sombra gastada muy suave. Entonces tenemos este efecto tres D, y tenemos este efecto de inset, lo mismo que he hecho cuando te compré mi primero un curso de diseño con photoshop, Así que lo estoy haciendo en el lema de higo. Entonces estos son los cuatro efectos que vamos a crear. Entonces antes que nada, voy a quitar todos estos defectos de aquí para mostrarles dónde empecé, en realidad. Entonces, um así aquí tenemos elementos simples. Blanco sencillo. Ahora puedes ver una cosa es común. Tengo un fondo de color claro. Esto es muy importante. Siempre que estés tratando de tener algo de sombra, tienes que tener algún fondo de color claro, color de factura. Esto va a funcionar mucho mejor ahora. El primero que vamos a hacer es ir de pie crear esta sombra por aquí, que va a ser una sombra muy se puede ver muy expandida, muy borrosa. Por lo que presiona este pasaporte y tenemos una simple sombra de gota que se ve así. Esto no se ve muy bien, así que vamos a mejorarlo. Por lo que para las opciones se iban de pie, ven aquí. Por lo que tenemos estas opciones X valora el movimiento off shadow en el lado derecho. Por lo que se va a mover para tratar de presionar cinco por aquí. Se puede ver que se está moviendo. El valor de destrucción es de arriba a abajo. Entonces si quieres moverte al fondo, así es como puedes hacer eso. Así que aumenta el valor vie para mover la sombra en la parte inferior. Si quieres, mueves el otro lado. Vas a usar menos cinco así y menos 15 así. Entonces eso es cool back. De acuerdo, entonces la sangre es lo borrosa que debe ser. Por lo que va a tener algunos bordes suaves. Entonces si intentas aumentar el valor de la sangre, se va dedo del pie se vuelve más suave. Entonces el primer ajuste que vamos a hacer es que voy a usar X uno. Entonces me voy a mover un poco o aquí que voy a usar la sangre 32. Por lo que quería ser muy suave como la sombra y el viral. Tú lo serás. Entonces quiero moverlo un poco hacia abajo. Entonces quiero menos sombra en la parte superior. Un poco más por aquí. Entonces voy a usar 20%. No quiero que sea muy, um sombras duras. Entonces quiero hacerlo suave. Estoy reduciendo la opacidad 20%. Ahora puedes ver que se ve genial. Ahora, lo último que puedes hacer es que vamos a cambiar este color de negro. Entonces el mismo color fuera de este fondo. Entonces voy a dar clic aquí, y lo voy a mover por aquí. Ahora se puede ver de nuevo cuando he seleccionado el color Se fue de nuevo 200%. Entonces lo voy a usar al 30% Ahora. Se puede ver que esto se ve realmente bien. Sombra suave. Te voy a dar asignaciones para hacer algo así. Muy bonito. Muy limpio, muy creativo. Se puede ver por aquí ahora, igual manera para este, vamos a usar algunas otras configuraciones. Entonces de nuevo vamos a ir a soltar sombra. Se puede ver que tenemos más opciones en una capa de sombra, Desenfoque de fondo Blurred. Pero ahora mismo vamos con sombra caída y en una sombra va a ser el próximo. Entonces ahora vamos del dedo del pie Jane los ajustes por lo que x será cero sangre voluntad antes y el valor vie será supervivencia también lo será. Entonces lo queremos muy cerca de nuestro anterior y esto va a ser del 15%. Y el asesino que vamos a usar Lex use este color y voy a reducir su capacidad al 20% así. Entonces esto es un poco diferente de color para el desde el fondo, un poco azulado. Esto es un poco de azul verdoso, pero lo miró. Se busca crear en la parte superior de este fondo. Entonces esto es muy suave. Cerrar resolver sombra. Si quieres dedo del pie cambia un poco el color. ¿ Quieres sombra más oscura? Se puede ir en esta zona más oscura. Si quieres algo de sombra más clara o efecto basado en luz, puedes ir en esta sección. Estamos aquí. Puedes ver Si miras de cerca a la izquierda, puedes ver la luz, la oscuridad, la luz, la oscuridad, oscuridad, luz, oscuridad. Entonces voy a ir con éste por él. Ahora, vamos a ir por esto dentro de efecto de inserto. Entonces haciendo clic en esto y si hacemos click en efectos, queremos dedo del pie tiene que realmente efectos. Uno va a estar en una sombra. Por lo que una vez que usamos en una sombra, se puede ver que ya tiene un interior de efecto insecto no a. En Ha's este efecto, voy a acercarme para mostrarte la diferencia. Entonces este es en realidad tu interior, y, uh, se llama los efectos. Y puedo usar 20% por aquí, y voy a aumentarlo un poco. Disculpa. Tres al norte, abajo un poco arriba. Y ahora voy a usar otro efecto, que va a ser mi sombra de gota. Ahora bien, esta sombra de gota no va a estar oscura por aquí. Cuando algo es mama, habrá una sombra de luz sobre esto. Por aquí en esta zona, la luz va a caer sobre este fondo por aquí. Déjame mostrarte lo que quiero decir. Entonces vamos a tener una sangre de sombra. Vamos a reducir el desenfoque a cero porque no queremos que se borre. ¿ Por qué va a ser divertido? Queríamos estar justo junto con esta línea. O aquí déjame acercar un poco más. Se puede ver esta gran línea o aquí. No, no queremos que esto sea genial. Vamos a usar una línea blanca por aquí Ahora. Si haces zoom, puedes ver que hay una línea blanca. Alejemos un poco. Ahí hay una línea blanca o aquí. Entonces déjame mostrarte. Aumentemos capacidad 200% porque no se puede ver. Ahora se puede ver que tenemos una amplia línea por aquí la cual se va dedo del pie mejorar nuestro efecto interior . Por lo que aquí tenemos un botón perfecto en set. Hemos usado algunos off en una sombra. También puedes usar este cuatro y tenemos una sombra de gota, que va a ser una luz blanca por aquí en esto. A. Entonces esto va a completar su efecto de perspicacia ahora, llegar a este tratado de efecto tratado es muy sencillo. Vamos a crear un efecto. Sombra de gota. Será y vamos a reducir el desenfoque 20 Ahora puedes ver que esto se vuelve sólido. No, vamos a usar el mismo color en este botón y nos vamos a mover los pies a esta sección más oscura o aquí. Entonces usemos, por ejemplo, esta que es todo lo que necesitamos para una carga de tres D. Se puede ver si se quiere aumentar su ah, tratado nous o su sombra, se puede aumentar por ejemplo, ir a seis. Ya puedes ver ahora se ve un poco más tratado. Entonces así es como utilizas diferentes efectos cuando tratas de ser un efecto de sombras diferentes sobre insectos cuando estás tratando de usar fig MMA. Ahora vamos a estudiar los dos últimos efectos que son el desenfoque asesino y el fondo. Si haces clic en su sangre, puedes ver que este holier está realmente borroso y puedes cambiar la sangre citando por ejemplo , 15 o algo así. Entonces si quieres desenfocar capa, será algo así, que es muy fácil, muy fácil de entender el concepto de esta sangre de Lear. Ahora lo último es, vamos a estudiar la sangre de fondo. Ahora, por ejemplo, quiero este artículo y quiero todo encima. Si, por ejemplo, tengo un rectángulo por aquí y está escondiendo toda esta pantalla, por ejemplo. Esta es toda la pantalla, así que voy a añadir el efecto de Bagram Blur. Ahora se puede ver nada está borroso. Entonces una vez que intentes dedo del pie, reduce la opacidad de tu relleno por aquí, por ejemplo, quiero ser 50%. Se puede ver el fondo detrás de este regular en realidad está borroso. Entonces si quieres cambiar el ajuste de sangre, puedes aumentar la sangre. Ya puedes ver ahora es más borrosa y, um, um, no visible, en realidad. Entonces si intentas usar el color blanco, nuestro cabello, algo así, puedes ver esto en realidad es desenfoque de fondo. Entonces si intentas poner algún texto por aquí, um, me gusta mucho. Por lo que en realidad está volviendo. Yo quería estar en la cima de este fondo, algo así. Por lo que puedes ver cada vez que trato de mover esto se va dedo del pie, tener un efecto borroso. Esto va a si intentas moverlo o desplazarlo. Tendrá algún efecto como este. Entonces, ¿este efecto se vio por primera vez en dispositivos IOS? Supongo que sí. De hecho, así es como se puede usar el fondo. No olvides reducir la opacidad de tu color de relleno por aquí porque no va a funcionar sin eso. Entonces si tienes algún escenario como este, no va a funcionar. Así que intenta usar 80% 70% 50% o lo que te parezca bien. Entonces estos son todos los efectos que ya te he mostrado. Si tienes problemas para entender estos efectos para hacerme preguntas y espero verte pronto en la siguiente lección, hasta entonces, toma tu y por 17. Proyecto ► con efectos de capa: ahora, Tu siguiente encargo es que vas a crear estos tres botones con el hecho de sombra con efecto tres D con efecto insecto o prensado. Y quiero que menciones tu nombre en la parte superior. Entonces empieza a crear esta asignación. Te voy a dar unas manos. Estos son mis ajustes. Si vas a esta sombra, puedes ver estos son mis ajustes para sombra 0 15 El valor de sangre es cuatro. Spread es de un color azul oscuro para el mismo. Este 40% azul es la opacidad fuera de la sombra. Entonces tenemos éste. Esto es en realidad dentro de este líder y así soltar sombras. Tú 05 es el valor vie. Entonces hazlo un poco abajo, y luego tenemos el color verde oscuro 100% para este, tenemos que realmente soltar sombras. Una es una línea blanca de 10 líneas en la parte inferior, que ya te he enseñado. Este y en la sombra es 06 desenfoque. Cuatro es de I valor y color naranja oscuro para la sombra dentro del efecto mamario y 100% es su capacidad. Por lo que estoy mirando hacia adelante. Entonces viendo esta asignación, así que empieza a leerla ahora 18. Componentes en Figma: en esto realmente de vamos a hablar de un concepto muy importante, que se llama componentes. Ahora. Los componentes son básicamente tus elementos de diseño que puedes reutilizarlos. Puedes cambiar algunas fuera de sus propiedades, y aún así puedes utilizarlas. Entonces déjenme compartir con ustedes cuál es básicamente el concepto para que componente pueda ser agrupado fuera de cualquier elemento de diseño, sus antecedentes fiscales, sus Parton, sus guardias, sus encabezados que fueron diseñados o cualquier cosa que usted tener. Por lo que básicamente es grupo de dos o tres elementos, por ejemplo. Vamos a crear un botón por aquí, y voy a usar cosas Brugler por aquí. Y una vez que hemos seleccionado esto aquí tenemos esto a la vuelta de esta redondez de esquina. Entonces lo voy a usar por aquí. Entonces tenemos una linda ronda pero la cabeza molesta. Ahora vamos a sumar siguiente por aquí. Entonces Presti y nosotros vamos a tener algún texto como abajo Lord No lo sé, mejor escape y alinémoslo en el medio. Un poco arriba por aquí, Jeanne, el color blanco. Entonces estoy cambiando el er físico de las pilas por aquí ahora mismo. Y vamos a sumar a ed por aquí. Por lo que ya he hablado con algunos fuera de las llaves shocker. Por lo que voy a usar control o comando dedo del pie slash, obtener mi búsqueda, y voy a dedo del pie icono de buceo. Y aquí tenemos cuatro iconos impresionantes. Entonces esto es en realidad Blufgan. Entonces voy dedo del pie die arrow. Entonces puedes ver que tenemos muchos anales por aquí, Así que voy a usar No, ella era ésta. Entonces este es el aire por aquí, y ahora mismo se puede ver que tenemos este vector de adelante y cambiar su con 22.5. De acuerdo, entonces, no, se ve bien. Eso cambia de color a blanco y hagámoslo un poco más grande. Entonces voy a presionar a este país en proporción limitada. Entonces me voy dedo del pie ir con talla, como 36. Algo así. Esto se ve genial. De acuerdo, entonces tenemos algunos de los elementos por aquí. Nuestro voy en nuestro dexter y nuestros antecedentes. Ahora, también puedes aplicar algunos efectos. Si quieres alguna camiseta gota por aquí, puedes tener alguna sombra de gota como esta. Por lo que 8% de sangre x valora el movimiento fuera de esta sombra. Y aquí está la sombra puesta. ¿ Por qué significaría que va a bajar de la retaguardia al fondo del Lear. Por lo que aquí tenemos un botón muy bonito. Ahora, ahora mismo, los vamos a agrupar. Entonces vamos a controlar grupalmente o comandar G. Pero si no quieres tenerlos a tientas, eso también es bueno. Entonces al igual que todos los elementos y nos vamos toe press comando todo K o controlar todo K para crear un componente. Entonces vamos a crear un componente. Ahora puedes ver como tan bonito he creado este componente. Se puede ver que el ojo se ha ido por aquí está totalmente cambiado. Entonces esto es como básicamente un componente maestro El componente maestro es en realidad nuestro principal elemento de diseño que está en su forma original. Entonces vamos a duplicar este para que puedas presionar. Vamos D. Así que ahora puedes ver tengo un elemento duplicado en la parte superior ofrecido, Así que lo he arrastrado hasta aquí. Ahora se puede ver que el yo se fue. El 2do 1 componente a es diferente, aunque es igual que el componente uno. Pero ahora es una instancia. Entonces esto es que se puede ver u oír en el lado derecho de esto llamado Esto se llama instancia. Y si hago clic aquí, no hay instancia. Por aquí está. Se trata de decir componente. Entonces si vuelvo a hacer clic aquí, se puede ver que tenemos esta pequeña área de panel por aquí en su lugar. Componente uno. Por lo que es una instancia instantánea fuera del componente uno. Entonces es igual que si eres programador, este es el concepto de un padre e hijo En Javascript y Java, haces diferentes clases y las mismas propiedades. Por lo que es justo como un padre y un hijo. Por lo que ahora puedes ver a este niño tiene todos los padres de oficina de propiedades. Pero creo que eso no es bueno. Entonces si quiero cambiar, por ejemplo, el color como este, puedo hacer eso. Aún así, se puede ver que es similar en todo como su padre o experimento. Entonces este es el concepto fuera de los componentes. Por lo que tenemos este componente. Entonces, una vez que completamos crear cualquier componente, no podemos revertir. Por lo que este componente va a estar disponible en este panel de activos por aquí para que puedas ver este marco de práctica práctica y tenemos este componente de uno para que también puedas renombrarlo. Por ejemplo, voy a cambiarle el nombre Bt y descargar. Entonces voy a renombrarlo BD en descarga. Entonces ahora si vamos a los activos del dedo, lo puedes ver. Por lo que muestra bonito y descargarlo y lo puedo arrastrar y soltar y colocarlo en cualquier lugar que nazca Así puedes seguir creando mucho fuera de diferentes activos y componentes como este. Pero asegúrate de crearlos una vez que estés finalizada con su diseño porque será difícil. Tienes dedo del pie cambiar el componente maestro para conseguir que el cambio se haga. ¿ Y si quieres crear una nueva empresa así no quiero esta instancia? Quiero un botón nuevo similar a este. Pero yo quería ser otro componente, así que voy a dar click derecho aquí y me voy de pie Usar este comando Desvincular instancia. Entonces ahora se puede ver si voy al panel de capas es de nuevo fuera de marco para que se pueda ver este marco que tengo por aquí puntera componente Así que esto es en realidad en grupo. Si haces click en grupo, se va a salir del grupo porque creamos el grupo en primer lugar. Entonces una vez que tengamos esto, puedo cambiar lo que quiera. Por ejemplo, quiero rincones diferentes. Entonces he hecho clic por aquí, y voy a usar 16 por aquí y 16 o pelo y, uh, celo. Y, ya sabes, aquí, por ejemplo, digamos que quiero un botón como este para poder crear otro componente. Y creo que esto va a ser y de nuevo componente maestro. Así que asegúrese de que una vez que cree un componente maestro, guarde las copias en su diseño y use este componente maestro y muévelo a alguna otra página . Por ejemplo, voy a crear otra perra llamada Guía de estilo. Por lo que una vez que regrese a mi página, me voy dedo del pie a sacar ambos de estos. Vamos a crear una copia. En realidad estoy presionando y sosteniendo Arche y opción tecla dedo del pie arrastrar y crear una copia. Entonces voy dedo del pie flick les sacó Control Comando X, y voy a volver en la guía de estilo y distrito por aquí. Entonces tenemos componente componente por aquí para que puedas renombrarlos por Lord Flat o algo así y, um entonces vamos a volver. Entonces una vez que tienes por aquí y quieres que algo haya cambiado algo, por ejemplo, accidentalmente Jane el dedo del color este regular y realmente no me gusta y no quiero que esté listo. Y quiero volver de pie como era antes. Entonces voy a patear por aquí. Este es el restablecimiento de Dios. Instancia. Una vez que voy a dar clic aquí, se puede ver que dice reset overrides. Por lo que en realidad escuché solo en el color. Entonces si quiero anular, puedo anular impuestos también. Entonces voy a teclear. No descargo ahora. Por lo que ahora si pinchas por aquí y das click en esto dijo anula. Voy a reiniciarlo todo. Por lo que el texto va a retroceder el 1er 1 predeterminado. Pero un icono todo se restablece dedo del pie el componente maestro. De igual manera, si quieres abordar algo o cambiar algo en el componente maestro, puedes hacer click aquí, ir toe master component y se va a ir a otra página. Bueno, en realidad, el componente maestro está residiendo, así que también, puedes agregar alguna descripción por aquí. Lo que quieras en bono. Eso es todo. Eso es lo que son los componentes y las instancias son y cómo se puede ir toe componente maestro , cómo se puede restablecer componentes. Estas son las 43 o cuatro cosas como, en realidad funcionan estos componentes. Y hablaremos de más de estos componentes sobre esta restricción en la siguiente lección porque creo que no quiero que esté listo mucho tiempo. Entonces eso es todo. Si tienes alguna pregunta que hacerme, pasemos a la siguiente lección. 19. Uso de restricciones con componentes: ahora en esta lección, vamos a entrar un poco más de detalle sobre estas limitaciones por aquí. Por lo que las restricciones del país son básicamente limitaciones. Se puede aplicar en un grupo o un componente, Así que permítanme compartir con ustedes cómo se puede hacer eso. Entonces, por ejemplo, hemos creado estos componentes en la lección anterior. Y vamos a mover el dedo por ahí, componente maestro por aquí. Entonces componente maestro es en realidad el que vas a cambiar y aplicar estas restricciones o aquí. Por lo que una vez que haga clic en este icono para expandirlo, puede ver que tendremos restricciones por aquí para cada elemento por aquí. Entonces, como este anuncio de aquí, por ejemplo, déjame mostrarte. En realidad, si trato de ampliarlo, vamos a expandir esto y se puede ver cómo se está expandiendo esto. No quiero extender ese experimento de botón así. Por lo que este texto no está en medio. Esto en realidad se estira, y esto está realmente mal. Entonces volvamos. Controlador Kamanzi Y queremos estoy realmente desarrollar click. Por lo que una vez que hagas clic, te vas a holgar. Este puedes idol presionar control o comando toe directamente holgar este, que no tengas que hacer doble clic o hacer clic dos veces o intenta ir a este elemento. Basta con hacer click. Yo sostengo tu llave de mando del mando y pateo sobre él. Por lo que ahora se puede ver que nos hemos sentado aquí escala y escala en ambos sentidos. Entonces se va a escalar. No queremos que se escale. Entonces vamos a arreglarlo a la derecha por aquí, esquina derecha, y así la parte superior. Por lo que se va a arreglar por aquí. No queremos que este dedo del pie de botón se expanda en destrucción. Sólo queríamos estar expandiendo en la dirección horizontal, ni la vertical. Por lo que así se dice. Si probé dedo del pie expandirlo, puedes ver No, lo es. Se fija en esta esquina que se anota. Ahora puedes ver esto. Este ruido del dólar no fijo. Entonces vamos a solucionar este problema. Entonces controla o mantén, manda tu control y haz clic aquí, y lo vamos a anclar a la izquierda. Y usemos este centro. Uh, están a la izquierda y al centro. Eso es bueno. Por lo que también puedes hacer la misma vida izquierda e inferior o superior. Eso sería bueno. Por lo que también puedes ser así. Entonces una vez que hayamos dicho esto, ustedes van a ver qué es lo que va a pasar si nos expandimos. Se puede ver el abajo o no está en el mismo punto donde debe estar. Y si trato de expandirme desde aquí, puedes ver que este es el comportamiento que quiero tener en este espartano. Ahora la parte más difícil de escalar o tener restricciones es para el fondo desesperado . Y así si haces click en una holgura abatida, es bueno. Se puede expandir en cuatro direcciones, pero no queremos ampliarlo en destrucción. Entonces ahora mismo creo que no es bueno. Entonces lo que vamos a hacer es que vamos a soltar esta sobrecarga de fondo. Esto es en realidad se establece a escala y escala. Entonces este es el comportamiento por defecto. Lo que queremos es en realidad queremos escala en destrucción. puede ver que se escucha el anual que se contrae en dirección horizontal desde izquierda derecha, y esta es la habilidad de arriba a abajo. Por lo que vamos a seleccionarlo de punta del sábado y en destrucción vamos a tener habilidad. Entonces déjame mostrarte cómo se va a comportar. Por lo que hay que diseccionarlo porque estás en este momento en este fondo, así de seleccionado y seleccionar esta de nuevo este componente. Y si lo intento, se puede ver si trato de aumentar la altura, se puede ver que se mantendrá igual. No se va a expandir dedo o escalar y destrucción. Pero si intento ampliarlo desde aquí, se va a expandir en destrucción tanto fuera de los tramos. Entonces este es el comportamiento que he querido con mi componente. Entonces así es como puedes aplicar diferentes restricciones en tus botones en tus diferentes flechas desplegables , menús, menús desplegables. Estás gravado, sus alineaciones y todo lo que puedes ver por aquí. Este es mi abs, que vamos a construir al final de este curso, y se puede ver si voy al estilo. Chicos, tenemos mucho componente Shal aquí, así que pueden ver tengo estos componentes por aquí donde tenemos este ícono y estos iconos se han dejado y arriba. Se puede ver de igual manera, éste ha sido al dedo izquierdo y del pie superior. A pesar de que creo que debería ser por aquí así, correcto y trabajo de todos modos. Entonces así es como en realidad todo está funcionando por aquí. De igual manera, si vas a este, uh, este y si haces click en este addle, puedes ver que es correcto y superior. Entonces se va a pegar por aquí Si pruebo Toe Jane la talla que es cambiar talla de este . Por lo que se puede ver que se va a quedar en la misma zona donde yo quería estar, Así se puede ver que va a estar en la parte superior derecha en la misma posición. Entonces así es como en realidad aplicas restricciones. De igual manera, si miras la receta de búsqueda, ésta va a ser la misma. Como se puede ver por aquí. Debería estar por aquí, en realidad, derecho y arriba. Entonces así es como usas la restricción en tus componentes y los aplicas para tener mejores componentes expandibles o mejores flexibles. Espero que hayan aprendido mucho en esta lección. Pasemos a la siguiente lección. 20. Atajos comunes parte 1 - Figma: en este video, vamos a aprender algo del higo de uso común, mis guardas cortas. Y en esta lección, les voy a mostrar cómo pueden prohibir o hacer zoom en sus pies mi interfaz ocultar y mostrar algunos de los controles. Entonces, empecemos. Entonces primero vamos con el dedo del pie. Mira a Penn. Entonces si puedes presionar tu barra espaciadora y sostenerla y verás esta mano y puedes fácilmente prohibir alrededor o mover este tu marco por donde quieras dedo del pie, este es primer atajo. Ahora, el 2do 1 se trata de los niveles de zoom. Por lo que puedes ver aquí puedes ver que está ajustado a nivel de zoom o 50%. Y fue seleccionado este marco. Si quieres acercar dedo del pie 100% vas a presionar cero por lo que presionando cero para que puedas ver este es el tamaño real del marco fuera del marco son tablero de arte que estoy usando. Ahora también puedes hacer zoom toe fit para que puedas presionar uno para que puedas ver ahora se ha zoom toe fit y es 71% ahora y también puedes presionar uno o nueve. Por lo que uno es más fácil de recordar cero para 100% 1 es para zoom toe fit, y dos es para zoom a selección. Entonces, por ejemplo, si tengo, vamos a alejar primero para y puedes alejar usando comando o control más tecla menos. Entonces tienes dedo del pie sostén tu tecla de control, y junto con eso, tienes que presionar menos fue Omar Plus vamos a acercar así que esto es muy fácil. Además, así que solo estoy sosteniendo mi tecla de control o comando en un Mac si estás en un comando de Mac y si estás en una tecla de control menos y más. Entonces supongamos que waas diseñando en este nivel de zoom y quiero acercar este Hola allá. Entonces, no, voy a seleccionar este objeto primero, Así que voy a arrastrar y aflojar y presionar, también, que puedas ver ahora está en el foco. Entonces si quieres volver atrás o tienes que acercar el dedo del pie al 100% o quieres hacer zoom para encajar pulsa uno. Por lo que esta es una gran manera de alejar y acercar cuando estás diseñando. La mayoría de las veces Cuando estás diseñando, tienes que acercar y alejar muchas veces. Por lo que estos atajos te van a ayudar. Ahora, cada vez que te estabas diseñando, a veces necesitas que tus gobernantes dibujen algunas de las pautas para apoyar tu diseño o tienes que alinear pocas cosas. Entonces en fig ma, tienes que habilitar primero a tus gobernantes para que puedas ver en la parte superior por aquí o a la izquierda. Tenemos normal esto. Entonces vamos a cambio de aliento y estamos ahora Ya puedes ver que tenemos gobernantes en la parte superior y en la izquierda. Entonces si quieres Oh, si no recuerdas este atajo, puedes ir por aquí en este menú y aquí tenemos turno más R. Así que puedes habilitarlo por aquí también. Entonces, una vez que lo hayas habilitado, puedes arrastrar pautas por aquí de esta manera. Van a apuñalar a dos objetos diferentes. Por ejemplo, tengo éste. Voy a arrastrar y soltar mis lineamientos así. Entonces este es otro atajo. turno son y te vas dedo del pie habilitar a tus gobernantes. Ahora he escondido a mi gobernante y se puede ver que mis lineamientos también han desaparecido. Ahora bien, si quieres mostrarle tu diseño a alguien y no quieres mostrarle esta sección de diseño por aquí este panel por aquí también están el panel de capas a la izquierda. Puedes presionar y mantener presionada tu tecla de control o comando junto con tu barra invertida Así controla barra invertida y puedes ver hemos escondido nuestra fig Mazz tú y que está alrededor de nuestros objetos. Por lo que de nuevo se puede mostrar presionando y manteniendo pulsado el comando del controlador más barra invertida Del mismo modo, tenemos otro atajo que es la barra de búsqueda. Entonces si quieres buscar algo rápidamente en fig MMA o quieres agregar algo todo lo que quieres buscar un plug in, tienes instalado la tecla de acceso directo es control barra invertida para que puedas ver control o comando tecla más barra invertida para que puedes buscar por ejemplo, cada alquitrán Andi, solo hago clic aquí aire ITAR enchufe y se puede ver aquí tenemos un nombre que es También podemos volver a ir a buscar y también podemos buscar ejemplos como este contenido real o empresa ganada un montón de cosas. Ahí hay autos cortos. Hay enchufes. Todo puede ser buscado por esta barra de búsqueda por aquí, Así que este es un muy común muy fácil de usar Controlador de teclas de acceso directo Command forward slash. Por lo que tienes que recordarlo barra trasera para esconder tu tú yo granjero slash toe tal Ahora, si estás diseñando para sitios Web o APS móviles, podrías tener tu diseño de cuadrículas o columnas por aquí. Si estás familiarizado con bootstrap u otras horas de Gridley. Entonces voy a agregar rápidamente una gran por aquí, Vamos a añadir pactado. Y, por ejemplo, tenemos esta increíble aquí activada. Y si quiero ocultarlo rápidamente, por ejemplo, por ejemplo, estoy diseñando por aquí y no quiero dedo del pie, ya sabes, Molestado por este credo, tengo dedo del pie use mi tecla de acceso directo, que es control turno más cuatro en Windows y Control más G en Mac controlado Shift cuatro en ventanas para que puedas ver en la parte inferior. Dice cuadrícula de diseño oculta. Esto es muy bonito en fig mark que te muestra la retroalimentación, que es realmente, realmente agradable. Característica de cualquier software de diseño. Si eres una experiencia de usuario o estás familiarizado con la experiencia de usuario, sabes que la retroalimentación es muy importante. Por lo que comanda G en un Mac. Si eres usuario de Mac para ocultar este grado de diseño y controlar turno más cuatro, estas tres teclas se van a ocultar. Lee out crea en Windows, por lo que todo se trata de algunos fuera de los atajos que van a ocultar y mostrar cosas diferentes mientras estás diseñando. Pasemos a la siguiente lección donde voy a compartir con ustedes algunas de las teclas más atajadas que tienen que familiarizarse. Entonces pasemos a la siguiente lección. 21. Atajos de teclado comunes parte 2: en este video, vamos a ver algunos de los atajos de teclado más Sigma que se usan comúnmente cuando estás en un marco o en un lienzo. Por lo que siempre que hayas abierto un nuevo archivo, hay muchas cosas que puedes hacer. Por ejemplo, desea alinear estos objetos. Entonces primero, vamos a ver estas teclas de acceso directo de alineación. Por lo que hay que seleccionar dos objetos para alinearlos. Por lo que una vez que tienes una mentira seleccionada para eliminarlos, puedes presionar arte y nosotros para centros verticales. No, voy a presionar todo y nosotros Así que ahora se pueden ver que se han alineado en dirección vertical . Entonces el de abajo waas subiendo y el de izquierda bajaba, creo que yo Volvamos Contralor Kamanzi y Art y V. Se puede ver así de manera similar podemos hacer, uh, con arte y edad para centros horizontales. Por lo que son centros horizontales son que se puede ver por aquí estos son sus centros. Entonces voy a presionar todo más picor dedo alinearlos así, por ejemplo. Tengo esto y esto y quiero alinearlos o suavemente voy a presionar arte y cada uno para que puedas ver así es como alineas diferentes objetos. Y lo más común, utilizamos alineación horizontal y alineación vertical. Ahora vamos a ver algunos fuera de los atajos de las herramientas aquí en la parte superior, que vamos a exceso muchas veces. 1er 1 es una R F para tablero de arte. Puedes dibujar tu marco o arte, pero por aquí, o puedes hacer clic aquí y elegir entre un tamaño predefinido o aquí, por ejemplo. Voy a ir con este androide. No, vamos a acercarme y me voy a prohibir el dedo por aquí, y voy a presionar mi arquía para una maraña o cuatro elipse, y voy a sostener mi dedo del pie clave de turno, tenerlo en proporción como este infierno por línea. Entonces voy a arrastrar mi línea. Estoy sosteniendo turno, por lo que es recto de igual manera para herramienta fiscal. Voy a presionar mi té, y puedo o arrastrar así o puedo simplemente Presti y oops, estoy tengo dedo de la prensa escape y tengo voy a Presti otra vez y presionar por aquí. Hola, Esperanzas Hola, querida. Algo así y voy a presionar escape en un momento así. Entonces, ¿así es como vas a usar estas herramientas por aquí? Si quieres acceder a la herramienta de gasto, puedes presionar ser tecla de acceso directo y hacer algo así, algo así. Y, um, creo que eso está todo fuera de las teclas de acceso directo, creo que cuáles son de uso común. Y estas son las herramientas que vamos a exceso una y otra vez. Ahora vamos a borrar este, y voy a volver. Estamos aquí y vamos a estudiar. Algunos de los atajos más comúnmente iban a usar muchas veces uno de ellos está duplicado, Así que quería elegirla esta capa, y quiero que sea exactamente igual así. Hay muchas maneras en primer lugar puedes usar arte o tecla de opción y presionar, y tendrás un cursor doble como este. Simplemente arrastra este objeto donde quieras colocarlo, y podrás ver que esto es un duplicado. Ahora puedes presionar y mantener presionado comando o control más d tohave. Otro duplicado, será. Repetirá tu paso. El mismo espaciando todo y duplicar el objeto. No, tenemos tres fuera de estos rectángulos. Yo quiero ponerlos a tientas. Voy a seleccionarlos a todos y ahora voy a presionar Comandante Control Grupo G ellos. Se puede ver el ícono por aquí. Este grupo uno ha sido cambiado. Tiene esta respuesta marchante aquí a su alrededor. Entonces es un grupo y todos estos rectángulos están dentro de este grupo? No. Si quieres Owen, agruparlo con la misma tecla de método abreviado. Pero con una adición off turno. Entonces control o comando, más turno más g Así que puedes ver ahora están de vuelta. Estamos fuera de ese grupo. Ese grupo ya no es. O ahí ahora, la izquierda, se puede ver que esta es nuestra pila anterior. Por lo que tenemos imagen en el rectángulo superior este rectángulo azul uno en la parte inferior tres rectángulos negros y texto. No, Si quieres cambiar la posición fuera del apilamiento sin, sabes, usando tu ratón, puedes o bien arrastrarlos así, se los arrastran así. Por ejemplo, tengo por aquí, así que si muevo mi rectángulo en la parte superior, puede ver que el texto está detrás de este Lear así que si lo muevo hacia arriba, ahora está por aquí. Por lo que esto se llama orden de apilamiento. Voy a cambiar los colores de estos rectángulos para que puedas ver fácilmente la diferencia. Y para éste, voy a usar el blanco. Ahora, puedes ver que tengo todos estos rectángulos por aquí, y este es mi rectángulo en la parte inferior. No. Si quiero cambiar el orden de apilamiento, puedo usar la tecla de acceso directo como desplazamiento de control y corchetes. Entonces, no, voy a presionar. He seleccionado esta capa, por ejemplo, esta capa, esta capa, y la voy a desplazar hacia arriba o hacia abajo mediante el uso de cambio de control en soporte para que puedas ver por aquí ya sea puedes usar esto va dedo del pie estar en la parte inferior. Entonces si golpeo para usar control shift y bracket left record, va a bajar la mayor parte, um, um, fuera de todas las capas, apilan pilas. Entonces, igual manera, si presiono el registro correcto o final, se va a subir. Se puede ver u escuchar la tecla de acceso directo para el teclado Mac es art plus command plus bracket. Por lo que es nuestro soporte de comando y para ventanas control shift y bracket soporte izquierdo y derecho . Por lo que también puedes quitar tu turno de la tecla y solo tienes que pulsar y mantener pulsado el control junto con tu soporte y puedes ver que se moverá un paso hacia arriba, un paso hacia abajo, un paso hacia arriba. Entonces voy a dejar turno dentro de esta, uh, uh, tecla de acceso directo. Por lo que mostraré ambos accesos directos en versión de Mac y en versión de Windows para movimiento de una sola capa si no lo hacía la pila y moviéndose hacia arriba y hacia abajo en la parte inferior y en la parte superior de la pila usando sus teclas de acceso directo. Ahora terminemos esta lección mostrándote las teclas de método abreviado del último dedo del pie, que están enmascarando, y este componente para que puedas ver si pasas el cursor por ahí. También te muestra la tecla de acceso directo para Windows. Es control art plus K. Y para Mac, es control todo para plus sort, command R plus key u option plus key. Tan mismo, todo es igual. solo mando es para Mech. Entonces para crear un componente que se va a utilizar una y otra vez. Entonces me voy holgura del dedo del pie. Todos estos tres y me voy de pie o haga clic aquí o puedo pasar control art y key . Y ahora se puede ver que el icono ha sido cambiado. Y ahora es un componente, por lo que se puede ver esta es una tecla de acceso directo muy buena. Lo vamos a usar una y otra vez si quieres. Dedo del pie, retrocede, puntera tus estados mayores y quieres romper este componente. No quieres usarlo con razón. ¿ Podemos tener muchas opciones por aquí? Está bien. Para que puedas ver u oír. Adelante. Traer para atrás. Estos fueron el atajo. Las claves se utilizan selección de grupos o selección de marcos. También puedes enmarcarlas. Aplanar contorno, utilizar como mezquita. Esta es la siguiente tecla de método abreviado. Te voy a decir control off plus m Entonces así es como se crea un componente? No. Si quieres enmascarar algo, por ejemplo, voy a usar una elipse por aquí. Y quiero mezquita, esta zona detrás de mí. Entonces este es un componente en la parte posterior, y esta es la elipse en la parte superior. Entonces lo que voy a hacer es ir de pie. Mueve esto en la parte de atrás. Este está en la parte de atrás. Se puede ver que esta va a ser mi mezquita y la de arriba va a ser lo que en realidad estoy tratando de ocultar. Por lo que estas porciones de izquierda y derecha ahí van a estar escondidas. Entonces voy a seleccionar a ambos de ellos. Se puede ver mi contenedor está en la parte posterior y mi información o lo que quiera mostrar. Mi contenido está en el contenedor frontal en la parte trasera, contenido en el frente. Por lo que vamos a holgar a ambos y vamos a control de senos del dedo del pie o mando control R más M sobre em. Por lo que se puede ver ahora que son must. Entonces esto es Puedes ver este cartel muestra que puedes ver. ¿ Qué? Aquí. Esto es pequeño. Um, se puede ver como la luna. Entonces este es este ícono. Esto demuestra que esto ha sido enmascarado. Entonces esta es en realidad nuestras mezquitas. Para que podamos ver, mostrar y ocultar nuestra mezquita haciendo clic aquí. También podemos bloquear la capa por aquí, y estos son nuestros componentes. Entonces este es el contenido que estamos tratando de mostrar. Entonces, no, tengo un consejo muy pequeño y sencillo para ti. Entonces una vez que estás diseñando y empezaste a diseñar en fig MMA y te has olvidado de cualquier tiburón . Erkki, no busques en Google. Basta con hacer click aquí en esta zona estrecha, este signo de interrogación. Y aquí tenemos atajos de teclado de atajos. Por lo que una vez que seleccionas estos atajos de teclado, ya sea que estés en un Mac o en un PC con Windows, podrás ver fácilmente cualesquiera que sean los diferentes atajos. Zoom, formas fiscales elección causa que transforman, arreglan y componentes. Por lo que esto termina nuestro higo más atajos. Espero que hayas disfrutado y aprendido Señor de las cartas cortas y las vas a usar en tus próximas lecciones. Y en tu lo nuevo puedes ver proyectos de diseño. Entonces si tienes alguna pregunta que hacerme, pasemos a la siguiente lección. 22. Colaboración con diseñadores en Figma: una de las características más cool de Sigma es que puedes colaborar con otros diseñadores, vivir en cualquier diseño. Entonces si estás diseñando, por ejemplo, este archivo puedes ver estás viendo dos cursos por aquí. Uno está por aquí, que es sólo cambiar mostrando el nombre del otro diseñador, que está incluido en mi equipo ahora mismo. Se puede ver aquí dice 40 meses ahora si vuelvo dedo del pie equipo mi equipo, se puede ver este es mi equipo que tú. Emocionante. Y del lado derecho, puedes ver que soy yo. Y este es en realidad mi otro ojo. Mac y yo hemos registrado y usando otra cuenta usando este nombre, así que traté de cambiar en él. Por lo que es más fácil para ti ver que alguien más está tratando de cambiar este diseño. Puedes invitar a miembros haciendo clic en esto en miembros blancos por aquí, Pero tienes que venir a esta pantalla fuera de tu equipo, en realidad, Así que este es mi equipo. Y si volvemos, déjame volver. Y por ejemplo, se puede ver estos son los cambios ings que estoy tratando de hacer. No. Si trato de cambiar algo en mi yo, Mac, o trato de cambiar el movimiento, el cursor se puede ver. Ahora está demostrando que el Fatma o el otro diseñador está tratando de cambiar algo. Entonces si trato de sostener esto y tratar de arrastrarlo por aquí, puede ver que esto está en realidad, uh, pasando en mi otro Mac. Entonces no lo estoy haciendo en mi PC. Entonces si trato de hacer algo como esto Y si trato de cambiar el color, déjame cambiar algunas de las cosas por aquí para que veas que dos diseñadores pueden trabajar simultáneamente en este diseño. Por lo que estoy tratando de moverme, poner a mis clientes y tratando de cambiar, Ya puedes ver. Entonces esta soy yo moviéndome y otra caja se está moviendo por otro diseñador. Entonces así es como en realidad se puede trabajar simultáneamente en un solo diseño y dos o más de dos diseñadores pueden trabajar simultáneamente. Entonces si estás trabajando en equipo, puedes trabajar en un solo diseño, y puedes acelerar tu proyecto teniendo a múltiples diseñadores trabajando en la misma cosa. Entonces si tienes, por ejemplo, guardias de estilo ya creados y tus componentes. Simplemente puedes agregar diseñadores y se van a arrastrar y soltar esos componentes y seguir construyendo proyectos con mucha velocidad. Por lo que esta es una característica muy cool Off Sigma colaboración con sus diseñadores. Se llama colaboración en vivo. Muchas otras herramientas también lo están implementando. Espero que hayan disfrutado de esta lección. Si tienes alguna pregunta o tienes alguna sugerencia, siempre puedes preguntarme, Pasemos a la siguiente lección. 23. Trabajar con bibliotecas de equipo: en este video de, vamos a hablar de una característica muy bonita de los matrimonios de Rick llamada bibliotecas de equipo para que puedas compartir tu puedes ver u escuchar textiles. Color se esfuerza en tus estilos de hecho, junto con tus todos los componentes. Entonces cada vez que diseño, en realidad estoy diseñando. su mayoría diseñé en una página de diseño, así que tengo una página separada para guía de estilo. Entonces en esta página, normalmente tengo todos los componentes, todos los iconos diferentes, que ya son componentes. Por lo que voy a compartir con ustedes cómo toe realmente maneja su biblioteca de equipo y cómo puede actualizarla y cómo se reflejará esta actualización a sus otros miembros del equipo. Entonces es Básicamente es la colaboración tipo off diseñado biblioteca compartir donde puedes compartir toda tu empresa y vender tus estilos que has creado en tu proyecto. Por lo que otros diseñadores pueden recogerlos fácilmente y usarlos en otras pantallas. Entonces lo que tienes que hacer es cualquiera que sean tus principales componentes. Por ejemplo, se puede ver navegación inferior. Esto en realidad es un componente, y es instancia realmente guardo todos mis componentes maestros en esta guía de estilo. Por lo que en la guía de estilo, se puede ver. Contamos con todos los componentes que tenemos logo, logo pequeño, logo grande de lo que tenemos. Diferente significaba este plan de dieta chips, y luego tenemos botones diferentes a los que tenemos. Barra de búsqueda. Estas son las navegaciones. Entonces lo que vamos a hacer es crear diferentes marcos, por ejemplo, o éste. Yo lo voy a llamar Navegación. Entonces ahora lo que voy a hacer es que no necesitamos en este. Entonces éste no está en la navegación. Esto en realidad es navegación. Esto en realidad es una navegación. Y, um, esto no es navegación. Esto está fuera de esto. Esto también está fuera. Entonces los voy a separar en remolque, diferentes categorías. Por lo que en realidad los estoy gestionando en diferentes tableros de arte. O puedes llamarlos marcos. Entonces la navegación va a estar por aquí. Entonces lo que sea que esté en la navegación, se va a quedar por aquí. De igual manera, me voy dedo del pie crear otro marco A o F G. Y aquí tengo voy a llamarlo, um, botones y y controles. Entonces por aquí, voy a arrastrar Mis dos finge mi tal barra porque es un elemento de control. Estos están bien, selecciona, muévalos aquí también. Y aparte de eso, creo que esto va a estar bien. Entonces ahora vamos a crear otro marco. Vamos a llamarlo, um, arrestados sean guardias y artículos. Entonces aquí vamos a utilizar todas estas opciones que van a estar dentro de la receta. Cardos. También va a ser receta. Esto en realidad está relacionado con la búsqueda. Vamos a moverlas. Vamos a moverlas en la sección de cargas por aquí porque estos son alfileres, así que los vamos a usar. Um, vale, así que aquí tenemos una tarjeta, una gran receta por aquí, así que voy a ampliar este tablero de arte a continuación. Muévalos por aquí, Haz de este tablero de arte un gran, más grande como este. Después tenemos esta receta grande, esta pequeña receta, luego tenemos esta tarjeta puesta. Entonces tenemos el paso de la receta de paso preparando una receta. Por lo que tenemos diferentes componentes por aquí. De igual manera otra vez. Si quieres quedarte con tu logo , también voy a llamarlos. Vamos a crear en que estén aburridos o marco. Y voy a llamarlo, um ir, ir e iconos. Entonces voy a agarrar todos mis logotipos e iconos y los arrastraré por aquí así. Estos son pocos iconos. En realidad. Puedes crear un paquete completo de cinco conteos por aquí. Entonces en realidad estoy creando Vamos a hacer de esto un regular aquí. Y ahora voy a volver a dimensionar mis tableros de arte. Nada más. Nada de fantasía. Estos son Mis iconos estaban aquí y mi local y me voy de pie. Guárdalos así. De acuerdo, Así que una vez que he creado en gestionado esta guía de estilo, hay que ir a los activos del dedo y se puede ver por aquí. Estos se llaman, pero y luego tenemos Si, um, um, abrimos estos botones y controles, tenemos diferentes botones y controles. Entonces tenemos logotipos. Creo que éste se adapta mejor a la sección de recetas por aquí. Y una cosa más, si quieres cambiar el color de fondo un poco algo más porque es más fácil ver fondos blancos por aquí. De igual manera, para este, voy a usar aquí un poco de garantía de Gresh rojo. De igual manera, para este, voy a ir con esto. Y también por esta diversión, solo para asegurarnos de que todo sea visible fácilmente, Uh, Hagámoslo más pequeño así. De acuerdo, entonces lo hemos manejado todo. Si vamos del dedo activos, se puede ver que tenemos diferentes categorías. Locales y navegación es más fácil dedo del pie. Los reutilizas. No. Una vez que hayas organizado todos tus estilos, tus componentes tienes que hacer clic en este icono de la biblioteca del equipo en este panel de activos movido a oh, este panel de activos y dar click en este. Ahora ya puedes ver tengo esta fig Mahfoud AB puedes dar click en Publicar y nos vamos de pie. Llámalos. Vamos a llamarlos llenos. Ahora se puede ver que es biblioteca editorial. Me está mostrando que va a publicar esta actualización bibliotecaria publicada con éxito. Ahora, una vez que hayas publicado tu estilo, puedes volver a Sigma. Entonces aquí tenemos este estigma un gas estigma, que es nuestro aprendido, Usted emocionante. Y ahora voy a crear un nuevo archivo por aquí. Entonces vamos a crear un nuevo archivo. Sin título y me voy a abrir de pie este sin título y voy a crear un marco. Y si moví activos, puede ver si tenemos una ficha por aquí para crear un sector de componentes Lear. Entonces para eso vamos a explorar nuestras bibliotecas. Entonces voy a dar clic aquí, y me voy a poner de pie hecho esto para este archivo. Por lo que una vez que he encendido esto, puedes ver que puedo tener acceso a todos los botones. Todo lo que tenemos por aquí. Por ejemplo, este botón siguiente arrastra las cosas chip por aquí en esta barra de este tipo por aquí. Por lo que puedo usar todos estos componentes. De igual manera, si trato de crear, por ejemplo, y enredar por aquí y quiero acceso de dedo, los colores que puedes ver tenemos todos los colores por aquí. Entonces estos son mi estilo, por ejemplo, crema radiante de disco. Para que pueda acceder a todos mis estilos, todos mis botones, todos mis componentes, por ejemplo, Aquí si lo llamamos componentes de tarjeta de receta, se puede ver que tengo todos estos componentes. Por ejemplo, éste. Puedo arrastrarlo hasta aquí y usarlo así. Entonces todos mis otros diseñadores, solo pueden arrastrar y soltar dentro de esto un equipo, por ejemplo, tenemos Volvamos atrás y puedes ver que este es nuestro equipo te aprendió emocionante. Por lo que he creado la guía de estilo Theis en este equipo. Por lo que tengo sólo son operados plan de equipo de educación. Por lo que me dejaron crear este sistema de diseño en este diseño guías de estilo que se pueden compartir con otros miembros del equipo. Por lo que ahora se puede ver este fue mi proyecto. Y si creo algún otro miembro del equipo, por ejemplo, esto mucho más estamos aquí. Si abre un nuevo documento o intenta agregar algo por aquí, puede acceder fácilmente a todo este diseño. Y por ejemplo, piernas. Esto es local. Para que puedas ver también podemos acceder a nuestros textiles. Por ejemplo, Si trato de escribir algo por aquí, vamos. Y ahora puedes ver si voy por aquí. Tengo textiles para comida, fig map para poder cambiar a éste o puedo cambiar a éste. Por ejemplo, éste se puede ver que estamos aquí. También puedo cambiar a cualquier estilo de deck que tengas para que puedas ver por aquí tenemos diferentes textiles para que puedas cambiar de dedo cualquier textil. Y si quieres cambiar, ve a la definición toe a. Consigue esto. Entonces si voy por aquí y si cambio algo en esta guía de estilo por aquí, por ejemplo. Vamos a Jane algo por aquí, por ejemplo, este. Entonces voy a cambiar el derecho de esta para que puedas ver en cuanto cambie algo que diga Publicar cambios de editor a tus bibliotecas de equipo si hago clic en publicar. Um, raro cambiado. Entonces voy a actualizar mi biblioteca de publicación que he cambiado esta cosa. Publicar Por aquí. Y ahora si voy a esto por aquí, ¿de acuerdo? Y trato de usar este por lo que ya estaba operado. Vamos a cambiarlo de nuevo. Por aquí. Vamos a cambiarlo de nuevo. Entonces me voy dedo del pie Solo muévalos dentro en medio así. Yo lo fumé en medio. Entonces vamos a publicar de nuevo los cambios. ¿ De acuerdo? Entonces, no, Si voy por aquí, puedes ver que dice que hay sujetos componentes disponibles, así que si puedo descartarlo o puedo revisar Así que si haces click en revisión, dice que tienes que actualizarlo. Entonces si trato de actualizar, se puede ver que se va a actualizar el alineamiento que se ofrece. Entonces déjame mostrarte una actualización más, para que puedas verlo fácilmente así Cambiemos su color a otra cosa. Usemos esto, uh, uh, este color naranja sólo dedo del pie demostrar que he cambiado a un asesino. ¿ Cómo? En realidad funcionan las bibliotecas de vapor. Entonces aquí estoy, probando el uso del dedo del pie. Esta y nueva es en realidad esta naranja, así que tengo que revisarla. Tengo que actualizarlo y se puede ver que se ha actualizado a este naranja. Entonces así es como realmente compartes bibliotecas con los miembros de tu equipo. Puedes compartir tus componentes. Podrás compartir todo tu estilo, guiar tu estilo, tus botones, tus componentes con los miembros de tu equipo. Y así es como realmente los manejas en diferentes marcos dedo del pie. Nómenlos adecuadamente. Entonces cuando alguien acceda a ellos, se puede ver que estamos aquí. Alguien acceda a ellos. Tienen diferentes categorías, por lo que pueden arrastrarlos fácilmente hacia arriba. Entonces tienes que moverte. Siempre que creas un nuevo archivo, tienes que pasar a activos e intentar usar tratando de encender tercero esta biblioteca. Entonces si encendí este, puedes ver también puedo acceder a la biblioteca de colores personales. Entonces eso se despejó un rectángulo. Y si voy por aquí, puedes ver aquí tenemos la aplicación freak Mahfoud, los nuevos colores emocionantes y colores personales. Por lo que estas son todas diferentes bibliotecas, estas bibliotecas de equipo de director. Puedo acceder en remolque cualquier proyecto. Por lo que espero que hayan disfrutado de esta lección de biblioteca en equipo. Si tienes algún problema o si estás atascado algunos en alguna parte, siempre puedes hacerme una pregunta o empezar a discutir. Pasemos a la siguiente lección. 24. Poca de la comunidad en Figma: nueva característica: hoy vamos a ver una característica muy reciente de sigma ab, que es comunidad. Ahora acaban de lanzar su ficha de comunidad. Se puede ver por aquí a la izquierda, Comunidad en cama beta. Esta es versión beta para comunidad y esta es una gran, realmente gran iniciativa y muy gran característica para este fig mi app. Y realmente lo vas a disfrutar. Entonces si haces click aquí en comunidad, puedes ver este es mi perfil de Fichman. Handel dice Fichman.com, S y N3C y la tasa de activo y DC. Y si no sabes configurar tu perfil público, esta URL, puedes ir a esto aquí, tu nombre. Déjame volver a la configuración. Por lo que hay que ir a la configuración. Y se puede ver en ajustes, este es mi nombre, correo electrónico, contraseña. Y entonces tenemos otra cosa que se llama perfil público. Ahora puedes ver he establecido mi perfil público manejador en S y destinatario. Y si quieres establecer tu perfil público, intenta elegir el nombre que te sea específico o lo usas mucho en diferentes foros. De acuerdo, así que una vez que establezcas tu perfil público, así que configura tu perfil público, puedes ir a la comunidad. Así que tuve que dar click dos veces en comunidad para llegar aquí. Algo se estaba estropeando. En realidad, está en