Sketch3: exporter un groupe et conserver la taille de l'arrière-plan transparent


16

J'ai un groupe avec un rectangle transparent comme arrière-plan, je voudrais exporter le groupe, faire le png exporté de la même taille que le rectangle d'arrière-plan.

mais l'esquisse ajuste automatiquement mes pixels transparents.

Voici la hiérarchie des couches:

entrez la description de l'image ici

Le rectangle 6 est transparent et de taille 50 * 50, l'étoile 12 est de couleur unie et a une taille de 32 * 32, je voudrais exporter ce groupe au format 50 * 50 png.

J'utilise la version 3.2.2 de l'esquisse.

Réponses:


20

Vous avez 2 réponses pour vous ...

  1. Sélectionnez Rectangle 6 et cliquez sur rendre exportable, cliquez maintenant sur Créer un calque de tranche séparé (le petit couteau) et faites simplement glisser l'image affichée sur votre bureau pour l'exporter.

Réponse 1

  1. (La meilleure réponse) Au lieu d'utiliser un rectangle transparent, créez un plan de travail. Appuyez sur A et faites glisser une boîte de 50x50. Ajoutez votre étoile, sélectionnez le plan de travail et cliquez sur Rendre exportable et enfin faites glisser l'image affichée sur votre bureau.

Réponse 2


La deuxième n'est pas très claire. Où est Rendre exportable?
atilkan

La méthode de tranche devrait fonctionner, essayez d'utiliser le bouton d'exportation en bas à droite au lieu de faire glisser l'image. Pour la deuxième méthode, je pense que huphtur a mal écrit, ce que vous devez cliquer est "exporter le plan de travail 1" que vous pouvez voir dans le coin droit
spirale

@atilkan avez-vous même essayé d'exporter le plan de travail? Ça marche, ça garde les pixels transparents.
été

@ JaneDoe1337 ne prend même pas la peine de répondre après 1,1 an. J'ai compris en quelque sorte.
atilkan

@atilkan si vous ne marquez pas votre question comme répondue, elle apparaît après une certaine période afin que les gens puissent encore y répondre. Vous n'êtes pas le seul à pouvoir bénéficier d'une réponse ou d'un commentaire.
Summer

4

Solution alternative et simple:

Changez de frontière Thichnkess à 0,01 px ou quelque chose en dessous, et lors de l'exportation, le contour n'est pas rendu.

entrez la description de l'image ici

Ça marche.

entrez la description de l'image ici


1
Toño Guerrero's | La solution d' épaisseur de bordure de 0,01 a bien fonctionné pour moi, car elle ne créera pas de plans de travail et de tranches indésirables.
Prabaharan CS

1
Ne fonctionne pas parfaitement pour moi - la bordure 0,01 produit un contour à peine visible. Vous pouvez le voir lorsque vous utilisez Magic Wand dans Photoshop.
Pavel Alexeev

1

C'est peut-être trop vieux mais ça peut aider les autres ..

Selon la réponse de @spjpgrd, cette option apparaîtra si vous retirez votre calque des plans de travail.

Voici comment je l'ai fait


0

La méthode du plan de travail est la voie à suivre.

Si vous avez déjà ce rectangle transparent 50x50, si vous sélectionnez le groupe et appuyez sur "A" pour créer un nouveau plan de travail, la première option sur le côté droit est "Autour de la sélection". Super pratique.

entrez la description de l'image ici


Cette option n'apparaît pas.
atilkan

0

Procédez comme suit:

  1. Sélectionnez les calques à exporter
  2. Appuyez sur Layers->Flatten to Bitmap
  3. Faites glisser le bitmap de la liste de gauche vers le bureau

0

Sélectionnez le groupe 1star, puis faites un clic droit dessus, sélectionnez Create Symbol, puis allez à la Symbolspage, sélectionnez le plan de travail avec votre nouveau symbole et configurez les paramètres d'exportation sur le panneau de droite - ce flux de travail fonctionne comme un simple plan de travail pour chaque groupe, mais est alimenté par la fonction de réutilisation des symboles.


0

Pour moi en tant que développeur qui a reçu un fichier de croquis prêt, le moyen le plus rapide consiste à ouvrir l'image dans Photoshop, à aller dans 'Image → Taille du canevas', à changer la taille et à l'enregistrer.


0

J'ai passé plus de temps qu'il n'aurait fallu manuellement pour aller un par un mais je n'ai pas abandonné et j'ai trouvé une solution qui fonctionne bien:

  1. Copiez toutes les icônes que vous souhaitez exporter dans un nouveau fichier
  2. Convertissez-les en symboles
  3. Depuis qu'ils sont devenus des symboles, ils auront leurs propres plans de travail (il vous suffit de double-cliquer sur l'un des symboles pour accéder à la page des symboles)
  4. Lorsque vous êtes sur la page des symboles, assurez-vous que tous les symboles sont réduits Affichage> Liste des calques> Réduire tous les groupes et sélectionnez-les tous cmd + A
  5. Maintenant, vous pouvez continuer et sélectionner rendre exportable et les exporter tous
  6. Voila! Si vous les avez nommés correctement, vous les aurez également dans de petits dossiers soignés

j'espère que cela a aidé!

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.