Inicio
» Wiki
»
Instrucciones para importar y exportar archivos en Sketch
Instrucciones para importar y exportar archivos en Sketch
El software de gráficos de croquis proporciona una forma muy conveniente de importar / exportar archivos. ¿Sabes cómo hacerlo? Aprendamos cómo importar y exportar archivos en Sketch.
Instrucciones para importar y exportar archivos en Sketch
La forma más fácil de importar archivos en el software de gráficos Sketch es arrastrarlos y soltarlos en los iconos de lienzo o base. Puedes ingresar:
Fotos de mapas de bits PNG, JPG, TIFF y WebP
Archivos SVG y EPS
Código SVG (copiar y pegar código para crear una nueva capa)
Archivos AI y PSD (soporte limitado, solo como una capa plana)
Exportar archivo en Sketch
La forma más rápida de exportar su trabajo desde Sketch es elegir Compartir> Exportar ... en el menú o presionar ⌘+ ⇧+ Epara abrir el cuadro de diálogo Exportar . Seleccione los datos que desea exportar, luego haga clic en Exportar para abrir MacOS Save.
Sketch exporta todo como PNG en tamaño real (predeterminado 1x). Para cambiar esta configuración o exportar desde 2 tamaños o formatos, debe configurar Exportar ajustes preestablecidos en el Inspector.
También puede seleccionar cualquier capa en la Lista de capas y arrastrarla al escritorio para exportarla como PNG (o mantenerla presionada ⌥mientras arrastra para exportar como PDF). Alternativamente, puede seleccionar una clase y luego presionar ⌘+ E.
Finalmente, puede exportar un documento PDF con todas sus mesas de trabajo seleccionando Archivo> Exportar mesas de trabajo a PDF ... Puede elegir el orden de exportación de Artboards a través de Preferencias.
Cómo crear y usar configuraciones antes de exportar
Para exportar una capa en un documento en diferentes tamaños o formatos, seleccione esa capa> haga clic en el panel Hacer exportable en la parte inferior del Inspector. Verá la configuración previa a la exportación aquí con algunas opciones:
Tamaño : elija un tamaño en el menú desplegable o cree uno propio escribiendo el número directamente en el campo Tamaño. Siéntase libre de aumentar (2x, 3x ...) o disminuir (0.5x, 0.25x) la relación o determinar la altura / anchura específica en píxeles.
Prefijo / Sufijo: si publica su trabajo a diferentes velocidades, debe usar el menú desplegable para seleccionar un prefijo o sufijo. Puede personalizarlos escribiendo en el campo de texto antes (prefijo) o después (sufijo) los puntos suspensivos representan el nombre del archivo.
Formato : elija un formato del menú desplegable.
Eliminar ajustes preestablecidos : haga clic Xpara eliminar este ajuste preestablecido de exportación.
Agregar ajustes preestablecidos : haga clic +para agregar otros ajustes preestablecidos para esta capa a la configuración de exportación.
Conjuntos de ajustes preestablecidos : haga clic en el botón Ajustes preestablecidos para seleccionar un conjunto de ajustes preestablecidos. También puede crear nuevos conjuntos preestablecidos y eliminarlos aquí.
Crear una capa : haga clic en el icono de cuchillo para crear una capa delgada en la capa seleccionada con configuraciones predefinidas.
Exportar seleccionados ... : haga clic en este botón para exportar la capa utilizando la configuración anterior.
Vista previa : la ventana de vista previa muestra cómo se verá la capa cuando se exporte. También puede arrastrarlo y soltarlo directamente en otro escritorio o aplicación para una exportación rápida.
Compartir : otra opción de exportación rápida es hacer clic en el botón Compartir para ver las opciones estándar para compartir por correo, mensajes, AirDrop ...
Cómo usar Slice
Slice es un tipo de capa que puede dibujar en un lienzo que puede exportar todo lo que contiene como imagen. Puede seleccionarlos, cambiarles el tamaño, moverlos, ocultarlos o agruparlos como otras capas.
¿Cómo insertar una rodaja?
Elija Insertar> Corte o haga clic S, luego, haga clic y arrastre en cualquier parte del lienzo para dibujar un nuevo corte. Alternativamente, haga clic en cualquier capa para crear un corte a su alrededor.
Consejo: Al crear un segmento, dé su nombre descriptivo en la Lista de capas. Sketch lo usará como el nombre del archivo al exportar. Si incluye / en el nombre, Sketch usará lo que esté escrito antes como nombre de la carpeta, todo lo que está detrás es el nombre del archivo en esa carpeta.
Al igual que otras capas, puede establecer múltiples configuraciones de salida como sectores.
Personalizando rebanadas
Slice tiene algunas opciones especiales ubicadas en el Inspector. La casilla de verificación Recortar píxeles transparentes eliminará los píxeles vacíos en el corte alrededor de los bordes del contenido.
Si coloca un segmento en el grupo, la casilla de verificación Exportar solo contenido del grupo asegura que cualquier exportación de segmento solo cubra el contenido de ese grupo de segmento.
Verifique el Color de fondo y seleccione el color de fondo para el sector.
Cómo exportar código CSS y SVG
Seleccione de una capa que se convierte en el documento, Ctrlhaga clic y seleccione Copiar atributos de CSS para copiar cualquier información de estilo de ellos como código CSS en el portapapeles. Por ejemplo, este es el CSS de una forma simple:
/ * Rectángulo: * /
fondo: # 6DD400;
radio de borde: 5px;
Copiar el código SVG es similar. Seleccione una capa de forma, Ctrl haga clic en ella, luego elija Copiar código SVG .
Formato de exportación de archivos de croquis admitido
Mapa de bits: PNG, JPG, TIFF, WebP
Vector: SVG, PDF, EPS
Cómo imprimir Artboard o Slice
Elija Archivo> Imprimir> Haga clic en Artboard o Slice que desee imprimir.
Lo anterior es una guía básica sobre cómo importar / exportar archivos en Sketch . Espero que el artículo te sea útil.