Cada elemento que añades a un diseño (un texto, una imagen, una forma, un gráfico) se convierte en una capa. El panel Capas es donde los ves todos en una sola lista. Esta guía te muestra cómo usarlo para seleccionar, renombrar, ocultar, bloquear, reordenar, agrupar y aislar elementos, y cómo controlar qué queda delante de qué. Está escrita para cualquiera que construya un producto personalizable en el Design Studio.
Abre el panel Capas
El panel Capas está en la barra lateral del Design Studio. Ábrelo y verás una fila por cada elemento del lienzo.
Haz clic en Capas en la barra de iconos
La barra de iconos recorre el lateral del Design Studio. Haz clic en Capas para abrir el panel. El panel enumera todos los elementos de tu diseño de arriba abajo.
Lee cada fila
Cada fila muestra un icono de tipo de color (para distinguir de un vistazo un texto de una imagen), el nombre de la capa y un pequeño subtítulo debajo que indica lo que contiene, de modo que dos capas del mismo tipo se distinguen con facilidad. Las capas de texto muestran su fuente y su tamaño; las de imagen, sus dimensiones; los mapas, su lugar o su primera y su última parada; un mapa estelar o una luna muestran además su fecha; un calendario muestra su mes; un grupo muestra cuántos elementos contiene.
Selecciona un elemento de la lista
Haz clic en una fila para seleccionar ese elemento en el lienzo. Seleccionar una fila y seleccionar el elemento son la misma acción, así que el panel y el lienzo siempre están sincronizados. Para seleccionar más de uno, mantén pulsada la tecla Cmd (Mac) o Ctrl (Windows) y haz clic en más filas.
Reordena, agrupa y bloquea
Casi todo el trabajo con capas se hace con dos gestos: arrastrar filas para reordenarlas o anidarlas, y hacer clic derecho en una fila para ver el conjunto completo de acciones. Los botones de ojo y de candado de cada fila se ocupan de lo rápido.
Arrastra una capa para cambiar su orden de apilado
Pulsa sobre una fila y arrástrala hacia arriba o hacia abajo. Una barra violeta indica dónde caerá la capa. Suéltala encima de otra fila para llevarla hacia delante, o debajo para llevarla hacia atrás. El lienzo se actualiza para reflejar el nuevo orden.
Suelta una capa en un grupo
Un grupo es una carpeta que contiene varias capas y las mueve como una sola. Cuando arrastras una fila sobre un grupo, el indicador de suelta puede mostrarse encima, debajo o dentro del grupo. Suéltala en el centro del grupo para anidarla dentro. Haz clic en la flecha de la fila de un grupo para expandir o contraer su contenido.
Oculta una capa con el ojo y bloquéala con el candado
Cada fila tiene un grupo de cuatro botones siempre visibles: editar, un ojo, un candado y un botón de eliminar. Haz clic en editar (el icono de deslizadores) para seleccionar la capa y abrir su panel de propiedades. Haz clic en el ojo para ocultar una capa (la fila se atenúa y su nombre aparece tachado). Vuelve a hacer clic para mostrarla. Haz clic en el candado para impedir ediciones; la fila se vuelve ámbar y su subtítulo dice Bloqueado. Haz clic en el botón de eliminar (el icono de la papelera) para quitar la capa.
Haz clic derecho en una fila para todo lo demás
Haz clic derecho en cualquier capa para abrir su menú. Desde ahí puedes renombrar, duplicar, mostrar u ocultar, bloquear o desbloquear, cambiar el orden, agrupar, aislar y eliminar. Algunas acciones muestran a su lado el atajo de teclado.
También puedes renombrar una capa sin usar el menú: haz doble clic en su nombre, escribe el nombre nuevo y pulsa Intro. Los nombres claros (como “Nombre del cliente” o “Logotipo”) facilitan el resto de tu trabajo y ayudan cuando decides qué campos puede editar un comprador.
Qué hace cada acción del menú
- Renombrar capa edita el nombre de la capa en el sitio.
- Duplicar capa hace una copia.
- Ocultar capa y Mostrar capa activan o desactivan que aparezca en el lienzo.
- Bloquear capa y Desbloquear capa impiden que se mueva o se edite, o la liberan.
- Traer hacia adelante y Enviar hacia atrás la mueven un paso hacia arriba o hacia abajo en la pila.
- Traer al frente y Enviar al fondo la llevan hasta arriba del todo o hasta abajo del todo.
- Agrupar capas seleccionadas combina dos o más capas seleccionadas en un grupo. Selecciónalas primero.
- Desagrupar separa un grupo en sus capas individuales.
- Aislar capa se centra en una sola capa para que trabajes en ella sin las demás de por medio.
- Eliminar capa la quita del diseño.
Dos tipos de bloqueo
Hay dos formas de bloquear una capa, y se comportan de manera distinta.
La primera es un bloqueo normal que activas tú mismo con el botón del candado o con el menú. Evita que la capa se mueva o se edite por accidente. Puedes desbloquearla cuando quieras haciendo clic de nuevo en el candado.
La segunda es un bloqueo de plantilla. Este se define en el diseño y además impide eliminar. Cuando una capa tiene bloqueo de plantilla, el botón de eliminar aparece en gris y su descripción dice Desbloquea para eliminar. Esto protege las partes de un diseño que no quieres que quite un compañero (o tú mismo más adelante).
Preguntas frecuentes
¿Por qué no puedo eliminar una capa?
Tiene bloqueo de plantilla. Un bloqueo de plantilla impide eliminar. Desbloquea primero la capa y luego elimínala.
¿Cómo selecciono más de una capa?
Mantén pulsada la tecla Cmd en Mac o Ctrl en Windows y haz clic en cada fila. Con dos o más seleccionadas, el menú del clic derecho muestra Agrupar capas seleccionadas.
¿Cuál es la diferencia entre ocultar y bloquear?
Ocultar quita la capa de la vista pero la mantiene en el diseño. Bloquear mantiene la capa visible pero impide que se mueva o se edite.
Mi elemento desapareció detrás de otro. ¿Qué pasó?
Su capa bajó en la pila. Arrastra la fila más arriba en el panel Capas, o haz clic derecho y elige Traer al frente.
¿Qué hace Aislar?
Centra el lienzo en una sola capa para que trabajes en ella sin que los demás elementos estorben.
Siguiente
Cuando tus capas estén en orden, aliníalas con limpieza con alinear y distribuir. Para los atajos de reordenar, agrupar y deshacer, consulta atajos de teclado y deshacer.