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

How to add vignette on Affinity Designer?


Recommended Posts

Can you describe more about what you'd like to accomplish, or (better, perhaps) provide a visual example of what you'd like to accomplish?

-- 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.6.1, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sonoma 14.6.1

Link to comment
Share on other sites

7 minutes ago, walt.farrell said:

Can you describe more about what you'd like to accomplish, or (better, perhaps) provide a visual example of what you'd like to accomplish?

The same kind of effect I have with Affinity Photo but in Designer (if possible).

Otherwise I have to export form Designer and import into Photo

 

 

System:

Prod. Machine: Ryzen 7 64GB 3.54 GHz
Video: MSI GeForce 4060Ti 16GB
Monitors: 1 x 3840x1440 widescreen, 2 x 1920 x 1080 16:9
 

YT Channels
https://youtube.com/@Not-Only-Reaper-Tutorials
https://youtube.com/@RicordiDellaRAI

 

Link to comment
Share on other sites

1 minute ago, Tormy said:

The same kind of effect I have with Affinity Photo but in Designer (if possible)

 

 

Vignette can mean different things. What does it mean to you, for this question?

-- 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.6.1, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sonoma 14.6.1

Link to comment
Share on other sites

1 minute ago, walt.farrell said:

Vignette can mean different things. What does it mean to you, for this question?

I see .. this is what I mean with "vignette"

 

Apply a vignette to a photo in Photos on Mac - Apple Support

System:

Prod. Machine: Ryzen 7 64GB 3.54 GHz
Video: MSI GeForce 4060Ti 16GB
Monitors: 1 x 3840x1440 widescreen, 2 x 1920 x 1080 16:9
 

YT Channels
https://youtube.com/@Not-Only-Reaper-Tutorials
https://youtube.com/@RicordiDellaRAI

 

Link to comment
Share on other sites

I would just throw a rectangle on top of the image layer with a radial gradient from white to black and set the rectangle's blend mode to multiply. Note that an actual vignette is caused by light falloff from the design of the lens used to make the photograph, more pronounced with a large aperture than a small one for the given lens. Often it can be caused by, or exacerbated by the lens used to make the enlargement. It is always circular not elliptical, height to width ratio is 1:1.

ScreenShot2024-07-15at12_30_44PM.png.9e227ec2c4b1fbce0ef49b47f2e26f00.png

ScreenShot2024-07-15at12_31_21PM.png.cb6bd35e6eb5d18eaf15d8a75846cc7a.png

Mac Pro (Late 2013) Mac OS 12.7.6 
Affinity Designer 2.5.5 | Affinity Photo 2.5.5 | Affinity Publisher 2.5.5 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Link to comment
Share on other sites

11 hours ago, Tormy said:

Otherwise I have to export form Designer and import into Photo

There is no requirement to export here, If you wish to quickly switch your active document between the Affinity apps, you can use File > Edit In Photo... from within Designer to send your document to Photo for editing.
Here you can quickly add your Vignette and then save the document, or return to Designer using File > Edit In Designer...

Alternatively there are ways to achieve this in Designer directly, as Bruce shows above :)

Link to comment
Share on other sites

12 hours ago, Old Bruce said:

I would just throw a rectangle on top of the image layer with a radial gradient from white to black and set the rectangle's blend mode to multiply.

Alternatively, make the centre of the radial gradient black with zero opacity (instead of white with full opacity) and leave the blend mode at ‘Normal’.

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.5.1 (iPad 7th gen)

Link to comment
Share on other sites

12 hours ago, Tormy said:

The same kind of effect I have with Affinity Photo but in Designer (if possible).

Otherwise I have to export form Designer and import into Photo

Even if you choose "Edit in…" but want to use a Live Vignette it may be insufficient in documents with more than one artboard (AD) or spread (APub). Live Filters have the centre of the entire document (AD) or spread, not of a selected object, group, artboard or page only.

macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1

Link to comment
Share on other sites

Guys, thank yo so much to all of you. I learned something really smart like "Export to..." It was under my nose every time I clicked on "file" but never paid attention to it.

 

Bout the "Multiply": it's really a great trick as well. Unfortunately it affects also everything is further underneath the layers I'm interested to apply the vignette. However, in my case, I managed it and the result: splendid!

System:

Prod. Machine: Ryzen 7 64GB 3.54 GHz
Video: MSI GeForce 4060Ti 16GB
Monitors: 1 x 3840x1440 widescreen, 2 x 1920 x 1080 16:9
 

YT Channels
https://youtube.com/@Not-Only-Reaper-Tutorials
https://youtube.com/@RicordiDellaRAI

 

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.