I was wondering if someone knows how to create a single image using 3 different images with one image will be the background (stroke), another a mask and the third the actual image.
Basically I would like to create a transparent PNG that is similar to http://i6.tinypic.com/1z1so02.gif. The white area being the transparency, the black stroke being the stroke and the yellow being a profile picture.
I would be getting the source of the image from Facebook profile pic or an uploaded image from the user.
The saved image will be used in a mobile/web app which in the app I am currently applying the background image (150x150 rounded transparent PNG), placing the profile pic (150x150) on top, and then the mask image (150x150 rounded 10% smaller transparent PNG) and applying a masking class. This works great however the performance of the app starts to suffer when there are more than 100 images on the stage. This technique requires 3 textures to produce a single image.
My thoughts are if I could get the server (using PHP) to produce the finished product and just load a single image the performance wouldn't suffer...considering I would also no longer need the masking class.
This post (PHP GD Use one image to mask another image, including transparency) looks good but does it save the new image to disk?