^-^ Posted July 13, 2021 Share Posted July 13, 2021 howdy Designer — Trim/Crop based on transparency? im trying quickly to trim/crop/remove area of several documents based on empty/transparency i only need the images/text without any excess transparency, the .svg files will be coded in css stylesheets is there a feature/tool for this? thank you in advance #trim #crop #transparency #designer #html5 #css #code #stylesheets #website Quote Link to comment Share on other sites More sharing options...
Staff Dan C Posted July 14, 2021 Staff Share Posted July 14, 2021 Hi @^-^, Unfortunately Affinity Designer doesn't support such an option, my apologies. Affinity Photo has the option to select pixels based on transparency - do you by chance have access to Affinity Photo also? If possible, could you please provide a sample of the image you're looking to trim so I can provide my best suggestions for within Affinity Designer? Many thanks in advance Quote Please note - I am currently out of the office for a short while whilst recovering from surgery (nothing serious!), therefore will not be available on the Forums during this time. Should you require a response from the team in a thread I have previously replied in - please Create a New Thread and our team will be sure to reply as soon as possible. Many thanks! Link to comment Share on other sites More sharing options...
Fixx Posted July 14, 2021 Share Posted July 14, 2021 Can you apply export with only selected objects export option here? Resulted SVG is cropped like you ask. Quote Link to comment Share on other sites More sharing options...
^-^ Posted July 15, 2021 Author Share Posted July 15, 2021 11 hours ago, Fixx said: Can you apply export with only selected objects export option here? Resulted SVG is cropped like you ask. thank you, fixx! :) but, selecting text (with selection tool or text tool) & exporting as .svg & Export > 'Selection area/only' didnt work, it did export but Designer added extra transparency to the file & also added extra kerning. thank you though! :) Quote Link to comment Share on other sites More sharing options...
^-^ Posted July 15, 2021 Author Share Posted July 15, 2021 On 7/14/2021 at 3:51 AM, Dan C said: Hi @^-^, Unfortunately Affinity Designer doesn't support such an option, my apologies. Affinity Photo has the option to select pixels based on transparency - do you by chance have access to Affinity Photo also? If possible, could you please provide a sample of the image you're looking to trim so I can provide my best suggestions for within Affinity Designer? Many thanks in advance thank you for your response we are a production company making movies, animations, websites from scratch via coding, all in house. we are adding 'padding' with css & animating affinity exports in final cut pro & motion from affinity exports yes, we have affinity photo we want to quickly remove excess transparency & keep the art only, to code affinity exports & also for animating layers (both text & image layers) during production (also using alpha channels) here are two screenshots of before/after-> thank you! amazing app, love affinity, affinity rocks, we use it in all productions! Quote Link to comment Share on other sites More sharing options...
firstdefence Posted July 16, 2021 Share Posted July 16, 2021 When I export based roughly on your images above I get a clean tight cropped export to SVG, I used SVG Digital Small size and under Area I used Selection Only, I was also exporting with a large pt size, approx 100pt One thing I did notice during testing was excessive transparency space was more prevalent when the font was small as in your screenshot, when I exported with the font set to 16pt I got excessive transparency, if I increased the size to 36pt I got practically no excessive transparency. text export 16pt.svg text export 36pt.svg Quote iMac 27" 2019 Somona 14.3.1, iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 (Please refrain from licking the screen while using this forum) Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions Link to comment Share on other sites More sharing options...
^-^ Posted July 17, 2021 Author Share Posted July 17, 2021 On 7/15/2021 at 11:12 PM, firstdefence said: When I export based roughly on your images above I get a clean tight cropped export to SVG, I used SVG Digital Small size and under Area I used Selection Only, I was also exporting with a large pt size, approx 100pt One thing I did notice during testing was excessive transparency space was more prevalent when the font was small as in your screenshot, when I exported with the font set to 16pt I got excessive transparency, if I increased the size to 36pt I got practically no excessive transparency. text export 16pt.svg 588 B · 2 downloads text export 36pt.svg 588 B · 1 download thank you for your response, firstdefense i opened your examples. with css coding & film editing, tolerances need to be zero pixels (without any excess transparency) in the image or text image files, when we code or edit we add pixel 'padding' or 'margin' or adjust the frame size or mask as needed during the design phase of building websites or editing/animating footage (respectively). it is the job of the designer to hand the film editor &/or coder proper files so as to not create more work down the line in the workflow/production future feature request 'trim' 'based on transparency' thanks again! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.