Wrapping an image around another image

[onthelevelmarketing]

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

[James Ritson]

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!

[onthelevelmarketing]

thanks, not sure if that will help with what I am trying to do.  But I appreciate the information for other projects.  thank you for taking the time.  

[Madame]

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

[chrisbrowning]

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

[Alfred]

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

[MEB]

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.

[Alfred]

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.

[uncle808us]

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.

File won't open: AD v. 1.4.2.

[MEB]

Hi uncle808us,

Yes, i'm aware of this. I created the file in Designer 1.5 Beta. That's why i posted a note below stating that the file must be opened in Designer 1.5

 

Try this one instead. It should open in the MAS version as well (1.4.2):

 

dragon & sword_MEB2.afdesign

 

 

[uncle808us]

Missed that sorry.

[MEB]

Hi uncle808us,

I've updated my post above with a link to a new file which will open in version 1.4.2.

[chrisbrowning]

Thank you so much for taking the time to share your knowledge, guys. I'm going to be practicing this over the weekend :) 

[uncle808us]

Thanks Meb.