Jump to content
onthelevelmarketing

Wrapping an image around another image

Recommended Posts

Does anyone know if there is a way to wrap an image around another image. For instance I have an image of musical notes on a music scale that I want to wrap around a violin. Any ideas on how this can be done in Photo or Designer?

 

Thanks,

 

Geoff

Share this post


Link to post
Share on other sites

Hmm, do you mean perspective-wise wrapping as well? The perspective transform would have to be done manually, but you can use clipping to restrict the music note image to the violin (assuming your violin has a transparent background or can be cut out).

 

Sounds like a job that requires several techniques. Try these in order:

 

Clipping vs Masking

 

Live Perspective

 

Displacement (helping to blend the music note into the texture of the violin)

 

.. And if you need to remove the background from the violin image, Cutting Out:

 

 

Hope that helps!


Affinity Photo Video Tutorials - Affinity Photo for iPad Tutorials

Looking for a manual/documentation? Check affinity.help for online help!

@JamesR_Affinity for tutorial sneak peeks and more

Share this post


Link to post
Share on other sites

Hi, if you can post an example of what you want to achieve, it will be easier to guide you.


- Affinity Photo 1.6.7

- Affinity Designer 1.6.1

 

MacBook Pro 8 GB
MacBook Pro Mojave 10.14.2

Share this post


Link to post
Share on other sites

I don't want to hijack this thread, but I think I have the same question as the original poster.

 

Also trying to wrap an image around another image. In this case, trying to wrap a dragon icon around a sword icon. To put it another way, having the dragon coil around the sword so it would be in front of and behind the sword at different points. I've attached my working file for reference.

 

I don't know what the technical term for this type of layering is called, so I've had trouble finding a solution. Does anyone have any tips? 

 

I am still very new to Affinity Design, so please forgive me if I'm missing something obvious. Thank you for any help you can give!

dragon & sword.afdesign

Share this post


Link to post
Share on other sites

There may well be a better way of doing this, but one simple way is to make multiple copies of the dragon and the sword and then crop them so that a different section of each copy is visible.

dragon & sword intertwined.afdesign


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.1.404 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.1.143 • Designer for iPad 1.7.1.1 • iOS 12.3.1 (iPad Air 2)

Share this post


Link to post
Share on other sites

Here's a simpler way: duplicate the sword, remove the FX of the duplicate, create rectangles over the areas of the sword that should be above the dragon, add those rectangles (boolean operation), then drag the duplicate layer of the sword over the resulting layer of the boolean operation in the Layers panel to use it as a clipping object (a single layer does all the clipping). 

 

dragon & sword_MEB.afdesign

 

Note: File must be opened in Designer 1.5.

Share this post


Link to post
Share on other sites

Thanks, Miguel. Creating a compound shape that covers the intersections and then cropping or clipping to that shape is exactly the way I would have done this in Serif DrawPlus, but I haven't quite got used to the procedure for doing the same thing in Affinity Designer.


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.1.404 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.1.143 • Designer for iPad 1.7.1.1 • iOS 12.3.1 (iPad Air 2)

Share this post


Link to post
Share on other sites

Here's a simpler way: duplicate the sword, remove the FX of the duplicate, create rectangles over the areas of the sword that should be above the dragon, add those rectangles (boolean operation), then drag the duplicate layer of the sword over the resulting layer of the boolean operation in the Layers panel to use it as a clipping object (a single layer does all the clipping). 

 

attachicon.gifdragon & sword_MEB.afdesign

 

Note: File must be opened in Designer 1.5.

File won't open: AD v. 1.4.2.

post-12456-0-96193900-1469025975_thumb.png


Mac MacBook Pro 15 in.  OS X 10.9.5, Mid 2012 456.77 GB Affinity Design and Photo.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×