codelearner Posted December 10, 2017 Share Posted December 10, 2017 Hi, How can you use Affinity Photo or Designer to make responsive images? If you have hero or jumbotron my guess is you need to make an image of a different size for all screen sizes using the same image. But what is workflow in Affinity Photo or Designer? Also how can PSD files play a role in all of this? Quote Link to comment Share on other sites More sharing options...
Staff MEB Posted December 11, 2017 Staff Share Posted December 11, 2017 Hi codelearner, You have to use the Export Persona to generate all the sizes you need for you image. It can generate them all with a single click. Check the screenshot below. Clicking the Plus icon lets you add additional sizes. To customise the name of the exported slices, click the name of the slice then drag the variables you want to the path components on top to compose their name in the popup that will appear. On the sample image below i have created 3 slices: one with 1000 px width (just add a "w" after the size you want), and two more with 500 and 100 pixels width respectively. I also customised the names so the width appear at the end. You can also create setup export presets like these clicking the small menu icon on the top right of the slices panel for later reuse. To learn more about the Export Persona and setting up slices check the video tutorials below: Exporting: Layers Exporting: Slices Exporting: Continuous Exporting: Automatic Directory/Folder Creation Exporting: Multiple Outputs from a Single Slice Exporting: Transparent and Coloured Backgrounds PSD's have nothing to do with this in particular (foundation/bootstrap). codelearner 1 Quote A Guide to Learning Affinity Software 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.