Saltar al tutorial
lil cactus

Cómo usar guías, cuadrícula y ajuste en Lil Cactus

Principiante7 minutosActualizado

Respuesta rápida

En Lil Cactus, elige Ver y luego Reglas para mostrar las medidas y Ver y luego Nueva guía… para colocar una guía en una posición exacta en píxeles. Activa Ver y luego Ajustar y elige los destinos en Ver y luego Ajustar a. Para una fila de objetos, selecciona sus capas y usa Capa y luego Alinear y luego Bordes superiores y después Capa y luego Distribuir y luego Espaciado horizontal.

El diseño de café antes y después de alinear sus tres muestras de color en una fila con espacios iguales
Las tres muestras comparten el mismo borde superior, con 150 px entre ellas. La foto y el titular no se mueven. Cada muestra mide 120 × 80 px y está en x = 140, 410 y 680 px e y = 500 px. Arrastra el control para comparar.
Tiempo
7 minutos
Nivel
Principiante
Necesitas
Un diseño con los objetos en capas separadas
Funciona con
Imágenes y proyectos con capas, incluidas capas de texto y de forma
Abrir el ejemplo en Lil CactusUsar tu propia foto

Gratis y sin registro. Tu foto no sale de tu equipo.

Las guías son líneas que colocas para marcar un borde o un margen. La cuadrícula es un patrón repetido sobre todo el espacio de trabajo. El ajuste ayuda a que un objeto que mueves se asiente contra un destino elegido cuando lo arrastras cerca.

Usa las tres capas de forma del ejemplo para montar una fila de colores ordenada bajo el titular.

Alinear una fila de colores en siete pasos

  1. Muestra las reglas

    Abre el proyecto de práctica de esta página. Elige Ver y luego Reglas. Aparecen medidas a lo largo del borde superior e izquierdo del espacio de trabajo.

    El menú Ver con Reglas marcado con un círculo
    Una marca junto a Reglas indica que están visibles.
    Las reglas superior e izquierda alrededor de la parte superior izquierda del diseño de café
    Las reglas marcan las coordenadas del documento en píxeles.
  2. Coloca una guía vertical en 140 px

    Elige Ver y luego Nueva guía… En Orientación, elige Vertical, escribe 140 px en el campo Posición y haz clic en Crear. Será el borde izquierdo de la muestra marrón.

    También puedes arrastrar desde una regla hasta la imagen para colocar una guía a ojo; Nueva guía… sirve para una posición exacta.

    El menú Ver con Nueva guía marcado con un círculo
    Nueva guía coloca una línea según su posición numérica.
    El cuadro de diálogo Nueva guía con Vertical, Posición 140 px y Crear marcados con un círculo
    Una guía vertical mide su posición desde el borde izquierdo de la imagen.
  3. Coloca una guía horizontal en 500 px

    Vuelve a elegir Ver y luego Nueva guía… Selecciona Horizontal, escribe 500 px en el campo Posición y haz clic en Crear. Esta línea fija el borde superior de la fila.

    El cuadro de diálogo Nueva guía con Horizontal, Posición 500 px y Crear marcados con un círculo
    Una guía horizontal mide su posición desde el borde superior.
  4. Muestra la cuadrícula y elige a qué se ajusta

    Activa Ver y luego Mostrar y luego Cuadrícula para ver la cuadrícula. Activa Ver y luego Ajustar y luego revisa Ver y luego Ajustar a: para este ejercicio, Guías debe estar marcado y Cuadrícula desmarcado.

    Mostrar la cuadrícula y ajustarse a ella son opciones independientes. Aquí son las guías las que controlan la colocación.

    El submenú Ver › Mostrar con Cuadrícula marcado con un círculo
    Mostrar › Cuadrícula controla el patrón visible.
    El menú Ver con Ajustar marcado y rodeado con un círculo
    Ajustar es el interruptor general del ajuste.
    El submenú Ver › Ajustar a con Guías marcado y Cuadrícula desmarcado, ambos rodeados con un círculo
    Usa las guías como destino y deja desactivado el ajuste a la cuadrícula.
  5. Ajusta la muestra marrón a las guías

    Haz clic con el botón derecho (o mantén pulsado) en el botón superior de la barra de herramientas y elige la herramienta Mover. Haz clic en la capa Brown swatch del panel Capas. Agarra el rectángulo marrón cerca de su borde inferior, lejos de la guía. Arrástralo un poco hacia la derecha y hacia abajo hasta que su esquina superior izquierda coincida con el cruce de las guías. Suéltalo cuando sus bordes izquierdo y superior se asienten sobre las líneas.

    El botón superior de la barra de herramientas junto a su menú desplegable abierto, con ese botón y Mover marcados con un círculo
    Elige Mover en el menú desplegable del botón superior de la barra de herramientas.
    El panel Capas con Brown swatch seleccionada y marcada con un círculo
    Selecciona la capa antes de mover su rectángulo.
    El rectángulo marrón con su borde izquierdo sobre la guía vertical y su borde superior sobre la guía horizontal
    Detalle al 100%: la esquina superior izquierda está en (140, 500) px.
  6. Alinea los tres bordes superiores

    En el panel Capas, haz clic en la capa Brown swatch y después mantén pulsada la tecla Mayús y haz clic en la capa Rust swatch. Deben quedar seleccionadas las tres filas de muestras. Elige Capa y luego Alinear y luego Bordes superiores. Las formas crema y óxido suben hasta el borde superior de la forma marrón.

    Consejo Deja fuera de la selección las capas Text y Background.

    El panel Capas con Brown swatch, Cream swatch y Rust swatch seleccionadas y marcadas con un círculo
    Mayús + clic selecciona el rango continuo de las tres capas de muestras.
    El submenú Capa › Alinear con Bordes superiores marcado con un círculo
    Con varias capas seleccionadas, Bordes superiores usa el borde más alto de todas ellas.
  7. Iguala los espacios

    Mantén seleccionadas las tres capas. Elige Capa y luego Distribuir y luego Espaciado horizontal. Las formas de los extremos se quedan donde están y la del centro se desplaza para que los espacios sean iguales.

    El submenú Capa › Distribuir con Espaciado horizontal marcado con un círculo
    Para distribuir hacen falta al menos tres capas seleccionadas.

