Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Sketch
Webdesign

Sketch en 60 Segundos: Redimensionando Grupos de Elementos

by
Difficulty:BeginnerLength:QuickLanguages:

Spanish (Español) translation by Rafael Chavarría (you can also view the original English article)

Si alguna vez has seleccionado un grupo de objetos en Sketch, después redimensionado todo el grupo, estarás acostumbrado al hecho de que cada objeto dentro de este es estirado y movido proporcionalmente. Ahora, con la opción de Redimensión de Sketch, podemos especificar cómo queremos que se comporte cada objeto. ¡Averigüemos como en este video de sesenta segundos!

Redimensionando 

Mira este grupo de objetos, por ejemplo. Aquí seleccionamos el grupo, listo para estirar:

Después cuando estiramos, cada capa dentro del grupo se distorsiona igualmente:

Sin embargo, seleccionando cada objeto dentro del grupo de manera individual, podemos usar el menú desplegable Redimensión para especificar cómo se comportarán cuando el grupo es redimensionado.

Cuatro Opciones de Redimensionamiento

Las opciones son como sigue:

  • Estirar: este es el valor por defecto. Cuando el grupo es escalado, el objeto altera su tamaño y posición proporcionalmente.
  • Fijar a esquina: esta opción identifica a cuál de las cuatro esquinas del grupo está más cercano el objeto, después lo fija a esa esquina mientras el grupo es redimensionado. Esto no altera el tamaño del objeto, a menos que el grupo se vuelva más pequeño que el objeto mismo, en cuyo caso este se encoje de manera acorde.
  • Redimensionar objeto: en esta situación, el objeto se redimensiona, pero su posición permanece sin cambio.
  • Flotar en posición: la última de las cuatro opciones, esta mueva la posición del objeto de manera proporcional, pero deja su escala sin cambios.

Conclusión

Estas opciones son bastante útiles, particularmente si estás creando versiones responsivas de diseños UI. ¡Déjanos saber cómo las usas en los comentarios!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.