Início
» Wiki
»
Instruções para importar e exportar arquivos no Sketch
Instruções para importar e exportar arquivos no Sketch
O software de desenho gráfico fornece uma maneira muito conveniente de importar / exportar arquivos. Você sabe como fazer isso? Vamos aprender como importar e exportar arquivos no Sketch.
Instruções para importar e exportar arquivos no Sketch
A maneira mais fácil de importar arquivos para o software gráfico Sketch é arrastá-los e soltá-los nos ícones de tela ou dock. Você pode inserir:
Fotos de bitmaps PNG, JPG, TIFF e WebP
Arquivos SVG e EPS
Código SVG (copie e cole o código para criar uma nova camada)
Arquivos AI e PSD (suporte limitado, apenas como uma camada plana)
Exportar arquivo no Sketch
A maneira mais rápida de exportar seu trabalho do Sketch é escolher Compartilhar> Exportar ... no menu ou pressionar ⌘+ ⇧+ Epara abrir a caixa de diálogo Exportar . Selecione os dados que deseja exportar e clique em Exportar para abrir o MacOS Save.
O Sketch exporta tudo como PNG em tamanho real (padrão 1x). Para alterar essas configurações ou exportar de 2 tamanhos ou formatos, é necessário definir as predefinições de exportação no Inspector.
Você também pode selecionar qualquer camada na Lista de camadas e arrastá-la para a área de trabalho para exportar como PNG (ou mantenha pressionada ⌥enquanto arrasta para exportar como PDF). Como alternativa, você pode selecionar uma turma e pressionar ⌘+ E.
Por fim, você pode exportar um documento PDF com todas as suas pranchetas, selecionando Arquivo> Exportar pranchetas para PDF …. Você pode escolher a ordem das exportações de pranchetas por meio de Preferências.
Como criar e usar configurações antes de exportar
Para exportar uma camada em um documento em diferentes tamanhos ou formatos, selecione essa camada> clique no painel Tornar exportável na parte inferior do Inspetor. Você verá as configurações de pré-exportação aqui com algumas opções:
Tamanho : escolha um tamanho no menu suspenso ou crie o seu próprio digitando o número diretamente no campo Tamanho. Sinta-se livre para aumentar (2x, 3x ...) ou diminuir (0,5x, 0,25x) a proporção ou determinar a altura / largura específica em pixels.
Prefixo / Sufixo: se você publicar seu trabalho em taxas diferentes, precisará usar o menu suspenso para selecionar um prefixo ou sufixo. Você pode personalizá-los digitando no campo de texto antes (prefixo) ou depois (sufixo) das reticências representando o nome do arquivo.
Formato : escolha um formato no menu suspenso.
Remover predefinições : Clique Xpara excluir esta predefinição de exportação.
Adicionar predefinições : clique +para adicionar outras predefinições para esta camada às configurações de exportação.
Predefinições : Clique no botão Predefinição para selecionar um conjunto de predefinições. Você também pode criar novos conjuntos de predefinições e removê-los aqui.
Criar uma camada : clique no ícone de faca para criar uma camada fina na camada selecionada com configurações predefinidas.
Exportar selecionado ... : Clique neste botão para exportar a camada usando as configurações acima.
Visualizar : A janela de visualização mostra como a camada ficará quando exportada. Você também pode arrastar e soltar diretamente em outro desktop ou aplicativo para exportação rápida.
Compartilhar : Outra opção de exportação rápida é clicar no botão Compartilhamento para obter opções padrão para compartilhar via Correio, Mensagens, AirDrop ...
Como usar o Slice
Fatia é um tipo de camada que você pode desenhar em uma tela que pode exportar tudo dentro dela como uma imagem. Você pode selecionar, redimensionar, mover, ocultar ou agrupá-los como outras camadas.
Como inserir uma fatia?
Escolha Inserir> Fatia ou clique e S, em seguida, clique e arraste para qualquer lugar da tela para desenhar uma nova fatia. Como alternativa, clique em qualquer camada para criar uma fatia ao seu redor.
Dica: Ao criar uma fatia, forneça seu nome descritivo na Lista de camadas. O Sketch o utilizará como o nome do arquivo ao exportar. Se você incluir o / no nome, o Sketch usará o que estiver escrito antes dele como o nome da pasta, tudo atrás será o nome do arquivo nessa pasta.
Como outras camadas, você pode definir várias configurações de saída como fatias.
Personalizando fatias
O Slice tem algumas opções especiais localizadas no Inspetor. A caixa de seleção Aparar pixels transparentes excluirá os pixels vazios na fatia em torno das bordas do conteúdo.
Se você colocar uma fatia no grupo, a caixa de seleção Exportar apenas conteúdo do grupo garante que qualquer exportação de fatia cubra apenas o conteúdo desse grupo de fatias.
Verifique a cor de fundo e selecione a cor de fundo da fatia.
Como exportar código CSS e SVG
Selecione em uma camada que fica no documento, Ctrl+ clique e selecione Copiar atributos CSS para copiar qualquer informação de estilo deles como código CSS para a área de transferência. Por exemplo, este é o CSS de uma forma simples:
/ * Retângulo: * /
plano de fundo: # 6DD400;
raio da borda: 5px;
Copiar o código SVG é semelhante. Selecione uma camada de forma, Ctrl clique nela e escolha Copiar código SVG .
Formato de exportação de arquivo de esboço suportado
Bitmap: PNG, JPG, TIFF, WebP
Vetor: SVG, PDF, EPS
Como imprimir uma prancheta ou uma fatia
Escolha Arquivo> Imprimir> Clique em Prancheta ou Fatia que deseja imprimir.
A descrição acima é um guia básico sobre como importar / exportar arquivos no Sketch . Espero que o artigo seja útil para você.