Jump to content
You must now use your email address to sign in [click for more info] ×

Convert shape or curve to picture frame


Recommended Posts

Is there a way to convert a shape or curve to picture frame. I was designing a mockup in Designer and I wanted to import an image into a custom sized rectangle and have it adjustable within the shape to show parts of the image I want. Any good suggestions on how to do this? And if none, can this be added to Designer?

Link to comment
Share on other sites

Designer doesn't (yet, at least) have Picture Frames.

However, you should be able to

  1. draw your rectangle, then
  2. use File > Place to add your image as a layer above the rectangle, dragging the cursor to make the image the size you want, then
  3. using the Layers panel, nest the image into the rectangle.

That will clip the image to the size of the rectangle. You can then click on the image with the Move Tool and slide it around within the rectangle.

-- Walt
Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases
PC:
    Desktop:  Windows 11 Pro 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 

    Laptop:  Windows 11 Pro 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
    Laptop 2: Windows 11 Pro 24H2,  16GB memory, Snapdragon(R) X Elite - X1E80100 - Qualcomm(R) Oryon(TM) 12 Core CPU 4.01 GHz, Qualcomm(R) Adreno(TM) X1-85 GPU
iPad:  iPad Pro M1, 12.9": iPadOS 17.7, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sonoma 14.7

Link to comment
Share on other sites

Hello Silverdust,

Other method: draw your shape, keep it selected, "Layer", "Insertion", "Inside", then "File", "Place" and choose the picture to place into the frame. Place it on the frame and move it so that only the desired parts are shown. The parts outside the frame will not be visible.

Link to comment
Share on other sites

@silverdust, if you don't want a mask and you won't have to move the photo layout inside the frame later, you can place the photo under the frame, select both, "Convert to Curves", "Expand Stroke" and do a Boolean operation "Divide". Then delete the part of the photo that is outside the frame and group the rest.

Link to comment
Share on other sites

  • 8 months later...
  • 3 weeks later...
On 7/17/2019 at 7:06 PM, fde101 said:

Picture frames are a feature of Publisher, not Designer.

True, but Designer is also an UI tool (due to the presence of the Constraints and Assets feature that comes with iOS UI elements preinstalled), so it's a bit weird to not have that feature in as a tool (The feature is present, you can open a publisher doc that has picture frames and they'll work properly, you just can't make new ones. I guess you *could* create a new doc in publisher, create a picture frame, open that doc in Designer and add that to the assets panel. I haven't tested this but it should work, unless it loses its picture frame features once it's in Assets).

Mădălin Vlad
Graphic Designer
Link to comment
Share on other sites

  • 4 years later...

Hi everyone,
I'm resuming this discussion since a few years have passed since it was opened and I would like to understand if there has been an implementation in the new version.
Many thanks to everyone who replies!

Link to comment
Share on other sites

5 minutes ago, EsseEffe said:

Hi everyone,
I'm resuming this discussion since a few years have passed since it was opened and I would like to understand if there has been an implementation in the new version.
Many thanks to everyone who replies!

As long as you're using Publisher, yes.

-- Walt
Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases
PC:
    Desktop:  Windows 11 Pro 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 

    Laptop:  Windows 11 Pro 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
    Laptop 2: Windows 11 Pro 24H2,  16GB memory, Snapdragon(R) X Elite - X1E80100 - Qualcomm(R) Oryon(TM) 12 Core CPU 4.01 GHz, Qualcomm(R) Adreno(TM) X1-85 GPU
iPad:  iPad Pro M1, 12.9": iPadOS 17.7, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sonoma 14.7

Link to comment
Share on other sites

Some options:

  • Place the image on the page over the shape and scale it to the right size. Using the Layers panel, drag the image onto the Shape which will make the image a child of the shape, thus masking the image.
  • Assuming you have Publisher, copy the shape in Designer, paste it into Publisher, convert it to a picture frame, copy the shape frame, and paste it back into Designer.
Link to comment
Share on other sites

  • 2 weeks later...
16 minutes ago, EsseEffe said:

I just wanted to know if this feature had been implemented, but from the workaround Mike described to me, I'm afraid not. Anyway, thanks to everyone who responded!

As above, if you have Publisher you have the function. The other Affinity applications don't have support for creating Picture Frames at all.

-- Walt
Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases
PC:
    Desktop:  Windows 11 Pro 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 

    Laptop:  Windows 11 Pro 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
    Laptop 2: Windows 11 Pro 24H2,  16GB memory, Snapdragon(R) X Elite - X1E80100 - Qualcomm(R) Oryon(TM) 12 Core CPU 4.01 GHz, Qualcomm(R) Adreno(TM) X1-85 GPU
iPad:  iPad Pro M1, 12.9": iPadOS 17.7, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sonoma 14.7

Link to comment
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

Terms of Use | 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.