artfabrique Posted May 2, 2017 Share Posted May 2, 2017 Hi there! I'm a UI designer in a mobile games development company. We use Unity and NGUI as our UI framework. All UI elements are sprites even if it is simple square. Pretty all elements created to be 9-Sliced (when you scale a sprite - its corners do not scale). This functionality is essential for all UI frameworks (even HTML) Here is a video example. Youtube link in case forum bugs (https://www.youtube.com/watch?v=8mhKJZVd58E) Here is a thread in Photoshop Community on this topic https://feedback.photoshop.com/photoshop_family/topics/add_9_slice_scaling_in_photoshop_cs6 Do you have this feature? I can say for sure if you do - I will immediately switch from PS to AfD. Our team workflow is (example names used): 1. Design an element and give it appropriate name (http://service.crazypanda.ru/v/clip2net/V/v/aNCQ1yj6tg.png) 2. Convert an element to a Smart Object and drop it into appropriate Creative Cloud Library (Atlas_Panels) so all teammates could use it. (http://service.crazypanda.ru/v/clip2net/x/f/5ZzKG4sNJB.png) 3. Place this Cloud Smart Object into a special Atlas_Panels.psd document and give a layer name a ".png" suffix. (http://service.crazypanda.ru/v/clip2net/S/e/m8DTluWUiv.png) 4. This PSD document continuously exports all assets into Perforce folder (http://service.crazypanda.ru/v/clip2net/T/0/lsCO6FBzgg.png) 5. Another designer uses an element from the Library and it is 100% the latest version! This workflow is really good. BUT! If you have Icons atlas - it is ok. If you have Art atlas it is ok as well. But if you have Panels atlas it's not ok because each designer have to drag-drop element sources from the library so he/she could resize it properly (http://service.crazypanda.ru/v/clip2net/B/3/jgLKglo7VF.png) And as a result there is no guarantee that this certain panel is "100% latest" in all windows\screens. If you can provide similar workflow I will push a company-wide decision on switching to Affinity (after couple test-runs of course :) ) ABraitle 1 Quote Link to comment Share on other sites More sharing options...
artfabrique Posted May 3, 2017 Author Share Posted May 3, 2017 Any one? Quote Link to comment Share on other sites More sharing options...
Staff Ben Posted May 4, 2017 Staff Share Posted May 4, 2017 We don't currently have 9-slice scaling for raster elements. We do have constraining which will work with vector components. As for cloud support - we don't have our own cloud implementation, but try to support the main ones: iCloud, DropBox and GoogleDrive. These all have their little inconsistencies, for which I am currently ironing out the niggles (mainly how to handle simultaneously conflicting changes to files in cloud storage). Our export persona will enable you to perform continuous export of slices in a document. Slices can be configured to output a number of files types, with control over size/scaling/dpi etc. artfabrique 1 Quote SerifLabs team - Affinity Developer Software engineer - Photographer - Guitarist - Philosopher iMac 27" Retina 5K (Late 2015), 4.0GHz i7, AMD Radeon R9 M395 MacBook (Early 2015), 1.3GHz Core M, Intel HD 5300 iPad Pro 10.5", 256GB Link to comment Share on other sites More sharing options...
artfabrique Posted May 5, 2017 Author Share Posted May 5, 2017 We don't currently have 9-slice scaling for raster elements. We do have constraining which will work with vector components. As for cloud support - we don't have our own cloud implementation, but try to support the main ones: iCloud, DropBox and GoogleDrive. These all have their little inconsistencies, for which I am currently ironing out the niggles (mainly how to handle simultaneously conflicting changes to files in cloud storage). Our export persona will enable you to perform continuous export of slices in a document. Slices can be configured to output a number of files types, with control over size/scaling/dpi etc. It is really sad the AfD do not support raster 9-slice scaling :( I can say for sure that games market is almost 3 times larger than apps & online services. Our total audience recently surpassed 180 000 000 players around the globe. The thing is that we are all here know how to make proper tooling for a project and how to do efficient graphics programming. As a result, many studios have its own proprietary software for the desired production pipeline even if "the pipeline" is pretty common(hehe). It's a really huge niche that you can take over just with a couple specialized features like "9-slice scaling for Symbols & raster elements" the other really cool way you can go - make Affinity Designer - extensible, like Unity so each studio could use it as a platform. Quote Link to comment Share on other sites More sharing options...
artfabrique Posted May 29, 2018 Author Share Posted May 29, 2018 Any news on 9-slice scaling? For HTML generation it can be done with a border-image css property. mangojambo 1 Quote Link to comment Share on other sites More sharing options...
peeweekVFX Posted October 24, 2019 Share Posted October 24, 2019 Hello, Is there any progress regarding this feature? this is something that Is really convenient to shape custom-drawn panels. mangojambo 1 Quote Link to comment Share on other sites More sharing options...
mangojambo Posted April 3, 2020 Share Posted April 3, 2020 2017, 2018, 2019... I guess it is my turn: Hello, any news on 9-slice scaling? Quote Link to comment Share on other sites More sharing options...
flowo Posted December 5, 2020 Share Posted December 5, 2020 bump? This is extremly useful in Unity. I miss this feature in Affinity Designer. Basically you can design some fancy border which is a square, and then resize it to any shape without losing the border style/corner styles. Quote Link to comment Share on other sites More sharing options...
DaftPuzzler Posted January 6, 2021 Share Posted January 6, 2021 Any news on nine slicing? It's too useful a feature to live without. In the road map? Quote Link to comment Share on other sites More sharing options...
onimetal Posted February 10, 2021 Share Posted February 10, 2021 (edited) This for sure would put Affinity ahead compared to other software. I've migrated to Affinity to design game interface and would be great to have this feature. Unfortunately, constraints doesn't work very good when we're talking about 9-slicing. Constraints doesn't work for this purpose when you have a more complex design for assets. Edited February 10, 2021 by onimetal Quote Link to comment Share on other sites More sharing options...
Boxzero Posted January 13, 2022 Share Posted January 13, 2022 years have gone by and this relatively simple but highly useful feature is still missing ,it is a real negative in an otherwise excellent program Quote Link to comment Share on other sites More sharing options...
Yadu Posted March 14, 2022 Share Posted March 14, 2022 Would be nice to have this, especially if you are making UI for games etc. Quote Link to comment Share on other sites More sharing options...
pablowe Posted April 9, 2022 Share Posted April 9, 2022 Any updates on this? We are waiting for this feature guys Quote Link to comment Share on other sites More sharing options...
Udo Jansen Posted September 12, 2022 Share Posted September 12, 2022 +1 It would be really useful to have 9-slice scaling in Affinity Photo. Quote Link to comment Share on other sites More sharing options...
ztephane Posted September 25, 2022 Share Posted September 25, 2022 +1 What ? This so important topic is 5 years old at least and still no 9-slice scaling ? Seriously, this is needed. Quote Link to comment Share on other sites More sharing options...
vforsh Posted February 5, 2023 Share Posted February 5, 2023 When I have purchased v2 my first thought was - hope they added nine-slice scaling. But it is 2023 and 9-slice scaling still not there. This feature is in high demand among game and web developers. Please consider adding it. Quote Link to comment Share on other sites More sharing options...
NotMyFault Posted February 5, 2023 Share Posted February 5, 2023 There is a workaround possible. Load the attached file "9 slice tutorial" Export your "to-be-resized" pixel layer as PNG (assuming square aspect ratio) choose the layer "Constrain group" in the layer stack, expand it now select all 9 rectangles (child layers to constraint group) choose fill tool, set mode to "bitmap" select your file exported in step 2 if required, move nodes to adjust size, aspect ratio, and position now you can select the "constraint group" and resize the 9 slices. corners are fully constraint, edges constraint to 1 axis, centre tile will scale in both axis. If you need different aspect ratios for the 9 tiles, duplicate it, adjust size, and save as asset. I know this is a weak workaround, and fully support your feature request to get a better function. 9 slice tutorial.afdesign vforsh 1 Quote Mac mini M1 A2348 | Windows 10 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080 LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5 iPad Air Gen 5 (2022) A2589 Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps. 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.