Instructions pour limportation et lexportation de fichiers dans Sketch

Le logiciel graphique Sketch fournit un moyen très pratique d'importer / exporter des fichiers. Savez-vous comment faire? Apprenons à importer et exporter des fichiers dans Sketch.

Importez le fichier dans Sketch

Le moyen le plus simple d'importer des fichiers dans le logiciel graphique Sketch est de les faire glisser et de les déposer dans des icônes de zone de dessin ou d'ancrage. Vous pouvez saisir:

• Photos des bitmaps PNG, JPG, TIFF et WebP
• Fichiers SVG et EPS
• Code SVG (copier et coller du code pour créer un nouveau calque)
• Fichiers AI et PSD (prise en charge limitée, uniquement en tant que couche plate)

Exporter le fichier dans Sketch

La façon la plus rapide d'exporter votre travail depuis Sketch est de choisir Partager> Exporter ... dans le menu ou d'appuyer sur ⌘+ ⇧+ Epour ouvrir la boîte de dialogue Exporter . Sélectionnez les données que vous souhaitez exporter, puis cliquez sur Exporter pour ouvrir Enregistrer MacOS.

Sketch exporte tout au format PNG en taille réelle (1x par défaut). Pour modifier ces paramètres ou exporter à partir de 2 tailles ou formats, vous devez définir les préréglages d'exportation dans Inspector.

Vous pouvez également sélectionner n'importe quel calque dans la liste des calques et le faire glisser vers le bureau pour exporter au format PNG (ou le maintenir ⌥enfoncé tout en le faisant glisser pour exporter au format PDF). Alternativement, vous pouvez sélectionner une classe, puis appuyez sur ⌘+ E.

Enfin, vous pouvez exporter un document PDF avec tous ses plans de travail en sélectionnant Fichier> Exporter les plans de travail au format PDF …. Vous pouvez choisir l'ordre des exportations des plans de travail via les préférences.

Comment créer et utiliser des paramètres avant d'exporter

Pour exporter un calque dans un document de différentes tailles ou formats, sélectionnez ce calque> cliquez sur le panneau Rendre exportable en bas de l'inspecteur. Vous verrez les paramètres de pré-exportation ici avec quelques options:

• Taille : choisissez une taille dans le menu déroulant ou créez la vôtre en tapant le numéro directement dans le champ Taille. N'hésitez pas à augmenter (2x, 3x ...) ou à diminuer (0,5x, 0,25x) le rapport ou à déterminer la hauteur / largeur spécifique en pixels.
• Préfixe / Suffixe:  si vous publiez votre travail à des taux différents, vous devez utiliser le menu déroulant pour sélectionner un préfixe ou un suffixe. Vous pouvez les personnaliser en tapant le champ de texte avant (préfixe) ou après (suffixe), les points de suspension représentent le nom du fichier.
• Format : choisissez un format dans le menu déroulant.
• Supprimer les préréglages : cliquez Xpour supprimer ce préréglage d'exportation.
• Ajouter des préréglages : cliquez +pour ajouter d'autres préréglages pour ce calque aux paramètres d'exportation.
• Jeux de préréglages : cliquez sur le bouton Préréglage pour sélectionner un ensemble de préréglages. Vous pouvez également créer de nouveaux ensembles de préréglages et les supprimer ici.
• Créer un calque : cliquez sur l'icône de couteau pour créer un calque mince sur le calque sélectionné avec des paramètres prédéfinis.
• Exporter la sélection ... : cliquez sur ce bouton pour exporter le calque en utilisant les paramètres ci-dessus.
• Aperçu : La fenêtre d'aperçu vous montre à quoi ressemblera le calque lors de l'exportation. Vous pouvez également le glisser-déposer directement sur un autre bureau ou une autre application pour une exportation rapide.
• Partager : Une autre option d'exportation rapide consiste à cliquer sur le bouton Partage pour les options standard à partager via Mail, Messages, AirDrop ...

Comment utiliser Slice

Slice est un type de calque que vous pouvez dessiner sur une toile qui peut exporter tout ce qu'il contient en tant qu'image. Vous pouvez les sélectionner, les redimensionner, les déplacer, les masquer ou les regrouper comme d'autres calques.

Comment insérer une tranche?

Choisissez Insérer> Tranche ou cliquez sur S, puis cliquez et faites glisser n'importe où sur le canevas pour dessiner une nouvelle tranche. Vous pouvez également cliquer sur un calque pour créer une tranche autour de celui-ci.

Conseil: lors de la création d'une tranche, donnez son nom descriptif dans la liste des calques. Sketch l'utilisera comme nom de fichier lors de l'exportation. Si vous incluez le / dans le nom, Sketch utilisera tout ce qui est écrit avant comme nom de dossier, tout ce qui se trouve derrière est le nom du fichier dans ce dossier.

Comme les autres calques, vous pouvez définir plusieurs paramètres de sortie sous forme de tranches.

Personnalisation des tranches

Slice a quelques options spéciales situées dans l'inspecteur. La case à cocher Ajuster les pixels transparents supprimera tous les pixels vides de la tranche autour des bords du contenu.

Si vous placez une tranche dans le groupe, la case à cocher Exporter le contenu du groupe uniquement garantit que toute exportation de tranche ne couvre que le contenu de ce groupe de tranches.

Cochez Couleur d'arrière-plan et sélectionnez la couleur d'arrière-plan de la tranche.

Comment exporter du code CSS et SVG

Sélectionnez dans un calque qui devient dans le document, Ctrl+ cliquez et sélectionnez Copier les attributs CSS pour copier toutes les informations de style d'entre eux sous forme de code CSS dans le presse-papiers. Par exemple, voici le CSS d'une forme simple:

La copie du code SVG est similaire. Sélectionnez un calque de forme, Ctrl + cliquez dessus, puis choisissez Copier le code SVG .

Format d'exportation de fichier d'esquisse pris en charge

• Bitmap: PNG, JPG, TIFF, WebP
• Vecteur: SVG, PDF, EPS

Comment imprimer un plan de travail ou une tranche

Choisissez Fichier> Imprimer> Cliquez sur le plan de travail ou sur la tranche que vous souhaitez imprimer.

Ce qui précède est un guide de base sur la façon d'importer / exporter des fichiers dans Sketch . J'espère que l'article vous sera utile.