Adobe XD desde principiantes a expertos: diseño, prototipo y colaboración

1. Introducción a Curso de Adobe XD: bienvenido a mi curso al respecto. Más de 60 y en las escuelas vas a aprender todas las cosas básicas y todas esas cosas ofrecidas más de 60 vamos a diseñar, vamos a crear prototipos, íbamos air de pie, ir de pie, aprenderás todo sobre prototipos de papel y toda la diferentes prototipos interactivos, prototipos en vivo. Y vamos a colaborar con tus desarrolladores. Entonces, lo que significa la colaboración es que vamos de la mano de nuestro diseño a los desarrolladores sobre el uso Zeppelin y Advil cold. Entonces no te preocupes si no sabes de esto esta materia avanzada porque vas a aprender que en este curso voy a cubrir todos los conceptos básicos. Atajos? ¿ Cuáles son las diferentes herramientas que puedes usar para construir tu diseño? Y luego vamos a pasar a la fase de prototipado donde vamos a ir generar la gripe off app y diferentes pieles. Vamos a conectar las diferentes pantallas entre sí. Y luego al final, vamos a usar nuestro diseño para colaborar con otros desarrolladores. Vamos a diseñar, vamos de punta, vamos de punta, darles especificaciones de diseño y diferentes las distancias entre los diferentes elementos y las guías de estilo citadas, que tus desarrolladores pueden usar al instante ahí nos diseño de aplicaciones o Diseño de aplicaciones para iPhone. Ahora vamos a cubrir mucho sobre tipeo fronterizo. Me verás creando diferentes papeles Prototipos iban a cubrir la parte de bocetos o el diseño a nivel de bloque, que es la primera cara de cualquier diseño. lo que este curso es una mezcla de técnicas de experiencia de usuario, pocas fuera de ellas. He discutido en mucho TD como prototipos y también sobre Adobe X T. Cómo puedes usar y crear prototipos instantáneos originar prototipos instantáneos usando Adobe X'd . Ahora mucho fuera de los diseñadores, he visto que nunca hablan de directrices de diseño, yo las directrices de diseño de Estados Unidos o las directrices. Todo diseñador y desarrollador debe saber que la barra de navegación o que están pero fuera la aplicación U. S. S.debe ser de 49 puntos o la carga debe ser de 44 puntos. Todas estas especificaciones voy a cubrir en este curso. Y, uh, si tienes algún problema o te enfrentas a algún problema, puedes contactarme fácilmente. ¿ Por qué son respuestas de preguntas y también me pueden preguntar directamente por mensajes. Haremos muchas cosas fuera juntos, así que nos vemos pronto en ese curso, y seré tu instructor 2. ¿Qué es Adobe Xd?: Hola a todos. hoy nos vamos a conocer la nueva herramienta fuera de Adobe, que es un trabajo x d y estuve leyendo durante mucho tiempo por pocas características la introducida justo ahora en X t. Y ahora te voy a mostrar algunas de las grandes características de él. Y son ah, equipo Robur. Están trabajando un mes en estos y lanzando cada función mensualmente sobre la base de premiar de diferentes tú A diseñadores y diseñadores de experiencia de usuario de todo el mundo. De acuerdo, así que esto es a más de 60. Ahora mismo estoy en Windows. Solo hay pocas diferencias menores dentro de la versión macro y la versión de Windows, pero son casi similares. OK, ahora te voy a mostrar algunas off las grandes y cool características off X'd y por qué deberías usarlo como, ah diseño vía frame y prototype tool en tu experiencia de usuario, diseño, diseño, flujo de trabajo o tu te un trabajo de diseño. De acuerdo, ahora por qué estas tres herramientas para boceto de tienda y hace respaldos D Son geniales para tu diseño o diseño de experiencia de usuario porque apple son versión lideres U S, están produciendo sus gráficos en estos tres para Max Ok, por lo que en este momento están deportivos para el sketch de la tienda y aeróbicos T. Y si miras los tamaños de archivo el archivo adobe X t tamiza el más pequeño de los ochenta, 18.9 MB para que puedas ver está muy cerca del tamaño del archivo de boceto, por lo que es de cinco tamaño es muy pequeño. De acuerdo, entonces este es un punto plus muy grande porque puedes crear, como, como, cientos de diferentes tableros de arte en él. De acuerdo, Así que diferentes pantallas, tal vez cientos sean 20 o 30 pantallas diferentes, y el tamaño de tu archivo seguirá siendo pequeño. De acuerdo, así que es más fácil compartir una de las características fuera de la grilla fuera de un trabajo X t es. Se repite. Bien. ¿ Saber qué? Repetir avaricia es que creas tu elemento de diseño una vez, y lo vas a repetir haciendo un gran Reino Unido Puedes ver en este ejemplo de diseño que vamos a crear un final de las partituras. Se puede ver que esta es nuestra repetición crea. Entonces si intento dedos cortos cortos en él, se puede ver que está quitando todas las demás, uh, estas, um, um, plantillas de contenido por aquí. De acuerdo, entonces se está moviendo estos. De acuerdo, Así que puedes extender tu cuadrícula en destrucción y en dirección vertical, tanto fuera de estas direcciones como se va a multiplicar tu contenido único y puedes cambiarlo. Se puede. Yo lo hice. Y puedes hacer lo que quieras para hacerlo. Y ah, significará un grupo. De acuerdo, entonces esta es muy buena característica para crear origen. Leer contenido al instante. Está bien. Por lo que no necesitas generar todo una y otra vez. Se puede ver por aquí. Estos son duplicados. Está bien. Mi protección infantil. Producción infantil, capacitación en protección infantil. Entonces tenemos otra característica que se llama prototipado. Puedes enlazar toda la pantalla que puedas ver o escuchar. Aquí tienes un prototipo de sección, y puedes ver el prototipo en tu escritorio. Puedes ver tu cabello. Aquí hay un prototipo. Esta es una gran característica porque en el diseño de la experiencia del usuario, necesitas probar tus prototipos con tus usuarios. Necesitas ver cómo los usuarios van a usar realmente esto. Si este botón es suficiente para su Tom o si falta ahí, Tom. OK, entonces todo tipo de estas cosas, si el espaciado entre estos dos elementos es lo suficientemente bueno como para que el usuario no esté tocando este y abriendo éste. De acuerdo, así que estas son algunas características geniales de Adobe X'd, y ah, vamos a cubrir un montón de cosas en él. ¿ De acuerdo? Además, puedes moverte. Voy a previsualizar tus, uh, estos prototipos. Podrás verlas directamente en tu móvil. móvil de tu usuario. Además, puedes compartir las especificaciones de diseño. De acuerdo, déjame mostrarte las especificaciones de diseño. Aquí tenemos las especificaciones de diseño fuera del mismo proyecto, y se puede ver si voy a alguno de estos. Me está mostrando que este verde está ligado a éste. Entonces si voy a este, Ok, Ok, entonces está mostrando todos los colores utilizados en este tablero de arte junto con todos los estilos er correctos . Entonces si hago clic en algún off thes item, se va a mostrar los detalles fuera de eso ¿Cuál es el pueblo en altura fuera de este artículo? ¿ Cuál es la distancia entre estos dos ítems de eso? 16 puntos. Entonces todas estas cosas colores, redondez. Esta es la redondez de este botón. De acuerdo, Esquinas redondeadas. Y está mostrando también otros hechos, como la sombra y este material. De acuerdo, así que esto es muy útil. Es en este momento en amargas especificaciones de diseño, Peter. Están tratando de mejorarlo para el y espero que vaya a ser una gran característica en futuro próximo. Está bien. Está bien. Ahora el dedo del pie atrás, Adobe X'd algunas características más, que realmente me encanta es esta biblioteca de símbolos. Se pueden ver activos. Puedo agregar todos los colores que he usado todos los diferentes textiles, y, uh, uh, estilos que he usado en los símbolos es en realidad el elemento reutilizable. Puedes crear un símbolo y puedes multiplicarlo o usarlo en cualquier pantalla. Y si hice algo fuera de los símbolos, se puede ver la sobrecarga. Sé que estamos en prototipo más. Entonces aquí tenemos un símbolo. De acuerdo, entonces esto es un símbolo. Y si trato de cambiar el color del símbolo se puede ver que ha cambiado por todas partes. Diferentes aburrimientos de arte en todo el diseño. Dondequiera que haya usado este símbolo, se va a cambiar. Por lo que esta es una gran característica. Puedes cambiar instantáneamente cualquier cosa en tu tablero de arte. Si es un símbolo, se va a actualizar en todos los tableros de arte. Por lo que este lado está básicamente en las guías de estilo que solíamos crear normalmente en otro Softwares o cualquier cosa en Zeppelin. O si has lavado mis otros cursos, ¿ sabes qué son las guías de estilo? Básicamente son las guías de estilo, coloración y tipografía para usar diferentes cuatro tamaños, diferentes colores y cómo se van a utilizar en nuestro diseño. De acuerdo, así que estas son todas las grandes características off X t, y te voy a mostrar mucho de acuerdo y cómo podemos generar rápidamente estos diseños en X T. en el mundo real, situaciones creando diseños con mucha velocidad es realmente necesario. Quieres mostrar tu prototipo o estás trabajando ab demo. Haz tu cliente o tu usuario y querías hacerlo instantáneamente dentro de dos horas o dos yardas o tal vez cuatro horas. Creo que este tipo de diseños con estas muchas pantallas, como una puerta nueve pantallas. Creo que se puede hacer en sólo a la nuestra. Y también puedes compartir tus prototipos. Se puede ver su cabello publicar prototipo. De acuerdo, puedes compartir tu prototipo link toe cualquiera fuera de tu cliente o cliente en el instante, y ellos pueden hacerlo en sus dispositivos. De acuerdo, Ahora, en la siguiente lección, te voy a mostrar cómo descargarlo y cómo comprar este software si realmente quieres comprarlo. Pero ahora mismo, si estás aprendiendo, solo necesitas descargar la versión de prueba. De acuerdo, entonces pasemos a la siguiente lección. 3. Descarga e instalación de Adobe Xd: Está bien, ahora adelante. Vamos a descargar en Obey X'd versión de prueba. Entonces vas a ir a esta joya adobe dot com productos slash x escritura artista TML o voy a compartir este mundo contigo. De acuerdo, entonces esta es la prueba gratuita. Puedes descargar el trial por un mes, y también puedes comprarlo. Entonces si haces clic en esto por ahora, es muy barato en este momento, y está disponible por departamento de $10. De acuerdo, así que esto es apenas recientemente, creo que hay otros APS ahí por $20 al mes, pero en realidad está disponible por departamento de $10. De acuerdo, si de verdad quieres comprarlo. Está bien. Ahora llegando a los requisitos del sistema. Está bien. Por lo que antes de instalarlo en tu PC son Mac, esto es muy genial cosa genial de esta app que está disponible para ambos sistemas operativos . De acuerdo, Entonces si tu usuario o tu cliente están trabajando en un PC o un Mac, pueden ver su diseño, y pueden jugar con él. De acuerdo, entonces aquí tenemos los requisitos del sistema para Mac OS, que es Mac os 10.11 y posteriores. De acuerdo, estos son los recuerdos para G B, 1.4 gigahercios conocidos. ¿ Listo? No mostrar. Retina recomendada. Está bien. Y luego tenemos Windows 10. ¿ Alguien? Tres actualización. OK, así que si tienes ventanas simples, entonces y norte y la misericordia actualización o nada por debajo de esta versión 16 07 se va dedo del pie. Te da problema. No se puede instalar mucho fuera de los estudiantes. Me preguntaron eso cómo instalarlo en Windows 10. Asegúrate de tener alguna actualización de misericordia o la última versión fuera de Windows 10. Está bien. Y estos son los requisitos CPU, memoria de dos gigahercios para G B A, G B, fuera del espacio de instalación y pantalla. Y desciende ahí. Está bien. De verdad prefiero que tengas una buena tarjeta gráfica en Leeds. Al menos tener Koji bi o un GB off ram en tu tarjeta gráfica. ¿ De acuerdo? Porque es necesario que la mayoría de ellos diseñen aplicaciones intensivas. De acuerdo, ahora, estos son los requisitos, así que asegúrate de seguir adelante. Si aún no has instalado en absoluto Baxter. Intenta instalar la versión de prueba gratuita y descárgala e instálala, y te veo en la siguiente lección. 4. Por qué Adobe Xd es tan impresionante: tres y te voy a presentar. Wired se extinguirá es tan popular entre los diseñadores de interfaz de usuario. Eres diseñadores y diseñadores de experiencia de usuario. Hay varias cosas o se puede decir, características que deben estar presentes en cualquier tipo off herramienta de diseño para que sea perfecta para la experiencia del usuario . Los diseñadores disfrutan de los diseñadores. Ahora. El primer rasgo es que debe generar prototipo ¿Eres tú? Diseño o pantalla fuera de cualquier aplicación rápidamente para que podamos construir rápidamente en ella. Podemos diseñar. Ciertamente. No debe tomar como todo el día para crear cinco o seis cosas, a menudo app. De acuerdo, así que esto es una cosa. En segundo lugar, es que podemos compartirlo fácilmente y podemos es un fantástico con los usuarios, es decir también puedes construir un prototipo rápido dammit, Prototype off your product X Pruébalo con tus usuarios rápidamente. Entonces si estás probando con el usuario y mostrándole o corazón tu primera idea fuera de tu app y hey no le gusta algo o él dice que esto es no es lo que quiero. Puedes cambiarlo instantáneamente en adobe X T y generar otro prototipo paseo lejos y demostró que realmente quieres este. De acuerdo, entonces esta es otra característica. Tercera características, que realmente introdujeron en este momento, es para desarrolladores. Lo que necesitan los desarrolladores es que realmente necesitan especificaciones, colores los cordones fuera de los colores en valores accesibles o valores RGB o a veces algún otro valor rgl para el valor. De acuerdo, entonces están más interesados en las especificaciones que qué colores necesitamos usar en nuestro este equipo fuera de esta app o sitio web. ¿ Y con qué son las diferentes especificaciones que se alargaron? De acuerdo, así que estos se introdujeron recientemente en Adobe, En realidad, que es que puedes extraer tus generar tus elementos, tus especificaciones de diseño, que este elemento está tan lejos de este botón. De acuerdo, se puede generar en ella dentro elemento inspect, que es, creo que son característica de Adobe en la división B en este momento. Además, recientemente han introducido que puedes exportar tus diseños extra de adobe en Tow Zeppelin , que es otra herramienta para crear en especificaciones de diseño y grabar cualquier mención tu diseño. Y luego también han introducido que puedes exportar tus capas a siempre cool. Está bien. Y también hay uno más. Creo que proto por crear cualquier misión fuera de tu prototipo. Más detalle y emisiones son micro animaciones. De acuerdo, entonces todo esto se trata de esta lección. Espero que hayan disfrutado de mi presente operativo de introducción txt y qué se puede hacer con él y por qué se está volviendo popular entre otras herramientas. Porque hay una razón más por la que su tamaño de archivo es realmente pequeño. Creo que es aún más pequeño que el boceto. Si conoces un mapa de boceto, es más pequeño que bosquejo. Por lo que se está desarrollando a un ritmo rápido y de paz y se agregan muchas características cada mes en él. Así que realmente aconsejo que si te gusta el diseñador están en alguna sensación de diseño UX realmente debes aprender a, ya sabes, mezclarte con esta mano de distancia exceso de oferta. Está bien. Es realmente genial. Ligero, y espero que te guste. De acuerdo, nos vemos pronto. En otro menor 5. Actualiza la pantalla de bienvenida: Espero que hasta ahora, ya hayas instalado Adobe XD en tu máquina. Ahora vamos a ver lo que esta pantalla de bienvenida aquí. Entonces cada vez que ejecutes Adobe X D, esta es la primera pantalla que vas a ver. Por lo que por aquí en la parte inferior puedes ver estos son mis archivos recientes. Por lo que estos son mis proyectos o archivos recientes que he abierto. Puedo reabrirlos haciendo click en cualquiera de estos. A la izquierda, tenemos diferentes áreas como home learn. Aprende es si quieres ver algunos de los videos de la empresa de Adobe sobre cómo usar este Adobe XD. Después tenemos documentos en la nube. Adobe XD ha sido desplazado recientemente a la nube. Por lo que siempre que abras o guardas cualquier archivo, también se guarda en la nube. Por lo que te trae los cambios y el historial modificado de tu documento. Entonces lo que sea que diseñes, por ejemplo, como una hora para ir a nuestra hace, si lo has guardado, reflejará todos los cambios que hiciste con el tiempo. Por lo que se va a auto actualizarlo en la nube. Por lo que estos son documentos en la nube. Si hago click aquí puedes ver estos son todos los documentos que he subido a mi nube. Se puede ver por aquí, estos son pocos documentos. Si quieres eliminarlos, puedes dar click aquí. Puedes eliminarlos así. Además, puedes ordenarlos. Estas son opciones diferentes. Y entonces tenemos dab compartido con ustedes. Entonces estos son los archivos si alguien más ha compartido sus proyectos conmigo y estoy trabajando con ellos en los documentos de la nube. Esto va a ser por aquí. Estos son todos los archivos borrados. Por lo que hace poco lo borra, levanté este expediente. Entonces todo esto está aquí. Ahora, si haces click en Administrar enlaces, se va a ir a tu nube por aquí puedes ver este Macleod y una vez que hagas clic en la gerencia, pero entonces estos son los prototipos o especificaciones de diseño o proyectos todos publicados I han compartido con esos. Por lo que puedes ver si miras de cerca aquí en la parte inferior dice prototipo, prototipo, especificaciones de diseño prototipo, especificaciones de diseño prototipo. Por lo que estos son diferentes archivos que he compartido con otros. Se puede ver por aquí, esto es enlaces publicados, así que estos son todos los que he compartido con los demás. Puedes manejarlos por aquí. Puedes hacer click aquí, puedes copiar ese enlace y compartirlo con otros. Puedes eliminar permanentemente estos enlaces compartidos o publicados. Ahora, volvamos a nuestra pantalla de Adobe XD y puedes ver si volvemos a casa, eso es todo lo que tenemos estamos aquí, nuestros documentos en la nube compartidos conmigo, archivos borrados, LINCS gestionados, enlaces gestionados para los archivos que he compartido con otros. Entonces todo eso se trata de esta pantalla de bienvenida. Espero que hayan disfrutado de esta lección. Vamos más allá y discutamos la interfaz en la siguiente lección. 6. Introducción a la interfaz de adobe XD NEW 2020: Ahora vamos a abrir un nuevo expediente para eso. Tenemos diferentes plantillas por aquí. Aquí tenemos iPhone, diferentes pocos quieren diseñar una aplicación para iPhone o Google App o Android, te vas a ir y aquí, si quieres ir por diseño web, estarás usando algunas de las plantillas por aquí. Si quieres diseñar algo para redes sociales, publicaciones de Instagram, publicaciones de Twitter, encabezado de Twitter se desvanecen, publicaciones de Facebook, dispara tu video. Te vas a ir por aquí. Ahora mismo. Voy a seleccionar algo de aquí. Al igual, vamos a seleccionar este Google Pixel para, para Excel. Ahora, este es nuestro tablero de arte por aquí. Entonces, maximicemos este. Y se puede ver en la parte superior dice sin título y aquí está un pequeño login en la nube y me está mostrando el tiempo por aquí. Así que pinchemos por aquí y cambiemos el nombre a nuestro, digamos primera visita a XD guardar. Entonces ahora puedes ver ya tengo algunos plug-ins y star, así que me está mostrando que un plug-in necesita actualización que tenemos momento voy a cerrar este. Y esta es nuestra sencilla interfaz o Adobe X a la derecha puedes ver que tenemos pocas opciones por aquí como este es el nivel de zoom. Podemos acercar al 100%. Este es un 100% de este diseño. Esta es nuestra vista previa de escritorio para el prototipo. Esta es nuestra Vista previa móvil. Si tenemos instalada la app móvil y queremos ver esta pantalla en nuestro móvil. Esto va a ser o aquí. Si quiero invitar a alguien más, alguien más, a algún otro diseñador, puedo hacer click aquí. Esto sigue en la beta, por lo que puedo habilitar la edición. Para que otro diseñador pueda editar mi diseño dos. la izquierda aquí, tenemos tres pestañas, diseño, prototipo y cizallamiento. El diseño es donde estaremos diseñando presume de nuestras pantallas, estaremos poniendo diferentes. Pero como vamos a estar haciendo cosas diferentes por aquí. Por ejemplo, este botón por aquí. Y en la sección de prototipos, estaremos vinculando dos o tres pantallas. Por ejemplo, si tengo otra pantalla donde aprendemos cada atajo y todo, solo estoy tratando de explicar. Por lo que ahora puedes ver tenemos dos pantallas. Uno es este 11 es este segundo. Yo los puedo vincular así. Y esto va a ser en nuestro prototipo. Por lo que nuestros prototipos interactivos serán generales. Nuestros archivos de diseños serán de sobrecarga. Compartir será cuando queramos compartir nuestros diseños con alguien. Para que puedas ver tenemos diferentes opciones donde revisión de diseño para obtener retroalimentación sobre tu diseño o prototipo. Entonces tenemos desarrollo donde estaremos compartiendo nuestro documento con los desarrolladores para mostrarles el código que tenemos para todos esos elementos por aquí. Entonces para presentación, tal vez queremos mostrárselo a nuestros clientes. Y luego para las pruebas de usuario y luego para la configuración personalizada personalizada. Por lo que estos son diferentes ajustes para compartir tu documento. No, voy a volver a casa. Y si hago clic en Inicio, se puede ver que podemos volver a esta pantalla de inicio donde podemos abrir cualquier otro documento reciente. Nuevamente, tenemos algo de menú por aquí, se puede ver a la izquierda en Adobe XD es versión para Mac, tenemos el mismo menú en la parte superior de MAC por aquí. Por lo que puedo dar click aquí, puedes ver tenemos nuevo documento abierto. Entonces tenemos diferentes puertas de UI. Entonces tenemos documento reciente, renombrar este documento, guardar como guardar como documento local. Por lo que también puedes guardar este como tu documento local. Ahora el problema será que si intentas guardarlo como tu documento local, tus cambios son historial no se guardará por aquí. Por lo que pueden ver estos son los dos cambios que he realizado a las 302 PM y a las 03:04 PM. Tres nuestras 3pm y cuarto minuto, en realidad agregué esta segunda pantalla. Por lo que en realidad está guardando todos mis cambios en la nube. Entonces, siempre que quiera acceder a ella, puedo volver, por ejemplo, a ésta. Puedo revertir. Se puede ver abierto en una nueva ventana. Entonces si trato de abrir esto en una nueva ventana, se puede ver que tendrá sólo una pantalla. Para que veas que tenemos este prestatario tiempo aquí. Y es la primera pantalla con la que creo que empecé. Esta es la diversión. Empezamos con pantalla vacía. Por lo que va a salvar toda la historia de todos los cambios que vas a hacer o tal vez ahorrar después de cuatro o cinco minutos. No estoy seguro de todos modos. Entonces a la izquierda tenemos todas las herramientas. Estas son las herramientas que vamos a utilizar en las próximas lecciones. Voy a explicar cada uno de ellos. Entonces en la parte inferior por aquí tenemos activos, tenemos panel Capas, tenemos nuestros plug-ins por aquí. Entonces, sean cuales sean los plugins que vas a instalar, estos son plugins gratuitos. A algunos de ellos se les paga. Puedes instalarlos por aquí y puedes usarlos así. Por lo que si haces click aquí, puedes ver que dice un error. Escala de colores demasiado amplia. Vamos a crear, puedes ver esto es una escala de colores por aquí. Por lo que estos son los plug-ins que van a automatizar y mejorar tus capacidades de Adobe XD. Entonces estas son las herramientas. Estos son los tres que mayormente veremos este tablero de arte por aquí a bordo de Arbor, Pelham. Estos son tableros de arte, en realidad, estos se llaman tableros de arte. Y eso se trata de la interfaz de Adobe XD. Tenemos tres pestañas principales por aquí, diseño, prototipo, y compartir. Y este es el nivel de zoom. Lo estaremos usando mucho. Este es el botón de reproducción para previsualizar nuestro tiempo perfecto lejos. Se puede ver en esta ventana, esto también se va a utilizar mucho. Entonces esa es toda la introducción sobre la interfaz. Cavaremos más en los mensajes de texto de Adobe en la siguiente lección. Saltemos a la siguiente S Y ahora. 7. Interface de Adoe Xd: Entonces si vuelvo a ir a este diseño, se puede ver aquí tenemos otro panel, que es nuestro panel de propiedades. De acuerdo, entonces si hago clic en esta pizarra de arte Así que esta pizarra de arte está seleccionada de selección, y esta línea azul muestra que esta pizarra de arte está activa, voy a mostrar un ver todas las opciones alegadas. Hacer esta tabla de arte, como con en la posición de esta tabla de arte altura fuera de estribor. Cuál es será la altura del tablero de desplazamiento y vista. Cuánta altura es visible, entonces tenemos apariencia, el color de relleno. También puedo cambiar el color si quiero. Ah, y quiero decir, tengo que hacer clic en esto. De acuerdo, así que también puedo crear rejillas y Leo está en ello. Nos vamos a hablar de los diseños de Gretchen más adelante. Solo te estoy mostrando que este es el panel de propiedades. De acuerdo, Entonces si hago click en este rectángulo redondeado, vale, entonces si hago click en este ángulo de rechazo redondo, puedes ver todas las opciones más adelante a esto, como alineación. Un grado de repetición. Este ajuste y estos enojadores relacionan Todo Vale, Así que todo esto está aquí. Está bien. En la barra superior estarán alineaciones. de lo que tenemos. El repetido creó nuestra unión. ¿ Son estas opciones? No quiero explicarme ahora mismo. Simplemente necesitas saber que esta área es para controlar tus objetos de diseño. De acuerdo, entonces si tienes un tablero de arte, puedes controlar su altura y otras características. Si tienes ah, rectángulos, puedes crear diferentes efectos y diferentes tamaños y diferente redondez y diferente capacidad como usar los paneles de propiedades del mismo. De acuerdo, entonces todo, la mayoría de las cosas sobre cualquier objeto estarán de este lado. Se puede ver qué aquí. Ahora, he seleccionado este texto y el texto. Um, las opciones están por aquí. Se puede ver. Y si seleccionas el arte abordado, las propiedades relacionadas con el tablero de arte estarán por aquí. Entonces así es como usamos un trabajo. A x t. OK, Ahora, hay dos iconos más a la izquierda. En la parte inferior, se pueden ver u escuchar capas y activos. De acuerdo, Ahora, estos activos están ahí van a haber todos los colores. Los estilos de carácter son símbolos que voy a utilizar a lo largo de mi diseño o todos los tableros de arte. De acuerdo, Entonces si trato de agregar esto como el estilo de la tía Corrector, se puede ver, se ha agregado un estilo R tractor en este área de activos. OK, así que no confundas este diseño y prototipo con estos dos. ¿ De acuerdo? Estas te van a mostrar todas las capas y esto te va a mostrar todos los activos que has utilizado en tu diseño. De acuerdo, entonces esta es la introducción a la interfaz fuera de Adobe X'd. Espero que hayan disfrutado de esta lección. Pasemos al siguiente ejercicio. 8. Adobe Xd Mac y en las diferencias de ganar: De acuerdo, ahora en esta escucha, vamos a ver cuáles son las diferencias entre la versión Max off. No, B, x d y versión de B. C apagado, así que sé extra. De acuerdo, Entonces lo primero que vas a notar es esta barra de stop, que es barra de acceso directo por aquí, que no está presente en ventanas. Y aunque los atajos son muy fáciles de recordar, pero aún así va a ayudar mucho. De acuerdo, Entonces puedes ver que sabes lo que puedes hacer con estos objetos. Puedes agregarlas. Se puede. Hay opciones de texto de lo que tenemos un rango y todo lo demás capa on. Entonces tenemos esto una fecha y archivo. De acuerdo, entonces esta es la primera diferencia importante. Entonces tenemos algunas diferencias más. Al igual que puedes ver el reciente adobe X t. Tienen al menos algunos, um, enchufes que son compatibles, o las herramientas de terceros que son compatibles con Adobe X'd on. Y si voy a esta exportación, se puede ver por aquí está Zeppelin. Ahora, Zeppelin es una herramienta, y alguna vez se llama otra herramienta y dos, o ver estos tipos de herramientas fuera que se utilizan para generar cable y generar especificaciones y especificaciones de documentos. Si no sabes de Zeppelin, debes quitarme mi flujo de trabajo más que representar curso donde generamos todas las guías de estilo , colores, equipos, todo dentro de Zeppelins usando para la tienda. Está bien. No, estamos todos arreglados. Tengo uno creado, un párrafo uno encabezado en un botón, y lo vamos a exportar. Dedo del pie Zeppelin. Veamos qué va a pasar por aquí. De acuerdo, entonces vamos a seleccionar este tablero de arte, y vamos a exportarlo a Siplin. De acuerdo, entonces eso es importante. Entonces lo creé en una X. Así que lo voy a importar a una siguiente, y está subiendo el diseño en este momento. De acuerdo, entonces todo está hecho. Veamos esto. De acuerdo, así que eso es muy guay. De verdad me gusta. De acuerdo, Entonces este es nuestro rumbo, y este es todos los tamaños son que puedes ver en los puntos que son para el desarrollo móvil. Se puede ver por aquí. Entonces tenemos esto también, el color también viene en RGB. Creo que es para nosotros. Entonces puedes ver por aquí cómo podemos exportarlo a ah Zeppelin. De acuerdo, entonces veremos esto más adelante. Nos vamos del dedo del pie. Vea esto en detalle más adelante. En las últimas lecciones en este momento, solo quería mostrarles que se pueden hacer muchas cosas con Adobe XY. Entonces, lo que hace Adobe Extra es que normalmente lanzan sus nuevas funciones primero para mi pregunta, y después de uno o dos meses, se va a incluir en remolque. El cuestionamiento de las ventanas. OK, así que no te preocupes si tienes ventanas que te faltan atrás. De acuerdo, entonces esa no es una diferencia muy grande. De acuerdo, entonces hay una diferencia más que olvidé decirte si creas un prototipo por aquí, Así que voy a duplicar esto reprimiendo mi tecla de opción de arte. Y me voy de pie. Simplemente crea un prototipo sencillo. Vincularía estas dos pantallas, aparecería tan disuelta, y solo cambiaría el color de este botón. Entonces sabemos que estamos dentro. Otro fue por aquí. De acuerdo, así que todo hecho. Ahora vamos a jugar esto y se puede ver por aquí. Uh, entonces lo que se puede ver por aquí es un pequeño botón, que es registro. Está bien. Para que pueda presionar esto y puedo grabar un video fuera de mi vista previa. ¿ De acuerdo? Y entonces puedo exportarlo así. Va a ser un video. Se va a guardar una renovación de video, tipo brutal. Y puedes compartir este video con cualquiera. De acuerdo, En este momento, este funcionario no está disponible en Windows. Espero que venga pronto en ellos. Las próximas actualizaciones, tal vez el próximo mes o tal vez de marzo o Apple. No lo sé. Esta es también una característica ordenada que sólo está presente en la versión de Adobe X'd Mex. Y espero que hayan disfrutado de esta lección para los usuarios de Mac. Creo que esto es un creador, Will y tú puedes hacer muchas cosas con él. Espero que hayan disfrutado de esta lección. Si tienes alguna pregunta que hacerme a menos que pases a la siguiente lección. 9. Actuaciones y funciones Xd: una de las mejores cosas de los aeróbicos T es que se actualiza regularmente. Por lo que adobe una empresa y están trabajando en ella un día a día y noche por noche y el casi te dan una actualización cada mes. De acuerdo, para que puedas ver la última actualización. WAAS 11 de diciembre de 2017 y la última es generalmente el 22 de 2018. OK, así que tienen mejor rendimiento de zona. Vista previa de Dropbox para cambiar de archivo extra entre color morse tres morse de colores diferentes que están ofreciendo en este momento y nuevos INT codiciosos. Realmente Ingredientes mejoran las especificaciones de diseño mental pantalla están bordeadas 100% y nueva característica, que se llama exportación por lotes. También, están iniciando trabajos de terceros a través de integraciones como Zeppelin. Nunca canjear. Simplemente ponga un pastel y una guía compuesta. De acuerdo, entonces ah, puedes ver aquí han demostrado que disponible para Mac en Lee. Por lo que son pocas las características que les voy a mostrar en la siguiente lección. A algunas de las diferencias que van a ver en mi pregunta. La versión para Mac es como, uh, 10%. O tal vez pueda decir 5% cabeza fuera visión de ventanas. De acuerdo, entonces tienen más características en Mac. Primero los lanzaron en Mac primero, y luego se lanzan en windows. De acuerdo, entonces esto se trata de las actualizaciones. Déjame mostrarte una cosa más que están trabajando en muchas solicitudes de funciones. De acuerdo, así que este es adobe Formulario de solicitud de característica extra, y puedes ver aquí la gente está votando por diferentes características nuevas, como texto para apareamiento. Y entonces tenemos el objeto fijo estático entre tradiciones. Entonces puedes ver esta es la revisión a partir de un debate? Están diciendo característica en revisión. De acuerdo, entonces están revisando esta característica de la que tienen característica necesita más información de la que han destacado en el atraso. De acuerdo, entonces son pocas las características que ya tienen funcionando, iniciaron, comenzaron a trabajar, como se puede ver u escuchar sobre refugiados características deportivas iniciadas, así que ojalá lo van a perder en al mes siguiente, O tal vez dos meses después de esto. Empieza a trabajar en ello. Por lo que se puede decir que esto es muy cool Característica. Podrás estar actualizado con lo que viene a continuación en una puerta. X'd. De acuerdo, pasemos a la siguiente lección donde vamos a ver cómo empezar a usar X d. Ok, entonces en realidad vamos a empezar a usarlo 10. Ejercicio de primer proyecto: No. Vamos a conseguir algunas cosas prácticas con Adobe Extra. De acuerdo, Ya hemos hablado mucho al respecto, y ahora te voy a mostrar cómo puedes crear algunas cosas sencillas en ella. OK, entonces vamos a hacer esta primera asignación. Esta va a ser tu tarea. Voy a crear una pantalla sencilla. Déjame mostrarte. Por lo que he abierto este tablero de arte, que es el iPhone 678 y voy dedo del pie presionando control cero comando cero, zoom. O también puedes ir por aquí y acercar 200%. Está bien. Ahora, lo que quiero que hagas es solo dar click en este taburete de elipse y sólo tienes que arrastrar y mantener presionada tu tecla de turno para que puedas hacer una circular proporcional. Estamos aquí, y ahora nos vamos de dedo presionando esto, seleccionamos y vamos a hacerlo en el medio. De acuerdo, así que una vez que está en el medio, se puede ver que hay ah, línea rosa o guía inteligente, que nos está mostrando que está en el medio. Entonces vamos a ir por aquí en esta zona y este es nuestro tamaño de frontera. Podemos aumentar el tamaño de la frontera a cuatro así. Y voy a agarrar mi imagen Jewel por delante, y voy a arrastrarla y dejarla caer dentro de este círculo así. De acuerdo, así que quiero que hagas algo como esto. Puedes usar tu propia imagen. También puedes cambiar el color del borde. Haga clic aquí y puedo cambiar el dedo del pie del asesino fronterizo a 7 a 7. Algo así. Y luego quiero que escribas algo de texto por aquí. Por ejemplo, este es mi título. Um, como Mohammed s y CES. Algo así. Y quiero que escribas tu ah cancha favorita por aquí. Vale, entonces tal vez Ok, así que si tu texto es un poco más largo así que me voy de dedo este es tamaño de ataque por aquí. No te preocupes por que soy esto. Voy a ir con mucho detalle en la siguiente sección, así que no muy en este momento. Apenas viendo el tamaño del texto a algo así como 16, puedes ver No, cuando trato de moverme, me está mostrando las distancias entre diferentes elementos. Además, puedo seleccionar este y puedo ir de aquí dedo del pie algo tablero, ¿de acuerdo? Y también puedo alinearlos en el medio así. Esto ya está en medio. ¿ De acuerdo? Y luego te quiero dedo del pie. Ten ah botón por aquí. Entonces vamos a crear un botón con herramienta de ángulo distrital. Haga clic en el ángulo de secta. Este es un ejercicio muy sencillo. No te preocupes que eres No. Te vas a meter en el problema. Quitar la frontera y para el campo. Yo quiero el color. Y voy a usar mi herramienta fiscal para crear algo sobre ella. Al igual que contratarme. De acuerdo, entonces tengo escape de senos o V dos seleccionados. Y luego voy a seleccionar en otro lugar. Sí. Muévete en el medio así. Y voy a cambiar su sentir. El color está por ahí a la derecha. Voy a dejarlo vacío. ¿ De acuerdo? También puedes seleccionar a ambos como esta holgura de dragón, y puedes alinearlos en el medio así. Pero normalmente eso me gusta. Debería moverlo de ello hacia arriba. Y he seleccionado comprarlos otra vez así y moverlos arriba así. Es muy simple Herramientas, diseño de puntera y trabajo por aquí. K Además, si quieres, también puedes escribir algo por aquí como esto. Entonces si quiero un párrafo fuera de texto son mucho texto, voy a dar clic y arrastrar así y bla bla, bla, bla, bla , bla, bla, bla, bla, bla, bla, bla, bla, bla. De acuerdo, esa es una buena poesía. Y voy a cambiar el color del relleno. De acuerdo, entonces primero necesito seleccionar este texto y ver el color de la película a algo como esto. De acuerdo, así que no quiero que escribas bla, bla. Oye, así que me voy a ir con regular y me voy de pie. ¿ Conseguirlo? 18 salidas fuera de tamaño. De acuerdo, entonces vamos a escribir algo por aquí. Voy a saltarme. De acuerdo, así que escribí algo sobre mí. OK, así que voy a quitar este, y voy a usar esto aquí de esta manera. Y puedes usar eso en el medio. ¿ Algo así? Sí, porque es una muy tendida en el medio, y puedo usar algo como esto. Y ahora puedes ver aquí tenemos Vamos a cambiar el color de relleno dedo del pie color más oscuro como este. De acuerdo, así que esta va a ser tu primera asignación. Sólo tu nombre, lo que amas y lo que haces y lo que te gusta Y lo que has visto en tan solo dos líneas y Abberton. De acuerdo, entonces si quieres cambiar el radio de la carga quieres dedo del pie, haz las esquinas redondeadas puedes hacerlo por aquí como yo quería ser. Ocho píxeles redondeados. Puedes ver tu cabello Si quiero agregar algo de sombra, puedes hacer clic en esta sombra no cambies nada, No hagas jugar mucho con estos valores iban a cubrir Ah, mucho en el detalle. Entonces esta va a ser tu primera tarea que quieras crear algo parecido a esto. Simplemente crea una elipse. Arrastra tu imagen dentro de ella tu nombre, lo que te guste. También puedes cambiarlo dedo del pie un poco de color de gracia. Entonces hay un contraste entre estos dos y una bonita carga y alguna sombra a su alrededor. También puedes redondear las esquinas si quieres, y también puedes usar algo que te asuste. Entonces voy a usar cuatro para las esquinas redondeadas. Hagamos capacidad al 100%. Está bien. Para que puedas hacer algo como esto. Déjame cambiar este color a algo así. Entonces esto es más profesional. De acuerdo, así que quiero que creéis algo como esto y ah, publicado en la siguiente asignación. Y los veré pronto en el siguiente apartado. 11. Tableros de trabajo y cuadrícula de XD: Ahora bien, de lo primero de lo que voy a hablar son los tableros de arte, porque esto es lo primero que vas a encontrar en Adobe X'd. De acuerdo, entonces estoy por este ejemplo. Voy a dedo del pie seleccionar esta web, y voy a seleccionar este tablero de 12 80 yardas y vamos a acercar comando o control plus o simplemente presionar comando o control cero dedos. Umit dedo del pie el ajuste y dentro de este lienzo. Entonces aquí tenemos sobre nuestra mesa directiva. Este es el nombre del tablero de arte. Si quieres hacerlo puedes hacer doble clic, y puedes editar como diseño de sitios web o algo así. Vale, Ahora, siempre que quieras seleccionar un tablero de arte, debes hacer click en su nombre, así que haz clic una vez y se va a seleccionar y podrás ver diferentes opciones y más tarde dedo del pie esta pizarra de arte sobre aquí. Este es el ancho y la altura. Si quieres medallón, puedes si quieres. Mira, bloqueará la relación de aspecto. Y una vez que aumente esto, también se va a aumentar el segundo valor, que normalmente no queremos. De acuerdo, Entonces tenemos este retrato y paisaje más, que no es uh, tiene sentido en el diseño Web, pero en la aplicación móvil, por lo que tiene sentido. De acuerdo, entonces tenemos este desplazamiento. Vale, Así que el desplazamiento es que cuando creas un prototipo fuera de este diseño, si quieres una barra de desplazamiento por aquí para desplazar su diseño y bien, entonces algo como esto. Por lo que Vieux Port Height va a decidir dónde está el cuerpo de pergamino. Entonces si tengo esto, uh, uh, Vieux Port Heights dijo a 600 se puede ver aquí es mi pedacito escolar. De acuerdo, así que este es mi se puede decir página completa gesso en diseño web. pliegue del tiempo es el área que va dedo del pie visible en la primera vez, y alguien visita. De acuerdo, entonces hasta esta zona, el sitio web será visible a continuación, batiremos rollerball. De acuerdo, Ahora pasando a esta aparición. La apariencia es básicamente el color de fondo fuera de todo tu diseño. Puedes ajustarlo a lo que quieras, pero creo que mantenerlo con el dedo blanco es la mejor opción. O aquí. De acuerdo, volvamos a hacer clic. De acuerdo, ahora tenemos las rejillas. Se trata de conceptos muy importantes, y esto se utiliza principalmente en el diseño web. Mucho. De acuerdo, Entonces, incluso en el diseño gráfico, hay dos tipos de diseños fuera de la cuadrícula. Uno es este diseño, que está basado en columnas, y el 2do 1 es cuadrado mejor. De acuerdo, así que el tamaño cuadrado normalmente está destinado para abdominales móviles. No es bueno para creo que el diseño web, pero puede colocar objetos rápidamente si quieres. Ah, así. De acuerdo, así que esto es muy, ya sabes, va a chasquear el dedo del pie cada caja. De acuerdo, entonces es más fácil dedo del pie tuyo así. Vale, Pero tiene más sentido en el diseño móvil vino y estás diseñando para laboratorios móviles. Tiene más sentido. Vamos a borrarlo de nuevo. Ve a la plaza y este es el tamaño de la baldosa. Quieres si quieres, como 24 cerdos, analfabetos, susto duro, tamaño cuadrado. Puedes ajustarlo a 24. Se puede ajustar a 64. Todo depende de tu propia elección. Entonces nos vamos de pie. Discuta este otro diseño, que está basado en columnas. Normalmente utilizamos en diseño Web. Un diseño de 12 columnas y el bien de ello depende de tu propia elección. Pero normalmente, si usas la configuración de bootstrap va a ser de 30 píxeles. Después vamos a estos márgenes. Los márgenes son básicamente este todo el espacio a la derecha, este espacio en blanco o y a la izquierda. Entonces lo voy a ajustar a 30 algo así. De acuerdo, entonces me está mostrando eso. ¿ Quieres márgenes diferentes en cada lado o mismos márgenes? Entonces si hago clic en el mismo margen se va a establecer 31 pixeles, por lo que un pixel no importa mucho, así que viviré con eso. De acuerdo, Así que esta es nuestra avaricia estilo casi bootstrap. Y si quieres congee en el dedo del pie talla 12 bajo 11 70 algo como esto. Está bien. Y si quieres márgenes diferentes en cada lado, esta es la opción que vas a usar Stop, zancada inferior e izquierdo. Está bien. También puedes convertirla en la columna predeterminada más adelante Configuración. De acuerdo, así, y se va a establecer por defecto. Por lo que siempre que empieces a usar algunas columnas, se dirá a esta configuración de Defar. Entonces esto es lo básico. Propiedades básicas fuera de cualquier tablero de arte. Ahora bien, si quieres otro tablero de arte, quizá yo quiera otro tablero de dardos. Entonces da click en esta herramienta de tablero de arte y voy a dar click a una. Entonces, ¿qué? ¿ Aquí? Y ahora va a generar otro arte. La segunda opción es que si quiero dedo del pie, basta con dar click en V. D. Seleccionado primero y volver a hacer clic en el tablero de arte y podrás ver diferentes opciones de bota de arte . Entonces si quiero y el iPhone seis suene una plantilla por aquí, puedo hacer click en eso, y será paralelo a mi diseño Web. De acuerdo, entonces si te vi, hice clic una vez más. Entonces volvamos a mover el dedo del pie esto otra vez, movido todo y voy a alejar un poco para que podamos ver comprados los aburridos del arte. Y ahora si quiero moverlo, solo lo seleccioné y luego puedo moverlo, vale. Entonces puedo colocarlo por aquí, o puedo colocarlo por aquí cuando quiera. OK, así es como se crean diferentes vistas fuera del mismo sitio web Norgay y voy a dar clic afuera y seleccionar la herramienta de tablero de arte presionando a y también puedo hacer clic en tablet android . De acuerdo, entonces, no, tengo tres vistas. Uno es un sitio web o escritorio que que tenemos plantilla, vista, y luego tenemos vista de iPhone. Si hago clic aquí, puedo cambiar su diseño dedo del pie cuatro columnas, que normalmente usamos en Mobile APS y se superó. Va a ser 16 y quiero que los márgenes a derecha e izquierda sean 24 s. así que voy dedo del pie seleccionar 24 o aquí. Está bien. Entonces Ok, entonces lo está rodeando a 25 lo cual es bueno. De acuerdo, así que aquí está mi configuración para Web versión fuera del mismo sitio web un juego. Entonces voy a usar cuatro columnas por aquí, y luego voy a usar ocho columnas por aquí, así se puede ver que está bastante lejos en ocho columnas, lo cual es muy creado. Realmente me encanta este software. Tienen muy buenos valores por defecto, así que vamos a ponerlo en 32. De acuerdo, así que esto se ve genial. Entonces así es como configuraré mis aburridos de arte si estoy diseñando diferentes vistas fuera de mi página web . Está bien. Tan vista móvil, vista tableta Andhra y vista de escritorio. Está bien. Entonces no voy a entrar en detalles y crear un diseño de sitio web en esto, pero así es como vas a configurar tus crudes. Ahora bien, si quieres eliminar un tablero de arte, puedes seleccionar y presionar borrar, y se va a eliminar este tablero de arte. De acuerdo, entonces es así de sencillo. Además, puedes seleccionar desde aquí y eliminar. Y también puedes duplicar copia y diferentes comandos que puedes ver por aquí. De acuerdo, Entonces así es como usas estos libros de arte. Espero que hayan disfrutado de esta lección. Pasemos a la siguiente lección y nos vemos pronto. 12. 8 herramientas de XD: en esta lección. Vamos a aprender de esa barra de herramientas que tenemos en Adobe X'd. Entonces voy a pasar rápidamente por todos estos objetos y el taburete bar. OK, entonces vamos a empezar con este iPhone 678 Vamos a acercar. Comando cero en control cero. Y aquí tenemos nuestro hardball. OK, entonces esta es V herramienta de selección más rica, que es, uh, esta se puede seleccionar cualquier cosa con ella. De acuerdo, entonces tenemos la herramienta de ángulo de secta, que es nuestra r y puedes crear pero termina con ella. Basta con presionar son, y aquí tenemos sólo arrastrarlo y soltarlo en el medio. Y esto es frontera. Estas son propiedades diferentes fuera de ella. Vamos a venir a esta zona más adelante. OK, entonces estos son alineaciones. Repite las alturas de grado con apariencia y diferente este radio de esquina de radio sentir borde. Vamos a ver estos en otra lección ahora mismo. Yo sólo voy a presentarles todas las herramientas por aquí disponibles por aquí. OK? Tenemos herramientas muy limitadas y esto es lo callejero de este adobe extra. De acuerdo, entonces tenemos este eclipse y puedes compartir sostén shift toe, ya sabes, tenerlo en una proporción proporcional y puedes presionar arte con él son opción key toe make y creerlo en destrucción. De acuerdo, entonces va a crecer desde el centro así. Entonces depende de ti. Voy a colocarlo en el medio. De acuerdo, entonces tenemos esta herramienta de línea. Puedes usar esta herramienta de línea en cualquier lugar que quieras. De acuerdo, entonces aquí tenemos esta línea. Después tenemos el combustible gastado y estos atajos son muy fáciles. Y ah, lo que llamamos en experiencia de usuario. Diseño, mapeo, mapeo Es más fácil de recordar. De acuerdo, entonces ps pentti es texto nuestras fronteras a Exumas e Así que estas son auto explicativas. No es necesario que los recuerdes. De acuerdo, entonces tenemos esta herramienta de texto de lo que tenemos esta herramienta de pluma Con mental, puedes crear diferentes formas como esa. Basta con seguir moviendo. Y luego también podemos hacer clic y arrastrar. Haga clic y simplemente déjelo así. Después haga clic y arrastre para que podamos crear muchas formas diferentes. Es casi similar a para una tienda. De acuerdo, nos acercaremos más adelante en profundidad. De acuerdo, Entonces esto es textil. Simplemente puedes seleccionar el 30 o y puedes escribir algo por aquí como algo. ¿ Qué tienen fuga de prensa y eso es todo. Presiona V, y puedes seleccionarlo y moverlo. Ahora, las opciones de alineación. O se puede decir que la alineación inteligente es muy sofisticada para el nuevo próximo. Tu software de diseño es como sketch, y será extra Reino Unido. Una vez que mueves algo, se va a mostrar la distancia fuera con todos los elementos diferentes por aquí en relación con ellos. OK, entonces me está diciendo que ahora está alineado a éste. Y la distancia entre estos dos es de 15 píxeles. De acuerdo, entonces tenemos estas herramientas de tablero de arte. Creo que ya hemos discutido esto. Acabas de seleccionar y crear otro tablero de arte. Este es el tablero de arte para iPhone X. Y entonces esta es la herramienta de zoom que puedes hacer zoom en cualquier elemento. ¿ Eso es algo de vuelta? Presioné control cero comando cero, y puedes acercar todo el puerto de arte así. De acuerdo, así que esto es muy sencillo. También puedes establecer el nivel de zona a partir de aquí en adelante. Alejar el zoom. Estos son se pueden ver diferentes teclas de método abreviado. Control un control de puntera más plus y control más menor. Zoom hacia fuera y ah, zoom a selección, Control o comando tres. Entonces si estaba usando Mac, va a ser reemplazado por comando. De acuerdo, tan muy sencillo. Muy fácil. método abreviado. Yo voy con el dedo del pie. Crea una lección separada para todas las teclas de método abreviado utilizables. De acuerdo, así podemos usar rápidamente y empezar a usar Adobe X'd. Entonces estas son todas las herramientas. 3456 y ocho herramientas que tienes sobre él. Y la mayoría son justicia. 123456 Así que seis herramientas una es tablero de arte y una zoom, que es especie fuera de una utilidad para usar en. Acerque y aleje sus tableros de arte. Eso se trata de la barra de herramientas. Por aquí tenemos. Si tienes alguna pregunta que hacerme, pasemos a la siguiente lección. 13. Herramienta de rectángulo para crear botones: en la distancia. Y voy a hablar de esta herramienta de rectángulo y cómo podemos usarla y cómo hay diferentes propiedades. Deja que espere y cómo podemos crear un bonito botón de aspecto con directing. De acuerdo, así que voy a seleccionar nuestra prensa son y vamos a arrastrar por aquí y crear un rectángulo como este. Y se puede ver en el lado derecho tenemos el ancho y la altura. Vamos a ponernos a 75 en la altura de 60. Picks está aquí. Por lo que lo hemos fijado en 60 y el hiatus en 75. Ahora puedes ver aquí tenemos el primer control, que es esta opacidad, que es como están de vuelta. Será. Y voy a dejarlo 200%. Entonces el siguiente es radio de esquina. Entonces si quería estar por ahí, me voy de pie. Usa algún radio de esquina como seis por aquí. Ya puedes ver ahora son 100. Entonces si d seleccionado para conceder Ok, si quieres diferente por diferentes razones para cada esquina, vas a seleccionar esta. De acuerdo, entonces si presiono cero aquí y también cero para este. De acuerdo, así que ya puedes ver ahora tenemos dos esquinas carga ni truncada. De acuerdo, así es como puedes hacerlo. Entonces si quiero 32 por aquí, puedo tener algo como esto. De acuerdo, así que voy a presionar con el dedo del pie este. Entonces si quieres una forma de píldora, puedes aumentarla a, como, 39 o algo así. Soy este 1 39 y puedes conseguir este sido enviado. Pero entonces tenemos estas dos propiedades, Que es una es Phil, que es el color. Entonces lo voy a llenar con un bonito color azul. A lo mejor esta tienda Buchler por aquí así. De acuerdo, entonces tenemos esta frontera. Creo que lo vamos a quitar ahora mismo. Y si miras las propiedades del borde, puedes ver aquí es cuánto quieres que el borde alrededor de él y llene el borde será Debe ser de un trazo. El Bader debe estar dentro. Estos están fuera de nuestro en el centro. De acuerdo, s. así que voy a usar afuera y vamos a cambiar el tamaño del dedo del pie 10 píxeles. De acuerdo, así que ahora puedes ver aquí Tenemos la selección y la frontera está fuera de esto. De acuerdo, entonces voy a usar algún borde fuera de este color como este solo por mostrarte lo que podemos hacer con él. De acuerdo, entonces tenemos esta sombra y sangre de fondo. No voy a hablar de la sangre de fondo. Vamos a hablar de ello en la siguiente lección ahora mismo, vamos a añadir algo de dedo del pie sombra este botón, y se puede ver que tenemos esta posición vie y esta sangre. Entonces este es básicamente el radio de sangre. Hasta dónde va a desenfocar la sangre del radio. Esta sombra. De acuerdo, entonces si lo pongo a 20 se puede ver ahora la sombra está más borrosa en esta zona. Si miras de cerca, acuerdo, ¿por qué la posición es estos dos hacha? ¿ Y por qué la posición está fuera de tu sombra? De acuerdo, entonces si quiero dedo del pie, hazlo un poco más por debajo de mi forma, voy a añadir más de yo y puedes ver No, es en esta zona. Lo es. No lo sé. De acuerdo, Así también, puedo moverlo horizontalmente en la dirección. Entonces si añado 50 se puede ver ahora está del lado derecho. Por lo que X es el momento en la destrucción. También puedes poner valores negativos por aquí menos 10 y va a ser en esta zona por lo que también puedes usar menos nueve. Si quieres, se va a mover en la parte superior. Entonces, ¿así es como vas a poner tu sombra? No. Si quieres el color fuera de tu sombra, puedes hacer click en esta zona y puedes establecer el color fuera de tu sombra. A lo mejor quiero algo de sombra en la gama brew de color azul. Y ah, esta es la opacidad de tu sombra. Yo quería a Toby como 20% de descuento en pick, 30% transparente. Entonces puedes ver ahora la sombra es así. Entonces así es como vas a usar las sombras y cosas diferentes con tu forma, rectángulo y ah, todo esto se trata de este rectángulo. También puedes alinearlos alineación. Voy a hablar de alineación en otra lección. Y también se puede llegar a ella. Pero normalmente no necesitamos repetirlo así. Pero si quieres, puedes hacerlo. De acuerdo, así que voy a volver. Vamos. Consulta tu control, Z Y estas son todas las propiedades. Si tienes alguna pregunta sobre hacerme y tratar de crear a alguien así, me voy de pie. Ponle un poco de texto sobre él. Hola, querida. De acuerdo, algo así. Y voy a presionar V y la exportarla en el medio y cambiar su color de relleno dedo del pie blanco. De acuerdo, así que vamos a moverlo un poco hacia abajo. De acuerdo, Así que 16 cerdos están en la parte superior y 17 picos en la parte inferior. Entonces si puedes despejar algo como esto, me encantaría verlo y probar el dedo del pie. Muéstrame los botones que puedes crear en él. Y me encantaría revisarlos y ver qué se le puede ocurrir. Vale, Entonces todo esto se trata de cómo puedes crear diferentes tipos de botones redondeados, redondeados , cuadrados de esquina o Bill guardado, pero ansf usando x d Pasemos a la siguiente lección. 14. Fondo y desenfoque: Hablemos de objeto. Desenfoque de sangre y fondo. Hecho en Adobe X'd. Estos dos efectos son muy geniales. Uno de ellos. Yo uso mucha sangre de fondo. De acuerdo, entonces les voy a mostrar ejemplos apagado, ambos fuera de ellos cómo usarlos correctamente. De acuerdo, así que empecemos por usar sangre objeto o esto de nuevo en sangre. Necesitamos algo de imagen. De acuerdo, Así que voy a arrastrar y soltar la imagen en este tablero de arte, que es el iPad, que es el iPad, y voy a alinearlo del dedo del pie en el medio y presionando turno. Y aunque voy a hacerlo un poco más pequeño gracias. Entonces algo así. De acuerdo, entonces tenemos esta imagen ahora. Yo quiero una sangre de fondo para eso. Necesito cualquier forma. A lo mejor voy a usar este rectángulo y voy a usar el todo arrancado este lienzo prensa nosotros y no, este rectángulo está seleccionado. La imagen está detrás. Entonces no, voy a usar mis antecedentes. Por lo que una vez que haga clic en esta sangre de Bagram, se puede ver todo el fondo está borroso. Ocultemos esta frontera y puedes cambiar la cantidad del sangriento deseo. Entonces tal vez quiero tanta sangre. ¿ Quieres que sea brillante en el lado vital? O querías ser un oscuro en el lado más oscuro. Se puede ver que el efecto es diferente y también la opacidad. Yo no uso tanto. Se va a cambiar la opacidad de este efecto, así que manténgalo del pie 0%. De acuerdo, entonces tal vez algo como esto y algo así y lo voy a extender fuera de esta zona. ¿ De acuerdo? Está bien. Entonces así es como usamos la sangre de fondo. Entonces aunque quieras usarlo en el medio así Así que tal vez solo quiero que esta zona se borre. Puedo usar eso de igual manera así. OK, entonces esta forma es básicamente nuestra principal área de sangre de fondo. Por lo que esta forma va a definir qué área va a ser borrosa. Entonces tenemos esto. Si vas a este desplegable, tenemos este plan de objetos el cual se va sangre del dedo del pie. Este Onley este objeto. Entonces si hago clic en objeto que se puede ver ahora nuestro rectángulo es básicamente sangre ni el fondo. Entonces si te cambio el dedo del pie esculler negro o algo así Ok. Por lo que puedes ver ahora esta forma en realidad se está mezclando en el fondo ni en el fondo. De acuerdo, así que esta es la diferencia entre el desenfoque de objetos y una sangre de fondo que he usado en mi aplicación móvil Vas a diseñar al final de este curso, así que mantente atentos, y este es un efecto muy cool. Se puede utilizar este desenfoque de fondo en muchas ubicaciones y se va del dedo del pie. Haz visible tu texto y tus botones si el fondo está muy ocupado. Entonces esto se trata de la niña Bagram y la sangre del objeto. Espero que hayan disfrutado de esta lección. Pasemos a la siguiente lección. 15. Herramienta de Ellipse: hoy, voy a hablar del taburete de labios y ah, su propósito principal. Por qué lo usamos. Y es de dedo muy rápido, ya sabes, recorta más de mis imágenes de avatar. OK, así que vamos a hacer click y arrastrar así, y estoy sosteniendo turno para hacerlo en proporción. Y si quería estar creciendo desde el centro, voy a presionar la tecla de opción de arte junto con mi tecla de turno. De acuerdo, entonces estoy sosteniendo turno y arte y opción clave ahora mismo para hacerlo así. De acuerdo, ahora lo voy a colocar en el medio así. Voy a ocultar su borde, y voy a cambiar su color de relleno para que puedas verlo fácilmente. Ahora voy a arrastrar y soltar cualquier imagen sobre ella para crear un avatar. Rápidamente. OK, ahora puedes arrastrar y soltar cualquier imagen sobre esta elipse que puedas ver u escuchar para crear un avatar rápidamente. Entonces lo que básicamente hace es recortado dentro de este círculo. De acuerdo, el problema con ello es que no se puede cambiar ni mover esta imagen. De acuerdo, entonces lo que puedes hacer es solo que puedes aumentar el tamaño de este círculo. Se va dedo del pie. Aumenta la imagen. Y también puedes cambiar la forma que puedes ver por aquí. De acuerdo, Ahora es una forma de huevo, y la imagen es que se puede ver ajustando con esta nave. Por lo que en su mayoría utilizamos herramienta Ellipse para este propósito. Las otras opciones que tenemos para un taburete labial son casi las mismas. Tenemos frontera, relleno, opacidad, sombra y sangre de fondo. No hay mucho en ello. Por lo que la mayoría de las veces lo usamos para este propósito. Simplemente arrastramos y soltamos cualquier imagen en esto para crear un radar. Nuestros iconos así. Entonces eso es todo sobre el paseo de deslizamiento. Si tienes alguna pregunta que hacerme, pasemos a la siguiente lección. 16. Conceptos básicos de la herramienta con bolígrafo en XD: en esta lección, vamos a crear estos tres iconos. Uno es este queso. Uno es este icono del mapa, y otro es este icono del chat usando Adobe Excuse. Entonces primero vamos a aprender a usar gastar dos buscando. No recomiendo que sigas adelante y crees todos los diferentes tipos de iconos fuera usando Adobe Extra porque no está destinado a crear AARP. Los iconos son iconos. Simplemente puedes usar iconos SPG de todas las líneas. Hay muchos gratis en línea en bibliotecas. Off SVZ iconos son así que primero vamos a ver cómo usar Bento. Entonces voy a crear otro tablero de arte caducidad de ese iPhone X y asumir en un poco. Y primero vamos con el dedo del pie. Selecciona esta herramienta de lápiz, y así es como puedes crear formas simples. Haga clic, haga clic, haga clic, haga clic, haga clic o haga clic en Aceptar y vuelva a hacer clic en el primer punto y se va a cerrar la nave. Vas a presionar V, y ahora puedes mover esta forma por aquí. Entonces así es como se crean naves simples ahora en contra, como esta herramienta de lápiz, haga clic y haga clic y arrastre para obtener algunas esquinas redondeadas y luego voy a dar clic, estaban aquí y luego dar clic atrás. Entonces aquí he creado un arco por aquí. Por lo que si haces doble clic en esta forma, puedes ver puedes hacer clic en cualquiera fuera de thes y ahí están los manillares. Puedes ajustarlos después que quieras, como quieras. Por lo que se están moviendo a medida que muevo esto. De acuerdo, así que he seleccionado este. Entonces si solo quiero mover este y no debe afectar a éste presiona inviertes tu opción o Arch. De acuerdo, Entonces en tu teclado, si presionas tu tecla are y luego haces clic y mueve esto, se va a mover. Sólo éste. De acuerdo, así que estas son las dos asas, Así que ahora esto se va a mover de forma independiente. Entonces si lo alineo con esto, se puede ver que ahora es una línea recta. Entonces si d seleccionado, esta es una línea recta. Esta es una línea curva. Entonces así es como controlas y editas tus partes y ah, diferentes puntos de anclaje. Entonces si hago doble clic en él, hay tres puntos de anclaje por aquí. De acuerdo, Entonces uno es éste. También puedo usar algo como esto. Entonces estoy presionando dedo del pie de cambio, alinearlo en algún ángulo perfecto. Entonces es ahora mismo, creo que 90 grado o quería graduarse. Entonces así es como he creado este bache. Muy bonito. Bump suave. De acuerdo, entonces así es como usamos nuestro pento. 17. Herramienta de bolígrafo para crear íconos: De acuerdo, así que voy con el dedo del pie a eliminar esta forma. Y ahora voy a empezar con el rectángulo Tauqir, este primer ícono. Entonces vamos a crear un rectángulo. De acuerdo, entonces, presiona V Y ahora tenemos el ángulo de secta. Haga doble clic en él. Y tenemos estos cuatro puntos de anclaje. Ahora vamos a seleccionar Ah, mental En este momento. Si ni siquiera seleccionas un lápiz, puedes ver el lugar, Khobar. En estas líneas donde puedes poner algunos puntos de anclaje, se vuelve del dedo del pie mental, Así que solo tienes que hacer click una vez pero aquí, una vez por aquí y uno en alguna parte. Por lo que agregamos tres puntos de anclaje más a esta nave. Ahora lo que voy a hacer es ir dedo del pie prensa V, y lo voy a mover al fondo así. De acuerdo, entonces ahora tengo esta nave básica, Así que si vuelvo a hacer doble clic en ella, puedo seleccionar este punto de anclaje y puedo moverlo. Si quieres algo mal por aquí, haz doble clic en él. Y vas a conseguir esta redondeada alrededor de nestlé aquí y puntos de anclaje más manillares para controlar la redondez fuera de tu forma de nuevo para que puedas ver ahora he redondeado esta zona así. Por lo que esta es una forma de crear múltiples formas diferentes a partir de barcos básicos. De acuerdo, ahora vamos a crear este queso, acuerdo? Entonces a la mayoría de los ratones realmente les va a encantar esto si están viendo a mi papá, de Dorian. De acuerdo, así que vamos con el dedo del pie, crear este un clic una vez, clic dos veces, y tengo manillares por aquí. Esta es otra forma, y yo sólo voy a dar clic aquí, y luego Entonces lo que voy a hacer es ir de pie justo a ellos ahora mismo así. Y voy a presionar mi tecla de opción de arte para mover esto como, Vale , entonces , no, se endereza. Y movámoslo para hacer una perfecta Ella es así. De acuerdo, entonces tenemos nuestra nave. Hagamos que el borde sea dos píxeles. Y durante el dedo del pie de color de relleno, este amarillo todo puede ser un poco más claro, amarillo como este. De acuerdo, entonces tenemos sobre forma. Vamos a añadir algunas formas más por aquí con este taburete de elipse. Entonces estoy presionando shift toe despejado, shift y drag para crear thes círculos así. De acuerdo, entonces tenemos nuestras formas ahora podemos cambiar el color de la botella a éste, que es un amarillo más oscuro y ah, tenemos un destino muy. Caray, No es bueno para llamar a un paseo Si tienes como yo. Tengo colesterol alto, por lo que no es bueno para mí, pero aún así. De acuerdo, entonces aquí tenemos nuestro icono de queso. Entonces así es como se crean formas personalizadas, Icon. Ahora voy a crear éste. Esto es básicamente alcalde por maíz. Es muy fácil. Simplemente selecciona este taburete de elipse criado, Ah, labios por aquí. Y lo que voy a hacer es que voy a presionar V DoubleClick y sólo quiero cambiar este manillar. Por lo que acabo de seleccionar este, este punto de anclaje, y voy a presionar las teclas de mayúsculas y de flecha para moverlo en la parte inferior así. De acuerdo, ahora nuestra forma básica está completa. Lo que voy a hacer es hacer doble clic aquí para conseguir nuestra esquina afilada. De acuerdo, así que este es muy bonito truco DoubleClick toe obtener esquinas redondeadas de manera diferente para conseguir esquinas afiladas . De acuerdo, así que tengo algún rincón afilado por aquí. Ahora voy a crear otra elipse de forma pequeña dentro de ella así y solo selecciona la forma externa y, ah, solo quita el borde y usa el color de relleno a algo así como, Sí, voy a utilizar este golpe. Usemos este azul. De acuerdo, entonces para esta, voy a quitar la frontera, y voy a añadir algo de sombra aquí, que va a ser cero cero y seis. De acuerdo, no eclipsar es que iban a saquear esta forma y simplemente alinearla aquí así . Selecciona estos dos, y lo voy a alinear en el medio así. De acuerdo, así que puedes ver por aquí nuestro ícono del mapa también está construido. Puedes ampliarlo si quieres. Puedes hacer que sea un poco vital para que se vea más profesional. Está bien. Está bien. Por lo que así es como puedes crear diferentes iconos usando mental. No te recomiendo que sigas adelante y crees algo como éste o algo así puedes usar iconos SVG ya construidos, creados profesionalmente. SPD significa gráficos vectoriales escalables y en las próximas lecciones, pocas lecciones o en las últimas lecciones donde vamos a crear nuestra app. Te voy a mostrar cómo usar iconos SPG. Entonces hasta entonces, voy a ver pronto. En otra lección, pasemos a la siguiente lista. 18. Herramienta de línea: Ahora, hablemos de la herramienta de línea. Si hacemos click aquí o presionamos l es una herramienta de línea y puedes crear una línea o separador con ella. De acuerdo, así que esta es nuestra línea. Esta es la frontera fuera de esta línea. Vamos a crear un borde de cinco píxeles como este. ¿ De acuerdo? Entonces también, se puede ver que estas opciones están ocultas por aquí. No estoy seguro de si están habilitados o no en primer lugar. Vamos a crear en la línea. De acuerdo, Entonces esto fuera de la frontera no es opción para éste. Es sólo una línea. Y, ah, puedes cambiar el color si quieres. Ah, y también la opacidad, sombra y la espalda sobre la sangre. Estas son las cuatro opciones que tenemos por aquí. El único uso de la herramienta off the line, que veo es que se va a utilizar para el texto del enlace. Entonces si tengo un enlace por aquí, puedo poner una línea y así. De acuerdo, así que esta es la única noticia que puedo pensar. Y tú diseño para esta línea a buscar. Entonces eso se trata de la herramienta de línea. Si tienes alguna pregunta, me lo has hecho. Pasemos a la siguiente lección donde vamos a ver la herramienta de texto 19. Herramienta de texto en Adobe XD: No. Vamos a hablar de esta herramienta de texto, jabón, jabón, lujurioso o texto. Y me voy a arrastrar por aquí así para crear un párrafo. Todo lo que puede simplemente hacer clic en cualquier lugar para borrar. Justo en la línea de Dexter aquí. Entonces voy a crear un párrafo por aquí. De acuerdo, Ahora, tengo algo de texto en mi párrafo. Simplemente puedo hacer click en cualquier otro lugar para crear un párrafo y los pechos V y me puedo extender se contratan mediante el uso de los mangos que puedes ver por aquí. De acuerdo, Así que voy a usar esto así y simplemente moverlo aquí así. ¿ De acuerdo? Ahora, del lado derecho, se puede ver que tenemos texto. Este es el teléfono. Puedes cambiar el teléfono, lo que quieras, Toe. Y entonces aquí tenemos el fuerte. Nos haríamos todos los estilos fuera diferentes. Y este Ford, esta es la talla que quiero 24. Puedo seleccionar 24. Ahora se esconde. Es hacerlo lleno. Y, uh, que algunos adentro para ver el tamaño real del corrector. De acuerdo, entonces tenemos esta alineación. Este es el centro. Esto se intenta, alineado, dejó una línea. Y esta es la diferencia entre nuestro texto de idea o se puede ver párrafo y un texto de punto de línea . De acuerdo, entonces aquí tenemos este texto puntual. Es mejor para la alineación. Ya puedes ver ahora es un cuadrado fijo. De acuerdo, entonces si intento dedo del pie cámbialo. No es básicamente un párrafo. Se trata de un párrafo. Por lo que esta es sólo una nueva característica. Agregaron en ella. Entonces puedes subrayarlo si quieres. Y luego tenemos este espaciado de líneas el cual puedes establecer dedo del pie algo más si quieres. Ah, como lo he puesto en 32. Y esto es cactus meando Qué ancho debe ser el espacio dentro del director. Entonces si yo, um él tenía 10 o 25 años, se puede ver ahora el espacio entre las letras es mucho. De acuerdo, entonces estos son los principales controles de los que tenemos otra vez. Los mismos controles similares, como todos los demás rectángulo. Laura, las herramientas. Tenemos un pase. Nosotros hemos fallado. Tenemos fronteras, sombra y fondo, fondo sangre, sangre. No vamos a usar en ninguna parte de esta única sombra. A lo mejor vamos a usar cuando hay un fondo oscuro o algo así como ese borde. Creo que no vamos a usar el fondo. Entonces sólo quédese con el Phil y ah, usa cualquier color que te guste. Al igual que éste. Y eso es todo sobre esto. Ah, video de texto. Ahora solo viene un tiburón a esta zona, que es que sería genial si pudiera ver diferentes cuatro estilos o cabello. Y ahora sólo puedo ver el nombre del teléfono fuera de la fuerza parte Nordea cómo se ve o cómo se siente. De acuerdo, así que en realidad tengo que pasar a eso para ver ese estilo de fuerza. Entonces creo que tal vez podrían básicamente haberlo hecho solo a un amplio más procesamiento y hacerlo veloz. De acuerdo, así que tal vez en las versiones posteriores, podrían agregar aquí algún textil de vista previa para diferente fuerza. Entonces eso se trata de la herramienta de texto en adobe X t Espero que hayan disfrutado de esta lección. Pasemos a la siguiente lección. 20. Herramienta de polígonos - ACTUALIZación: De ninguna manera vamos a hablar de una herramienta muy nueva que se ha introducido en Adobe EC. Steve pica. Están manchando en herramienta y puedes además por qué, demasiado lijado o simplemente haz clic aquí. Y ahora vamos a dibujar un polígono. Entonces aquí lo estoy secando. Si puedes sostener un turno de prensa, va a ser en proporciones y simplemente dejarlo así. Ahora se puede ver a la derecha aquí en la apariencia apuñalada, podemos controlar su opacidad. Podemos cambiar su tamaño Concha, por ejemplo, en los sitios que queramos, como cinco bandos y podemos cambiarla para pelear. También podemos cambiar su color relleno. Por ejemplo, Si quiero tenerlo, tal vez en este color y quiero ocultar el borde, puedo ocultar el borde, y también puedo tener un radio de esquina fuera como 50 20 o cosas así, algo así como esto. Y también puedo controlar el radio de esquina desde esto para que veas que este es un pequeño círculo dentro de él. Si quiero cambiar el radio de esquina, puedo usarlo. De acuerdo, Entonces si quiero dedo del pie tienen como ocho esquinas para conceder. Puedo tener ocho esquinas, así que esta es una herramienta muy útil. Si quieres crear algunas flechas o cosas así. Creo que esta es una de las formas básicas distintas del rectángulo, elipse. Y esto es polígono o triángulo. Entonces necesitábamos algo así. Tanques de espada en obedecer. Ha agregado algo como esto, Senador B X d Espero que lo pruebe y cree algunas formas usando esta herramienta poligonal. Es casi similar a otro rectángulo y elipse on. Y eso se trata de esta nueva herramienta poligonal. Pasemos a la siguiente lección. 21. Colores y paletas: hoy, voy a hablar de colores y cómo podemos crear quienes crean esquema de color en Adobe X'd. De acuerdo, así que empecemos. Empezó con este tablero de arte, que es el iPhone 678 Y lo que vamos a hacer es simplemente crear un rincón muy bonito, redondo, con tierra. Gran Bretaña. Voy a presionar la televisión y moverla y vamos a crear unos seis cerdos de la equivocación. Está bien, así que se ve genial. De acuerdo, entonces me voy del dedo del pie, quita la frontera. Y cuando voy a este color de relleno, si haces click por aquí, puedes ver aquí tenemos nuestros colores. De acuerdo, entonces aquí tenemos esto. Ah, bar donde podemos cambiar el tono de qué color quieres. Quién es básicamente el color significa color. De acuerdo, entonces tal vez si me gusta entrar en esto, tú y yo queremos que esté por aquí, ¿de acuerdo? Entonces cuando me muevo arriba en destrucción y el matiz o saturación apagado, este color en realidad está aumentando, Vale, Así que cuando me mudé en área de descubrimiento, se está volviendo más oscuro en esta zona. Se va a hacer más ligera. De acuerdo, agrega invitación a ella. Entonces me voy dedo del pie mantener casi en el medio por aquí. ¿ De acuerdo? Ahora bien, esta es la opacidad. Entonces si querías ser transparente, puedes mover esto, creo. Ah, debería quedármela aquí. De acuerdo, Entonces así es como tu caja de color sólido, Ok. No. Ah, aquí hay pocas opciones que vamos a discutir una. ¿ Es este valor decimal exacto? Entonces esto es lo que van a necesitar tus diseñadores web. Color del dedo del pie los británicos. De acuerdo, así que esto es para desarrolladores. Entonces si quieres, puedes convertir este rgb más, que es rojo, azul, verde y Alfa RGB. Está bien. Y, ah, normalmente nosotros los diseñadores, normalmente uso este matiz, saturación y brillo, que es más fácil de controlar y dedo del pie más fácil. Ya sabes, yo solo tus colores en crear hermosos esquemas de color. Usando esto, es SB. De acuerdo, entonces aquí te tenemos que saturación. Cuánto color quieres poner en saturación fuera de ese color. Y este es el brillo. De acuerdo, entonces, ¿qué tan brillante debe ser jocular? Entonces si lo reduzca al 90% se puede ver ahora este color se ve creado es un color azul un poco más oscuro . De acuerdo, vamos de nuevo a este año. ¿ De acuerdo? Por lo que no puedes agregar tu dedo de color tu estiramiento de color. Así que solo presiona este icono más y puedes ver aquí tenemos $1 agregado por aquí. De acuerdo, Ahora, si quiero agregar una circular, la mejor manera es simplemente cambiar esto. De acuerdo, así que quiero que esto vaya a lo que es crear. Y tal vez sólo dos muy algo. Yo voy con el dedo del pie. Ah, reduce su brillo dedo del pie 80%. Veamos cómo surge este color. Entonces voy a añadir este para entonces podemos ir a algo así este negro oscuro. Por lo que puedes ver aquí. He creado una paleta de colores muy bonita y se puede ver la mayoría de los colores que he generado por aquí. Están realmente emparejando. Genial. OK, entonces estos son todos colores médicos, este Seong azul y este color azul. Ahora, todo esto se trata de este panel de color. Cómo se puede ser un esquema de color diferente por aquí, moviéndose en este espacio 22. Gradientes de color en Xd: Ahora vamos a ir a este radiante lineal. Tan indulgente. Brillante es que tenemos uno y dos colores y este es el ángulo por aquí de arriba a abajo. Por lo que 90 grados es el ángulo de tu ingrediente. De acuerdo, entonces tuvimos mezclando juntos Así puedes ver No, si muevo el ángulo cómo está cambiando el ingrediente. Entonces si lo muevo así, Ok. Y, ah, cambiemos los colores por otra cosa. Por lo que puedes ver ahora he creado un botón int muy bonito, codicioso por aquí. Y si quiero cambiar el ángulo, puedo cambiar de ángulo así, tal vez moverlo así Así puedes ver ahora cómo se ve genial. Ahora de nuevo, voy a dar click en esto y me voy de pie, Phil. Y se puede ver aquí tenemos nuestro radiante Tratemos de agregar disco. Radiante. Por lo que no está sumando por aquí. Entonces esto es una cosa. Creo que deberían tener algo. Eso si presiono este botón, debería agregar mi codicioso. Y por aquí. De acuerdo, entonces no está agregando por aquí, pero podemos agregarla a algo en otro lugar. ¿ Verdad? Haga clic y haga clic en este asesino de anuncios. De acuerdo, entonces una vez que agregue este color, va a estar en mis activos asesinos. Se puede ver por aquí. Esta es mi guía de estilo. Básicamente. Entonces lo voy a cubrir todo después. Dos asesinos en adobe Extra. De acuerdo, entonces aquí tenemos este color. Entonces tenemos thes cuatro colores. En este momento, estos no se suman a esto. Entonces podemos hacer es solo crear unos rectángulos Voy a crear el lunes enredo. Y lo voy a duplicar presionando art u option key que simplemente arrastrándolo así . Y como esta polla ahora, voy a usar los mismos colores que quiero aquí. Basta con quitar la frontera y voy a usar este sculler que decolorar. De acuerdo, entonces descubierto Ahora aquí está mi esquema de color. Acaba de crear esto al instante, así que no te preocupes mucho por ello. ¿ Eso qué es este esquema de color? De acuerdo, así que me voy dedo del pie como, seleccionar todos estos colores y voy dedo del pie click derecho y añadir color. Está bien. Por lo que puedes ver No, tengo todos mis colores mover a mis activos. Está bien. También puedes advi color o variaciones de blanco o pastar. Si quieres agregarlo a tu esquema de colores. De acuerdo, así que esta es la forma en que puedes agregar INTs codiciosos y todo el colesterol, tu esquema de color o la guía de estilo. Está bien. Guía de estilo es básicamente el dedo guía para tus desarrolladores y tus diseñadores que qué colores se utilizan para qué propósito y cómo podemos construir ese sistema de diseño usando esos colores . De acuerdo, así que ahora, llegando al último punto, que es un ingrediente de Zadie, acaban de agregar este ingrediente realmente, que es un int codicioso desde dentro. Se está moviendo en círculo, así que hagámoslo un poco más grande así. De acuerdo, entonces hagámoslo un fondo. Entonces me voy dedo del pie, crea una bolsa como esta. Es más visible. Este tipo off radiante es más visible cuando se tiene un fondo. Está bien. Por lo que puedes ver ahora está buscando rejilla dentro de una bolsa redonda. Cambiemos nuestros colores a este. ¿ De acuerdo? Uno es un poco más oscuro. Uno en el 2do 1 es un poco más ligero. Quitémoslos. De acuerdo, entonces vamos a experimentar con estos. Cambiemos este color más oscuro con este azul. Y, uh bien, Así que se ve genial. Vamos a moverlo, Añadirle algunos puntos más. Así que acabo de hacer clic aquí y le agregué un punto más. De acuerdo, entonces aquí voy a cambiar el color a negro. O tal vez algo más afilado que así puede No. Te voy a decir de corazón estos puntos radiales de ingrediente. De acuerdo, Así que el único punto que puedes eliminar es el punto que has creado hasta ahora un ingrediente. Debe haber dos colores. De acuerdo, así que no lo son Ah, no soy capaz se puede decir borrar estos dos puntos y esto es a la derecha. La mayoría o 0% y 100%. Y el punto que creé en el medio lo completé simplemente presionando delete en mi teclado. Todo lo que puedo alejarlo así y arrastrarlo, y se va a borrar. De acuerdo, entonces estos dos colores, son, ya sabes, necesarios para este int codicioso, y puedes controlar el ingrediente desde aquí. De acuerdo, así que si quieres, es algo como esto. Se puede ver ahora esto se ve un gran fondo. De acuerdo, entonces pongamos algo de texto aquí para que veas lo que hice. Acabo de agregar una línea con el espesor de cinco. Y no sólo me invitaba algún texto. Hola, Doctor. Y esto se ve genial. De acuerdo, entonces puedes ser este tipo de fondos para tus pantallas de inicio de sesión o pantallas de registro. Está bien. Con algún ingrediente en ella. Entonces todo esto se trata de los colores y el ingrediente de radio en colores sólidos e ingredientes lineales . Y estos tres colores apagados de Moore Hexi decimal RGB y ser normalmente estaremos usando este o Hexi decimal para Web mayormente, pero creo que éste es perfecto para crear los esquemas de color, ¿de acuerdo? 23. Usar coolors.io para crear esquemas de color: una herramienta la cual recomiendo para generación de esquema de color es este uno enfriadores dot ru? Supongo que puedes buscar este nombre en Google. Voy a compartir la u R l Así que ve a esto. Generar? Sí. Entonces voy a ir a esto generado y empezará con algunos colores aleatorios. De acuerdo, Entonces lo que sugiero es que primero intentes usar un color que ya tienes. De acuerdo, así que me voy a basar un color azul de mi esquema de colores o dos colores de ahí para sacar el resto de los colores. De acuerdo, entonces volvamos a X'd. Ahora. Lo que voy a hacer es que voy a copiar este color azul y este Ah, ver, ver, en un dedo del pie de color, mi esquema de color. De acuerdo, así que me voy de pie, copia este valor de salida decimal valor, y voy a volver por aquí. De acuerdo, entonces yo corporativo de un color, y lo voy a encerrar por aquí. De acuerdo, Así que presiona esta cerradura y es Te va a mostrar cerradura cerrada. De acuerdo, entonces voy a copiar a la segunda chica por aquí, y también voy a bloquear este color. ¿ De acuerdo? Ahora, tengo que registrar colores. Ahora voy a presionar barra espaciadora para conseguir unos colores más. Colora América a estos dos asesinos. De acuerdo, entonces tenemos este color morado. Esto se ve bien. Además, este color azul soy me gusta este color azul. Y también podemos usar algo como esto que es un poco naranja. Ahora, en mi esquema de colores original, uso algo más cercano al amarillo y ah, este morado es un poco morado oscuro para que puedas crear cualquier esquema de color. No, voy a volver a presionar barra espaciadora y me gusta este color. De acuerdo, entonces voy a presionar de nuevo la barra espaciadora para que puedas bloquear cualquier color que te guste. De acuerdo, así que he encerrado a estos malditos. Entonces éste sólo va a cambiar. Entonces no me gusta este color demasiado amarillo. A lo mejor este es bueno, Onda. A lo mejor voy a probar un par de tiempo más. Me gusta mucho este color amarillento, aunque es un poco aburrida, pero creo que va a ir bien con estos fondos. De acuerdo, Entonces una vez que tenga este esquema de color generado, puedo sacar una imagen o foto de esto o Ah, puedo exportarlo en un archivo PDF o PNG o SVG cinco. Entonces usemos el archivo SVG. Por lo que está claro creado este archivo SVG. Ahora voy a importar este archivo svg a mi, um X'd. De acuerdo, así que menos. Vamos a moverlo por aquí. No, puedes ver aquí tenemos este esquema de color, archivo svg, y, uh, me voy de pie. Hazlo un poco más pequeño así. Diluvamos este fondo y todo lo demás. Ahora puedes ver que tienes este esquema de color y es inevitable. Puedes ver aquí tenemos 45 cajas y puedes cambiar tu esquema de color. Entonces así es como te aconsejo que te lo tomaras. Esquemas de color. Debes tener al menos uno o dos colores para empezar. Podrás agarrar esos colores del icono o logotipo de la app de esa empresa y empezar desde ahí. Entonces todo esto se trata de colores y cómo crear esquemas de color. Al instante con este taburete y estos pocos consejos. Espero que disfruten de esta lección. Pasemos a la siguiente 24. Máscaras de Xd: en esta lección, vamos a aprender sobre enmascarar y cómo podemos hacerlo en un no b x d Hay dos maneras, y una es ah, que realmente me encanta es cómo podemos donde podemos controlar nuestras mezquitas y la imagen dentro de ella . De acuerdo, así que ahora mismo vamos a crear este, y se puede ver si hago doble clic en él, puedo mover la imagen así. Entonces esta es una mezquita controlable. Ahora bien, si creo un elipse simple como este, Ok, entonces les voy a mostrar a los dos. Maestro, éste es el sencillo más simple, y no es irritable. Entonces solo voy a arrastrar y soltar esta hermosa imagen de chica en esta. De acuerdo, entonces tenemos este clip dentro de esta elipse, y puedes ver que no podemos editarlo. Entonces si hago doble clic en él, va a editar la forma, pero no puedo mover la imagen. De acuerdo, entonces esta es su limitación. Por lo que esta es una forma de crear mezquitas al instante. Ahora la voy a dirigir, y vamos a crear esta mezquita. Está bien. Entonces, masa personalizada. También voy a borrar este. Entonces, primer lugar, todo lo que vamos a hacer es que ya sea puedes usar cualquier rectángulo en la forma que quieras, o puedes construir tu forma con un mental. Entonces voy dedo del pie aquí la forma con mi herramienta de pluma, click, drag, click, drag. Y voy a crear algo como esto. Tan solo un barco a medida. Entonces tengo esta sobrecarga de forma personalizada, y tengo este rectángulo por aquí. De acuerdo, eso es redondo este rectángulo. Pixeles del dedo del pie. De acuerdo, entonces tenemos dos formas por aquí ahora mismo. Uno es éste. De acuerdo, entonces este es otro. De acuerdo, entonces tenemos esta parte, que es Ah, forma personalizada. Vamos a nombrarlo forma personalizada. Entonces desarrollé, como, esta área, y uso esta cosa y vamos a crear Call this rectángulo. De acuerdo, entonces mi sexo ortográfico, Así que no te preocupes por ello. De acuerdo, entonces ahora lo que vamos a hacer es esa racha es que te vas de pie. Ah, arrastra y suelta cualquier imagen. Entonces voy a arrastrar y soltar una imagen por aquí así. De acuerdo, Ahora la imagen es muy grande, así que solo puedes acortarla con turno y arte la voy a usar y voy a hacerla corta . Basta con alejar, controlar o comando menos, y vamos a usar este. De acuerdo, así que así. De acuerdo, así que lo voy a colocar por aquí para que puedan ver la forma. Está bien. Ahora, el truco es que vas a usar Voy a usar este rectángulo. Entonces voy a mover este rectángulo por encima de esta imagen en mi panel de capas. De acuerdo, así que ahora mismo estoy esto en estas capas, y esta imagen está por debajo, y el ángulo de secta está en la parte superior. No, voy a cambio de dedo y haga clic en puerto fuera de ellos para seleccionar barco de todos ellos. Puedes seleccionarlos a ambos desde aquí. ¿ Verdad? Haga clic. Y se puede ver que hay una mezquita de opción con turno de barco. Control em o shift command M es una tecla de acceso directo, y solo puedes presionar esto y ahora se ha deslizado dentro de esta caja. Ahora, lo genial al respecto es que si me desarrollé como, puedo mover la imagen así. Entonces esto es realmente genial. Por lo que tengo más control en mi mezquita, y puedo cambiar la ubicación fuera de la imagen. A lo mejor quiero enfocarme aquí. Puedo usar algo como esto. De acuerdo, ahora aquí nos tenemos forma personalizada. Y de igual manera, solo lo maquillemos más grande y lo rotemos dedo del pie 30 así. De acuerdo, ahora voy a creer este, y voy a usar esta nave en su lugar. Y voy a importar de dedo este archivo, Sólo tienes que arrastrar y soltar, y es muy grande. Entonces voy dedo del pie, hazlo un poco más pequeño. De acuerdo, así que eso es casa. Fuera. Se puede ver que la imagen es demasiado grande para nuestra zona de recorte. Ahora son casi buenas. OK, entonces voy a mover esta forma personalizada por encima de esta imagen e ir a seleccionar ambos fuera de ellos presionando shift en mi teclado y click derecho y may mezquita con nave. Entonces tenemos una linda mezquita o aquí y eso es sólo moverse y ah, ve Algo así lo hacen más interesante. Y ahora se puede ver también puedo cambiar este idiota preguntante nuestras cabezas. Si hago algo como esto, puedes ver puedo cambiar el área de la mezquita ing, así que doble clic. Y también puedes cambiar esta mezquita en zona y luego también esta imagen para que puedas ver el cuadro limitador de esta pregunta India es diferente y esta imagen es diferente. Para seleccionar esta imagen se puede ver No, esta es de seleccionada por lo que puedo mover esto alrededor así y luego puedo volver a dar clic en cualquier otro lugar del dedo del pie, ver mi mezquita. Ok, entonces así es como puedes crear mezquitas en mezquitas personalizadas en Adobe X'd. Son realmente útiles en tu diseño. Espero que hayan disfrutado de esta lección y pasemos a la siguiente. 25. Estilos de personajes en XD: Ahora voy a hablar de las baldosas de práctica y cómo puedes reutilizar tus textiles en todo tu documento Un juego. Ahora, Ahora mismo, yo soy esto en esta profundidad patrimonial, que está por aquí. Vale, Así que te vas dedo del pie presiona este, y te vas del dedo del pie Ven a este activo así o todo en tus activos paso si sus colores, corrector, estilos o símbolos, son global. Entonces si cambias algo por aquí, se va a reflejar en todos tus tableros de arte. De acuerdo, Así que déjame ilustrar ejemplo fuera del estilo tractor y cómo podemos agregar pocos. Este es mi rumbo. De acuerdo, Así que he creado un encabezado lex changer, Sculler toe algo más como éste. Y lo voy a crear en un párrafo. Vamos a moverlo en dos líneas como esta. De acuerdo, así que este es mi rumbo, y luego me voy a crear el dedo del pie. Ah, párrafo por aquí. Utilizó regular. De acuerdo, Entonces este es mi párrafo, ¿de acuerdo? Y además, voy a cambiar su color por otra cosa. A lo mejor quiero un poco. Ah, gris claro color negro por aquí. Al igual que éste. Aparte de ah, pitch black. Ok, entonces sólo para diferenciar entre mi rubro en mi párrafo. De acuerdo, así que este es mi pantagraph. Añadamos otro enlace. De acuerdo, entonces home I links se dará click aquí para seguir adelante. Entonces este es mi enlace. Voy a usar color, que es éste para este enlace y voy a usar un subrayado. De acuerdo, entonces este es mi enlace. Este es mi párrafo. Este es mi rumbo ahora. Lo que voy a hacer es que quiero que todos estén en mis estilos de personaje. OK, así que voy a seleccionarlos todos y yendo del dedo del pie ¿Cierto? Haga clic y agregue estilo de carácter. De acuerdo, así que ahora puedes ver tenemos tres estilos. Me está mostrando el cuarto nombre. He usado esto. Ver Goy, tú yo y también diferentes tamaños y colores 48.20 punto. Es un poco aburrido, Grey. Es de un color oscuro, negruzco y luego tenemos esta diversión para nuestros dext links. De acuerdo, Ahora déjame mostrarte cuál es el poder apagado esto? Ok, entonces voy a presionar nuestra espinilla gota y voy a duplicar esto a otro tablero de arte. Entonces no tenemos a los libros de arte Vale, así que voy a cambiarlo. Haz algo. Esos están bien. Está bien. Ahora lo que vamos a hacer es que necesitamos cambiar el color de estos encabezamientos simultáneamente . ¿ De acuerdo? Ahora podemos hacerlo a partir de aquí en esto. Agrietado a un lado, ¿verdad? Al igual que en ello. Y me voy de pie. Usa algo más. Algo más como éste. Y voy a usar algún otro color. A lo mejor quiero que este color se pueda descubrir. Está bien. Ahora puedes ver cómo cambié instantáneamente todos los estilos de director, que básicamente son mis cuatro estilos. Y son globales. Entonces si lo cambio en un área, va a cambiar en todos los demás. De acuerdo, esto es realmente genial. ¿ De acuerdo? Entonces si quiero cambiar mis párrafos, Sí. Entonces, ¿dónde está mi párrafo? Creo que este es mi párrafo. Voy a editar su color. Yo no. Yo quería ser más licenciado. Puedo cambiar el color desde aquí. Ahora puedes ver que tengo cambio de grado de dedo sculler y también puedo cambiar otro revestimiento. Entonces si quiero cambiar, los Ford son el espaciado. Todo se va a cambiar. Entonces si quiero una tele ve por aquí y quiero que el espaciado sea línea. Hola, Toby. 28. Puedo cambiarlo de ella. De acuerdo, así que esto es muy útil. Puedes cambiar cualquier cosa al instante a través de todos tus diferentes tableros de arte. ¿ De acuerdo? Entonces si tienes, como, 20 tableros de arte son pantallas y quieres cambiar de rumbo, puedes hacerlo al instante. ¿ De acuerdo? Te va a salvar. Dunn está fuera de tiempo. Entonces, ¿así es como usas estos estilos correctores? Puedes agregarlas y puedes eliminarlas desde aquí. También puedes eliminar unos estilo de texto, estilo director. Y ah, así es como usas este power off estilos de director y será X t Espero que hayan disfrutado de esta lección. Pasemos a la siguiente lección. 26. Uso de guías en Adobe XD- ACTUALIZACIÓN: ahora. Recientemente en mayo de 2019 Adobe X T ha introducido una nueva característica, que es guías que fueron esenciales para cualquier herramienta de diseño. Y yo en este video, te voy a mostrar cómo usarlos y cómo copiarlos dedo del pie y otro tablero de arte. Entonces ahora mismo se puede ver que tengo en nuestra pizarra. Y si vas en la parte superior por aquí, puedes ver discutir er se ha cambiado a otra cosa. Entonces este espacio por aquí, vas a conseguir este y arrastrarlo y dejarlo así. OK, para que veas tenemos la navegación stop toe top donde tenemos ajustes de cuenta y botón Atrás . Entonces voy a tener algún guía por aquí. Entonces voy a ir otra vez por el lado izquierdo y voy a agarrar otro y dejarlo por aquí, luego uno debajo de uno, y lo voy a dejar por aquí así. Usemos otra, y me voy de pie. Ponte del lado derecho por aquí. De acuerdo, entonces tenemos derecha e izquierda Margen, stop, margen Y también podemos establecer nuestro marginal inferior aquí, y nuevamente necesitamos arrastrarlo desde arriba y dejarlo por aquí justo debajo de este siguiente botón. De acuerdo, así que hemos hecho sobre estas guías. Si quieres esconderlos, sólo tienes que localizarlos. S o.- Lo que voy a hacer es que voy a crear un nuevo tablero de arte. Vamos a crear otro tablero de arte X s y vamos del dedo del pie. Copia a todos estos chicos haciendo click derecho. Y veamos dónde tenemos guías, guías copia. Y aquí vamos con puntera press control o comando V, o puedes basar nuestras guías para el cabello o tarjetas de lugar. De acuerdo, así que eso es todo. También puedes esconder a todos los chicos por control. Y este semi colon, este es, creo, creo, el mismo atajo de teclado a través de todos los abs extra adobe. Entonces si quiero esconderlos rápidamente, puedo ir a éste, y puedo controlar o mandar semi puntos. De acuerdo, así que aquí lo tenemos. Se ven que se esconden por todas partes en todas las tablas de arte. Por lo que esta es otra nueva característica de Toby X. T. Espero que lo disfrutes, te guste y lo pruebes. Porque era muy necesario. En ocasiones tenemos dedo del pie tenemos algunas pautas para colocar nuestros objetos rápidamente. Entonces ahora si tengo estas pautas, sé que me voy a poner el dedo del pie mi primaria pero un no pelo y así. OK, por lo que coincidirá perfectamente con todas las demás pantallas. Entonces todo eso se trata de guías y cómo puedes copiarlas y cómo puedes eliminarlas y cómo puedes usarlas. Espero que hayan disfrutado de esta lección. Si tienes alguna pregunta que hacerme, pasemos a la siguiente lección. 27. Repetir cuadrícula: Hasta ahora hemos hablado de símbolos, estilos de personajes, colores y todo. Ahora vamos a hablar del dedo del pie de la característica más poderosa off a no B x d, que es cardo. Repite crudo. De acuerdo, entonces lo que hace es que tengamos este bloque de contenido como este. Este post de bloque, por ejemplo. Y quiero dedo del pie crear una repetición. Crear fuera de él. Entonces voy a patear esto y simplemente arrastrarme médicamente en la parte inferior así y puedes crear múltiples instancias copias de eso en sexualmente en esta dirección y también en destrucción. Si quieres, puedes usar algo como esto. OK, entonces depende de ti, Restricción. ¿ Te quieres ir ahora? La segunda gran parte es la distancia entre ellos, por lo que puedes cambiar la distancia entre ellos. Entonces tal vez quiero esta distancia de 48 píxeles entre estos dos postes de bloque. Y ahora tenemos esto. Y la tercera parte de crear es que puedes crear un archivo de texto y en cada línea te vas dedo del pie texto claro para diferentes encabezados. Entonces tenemos este rubro, que es similar. Cámbialo por otra cosa. Cámbialo por otra cosa. Ahora vamos a crear un archivo de texto y cambiar este encabezado al instante. Todos estos encabezamientos fácilmente. De acuerdo, entonces este es mi archivo de texto. Entonces voy a despejar este rumbo uno, y luego en la siguiente línea, voy a ver rumbo do por ustedes. Y en la tercera línea, voy a decir, rumbo 34 Comey. De acuerdo, entonces voy a guardar este archivo. Y ahora el truco es que necesitas arrastrar y soltar este archivo en la primera instancia de esa cuadrícula repetible. De acuerdo, así que aquí está mi archivo de texto. Entonces voy a arrastrarlo y soltarlo sobre esto. De acuerdo, así que este es mi rumbo. Entonces en la primera copia, esta es mi primera copia fuera de mi instancia. Entonces siempre arrástrelo por aquí. No en esta zona. Es tan primera copia y me fui dedo del pie, arrástralo y soltarlo. Simplemente déjalo caer. O aquí, así, y se puede ver al instante. Se crean los tres encabezamientos. De acuerdo, así que esta es la magia off repeat cred. De igual manera, se puede hacer lo mismo con las imágenes. Está bien. Entonces, por ejemplo, si solo vuelvo atrás y, uh, uh, solo elimino este párrafo y me voy del dedo del pie, crea una imagen. Una ojiva. De acuerdo, ahora puedes ver he abierto la toda la colección fuera de mi gente imágenes de mi colección de imágenes gratis . Y guardo mi colección así. De acuerdo, entonces lo que voy a hacer es que sólo voy de dedo arrastrando una imagen hacia esta. De acuerdo, así que ahora puedes ver tengo esta imagen lo deja salir de la frontera y no alto. Tengo esta imagen de encabezado y luego este enlace. OK, ahora los voy a seleccionar a todos, y voy a crear un crit repetido y simplemente aclarar algo como esto. De acuerdo, así que ahora tengo tres cuentas de cuadra y quiero cambiar estas tres imágenes al instante. De acuerdo, Entonces lo que voy a hacer es que voy a arrastrar estas tres imágenes, y las voy a soltar aquí en primera instancia. Ahora puedes ver que los tres han sido cambiados al instante. De acuerdo, así que esta es la magia apagada. Repetir credo. Y creo que es una de las mejores características off adobe extra you. Ahora tenemos ah dominado esto. Repita crear. También puedes extender tu beat Genial por aquí así. Si quieres. Ah, pero no lo recomiendo ahora mismo. No estamos en esto. ¿ De acuerdo? Ya nadie más es que ahora se puede ver aquí tenemos algo recortado. De acuerdo, entonces este contenido se está moviendo afuera. Ahora, si pasamos a este prototipo dab y ah, oigámoslo. Dos pantallas solo para aplacar este. De acuerdo, así que mueve esto, remolca este prototipo, y cuando haga clic en esta área, esta va a ser mi pantalla de inicio. Entonces solo hazlo en casa. Este click por aquí y me voy a mover el dedo del pie en este. Sólo su look todo, Así que eso es todo. De acuerdo, así que intentemos ejecutarlo, y ya puedes ver que simplemente no puedo ir. Lo que está limpia. Parece cuando no soy capaz de ver la diferencia de simplemente cambiar esto a otra cosa para que podamos ver al instante la diferencia. Algo así. De acuerdo, entonces ahora vamos a ejecutar esto. De acuerdo, entonces no tenemos aquí en la segunda pantalla. Ahora, lo que vamos a hacer es en la pantalla. Ahora tenemos el tablero de vista ocultar 6 67 No, vamos a moverlo a otra cosa. Siguiente. Cámbialo dedo del pie esto Así podremos ver todo el contenido. De acuerdo, entonces ahora tenemos esto. Y, uh, vamos a la hora. Tipo preferido y no, puedes ver tenemos esta barra de desplazamiento de barra. No, es cruelmente. ¿ Tendrá aire fresco la primera semana? Apenas el desplazamiento vertical y poca altura de tablero va a ser lo mismo. Está bien, no cambies esto. De lo contrario se va de pie aquí. Algunos problemas. La puerta cambia la altura del tablero de vista. Simplemente arrastra tu click tu tablero de arte y arrástralo en la parte inferior de tu pantalla. De acuerdo, entonces todo es visible. Para que waas la parte más baja fuera de tu área de tablero de vista de pantalla, puedes ver las líneas hijas. Y ahora tenemos esto. Si si puedo extender si quiero extenderlo más así. Y si extendo esto un poco a otra cosa se puede ver ahora tenemos más espacio por aquí y podemos desplazarnos un poco más hacia abajo. Ahora si vuelvo a ejecutar esta vista previa ahora puedes ver que tenemos más área de nivel de desplazamiento. ¿ De acuerdo? Ahora, si quieres quitar esta repetición crear, OK, OK, así que voy a hacer clic en él y en grupo Bueno. Ahora, ¿Por qué lo necesito? Entonces si vas a capas, puedes ver aquí no tenemos nada. Por lo que sólo un grupo llamado repetición. Genial. No puedo editar o cambiar algo si quiero. De acuerdo, Entonces lo que voy a hacer es grilla grupal de la ONU y voy a cambiar algo. A lo mejor. Vamos a seguir adelante. Está bien. Y otra vez, voy dedo del pie a crear un ritmo. Genial. Si todos estos grupos ahora se puede ver todos he seleccionado todos estos tres grupos y claramente eso apareció genial otra vez. De acuerdo, así que ya puedes ver ahora yo creé esto y uno de ellos. Acabo de tenerlo editado. Vale, Así que si quieres personalizar tu lectura genial y editada así, solo Hoy lo hiciste puedes o bien hacer clic derecho y un grupo de cuadrícula o usar esto en grupo crear y editar y luego en contra, como, el cada grupo que has separado. Entonces si soy grupo otra vez, puedes ver tenemos este grupo en este momento y ah, dentro Descubre tenemos tres grupos. ¿ De acuerdo? Para que puedas cambiar lo que quieras por aquí. A lo mejor no voy a cambiar este. Sí. Entonces voy a ir a este grupo y voy a Owen Group it porque este es un grupo extra . De acuerdo, entonces tenemos ahora tres grupos. Una demasiado invernal otra vez. Voy a crear Beat Creed y puedo crear un gran out off. De acuerdo, Así que esta es la forma en que puedes, uh, en grupo tu grado y un grupo tu grande otra vez Y puedes actualizar instantáneamente tus valores, tu texto a tus imágenes, cualquier cosa que quieras. Sólo tienes que arrastrar y soltar. Eso se trata de esta nueva característica, que es repite grilla. Por lo que espero que hayan disfrutado de esta lección. Pasemos al siguiente. 28. Componentes en Adobe XD: ACTUALIZate: ayer. Adobe X'd waas actualizado a la versión Mayo 2019 y han lanzado una actualización masiva. Por lo que en esta actualización reemplazaron los símbolos por los componentes. Entonces, en lugar de usar símbolos, que era mi vieja lección, estoy sustituyendo por componentes de qué? Nuestros componentes. Voy a explicar todo este concepto en esta lección. Entonces quédate conmigo y empecemos. Entonces aquí sólo tenemos un tablero de arte con sólo unos pocos extra estaban aquí un botón y esto Puedes ver estos son separados Este es de fondo y este es texto. Entonces otra vez en la parte inferior. Se puede ver que tenemos esto para esto estos cuatro grupos en ¿tenemos? Ah, otro grupo, que es navegación de fondo. Por lo que todos estos cuatro iconos se pueden ver por aquí están dentro de esto y luego tenemos el fondo. Entonces, um ahora lo que vamos a hacer es en todos los sentidos, diseño de sistemas o diseños de interfaz de usuario es algunos. El mejor sistema es que puedes reutilizar tus componentes por lo que componente es igual que los símbolos, Pero son un tratable. Se pueden cambiar sus palabras. Se pueden cambiar sus tamaños. Se pueden cambiar sus colores. Se puede anular un propiedades diferentes fuera de ellos. Para que veas que estamos aquí por cómo podemos hacer un componente. Simplemente selecciona la capa de grupos que quieras. Por ejemplo, este y me voy de dedo de la prensa comando o control K o Y esto va a ser un componente se puede ver aquí tenemos componente von Dishman. Para que puedas renombrarlo como, um uh, botón subrayado primario. De acuerdo, entonces tenemos este componente ahora, hay una cosa que entender por aquí. Se puede ver aquí tenemos un pequeño enredo de gato verde alrededor de este componente. Significa que este es el componente maestro. Entonces si intentamos dedo del pie, ve a este activo y puedes ver aquí tenemos otra pestaña por aquí, que se llama Componente. Podemos renombrarlo aquí prime re leyendo algo así. Y ahora lo que voy a hacer es que voy a arrastrar el dedo del pie esta ojiva y y estoy alineada así y se puede ver u oír en este botón que tenemos. No tenemos ningún tipo de cosa cuadrada o diamante por aquí, Así que si selecciono este, puedes ver aquí tenemos un diamante. Y si selecciono esta, ésta es en realidad una instancia de ese botón. Entonces este es maestro de esto es un niño. Instancia instantánea. Y es Puedes cambiarlo sin cambiar este. Entonces, no trates de cambiar al maestro. Vamos a editar esta, así que voy a hacer doble clic dedo del pie goto estas capas para que veas cómo se ha abierto esto . Este componente está abierto. Podemos ver las capas dentro de ella. Podemos cambiar el color. Entonces voy a ir con, uh, uh, este color y se puede ver el componente maestro está ahí. De acuerdo, entonces estamos usando el mismo componente. Y si quiero volver al componente anterior, puedo hacer click derecho y restablecer al componente Mars Master. Por lo que se va a restablecer mi configuración del dedo del pie el componente maestro anterior, que era éste. De acuerdo, entonces, um, esto es una cosa. También podemos cambiar el tamaño fuera de él sin que se pueda decir, canjee el tamaño fuera de él desde aquí. Por lo que puedes ver ahora estoy seleccionando todo el componente en lugar de sus partes. Entonces voy a ir cangrejo del dedo por aquí, y voy a expandirlo así, um, dedo del pie toda mi pantalla y puedes ver todo igual. No tenemos cambios en el componente maestro. Pero si tratamos de cambiar algo por aquí, por ejemplo, el juicio de fuerza, cambiémoslo por otra cosa. Cambiémoslo para servir mejor. Por lo que se puede ver una vez que t y hacer un cambio en el componente marcial, se va a reflejar en todos sus Niños. Por lo que he cambiado mi tipografía, y ahora se refleja en todos los Niños. Entonces esto es una gran creo, mejora porque podemos editar, podemos crear diferentes instancias fuera del mismo botón, tal vez a tus cuatro tipos diferentes de Putin Primaria secundaria, terciaria Burton diferente adul mensajes directos o cosas así. Entonces esto es genial. De acuerdo, entonces creo que eso es todo por esta. Ahora voy a crear otro componente usando este. De acuerdo, así que puedes ver aquí tenemos esta navegación de fondo y yo voy a crear un componente. También puedes hacer click derecho. Y aquí tenemos make component y va a ser un componente Vale, así que ahora puedes ver si voy a ir a tablero de arte presionando a y quiero ir con esta pantalla iPhone seis emanan. Puedo ir a mi sección de componentes por aquí, y puedo arrastrarlo así. Entonces ahora si quiero cambiar el tamaño fuera de él, por ejemplo, era iPhone X son pantalla de acceso y esta carta de unicidad así puedo ir por aquí y puedo adicto por aquí. Entonces todo eso se trata de componentes en los escombros. En realidad, espero que hayan disfrutado de esta lección. Si tienes alguna pregunta que hacerme, pasemos a la siguiente lección. 29. Activos vinculados en XD: ACTUALIZación: en este video, vamos a hablar de una característica muy nueva última que Adobe en realidad acaba lanzar hace dos días en mayo de 2019. Y eso es en realidad un sistema de diseño. Puedes mantener un sistema de diseño en Adobe X T. Y si abres cualquier archivo nuevo puedes ver a la izquierda tenemos activos de enlace. Entonces vamos a ver cómo podemos desarrollar todo un sistema de diseño. Y podemos vincular nuestro sistema de diseño hacia cualquier nuevo proyecto que estemos diseñando. Por ejemplo, um, Airbnb o uber puedes ver esos sitios web que tienen Todo su sistema de diseño ahí finge que son iconos ahí, Di biografía. Todo está, ya sabes, en un diseño con un sistema. Entonces lo que hacen es que simplemente usan todo el sistema de diseño y judíos esos componentes de esos sistemas de diseño y los usan para construir un nuevo diseño. Ahora, antes de entrar en activos vinculados, nos vamos de pie descargar este hermoso diseño una semántica. Lo despiertas por más de 60 semánticos. En realidad eres un marco para que los desarrolladores front-end construyan abdominales fabulosos y es uno genial . Podrás visitar su página web. Voy a mostrar el enlace. Por lo que aquí hay un kit gratis y es muy detallado. Se puede ver que tenemos botones. Tenemos pasos. Tenemos morir. Bogra fee colores, formas, marcador de posición, comando, busca todo lo que tenemos por aquí. Por lo que esto en realidad se llama todo el sistema de diseño. Contamos con componentes. Tenemos cargas. Tenemos tipografía, escalas y cada rubro y todas esas cosas. Por lo que una vez que hayas descargado esto, puedes ver por aquí. Descargar Semantic. ¿ Te gusta? Vamos a abrir este archivo X T en nuestro adobe X'd. Ahora donde puedes ver he abierto Semántica. Te gusta y es un detallado. Te gusta con mucho fuera de tableros de arte. Se puede ver dónde si hago zoom, se puede ver estos son pocos mensajes de advertencia. Algunas cosas más que si vamos por aquí. Se puede ver que tenemos iconos. Tenemos cargas. Onda, Este este documento se puede ver existir, componente maestro. Si recuerdas de mi última lección anterior, ese componente maestro es en realidad el que originalmente creaste. Y si haces algún cambio o aquí se va a reflejar a través de todo tu sistema de diseño . Entonces todo lo que tienen por aquí no es maestro. Estos están en estos muchos. Tenemos cargas. Estos no son componentes maestros. Estas son solo instancias apagadas del mismo botón. Defilar primaria. Déjame acercar. Se puede ver por aquí. Desfilar Primaria secundaria. Estos no son componentes maestros ya que no tenemos ningún diamante a la izquierda. Entonces aquí tenemos descarte guardar. De acuerdo, entonces tenemos botones de colores. Después hemos etiquetado botón con likes o cosas así. De todos modos, entonces el primer paso, si quieres, si has desarrollado todo tu sistema de diseño Entonces, ¿cómo vas a hacer eso? Te vas del dedo del pie, especifica algunos colores. Vas a tener algo de tipografía, asustos y todas esas cosas y también las vas a sumar aquí en el panel SX. De acuerdo, así que has creado este archivo. Se puede ver que todos estos colores están por aquí. Se les nombra adecuadamente advertencia, mensaje, antecedentes y todo eso. Tienes que asegurarte de que todo se haya agregado por aquí y entonces vamos con el dedo guardar este documento. Vamos a ir a guardar como y lo vamos a guardar como nuestro documento en la nube. Entonces lo voy a guardar como mi documento en la nube. Está bien, entonces ahora mismo lo está guardando. Tomará algún tiempo porque lo está subiendo a mi nube varios fuera de Toby, y vamos a ver cuánto tiempo lleva. De acuerdo, entonces ahora se ha salvado. Vamos a cerrarlo. Vamos a abrir un nuevo expediente. Entonces voy a abrir un nuevo archivo. Abramos esta web 1920 y nos vamos toe klik. Ahora bien, si queremos traer todos esos componentes que guardamos en semántica te vamos toe klik o aquí vincula activos y vamos a ir de pie a estas nubes, documentar documentos en la nube, y vamos a selecciona este. Por lo que ahora se puede ver que ha traído todos los activos del lado izquierdo. Se puede ver que tengo todas las afirmaciones. Tengo todo el sistema de tipografía, todo por aquí. Entonces si quiero construir algo rápidamente Uops. Um así que si quiero construir algo rápidamente, puedo arrastrar por aquí. Y este es mi botón. Ya puedes ver. Ahora mismo. ha sido. Tiene algún pequeño icono por aquí que es un activo vinculado. Por lo que también podemos desvincular este componente si si queremos saber si queremos quedarnos con el componente y usar éste igual que nuestro semántico um, Kate o sistema de diseño, podemos hacerlo. Está bien. Por lo que también podemos restablecer al componente maestro. Si hemos realizado algún cambio, también podemos agregar este componente en los documentos de la fuente maestra. Entonces si hacemos clic aquí, se va a abrir un documento fuente, y aquí lo tenemos y podemos editarlo por aquí. Entonces hay muchas cosas que puedes hacer por aquí y arrastremos este fondo Así que tenemos Facebook , pero y luego tenemos componentes básicos de tarjeta. Ya ves, estamos aquí, y, um, tal vez pueda agregar este botón aquí así. Muévete por encima de algo como esto para que puedas ver dentro de solo unos pocos arrastramientos y caídas. Yo he creado esta guardia para Christie y podemos, ya sabes, usar esta. OK, entonces estos son realmente componentes. Pueden ir fácilmente juntos. También podemos arrastrar algunas cosas más como las que tenemos por aquí. Una barra escolar vertical manual. Por lo que tenemos este menú de navegación del menú, entonces tenemos muchos verticales. Por lo que estos están construidos en componentes. Podemos reutilizarlos. Podemos ajustarlos si queremos. Si queremos que nuestros vincularlos y cambiarlos, también podemos hacerlo. Entonces vamos a anular por aquí, y voy a ustedes algunos mi bandeja de entrada. Está bien. Tan simple. Simplemente, este es, creo, el sistema perfecto que puedes hacer. Y si vamos por aquí, se puede ver que tenemos, um no tenemos iconos por aquí. ¿ De acuerdo? Entonces si quieres Oh, usa esos iconos que estaban en el otro documento. Estamos aquí. Podrás ver estos y todos los iconos que necesitas para agregarlos a tus activos. De acuerdo, Entonces si tenemos esto o tal vez esta de una manera, queremos agregarlos a sobre activos. Entonces voy dedo del pie seleccionar a sus selectos. Icahn es este ícono y ah tenía que convertirlo en un componente. Voy a convertirlo en un componente. De acuerdo, así que vamos a llamarlo , como en expandir. Está bien. Así que asegúrate de nombrar es perfecto. No necesitas,ya sabes, hacer ya sabes, algo como este juego. Entonces es una vista. No, salvando esto. El mismo documento, que es mi documento maestro. Yo cambio. Creé un activo, que es mi ícono por aquí. No, volvamos al primer documento que estaba vinculado, que estábamos diseñando en Por aquí. Y puedes ver aquí tenemos un botón diciendo actualización. Por lo que significa que alguien ha actualizado en los documentos maestros. Voy a presionar después de la palabra aquí o si voy abajo, puedes ver voy a presionar la actualización y se va del dedo del pie Podrías ver. Muéstrame una nueva ya que se ha agregado de semántica. Te gusta así que voy a bajar. Y aquí está el componente. Acabo de agregar Este es icono. De acuerdo, así es como puedes integrar sin problemas tu sistema de diseño en remolque. Cualquier diseño que estés haciendo, así que lo que sea que estés haciendo los diseñadores, si tenemos ah sistema ya hecho, tenemos un sistema de diseño. Podemos usar eso y podemos subir sus cambios en los componentes maestros o archivo maestro, que es nuestra semántica que malvada manera han vinculado por aquí y va a enlazar todos los componentes. Todos los estilos estuvieron aquí desde estilos de encabezamiento, todos los colores, todo lo que va a importar a nuestro nuevo documento. Entonces todo eso se trata de activos vinculados. Creo que es una gran característica. Por lo general podemos es que, Ah, y crear impresionantes Ojos interfaces de usuario. Espero que hayan disfrutado de esta lección. Si tienes alguna pregunta que hacerme, pasemos a la siguiente lección. 30. Atajos comunes: Si quieres aprender algún software, cualquier app, cualquier software de diseño y según software, si quieres conseguir rápido en él. Y si quieres O haz que tu flujo de trabajo sea muy rápido, necesitas aprender que son atajos en el atajo. Las claves son, ah, un poco diferentes, no muy diferentes en Mac y Windows. Hay demasiada similitud, y me encantan las teclas de acceso directo que se mapean en este software de Adobe Exley porque son muy fáciles de recordar. De acuerdo, entonces vamos a cubrir las teclas Crocker más básicas o mayormente usadas en esta lección. Y en la siguiente lección, vamos a explorar algunas más que pueden ayudarte en, ah, ah, acelerar tu flujo de trabajo en Adobe X'd. De acuerdo, así que empecemos. Entonces, antes que nada, vamos a ver algunas fuera de las herramientas de la izquierda. Estos son muy fáciles. Seleccionable es V como siempre tuvimos en para una tienda y creo que en ilustrador entonces tenemos este ángulo de secta, que es rectángulo para nuestra y si presionas estás yendo dedo del pie. Entonces voy a seleccionar esto y voy a presionar nuestro y ahora tengo un rectángulo Dibujemos un rectángulo por aquí y quitemos su borde. De acuerdo, entonces tenemos un rectángulo entonces tenemos esta elipse y muy fácil Y te vas de dedo del pie conseguir una elipse. Puedes presionar la tecla Mayús para que sea proporcional así. Entonces esto es muy fácil. Voy de nuevo a presionar v saudita. Por aquí no. Voy a presionar V y voy a dar click en cualquier lugar para de seleccionarlo. Está bien. De acuerdo, entonces tenemos esta herramienta de línea, que es l Esto también es muy fácil. Tan sólo una línea se puede controlar. Las opciones estuvieron aquí otra vez. Voy a presionar V y voy a dar click en otro lugar que este mental. Esto es ser muy fácil. Puedes arrastrar y hacer algo así. Entonces esta es nuestra herramienta de planta y de nuevo voy a presionar escape para dejarlo así y v d seleccionado y seleccionado de nuevo. Además, puedes usar el relleno si quieres. Entonces este es Bendel. Entonces tenemos este texto sobre HST D es para herramienta de texto. Se puede utilizar cualquier tipo de texto. De acuerdo, así que estos son muy fáciles. Entonces tenemos este tablero de arte A y tendrás más nuestros tableros. Vamos a crear un hardboard iPhone X por aquí, y voy a presionar barra espaciadora, que también es clave muy común para mover todo y cómo. De acuerdo, ¿por qué? Estás diseñando controles el y yo voy a presionar V, y voy a presionar barra espaciadora para sostener este lienzo, y me voy a mover hacia arriba para enfocarlo en el medio. De acuerdo, así que esta es otra tarjeta corta. Puedes presionar la barra espaciadora para mover estas cosas así. De acuerdo, entonces tenemos la herramienta de zoom Z, y puedes usarla presi, y puedes usarla para acercar un elemento. OK, Ahora, si quieres volver atrás, puedes presionar y mantener presionada tu tecla de arte u opción, y puedes alejar así. OK, así que haz click una vez y te vas con el dedo del pie. Alejar el zoom. Entonces este es el nuevo loco. Va a estar en esto más. Si desea alejar, debe presionar la tecla art u opción y seguir presionándolo y se alejará. De acuerdo, Ahora estamos Puedes ver u escuchar en la herramienta de zoom ampliación de zoom que estamos al 75% o 100% en este momento. Entonces si me alejo, ahora estamos 75 50%. Está bien. Ahora, si queremos volver con atajos chicos, acercar y alejar. Eso también es muy común, y lo vamos a utilizar mucho tiempo, que es control o comando. Además así. Por lo que presiona control o comando y luego la explosión de esquí que el menos para alejar. Esto se va a utilizar muchas veces. Después para un zoom 200% o zoom toe esta ventana, entonces vamos a presionar control y cero. De acuerdo, así que ahora se puede ver que es propiedad de 79.44% y se zonifica por respeto a la zona que tengo por aquí con mi lienzo. De acuerdo, entonces si estaba usando, conocí pronósticos Rey cinco k Podría asumir más del 200%. Estás ahora mismo, estoy usando mi PC windows. Entonces tengo menos espacio. Por lo que se zonifica a 79.4% lo cual es cómodo para mí dedo del pie Haz mis cosas de diseño gráfico. Ahora, si quieres acercarlo 200% puedes hacer eso para que puedas comando o comando o control Presione uno. De acuerdo, Ahora se puede ver que casi se está apagando. Fuera de mi alcance están mi pantalla y lienzo. Por eso este software expandió el dedo del pie 79.4%. OK, así que puedes presionar cero para acercar el dedo del pie del ajuste. Se puede presionar control o comando uno, y ah, y controlar y comando cero para ajustarlo de nuevo al lienzo. De acuerdo, entonces estas son algunas herramientas. Vamos a usarlos mucho tiempo. Acercar, alejar y alejarlo. Ahora, en la siguiente lección, vamos a cubrir algunas teclas de acceso directo mawr que nos van a ayudar a movernos con las capas. Entonces si vamos dentro de las capas fuera de este panel, se puede ver que tenemos 12345 años. Entonces vamos a hacer algunas cosas con estas capas, moverlas, alinearlas y cosas así. Entonces pasemos a la siguiente lección. 31. Más palabras de atajos: De acuerdo, Ahora, empecemos con aprender algunas teclas de acceso directo más para el trabajo de remolque de adobe X T. Foster en ella. Ahora vamos a encerrar algo años. ¿ De acuerdo? Ahora, si tienes una capa de fondo por aquí, por ejemplo, vamos a crear un fondo por aquí así. ¿ De acuerdo? Ahora se puede ver que está en la parte superior. Yo quería estar en la parte de atrás. Vamos a crear un ingrediente lineal y elegir algunos de los colores por aquí. A mí me gusta eso en así. De acuerdo, entonces tenemos un ingrediente. Citemos dos colores. Está bien. Ahora se puede ver aquí es donde parte de la frontera y ahora se puede ver que está en la parte superior. No, queremos que se mueva al fondo. De acuerdo, Entonces lo que vamos a hacer es si tienes la razón, click aquí, puedes ver la opción arreglar. Entonces esto es muy fácil. Centro atrás. Trae a un amigo. De acuerdo, Así que ten en cuenta. Cambio de punta muy fácil. Entonces estamos cambiando esto a la bolsa. Entonces vamos a presionar el comando shift y el soporte trasero o el soporte inverso para enviarlo atrás y el soporte delantero para traerlo en diferente. OK, así que lo voy a hacer ahora mismo. Desplazamiento de mando o controlado. Desplazar hacia atrás, Atrás. Beckett y registro frontal. Ahora se puede ver a la izquierda en el panel de capas. Se está moviendo hacia arriba y hacia abajo. Ahora podemos ver que esta capa está en la parte inferior. De acuerdo, Así que como es nuestro fondo así queremos bloquearlo para que puedas hacerlo de dos maneras, verdad? Puedes hacer click derecho. Y se puede ver Aquí está el listo. Fácil comando o control de teclas de acceso directo. Y así simplemente cerrarlo así. Ahora se puede ver un candado pequeño. Ya he ido por aquí. No podemos moverlo accidentalmente así. Entonces si seleccionamos, vamos a seleccionar estas texturas y todo propio sobre esto más adelante. De acuerdo, entonces no vamos a ir a la capa de fondo selector de dedo por aquí. Está bien. Está bien. Por lo que puedes ver ahora tenemos tres capas sobre el cabello. Uno está en la parte de atrás y está bloqueado. Ahora, una cosa más que puedes hacer es esconder tus capas. Entonces si seleccionas algún día como este y si quieres esconderte es que te vas de puntera a control y semi colon o control o en el Mac, Será comando, control de teclas o comando semi colones. Y se va a esconder así. Se puede ver que me estoy escondiendo y mostrándolo una y otra vez. Por lo que esta es también una clave común que necesitas aprender. Entonces hay una cosa más. Por ejemplo, estos dos. Yo quiero que se vinculen. Entonces yo lo soy. Lo que voy a hacer es que quiero que sea y se agrupe con éste. De acuerdo, así que lo voy a cubrir de blanco. Y así me voy. Yo quiero que sean de grupo. Entonces voy a presionar la tecla Mayús y seguir haciendo clic en que los elementos o las capas. Yo quiero estar en un grupo que voy a presionar control o mando G. De acuerdo. Por lo que se puede ver a la izquierda. Ahora es el grupo uno. No, Si quieres cambiarle el nombre, puedes hacer doble clic aquí y puedes cambiarles el nombre. Se puede ver que hemos agrupado uno de tres años y también podemos en agruparlos hasta ahora en agruparlos, vamos a simplemente cambiar una clave con ella. Entonces comando y nuestro control G fue para agrupar y comando Shift G es a en grupo ahora se puede ver que se han agrupado. Entonces estas son pocas cosas que vamos a usar mucho, por ejemplo, agrupar y agrupar. Ahora una cosa más es que si quieres duplicar antes, si quiero duplicar este, puedo o seno son drop shin key y drag así y se va a crear un duplicado. El otro camino es que también puedo presionar al comandante Control D y se va a duplicar. Entonces estas son dos formas de duplicar cualquier leer en Adobe X'd ahora algunas cosas más. Por ejemplo, si quiero seleccionar todo, viene Controller Command. Es casi común en todo el diseño de ábside, AP, incluso Microsoft Word. Y si desea de seleccionar, puede volver a agregar una tecla de turno en la mezcla, control o comando. Desplazarlo y lo va a diseccionar. Por lo que vamos a volver a seleccionarlo ahora. Una clave más que vamos a perder mucho es la alineación. El alineamie