Crear y manipular capas en Sketch

Clase 6 de 22 • Curso de Sketch 2017

Clase anteriorSiguiente clase

Edward Fernandez

student•

Resumen de la clase

Artboards en Sketch
Los Artboards son mesas de trabajo que permiten crear marcos fijos que sirven de lienzo. Para crear una de estas debemos hacer click en el botón [+] que aparece en la esquina superior izquierda de la interfaz. Cuando se elige la opción podemos seleccionar marcos ya definidos o crear un personalizado (Custom): si deseamos utilizar uno de estos templates, podemos encontrar tamaños para dispositivos Apple, Android y Web Responsive.
Figuras en Sketch
La herramienta nos permite crear una variedad de figuras, todas vectorizadas, entre ellas encontramos: líneas, cuadros, círculos y estrellas. Para crear una nueva figura debemos seleccionar el botón [+] que se encuentra en la esquina superior izquierda de la interfaz.
Alineación de elementos
Sketch nos permite alinear elementos según nuestras necesidades, desde centrar, alinear a la izquierda y al tope. Para ello debemos seleccionar al menos dos elementos y luego seleccionar alguna de las opciones que aparece en el ‘Inspector de elementos’. Existen dos opciones (alienar vertical u horizontalmente) que requiere que se hayan seleccionado al menos tres elementos.
Shortcuts aprendidos
- A: permite crear un nuevo Artboard.
- R: permite crear un nuevo rectángulo.
- O: permite crear un nuevo círculo.
- Alt + Arrastrar: permite crear un elemento desde el centro y no desde uno de sus extremos.
- Shift + Arrastrar: permite crear figuras perfectas cuando se selecciona la opción.
Nota:
- Sketch trabaja con Vectores, similar a como lo hace Ilustrator.

Espero que les sirva de ayuda, saludos. 😃

Carlos Gómez Mont

student•

Wow, gracias.

Alejandro Sol Villaseñor

student•

Muchas gracias amigo, el resumen es muy bueno.

Christian Camilo Acevedo Rincon

student•

Opciones de alineación

En una barra en la parte superior del Inspector hay botones para alinear y distribuir capas. Estos botones se activarán cuando haya seleccionado más de una capa. Más información sobre esta función se puede encontrar en Mover capas.

Alejandro Sol Villaseñor

student•

Gracias por el aporte amigo

XSales® Mobility

student•

Oye que el cuadro de vídeo del instructor debería estar a la izquierda. Tapa información útil de la derecha

Kath Sánchez

teacher•

Gracias por la observación, vamos a corregirlo 😉

Mon Avellaneda

student•

No me queda claro cual de las dos opciones consideras mejor: Distribute unevenly o Place on sub-pixeles o si directamente desaconsejas usarlos e ir a valores numéricos exactos siempre.
Mil gracias

Carlos Jimenez

student•

Distribute unevenly redondea a pixeles exactos y es la opción recomendada. Mantener pixeles exactos nos evita problemas a la hora de exportar, medir y desarrollar.

Mon Avellaneda

student•

Muchas gracias Carlos

Alan Mena

student•

Alt + Drag = Crea figura desde el centro de su tamaño. Shift + Drag = Crea figura con ancho y alto iguales.

Alejandro Sol Villaseñor

student•

Gracias por la información y por el marcador amigo

Saúl Montaño

student•

Pudiera ser mas interesante si no se toman varios minutos en explicar como modificar las formas basicas -.-

Armando Alcantara

student•

Para los que vamos introduciendonos al diseño, es un buen curso para iniciar.

David Behar

student•

Lo más importante que saqué de esta sesión es siempre trabajar con pixeles exactos

Alejandro Sol Villaseñor

student•

Es una buena practica amigo.

Carlos Eduardo Mejía Torres

student•

Hasta el momento, todas las herramientas de las que hablan en Sketch, son encontradas fácilmente en Adobe XD, así que para los que no tenemos mac, parace ser un MUY buen sustituto.

Crear y manipular capas en Sketch

Introducción al curso de Sketch

Actualización de Curso

¿Qué es Sketch y para qué sirve?

Las Herramientas de Sketch

Creación de documento e interfaz de Sketch

Herramientas de navegación en Sketch

Cómo funcionan los artboards en Sketch

Capas

Crear y manipular capas en Sketch

Agrupar, bloquear y ocultar capas

Objetos, Máscaras y Textos

Combinar Objetos

Máscaras en Sketch

Uso de la pluma en Sketch

Creación de textos en Sketch

Símbolos en Sketch

Aplicando símbolos

Proyecto - Diseñando una App

Layout, grillas y reglas

Cómo hacer un wireframe digital

Cómo diseñar un UI Kit

Diseñando íconos

Armando el Mockup

Exportando assets

Mirror

Plugins en Sketch

Material Bonus

Cosas útiles en Sketch