pbass Posted September 24, 2015 Share Posted September 24, 2015 Hi all, I want to - place a photo in a Designer doc; - put a bunch of vector shapes on top; - and use them to chop up the photo into those shapes. Is there a tutorial that would show the use of shapes as cookie cutters like that? Thanks in advance! - pbass Quote Link to comment Share on other sites More sharing options...
Staff MEB Posted September 24, 2015 Staff Share Posted September 24, 2015 Hi pbass, You can drag an image layer over a shape layer in the Layers panel to clip it. If you want to use several shapes with the same photo/image, select all shapes, go to menu Layer ▸ Geometry ▸ Add to create a single shape from them all, then drag the photo over the resulting shape layer in the Layers panel. MacGueurle and evtonic3 2 Quote A Guide to Learning Affinity Software | Affinity Quick Reference Link to comment Share on other sites More sharing options...
pbass Posted September 24, 2015 Author Share Posted September 24, 2015 Thanks for the quick response, MEB! I should have been more specific. It's not clipping I'm after. I want to _divide_ the photo into multiple shapes, so I can drag the pieces of it around separately. The effect I want is a fragmented photo — as if seen thru a shattered mirror, where the shards separated a bit. Thanks, - pbass Hi pbass, You can drag an image layer over a shape layer in the Layers panel to clip it. If you want to use several shapes with the same photo/image, select all shapes, go to menu Layer ▸ Geometry ▸ Add to create a single shape from them all, then drag the photo over the resulting shape layer in the Layers panel. Quote Link to comment Share on other sites More sharing options...
pbass Posted September 25, 2015 Author Share Posted September 25, 2015 Bump! Recap: Need a way to split a bitmap photo into pieces that can be moved separately. Could be in Designer or Photo. Would like to: - define the shapes with vectors, then - chop up the photo with them, then - move the bitmap pieces around. Thanks, pbass Quote Link to comment Share on other sites More sharing options...
evtonic3 Posted September 25, 2015 Share Posted September 25, 2015 Try Filter Forge plugin-Distortions category. Although not sure if Filter Forge can be used in Affinity. Quote Link to comment Share on other sites More sharing options...
Staff MEB Posted September 25, 2015 Staff Share Posted September 25, 2015 Hi pbass, Sorry the delay replying to you. Here's the steps to achieve it (Affinity Designer/Photo): draw the shapes that will chop the photo as you want them (over the image so you can use it as a reference). Make sure they are closed shapes. draw a green (or any other color just for reference) rectangle with the same dimensions as the photo over it and convert it to curves (the green rectangle on my example) hide the image in the layers panel select all shapes, go to menu Layer ▸ Geometry ▸ Divide The green rectangle is now composed by several shapes: the choped parts delete all shapes around the "green rectangle" (don't touch the ones inside) now select all shapes that compose the green rectangle, go to the Gradient tool, select Bitmap and pick the original image The image will fill all shapes in the correct position: you can now move/rotate the shapes apart keeping the fill image intact See attached afdesign file for reference. chop_photo.afdesign Paul Bravery, superhaschi, MacGueurle and 1 other 4 Quote A Guide to Learning Affinity Software | Affinity Quick Reference Link to comment Share on other sites More sharing options...
evtonic3 Posted September 25, 2015 Share Posted September 25, 2015 Hi pbass, Sorry the delay replying to you. Here's the steps to achieve it (Affinity Designer/Photo): draw the shapes that will chop the photo as you want them (over the image so you can use it as a reference). Make sure they are closed shapes. draw a green (or any other color just for reference) rectangle with the same dimensions as the photo over it and convert it to curves (the green rectangle on my example) hide the image in the layers panel select all shapes, go to menu Layer ▸ Geometry ▸ Divide The green rectangle is now composed by several shapes: the choped parts delete all shapes around the "green rectangle" (don't touch the ones inside) now select all shapes that compose the green rectangle, go to the Gradient tool, select Bitmap and pick the original image The image will fill all shapes in the correct position: you can now move/rotate the shapes apart keeping the fill image intact chop_image.png See attached afdesign file for reference. Awesome great job. Quote Link to comment Share on other sites More sharing options...
pbass Posted September 26, 2015 Author Share Posted September 26, 2015 Thanks so much, MEB, I'll have the time to try your suggestion over the weekend. Cheers, - pbass Hi pbass, Sorry the delay replying to you. Here's the steps to achieve it (Affinity Designer/Photo): draw the shapes that will chop the photo as you want them (over the image so you can use it as a reference). Make sure they are closed shapes. draw a green (or any other color just for reference) rectangle with the same dimensions as the photo over it and convert it to curves (the green rectangle on my example) hide the image in the layers panel select all shapes, go to menu Layer ▸ Geometry ▸ Divide The green rectangle is now composed by several shapes: the choped parts delete all shapes around the "green rectangle" (don't touch the ones inside) now select all shapes that compose the green rectangle, go to the Gradient tool, select Bitmap and pick the original image The image will fill all shapes in the correct position: you can now move/rotate the shapes apart keeping the fill image intact chop_image.png See attached afdesign file for reference. Quote Link to comment Share on other sites More sharing options...
Staff MEB Posted September 26, 2015 Staff Share Posted September 26, 2015 You're welcome :) Quote A Guide to Learning Affinity Software | Affinity Quick Reference Link to comment Share on other sites More sharing options...
Gear maker Posted September 26, 2015 Share Posted September 26, 2015 MEB that's fantastic. Not sure why it works but it sure could be handy in the right project. This is a keeper. Much easier than I would have thought such would be! Quote iMac (27-inch, Late 2009) with macOS Sierra 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.