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

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:

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.

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.

2. (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.

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.

Ça marche.

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.

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.

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

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.

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.

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é!