Curso de bocetos: diseño UI

1. Introducción: Hey ahi, tengo el placer de invitarte a un curso de boceto de ocho horas de duración completo. Conocimientos prácticos y diseño Secrets Off Interface Sketch ya te ha ganado el corazón , yo y los diseñadores de UX, pesar de que casi cualquiera puede aprenderlo. De verdad. El up fue recibido por una cosa, Onley extremadamente eficiente que un diseño gráfico fuera de curso. Se puede utilizar para diferentes tareas. Pero entonces te das cuenta de que el número fuera de la interfaz diseños creados en boceto el año pasado superó incluso lleno de tiendas. Gracias a su singular enfoque hacia arriba y diseño de sitios web, Sketch ha ganado una clara ventaja sobre las aplicaciones menos deficientes sobrecargadas de diversas funciones. Sanchez Photo Shop e ilustrador, Al igual que un cirujano que está en su mejor momento usando una sola pareja precisa en lugar de un cuchillo de francotirador dulce con un surtido confuso fuera de herramientas, operaciones más rápidas, archivos más pequeños, mejor eficiencia dedicó sus constantes y cientos de descuento útil comunidad creados plug ins hará que definitivamente caiga para el sketch. El curso ha sido diseñado para mostrarte la funcionalidad fuera del sketch para enseñarte cómo aprovechar mejor su potencial. Empezaremos con un conjunto de pequeños ejemplos de cómo encontrar el camino alrededor del UPS, la interfaz y las herramientas. Y luego pasamos a un proyecto práctico donde las herramientas se utilizarán de forma creativa. Dividí el curso en dos partes. El 1er 1 es un compendio enormemente comprimido fuera de cientos de técnicas importantes, claves breves empinadas, intrigas y otras cosas. El otro te llevará a través de un proyecto de diseño a menudo interfaz hacia arriba fuera de un hogar inteligente desde cero. Experimentarás todo el potencial fuera del boceto y aprenderás a trabajar con símbolos reutilizables . Cómo usar catch para diseñar diseños, que escalan fácilmente a diversos dispositivos y resoluciones. Cómo crear herramientas de actor USV y diseñar tus propios iconos, entre otras cosas, también discutirán la tipografía, iconos y extradiciones para ayudarte en tu trabajo. Para el final del curso, se apple pantallas para maravillarse con el fin de crear un prototipo interactivo. Agregar en animaciones y transiciones nos permite presentar nuestro up como composición espectacular pero también clara . Este curso es esencialmente un enfoque nuevo y fresco para diseñar interfaces de usuario madre. Apenas puedo contener mi emoción por la dirección que dice todo lo que he preparado para ti. Hay decenas de fuera técnicas y materiales adicionales añadidos al curso. Y confía en mí, es divertido ir por todo eso hasta que te des cuenta que solo es el principio. Una maravillosa aventura en el mundo fuera Mamá sabía que yo y UX herramientas de diseño. A continuación, te cautivará la funcionalidad fuera de las herramientas para crear prototipos de interacciones micro y finalmente exportar tu diseño al desarrollo. rapidez con la que puede llegar al otro lado del espejo depende enteramente de ti. ¿ Aceptarás el reto con ganas de ver en la primera lección? 2. Asignación de cursos y archivos de origen: ¡ Eh ahí! Y bienvenidos a la siguiente lección. Estoy súper emocionado de que decidieras tomar mi curso de playera de habilidad. Gracias de nuevo por eso. Y en esta lección, voy a contar sobre el proyecto del curso. Por lo que es súper importante que den pasos para recrear lo que creamos en el curso. Es realmente útil que hagas tus propios diseños en boceto y presentas el proyecto. Por lo que el proyecto y la asignación del curso está haciendo un móvil arriba. Nos vamos a estar centrando en y movil arriba que he creado aquí y se puede ver el caso Study on be hands está bastante aseado con, ah, algunas características geniales y también animaciones que puedes aprender de los otros cursos que yo tener en habilidades. Claro, pero básicamente vamos a diseñar un bonito up. Y quiero que creen esto por su cuenta también y envíen esto como el proyecto del curso para que puedan seguir las lecciones y puedan hacer exactamente lo que yo hago. Teoh cumplir con esta tarea. Pero también te animo a dar algunos otros pasos y tal vez a retocar un poco. A lo mejor tú, algunos otros colores, tal vez uses algunas fotos diferentes. O tal vez decidas crear la versión completamente diferente de arriba. No tiene que ser el hogar inteligente arriba que yo creo, pero es realmente importante que entrenes y envíes el proyecto. Ahora. Otra cosa que quiero mencionar aquí son los archivos fuente. Por lo que los archivos fuente para este curso están en los comentarios a esta lección. Si echas un vistazo a la línea de tiempo de la lección, puedes ver un pequeño avatar aquí. Esa es mi otra mano, básicamente un comentario con el link para soltar libros que puedes usar para descargar todo fuera del dispositivo que he aceptado este curso ahora. No todas las lecciones tienen sus archivos de inicio y archivos terminados, y tampoco todos los activos que uso medios archivos en los archivos fuente, pero les animo a utilizar los enlaces que proporcioné. Algún recurso está apenas bajo algunas licencias, así que no pude cerrarlas aquí. Y para algunos ejemplos, solo siento que es mejor que comiences desde cero y creas esos recursos junto con el curso. Por lo que les deseo todo lo mejor y ah buena suerte para crear este proyecto del curso. Como dije, esta asignación es bastante importante. Así que asegúrate de crear tu propia versión del up y que presentaste en la discusión para discurso. Muchas gracias, entonces. Nos vemos en la siguiente lección. 3. Navegación a través de documentos: esta lección se trata de navegar en los documentos de su horario. Entonces cada vez que lam sketch, ves esta pantalla de bienvenida con algún uso, y también puedes acceder a los documentos recientes así como a las plantillas que se crean para los uses. Por ejemplo, para IOS usted diseño o diseño de materiales. También puedes crear tus propias plantillas. Se puede desactivar la pantalla de bienvenida, pero creo que es muy útil, así que la dejamos por ahora, y creamos nuestro primer documento con esquema de diseño de materiales. Por lo que cuando trabajas desde documento listo hecho, puedes ver que tienes listas todas las guías de estilo, aparearte en grupos de capas de boceto y también símbolos, y puedes reutilizarlas fácilmente. Por lo que esta es manera muy eficiente. Si estás creando algún material, diseña los sitios web o aplicaciones para Google play. Si tienes algunos otros archivos con puntos catch, puedes abrirlos haciendo doble clic. Pero lo que consigues esto en lugar de abrir esos fuegos en la misma ventana que te metes en tienda de seguimiento o ilustrador. Tienes otra ventana fuera del boceto, y es muy útil porque ahora puedes obtener los componentes de un archivo y por ejemplo, simplemente arrastrarlos a otro archivo. O puedes venir a ver. Vamos TV solo co p y pegarlos también. Alguna otra ventana fuera de curso. Siempre se puede trabajar con las tapas también. Tienes tops que puedes aquí afuera, y rara vez puedes reorganizar las tapas. Puedes cerrar las tapas desde aquí, y puedes, ah, ah, simplemente agarrar la parte superior de una ventana y luego simplemente hacer que se pegue a otra ventana para que tengas que tapar en una ventana. De acuerdo, cerremos esta ventana que no necesitamos. Podemos presionar el comando W y luego hagamos más grande esta ventana. No queremos entrar a pantalla completa, así que presentamos hold health en el teclado y cambios de pantalla completa a Plus vengo para que podamos entrar a este molde que eso asustará a nuestra ventana. Por lo que ahora se maximiza la ventana de boceto, y puedes navegar por todas las páginas fuera de nuestra aplicación móvil y tableros de arte con algunos atajos de teclado prácticos. Entonces si quieres acercar algún objeto o alguna capa o el fueraborda, simplemente haz clic en el nombre del artículo y luego presiona el primer atajo. Es comentario a cuando presionas comando a ti. Obtén la vista de pantalla completa de lo que has seleccionado recientemente. El segundo atajo es el comentario uno y comentario. Uno te permite ver todo lo que tienes en tu proyecto, por lo que asusta hasta ahora hasta 14% para manejar entrevista que tienes todo lo que tienes en proyecto. Después puedes seleccionar algún otro elemento, y puedes presionar comando para acercar. Es otra vez. Y como ves esto no tiene por qué estar en tablero de arte. Se puede seleccionar cualquier elemento, y se acerca tanto como se puede. Por lo que el siguiente atajo es libre de comandos y común. Congelar el atajo corto que utilizó para llevar el objeto seleccionado, por ejemplo, éste al centro fuera del puerto de vista. Entonces la razón por la que lo hacemos ISS porque cuando seleccionamos algún otro elemento y solo presionamos venir, plus y mando a los mineros, no funciona porque no está en el centro, así que tienes que presionar comando libre, y luego puedes usar la familia hay atajos de plantas comunes y millas comunes porque se acercan exactamente al centro fuera de la vista por lo que el flujo de trabajo más rápido es seleccionar un elemento, y luego presionar comando para que lo amplíe y puedes usar los signos más y menos aquí en el top. O puedes usar más común y comentario común menos. Entonces puedes presionar cero común para acercar al 100%. Y también puedes duplicar rápido en este icono de zoom para llevar al 100% de ti. Entonces esas son dos formas de lograr eso. Anochecer. De acuerdo, una cosa más que me gusta mostrarte es cuando seleccionas un elemento y tienes cierto nivel de zoom . Siempre puedes presionar y mantener presionada la barra espaciadora, lo que te permitirá cambiar la vista. Por lo que presentas hold space bar que presionas el botón izquierdo del ratón y simplemente te drogas y puedes ver algunos otros objetos en el otro barco. Por lo que esta es una herramienta cargada de resorte. Entonces eso significa que cuando lo presionas, tienes que sostenerlo. Tienes que sostener rebabas espaciales, y cuando lo sueltas, ya no puedes usar esta herramienta. Por lo que vuelves a la herramienta que has estado usando y s O que tienes estas técnicas muy comunes para navegar. Para boceto, tienes comando libre de comando, más menos común. Vamos, un comando para y vamos en cero y todo lo que tienes en esta vista dinero también. Está bien. Y hay una cosa más que me gusta mostrar en esta lección. Y esto es lo que se llama vista de presentación. No es el modo de pantalla completa, pero oculta todo el clatter de la izquierda y del lado derecho así como la barra de herramientas, y se accede al mismo presionando el punto de comando en el teclado. Entonces ahora tienes un par de parte que se siente pantalla entera, y tienes puedes trabajar en boceto. Si conoces los atajos de teclado, puedes usar todos los atajos para acceder a las herramientas y también a todos los atajos que comentamos en esta lección. Podrías hacer una presentación o, por ejemplo, si tienes una pequeña pantalla inmobiliaria, puedes trabajar de esta manera en boceto. Por lo que presionas comandante para volver al molde de boceto normal con todos los paneles, y básicamente eso es todo. Ahora es comando de prensa y para crear una nueva instancia fuera del sketch y lo que me gusta mostrarles y esta es la parte que he grabado más adelante. Después de grabar este curso después de que se diera a conocer la nueva versión de flagelo, me gustaría mostrarles las diferencias en términos fuera de la interfaz de usuario del sketch porque cambió ligeramente porque horario refresca su interfaz en horario. Versión 52 Estaba grabando en la anterior. Pero honestamente, no hay necesidad de volver a grabar casi nada, y encontrarás las lecciones actualizadas a lo largo del curso. Pero quiero que echen un vistazo a las nuevas características fuera del boceto y la nueva interfaz y cómo está organizada. Entonces básicamente, esos son solo cambios menores con todo el estilo y las fronteras, y todo es ligeramente mejor y ligeramente mejor parecido que en la versión que puedes ver en el curso. Pero lo que es realmente genial es que ahora puedes ir a las preferencias del sistema y cambiar el modo en tu sistema para que puedas aplicar la apariencia clara u oscura para dispersar. Si cambias de luz a oscuridad, inmediatamente cambias a versión oscura off sketch y déjame mostrarte cómo puedes cambiar entre la luz y la oscuridad. Esta es una opción del sistema para que puedas seleccionar fácilmente la que más te convenga. Por otro lado, tienes un diseño diferente un poco diferente fuera de los paneles y herramientas. Básicamente, han mejorado la claridad fuera de los iconos y la claridad fuera de la interfaz general. Pero para ser honesto, encontrarás casi todas las opciones en un mismo lugar. Entonces si estás trabajando con la U. S desvío de sketch con este curso de vez en cuando, conocerás estas ligeras diferencias en los iconos que tienes en el panel y tal vez algunas esquinas redondeadas y probablemente colocando el datos aquí. Pero rápidamente lo descubrirás, y no debería haber diferencias mayores y cómo se comportan las cosas. ¿ Y eso explicará en el curso? Si solo hay avísame y lo arreglaré, seguiré actualizando este curso con cada nueva actualización fuera del boceto que trae algo fresco y algo nuevo. Por lo tanto, ten la seguridad de que conoces todas las herramientas y técnicas modernas que puedes aplicar al boceto . Y seguiré haciendo eso hasta que me di cuenta de que ya no tiene sentido de esta forma de esta manera , y luego acabo de empezar de nuevo y grabamos este curso desde abajo. Entonces creo que estás en buenas manos. Veo en la siguiente lección 4. Hacer selecciones: hola y bienvenidos a esta siguiente lección en la que les voy a mostrar cómo seleccionar las cosas en boceto y este es conocimiento bastante básico. Pero si has trabajado especialmente con Father shop u otro proyecto de ley una recta antes, podrías encontrarlo bastante sorprendente porque no funciona de la misma manera. Entonces básicamente y eso será para la tienda o ilustrador. Presionas el wiki para ingresar a este dedo de selección, y si presentas a Vicky en boceto, básicamente vas a un dedo del pie vector. Por lo que se trata de diferentes herramientas. Por lo que presionamos escape y aunque estés dibujando rectángulos o más, simplemente presionas escape y luego estás en este dedo del pie electoral para que puedas saber pasar sobre la capa. Como se puede ver, se destaca tanto en el panel de capas como en lienzo, y se puede hacer clic en el grupo. Se puede ampliar el grupo, se puede ir dentro, y como se ve todas las capas están siendo ah, resaltadas. Y si quieres seleccionar cualquier capa, puedes hacer click, y si haces click quieres seleccionar primero el grupo, Así que para ir dentro del grupo, tienes que hacer doble click, por lo que haces doble click en un grupo para ir dentro y ahí tienes. Ahí hay otro grupo dentro. Por lo que ahora este segundo grupo fue seleccionado y aún así así. Hijo, tengo que DoubleClick DoubleClick dentro de estos grupos y ahora estoy en este campo. Por lo que estoy he seleccionado el campo, así que tuve que hacer clic seis o siete veces para seleccionar esta capa. Y lo que básicamente puedes hacer es que puedes cambiar el comportamiento seleccionando esta rápida a través al seleccionar en el grupo para que no tengas que duplicar rápido. Simplemente haz clic una vez para ir dentro de este grupo. Entonces cuando lo hice en mi grupo principal, hago clic una vez. Ahora el segundo grupo tiene que tener este click frutal al seleccionar, habilitado también y el primer grupo. En realidad, si voy dentro del grupo para el Grupo Sun también, necesito hacer clic en él también. Y ahora, si vuelvo a este Golden Gate Bridge Group, puedo dar click en Lee una vez para seleccionar el sol. OK, por lo que puede tener esto habilitado para todos los grupos de forma predeterminada. Es muy fácil. Tienes que ir a las preferencias, así que presiona coma comentario. Y ahora, en la sección de capas, solo tienes que hacer clic en habilitar fruta rápida para nuevos grupos. Y cada vez que creas un nuevo grupo, tienes este comportamiento por lo que no necesitas hacer doble clic. Simplemente arroja una vez y para entrar a esta capa hay una segunda vía, aunque vas a tener que habilitar esta opción en preferencias para ir dentro de cualquier grupo y para seleccionar cualquier capa con un solo clic. Lo que haces es solo presionar y mantener presionado el comando mientras lo haces. Y si presiono y mantengo el comando como ves todas las capas dentro, esos grupos están resaltados, y cuando hago clic, esta misma capa de Castell está seleccionada. Entonces así es básicamente como lo hago. Comando Haga clic para seleccionar cualquier capa, pero también puede pasar el cursor sobre algunas capas y luego haga clic derecho o contra, haga clic y luego pico capa, y tiene lo menos fuera de todas las capas que se sientan justo debajo de su ratón, y usted puede seleccionar cualquier capa como así que sí, así que así es como lo haces. Simplemente presiona comando y selecciona en cualquier lugar, aunque esté anidado dentro de un grupo. Por lo que también hay otra manera, Teoh selecciona una capa y edita. Entonces si tienes una capa vectorial, vienes y haces clic en la capa para seleccionarla, y luego puedes hacer algunas operaciones simples. Tal escala. También puedes presionar comentario y sobre una de las esquinas para rotar. Pero si quieres entrar al modo de edición, simplemente presiona volver. Si presionas return en el teclado, como ves, ahora puedes ingresar y acceder a todos los puntos vectoriales y cambiar un vector puntos en consecuencia dedo del pie lo que deseas lograr. Entonces este es un modo de edición Eddie, y vas a este modo todo presionando return. Ahora presiono escape, y si presionas escape un par de veces, vuelves a ti. Siempre vuelve a esta herramienta de selección para que puedas seleccionar algunas otras capas en boceto. Entonces hagamos un resumen rápido. Se puede arrojar en los grupos para acceder a las capas. Se puede hacer doble clic en los grupos, y hacer doble clic si hay grupo anidado, y también se puede habilitar esta opción click a través en los grupos, o simplemente se puede coman click en cualquier capa para seleccionarlo. Y también hay una técnica más que me gusta mostrarte en que es seleccionar múltiples capas a la vez. Pasemos a esta siguiente imagen, y lo que voy a hacer es seleccionar esta primera capa con comando y ahora presiono comando y también botón shift para seleccionar más de una capa. Y si mando turno, haga clic en la segunda capa. Como puedes ver, ambos fuegos están seleccionados ahora, por lo que puedo seleccionar las capas con turno en el panel de capas así como ves todas las capas seleccionan en entre esas capas en las que hice clic y puedo co mes hacer clic en las capas en el panel así para seleccionar algunas capas múltiples. Además, hubo otra técnica que te permite simplemente arroyo y drogas para seleccionar cualquier grupo. Como se ve, se selecciona el grupo. Pero si presiona comando mientras lo hace, puede seleccionar cualquier capa que esté en esa selección. Por lo que simplemente puedes drogar para seleccionar el grupo o puedes comandar droga para seleccionar cada capa. Déjame copiar esta bicicleta mentirosos por ahora. Así que vamos, C, ven en TV y sólo voy a moverlo ahí y elegamos esas capas arrastrando. Y como ves todas las capas dentro de la moto se seleccionan cuando está fuera de cualquier grupo, De esa manera puedo seleccionar todas las capas. Y si lo deseas, Teoh selecciona todas las capas. Excepto, por ejemplo, esta puedes hacer clic derecho en esta capa y vendedor y bloquearla para que también puedas mandar cambio de mama l para buscar la capa y que mientras drogas no seleccionarás este campo 30 más tarde. Entonces eso es básicamente todo en lo que respecta a seleccionar jugadores y agrupar en bocetos preocupaciones. Entonces gracias por su atención y nos vemos en la siguiente lección. 5. Páginas y mesas de trabajo: De acuerdo, ahora centrémonos en la estructura fuera de tus documentos de boceto, por lo que lo principal en la estructura es la página, para que puedas tener muchas páginas en tu documento y en cada página. Puedes tener, por ejemplo, una sección de tu aplicación, o puedes tener una versión móvil. Y las páginas también son buenas para la velocidad porque felicitas a muchos tableros de arte en páginas, y puedes optimizar la velocidad fuera del boceto de esa manera. Entonces como puedes ver, puedes colapsar o puedes mostrar las páginas. Al menos puedes hacer clic en este pequeño icono junto al nombre de la página para cambiar las páginas también. Y páginas contiene tableros de parte. Se pueden ver todas las demás embarcaciones presionando comando uno. Se puede cambiar de dedo la segunda página que tenemos aquí. Estos son los símbolos de página, y ahí tenemos un símbolo también. Habla de los símbolos la próxima vez. Ahora que cambian de nuevo a este DuPage y puedes tener muchos tableros de arte en una sola página. Entonces ahora estoy crujiendo por los tableros de arte y dentro de los artículos tenemos los grupos y dentro de los grupos tenemos otros grupos o las capas así que qué pasa si seleccionas el grupo o una capa y él intenta moverlo al costado del tablero de arte como ves el grupo Audible Clips para que ya no puedas ver el contenido que está fuera del Archibald. Pero si tomas el grupo y lo pones fuera del arte, pero como ves ahora, no está en el registro de nuestro barco. Es solo sentarse solo en este do perra para que básicamente puedas transformarlo en un perno de arte . Si selecciona cualquier grupo que esté en la página, puede presionar A y A es herramienta inaudible. Y si presionas A, puedes ir al boceto del lado derecho y básicamente puedes crear el Archibald alrededor selección. Entonces tienes esta primera opción aquí alrededor de la selección, y mientras tu grupo de marcas está seleccionado, solo puedes hacer clic en eso. Y ahí tienes un nuevo arte. Pero ese es el tamaño de este grupo, por lo que puedes volver a este artículo. También permite presionar una de nuevo, y se puede acceder a diferentes tamaños y diferentes presets. Entonces tengo dispositivos IOS aquí, un diseño de material de diseño web responsive también Y si accedo, estaba dispositivos Ahí tienes iPhone siete. Tienes iPods y esas cosas para que podamos crear tablero de arte iPhone siete. Al igual que todo lo que puedes simplemente dejarme volver a esto una herramienta, y simplemente puedes hacer clic en los dispositivos del Iowa para crear todo el arte. Pero de esta sección eso tienes ahora todos los iPods, tienes todos los iPhones, y puedes liderar los nuestros tableros presionando retroceso en el teclado. Entonces volvamos a esto. Encontré tablero de arte. Y si quieres duplicar el tablero de arte ahora tienes remolque selecciona este cartón y simplemente haz clic en el nombre de las tablas de arte y comando, el para duplicar. Y ahora tenemos una copia de este tablero de arte, y éste en realidad está vacío. Podemos cambiar a los Morgans. Podemos mandar la otra vez para hacer otra copia, pero también puedes duplicar tableros de tarjetas existentes con contenido para que puedas duplicar todo el contenido dentro del tablero de arte. Simplemente selecciona el arte a bordo de mercancía de prensa y ahí lo tienes. Hay un duplicado de este mismo arte dicho, pero con todo el contenido, ahora puedes cambiar el tamaño del tablero de arte. Se pueden hacer algunas alteraciones. Por ejemplo, si quieres cambiar y comparar dos vistas diferentes de tu página, puedes hacer la copia, y puedes trabajar en esta copia fácilmente si deseas deshacerte del artículo. Pero quieres conservar el contenido, presionas shift command G y ahora en el arte a bordo de Scone y solo tienes el contenido de los grupos y las capas. Se puede seleccionar el grupo, y luego se puede volver a este artículo, herramientas arriba. Basta con presionar a y crear el arte. Pero de nuevo, al seleccionar alrededor de la opción de selección. Y ahí tienes, tienes un nuevo tablero de arte, y también podemos hacerlo cuando tengas algún contenido dentro del tablero de arte. Por ejemplo, vamos a crear aquí un rectángulo simple, y quieres hacer marcha. El audible suspira a este contenido. Solo tienes que hacer clic en la opción de redimensionar para encajar, y primero tienes que seleccionar el arte sobre. Después haces clic en recita dos pies y se re tamaños dedo del pie Cualquiera que sea el contenido que esté dentro. De acuerdo, vamos a explorar algunas otras opciones que es como el tablero de arte, y lo que puedes hacer es cambiar la propiedad de color de fondo, por lo que significa que tu tablero de arte puede tener rojizo, por ejemplo, color de fondo, y también puedes incluir este color en exportación. Por lo que significa que si quieres guardar este arte a bordo como activo gráfico, puedes seleccionarlo y solo puedes hacer exportable seleccionar el signo más, y no puedes exportar esto como gráfico. Y si d seleccionas, incluyendo exportación, se exportará con fondo transparente. Entonces intentemos exportar esta capa, y ahora mismo voy a exportar iPhone siete copia. Y como ves, puedes guardarlo como un archivo PNG, y ahora contendrá este fondo rojo. Eso es escape de prensa para salir de esta función, y te voy a mostrar cómo seleccionar tablero de arte múltiple. Entonces solo presiona turno y turno. Da click en cada una fuera de las capas fuera de los nombres de Alborz, y ahí lo tienes. Puedes seleccionarlos. Se pueden establecer múltiples colores de fondo, y también se pueden exportar varias imágenes también. este momento, puedes exportar barcos de arte gratis para que se guarden imágenes gratis imágenes PNG gratis, y también hay característica cool en el menú de archivos, y esto es exportar nuestros tableros a pdf, y en realidad puedes exportar todos de los tableros de arte a un archivo Pdf y el pedido apagado. También se pueden establecer las tablas de arte en las propiedades, lo que se puede acceder a las propiedades presionando comando coma. Y ahí lo tienes. Se puede acceder a la tina general, después ir a nuestra tabla de exportación y seleccionar cómo aparecerán las palabras son en el incendio mediático por lo que tienes de izquierda a derecha, de derecha a izquierda de abajo. Se pueden seleccionar diferentes opciones, y también se pueden reorganizar los tableros de arte. Puedes hacer tu propio pedido simplemente crujiendo en nuestra pizarra, mismo y drogando al lugar donde deseas que aparezca. Entonces te mostré cómo exportar los tableros de arte a activos PNG a peleas de BNG, y en realidad puedes hacerlo simplemente crujiendo en los otros barcos. Nombre. Entonces eso es como, por ejemplo, esto se compran y puedes hacer de este nuestro barco exportable. Se puede desplazar click en muchos son barcos para exportarlos como archivos PNG gratuitos, diferentes. Pero si quieres mostrarle a alguien todos los tableros de arte en una imagen, puedes hacerlo simplemente creando otro tablero de arte encima de ellos. Por lo que presiono un y trato de encerrar todo este barco de arte en una pizarra extra de corazón que va en la parte superior. Y como ves, no los agrupa, pero sí puedes e ir a las opciones de exportación. Y ahí tienes una imagen con para artículos. Entonces eso era necesidad. Ese fue un lindo truco, y los veo en la siguiente lección. 6. Organización de las capas: en el lado izquierdo de la interfaz de boceto. Se cuenta con una capa espinal en la que se pueden organizar las capas. Se pueden filtrar las capas, acaba de introducir el nombre fuera de la capa o grupo, y ahí se tienen los resultados. También se puede acceder a los grupos. Se puede acceder a los tableros de arte, y también tenemos las capas se puede seleccionar grupo o seleccionar múltiples capas con tecla de desplazamiento. Y si quieres crear un grupo fuera, selecciona las capas, selecciona las capas, presiona comando G. Así que cuando lo agrupes, puedes unagruparlo también. Se puede presionar comando shift G toe en grupo las capas, y si se hace clic en el grupo blogueado, puedo desplazar Comando Grupo Jichuan. Una vez ese turno comandante dedo en grupo todos los grupos dentro y ella está comin G toe on group aún más lejos, y ahora tienes todas las capas que simplemente se ponen en la parte superior de esta arma. Los elementos no son tableros sin ningún grupo, así que con nosotros puedes ocultar capas con este pequeño icono junto al nombre, o puedes cambiar la edad del comando para ocultarlos, o puedes desplazar comando hacia fuera para bloquear las capas para que ya no puedas editar ni seleccionar. Esta capa parecía. Y también hay un pequeño triángulo al lado del grupo así como al lado de éste de pseudo grupo. Se trata de un grupo fuera de elementos que en realidad son capas vectoriales para que puedas seleccionar capas vectoriales, y puedes poner esas capas en otra capa para crear una forma combinada. Esta es una forma vectorial combinada, y esto no es, ah, grupo adecuado. Se trata de un grupo de vectores, que se puede, por ejemplo, utilizar Teoh. Combina estas formas con operaciones booleanas. Puedes hacer clic en este pequeño ícono y puedes hacer que las operaciones booleanas como los sindicatos resten. Se puede entrecruzar la diferencia, y les muestro las opresiones en las próximas lecciones. Pero básicamente en las capas. Es así como puedes crear un combinado con forma de vectores con nosotros que tienes aquí. Este pequeño ícono es un símbolo, ícono y símbolo. Es un gran concepto y boceto que puedes notar en sus símbolos directamente en este tablero de arte, tienes que hacer doble clic en el símbolo, y luego vas a esta página especial de símbolos y todos tus símbolos aterrizan en el símbolo. Hablar especial sobre esto más tarde, Pero básicamente, en este espacio de símbolos, se puede editar el símbolo. Y cuando regresas a la página de Web Elements ahí tienes los cambios realizados a este símbolo . Entonces recuerda esto. Vengo en el panel de capas Siguiente característica está cambiando los nombres fuera de las capas. puede hacer doble clic en el nombre para cambiarlo, pero también se puede presionar comando son, lo cual es un buen trabajo para Dios en también se puede hacer clic derecho y seleccionar cambiar el nombre de este menú, pero siempre es mejor usar. Comando ya están. Estás en el modo de edición. Puedes cambiar el nombre de esta capa, y también presionará tabulador para ir a la siguiente capa. Y aún estás en esta edición más para que puedas editar los nombres de varias capas a la vez. Y también puedes oprimir el talón de cambio para subir el panel de capas para que puedas bajar con la parte superior. Se puede subir con turno superior. También capas. La jerarquía es bastante obvia. Si tienes mentiroso eso está arriba. Cubre todo lo que hay debajo, y si quieres cambiar la posición de las capas en el panel de capas, presionaste el comando de opción, y luego presionas flecha en el teclado para comprimir comando de opción hacia arriba para moverlo hacia arriba en el comando late respond u option y flecha abajo para mover su hacia abajo. También puedes presionar control. Por qué sostener este comentario y opción para moverlo a la parte superior o a la parte inferior del panel de capas. Por lo que esto es lo mismo que usar esos aiglones de puntera hacia atrás y hacia adelante icono que puedes usar para mover la capa en el panel de capas. Y también puedes presionar y mantener la opción mientras lo haces para mover sus dos delanteros o para moverlos hacia atrás. Entonces a la parte superior, fuera del panel de capas o al fondo fuera de la capa espinal. Y básicamente esta pobre capa ahora está en el fondo de la lista, por lo que nadie concibió. Entonces eso es todo lo que tenía que decir Teoh sobre el panel Capas en boceto. Os veo chicos en la siguiente lección 7. Operaciones de boolean en formas de forma: Hablemos ahora de operaciones lógicas o, en otras palabras, en otras palabras, booleanas en bosquejo. Por lo que necesitas dos o más formas que sean formas vectoriales en boceto y luego puedes usar unión , restar, intersectar o diferencia a operaciones lógicas. Tienes que seleccionar todas las capas. Por lo que selecciono tanto sobre 5/5 copia y el 1er 1 es sindicato. Entonces, como pueden ver, ahora tengo una forma combinada y todas estas operaciones son reversibles. Por lo que siempre puedo recuperar eso. Puedo hacer click en este pequeño rectángulo y puedo cambiar esta operación booleana. Y una cosa muy importante a notar es que esta forma se fusiona para que la capa superior por lo que esta más de cinco copia hereda todos los estilos de la capa en la parte inferior. Algunos eso los más de cinco regalos trazo o el color de combustible frío a la capa en la parte superior. Si bien usaste esta unión una operación lógica. Siguiente 1,000.000.000 de operación se está restando para que puedas restar y fusionar dos capas en una, y ahora tienes una forma combinada para que la capa que está en la parte superior para que este general pueda ser libre, corta todo de las capas inferiores. Por lo que copia general a en este caso así prevalece siempre es la capa superior. Por lo que hay que recordar que esto no es una mascota. Se puede ver que aquí también hay un derrame cerebral. Entonces esta es una operación booleana. Y entonces usualmente guardo las formas más grandes en la parte inferior para que pueda cortar con las formas que están arriba. Por lo que por favor tenga en cuenta que tanto en restar como en capas de unión. El orden es muy importante porque en unión teníamos esta forma superior que hereda todas las propiedades, colores y trazos de esa forma de abajo. Ahora tenemos cruzado. Y si seleccionamos ambas formas, vamos a usar esta opción de intersección y dejar palabras comunes en esas dos capas. Y en realidad, la diferencia es todo lo contrario porque todo lo que es en común para estas capas se recortará . Por lo que ahí lo tienes. Unión restar, cruzan y la diferencia Operaciones lógicas. Y recuerda que siempre puedes volver atrás y realmente puedes revertir lo que hiciste con las operaciones de lingotes. Y ahora mismo te voy a mostrar cómo crear iconos simples usando estas operaciones de lingotes y vamos a usar formas simples así como un dedo de operaciones lógicas. Crear boceto de iconos. Entonces primero eso es crear el ícono de la nube y vamos a usar la herramienta ovalada. Entonces presiono Oh, eso con turno. Yo sostengo las proporciones fuera del sobre y ahí tengo esta primera forma, por lo que la segunda forma será la segunda más. Presento sostiene turno para mantener proporciones para que vuelva a ser círculo perfecto, y ahí tenemos esta forma superior. Ahora vamos a crear el último, y presiono sobre el turno general para obtener proporciones y también mientras creamos formas en boceto. Puedes presionar y mantener la barra espaciadora sin soltar la izquierda más inferior y mover la forma alrededor para que pueda cambiar la posición y aún así puedo dibujar la forma. Ahora puedes ver la línea roja que sugiere que está perfectamente alineada con las otras formas para que pueda terminar esta forma de nube con rectángulo por lo que presiono son en el teclado y dibujemos un rectángulo aquí para que tengamos toda la forma fuera de la nube. Por lo que esto es sólo operaciones básicas, dibujo básico de forma. También puedes presionar opción mientras dibujas una forma, también. Lo conduje desde adentro y ahora selecciono todas las formas y puedo cambiar el borde. Puedo cambiar el campo. Eso Como puedes ver, puedo cambiar por completo las propiedades más antiguas de las formas. Si selecciono capas ahora, podemos usar la operación de lingotes para fusionar todas esas formas juntas. Entonces seleccionemos todas las formas y usemos las operaciones de lingotes de unión. Y como pueden ver, ahora hemos combinado forma en el panel de mentirosos y podemos hacerla más grande para que zoom con plus común y vayamos al modo de edición para que los vectores refinen esta forma. Por lo que presiono return en el teclado y como pueden ver, ahora puedo una droga alrededor de algunos puntos vectoriales. Puedo ajustar las asas para que mi icono sea perfecto. Necesito ajustar a este tipo y moverlo a la izquierda. Como puedes ver, tengo este tipo inteligente también para los puntos vectoriales así que básicamente podemos jugar alrededor. Puedes seleccionar los puntos vectoriales y moverlo con la boca. También puedes hacer clic en los puntos vectoriales y usar las flechas del teclado para ajustar la posición, puedes ajustar los mangos. Y básicamente eso casi se hace para nuestro me fui. Y lo grandioso es que esta forma combinada sigue siendo acreditable y puedes editar cada capa por separado. Ahora, una cosa más a la que me gustaría acceder son las propiedades fronterizas. Por lo que voy al lado derecho de la frontera y hago clic en este pequeño ícono y que podemos cambiar las hormigas así como articulación. Entonces déjame hacer click en esta juntas redondeadas, y ahora este ícono se ve aún mejor. Entonces ahora tienes este pequeño icono de nube lindo que se hizo en boceto usando las operaciones booleanas . De acuerdo, bueno, los que tenemos aquí, esto tal vez sea lluvia o nieve. Sí, nieve, probablemente. Entonces hagamos nieve y usemos un sobre. Voy a mantener turno por proporciones. Voy a dibujar un segundo por dentro. Voy a sostener la barra espaciadora para ajustar la posición. Pero para ser honesto, es mucho mejor ajustar la posición con las opciones de alineación en la parte superior. Entonces los tienes en la parte superior, ¿verdad? Y alinémonos horizontal y verticalmente también. Entonces si seleccionas bengalas, es muy, muy fácil centrarlas usando las opciones de alineación. Ahora mismo, puedo usar operaciones booleanas y necesito algunas rastreadas. Y debido a que mi orden de apilamiento fuera de las capas era correcta para que el general siete, que es la capa con un círculo más pequeño, estuviera encima. Pude cortar esto a más de siete de más de seis. El estrato que estaba por debajo más de siete. Por lo que ahora necesitamos cambiar el color que selecciona a más de siete. Seleccionemos el color de tacto negro. Entonces una última cosa que necesitamos es duplicar esta capa. Y básicamente, te dije que lo puedes hacer con comando la opción. También puedes seleccionar la forma combinada y puedes moverla al lugar correcto. Y después se puede utilizar la tecla de opción para duplicar las capas. Por lo que no estoy soltando el botón izquierdo del ratón. Estoy sosteniendo la tecla de opción, y ahora tengo el duplicado para que puedas rehacer esta acción duplicada simplemente presionando Commander D ahora mismo. Y como ves, ahora todas las formas están en su lugar. Tengo el icono de la nube así como la nieve, y uso operaciones booleanas para crear formas combinadas y su copia. Entonces eso es todo por ahora. Os veo luego chicos 8. Trabajar con formas: en la lección anterior. Hemos creado un icono de nube y consiste en formas combinadas así como óvalos. Hay formas dentro de tantas formas ahí y si seleccionas las capas dentro combinadas la forma de nube Puedes ver que cuando voy a un modo de edición y presiono volver aquí para entrar a los puntos vectoriales. Aquí hay muchos usuarios vectores puntos y forma que no necesariamente necesito tan bien, puedes dio Puedes aplanar todas estas capas y te recomiendo que lo hagas antes exportar a, por ejemplo, archivo SPG y puedes ir al menú ah capa y luego de los baños seleccionas opción aplanada. Ahora echa un vistazo a la estructura de forma combinada. Tenemos un rectángulo y óvalos libres ahí. Entonces si seleccionamos caminos y luego aplanamos y tratamos de acceder a los puntos vectoriales con el retorno en nuestro teclado, como puedes ver se optimizaron y ya no tenemos esos puntos vector de dinero pero también ya no tenemos este elegible formas en el interior. Por lo que no puedo acceder a este rectángulo ni más, o no puedo cambiar las operaciones booleanas dentro de esa forma combinada. Por lo que Es mejor mantener algún tipo de copia de seguridad fuera de esta forma combinada antes de aplanarse. Y engorde es en realidad la opción que te gustaría hacer al final de tu trabajo antes exportar esos encendedores vectoriales como, por ejemplo, como archivos VG para una aplicación o sitio web porque funcionará mucho mejor si es optimizado. Pero como dije, pierdes estas opciones elegibles. Y además, si previamente has trabajado con el traidor de los Beatles, podrías estar dispuesto a aplanar todos tus vectores y todas tus formas en boceto. Pero no es tan bueno practicar boceto a diferencia de otro ilustrador cuando estás aplanando mucho, así que en boceto, básicamente, te gustaría mantener las capas auditables el mayor tiempo posible, por lo que me gustaría mantener esas formas combinadas. Y es muy fácil trabajar con estos jugadores de forma combinada. Y por otro lado, algunas formas simplemente no se aplanarán tan fácilmente. Entonces si tienes una forma como esta, si voy a capa y voy a bocanadas que aplanar, recibimos el mensaje de que no podemos planear en esas capas. ¿ Y por qué sucedió eso? Bueno, eso es sólo porque esas capas están justo dentro una de la otra por lo que no se pueden aplanar las capas cuando una capa contiene enteramente la otra capa. Por otro lado, no se puede hacer esto si no tienen ningún puerto coincidente en absoluto también. Y una operación más me gusta mostrarte es ir a este menú de capas y ir a caminos y luego dividir la forma combinada. Entonces si quieres revertir esta operación y quieres volver a las capas originales, puedes usar esta opción y luego puedes restar de nuevo para tener esta forma. También hay un tema más que me gusta abordar en este punto cuando intentas combinar formas , sobre todo cuando intentas aplanar formas. A veces tú en lugar de este resultado pretendido obtienes algo como esto. Por lo que obtienes este tema de superposición lo hará. Esos puntos vectoriales acaban de estropearse, y a veces simplemente se obtiene este problema porque de la naturaleza de las formas vectoriales que se crean en boceto. Entonces si intentas crear una forma, por ejemplo, son rectángulo, presiono son y creo un rectángulo. Entonces presiono retornado para entrar a los puntos vectoriales en modo de edición, tienes este pequeño punto que está en la parte superior izquierda, y no es coincidencia que este punto esté seleccionado por defecto. Este es en realidad el punto de partida de tu vector, y ahora eres tarjeta gráfica eran troves vector. A partir de este punto en alguna dirección, podría ir a la izquierda, o podría ir a la derecha. Por lo que para comprobar, si va a la izquierda o a la derecha, puede presionar la tecla de tabulación en su teclado y boceto. Y como ves, va derecho al siguiente punto, luego arriba al siguiente punto y arriba al último. Y este tema solapado está conectado a la dirección fuera a donde va tu ganancia. Por lo que a veces a veces se buenas las formas, que se revierten por lo que van de izquierda a derecha o de derecha a izquierda. Y si intentas combinar esas formas, obtienes problemas superpuestos. Por lo que básicamente puedes solucionar este problema yendo de los pies y luego yendo a la opción de orden inverso si invertimos el orden fuera de la ruta que hemos creado. Entonces vamos como esa opción, y vamos dentro de esa forma a un modo de citas con retorno. Como pueden ver, tengo este punto derecho seleccionado por defecto, y si presiono arriba en el teclado, me voy a la izquierda en lugar de ir llorado. Entonces esto es sólo un pequeño hin. Pero a veces cuando se tiene este problema superpuesto, cuando se ve que los puntos vectoriales se van a estropear. Después de combinar algunas capas, simplemente vas a capa e inviertes el orden de los vectores. OK, entonces ahora centrémonos en este segundo ícono e intentemos recrear este ícono. Puedes presionar O en el teclado, pero también puedes ir a este menú de inserción en la parte superior. Deja y ahí tienes todas las formas fuera de boceto y todas las herramientas de boceto para que puedas seleccionar óvalos, rectángulos, líneas, rectángulos redondeados y tesis. Recuerda también los atajos. Este rectángulo redondeado. No lo uso mucho porque siempre uso rectángulo simple. Y luego dije que los rais usan a la derecha. Entonces supongo que eso es más conveniente. Mucho tiempo Haciéndolo porque nunca pegas dedo del pie un valor alrededor de las fronteras, necesitas ajustarlo un poco, así que si deseas copiar los estilos especialmente sentir y bordea entre diferentes formas, puedes dibujar algunas otras formas y tratemos de copiar estas propiedades desde esta forma para que puedas hacer clic derecho sobre la forma y luego seleccionar copiar estilos de este menú, y luego podrás después, como ambas formas con turno y clic derecho o control. Haga clic en la selección y solo pega medias, y funciona en Lee para campos y bordes. Como se puede ver, Border Radius no se copió. También puedes usar ah, práctico atajo de teclado. Por eso. Puedes presionar comentarios de opción, ver, así que ven a ver para copia, pero también presionas opción. Y mientras pega que también presiona opciones, Así opción Comando V. Y si te encuentras usando los mismos estilos de forma una y otra vez, puedes seleccionar la forma y puedes ir al menú de edición en boceto. Y aquí tienes la opción de establecer este tiempo como predeterminado para que por defecto puntera todas las herramientas. Entonces aunque dibuje ahora mismo, tengo la misma frontera y el mismo campo que se dijo default de EU. Entonces ahora eso es hacer que esto fuera un poco más grande. Eso tiene una sensación blanca en esta forma, y vamos a crear esta pequeña forma de nave que tenemos aquí con abrasión de lingotes. Entonces vamos a dibujar otro de todos sin turno ahora mismo, Así que no sé qué tienen proporciones. Y ahora vamos a seleccionar las formas y elegir intersectar. Entonces como puedes ver, tendremos esta forma superior usando operaciones booleanas. Hagamos otra forma con Oh, y recuerda que siempre puedes presionar la barra espaciadora para posicionar la forma. ¿ Por qué? Dibujando la forma eso sin soltar el botón izquierdo del ratón. Y así posicionemos esto correctamente y movamos esto sobre cuatro bajo forma combinada. Y como puedes ver, tenemos en esta forma combinada tenemos sensación blanca para que cubra las capas de abajo y ahora podemos muesca esta forma para que podamos usar incrementos de un píxel con flechas del teclado pueden presionar hacia abajo o hacia arriba para mover la forma por un píxel. Si quieres moverte, mi 10 nos recoge, solo tienes que pulsar turno. Así que desplaza hacia abajo o hacia arriba flecha. Y también puedes natch con una de las opciones de retención de incrementos de 10 píxeles. Por lo que opción flecha abajo flecha arriba irá 0.10 punto dos grandes arriba. De acuerdo, entonces lo que vamos a hacer ahora es que vamos a presionar L para la línea del dedo del pie y vamos a crear nuestra línea simple. Tenemos que hacer coincidir esta forma, la posicionarla correctamente y luego necesitamos seleccionar la forma y la mercancía de prensa para duplicar esta línea. Por lo que queremos usar la misma forma, pero van a dar click derecho en la forma y seleccionar la transformación que tengas. Las rotaciones huyen siendo curso total o verticalmente. Entonces volvamos esto horizontalmente. Y vamos a muesca esta forma la posición correctamente debajo de la nave espacial A. Y usemos otra línea para la última forma. De acuerdo, así que ahora ya casi está listo. Sólo necesitamos pedir prestadas algunas formas de nuestro anterior vengo. Voy a venir d esas formas y me voy a imaginar para que se pongan bajo la nave espacial y ahí lo tengas. Por lo que ahora necesitamos posicionar correctamente los elementos, y esas son básicamente todas las operaciones que necesitas recordar. En orden. Teoh crea formas en boceto también para gestionar las formas y creó operaciones booleanas. A veces es mucho más fácil y mucho más satisfactorio crear tus propios iconos en boceto. En lugar de buscar iconos ya hechos a través de Internet. O a veces solo tienes una, dijo Nikon. Pero no tienes este ícono en particular que quieres usar para algún caso, y esa es la razón por la que puedes recrear los iconos y usar estas formas, operaciones de lingotes y todas las cosas que te mostré en boceto. Es muy, muy fácil ahora. Una cosa más que quiero mostrarte. Puedo ir a este menú de vista y seleccionar mostrar reglas. También puedes presionar control, están en el teclado para acceder a las reglas, y tienes reglas a la izquierda y a la derecha. Puedes hacer clic en la regla a otro tipo inteligente, pero a veces es más fácil dedo del pie sobre y ver si las formas están alineadas correctamente. Entonces esto da forma dentro de nuestro OVNI. Podrás crearlos entre las lecciones. Te animo a hacerlo, y eso es todo por ahora. Gracias por ver Nos vemos en la siguiente lección. 9. Herramientas de vectores: en esta lección, te voy a mostrar cómo usar un boceto de dedo vectorial. Es dedo del pie muy poderoso, pero necesita algo de práctica para ser dominado. Por lo que presionas V en el teclado para llegar al dedo del pie vectorial, y ahora puedes hacer clic quiere crear tu primer punto vectorial. Este vector puntos pueden ser rectos. Y, como pueden ver, cuando cree el siguiente punto, voy a dibujar una línea recta. Entonces eso es crear una línea recta aquí también. Y si quieres crear el punto de curva, haces clic y mantén pulsado el fondo izquierdo del ratón y necesitan droga a la izquierda o para conducir para crear que maneja. Y como pueden ver, tengo dos asas. Hay un mango derecho que determina la ruta que realmente se creó, pero también tengo este manejador izquierdo, y esto determina la posición de los siguientes puntos vectoriales de la ruta que serán creados por los siguientes puntos vectoriales. Entonces déjame arrojar y aguantar ahí, y voy a usar mangos segunda vez. Además, echa un vistazo a que cuanto más mangos tengas, más de los cuidados. Si lo creas ahora mismo, voy a crear el siguiente punto y esta bocanada es correcta. Pero el siguiente buff irá directamente al fondo de la letra, y por eso necesito cambiar el comportamiento de los puntos vectoriales. Entonces ahora tengo estos mangos de espejo, y lo que significa es que están en el mismo camino y ahora son simétricos para que yacen en la misma línea. Pero también puedo seleccionar esto conectado o un simétrico y donde opresor se desconectó. Puedo mover cada mango por separado para que ahora pueda mover el mango derecho para que establezca la dirección para el siguiente camino. Y como ven ahora, puedo crear este camino suave hasta el fondo de mi letra. Por lo que traje este punto vectorial con mangos victoriosos desconectados. Necesito que este mango sea un poco más grande, y ahora puedo hacer clic y mantenerlo presionado para crear los siguientes mangos. Y el comportamiento por defecto es que los mangos están espejados y ese es básicamente el mejor , porque puedes crear formas que sean extremadamente suaves y tener estas hermosas líneas que ni siquiera puedes decir que los puntos vectoriales están ahí . Pero a menudo no es el caso, y a veces solo necesitas desconectar los puntos o crear unos puntos simétricos. Y también otro consejo pro es que puedes mantener pulsada la tecla shift mientras arrastras esas asas. Y ahora, como puedes ver, obtienes resultados muy suaves también para que puedas arrastrar con shift toe, mantener la línea, y es por eso que generas muy pequeño Fine. Por lo que básicamente necesita algo de práctica y lo que nosotros puedes hacer. Puedes hacer doble clic en el punto vectorial Teoh cambiar estos periodos de espejo a recto, y si vas recto no tienes ningún cuidado de por lo que no tienes ningún mango, y puedes hacer doble clic de nuevo para volver a cambiar a una opción espejada. lo que ahora puedes seleccionar, por ejemplo, desconectado para que puedas modificar el ángulo fuera de un mango sin modificar el ángulo fuera del 2do 1 Y puedes cambiar la posición fuera de los mangos así que tanto sea el dirección fuera de la curva que necesitamos. Voy a crear uno puntos vectoriales más aquí, y voy a cerrar el camino ahora mismo, y pueden cerrar arriba haciendo clic en los primeros puntos vectoriales para que ahí lo tengas, y lo mejor de ello es que ahora tienes un camino en el caño de capa, y siempre se puede acceder a esta ruta presionando retorno, y se puede cambiar cualquier punto vectorial en su interior. Entonces si decides que este vector puntos es no, es perfecto y no ajustarás las asas que puedes hacer para que podamos dar click en el rector Punto y luego podrás mover las asas en consecuencia. Si mueves las asas para que estén en una línea, posiblemente obtendrás la mejor curva. Por lo que volviendo a las opciones que tienes rectas sin ningún tipo de mangos que has reflejado cuando los mangos están a la misma distancia y el mismo ángulo de los puntos vectoriales, también has desconectado donde cada asa se mueve por separado, y tienes esta una opción simétrica cuando están en el mismo ángulo. Pero cada uno puede estar en una distancia diferente de los puntos vectoriales, y también te da resultados muy suaves. También se pueden eliminar tanto los puntos vectoriales, y se puede hacer clic en el mango incluso un mango, y se puede eliminar incluso mientras se maneja. Si presiona retroceso en los puntos vectoriales, la trayectoria sigue cerrada y el segundo vector soportado se convierte en el primero. Por lo que para abrir el buff, se hace clic en los puntos vectoriales. Seleccionas ruta abierta, y ahora puedes presionar retorno. O simplemente puedes terminar de editar para escapar sin cerrar el camino. Por lo que a veces necesitas solo una forma sin el camino de cierre, y si posteriormente decides que quieres cerrar este camino, puedes presionar retorno. Entra para acceder a esta nada, moldea cualquier concreto en el primer punto para cerrar el camino. También puedes tener los puntos vectoriales a los caminos. Entonces cuando pasas el cursor sobre este camino, tienes este punto azul y te permite hacer click en el camino a otro punto vectorial. Y también una gran profundidad es mantener el comando mientras se cierne sobre esta línea para obtener los puntos vectoriales directamente en el medio fuera de esta línea. Por lo que está directamente centrado entre otros dos puntos vectoriales, y ahora podemos igualarlo con turno con flechas en el teclado y posicionarlo donde quieras . También puedes mover este mangos. Como puedes ver, son un simétrico por defecto por lo que puedes moverlos y Por cierto, si quieres posicionar el vector manejado en la posición X e Y exacta, puedes hacerlo. Por lo que tienes coordenadas X e Y para cada punto vectorial, pero también para cada vector manejado. Por lo que puedes decidir que esto podría ser 830 para el mango y para el punto. Tienes una posición diferente. Puede presionar el retroceso para eliminar estos puntos vectoriales. Se pueden seleccionar ambos puntos vectoriales. ¿ Por qué casa el turno de celebración? También puedes arrastrar y soltar aquellos como muchos puntos vectoriales, o incluso usar esta pequeña herramienta de la derecha para seleccionar muchos puntos vectoriales a la vez. Entonces sigamos adelante y no un poquito. Este vector apunta usando las teclas de flecha del teclado y vamos al interior de nuestra copa gota y creamos algunos puntos vectoriales más para crear la forma interior de la letra A. Y vamos a terminar esta forma. Voy a usar esto conectado aquí y voy a terminar esto. Pero como puedes ver, no hay mangos, así que solo hay un mango aquí, así que tengo que hacer doble clic en esta parte vectorial, y ahora tengo dos asas. Puedo desconectar los mangos, y ahora puedo dibujar fácilmente la curva una y la segunda curva así, por cierto, hay un atajo útil para usar espejo recto, desconectado y un simétrico. Puedes presionar 123 o cuatro o en tu teclado para acceder a cualquier modo para que puedas pulsar dos para espejos. Y ahora podemos seleccionar cualquier punto. Se puede empujar con la boca, y a veces se obtiene esta guía inteligente que le permite posicionar un punto de acuerdo a otro, y a veces ayuda. A veces no lo hace. Y así cuando no lo hace, cuando lo quieres apagar temporalmente, puedes presionar y mantener pulsado el comando, y ahora puedes muesca mi un píxel. No conseguirás este Guías inteligentes que a veces solo a veces son molestos. Genial. Hagamos eso con el mango. Y como puedes ver con mango, también tienes esta guía inteligente y Teoh deshazte de ella. Simplemente presionas y mantienes los comandos, y ahora puedes usar los taburetes puntera libremente para posicionar tu mango. Entonces como puedes ver, este vector a es extremadamente poderoso, pero también es bastante difícil por lo que hay que practicar un poco. Y recuerda, en las cintas pro y también atajos de teclado que te di, son muy importantes. Para que puedas presionar. Quieres ir directo a espejado, libre, desconectado. Y para una simétrica, es mucho más fácil. Y también cuando eliges algún modo, por ejemplo, espejado o un simétrico, y mueves uno de los mangos y decides que quieres mover este mango por separado del otro, y quieres desconectarlo. Sólo tienes que pulsar y mantener el comando para que no tengas que ir a desconectar. Va ahí automáticamente cuando presionas comando mientras mueves uno de los mangos para que puedas experimentar y echar un vistazo al botón de cambio. No siempre funciona 45 grados, pero será útil para crear formas lisas. Y también se puede establecer la posición fuera de los puntos vectoriales así como los manejadores por separado. Como se puede ver, esas coordenadas siempre están en celdas de pico completo, pero a veces se necesita una precisión extrema, y por eso se quiere establecer esta opción para no dar vueltas a pizzas más cercanas. Normalmente me quedo con los bordes de pizza de tofu surround por defecto, y es un poco útil cuando quieres exportarlo como un mapa de bits y no tienes muy bordes. Pero si estás creando ícono muy sofisticado, por ejemplo, a veces quieres imaginarte para que tengas esta precisión extrema y luego seleccionas esta opción. Ahora, déjame hacer una línea más gruesa en el día. También voy a seleccionar ambos fuera de la forma. Entonces voy a establecer un camino para encendido y apagado y dar clic en alguna pista Operación booleana que me puedan leer fuera de esta forma y pueda usar un campo para sentir letra entera. Vamos a usar un color verdoso y vamos a salir menos deísmo fuera. Voy a establecer antecedentes para nuestra carta. Entonces vamos a crear un rectángulo simple. Es turno de uso y opción para escalar proporcionalmente y también desde el centro. Ahora voy a vender como esta forma, centrarlo con una letra y usar sentir más fresco. Déjame cambiar a algún color tal vez rosa ish, y, uh, una cosa más voy a hacer. Voy a deshacerme de la frontera, y por cierto, sólo puedes arrastrar la frontera fuera de este panel y soltarla para deshacerte de la frontera. Y la racha también funcionan para las sensaciones en sus sombras, gas y desenfoque y otras cosas que tienes debajo se sienten en este derecho. Llámalos. Por lo que nuestra carta está lista. Te animo a practicar y, por ejemplo, a crear la primera letra de tu nombre. Y los veo en la siguiente lección. 10. Transformación de formas: en esta lección, vamos a echar un vistazo a formas más sofisticadas y también vamos a usar la herramienta de tijeras . Pero primero, echemos un vistazo a la barra superior fuera del boceto. Esta es una barra de herramientas. En realidad, tenemos algunas herramientas por ahí, pero podemos personalizar esta barra de herramientas y podemos acceder a sus opciones. Entonces si haces clic derecho en cualquier deporte vacío en la barra de herramientas y seleccionas este botón personalizar barra de herramientas ahora puedes seleccionar cualquier icónico jeez drogarlo en y un arrastrarlo fuera de la barra de herramientas. Entonces si te encuentras usando mucho autos, solo puedes arrastrar estos colores en la barra de herramientas. Además, puedes mover este divisor. Este es un espacio vacío, y puedes sacar las herramientas de, Incluso si están geniales fuera, puedes sacarlas de la barra de herramientas y deshacerte de ellas por igual. Por lo que también puedes deshacerte de los divisores. Tienes, ah, espacio simple, y también tienes este espacio flexible que puedes usar para ajustar el espaciado entre los iconos. Y si solo quieres restablecer a un íconos y espaciado predeterminados, puedes arrastrar el conjunto predeterminado a la barra de herramientas. Y dicho por defecto, está en la parte inferior, puedes tomar el conjunto por defecto y simplemente ponerlo en la barra de herramientas para restablecerlo. Teoh qué? Fue originalmente cuando inicias boceto por primera vez, luego tienes una opción para seleccionar. Sólo puedo o solo texto, o texto e iconos que suelo usar en los iconos. Pero para este curso voy a utilizar Tengo un texto para que puedas descubrir también los nombres fuera de las funciones. Y vamos a mover a este César todavía aquí también, porque vamos a usar las tijeras en esta lección. Entonces cambiemos a una forma de dibujo como esta, y te vas a encontrar haciéndolo muy, muy a menudo, y necesitas usar la puerta en general. Entonces eso es prensa. Ah, y mantengamos el turno. Hacer mantener proporciones. Pero a veces no vas a hacer crear una forma simétrica y un cambio. No basta con que quieras dibujar desde directamente desde el centro. En cambio, fuera comenzando desde el borde superior izquierdo fuera de la forma y manejando desde el centro. Vas a presionar opción mientras arrastras para que puedas proceder con toda la proporción. Y si quieres dibujar desde el centro, presionas opción. Y por supuesto, se puede empezar con opción y luego mantener el turno para crear una forma que sea tanto lanzada desde el centro y que sea a la vez proporcional y sea un círculo perfecto. Ahora entró. Los gobernantes con control son que siempre puedes cambiar a los gobernantes con tú humano también. Y a veces cuando se quiere crear un círculo como este, se necesita algunos gobernantes y hay que hacer clic en la regla para, dijo la guía. Y este tipo está exactamente en el centro, fuera de nuestra parte superior y ahora mismo tengo regla horizontal también, y puedo ir de pie sobre los pies. Puedo poner el cursor del curso directamente en el medio, y puedo presionar opción mientras arrastra para dibujar desde el centro. En ocasiones se quiere una forma simétrica como esta, y es muy fácil dibujarla con las reglas habilitadas. Entonces presiono ven. control son demasiado ocultar tanto las reglas como las guías, y si quieres deshacerte de las guías horizontales o verticales, tienes la derecha, tienes la derecha, haz clic o controlas, haz clic en las reglas y selecciona quitar todas las guías verticales. También puedes seleccionar en la guía y conducir, asumir esta guía y seleccionar quitar guía. Entonces otra forma es simplemente arrastrarlo fuera de la regla para poder hacerlo con guía tanto horizontal como vertical, o puedo quitar a todos los chicos que tengo en mi documento. Entonces ahora lo que voy a hacer que ha aumentado el grosor de esto más, voy a seleccionar seis. Y voy a seleccionar color verde para la frontera y que lo que necesitamos es que vamos a dio en otro círculo que será un duplicado del anterior. Por lo que presiono los comandos D y cambié el color. Entonces eso es como que coincide con el color fuera de esos overs en la parte superior. Y ahora necesito deshacerme de parte de esta frontera fuera más de cinco copias para que puedas presionar devoluciones. Esta es una forma de hacerlo. No presionarías retorno, y puedes seleccionar cualquier punto vectorial y presionar retroceso o eliminar para eliminar este punto vectorial . Y ahora solo puedes abrir el camino para que tengas, por ejemplo, por ejemplo, a la mitad de esta frontera. El segundo enfoque sería crear, por ejemplo, por ejemplo, un rectángulo o cualquier forma que sea tal vez una forma de 1/4 o 1/2 hora y luego seleccionar ambas formas y seleccionar restar. Pero hay un problema eso que tenemos esta frontera pasando en el centro. Por lo que la mejor manera de abordar este tipo de ejercicio fuera es usar las herramientas de tijera del dedo tijera que eliminas esos segmentos entre puntos vectoriales. Significa que si seleccionas el sobre y acabas con el dedo del pie de tijera sobre cualquier trayectoria, puedes eliminar la trayectoria entre cualquier punto vectorial. Entonces en esto más por defecto tienes cuatro puntos vectoriales, lo que puedes al menos cuatro segmentos y hacer uno de los trimestres de esto más. Pero también se pueden agregar puntos vectoriales y el uno cinco, tal vez, o 1/4. Ahora podemos ir a frontera, y también se puede cambiar el borde y para que estén redondeados y esta forma se vea aún mejor, es como funcionan las tijeras. Pero hay mucho más en el taburete, puedo crear formas e iconos mucho más sofisticados usando las tijeras. Entonces déjame crear algo más avanzado. Voy a usar una herramienta general para crear un simple icono de WiFi. Déjame Dragón en primera forma. Ahora voy a mandar lo duplicado y voy a hacer muchos duplicados. Voy a escalarlos usando la tecla de opción para escalar desde el centro así como la tecla de turno para escalar proporcionalmente. También se puede elegir la droga y luego usar el dedo de mercancía tener múltiples formas también. Entonces vamos a seleccionar todas las formas y puedes drogarSi no puedes arrastrar porque tienes este rectángulo libre en el fondo, simplemente presionas el comando shift l para mirar este rectángulo. Y ahora puedes seleccionar todas las formas que centran las formas utilizan la barra espaciadora para ajustar la vista. Y lo que necesito es a más formas. Voy a usar líneas. Por lo que por favor recuerden los atajos para la línea. Es yo. así que voy a usar l para hacer eso. Pero necesito que Teoh tenga el centro exacto fuera de mi ícono. Entonces usemos a los gobernantes y digamos los guías. Voy a establecer la guía vertical y también la guía horizontal para que tenga el centro exacto . Ahora pongamos el cursor en el centro y dibujemos la primera línea. A lo mejor así. De acuerdo, ahora eso es duplicar esta línea, así que voy a usar el Comando D. Y ahora tengo la copia fuera de la línea en el panel de capas para que pueda usar el sueño aquí para voltearlo horizontal o verticalmente. Y antes te mostré una forma más de hacerlo, acceder a este derecho como el dinero, y dije la transformación. Pero las botellas son tanto y más eficientes. Entonces ahora movamos las capas a la parte superior. Y nuestro siguiente reto es fusionar todo fuera de esta capa. Entonces si selecciono una más y dos líneas, voy a usar una unión de 1,000.000.000 Operación Off. Y como se puede ver, eso funciona como se esperaba. Entonces tengo una buena forma. Y ahora esta prensa comando z para deshacerla y seleccionar todos los óvalos. Y ahora probemos operación sindical. Y ahora no funciona. ¿ Por qué? No funciona semana Porque, como te dije antes allá más, no tienen ningún punto en común. Y en este caso, realidad no se puede usar la operación sindical porque se obtiene un resultado que es inaceptable para esto. Entonces lo voy a deshacer, y en cambio, fuera de unión, voy a usar diferentes operaciones booleanas que a veces solo necesitas experimentar. Usemos la operación de lingotes de diferencia. Y ahora echa un vistazo a la forma combinada. Esto es exactamente lo que lo queremos. Entonces tenemos todas las líneas y tenemos todos los caminos conectados para que podamos usar las tijeras para borrar los segmentos que aquí no necesitamos. De acuerdo, voy a Cathcart gorras y agilizar la película para que el ícono WiFi esté casi listo. Entonces, como puedes ver con grande en el ícono, usando las operaciones de lingotes en formas así como usando la punta de las tijeras y ahora podemos hacer este borde más grueso. Podemos cambiar el color y acceder a las propiedades alrededor de las hormigas fuera de la frontera. Y el ícono está listo. Entonces gracias por ver. Y te veo en la próxima película. 11. Transformaciones avanzada: en esta lección, voy a hablar de las opciones de transformación así como de alinear elementos. Entonces vamos a acercarnos a este artículo y vamos a crear nuestra primera forma será un rectángulo. Vamos a cuál hacer el lado derecho. Tenemos posición aquí ciencia, transformación y todas las etiquetas tienen los campos de entrada. Puedes ingresar los campos de entrada así como puedes presionar las flechas para cambiar la posición en consecuencia. Por lo que si hace clic en la entrada, ahora puede usar las teclas de flecha en los teclados de la tecla de flecha arriba y abajo dedo del pie tecla de flecha , no los valores por un píxel. Si pulsas y mantienes pulsada la tecla Mayús para que tengamos una flecha de desplazamiento no puedes valores por 10 incrementos. Y también por qué la opción de retención. Se puede tener este dolt one incrementos. Entonces así es como cambias los valores en todos fuera de los campos de entrada. También puedes sobre la etiqueta fuera del campo de entrada, así que pasa el cursor sobre. Por qué etiquetar. Después arropas con el botón izquierdo del ratón y puedes drogar a la izquierda o a la derecha con la calza inferior , y luego cambias los valores de cualquier campo de entrada en sketch. Entonces si quieres Teoh selecciona el campo capaz a la derecha, y actualmente tienes este de seleccionado. Simplemente selecciona la capa y puedes usar el atajo de teclado, que es opción tina. Y al presionar la tina de opción, seleccionaste el primer campo, que es en esta posición de caso, por lo que puedes presionar arriba nuevamente para acceder a cualquier otro campo, y puedes escribir los números. Puedes usar las flechas del teclado. También puedes presionar la pestaña de turno para salir del campo para que puedas presionar tabulador o desplazarte hasta exceso de cualquier campo sin ni siquiera crujir con tus bocas. La siguiente opción que tienes aquí es este pequeño icono de candado, y esto es entre las etiquetas de ancho y alto. Y como ves esto, mira que obtuve te permite registrar las proporciones fuera del objeto. Y si usted dijo el trigo, la altura cambiará en consecuencia. Cuando presionas return, suceden las mismas cosas si intentas modificar el ancho o la altura de la forma usando los tiradores. Entonces si arrastras en lo que cualquiera de los mangos, verás que el trigo y la piel cambia en consecuencia. Y eso es porque tenemos este pequeño icono de candado que evita que cambies las proporciones de esta capa. Y si no lo necesitas, solo tienes que hacer clic en el icono de look. Como ves ahora, está desbloqueado, así que eso significa que puedo cambiar el trigo y esconderme por separado para poder cambiar la proporción fuera la capa. Entonces ahora no tienes que acceder a ningún modo de transformación especial ni nada por el estilo. Acabas de griego en la capa, y tienes las asas que puedes ajustar en consecuencia, y también puedes acceder a este taburete girando desde la parte superior, y ahora, si pasas el cursor fuera de la capa, puedes ver cambia el cursor, y se puede cambiar el radio. También se puede acceder desde el dinero de la mano derecha, y aquí tienes esta opción de rotación para que podamos teclear 40 grados y gira, y también se puede acceder al dedo del pie de rotación flotador con una clave común. Entonces cuando pasas por encima de la esquina y presionas comando para ingresar temporalmente este dedo de rotación y la cosa es cuando giras como así también puedes presionar shift para tener rotación ah con incrementos de 15 grados, y así es como lo haces. En realidad, hay una ventaja de usar un dedo de rotación en lugar de presionar el comando, porque cuando hago clic en el rotacional, se puede acceder a este pequeño punto de rotación en el medio, y se puede cambiar la posición de puntos de rotación. Entonces si sales fuera rotación, dedo del pie y presionas comando, no tienes este pequeño ícono. Y si vas a rotar, puedes cambiar la posición fuera del origen de la rotación, y ahora rotas en consecuencia a la posición fuera de este punto. Entonces una última cosa que tenemos en cuanto a transformaciones es la herramienta de transformación que está en la parte superior. Por lo que es básicamente bastante diferente a los manejadores de transformación estándar, y también se puede acceder a transformar con el menú de clic derecho. Y voy a dar a este pueblo opciones resentidas y verticales. Pero tienes una rotación aquí, así como una transformación a la que podemos acceder desde ahí o desde el ícono en la parte superior. Entonces vamos al modo de transformación y a este modo. Vamos a cambiar la posición de cada uno de los puntos. Como ves, los puntos ahora están redondeados y puedes hacer algunas transformaciones pseudo Freey 2.5 la transformación para que puedas sesgar el objeto. Se puede transformar de una manera diferente, así que eso es la transformación. Ahora me gustaría mostrarte alguna otra opción para cambiar las capas trigo y atadas, y esto es usando el teclado para que puedas cambiar cualquier capa y simplemente presionas comando de opción y luego no con las flechas para que puedas presionar flecha izquierda para hacer el trigo más pequeño por un píxel o la flecha derecha para hacer más grande por un píxel. También puedes impresionar comando shift, flecha izquierda o derecha para tener incrementos de 10 píxeles. Y estos atajos. Viene muy a mano. Por ejemplo, cuando tienes muchos objetos y es bastante difícil seleccionar capa individual en tu artículo, puedes seleccionar la capa de las capas menos, y luego puedes usar los atajos dedo del pie. Ajusta la altura o el trigo o para ajustar la posición. Ahora este dedo de col rizada. Es una de mis herramientas favoritas en sketch porque te permite escalar cualquier objeto, aire o grupo o un conjunto de capas, y en su lugar fuera de esta escala tradicional, que no escala, por ejemplo, y borde para que puedas ver que si escalé incluso con opción y muevo toda la proporción y escala desde el centro al espesor fuera del borde sigue siendo de 15 píxeles, y en realidad, todos los efectos que tienes aquí así bordea en sus sombras. Ghassan se difumina, y también las sombras permanecerán iguales. Entonces si yo otra sombra y tú tienes algunos valores poco profundos por ahí. Entonces tengo esta Blair, por ejemplo, que son cuatro píxeles, y si trato de escalar la capa, siempre se queda para píxel. En este comportamiento, probablemente no lo quieras, no sé 80% de tu tiempo, porque quieres escalar tus iconos con todos los efectos. Tiene tanto miedo. Los bordes escalan las sombras. Deshacernos de la sombra. Y quizá nos enfoquemos en esta propiedad fronteriza, que es 15% lo creo. Cuando patinaron , no cambia. Pero si accedo a la herramienta de escala y este es probablemente uno de los atajos de teclado más importantes , ese es el comando K, por lo que ahora puedes cambiar el tamaño de la capa y puedes dar el valor adecuado en por ciento para que pueda patinar 50%. También puedo dar pieza exacta de valores para ancho y alto también, pero normalmente uso porcentaje y echo un vistazo a la frontera ahora, así que era 15 y ahora son 7.5 pizzas. Por lo que funciona también para las fronteras y esta función de pequeña escala. Lo usarás todo el tiempo. Es especialmente útil cuando, por ejemplo, importas por ejemplo, algunos iconos al boceto y quieres asustar los bordes proporcionalmente dedo del pie los iconos que utilicé todo el tiempo, realmente, realmente, Así que también puedes previsualizar los valores y puedes asustar desde el centro izquierdo sobre abajo para que pueda elegir cualquier posición de escalado. Y es súper útil. Entonces la buena noticia es que eso es probablemente todo lo que tienes que saber sobre el escalado y la transformación en boceto. Entonces permítanme aceptar estos cambios y cambiar el tamaño de esta capa y pasar a la siguiente lección. Ahí los veo chicos. 12. Alineación de elementos: hola y bienvenidos en la siguiente lección en la que les voy a mostrar características muy simples pero muy poderosas fuera del boceto, que son opciones de alineación. Por lo que tenemos las opciones de diamante en la esquina superior derecha fuera de la interfaz, y puedes usarlas para alinear grupos, capas, capas, tableros de arte. Simplemente selecciona cualquier cosa, y como ves algo fuera de la alineación, las opciones ya están disponibles. Entonces he seleccionado este grupo planetario y hay un pequeño marco nuevas opciones de alineación, y eso significa que se alinearán de acuerdo a un mundo del arte. Entonces si tienes un elemento seleccionado y no está dentro de un grupo, puedes alinearte de acuerdo a estos iconos del espacio espía. Copia, también, están a punto. Entonces déjame aliar en esto a la izquierda, a la derecha a la parte superior inferior, y también puedes enviar su vertical y horizontalmente en el artículo. Por lo que es muy fácil, y también se puede alinear usando esos chicos inteligentes. Como ven, si voy al centro, tengo guía vertical así como guía horizontal que me permitirá ponerlo directamente en el centro fuera del artículo, y si por casualidad, quieres posicionarlo. No lo sé, quizá conocía el centro, pero no en el centro. Y quieres saltarte un chasquido. Mantienes el comando mientras arrastras, y eso es todo. De acuerdo, cambiemos a otros tableros de arte que tengo. Por lo que ahora tengo algunos grupos. Tengo cuatro iconos, y si tienen más de un elemento sobre el arte sobre, como pueden ver, tienen más sonrisa, chicos. Por lo que tienes guías inteligentes para el tablero de arte que aparece en el cuerpo central también tienen guías inteligentes para los bordes fuera de cada grupo que tenemos aquí, y también podemos desactivar a los chicos inteligentes mientras arrastramos. Solo tienes que presionar y mantener presionado el comando inferior del teclado. Pero esos chicos inteligentes que pueden llegar a ser muy útiles, sobre todo cuando se quiere posicionar los grupos entre sí y cuando se quiere marchar los márgenes entre diferentes capas o diferentes grupos. Entonces, como ves, tengo las medidas ahora, y si me acerco a 91 tengo snapping y me permite posicionar su grupo correctamente para que también puedas medir esas distancias entre diferentes capas y diferentes grupos. Pulsando la opción abajo. Por lo que el primer caso de uso es cuando se presenta la tecla de opción de retención y se pasa el cursor sobre este grupo seleccionado . Ahora has medido las distancias entre los bordes fuera del arte abortar. Lo que puedes hacer es que también puedes pasar el cursor sobre la siguiente capa o un grupo, y ahora has medido la distancia entre este grupo y el segundo grupo. Por lo que puedes medir fácilmente diferentes distancias entre las tablas de arte o entre los propios mentirosos o se agrupan. Entonces recuerda ese atajo de teclado y lo siguiente que me gusta mostrarte es alinear esos iconos con unas nueve opciones. Entonces vamos a seleccionar todos los artículos. Entonces elegamos a todos los grupos. Y ahora, como pueden ver, tenemos todas las opciones disponibles aquí porque tenemos múltiples objetos para que podamos distribuir también el espaciado. Entonces ahora si seleccionas alguna de las opciones de alineación, no se está posicionando dentro del cartón. Es posicionamiento entre esos objetos, Así que si los dejé alineados como puedes ver, se alinearon al borde muy izquierdo del primer grupo, y ahora los puedo centrar en el arte. Pero así, y si quiero que Teoh distribuya dentro del arte, pero necesito tener un grupo diferente para todos esos objetos. Por lo que presiono Commander G mientras tengo esos objetos seleccionados para crear otro grupo. Y ahora sólo tengo seleccionado a este grupo. Y en el panel Alinear, tengo este pequeño borde junto a lo odioso. Entonces eso significa que trabajaré ahora con todo el grupo y lo posicionaré dentro del perno de arte . Entonces vamos a presionar desplazamiento de comando, G toe en grupo los elementos. Y ahora tengo más de un elemento seleccionado, por lo que las opciones de aerolíneas son diferentes. Entonces pasemos a esto primero nuestro tablero. Y como puedes ver, hay muchos grupos y cada grupo es un icono diferente. Entonces déjame seleccionar la primera fila fuera de iconos eso 1er 7 iconos y voy a usar alineación hace para correctamente en el alinear esos iconos. Entonces ahora usemos esta primera opción alineada verticalmente. Teoh los tienen en una línea, y luego necesito distribuir los márgenes entre el icono. Entonces voy a dar click en distribuir horizontalmente, y eso es catch es decir que básicamente no puede moverlo a sus picos completos nosotros. Y se pregunta si quiero moverlos a sub picos nos algunas fotos de posiciones en el eje X, o quiero distribuirlas uniformemente? Y para ser honesto, simplemente no me importa distribuirlos uniformemente porque ni siquiera notarás la diferencia. Si bien tienes todos los iconos en el pleno nos recoge en los picos son geniales, lo cual es bastante importante. Por lo que hago clic en distribuir en incluso la opción. Y ahí vamos. Tenemos distribución uniforme de esos iconos, incluso márgenes entre los grupos. Entonces aunque haya negativo, puedes hacerlo así Y ahora lo que voy a hacer, voy a seleccionar el último ícono porque quiero que Teoh distribuya el toso para que sientan todo el espacio fuera de nuestra pizarra. Entonces voy a seleccionar el último ícono. Voy a presentar turno de espera para mantener la línea. Y ahora voy a seleccionar todos los iconos mientras este ícono lista a la derecha y otra vez voy a distribuir de manera desigual para que tenga la primera fila fuera de los iconos y ahora puedo ah agrupar este ícono. Por lo que presiono el comando G para agruparlos. Ahora presiono el control son para los gobernantes y dije la guía para que tenga las guías a la izquierda y a la derecha de mis iconos encendidos. Permítanme tomar los siguientes iconos del primero en la siguiente fila y lo dije aquí. Y también voy a posicionar este último ícono en este segundo lanzamiento. Y como ves, es mucho mejor posicionarlo ópticamente que matemáticamente. Entonces voy a Nagy con flecha derecha en el teclado. Y ahora es perfecto. Voy a seleccionar sobre los iconos y antes de agrupar necesito establecer la distribución como Así que ahora puedo agrupar esos iconos así que presiono. Vamos, G y yo podemos tomar los otros iconos y hacer lo mismo por el federal. Necesitamos a Teoh no sólo un poquito con el teclado. Voy a seleccionar todas las capas con la tecla Mayús en el teclado y distribuir el espaciado, así que posicionarlas en el eje vertical así como distribuir las marcas entre los iconos . Entonces lo que necesito hacer ahora mismo es decir la última fila fuera de iconos, voy a seleccionarlos todos y distribuir el espaciado así como la posición. Ahora puedo comandar el G, dije el siguiente grupo y este federal también necesita ser un grupo fuera de iconos. Ahora, si tengo todos esos grupos, puedo seleccionar los grupos, y ahora puedo trabajar con los grupos para distribuir el espaciado verticalmente. Entonces déjame hacer clic en este ícono voy a usar de manera desigual y tengo todos los iconos para hablar y abarcar posiciones incorrectas. Por lo que nunca hemos usado la herramienta de texto, Pero es bastante fácil. Voy a vender como el té en el teclado y sólo dibujar un simple campo de texto. Voy a decir iconos espaciales como título fuera de mi tablero de arte, y luego vamos a hablar mucho más de propiedades de texto. Ahora mismo, como pueden ver, tenemos este largo marco de texto y podemos alinear el texto dentro de este amigo de texto. Por lo que los grandes atajos de teclado son shift command plus key corchetes derecho o izquierdo para alinearlos a la izquierda o a la derecha. O puedes usar el cambio común hacia atrás Slash para alinearlo con el centro. Por lo que tienes todo el tiempo y opciones para los grupos para el texto, y también puedes acceder a las mismas opciones de alineación en el menú organizar. Puede seleccionar una opción de objetos de línea, y tiene cada icono que está en este panel marcado en el menú. Y eso es bastante importante porque ahora me gustaría mostrarte cómo crear tus propios atajos de teclado para boceto, y puedes aplicar atajos de teclado a cualquier elemento que aparezca en el menú de boceto. Entonces si tenemos opciones de alineación que tenemos, podemos ir directamente a las preferencias del sistema y desde las preferencias. Vamos al teclado y hay un trozo de atajo. Entonces desde la parada de atajos, vas con el dedo del pie hacia arriba atajos, y ahora puedes agregar nuevos atajos. Seleccionas la aplicación, y eso es básicamente boceto. Entonces eso es presionar como en el teclado y seleccionar la programada arriba. Y ahora tenemos que reescribir el título del menú. Entonces tenemos que poner su mundo exactamente. ¿ Es ése cuál es el nombre de la función en el menú? Entonces, asegurémonos de conocer el nombre correcto. Entonces vamos a arreglar los objetos de línea, y tenemos tanto horizontal como vertical. Entonces pongamos ambos atajos. Ambas opciones. Y vamos como ambas opciones Toe dijo los atajos en las preferencias. Entonces voy a poner horizontalmente como un primer dios corto y en el atajo de teclado, acabas de tirar del atajo que quieres usar. Entonces voy a poner coma y soporte izquierdo. Yo me voy. Vamos, Soporte izquierdo para centrar horizontalmente. Y por supuesto, puedes usar cualquier atajo que desees que puedas. Por ejemplo, utilice Vamos, cuatro para horizontal y comando cinco para alineación vertical. Y voy a poner vertical aquí, así que tiene que ser una ortografía correcta. Se necesita deletrear igual que en un boceto. Y voy a presionar comando corchete derecho. Y después de este atajo, Así que ahora puedo cerrar las preferencias y ni siquiera tengo que reiniciar la aplicación de boceto. Puedo usar fácilmente este comentario soporte izquierdo seco soporte a dicho distribución adecuada y déjame hacerlo en el otro arte a bordo y de costumbre, Un escenario es que uses dos formas cualquiera, así que voy a ritmo ahí un ícono y tengo estos dos formas y quiero centrar este icono dentro del rectángulo. Por lo que cambio selecto tanto grupo como el ICOM, y ahora puedo usar las opciones de alineación para hacer eso. Pero en lugar de las opciones de alineación, ahora puedo usar mi atajo. Entonces vamos como ambos jugadores y presione comando corchete izquierdo y comando corchete derecho para centrar el icono horizontal y verticalmente. Y además, si estás usando las versiones más recientes de Sketch, hay un bonito Adam a esto. Déjame pegar, tal vez gratis o para iconos alienígenas, y ahora puedes seleccionar esos objetos, ya sean capas o grupos, y lo que puedes hacer es rápido en esta pequeña batalla ordenada. Se los arreglará así, y además no se puede pasar el ratón sobre las marcas entre esos elementos, y se pueden ver pequeños iconos que indicarán que se puede hacer clic y cambiar las marcas cualquier manera como ésta. Y esto es bastante genial por lo que puedes hacer esto para la alineación vertical. Puedes hacer esto para una alineación horizontal así, y esto se está volviendo bastante inteligente si seleccionas varios elementos a la vez. Entonces te puede gustar esto, e incluso sabe que tienes que levantarte ahí. Ni siquiera tienes que tener otro grupo. Es lo suficientemente inteligente como para decirlo. Entonces eso es básicamente todo. Este es el fondo ordenado y también las alineaciones inteligentes. Además, en las versiones más recientes de Sketch, han mejorado mucho el chasquido y esas guías inteligentes que te permitirán distribuir artículos al lado del otro solo un poquito mejor. Pero esto no necesita un escaparate. Entonces básicamente, eso es todo. En esta lección, te veo en la siguiente. 13. Redimensionar opciones en el boceto: Hey ahi antes de que empiece esta lección. Tan sólo un descargo de responsabilidad rápido. Esta es la versión más reciente off sketch and re sizing options que voy a hablar de cambio ligeramente en el layout. Básicamente, es lo mismo. Por lo que Pinto es del mismo y de tamaño fijo. Tenías dos botellas, una para este acceso y otra para ese. Ahora es un S O. Eso es básicamente todo. No voy a volver a grabar esta lección, así que disfruta el resto de la misma en el diseño más antiguo, pero aun así lo mismo invierte. Escucha, vamos a hablar de opciones de re dimensionamiento en boceto. Entonces básicamente todo lo que creas en sketch, ya sea grupo ensamblado o una capa a la que puedes acceder, opciones de cambio de tamaño a la derecha. Y tienes diferentes opciones de Resize Inc, que son responsables de cómo este objeto se escalará dentro de su padre y en realidad para el sobre y para el rectángulo. Su padre es este grupo para el grupo. Su padre es el tablero de arte. Pero centrémonos en el grupo ahora mismo, y centrémonos en las propiedades desactivadas, re dimensionamiento para más y rectángulo. Entonces si seleccionamos este grupo y tratamos de cambiar mis menciones fuera del grupo como nota general , debes recordar que todo escala en porcentaje. Entonces si tratamos de escalar el grupo dulce como ves las escalas más dulces en consecuencia. Entonces si tienes 50% de descuento en el grupo dulce, tienes 50% de descuento en el óvalo. Dulce. Y si tienes un 50% de descuento en la altura del grupo, también tienes un 50% de descuento en la supervisión. Entonces por eso esto se está deformando ahora mismo. Pero cuando intentas cambiar las opciones por defecto para volver a dimensionar, así que cuando establecemos algunas de estas son opciones de Very Size Inc, podemos , por ejemplo, decidir que esto termine será, no lo sé, tal vez paeans a la esquina superior derecha. Entonces intentemos moverlo primero a la esquina superior derecha. Y después voy a usar estas opciones de ejercicio por defecto, y nos vamos a centrar en este manecitas. Por lo que dentro de estos mangos, podemos establecer la alineación para peen cualquier elemento a la parte superior izquierda, derecha, o a la parte inferior. Entonces si quiero dedo del pie estar en la parte superior derecha, selecciono tanto Hola, parada y derecha. Y ahora, como ven, se está escalando el óvalo. Por lo que cambia en consecuencia al porcentaje fuera del grupo. Pero también es alfileres dedo del pie la parte superior y frijoles a la derecha, por lo que el margen entre la parte superior y la derecha es fijo. Por lo que una parte de esto funciona. También puedo arreglar el ancho y la altura de mis objetos. Entonces voy a hacer clic, arreglar el trigo y arreglamos apretado dentro del sobre. Ahora voy a seleccionar el grupo para que su padre y voy a asustar al grupo. Y como ves, el general no es escalar. Y además, también está anclado al borde superior y derecho para que las marcas siempre se mantengan iguales. Entonces tenemos los márgenes fijos, OK, y ahora imaginemos algunas otras situaciones. Entonces tal vez quieras poner el objeto en el centro directo fuera de su padre. Por lo que ahora el más está en el centro del grupo. Pero cuando tratamos de asustar al grupo, como puedes ver no se queda en el centro. ¿ Y por qué está sucediendo fuera de curso? Está sucediendo porque configuramos opciones de Resize Inc y tiramos de esta opción y decidimos que tiene que estar anclada a la derecha, y si ha sido a la derecha. Siempre tiene el mismo dedo Margon el borde derecho de sus padres. Entonces lo que tenemos que hacer, tenemos que liderar esos pines. Por lo que tenemos que amperarlo, sobre todo desde la derecha. Entonces ahora tenemos trigo fijo y arreglamos el hide y no ponemos ninguna opción aquí en redimensionar No podemos realmente decir el significado izquierdo y derecho porque estiraría el objeto. Y tenemos el set de trigo fijo y escondite. Entonces es imposible. Por lo que lo dejamos vacío y seleccionamos el grupo. Intentemos cambiar el tamaño del grupo ahora mismo. Y como se puede ver, este sobre queda en el centro. Entonces básicamente, boceto cuida a este objeto estando todavía en el centro. Por qué re dimensionar para que podamos ponerlo en el centro tanto vertical como horizontalmente y probar Ahora puedes cambiar el tamaño y puedes tener este objeto en el centro exacto fuera de su padre. Si bien todavía se desactivan las opciones de cambio de tamaño y se activan los ajustes de trigo y fijar altura . Entonces así es como lo haces. De acuerdo, entonces ahora ese cambio a algún otro ejemplo y voy a dibujar nuestro rectángulo aquí suprimir nuestro voy a dibujar un rectángulo click derecho y copiar STAis de arriba al rectángulo. Recuerda, también tienes este atajo, que es turno común Ver y Contrave. Ahora voy a esconder el sobre y voy a cambiar a mi grupo. Y traté de redimensionar departamento como se puede ver, el objeto tres tamaños y también el izquierdo y el derecho Margon todos los tamaños también. Por lo que si quieres arreglar Margon, puedes configurar la opción de recitación para que puedas fijarla a la izquierda y fijarla a la derecha . Obviamente no se puede decir el arreglo con esa opción. Pero ahora cuando intentas recitar el grupo, tienes objeto bellamente escalado con márgenes fijos desde la izquierda y desde la derecha. Entonces ahora lo que podemos hacer es estirar este objeto para que no sólo sea dolor, sino que también toque los bordes de nuestro grupo. Y ahora si intentas cambiar el tamaño de un grupo, tienes ah, muy buen comportamiento, que es como, no sé, tal vez pie de página fijo o el menú en tu aplicación móvil Y una cosa más que podemos pide que esto sea perfecto. Competimos hasta el fondo, y también podemos decir las alturas a fijar para que la altura no cambie con la altura fuera del pirata. Y ahora tienes ah, componente bien diseñado que puedes usar, por ejemplo, por ejemplo, en diferentes tamaños de pantalla. Y una cosa más que me gusta mostrar es que puedes apagar la altura fija, y en realidad puedes anclar este objeto a cada esquina de este grupo así a cada lado de su padre. Y para ello, hay que hacer click en el centro fuera de este ícono. Entonces si arropas en el centro, puedes conocer escala, y ahí la tienes. Ahí está el efecto Si tienes rectángulo que es pintura tanto a izquierda, derecha, derecha, inferior y parada y por qué no se está comportando así. Entonces cambiemos por un segundo a este modo que tenía. Entonces vamos a jorobar en él desde la parte superior que se ha intentado cambiar de tamaño. Ahora es margen cero desde la izquierda, cero desde abajo y cero desde la derecha. Pero cuando lo publicas hasta arriba también, tienes el marcado fijo desde arriba. Entonces tenemos el marcado apagado sobre, lo sé, tal vez a 500 píxeles de la parte superior. Y por eso esta forma se comporta así. Entonces ahora todo el texto está experimentando. Por lo que una policía intenta experimentar un poco con las opciones de cambio de tamaño e intenta, por ejemplo, poner a este tipo para que sea paeans en la parte superior, la parte inferior y a la derecha. Por lo que ahora, obviamente, la altura fija no está disponible. Eso se debe a que son frijoles a la parte superior a la inferior para que se estire con el recipiente . Por lo que obviamente no puedes tener la altura fija, y tal vez puedas tener el trigo fijo y vamos a seleccionar el fix sweet por ahora. Y tratemos de escalar este grupo. Entonces, asustemos al padre. Y como ves, ahora es 18. Pero no cambia su trigo. Y si apaga esta función, así que apaga el trigo fijo, tienes las malas hierbas variables, y el con cambiará en consecuencia al cambio porcentual de su padre. Por lo que es bastante fácil contra. Entonces lo último que me gusta mostrarles es cómo los contenidos de las tablas de arte pueden redimensionarse con las tablas de arte dentro del Ejército. Entonces, como puedes ver con el nuevo horario es y eres capaz de mis noticias para que puedas cambiar a través del diseño de materiales, puede cambiar a Responsive y, por ejemplo, dispositivos apple, y puedes seleccionar el nuestro barco. Entonces es bastante similar a lo que te mostré. Y ahora puedes decidir que este nuestro barco debe ser de diferente tamaño, así que debilita. Se puede acceder al arte sobre y se puede hacer clic en el nombre del iPhone Sevens, y se puede elegir el diferente tamaño de la obra. Por lo que es bastante similar, y en este momento tienes esta opción adicional aquí, que es un contenido justo en los recites. Entonces aquí está. No lo enciendamos por ahora. Y vamos a crear una forma de sombra simple dentro de este tablero de arte. Entonces voy a dibujar, y lo voy a poner en el centro fuera de nuestro barco. Y ahora, cuando traté de redimensionar el tablero de arte, Como puedes ver, el general se mantiene en su lugar para que no cambie su posición. Pero si dijera el contenido de ajuste en opción precisa y dijera, seleccione el nuestro barco y ahora trate de redimensionar este tablero de arte para que pudieran mirar esto sobre lo que va a pasar. Y ahora tenemos este comportamiento por defecto. Por lo que tenemos este comportamiento donde porcentaje fuera de las dimensiones de los objetos es igual al porcentaje fuera de los artículos. A masas ahora que sobresalen la disfunción, ajustan continente redimensionar y vamos como el óvalo. Echa un vistazo a la estructura. Entonces en el arte a bordo está el padre exacto fuera del óvalo ahora mismo. Y si dije el trigo fijo o excitar o cambiar algo en las opciones de Resize Inc, tenga en cuenta que el ajuste de contenido en opción precisa se enciende automáticamente. Entonces ahora al menos no te sorprenderás, y ahora pueden mirar este tablero de arte. Se re tamaños, pero el óvalo se mantiene igual porque tiene altura fija y fija con eso, dijimos, dijimos, enfatizando opciones. Y también el Archbold es padre directo de esto más. Por lo que todas estas opciones de dimensionamiento re son bastante importantes, pero también su opcional. Por lo que no tienes que configurar la opción Resize Inc al principio, y puedes lidiar con ellas más tarde. Pero para ser honesto, lo mejor es tener el hábito de establecer las opciones de cambio de tamaño mientras estás creando algunos elementos, sobre todo si estás creando, por ejemplo, móvil First sitio web que vas a responsablemente un puerto a algunas otras resoluciones para una tableta y, por ejemplo, para escritorio. Por lo que si trabajas con las opciones de cambio de tamaño mientras creas gobiernos, será mucho más fácil crear diferentes versiones responsivas fuera de tu interfaz. Entonces eso es todo por ahora. Gracias por verlo y nos vemos en el siguiente video. 14. Uso de máscaras: en esta lección, vamos a hablar de máscaras en mezquitas son técnica muy popular y muy poderosa en el boceto, por lo que podemos usar máscara para ocultar o revelar algunas partes de las imágenes. También puedes usarlos para la forma. Entonces básicamente, puedes usar must en casi cualquier cosa en boceto. Entonces capas, grupos, formas, imágenes. Pero el enfoque más común es usar la forma simple para mezquizar parte de la imagen. Entonces vamos a hacer esto en este tablero de arte, y voy a seleccionar un dedo del pie rectángulo y dibujar un rectángulo para la primera foto. Voy a tener fotos gratis. Entonces necesito un rectángulo más y este tipo lo voy a duplicar. Por lo que el comando d sostendrá turno, Teoh. Ponlo ahí, y voy a cambiar click para seleccionar ambos rectángulos y cambiar este lado. Por lo que ahora tengo tres marcador de posición y quiero usar las imágenes dentro de este place holders. Por lo que tengo Paksas dot com donde puedes encontrar fotos. También tengo algunos seguidos de píxeles en el buscador. Y si quieres usar una imagen en boceto, simplemente seleccionas la imagen y la arrastras y la sueltas en tu perno de arte y que tengas esta foto de píxel y ahora puedo con común seleccionar segunda capa, que es rectángulo, y este rectángulo enmascarará esta foto. Entonces voy a esta botella de mezquita en la parte superior y hago clic en mezquita. Y ahí tienes grupo. Y dentro de este grupo, tienes más con nosotros Pequeña flecha. Y esta flecha significa que esta foto en realidad está siendo enmascarada por la capa que está debajo, y básicamente el orden inicial de la capa no defiende para marcar la diferencia. Entonces si tengo este pack celdas foto bajo ángulo directo y ahora vi que van formas y forma en los bocetos fotográficos lo suficientemente inteligentes como para enmascarar la foto con el rectángulo. Por lo que ahí tienes un grupo, y dentro del grupo tienes dos capas, y puedes editar esas capas por separado. Por lo que significa que puedes ir a la mezquita e ir a la foto. Puedes ajustar los ajustes tanto de mezquita como de foto para revelar u ocultar algunas arias de esta foto. Entonces la siguiente foto que voy a usar aquí, voy a arrastrar y soltar. Y como ven, tengo la segunda capa en el mismo grupo para que pueda tener dos capas siendo mezquita con una forma. Y como ves esta flecha pequeña, eso significa que esto en realidad está siendo mezquita. Ahora. Puedo hacer click derecho y seleccionar. Ignorar la máscara subyacente para esta imagen. No a ser incluido en los procedimientos de enmascaramiento. OK, así es como se crea una mezquita. Y así es como decides si quieres usar la mezquita para este contenido grupal o no . Entonces ahora movamos algunas imágenes y voy a cerrar este grupo y voy a mover otra foto. Y esta vez voy a usar Padre de células traseras y puedes arrastrar y soltar para los directamente desde el navegador al tuyo. Atrapa ventanas. Entonces voy a arrastrar y soltar desde el navegador para bosquejar. Y como ves, tengo esta capa. Tenía especificaciones, esta foto también, así puedo venir y hacer click para seleccionar las capas. Y ahora puedo usar mezquita, y en su lugar fuera usando esta batalla, voy a presionar el comando de control M, que es el atajo para mezquita. Y como pueden ver, ahora tengo la mezquita. El 11 diferencia entre la botella y el atajo de teclado es que Ahora tengo que ignorar máscara subyacente en este rectángulo para copiar, porque el atajo no crea grupo automáticamente. Entonces si haces clic en la mezquita pero en tienes un grupo, y si usas el atajo, no tendrás grupo. Entonces vamos a encontrar algún otro padre y en píxeles, puedes encontrar mucho para fuera de grandes fotos y recurso es que puedes usar en tu proyecto. Voy a usar esta foto para la última mezquita, y voy a seleccionar tanto la foto como el rectángulo para copiar con Command en el teclado. Y ahora voy a usar comando, control em para usarlo como mezquita. Entonces de esa manera tengo máscaras gratis para mis fotos. Pero el 1er 1 fue creado con la batalla de la mezquita, y otros dos fueron creados con el atajo de teclado. Y la diferencia es que, por ejemplo, si creo cualquier otra forma en este momento, así presiono son y creo un rectángulo. Como puedes ver, tengo este rectángulo siendo mezquita por la última máscara que usé. Eso se debe a que el atajo de teclado no creó un grupo para esas capas, por lo que hay que gustarles los grupos como las capas y crear un grupo con el comando G. Así que presiono. Vamos, g. Y ahora tengo un grupo para y esas dos capas. Y ahora tenemos el grupo para todos el must gratuito que hemos creado. Ahora les voy a mostrar alguna otra técnica porque esta era una mezquita sencilla, y también podemos crear nuestras mezquitas de granja en boceto. Y usemos alguna otra foto en la que me voy a posicionar ahí mismo. Voy a dibujarme. Esta será mi foto de avatar. Entonces voy a presionar y mantener la barra espaciadora para posicionar esto. Y ahora usemos la máscara. Por lo que cambio click en las fotos para seleccionar ambas capas, y uso mezquita para crearla. Entonces es muy, muy fácil. Y recuerda que siempre se sabe destructivo, así que siempre puedo volver atrás. Puedo ajustar la foto, ajustar el tamaño de la mezquita, y también puedo revelar algunos más. Mi foto. Por lo que la mezquita es básicamente una forma sencilla con sensación amarilla. Realmente no importa, pero la opacidad es de 100. Si vas a ah, capa y molde de mezquita. Esta es una mezquita de contorno, y también puedes cambiar a una hora de nosotros. Y ahora, como se puede ver, no se puede ver la capa, el jugador enmascarador. Pero todavía tienes este comportamiento de enmascaramiento como antes. Pero lo que puedes hacer en este momento es que puedes seleccionar la mezquita y puedes cambiar el campo. Se puede cambiar, en realidad cambiar la capacidad de combustible, que está ahí. Y si cambias la capacidad de combustible, también cambias la opacidad del objeto. Y obviamente se puede seleccionar el grupo. O bien puedes seleccionar la foto y cambiar la opacidad de la foto. Pero tener suficiente una mezquita te permite usar, por ejemplo, INTs Grady también, tener esta hermosa suave transición en la mezquita. Entonces voy a crear Grady int y vamos a hacer una radio, Grady, y luego voy a hablar más de resplandor. Pero ahora mismo cambiemos la posición y los cambios el tamaño de este radiante, ya que puedes ver que aquí hay un color negro. Y si cambio la opacidad de este color negro, como pueden ver, el color blanco revisa cosas y los colores negros esconden algunos de esta capa porque es alfa se ajustó. Entonces eso es trabajar sólo con Alfa Mosque. Entonces si voy a enmascarar, moldear y cambiar a fuera como mezquita, Como puedes ver, tenemos un int Grady en esto. Grady in se está desvaneciendo lentamente porque cambio la opacidad de este color. Por lo que fuera de este color negro y sin su máscara, puedes usar la opacidad para manipular la opacidad off premios que está enmascarando esta capa. Entonces cambiemos de nuevo este molde. Voy a usar fuera de modo mezquita y ahí lo tienes. Por lo que a veces podrías estar dispuesto a usar las mezquitas Alpha para lograr este tipo de resultados . OK, así como puedes ver, mezquitas son muy poderosas. Característica fuera del sketch y te encontrarás usando una y otra vez los proyectos de Inglaterra. Pero a veces simplemente no necesitas mezquitas. Simplemente quieres sentir algo de capa, sentir algo de forma con una imagen. Y esta es otra técnica que quiero mostrar en esta lección. Entonces en lugar de tener una mezquita, voy a dibujar ah, forma simple. Entonces cambiemos esta hazaña de tablero duro. Y ahora vamos a dibujar son rectángulo simple. Voy a presionar, son y robaré rectángulo que siente esta tarjeta y voy a usar en lugar de enmascarar, voy a usar sentimientos. Entonces voy a dar click en campo y ahí tienes este pequeño icono de imagen para que puedas sentir esta capa con una imagen. Puedes elegir la imagen de tu disco duro, pero también puedes simplemente arrastrar y soltar la imagen sobre tu forma para que puedas usar finder o un sitio web para seleccionar la imagen arrastrando y soltando por ahí sobre esta pizarra. Y ahí tienes la imagen que siente tu forma y puedes crear formas aún más sofisticadas y complicadas y sentirlas con las imágenes. Y ahora tenemos habilitada esta opción de campo. Entonces eso significa cuando escalas la forma y la imagen se escalará con la forma y no cambiará sus proporciones, pero escalará para sentir todas las formas de algunas veces tienes partes de la foto escondidas , pero siempre sentirá toda la confección. Cuando seleccionas la opción pies, se redimensionará para que siempre veas toda la imagen. Y si la imagen no es las mismas proporciones que una forma, se tiene este mercado. La tercera opción se estira y cuando usas estiramiento, probablemente pierdas las proporciones de la foto, pero puedes ver toda la foto y siente tu forma. Por lo que la última es alicatada. Y cuando usas estilo, también puedes cambiar estos máximos de la foto así. Y como pueden ver, estamos generando algún tipo de, ah patrón aquí y sí, así es como funciona. Entonces básicamente usarás sentir casi todo el tiempo porque se siente perfectamente a la forma que tienes, y también se escala sin problemas a diferentes resoluciones. Uno más piensa a la izquierda para mostrarte. Vamos a los sitios de píxeles, y puedes usar el navegador y directamente desde el navegador puedes arrastrar y soltar la imagen del dedo del pie este mismo campo en el menú de campo para que tengas para esta imagen sintiendo sus capas para que puedas usar el navegador que puedes usar. Encuentra ahí con tus fotos para adjuntarlas para esas, y para tenerlas enmascaradas por la forma y también sabes cómo el dedo del pie usa la función de mezquita en boceto. Entonces los veo en la próxima película 15. Exportar recursos: bienvenido. En la siguiente lección de esta lección, nos vamos a centrar en exportar activos de imagen desde boceto. Vamos a exportar gráficos vectoriales así como gráficos de big mob. Entonces como pueden ver, tenemos los grupos. Tenemos imágenes en el interior. Tenemos cosas de Victor. Tenemos nuestros tableros, por lo que todo se puede hacer exportable con este pequeño ícono en la parte inferior. Entonces si haces clic en el signo más y has seleccionado tablero de arte ahí tienes el tablero de arte , cual se hace exportable, e incluso puedes desplazar click en las tablas de arte para verlos en el panel de exportación. Hacerlos exportables también. Y como pueden ver, vamos a exportar gratis diferentes gráficos. Se puede incluir o excluir el fondo fuera de los tableros de arte en exportación, y también se puede, a algunas opciones. Entonces primero tienes este tamaño y la X básicamente significa que exportará en el mismo tamaño la misma resolución que has esbozado. Entonces en este caso, vamos a exportar en 7 50 por 13 34 píxeles porque es una X. También tenemos su prefijo y sufijo aquí y por defecto. El nombre fuera aquí si voy a ser el nombre fuera de la capa o lo comestible, pero se puede tener algo al principio o al final, y también tiene la forma de los valores predeterminados a PNG. Si haces clic en este pequeño ícono, puedes aplicar un preset de rebanada. Significa que puedes usar un preset, por ejemplo, para Android o para IOS. Y si seleccionas IOS, tengo escalas para IOS. Por lo que 12 y libre X y el según este escaso. Tengo el sur de Texas y vamos a exportar desafío ahora y te voy a mostrar buscador. Como se puede ver, esas imágenes se están generando, y tengo fuegos gratis para cada artículo. Entonces déjame ir a esta vista opciones y vamos a mostrar información del ítem para que puedas ver los tamaños . Por lo que una talla es esta nativa X. El 2do 1 es el doble de su tamaño y el Fred es tres veces su tamaño. Entonces, ¿por qué siquiera necesitamos tantas imágenes para IOS? Bueno, esto está conectado a la pantalla y a la densidad de píxeles en la rutina de este lugar, que es muy, muy alta, muy alta, por lo que tienes muchos pixeles apagados en la pantalla, lo que la hace extremadamente nítida. Pero por otro lado tienes tu dispositivo, que es realmente pequeño, por lo que es tal vez cuatro o cinco pulgadas para una pantalla en el teléfono. Entonces si sirves una imagen que esta X para usuario, sería muy, muy pequeña en este dispositivo. Por eso necesitamos imágenes de mejor resolución para diferentes dispositivos. Y si ves este material io Device metrics website, puedes ver diferentes dispositivos, por ejemplo, iPhones y en el frío a la derecha, tienes densidades, y ese es básicamente el factor de escala. Por lo que el iPhone cuatro tiene el factor de escala off al iPhone six plus tiene el factor de escala off free, y eso significa que tenemos que entregar imágenes que serán tiempos libres más grandes que la escala fuera de una X Y para android, se vuelve loco y loco porque tienes escaso después de las cuatro. Pero olvidemos de ello porque el sketch se encarga de todos los tamaños. Entonces la única decisión que tienes que tomar es decidir el tamaño inicial de tu arte, aburrido y decidido escala inicial. Si vas al tour de artículos. Tienes tallas más antiguas en una escala X, y te sugiero que trabajes siempre a una X. Eso es porque luego puedes exportar a una x dos x o libre X. Y si comienzas, por ejemplo a partir de dos huevos, tienes que exportar a no sé, 1.5, luego la mitad así no va a funcionar de esa manera. Supongo que la mejor decisión que se puede tomar es comenzar con esta escala de una X, pero también una desventaja potencial de eso podría ser que después tenga que exportar los activos a después de libre o cuatro veces más grande. Por lo que realmente no importa si usas el horario nativo, como herramientas fiscales o efectivas, porque escalarán sin problemas. Pero si usas imágenes, recuerda importar para bosquejar activos de alta calidad, porque de lo contrario, si creas en una medida exportando 300% verás que las imágenes serán borrosas. Pero si importas para bosquejar la imagen que tiene una resolución nativa fuera, por ejemplo, no sé para OK o cinco K, entonces la escala hacia abajo y luego exportas. Tendrá una resolución perfecta porque sketch siempre lleva esta resolución nativa, y cuando exportas, mira la resolución nativa y que exporta en su mejor calidad. Por lo que pronto descubres que pensar en todos esos diferentes factores de escala y resoluciones llega a una paliza porque en un caso fuera de vectores, siempre tendrás la escala perfecta de un vector. Y ni siquiera tienes que exportar los archivos PNG, que son, por supuesto, imágenes golpeadas. Entonces ahora eso es X, esas resoluciones extra. Y centrémonos en los cuatro meses. Entonces si hago clic en el nombre anterior, tengo diferentes 54 meses entre los que puedo elegir y en la parte superior has golpeado hasta 54 meses, y en la parte inferior, tienes vector libre cuatro meses. Eso es pdf EBS y SVG. Por lo que la regla general es utilizar vectores en la medida de lo posible. Entonces si creas algo dentro del sketch y usas horarios nativos, siempre creas vectores. Y de esta manera nunca tienes que preocuparte por la resolución, y siempre exportas activos de factor también. Pero ya sabes, las cámaras aún no toman fotos en Vector, por lo que siempre tienes mapas de beat en lo que respecta a las fotos, así que tienes que exportar el golpeado, y luego exportas PNG o Jay Peak fuego. Por lo que J. Beck es un poco mejor para exportar para dispositivos de armas porque en J atrás cuatro meses se puede seleccionar la calidad. Entonces si selecciono Jay Pick y selecciono exportar, puedes ajustar el deslizador de calidad para que tengas un tamaño de archivo más pequeño y este archivo se cargará más rápido. Pero si tienes transparencia en tu archivo, tienes que seleccionar P y G porque solo el formato BNG tiene este financiamiento completo para ser transparencia . Por lo que ahí tienes hasta cuatro meses. Siempre usas P y G o J pick para tus archivos siempre y cuando estés lidiando con mapas de ritmo. Entonces lo segundo son los vectores, y siempre tratas de tener como directores de Marge lo más posible en sketch. Por lo que siempre utilice esta programación nativa o importar desde illustrator u otra aplicación que exporte vectores. Entonces se utiliza PDF para dispositivos IOS porque en X frío, se puede usar PDF como vector cuatro meses para otras aplicaciones. Y para los diseños web, siempre se usan archivos SPG, y los últimos cuatro meses, el último formato vectorial es E. P s y se usa E. B s Onley en caso de que se quiera agregar posteriormente este cinco que se exportar desde boceto en otras aplicaciones como ilustrador Coral o tal vez tienda padre. Entonces puedes exportar GPS y es bastante universal cuatro meses que puedes abrir en cualquier aplicación. Por lo que voy a seleccionar SPG. Y como puedes ver, ya no tenemos que lidiar con esta escala porque como B j es vector, por lo que se escalará sin problemas a cualquier resolución. Y eso es mucho más fácil tener vectores. Por lo que por favor cuide estos activos para que sean de alta calidad y exporten tantos factores como sea posible. Entonces ahora, como pueden ver, puedo exportar, por ejemplo, un grupo y sobre nuestro grupo. Y cuando vuelvo a este grupo de avatar, tengo este icono de navaja junto a la carpeta. Por lo que todos esos ajustes de exportación se recuerdan en boceto, y no tienes que hacerlo una y otra vez. Cuando vuelvas a un activo que anteriormente tenía algún ajuste de exportaciones, seguirán siendo los mismos si tienes muchos activos que están configurados para ser exportables en boceto. Se puede ir a este menú de exportación de fuego, y se puede ver todo fuera de los activos, por lo que la opción anterior que se exportan activos individuales. Si bien éste puede exportar todos los activos que están configurados para ser exportables y tienes escalas ,también tienes los 54 meses aquí puedes seleccionar o de seleccionar el ácido que desees, , o no quieres incluir en tu exportación, y puedes hacer clic en exportar para exportar todo fuera de la imagen de esta pelea de boceto. Por lo que de esta manera se puede seleccionar un grupo de capas de exportación o tableros de arte. ¿ Y si quieres exportar algo que no sea un grupo de capas o inaudible? Vas al dedo del pie de inserción y seleccionas este estilo de vida, que es como en el teclado, y no debilitas ho sobre algunas capas. Tienes estas líneas azules que te permiten simplemente arrojar y tener la configuración y la rebanada igual que el objeto bajo esta selección, pero básicamente también puedes tomar un dedo del pie de corte y crear una selección arrastrando. Por lo que ahora tengo una selección fuera, no necesariamente una capa o grupo, y se exportará en consecuencia. Por lo que puedo decir las opciones de exportación, patinaje y esas cosas. Y en el panel de capas tienes esto como cosa separada. Entonces esto no es un grupo ni una capa. Esta es solo una rebanada que puedes ajustar más adelante para que podamos cambiar el tamaño de esta rebanada. O puedes, por ejemplo, moverlo a otro lugar, y como que quita una captura de pantalla de lo que seleccionas para que puedas ver esta vista previa a la derecha, y puedes seleccionar muchas cosas con esta rebanada y aparece en el panel de capas. Por lo que eso significa que puedes cambiar el nombre de las diapositivas que puedas. Necesitan. El rebanado podría reorganizarlo, y es bastante útil. Pero a veces tienes muchas rebanadas en tu proyecto, y no puedes seleccionar ninguna capa que esté debajo para que te veas así de bonito. Puedes hacerlo invisible, pero también puedes usar esta pequeña función que ocultará todas las rebanadas. Por lo que tengo 47 rebanadas aquí, y al hacer clic en este ícono de cuchillo, puedo esconderlas todas. Y si estoy listo para exportar, puedo revelarlos haciendo clic nuevamente en este ícono. Por lo que ahora mismo, al presionar el comando Shift E, que es un atajo para esta ventana de exportación de sectores, también se puede acceder a esta rebanada recién creada. Entonces ahora te voy a mostrar una proteína de bono más que puedes usar para exportar activos directamente desde sketch y ponerlos, por ejemplo, para encontrar la ventana o, por ejemplo, a tu escritorio. Puedes seleccionar fácilmente cualquier cosa, como un grupo o una capa, y luego vas al panel de capas y simplemente lo arrastras por ahí y lo pones en buscador y ahora tu archivo se exporta. Entonces lo que hay en este grupo se está guardando como un archivo PNG. También puedes hacerlo con un tablero de arte para que puedas arrastrar y soltar fácilmente cosas. Y si rápidamente necesitas usar algunos PNG cinco de tus capas desde sketch, puedes hacerlo como para que no tengas que exportar. Y se pone aún mejor porque si usas holgura, por ejemplo, puedes seleccionar cualquier cosa de la espinal valuador, y puedes arrastrarla y soltarla en slog. Y luego tienes este activo exportado y se sube a tu cuenta de slack y, por ejemplo, se envía a tu compañero de equipo. Y espera. Porque hay más. También puedes seleccionar aquellos activos exportados para ser enviados, por ejemplo, a Facebook o directamente con un correo electrónico como archivo adjunto con este pequeño icono de compartir. Por lo que haces clic en este icono de compartir y tienes todas las aplicaciones en tu marca que apoya la capacitación, por ejemplo, masculino arriba Facebook, parpadeo o Twitter. Entonces así es como funciona. Ahora puedes exportar fácilmente activos desde boceto y guardarlos en diferentes formatos. Veo la siguiente lección. 16. Operaciones Mathmatical: aquí estamos en la siguiente lección, y como los años podemos usar operaciones matemáticas en cada campo de entrada en sketch. Y esto en realidad es enorme, porque si seleccionas cualquier capa, puedes ir con opción superior al campo capaz de primera posición. Y en cada campo de entrada se pueden utilizar operaciones como, por ejemplo, dividir o agregar o multiplicar. O también puedes restar. Entonces vamos a sumar 45 restemos y extra a las piezas. Y ahí tienes. Tienes 48 píxeles, puedes dividir por dos, y tienes 24. También puedes, ejemplo, multiplicar por el resultado fuera de la operación desactivada por menos dos, y ahí lo tienes otra vez 48 para que podamos presionar tabulador para ir al siguiente campo de entrada Oregon Presione la pestaña Mayús para ir a la entrada anterior campo, y podemos usar el teclado Teoh realizar estas operaciones matemáticas. Como podría sospechar. Va aún más allá porque en esta importación de trigo se siente, lo que podemos hacer es si tenemos estos 563 píxeles, podemos bajar eso y se puede decir, por ejemplo, 10% por favor y ahí lo tienes. Por lo que son unos 55 píxeles. Es 10% de este valor. Ahora bien, si agregamos algo restar, se puede ver que el campo de trigo y Hyde cambia en consecuencia porque el icono de candado pequeño está encendido. Entonces ahora si me deslice, si cambio el tamaño esta pequeña imagen va en proporciones en lo que podemos ocultar se refiere. Entonces ahora lo que voy a hacer es en realidad te voy a mostrar una manera inteligente de escalar cualquier capa desde un lado. Entonces vamos a poner 500 ahí. Y si pongo 500 quiero, por ejemplo, por ejemplo, de este 500 hacer 600 así que hazlo así 100 pixeles más grande, realidad puedo decirle boceto que lo escale desde un lado para poder escalar desde el lado izquierdo , y de esa manera va a poner estos 100 pixeles extra a la derecha de mi imagen. Entonces cuando presiono volver, ahí lo tienes, 100 pixeles a la derecha, y puedo volver a 500 luego poner 600 puestos son al final de este campo de entrada y justo Ahora me voy a escapar de la derecha, Así que significa que va a sumar 100 píxeles a la izquierda. Y como cabría esperar, también lo puedes usar en altura. Entonces en altura izquierda y derecha, realidad no tiene sentido. Pero puedes usar arriba y abajo, así que voy a decir 50 gratis. Y ahora voy a expandirme 100 pixeles y voy a añadir T al final, así que T significa top. Entonces por eso voy a asustar desde arriba. Entonces estoy agregando estos 100 pixeles al fondo y al contrario. También puedo escalar hasta el fondo. Entonces empiezo desde abajo y voy a agregar 100 píxeles a la parte superior, y así es como funciona. Se puede poner a la izquierda, derecha, superior o inferior al final de los campos de entrada para escapar de cada lado. Entonces vamos a cambiar a algún otro campo de entrada se puede transformar allí. Tenemos grados, pero realmente no importa. Si pones más allá de 10 hará 10 grados de rotación, así que eso es todo. Entonces así es como puedes realizar operaciones matemáticas en campos de entrada fuera del boceto ahora mismo , te voy a mostrar la siguiente empinada. Por lo que la última lección fue sobre exportar imágenes. Entonces vamos ahora a, por ejemplo, nuestro logotipo. Seleccionemos el logotipo y hagamos que eso sea exportable. Y como ustedes saben, aquí pueden seleccionar asustos para que pueda volver a seleccionar uno. Por ejemplo, poner 1.4 para tener una escala del 140%. Tengo ahora 160%. Pero también, puedo decir 100 píxeles, por ejemplo. Y ahora, cuando exporte este logotipo, echa un vistazo al archivo y voy a presionar comando I para ver las propiedades y panel Info . Se puede ver que la semana libre de este logotipo es ahora de 100 píxeles y la altura se establece en consecuencia a las proporciones de esta imagen, por lo que nunca, nunca perderá proporciones. Pero puedes ponerlo a cualquier ejercicio que desees. Y ahora mismo vamos a tener 500 píxeles. Entonces cuando revisé el panel de información, vamos a tener 500 píxeles de ancho y 500 píxeles 5 48 píxeles de alto para que mantenga las proporciones. Y eso no es bueno. Porque en lugar de píxeles, puedes usar letras. Por ejemplo, se puede poner la letra W para trigo ordenar su edad para estatura. Entonces si dije que fuera libre 100 de altura, no será mayor a 300 píxeles. Entonces vamos a exportarlo como local, también, y se puede ver que sigue en proporciones. Tiene 300 pixeles de altura y en consecuencia, 274 nos habla. Espera, para que no tengas que igualar la necesidad de gas este segundo número. Simplemente dijiste una resolución, por ejemplo, 300 píxeles de ancho. Y démosle un nombre a la pequeña libre. Y siempre tenemos esta altura a escala proporcional en esto en esta pelea. Por lo que esto es necesario recordar esas letras, w y edad, y también recordar las letras para izquierda, derecha, superior o inferior siguiente, y lo último profundo de esta lección es establecer las radios fronterizas para tu forma para que podamos establecer aquí las radios y seleccionemos el rectángulo y cambiemos el radio del borde. Como puedes ver esta radio fronteriza, sea cual sea el valor, cambia para todas las esquinas. Entonces, ¿y si queremos cambiar los valores por separado para cada esquina? Podemos hacerlo en este campo de entrada. Empezamos desde la esquina superior izquierda y luego vamos en el sentido de las agujas del reloj. Por lo que el primer valor es para la esquina superior izquierda. Y pongo cero que como separador, use punto y coma. Y luego pones 20 pixeles para el orgullo del dedo del pie. Cero píxeles para abajo, derecha y 20 píxeles para abajo izquierda y presiona retorno. Ahí tienes un radio diferente para cada uno fuera de las esquinas. OK, eso es todo. Por ahora, pasemos a la siguiente lección. 17. Cuadrícula de Pixel: como mencioné en una de las lecciones anteriores. Sketch es un entorno vectorial. Significa que todo lo que creas dentro del boceto con estas herramientas nativas es un vector. Entonces si seleccionas el icono y presionas los comandos K para escalarlo a, por ejemplo, 48 alrededor de 48 comentario para acercar y tengo 1000 zoom alguna vez, puedo acercar aún más a, por ejemplo, 13,000. Y como puedes ver, todo es extremadamente nítido y claro, y esta es la belleza de los vectores. No obstante, a veces hay que exportar esos activos vectoriales como un archivo PNG o como un archivo J pic. Entonces, por ejemplo, una solicitud de desarrollador es que entregues fuegos PNG y tienes que exportar. Dale una paliza. En este caso, tendrás que pensar en algo que se vaya picos acordados, y básicamente grande. Tan grande es la propiedad fuera de tu pantalla, y como sabes, tienes una grande para que la ciudad en tu monitor así como la resolución. Entonces si tienes una pantalla Full HD, tienes 1920 píxeles blancos, y tienes 10 80 picos nosotros altos. Por lo que esto crea acordado y Cuando vas a la configuración de vista en un boceto y entras lienzo, puedes habilitar la opción de mostrar fotos de lectura, y el atajo de teclado es el control X. Así que ahora puedes ver selecciones individuales en desengrasado en mi Iconix 48 por 48. Y si echas un vistazo a las coordenadas de este rectángulo, la posición X e Y están en realidad en picos completos. Nosotros. Entonces ahora ¿qué pasará si me imagino este rectángulo y lo pongo en algunos valores decimales? Entonces tengo esta Posición X y por qué con esto más valores al final, y significa que no está en la fuerza para los picos nosotros. Ahora. Si voy a ver y mostrar células débiles, puedo emular cómo funcionaría esto y cómo se vería esto en los picos. Acordó el monitor mientras se exportaba como un golpeado. Entonces si miras de cerca, puedes ver que esos bordes están realmente borrosas ahora, y eso es porque esos bordes no están en las semanas completas de valores. Entonces para cambiar que podemos ir de nuevo propiedades de posición del dedo del pie, y podemos borrar todo después de un coma. Por lo que ahora tengo valores horizontales que son perfectos, y también necesito valores verticales perfectos también. Y como puedes buscar, esos bordes borrosos desaparecieron, y ahora el rectángulo está perfectamente alineado dentro del píxel. Acordado. Entonces como un llevar, por favor recuerda que lo mejor es mantener los picos de valores a su alrededor a picos llenos todo el tiempo para que puedas asegurarte de que el monitor los muestre correctamente. Ahora vamos a presionar comando coma otra vez y vamos a bosquejar preferencias. Y en la sección General, tienes esta opción de alimentación de píxeles, y puedes alimentar capas y puntos a límites de píxeles al cambiar el tamaño de los jugadores, y también al alinear jugadores. Por lo que te recomiendo encarecidamente que selecciones ambas opciones. Y ahora, si utilizas un dedo de opciones de línea incorrectamente, posicionas, capas así como mueves la capa alrededor, siempre tomas dos semanas completas de valores. Entonces seleccionemos esas opciones y déjame mostrarte lo que quiero decir con esto. Voy a acercar para cambiar de nuevo la posición de este rectángulo, y voy a mantener habilitados los picos acordados, para que veas que siempre se encaja con el dedo completo, habla hacia arriba, Así que en realidad no puedo dejarlo en el medio pizza. Pero lo que puedo hacer es que puedo hacer al campo de entrada, y puedo escribir el valor decimal para que todavía lo puedas tener en medios píxeles, por ejemplo. Pero es más importante que cuando muevas las capas, siempre se partirán unas cuatro semanas alrededor. Entonces eso es como este diamante ahora mismo. Y hablemos de tal vez una excepción a esta regla. Entonces si tienes una forma que quieres transformar con la rotación por lo que aplicas la invitación fuera, por ejemplo, 20%. Como puedes ver, automáticamente obtienes estos valores decimales en las coordenadas X e Y, y básicamente quieres mantenerlo de esa manera. Eso es porque de lo contrario lo serás. Mueve la posición fuera de las coordenadas X e Y, y sabrá que Logan más estará centrado dentro de este rectángulo en boceto para cada capa individual que seleccionaste, puedes ir al menú de capas y seleccionar alrededor de dos picks up, y así es como puedes permitirte que esta capa esté en valores de píxel completos para coordenadas de coordenadas. Por esto no pude, aunque realmente no hace a este fin, trabajo. Eso se debe a que ahora se mueve dentro de su grande así acordado y no está perfectamente alineado al centro fuera del rectángulo. Entonces eso es porque presiono el comando Z. Y si usas valores de rotación, por ejemplo, 20 grados, no tienes que preocuparte por ser solo, por ejemplo, media semana nosotros o decimal valores fuera de las pizzas. Todavía estás bien. Entonces vamos a gustar este ícono y vamos a gustar, hacer opciones exportables. Y como les dije, no se puede exportar de manera segura hacer A P y G o un archivo J pic, que es un golpeado archivado. Pero tienes estas coordenadas establecidas en píxeles completos para que se vea lo mejor de sí, y por qué Motivo que tengo es seleccionar una casilla de verificación segura o Web mientras exportas paperas de carne porque era mantener perfiles de color y también algún meta más tarde para que tú tienen un archivo más pequeño que se carga más rápido, y eso es todo por ahora. Te veo en la siguiente lección 18. Trabajar con símbolos: en esta lección, te voy a mostrar una de las mejores características fuera del sketch y la que te ahorrará mucho tiempo. Y esta característica son símbolos. Por lo que vas a usar símbolos en tu proyecto para que tengas muchas instancias fuera de un símbolo que está definido en el espacio de símbolos. Te voy a mostrar en un segundo, y si quieres hacer un cambio a todas las instancias, puedes hacerlo a la vez por cualquier cosa. El símbolo maestro. Entonces ahora voy a recrear esto en proceso de embarque para un pago, y vamos a seleccionar las capas que no necesitamos en las profundidades. Y ahora sólo tengo un camino que podría recrear como ensamblado. Por lo tanto, para crear un símbolo a partir de un grupo o fuera de una capa, simplemente seleccionas este grupo y haces clic en crear símbolo inferior. Ahora puedes ingresar un nombre para tu símbolo y por defecto. Es el nombre de la capa, y también puedes crear un espacio de símbolos separado Ese boceto usará para todo tu símbolo. Por lo que te recomiendo seleccionar esta opción y selecciono Ok, Ahora tengo en mis páginas estructura, símbolos, página. Y en esta página, voy a tener todos fuera de los símbolos. ¿ Por qué? En la página uno solo tienes las instancias fuera del símbolo. Entonces ahora no. Vamos a crear aún más símbolos. Voy a usar todos los grupos con iconos para crear símbolos, así que voy a tener tic como símbolo, también alerta. Y voy a transformar los puntos en símbolos también. Entonces ahora todos estos iconos están en la página de símbolos, y puedo editar esos símbolos de monstruo ahí mismo. Y si vuelvo a la página uno y trato de copiar las instancias así que estoy seleccionando esos iconos y voy a opción moverlo a la siguiente tarjeta para que tengas dos instancias fuera de cada ensamble individual que he creado. Ya no puedo editarlos en la página uno, pero puedo hacer doble clic en este pequeño ícono para ir a la página de símbolos. Y si hago doble clic y hago algunos ajustes aquí, puedo, por ejemplo, cambiar el color del icono del palo, y puedo seleccionar la forma y goto color y tal vez cambiada a algún color rojizo y ir volver a la instancia ya que puedes ver todas las instancias fuera de mi símbolo cambian en consecuencia. Entonces ya he leído palos, y así es como actualizas el símbolo en el espacio de símbolos para que cambie en tu diseño . Entonces imaginemos que tienes la guía de estilo con el logo y todos los activos que puedes actualizar una vez, y cambian en todo fuera