Kubeez LogoKubeez
    School
    Todas las lecciones

    Edita imágenes por capas con Layer Studio

    Layer Studio pone cada parte de una imagen en su propia capa, así que puedes mover, arreglar o cambiar el estilo de una pieza sin tocar el resto. Esta lección recorre todas las herramientas: texto con un degradado dentro, la herramienta Corregir, quitar un fondo con un clic o gratis a mano, y convertir un boceto rápido en una imagen terminada con Renderizar boceto.

    Imagen10 min9 Pasos

    Qué vas a crear

    Una imagen terminada construida por capas, con tu propio texto, un recorte limpio y una maqueta rápida convertida en un diseño pulido, exportada en PNG o JPG.

    Necesitas

    • 1.Un ordenador con una ventana del navegador ancha. Layer Studio todavía no está en móviles
    • 2.Una imagen que editar, o una idea para bocetar en un lienzo en blanco
    • 3.Créditos solo para las herramientas de IA, como Quitar fondo y Renderizar boceto. Todo lo demás es gratis

    1. 1. Abre Layer Studio en un ordenador

      De momento Layer Studio solo funciona en escritorio. En un móvil, o en una ventana del navegador más estrecha que una pantalla de escritorio, verás el aviso Próximamente en móvil en lugar del editor.

      1. Abre Layer Studio en un ordenador, con la ventana del navegador bien ancha.
      2. Arriba del panel de inicio, en Empezar con, elige Lienzo en blanco o Una imagen.
      3. Para retomar un trabajo anterior, haz clic en él en Tus separaciones. Los lienzos en blanco también aparecen ahí.

      Elige un Tamaño del lienzo, 1:1, 4:5, 3:4, 9:16 o 16:9, y un Fondo Blanco, Negro o Transparente, y haz clic en Abrir lienzo en blanco. Es gratis, y vas construyendo la imagen con fotos, texto y trazos de pincel.

      Consejo: El Fondo también es una capa, la última de la pila. Puedes ocultarlo, moverlo o pintar sobre él con los mismos controles que cualquier otra capa.

      Layer Studio

      Divide una imagen en capas editables o empieza con un lienzo en blanco

      Una imagenLienzo en blanco
      Elige la imagen a separarJPG, PNG o WebP

      El modelo encuentra cada elemento importante y los separa por ti.

      1.5K
      Separar en capas
      1. Una imagen: elige una foto y se divide en capas.
      2. Lienzo en blanco: elige un tamaño y un fondo, y constrúyelo tú.
      3. El precio se ve en el botón antes de empezar.

      En un móvil ves este aviso en su lugar. De momento Layer Studio funciona en un ordenador.

      Cómo funciona Layer Studio

      Elige una imagen a la izquierda y sepárala. Cada trabajo que ejecutes aparece aquí.

      1. 1

        Añade una imagen

        Suelta a la izquierda una foto, una imagen de producto o un diseño.

      2. 2

        Divídela en capas

        El modelo encuentra cada elemento importante y pone cada uno en su propia capa.

      3. 3

        Edita cada capa

        Mueve, redimensiona, cambia el color o reemplaza cualquier parte sin tocar el resto.

    2. 2. Oriéntate en la barra de herramientas

      La barra de la izquierda tiene las herramientas, el panel de la derecha tiene Capas y, debajo, Propiedades, y Añadir una imagen y Exportar están encima del lienzo. Pasa el ratón por cualquier herramienta para ver su nombre, lo que hace y su tecla.

      1. Desde arriba de la barra: Volver al estudio, Pantalla completa, Deshacer y Rehacer.
      2. Después, las herramientas: Seleccionar y Mano, las selecciones, Recortar, Texto, Borrar y Borrador mágico, Restaurar y Corregir, Pincel y Degradado. Las herramientas que comparten botón se abren manteniéndolo pulsado o con clic derecho.
      3. Debajo están Generar un elemento, Renderizar boceto y Separar una imagen, que gastan créditos. Completar, Reestilizar y Quitar fondo también gastan créditos, y están en la barra del elemento, al pie del lienzo.

      Consejo: Casi todas las herramientas tienen una tecla: V Seleccionar, H Mano, M Selección rectangular, Shift+M Selección elíptica, L Lazo, C Recortar, T Texto, E Borrar, Shift+E Restaurar, J Corregir, B Pincel y G Degradado. Mantén Espacio para desplazar la vista desde cualquier herramienta. El botón Atajos de teclado, al final de la barra, los muestra todos.

      1. Volver, pantalla completa, deshacer y rehacer
      2. Seleccionar y Mano
      3. Selección rectangular, elíptica y lazo
      4. Recortar, o ampliar el lienzo
      5. Texto
      6. Borrar y Borrador mágico
      7. Restaurar y Corregir
      8. Pincel
      9. Degradado
      10. Generar un elementoUsa créditos
      11. Renderizar bocetoUsa créditos
      12. Separar una imagenUsa créditos
      13. Atajos de teclado
      • Estas tres gastan créditos. Cada una muestra su precio antes de ejecutarse.
      • Una pequeña marca en la esquina indica que varias herramientas comparten ese botón. Mantenlo pulsado, o haz clic derecho, para elegir otra.

      Deja el puntero sobre cualquier herramienta para ver lo que hace, y su tecla si tiene.

    3. 3. Selecciona, mueve, edita y elimina capas

      Cada imagen, texto y trazo de pincel es una capa propia en el panel Capas. Haz clic en una en el lienzo o en la lista y arrástrala para moverla, o tira de sus tiradores para escalarla y rotarla.

      1. Haz Shift y clic en las filas para seleccionar un rango, Ctrl y clic (Cmd en Mac) para añadir una más, o pulsa Ctrl+A para seleccionar todas las capas.
      2. En cada fila, el ojo oculta o muestra la capa. Haz doble clic en el nombre para renombrarla, arrastra la fila para reordenarla y usa el candado de encima de la lista para proteger las capas seleccionadas.
      3. Pulsa Delete, o haz clic en la papelera de encima de la lista, para eliminar las capas seleccionadas. Ctrl+Z las recupera y Ctrl+Shift+Z rehace.

      Consejo: Ctrl+J duplica las capas seleccionadas. Aquí Ctrl+D deselecciona, no duplica. Las flechas desplazan una capa 1px, y Shift con una flecha, 10px.

      Recién tostado
      Taza de café
      Capa 2
      Fondo
      1. Haz clic en una fila para seleccionar una capa. Ctrl y clic (Cmd en Mac) añade o quita una, y Shift y clic selecciona todo lo que hay entre medias.
      2. Haz doble clic en el nombre de una capa para renombrarla.
      3. El ojo oculta una capa o la vuelve a mostrar. Las capas ocultas siguen en la lista.
      4. Arrastra una fila hacia arriba o hacia abajo para cambiar lo que queda encima.
      5. Bloquear capa impide que las capas seleccionadas se elijan o se muevan en el lienzo. Una fila bloqueada muestra un candado rojo, haz clic en él para desbloquearla.
      6. La papelera elimina las capas seleccionadas. La tecla Delete hace lo mismo.
      7. Con dos o más capas seleccionadas, Combinar las une en una sola imagen (Ctrl+E, Cmd+E en Mac).
      8. La barra de debajo del lienzo voltea la capa seleccionada o la restablece.
      • Con la herramienta Seleccionar (V), arrastra una capa en el lienzo para moverla. Las flechas la desplazan 1px, y Shift con una flecha, 10px.
      • ¿La has eliminado o combinado sin querer? Ctrl+Z (Cmd+Z en Mac) la recupera, y Ctrl+Shift+Z rehace.

    4. 4. Añade texto y un degradado en el texto

      El texto es una capa que puedes editar cuando quieras. Un degradado que dibujas con la capa de texto seleccionada queda recortado a ella, así que el color solo rellena las letras.

      1. Pulsa T, haz clic donde va el texto y escribe. Para cambiar las palabras más tarde, haz doble clic en la capa de texto.
      2. Ajusta Fuente, Tamaño, Color, alineación, Negrita, Cursiva y Mayúsculas en la barra que aparece bajo el texto. Grosor, Espaciado, Interlineado, Contorno y Sombra están en Propiedades.
      3. Pulsa Esc para terminar de escribir, deja la capa de texto seleccionada, pulsa G y arrastra sobre las letras. En la barra del degradado, elige un preajuste, Lineal o Radial, y los colores.

      Consejo: El degradado es una capa propia recortada al texto, así que las palabras siguen siendo editables. Haz Alt y clic en la fila del degradado para soltarlo del texto.

      Degradado
      FRESCO
      Fondo
      1. Elige Texto (T) en la barra de herramientas, haz clic en el lienzo y escribe. Cuando acabes, pulsa Esc y el texto sigue seleccionado.
      2. Con el texto seleccionado, la barra de debajo ajusta la fuente, el tamaño, el color, la alineación, la negrita, la cursiva y las mayúsculas.
      3. Con el texto todavía seleccionado, elige Degradado (G) y arrastra sobre las letras. También puedes hacer clic donde empieza el degradado y luego donde termina.
      4. Mientras usas la herramienta Degradado, la barra de debajo cambia la rampa de color, alterna entre Lineal y Radial, añade una parada o invierte los colores.
      5. El degradado llega como una capa propia, recortada a tu texto, así que solo pinta dentro de las letras. Su fila aparece sangrada, con una flecha.
      • Un degradado se recorta a la capa que tiene justo debajo. Si el texto no es la capa superior, arrastra la fila del degradado para dejarla justo encima. Alt y clic en una fila la recorta o la suelta.
      • Sin nada seleccionado, el degradado cubre todo el lienzo.

    5. 5. Quita un fondo: con un clic, o gratis a mano

      Quitar fondo recorta el elemento seleccionado con un clic y gasta créditos, con el precio a la vista en el botón. Borrador mágico, Borrar, las herramientas de selección y Restaurar hacen lo mismo a mano, gratis.

      Selecciona una capa de imagen visible y desbloqueada y haz clic en Quitar fondo, en la barra del elemento, al pie del lienzo. El recorte llega como una versión nueva, y la anterior se queda en Versiones, dentro de Propiedades.

      Consejo: Si la barra del elemento está oculta, pulsa Enter para volver a mostrarla. Quitar fondo no está disponible en la capa Fondo.

    6. 6. Corrige lo que sobra

      Pinta sobre una mancha, una arruga o un objeto que no debería estar y Corregir lo rellena con lo que hay alrededor. Funciona en tu navegador, así que no gasta créditos.

      1. Selecciona la capa que quieres arreglar y pulsa J, o elige Corregir en el botón que comparte con Restaurar.
      2. Ajusta el Tamaño del pincel en Propiedades, o pulsa [ y ] para cambiarlo, y pinta sobre la zona.
      3. Vuelve a pintar para afinar. Cada corrección sustituye a la versión Corregido anterior, y el original intacto sigue siendo el primero en Versiones.

      Consejo: Restaurar y Corregir arreglan cosas distintas. Restaurar devuelve los píxeles que borraste, Corregir rellena lo que debería haber ahí. Solo se corrige la capa seleccionada, así que las demás no se tocan.

    7. 7. Recorta, fusiona y ajusta

      Remata la imagen con Recortar, con el modo de fusión y la opacidad de encima de la lista de capas, y con los Ajustes de Propiedades. Todo es gratis.

      1. Pulsa C y arrastra el marco hacia dentro para cortar, o hacia fuera para dejar sitio alrededor de la imagen, y haz clic en Aplicar. Con una capa de imagen seleccionada, Recortar corta esa capa en lugar del lienzo.
      2. Encima de la lista de capas, elige el Modo de fusión, como Multiplicar, Trama o Superponer, y la Opacidad de las capas seleccionadas.
      3. En Ajustes, mueve Brillo, Contraste, Saturación o Tono. Con una capa seleccionada, cambia esa capa. Sin nada seleccionado, añade una capa de ajuste que cambia todo lo que hay debajo.

      Consejo: Haz doble clic en un control de ajuste para restablecerlo. Voltear horizontalmente, Voltear verticalmente y Restablecer capa están en la barra del elemento, al pie del lienzo.

    8. 8. Bocetea una maqueta y usa Renderizar boceto

      Encaja la idea a grandes rasgos con trazos de pincel, imágenes pegadas, elementos generados y tu titular. Renderizar boceto rehace todo lo visible como una sola imagen terminada con GPT Image 2.5: mantiene la composición y el texto, y convierte los trazos de pincel en lo que representan, como hierba o agua.

      1. Encaja una composición rápida: haz clic en Nueva capa y pinta con el Pincel (B), pega imágenes con Ctrl+V y añade objetos con Generar un elemento.
      2. Selecciona todas las capas con Ctrl+A y cópialas con Ctrl+J. Las copias quedan encima y siguen seleccionadas, así que combínalas en una sola capa con Ctrl+E o con el botón Combinar del panel Capas.
      3. Haz clic en Renderizar boceto en la barra de herramientas, añade una nota si quieres, por ejemplo luz de otoño, tonos cálidos, y haz clic en Renderizar. El precio se ve en el botón Renderizar.

      Consejo: Combinar sustituye a las capas que combina, por eso combinas las copias: tus originales quedan debajo, separadas y editables. El resultado aparece encima como Boceto renderizado, las capas del boceto se ocultan, no se eliminan, y un solo Ctrl+Z las recupera.

    9. 9. Guarda y exporta

      Layer Studio guarda el lienzo solo, un momento después de cada cambio. Un icono girando junto a Exportar significa que está guardando, y Sin guardar significa que el último guardado falló.

      1. Haz clic en Exportar, encima del lienzo.
      2. Elige Descargar PNG o Descargar JPG para tener un archivo, o Guardar en tus recursos para conservarlo en Kubeez. En un equipo, elige Guardar en mis recursos o Guardar en los recursos del equipo.
      3. Para descargar una sola capa, haz clic derecho en su fila y elige Descargar como PNG o Descargar como JPG.

      Consejo: Tu lienzo se queda en Tus separaciones, en la página de inicio de Layer Studio, para que puedas abrirlo otra vez y seguir editando.

    Evita

    • Abrir Layer Studio en un móvil o en una ventana estrecha. De momento solo funciona en escritorio.
    • Pintar sin ninguna capa seleccionada. Pincel, Borrar y Restaurar trabajan sobre la capa de imagen seleccionada, así que haz clic primero en la capa.
    • Pulsar Ctrl+D para duplicar. Aquí deselecciona. Duplicar es Ctrl+J.
    • Pulsar Ctrl+J con un área todavía dibujada. En lugar de copiar las capas, lleva esa área a su propia capa. Pulsa Esc antes.
    • Pulsar Delete con un área todavía seleccionada y esperar que desaparezca la capa. Con un área dibujada, Delete solo vacía los píxeles de dentro. Pulsa Esc antes.
    • Pagar Quitar fondo con un fondo plano de un solo color. Borrador mágico lo elimina gratis con un clic.
    • Combinar la única copia de una capa de texto. Las capas combinadas se convierten en una sola imagen y el texto deja de ser editable. Copia con Ctrl+J antes de combinar.
    • Ocultar una capa que quieres en el render. Renderizar boceto solo usa lo que se ve en el lienzo.
    • Esperar que Renderizar boceto conserve tu fuente. Mantiene el texto y la composición, y diseña unas letras nuevas que encajan con la imagen.

    Preguntas sobre Layer Studio

    Todavía no. De momento Layer Studio solo funciona en escritorio, y en un móvil aparece el aviso Próximamente en móvil. Abre Kubeez en un ordenador, con una ventana del navegador lo bastante ancha para la vista de escritorio.

    Sí. Quitar fondo es una herramienta de IA, y su precio se ve en el botón antes de hacer clic. Borrador mágico, Borrar, las herramientas de selección y Restaurar quitan un fondo a mano, gratis.

    Selecciona la capa, elige Borrador mágico y haz clic en el color del fondo para eliminar todos sus píxeles. Limpia el resto con Borrar, o rodéalo con Lazo y pulsa Delete. Restaurar devuelve pintando lo que hayas quitado de más.

    Convierte todo lo visible en el lienzo en una sola imagen terminada. Respeta dónde está cada cosa y lo que dice el texto, y convierte los trazos de pincel en lo que representan, como hierba o agua. El resultado queda encima como una capa nueva y las capas del boceto se ocultan.

    Selecciona la capa de texto, elige Degradado y arrastra sobre las letras. El degradado se crea como una capa propia recortada al texto, así que solo rellena las letras y las palabras siguen siendo editables.

    Solo las de IA: Quitar fondo, Completar, Reestilizar, Generar un elemento, Renderizar boceto, Separar una imagen, Separar en capas y Generar en la barra que aparece junto a un área seleccionada. Cada una muestra su precio en el botón. Corregir, Borrar, Borrador mágico, Restaurar, Pincel, Degradado, Texto, Recortar, Combinar y Ajustes son gratis.

    Sí. Guarda solo, un momento después de cada cambio, y puedes volver a abrir el lienzo desde Tus separaciones. Para tener un archivo, haz clic en Exportar y elige Descargar PNG, Descargar JPG o Guardar en tus recursos.

    Modelos usados

    Abre una guía para ver en qué destaca cada modelo.

    GPT Image 2.5

    Tu turno

    Todo lo que has visto en esta lección está a un clic. Abre la herramienta y haz tu primera versión ahora.

    Pruébalo en Kubeez