Conceptos básicos de bocetos: diseña un perfil de usuario | Alexandra Moran | Skillshare

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Conceptos básicos de bocetos: diseña un perfil de usuario

teacher avatar Alexandra Moran, Designer

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

13 lecciones (40min)
    • 1. Introducción

      1:12
    • 2. Proyecto: diseña un perfil de usuario para tu celebridad favorita

      0:38
    • 3. Descargar boceto

      0:09
    • 4. Navegar por boceto

      3:15
    • 5. Configuración de tu archivo

      4:33
    • 6. Cómo recopilar tu contenido

      0:52
    • 7. Comenzar tu diseño

      4:15
    • 8. Trabajar con el color

      5:59
    • 9. Trabaja con la tipografía

      4:49
    • 10. Trabajar con imágenes

      3:04
    • 11. Iconos y trabajar con la herramienta vectorial

      10:39
    • 12. Atajos de teclado

      0:09
    • 13. Reflexiones finales

      0:30
  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

947

Estudiantes

13

Proyectos

Acerca de esta clase

En esta clase de 45 minutos te enseñaré los fundamentos de Sketch 3, una aplicación de diseño para Mac y te sentirás cómodo con los conceptos básicos del programa. Practicarás diseñando una pantalla de perfil de usuario para tu celebridad favorita. Esta clase es ideal para los diseñadores que cambian de Adobe, ¡o cualquiera que ya tenga curiosidad por aprender Sketch!

Conoce a tu profesor(a)

Teacher Profile Image

Alexandra Moran

Designer

Profesor(a)

I'm a freelance designer and illustrator. Still hoping to get a pony for Christmas.

dribbble.com/tinyoxen

Ver perfil completo

Calificaciones de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%
Archivo de reseñas

En octubre de 2018, actualizamos nuestro sistema de reseñas para mejorar la forma en que recopilamos comentarios. A continuación, se muestran las reseñas escritas antes de esa actualización.

¿Por qué unirse a Skillshare?

Toma las galardonadas clases originales de Skillshare

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Toma clases sobre la marcha con la aplicación Skillshare. Transmite o descarga para verlas en el avión, el metro o donde aprendas mejor.

Transcripciones

