Jump to content
TanyaMc

Using Images as Templates ('Scrapbooking' in A. Photo)

Recommended Posts

I have tried applying things I learned in this thread: 

 to a different template. My goal is to use the black/white images to create matted photos, with the photo showing where the black is ( in such a way I can move or resize the photo to change how much/which parts show through the hole) and the 'paper' matting the photo, corresponding to the white area. I was only partially successful and it took a lot of steps. 

I would like to know how seasoned Affinity Photo users would accomplish this. Thank you!

matted photo box.png

matted photo.png

matted photo box.afphoto

Share this post


Link to post
Share on other sites

If I was going to try what I think you are asking for I would start with something like one of these in my attached image and afphoto file.
One is an image inside a shape and the other is an image inside another image (which has an Adjustment applied to it).
If you want something else then please say so.

simple-photo-frames.afphoto

Annotation 2020-01-17 082807.png

Share this post


Link to post
Share on other sites

To use the frame image in your .aphoto file, make an image a child of the frame image and change the layer blend mode of the picture to screen, then move the picture within the frame to suit.
Screen-Shot-2020-01-17-at-08-41-40.png

I also added an Layerfx: Outer shadow to make the frame pop off the page.


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites

@GarryP, thank you, as that helps me a lot for starting from scratch actually!

@firstdefence Did you rasterize the black and white image first? Could you share what fx settings you used? I've been playing with it using settings similar to PhP, but I can't seem to get the settings right. Thanks!

Share this post


Link to post
Share on other sites

Morning Tanya, Yes I rasterised the black and white image first.

There are 4 very small white dots that make the bounds of that image larger than it needs to be, to reduce the bounds of that image You need to use the eraser on the four dots: see image below, I have circled where they are, you will need to zoom in to at least 100% to see them, erasing them snaps the blue bounds tighter to the image.

Dot locations
Screen-Shot-2020-01-18-at-08-33-19.png

Bound before erasing dots
Screen-Shot-2020-01-18-at-08-38-48.png

Bound after erasing dots
Screen-Shot-2020-01-18-at-08-38-22.png

Here are the layer fx settings, shadows are rarely a neutral colour (greyscale) especially when cast onto a colour, so I selected a dark colour from the image to use as the shadow, the background colour is also a selection from a brighter area of the image.
Screen-Shot-2020-01-18-at-08-42-36.png


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites

Thank you. This layer is part of a larger layout, and so I believe the dots were probably put there by the designer so the photo spots on each layer were positioned accordingly on the larger 'page'.

Appreciate the shadow screenshots!

Share this post


Link to post
Share on other sites

If you have a zebra texture or any texture to that mind, you can over-size it to the border you want and just sit the image over it, this is probably the easiest way to do it. Another way is to again oversize a rectangle and fill it with a bitmap pattern and sit any image over it, the latter is more flexible.

Getting a textured edge requires masking and generally more than one mask, so a mask to create the textured edge (Rasterise to mask) and another to mask the image to the inner area of the frame (Mask to below) these can then be grouped and an outer shadow added to the group.

Here is a zebra texture I made in Filter Forge
2128820389_ZebraPrint.png.341a9f89423266032ecf36e79ee41043.png


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.