Ocultar, bloquear o eliminar guías

Ver y luego Mostrar y luego Guías oculta las guías sin eliminarlas. Para quitarlas, elige Ver y luego Borrar guías (si Ver y luego Bloquear guías está marcado, desactívalo antes); Edición y luego Deshacer las recupera.

Qué hacer a continuación

Guías, cuadrícula y ajuste: preguntas y respuestas

¿Aparecen las guías o la cuadrícula en la imagen exportada?

No. En Lil Cactus, las reglas, las guías y la cuadrícula son superposiciones del espacio de trabajo. No aparecen en un PNG o JPEG exportado.

¿Por qué el ajuste a la cuadrícula no coincide con algunas líneas visibles de la cuadrícula?

En Lil Cactus, el ajuste a la cuadrícula usa su propio espaciado, que cambia con el zoom y puede ser más amplio que la cuadrícula que ves; aumenta el zoom para hacerlo más fino. Para usarlo, activa Ver › Ajustar y Ver › Ajustar a › Cuadrícula, y usa guías cuando necesites un borde exacto.

¿Por qué no está disponible Nueva guía?

En Lil Cactus, Ver › Bloquear guías impide crear o cambiar guías. Desactívalo para usar Ver › Nueva guía…

¿Por qué no está disponible Espaciado horizontal?

En Lil Cactus, selecciona al menos tres capas para usar Capa › Distribuir › Espaciado horizontal. Cada objeto debe estar en una capa independiente que se pueda mover.

¿Qué pasa si alineo una sola capa?

En Lil Cactus, una sola capa seleccionada se alinea con los límites del documento. Con dos o más capas seleccionadas, la alineación usa los límites de esas capas.

¿Se guardan las guías con el diseño?

Sí. En Lil Cactus, Archivo › Guardar como › Proyecto de Lil Cactus… conserva las guías y las capas editables. Un PNG o JPEG acoplado contiene la imagen, sin guías editables.