1. Introducción: Hola, bienvenido. Antes de que empecemos, quiero darte una visión general de quién soy, qué va a ser esta clase y qué debes esperar para tu proyecto final. Mi nombre es Alexandra Moran. Soy diseñador visual para Red Shift, una agencia de diseño digital aquí en San Francisco. Como estudio, recientemente cambiamos para bosquejar los tiempos completos. Durante los últimos meses, realmente he llegado a conocer con programas capaces de y algunos atajos de teclado súper impresionantes para usarlo eficientemente. Entonces en esta clase, lo que quiero hacer es compartir todo lo que he aprendido hasta ahora con ustedes chicos. Y para ello, vamos a hacer una pantalla de perfil de usuario de una aplicación imaginaria. Voy a proporcionar el marco de alambre como se ve eso. Y entonces ustedes van a llenar el diseño y contenido basados en torno a una celebridad de su elección. Esta clase se trata de más que tu diseño final. Ahora realmente quiero que ustedes hagan proyectos de los que están orgullosos y que sean impresionantes. Pero más importante que eso, quiero que vuelvas a bosquejar con confianza y con emoción, porque sus clases se centraron más en los fundamentos del boceto que en los fundamentos del diseño. Es posible que desee tener algún tipo de diseño, capacitación o antecedentes o experiencia con la suite creativa de adobe, o fue boceto en sí antes de empezar. De cualquier manera, estoy súper emocionado de verlos en clase, y estoy deseando empezar. Ha sido lección uno. 2. Proyecto: diseña un perfil de usuario para tu que te prefiera: De acuerdo, entonces déjame darte algo más de información sobre el proyecto. El primer paso es elegir la celebridad para la que te gustaría diseñar. Por mi ejemplo, elegí a Alan demasiado generoso porque creo que es hilarante y una dama impresionante. Por lo que elijas quién será tu musa. Entonces puedes empezar a reunir alguna inspiración visual sobre ellos. Fotos de ellas imágenes. Excepto que les gustan las fotos de cosas que han hecho con arma. Un poco de información sobre la celebridad. Entonces usar la crema de alambre que todos proporcionan es una plantilla hará nuestros diseños. Y al hacer eso pasará por los conceptos básicos de los menús de boceto, muchos atajos de teclado y algunas mejores prácticas sobre administración de capas y cómo construir tu archivo. 3. Descargar el boceto: por lo que el primer paso absoluto de este proyecto será descargar sketch. Si aún no lo tienes, puedes ir a bosquejar dot com y comprarlo por $99 o descargar una prueba gratuita. 4. Navigating de navegación: De acuerdo, entonces vamos a empezar abriendo boceto. Uh, puedes ver que atiende tus documentos recientes, pero empezaremos abriendo en nuevos documentos, y así es como se ve dentro. Para que puedas ver en el lado izquierdo que aquí es donde existe tu paleta de capas baja. También hay páginas que te explicaré un poco más tarde. Y en el lado derecho, tienes a tu inspector. Esta pequeña sección aquí es algo que acabo de instalar recientemente, que se llama oficio, que es algo que imaginaba poner fuera para integrarse con boceto. Entonces ustedes no verán que no vamos a sumergirnos en eso durante esta clase. Pero sólo quiero que sepas lo que waas. Esta gran, hermosa zona en el medio es tu camisa. Ahí es donde estaremos haciendo todo nuestro trabajo y donde aparecerán tus tableros de arte. Cuando empezamos a sumar esos aquí arriba, tienes algunos atajos rápidos a herramientas de uso común. Puedes editar esto una vez que te pongas cómodo y puedes tener ahí las cosas que quieres y sacar algunas de las cosas que no usas tanto. Pero por supuesto, todo es exitoso aparecen en tu menú de archivos. Un par de cosas que estaremos viendo es la herramienta vectorial y algunas herramientas de forma. puede ver que los atajos de teclado están listados en el lado derecho de algunos de los elementos aquí. Cualquiera que no tenga, um, a menos que fuera realmente se puede agregar en su propio, pero esos aire súper prácticos para ponerse cómodo con todas las herramientas. También está esta sección Plug INS, que tampoco nos meteremos en esta clase. Pero los plug ins son una manera increíble de reactivar el sketch para hacer cosas aún más impresionantes que quieres que dio Um, así que ojalá, una vez que estés cómodo en el sketch, volverás a él y aprenderás un poco más sobre enchufes. De acuerdo, entonces lo que vamos a empezar por hacer es agregar un tablero de arte. Podemos ir a insertar tablero de arte. Se puede ver que mi y cursor se ha convertido en cruces aquí, y puedo hacer clic en arrastrar para crear apuestas de cualquier tamaño que quiera y aparece mi tablero de arte. Eso se puede ver en mi paleta de capas. Está en la lista. Se y también me ha dado la oportunidad de nombrar inmediatamente a mi pizarra, que es fantástica y algo que absolutamente debes meterte en el hábito de hacerlo. Voy a llamar a esto un ejemplo el uno al otro. Todo sobre agregar tus tableros de arte es que si acabas de golpear un atajo, verás en el inspector que hay una tonelada de tamaños pre poblados. Um, así podemos decir, OK, estamos haciendo una página de carta o estamos haciendo un simulacro para un iPhone seis. En realidad vamos a estar usando el iPhone tamaño cinco. Entonces voy a hacer clic en ese, Uh, y entonces ya lo tienes listo para salir exactamente. Dis de vuelta. Otra cosa asombrosa cuando estás trabajando es si tienes una forma y solo voy a agregar una aquí rápidamente y te pegas una de nuevo. Puedes elegir una selección redonda y te proporcionará un puerto de brazo. Ese es el tamaño exacto del artículo o artículos que elegiste. De acuerdo, así que esa es la clave rápida de cómo se ve el boceto debajo de eso 5. Configuración de tu archivo: De acuerdo, así que ahora realmente vamos a preparar un archivo para ponerse a trabajar. Voy a ir aquí a mis páginas, y voy a dar click derecho y eliminar esta página porque en realidad no la necesitan. Y quiero conservar mi tiki final porque usé el tamaño predeterminado para hacer este tablero de arte . Se llama con ese tamaño, pero voy a renombrarlo por comando oculto. Serías lo puedes hacer a cualquier carpeta de capas o tablero de arte y cambiarle el nombre al instante, así que voy a llamar a este diseño de ejemplo. Ahora, voy a guardar mi archivo porque no quiero perder ninguno del trabajo que voy a estar haciendo . Si eres una persona de adobe, podrías estar tentado a usar el teclado pavo para ahorrar como Pero eso lo hará. En realidad, como pueden ver, podríamos duplicar copia. Por lo que cierra este retrasar la copia porque en realidad no lo quieren y acaba de golpear comando. Pedido ahorrar, lo voy a enviar a mi escritorio, y lo voy a llamar ejemplo Diseño. Está bien. Impresionante. Entonces lo que voy a hacer a continuación es abrir mi pizarra de humor que trabajo hecho. Es decir, ejecutar un archivo de boceto. Entonces lo que voy a hacer es hacer click drag para seleccionar todo. Bueno, downshift y click. El nombre del tablero de arte acaba de dejar eso también. Se manda C para copiarlo. Entonces voy a dar clic en ventana aquí arriba y elegir el diseño de ejemplo porque ese es mi otro documento abierto, y voy a añadir una página y llamarlo mood born. Y ahora, en esa página, voy a golpear comando el para pegarlo, y tengo todos mis documentos. Consigue un zoom hacia fuera usando mi trackpad, pero puedes acercar y alejar usando el comando más y el comando menos también. Entonces tengo mi tabla de humor aquí, lo cual es impresionante. Puedo hacer clic de ida y vuelta a ella entre la paleta de páginas en lugar de tener que cambiar de ida y vuelta entre las ventanas reales. Y voy a cerrar esto para que lo tengamos todo totalmente en un vial. Entonces voy a agarrar mi marco de alambre y esto está disponible para ustedes a través de la clase. Recurso es voy a dar clic, arrastrarlo desde Finder, cambiar a boceto y simplemente dejarlo caer justo en el aeropuerto. Ves que es el doble del tamaño de mi tablero de arte, y así en lugar de volver a dimensionarlo, en realidad voy a hacer que mi tabla sea un poco más grande para poder trabajar en un poco de mayor fidelidad. Algo que me encanta absolutamente de Sketch es que conduces hacer matemáticas para que puedas evitar hacer matemáticas. Básicamente, tengo mi pizarra seleccionada, y puedo ir al tamaño de pellet aquí, y en realidad puedo escribir Empezar a multiplicar el con por dos para que no tenga que hacer los cálculos en mi cabeza, y solo pude obtener mediciones muy precisas en mi documento. Es realmente más útil para unos números un poco más incómodos o si no estabas haciendo algo tan simple como una base a la multiplicación. Pero es un futuro excelente, en mi opinión. El otro bonito que puedes hacer en el Inspector con matemáticas es que puedes ver que la posición de mi imagen de marco de alambre está fuera del tablero de arte. En lugar de intentar hacer clic en arrastrar y hacerlo exactamente bien, todo lo que puedo ver ese boceto en realidad incluso me está ayudando con el tipo de guías automáticas . Digamos que eso no estaba pasando. Puedo entrar aquí y Aiken bateó 00 para la X e Y, y automáticamente enviará mi imagen arriba para estar en la esquina superior izquierda. Um, esto es realmente genial. Si estás tratando de tocar algo y sabes que quieres que esté a mitad de camino a través de un cruzo de tu tablero de arte o si siempre al aire tratando de cualquier cosa a la parte superior izquierda, puedes ver que mi tablero de arte aquí se muestra básicamente como una carpeta o un toggle en el lista de capas. Si golpeo a este pequeño Aiken retorcido, vea mi marco de alambre, um, imagen en la lista y lo que voy a hacer es que voy a hacer click derecho en él, y voy a bloquear la capa en la que vamos a estar haciendo. La siguiente lección es construir todas nuestras formas para este marco de alambre encima de él. Entonces al tenerlo reído, se mantendrá fuera de nuestro camino y podemos hacer trabajo. De acuerdo, espero que estén emocionados de entrar ahí y empezar a hacer esto y luego empezar a hacer más guapa. Por lo que durante el siguiente perdido 6. Coloque tu contenido: ya que vamos a estar centrando este proyecto en torno a tu celebridad favorita. Hay un par de cosas que debes juntarte antes de empezar con tu diseño para que las cosas funcionen sin problemas y puedas simplemente golpear el suelo corriendo. Ah, esos son el cumpleaños y lugar de nacimiento de tu celebridad, así como una foto de perfil de foto de primer post y una foto de portada. El's prácticamente puede parecerse a cualquier cosa, y puedes cambiar este contenido como quieras en tu propio diseño. Pero si quieres seguir junto con la plantilla que he configurado, tu perfil, foto solo debería ser una imagen tipo cabeza estándar. Tu primera foto post realmente puede ser absolutamente cualquier cosa, y luego tu foto de portada era algo así como tu foto de portada de Facebook donde es un tal vez más como un Linse keep o un patrón o algo que sólo va a hacer ese perfil. Photo pop 7. Comienza tu diseño: Muy bien, empecemos con nuestro diseño. Entonces ahora mismo en aeropuertos bastante lejanos, lo que puedo hacer es pasar el cursor sobre el nuevo moverlo y hacer clic para seleccionar todo el arte nacido. Y luego a partir de ahí puedo golpear entrar y qué hace eso. Eso es sólo un zoom a la selección. Entonces cualquier cosa que hubiera seleccionado en ese punto, se acercaría a mi área visible. Por lo que sólo estamos arriba bien y cerca de lo que estamos trabajando. Entonces solo vamos a bloquear todas nuestras formas, básicamente, básicamente, y para hacer eso, podemos insertar forma, rectángulo u óvalo. Pero voy a usar el atajo r y O así que voy a golpear nuestro um se puede ver que mi equipo de cursor sólo se cruza y se puede ver que si hay un pequeño icono de rectángulo Así que solo voy a dar clic arrastrar para soltar uno de esos y luego golpear Oh, y Vuelvo a recibir el crosshairs Pero una forma ovalada circular para un poco Y estoy sosteniendo cambio hacia abajo para constreñir mis proporciones para que este óvalo lo haga un círculo perfecto. Entonces aquí para esta imagen de perfil, en realidad voy a empezar con un rectángulo. Ese es el con de todo mi tablero de arte, porque quería ser 1/3 de eso. Y en el palet inspector de aquí, puedo hacer una barra para dividir y tres para dividir esto en tercios. Y entonces puedo copiar eso con y pegarlo en la altura para que tenga un cuadrado perfecto va a bloquear mis proporciones para que esto quede X Claire. Y luego puedo arrastrar hasta aquí, um, um, y bocetos ayudándome con guías inteligentes. Pero también puedo usar la paleta de alineación en la parte superior del dedo del pie inspector izquierda sola, derecha en línea o línea central al aeropuerto. Está bien. Y luego rápidamente, voy a bloquear el resto de las formas. Ahora aquí. Voy a aguantar la opción. Y puedes ver ese boceto en realidad, luego te muestra la medición de esos objetos. Una especie de cuatro direcciones cardinales son, o cuatro lados del cuadro delimitador al tablero de arte. Y luego, si me vuelvo sobre otro objeto, me dice las medidas entre los dos. ¿ En serio? Voy a mantener la opción abajo aquí porque manteniendo presionada la opción y haga clic arrastrando y obtener un duplicado de la forma que ya había seleccionado. Entonces mi última forma aquí, um, en realidad no quiero que esté encima de mi lista de capas. Yo quería estar en la parte de atrás, así que voy a mantener pulsado el comando opción de control flecha abajo, y eso lo envía al fondo de la lista de capas. Voy a moverlo una capa arriba del marco de alambre, pero está detrás de todas estas otras formas. No se puede decir porque todo es del mismo color. Entonces voy a ir aquí al inspector otra vez a esta sección de Phil, y puedo hacer clic en esto y luego en que tira este recolector de color. O puedes usar el RGB o tocar para cambiarlo a tono, saturación y brillo. Um, y luego puedo ajustar el color aquí, así que sólo voy a hacer algo más oscuro para que puedas ver eso. Sí, en efecto. Mi pararse en, um, los iconos están aquí arriba. Eso trae otra cosa de la que quiero hablarles chicos. Entonces si tú no me he dado cuenta ya, tal vez puedas echar un vistazo ahora en tu propio boceto. Cuando dibujas una forma, probablemente no se vea como cuando dibujo forma Y eso se debe a que hay un ajuste y boceto llamado Establecer a Predeterminado, y puedes personalizar cuál es tu estilo predeterminado. Entonces digamos que quiero que todos los míos tengan automáticamente un borde rojo de 11 píxeles en el interior de todas mis formas y diremos, un Phil amarillo brillante. Puedo ir peer en edit y luego decir, establecer como predeterminado. Ahora, cuando dibujo otro óvalo o rectángulo o cualquier otra forma, tiene ese stein exacto. Entonces entrar y o tirar de mi marco de alambre que está disponible para chicos y recursos es o configurar tu propio diseño y luego bloquear todas las formas que necesitas. Y empezaremos en la siguiente lección, configurando un poco más de color. Probablemente no rojos y amarillos así, pero sacarlo es para que se parezca más a lo que será tu diseño de celebridades. 8. Trabajar con el color: Entonces estamos aquí en mi pizarra de humor. Como pueden ver, he poseído generoso y lo que voy a hacer es acercar aquí en mi paleta de colores y voy a seleccionar este cuadrado para que sepamos que tenemos nuestros colores por aquí en nuestros filles. Pero de lo que no hemos hablado es de este Global colores y documentos, colores, business little plus icon aquí y puedo hacer clic en él Teoh, agregar el código de ahí o pocos fuera de cualquier objeto que haya seleccionado. Entonces voy a hacer eso rápidamente por todos mis colores. Aquí. Este es el poder que armé para lo que creo que debería ser el perfil de Ellen. Y ahora, cuando vuelva a mi ejemplo y elijo uno de mis objetos, elijamos el pero aquí puedo entrar y todos esos colores están disponibles para mí. Si tuviera colores globales, que tengo para un proyecto de cliente, estoy trabajando en los mantenidos a lo largo de cualquier archivo que tengas abierto y los colores de tus documentos son específicos del documento, por lo que solo se mostrarán cuando tenga este archivo. Entonces voy a elegir este color azul aquí, que va a ser mi color interactivo y no, con confianza. Ese es el color exacto que yo quería ser el trabajando en una frontera sobre nuestra foto de perfil aquí, va a ser blanco, y quiero tenerlo en el exterior de mi imagen, pero no puedo ver eso aquí abajo. Entonces lo que voy a hacer rápidamente es hacer un rectángulo que sea del tamaño del campus. Y voy a usar el atajo de opción de control comando Flecha abajo. Y eso lo va a mandar al reverso absoluto del tablero de arte o al fondo de la lista de capas. En realidad lo voy a mover hacia arriba una capa por encima de mi marco de alambre y voy a lograrlo. Eso es realmente bonito, como gris de mi paladar. Y ahora puedes ver mi foto de perfil, y es frontera un poco mejor, pero quiero dejarlo súper claro. Entonces voy a y una sombra de gota. Y para hacer eso, voy a hacer clic en esto, pero aquí en la tarifa para agregar una sombra Y voy a cambiar la distancia que se puede ver a medida que subo aquí. De verdad está saliendo. Uh, y yo también lo voy a sentar. se ve bastante bien y no alargará un poco el desenfoque y en realidad lo hará un poco más corto. Por lo que en su pequeña sombra de gota para poner mi foto de perfil fuera de la página. Entonces por ahora, para mi imagen de héroe, creo que lo que me gustaría hacer es agregar en una tía abuela. Se puede ver cuando hago clic en él. Es seleccionar el grupo, algo que puedes hacer para moverte que es opción de mantener pulsado. Y se puede ver cuando me inclino sobre cualquiera de las formas que se delinean en azul. Y eso básicamente es decir que estoy seleccionando directamente un objeto, pesar de que es parte de un grupo, para que entonces cuando hago clic, tenga esas capas exactas seleccionadas. Entonces voy a entrar en mis rellenos aquí, y no quiero perder este grandioso todavía. Entonces voy a agregar un plus aquí, y luego se puede ver que en realidad es por defecto a la codiciosa selección int. Lo bueno de eso es que tengo este genial aquí y ahora puedo comprobarlo encendido y apagado y ver la diferencia de cualquier color que pudiera estar intentando o si solo quiero asegurarme de que mantengo versiones del diseño o versiones de los colores. Vamos a volver a poner ese radiante y luego hacer clic en él y seleccionar algunos colores diferentes . Por lo que aquí abajo se puede ver que ya no tengo mis colores de documento. Tengo documento resplandor. Y ya que quiero hacer mis codiciosos INT de mis colores de documento o de mis colores de marca, realmente solo voy a hacer rápidamente algunas formas aquí arriba que fácilmente puedo colorearlas de mi ingrediente. Otra forma de entrar a tus grupos es haciendo doble clic para seleccionar una imagen. Entonces cuando vuelvas a este Grady int aquí y voy a poner mis alfas en ambos extremos 200% para que pueda tener todo color y luego voy a usar el conductor I para escoger esta luz púrpura claro , y luego voy a seleccionar el otro extremo de mi codicioso int y color pick de nuevo para mi azul. Entonces ahora tengo esta gradación pálida luz realmente bonita y eso es super en marca para Ellen. Voy a borrar esto. Entonces lo que estoy sintiendo aquí es que realmente me está gustando este estilo de pic de perfil y quiero aplicarlo a mi primer post. Realmente, realmente fácil y sorprendente cuando consideras que en boceto es seleccionar el objeto que deseas y podrías entrar en editar aquí y decir copiar, estilo. O por supuesto, dibujaste atajo de comando de opción. Vea y, a continuación, seleccione el objeto que desee. Aplica esa venta a aquí. Usaré mi atajo manteniendo abajo el comando demasiado directo. Seleccionar en mi grupo. Y luego soy el objeto de tu elección Hit option command V o click derecho para estilo ritmo . Y se puede ver que todo lo que tenía configurado para ese otro objeto es ahora en éste el llenar el borde y la sombra todo exactamente a spec. Entonces lo voy a hacer aquí es solo usar el seleccionador de color, que es el control C para tener la espera a mi marcador de posicion de corazón. Y ahora esto empieza a juntarse un poco estilísticamente. Por lo que termina de bloquear algún color y jugar con Grady ins y soltar sombras. Y en la siguiente lección se bloqueará en nuestro tipo, que se esconde debajo de nuestra capa base aquí. Entonces si no les he dicho ya chicos que demuestren que pueden pasar el cursor sobre cualquier capa y hacer clic en este globo ocular para ocultarlo o mostrarlo. De acuerdo, veré en la siguiente lección. 9. Trabaja con la tipografía: Está bien. Entonces agreguemos algún texto, puedes subir al menú de tipo. Um, para todo tipo de formas de editar tu texto. Una vez que lo tengas, puedes ir a insertar texto. Nosotros, por supuesto, estaremos usando nuestro circuito guardianes a thi uh, que en el cursor del desierto, Y entonces podemos hacer clic y escribir Son nombres de celebridades, Ellen, generosos. El estilo predeterminado en este momento es pequeñito. Voy a golpear escape, lo que me sacará del formato de encabezamiento de texto y no perderá ninguno de los cambios que hice . Lo guarda aquí en boceto. Y luego voy a ir por aquí y puedes hacer click en tipografía para elegir cualquier tipo de letra. Voy a pegarme con proximidad de ella y voy a cambiar mi peso para enviarme negrita y mi talla puedo hacer click aquí Vamos a probar 32 en y luego voy a dar click arrastrar solo para centrar esto en la página Voy a añadir mi fondo en un poco, pero cambiar la opacidad, por lo que es un poco más fácil ver cómo estoy trabajando. Um, y luego voy a cambiar mi color para ser uno de mis colores de documentos. aquí. Voy a duplicar esta pieza de texto sólo porque esa es una manera fácil de recorrer. Comienza en la paleta de capas que está nombrando a mis capas con el texto que he escrito. He desactivado el ajuste y el boceto para hacer nuevos nombres para todos mis archivos duplicados. Se puede hacer eso o no hacerlo. Si quieres. Sólo tienes que entrar en preferencias de boceto renombradas Capas duplicadas o comprobarlo. Voy a dejar la mía comprobada porque si entro en este segundo texto y le pego Enter y yo y en mi bio sobre Ellen, que es cuando golpeo escape, puede ver que lo que sale de la pizarra de arte está oculto, pero tengo mi caja delimitadora aquí y la con Rick. Ahora mi texto está configurado en auto, lo que significa que solo va a seguir agregando encendido y encendido y encendido a medida que escribo. Pero si lo cambian a fijo, va a hacer de eso un tamaño específico. Y puedo cambiar mi con aquí arriba. Teoh 100 o puedo hacer click y arrastrar a tamaño como quiero desde auto. También puedes hacer clic y arrastrar animal automáticamente cambiarte a arreglado tan rápido. Simplemente voy a dejar caer en el texto real que quiero aquí para mi biografía sobre Ellen. Y voy a cambiar algo del color, ya sabes, luz en esto para arriba un poco. Y voy a ponerlo a regular para alguna diferenciación de mi encabezado. Hazlo un poco más pequeño. A lo mejor eso es demasiado pequeño, y nos centraremos. De acuerdo, ahora voy a duplicar eso también, pero voy a mantener el mismo tamaño, y voy a escribir en el lugar de nacimiento, que para Ellen es un pueblo en Louisiana, y voy a poner por aquí mi propio los lineales a la izquierda alineados en lugar de centrados también podrían justificar o escribir una línea. Voy a cambiar mi con toe auto y solo una especie de arrastrarnos hasta aquí donde quiero también se puede ajustar con tus teclas de flecha, y voy a establecer el color para que sea mi color interactivo que seleccioné antes que otros. Entonces si pudieras hacer con texto a pesar de que no lo necesito aquí ahora es agregar subrayados para decoración o agregar una lista con viñetas o numeradas. Uh, horario a menudo tipo de esconde un montón de detalles aquí. Por lo que ves un botón de configuración como este no ignora. Por lo general tiene en buenas cosas en ella. Um que voy a duplicar esto aquí y en adelante en mi fecha de nacimiento, que es el 26 de enero para Ellen. Y ahora voy a organizar un poco estas cosas. De acuerdo, entonces en mi trasero y voy a copiar éste y pegarlo. Entonces voy a seleccionar ambos y usar mi paleta de alineación para conseguir esa configuración, ¿ verdad? Voy a golpear el comando G para agrupar estos y luego comando son de nuevo para renombrarlos. Voy a llamarlos, pero adentro. Y luego voy a mantener presionado el comando y hacer clic en esto para seleccionar esta pieza de texto. Y solo voy a cambiar el color dedo del pie blanco para que lo veas en el botón. Aquí. Además, esta espalda 200 por ciento o texto está un poco limpiada, y luego en la siguiente lección, vamos a empezar a caer en algunas de nuestras fotos. Y después de eso, trabajando en sus carreras ANC. Por lo que los veré a continuación en esos 10. Trabajar con imágenes: De acuerdo, Entonces voy a empezar por caer en la imagen que quiero usar para el primer post de Ellen. Voy a usar esta foto de ella, uh, uh, ya que está expresando a Dori en Buscando a Nemo. Voy a bajar aquí a mi puesto. Uh, si mando click en para que esté justo siguiente post me voy, Teoh ritmo ahí. puede ver que lo pega justo encima de cualquier capa que haya seleccionado. Entonces lo que voy a hacer a continuación es que voy a dar click derecho en primera publicación esta capa debajo de ella a la que quiero adjuntarla, y voy a seleccionar usar como máscara. Ahora se puede ver que las dos capas por encima de mi máscara, como se ha renombrado, tienen estos iconos que aire mostrando que están afectados por ella se detiene aquí en post porque estos artículos Aarón un grupo. Si saqué mi máscara de este grupo por encima de él, se puede ver que todo lo demás en mi archivo se ve afectado por la máscara. Entonces voy a poner eso de nuevo en mi grupo. Puedes arrastrar cosas a tu grupo o puedes pasar el cursor encima de la capa de carpetas si haces eso, va a poner la capa en la que estás cayendo en la parte superior de tu grupo. Um, así que voy a arrastrar eso hasta el fondo. De acuerdo, entonces ahora voy a entrar y básicamente hacer lo mismo exacto para mi foto de perfil para Ellen on Dhere. Se puede ver que no lo tengo en grupo. Voy a pegarlo de todos modos. No está tirando todo mi diseño ahora mismo porque no tienen nada por encima de él. Pero voy a agrupar esto y renombrarlo foto de perfil para que por si acaso cambie algo, no arruine mi diseño. Y guardo mis máscaras contenidas. Entonces cuando uses su máscara y luego voy a seleccionar la imagen y la paleta de capas de Ellen, y voy a pasar el cursor por encima de la esquina superior derecha para que pueda conseguir un cambio de tamaño bien hecho para mantenerlo en la misma proporción. Pero también voy a mantener la opción hacia abajo para que cambie el tamaño, uh, de un punto de anclaje central en lugar de desde la esquina opuesta que he seleccionado. Por lo que sosteniendo turno una opción para conseguir algo que se vea así. Y ahora tenemos unas bonitas fotos se está juntando pero creo que quiero tener una foto para mi héroe. Imágenes. Bueno, entonces voy a entrar y agarrar sólo una bonita imagen de stock que he recogido previamente y aplicar eso como mascotas. Bueno, entonces voy a hacer que mi grupo llueve esta imagen de héroe. Haga clic en él golpeando. Entra dedo del pie, abre un grupo que está en tu paleta de capas. Y luego voy a dar click derecho aquí usa la imagen, enmascarar y redimensionar y realinear mi imagen de la manera que la queremos. De acuerdo, entonces nuestro diseño se está uniendo, y la última fase de la que vamos a hablar en términos de diseño son iconos y usar la herramienta vectorial así como un cierto estilo de forma que aún no hemos discutido. Entonces los veremos en la siguiente lección para hacer eso. 11. Iconos y trabajar con la herramienta vectorial: De acuerdo, entonces voy a cambiar mi fondo de nuevo aquí para ser un poco transparente, porque aquí es donde queremos llegar con un ícono para la ubicación. Voy a hacer un nuevo círculo usando el atajo O, voy a apagar mi relleno, y voy a hacer un borde con mi color interactivo. Entonces ahora que tenemos la forma, lo que podemos hacer es golpear, entrar, Y ahora se puede ver que estamos mirando los puntos de ira de cómo es factura la forma y podemos transformarlos y manipularlos. Una de las cosas que me encanta del boceto es thes cuatro tipos de puntos diferentes y su mapeado para mantener controles Así que puedes elegir uno para recto dos para espejado tres para desconectado o cuatro para asimétrico debería, por supuesto, lo que significa que no hay mangos que se desprenden de ella. Y solo te estás acercando. Los ángulos espejados mantendrán tu longitud exactamente igual en ambos lados del punto de anclaje. Además de espejar el ángulo en el que se encuentran esos mangos desconectados te permite cambiar por separado el ángulo y la longitud de tu mango, y luego asimétrico mantiene el ángulo igual, pero te permite tener diferente lanza de tu manija. Entonces lo que voy a hacer por este va a pegarle a uno para hacer esta calle. Yo solo voy a hacer un ícono rápido aquí para una ubicación, voy a hacer otro pequeño círculo aquí y lo online. Voy a usar mi atajo de teclado a comando de opción, ver, copiar el estilo y basarlo en este otro círculo. Y luego lo voy a hacer un poco más grande aquí, y eso se ve bastante bien, pero sólo quiero entrar y cambiar la forma de este borde. Entonces voy a usar voy a golpear cuatro para usar mi asimétrica, y voy a bajar esto un poco. Todavía no os he escuchado reglas. Podemos encenderlos pulsando Control son lo que es diferente del sketch es que pasas por encima de este acceso y estás haciendo una línea en este acceso, mientras que en adobe haría clic aquí y sacaría una guía vertical. Entonces para hacer una guía vertical aquí en la parte superior y para hacer una guía horizontal, estás en el lado izquierdo. Entonces lo que voy a hacer es golpear, entrar y volver a mis puntos de anclaje aquí y seleccionar este. Voy a montar una guía para dónde está mi mango. Para que en este punto de anclaje cuando tenía cuatro para obtener una vista asimétrica, pueda tirar hacia abajo y que coincida exactamente. Y puedes ver ahí que se encaja a esa guía para ayudarme a tener el estilo perfecto. Es un museo por aquí y solo hacer un grupo de estos dos y les voy a llamar Location Icon y vamos a hacer una estrella. Vengo por éste para poder hacerlo golpeando V, que es la herramienta vectorial muy similar al lápiz y sacar la estrella. Pero como se puede ver, moverse rápidamente, no es muy parejo. Entonces voy a insertar una imagen aquí, y voy a utilizar la forma de estrella que se proporciona con mi cursor cambiado a los años cruzados . Podría ver que solo voy a dar clic, arrastrar y hacer mi forma. Todavía tengo mi estilo seleccionado de los últimos iconos. Voy a la opción comando pegar y tener eso ahí dentro y luego quiero echar un vistazo a la paleta inspector para un par de las variables que se ahogan para este icono de torre o forma de estrella , pero también aparecen para muchas otras formas. Para que pueda afectar el radio de cómo se ve mi estrella. Y puedo ajustar aquí cuántos puntos tiene hacer un bonito 10 y luego también puedo golpear, entrar y entrar en esa forma y ajustar cualquiera de esos puntos de ira como yo deseo. Entonces Bueno, esta es una estrella de aspecto bastante radical. Voy a controlar Z para deshacer esos y dejarlo como es así. Entonces entrando en mi plaza aquí, también puedo ajustar mi radio y redondear las esquinas de mi plaza muy bien y muy fácilmente. Lo que creo que también es impresionante no va a Adam frontera. Entonces voy a añadir una sombra de gota a esto, y no voy a hacer una especie de aspecto tradicional va a hacer un borde sólido así de eso y bajar mi desenfoque a cero. Y lo que es realmente genial es que si ajuste mi radio de esquina, también está ajustando mi sombra de caída para estar perfectamente alineada. De acuerdo, así que bajando la página. Voy a reemplazar este marcador de posición de corazón. Tengo un diseño ya para un ícono de corazón de noche que no ilustraba. Entonces voy a abrir eso. Y si bien no puedo abrir un archivo ilustrativo en boceto, lo que puedo hacer es seleccionar el espectro, copiarlo y luego pegarlo directamente en mi archivo de boceto, yendo Teoh por un momento, sacarlo de este grupo para que no sea afectado por la máscara y se mete en un grupo como página uno. Entonces voy a desarreglarme pit, y luego tiene este archivo de clip player. Esto no siempre sucede. No estoy totalmente seguro de cómo funciona entre archivos, pero también puedes copiar y pegar vectores sin que pasen todo este exceso de cosas. Pero por el momento, eliminemos esa capa de clip, vil. Y ahora tenemos esta ville. Voy a leer el corazón de capa en un hit Enter y soy capaz de ajustar los puntos de ira, Justus podrían, con cualquier vector que creé aquí en boceto, redimensionará esto y lo moverán por aquí. Copiar el color. Deshazte de mi marcador de posición. Suelta esto en mi carpeta. Y ahora tengo un simpático icono de corazón. En mi primer post, Los últimos iconos que vamos a conseguir no están aquí arriba en la cima. Uh, lo que voy a hacer es usar la herramienta de línea aquí para hacer mi icono de hamburguesa. Por lo que acabo de golpear L para la herramienta de línea y hago clic y arrastre para crear mi forma. Y luego voy a hacer de éste un color oscuro por el momento, y vamos a reventar el grosor. Y lo que está un poco oculto en el boceto son las propiedades del borde. Puedes hacer click en esta configuración y puedes ver que puedo cambiar el final de mi línea para ser redondeado o cómo podrían funcionar las articulaciones en cualquier forma o vector. Y luego voy a acercarme un poco aquí y voy a mantener pulsado, opción y arrastrar mi línea. Se puede ver que boceto me está dando las medidas de la distancia entre ellos. Vayamos con seis. Y un buen truco que puedes usar es el comando D. Puedes duplicar la forma que has hecho a la distancia exacta en la que la has movido. Entonces si mantengo presionada esta capa media y utilizo mi tecla de opción para ver mis medidas. Se puede ver que son exactamente seis en ambos sentidos. Ahora que tengo estos tres, voy a agrupar y cambiarles el nombre Hamburger Icon. Y eso me alertó aquí mientras lo estoy mirando, uno que lo he deletreado mal en dos. Que he manejado mal mis capas un poco. Entonces tal vez ustedes son mejores que yo. Yo, um, constantemente organizando y limpiando mis archivos lo más diligente que puedas intentar y ser En mi experiencia personal, siempre es un poco complicado mantener las cosas organizadas, pero tener un buen sistema que se puede volver atrás. Teoh es la clave para mí. Entonces solo voy a limpiar rápidamente aquí y groupies y renombrarlos y llamarlos fecha de nacimiento. De acuerdo, entonces vamos a hablar de reglas un poco de nuevo aquí. Sé que tengo otro ícono que quiero hacer al otro extremo de mi pantalla aquí, y quiero que tengan relativamente la misma altura o al menos relacionados. Entonces este objeto que he seleccionado, puedo poner mi cursor aquí en la regla y es mapas a la parte superior o inferior de ese grupo . Y así voy a dar click solo para crear dos reglas. Van a borrar mi marcador de posición aquí. Y luego me refiero a hit. Ah, para crear un círculo y mantener el turno. Um, rápido. Sólo voy a volver aquí y copiar mi estilo usando el comando de opción. Ver? Y luego opción comunidad v aquí para pegarlo. Y luego voy a usar mi herramienta de línea, que es l para hacer clic y arrastrar la parte inferior de mi pequeño icono de búsqueda. Y voy a pegar el estilo que he seleccionado también para luego agrupar estos dos y renombrarlos . Y ahora tengo una búsqueda que tengo. Entonces si estoy mirando este grupo de cabecera y quiero ajustar algo sobre mi hamburguesa, puedo tener que tipo de mantener pulsado comando y seleccionar un objeto en él. Pero esto va demasiado profundo. Entonces esto es demasiado específico. En realidad no quiero la línea del ícono de la hamburguesa. Yo sólo quería la hamburguesa. Yo vengo una de las formas de moverse que es ir por aquí en su dolor inspector y revisar esta casilla que dice hacer clic a través de una. Seleccionarlo básicamente hace que este grupo en tu lista de capas solo para la organización y tu lista de capas, y no está afectando nada en tu a bordo. Por lo que ahora cuando hago clic en él, puedo seleccionar de inmediato el icono de la hamburguesa sin tener que mantener presionada la tecla de comando y llegar a lo que quiero de forma rápida y sencilla sin dejar de tener la organización visual en mi lista de capas. Está bien, eso es todo. Simplemente voy a hacer algo de limpieza final, pero mi diseño está prácticamente hecho. Ojalá los tuyos hayan venido muy bien también. Estoy súper emocionado de verlos a todos. Entonces que no se olvide de compartir en el proyecto de clase, y los veo en el final de envolver. 12. Atajos de teclado: Yo armé un pdf para ustedes chicos. Es una lista de todos sus atajos que repasé en todas las bendiciones. Puedes comprobarlo en la clase más. 13. Reflexiones finales: Oye, enhorrecidas por terminar tu clase. O al menos sacando un probar una nueva pieza de software. Espero que hayan disfrutado las lecciones, y espero que hayan aprendido algo. De hecho aprendí un par de cosas sobre Obtener armar esto. Um, y estoy muy emocionado de ver tus proyectos. Entonces si no has puesto ya tu progreso en un proyecto de clase ahora y haces cualquier pregunta que pudieras tener, estaré revisando esta clase todo el tiempo para contestar esas preguntas y ojalá aprendas junto con vosotros chicos. Gracias por acompañarme en esta clase. Fue una explosión absoluta y mi final, y de verdad espero que la hayan disfrutado. Y luego los veré pronto chicos.