Guías de uso

Barra de herramientas

La barra de herramientas reúne las funciones y herramientas de Pixso.
Las opciones de su zona central cambian según lo que selecciones en el lienzo.

Barra de herramientas en Pixso

1. Menú

Haz clic en el icono del menú para abrir el menú principal. Incluye operaciones con capas y preferencias de usuario. Los atajos aparecen a la derecha de cada opción y permiten ejecutar la función desde el teclado.

  • Crear archivo: abre un archivo vacío en una pestaña nueva.
  • Buscar: escribe una palabra clave para localizar una función.
  • Editar: permite deshacer y rehacer, copiar y pegar, y utilizar opciones avanzadas.
  • Ver: controla las cuadrículas y reglas, ajusta el zoom y localiza objetos en el lienzo.
  • Objetos: permite agrupar, crear marcos, aplicar máscaras y crear componentes, entre otras operaciones con capas.
  • Texto: aplica negrita o cursiva y ajusta el tamaño, la altura de línea y el espaciado.
  • Organizar: alinea las capas seleccionadas o distribúyelas a intervalos iguales.
  • Preferencias de usuario: configura el comportamiento de los objetos seleccionados y la distancia de desplazamiento al ajustar capas.
  • Historial de versiones: consulta las versiones guardadas y crea versiones del archivo.
  • Importar: incorpora archivos de Sketch, Adobe XD o Pixso al editor.
  • Exportar: guarda el archivo actual en formato Pixso, Sketch o Adobe XD.

1. Menú en Pixso

2. Herramientas de dibujo

2.1 Mover y escalar

Al abrir un archivo, se activa de forma predeterminada la herramienta Mover (atajo: V).

Esta herramienta permite seleccionar y reordenar capas en el panel de capas o mover objetos en el lienzo.

Haz clic en la flecha junto a Mover para activar Escalar (atajo: K), que cambia proporcionalmente el tamaño de un objeto o una capa completos.

2.1 Mover y escalar en Pixso

2.2 Marcos y sectores

Un marco funciona como un contenedor: delimita una zona del lienzo donde crear y organizar un diseño.

Los marcos de Pixso pueden anidarse, utilizar Auto Layout y adaptar su comportamiento mediante sus propiedades.

Selecciona la herramienta Marco (atajo: A o F) y arrastra en el lienzo para crearlo con el tamaño que necesites. También puedes elegir un tamaño predefinido en el panel derecho.

Haz clic en la flecha de la herramienta Marco para seleccionar Sector (atajo: S). Los sectores delimitan una zona personalizada para exportar.

2.2 Marcos y sectores en Pixso

2.3 Formas

Abre el menú desplegable de formas para elegir una de las opciones predeterminadas:

  • Rectángulo (atajo: R)
  • Línea (atajo: L)
  • Flecha (atajo: Shift + L)
  • Elipse (atajo: O)
  • Polígono
  • Estrella
  • Colocar imagen (atajo: Option/Command + K)

2.3 Formas en Pixso

2.4 Pluma

La pluma permite crear formas e iconos personalizados y redes vectoriales complejas mediante trazados, puntos de anclaje y curvas de Bézier (atajo: Option/Shift + P).

2.4 Pluma en Pixso

2.5 Texto

Selecciona Texto en la barra de herramientas (atajo: T) para añadir una capa de texto al lienzo.

  • Haz clic una vez en el lienzo para crear un texto que se amplíe horizontalmente.
  • Haz clic y arrastra para crear un cuadro de texto de tamaño fijo y escribir en él.

2.5 Texto en Pixso

2.6 Mano

La herramienta Mano permite desplazarte por el lienzo sin seleccionar ni mover objetos por accidente.
En dispositivos con pantalla táctil puedes utilizarla para desplazarte por el archivo con los dedos.

2.6 Mano en Pixso

Nota: pulsa Espacio para activar la herramienta Mano.

2.7 Comentarios

La herramienta Comentario permite intercambiar ideas y opiniones con los colaboradores. Pulsa C para activar el modo de comentarios.
Cualquier persona con permiso para ver o editar el archivo puede consultar los comentarios.

2.7 Comentarios en Pixso

3. Operaciones con capas

Al seleccionar una capa u objeto, aparecen las operaciones correspondientes en el centro de la barra. Las opciones dependen del tipo de capa.

3. Operaciones con capas en Pixso

3.1 Editar objeto

Haz clic en Editar objeto para activar la edición vectorial. Puedes añadir, eliminar o ajustar puntos de anclaje del trazado.
Esta opción solo está disponible al seleccionar un único trazado vectorial. También puedes pulsar Enter/Return para entrar en la edición vectorial.

3.1 Editar objeto en Pixso

3.2 Crear componente

Los componentes son elementos reutilizables que ayudan a mantener un sistema de diseño coherente entre proyectos. Haz clic en Crear componente para convertir la selección en un componente.

Si seleccionas varias capas o marcos, abre la flecha junto al icono para elegir cómo crearlos:

  • Crear componente: convierte la selección en un único componente.
  • Crear varios componentes: crea un componente por cada capa o marco seleccionado.

Atajos:

  • macOS: Control + Command + K
  • Windows: Ctrl + Alt + K

3.2 Crear componente en Pixso

3.3 Restablecer instancia

Si la selección contiene instancias modificadas, aparece la opción para restablecerlas. Haz clic en Restablecer instancia para eliminar las modificaciones y recuperar los valores del componente principal.

3.4 Máscaras

Las máscaras muestran u ocultan partes de una capa u objeto. Haz clic en Máscara para aplicar una máscara a la selección.

Pixso coloca las capas seleccionadas en un grupo de máscara y utiliza el contorno de la capa elegida para delimitar qué parte del contenido se ve.

3.4 Máscaras en Pixso

Atajos:

  • macOS: Control + Command + M
  • Windows: Ctrl + Alt + M

3.5 Operaciones booleanas y unión de trazados

Puedes combinar capas mediante operaciones booleanas o unir sus trazados.

  • Unir: combina las regiones de los trazados vectoriales en una sola forma.
  • Restar la capa superior: elimina de la capa inferior la región ocupada por la capa superior.
  • Intersecar: conserva únicamente la zona común de las formas seleccionadas.
  • Excluir: conserva las partes que no se superponen y elimina la zona común.
  • Unir trazados: convierte la selección en una única capa de trazado y combina las capas booleanas.

Atajos:

  • macOS: Command + E
  • Windows: Ctrl + E

Nota: esta opción solo está disponible al seleccionar varias capas.

Si no hay capas seleccionadas, el centro de la barra muestra el proyecto y el nombre del archivo. Desde allí puedes:

  • Publicar estilos y componentes: abre la biblioteca de recursos del equipo.
  • Cambiar nombre: modifica el nombre del archivo.
  • Mostrar historial: abre el historial de versiones en el panel derecho.
  • Mover archivo: cambia su ubicación dentro de los proyectos.

3.6 Buscar funciones

En el editor de archivos de diseño puedes buscar funciones y plugins de estas formas:

  • Abre el menú de la esquina superior izquierda y selecciona Buscar.
  • macOS: Command + /
  • Windows: Ctrl + /

3.6 Buscar funciones en Pixso

Escribe una palabra clave para ver los resultados coincidentes.

Recorre la lista con el cursor o con las teclas ↑ y ↓. Haz clic en una opción o pulsa ↵ para seleccionarla.

3.6 Buscar funciones en Pixso