Jump to content

Recommended Posts

Posted

I am looking for a way to create a stained glass effect within either Affinity Photo or Designer. Similar to LunaPic's version, but without the alteration of colors, mostly just the segmentation.

Currently there is Filters > Colors > Voronoi, but that does not seem properly segment the image.

Posted

You could try to create a Voronoi tessellation in black on white; then select the black lines; invert the selection and apply this to your image. This should cut out your pieces. 

John

Windows 11, Affinity Photo 2.4.2 Designer 2.4.2 and Publisher 2.4.2 (mainly Photo).

CPU: Intel Core i5 8500 @ 3.00GHz. RAM: 32.0GB  DDR4 @ 1063MHz, Graphics: 2047MB NVIDIA GeForce GTX 1050

Posted

The Voronoi "grid" can be added to an image by adding a plain white pixel layer applying the Voronoi effect to this layer then using Filters > Colours > Erase White Paper

 

skyscraper2.png

To save time I am currently using an automated AI to reply to some posts on this forum. If any of "my" posts are wrong or appear to be total b*ll*cks they are the ones generated by the AI. If correct they were probably mine. I apologise for any mistakes made by my AI - I'm sure it will improve with time.

Posted

I tried the following:

  • Duplicate Image.
  • Apply Voronoi Filter with a fairly thick line.
  • Merge visible and hide the lower layers.
  • Select the black line with Flood Fill (you need a fairly small tolerance and no black areas in the image for this).
  • Expand the selection (2px shoiuld be enough).
  • Delete selection.

This is what I get:

156J-DayMarkerNearFortTourgis3.png.4a3b91027eb11fc7526e8cce5e5991bf.png

John

 

Windows 11, Affinity Photo 2.4.2 Designer 2.4.2 and Publisher 2.4.2 (mainly Photo).

CPU: Intel Core i5 8500 @ 3.00GHz. RAM: 32.0GB  DDR4 @ 1063MHz, Graphics: 2047MB NVIDIA GeForce GTX 1050

Posted

As I said above, I don’t think that’s what the OP was asking for.
They said: “Currently there is Filters > Colors > Voronoi, but that does not seem properly segment the image.”

The best I’ve been able to come up with so far is attached (with the original for comparison).
It’s not great and there are quite a few steps so it’s not very practical either.

Annotation 2020-02-21 093559.png

Annotation 2020-02-21 093532.png

Posted
2 hours ago, GarryP said:

The best I’ve been able to come up with so far is attached (with the original for comparison).
It’s not great and there are quite a few steps so it’s not very practical either.

It's a nice effect, Garry, and I'd be interested in knowing more about the techniques you used.

But it's not segmented as the stained-glass effect would have done. The Vornoi examples above are closer, to my eye, to duplicating the usual lead lines that a stained glass object would have.

-- 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 18.3, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sequoia 15.0.1

Posted

A real-life stained glass process usually involves having only one colour of glass in each area separated by the lead. (This isn’t always the case but I think it’s what most people would expect.) The Voronoi effect does this but the cells are always the same sort of size which doesn’t feel ‘lifelike’ to me. The areas should ‘follow’ the colours, rather than cutting them into small bits. Also, the versions posted by carl123 and John Rostron don’t take the ‘areas of colour’ into consideration, they are just patterns over the image, and that’s why I don’t think they look right either.

I can’t remember exactly what I did to get my image, it was the result of a lot of experimentation. It still needs some tweaking to get something nice. If I manage to get something I’m reasonably pleased with then I’ll come up with a recipe which I’ll post here.

I’ve attached another version which is closer, in a way, but it’s not quite there yet and I’m still not happy with it.

Annotation 2020-02-21 124641.png

Posted

Someone posted a Paint-By-Numbers effect macro in Resources (I think). I was never quite happy with it, either but I may not have experimented enough. But that's the kind of effect your latest example reminds me of, Garry. And I like what you did there :) 

(Of course, the OP does not want any color change, just the segmentation, so any approach based on posterization (which was my first idea) won't work.)

 

-- 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 18.3, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sequoia 15.0.1

Posted
29 minutes ago, GarryP said:

It’s not good enough for this sort of thing by itself as we don’t get the ‘outlines’.

Here's an attempt where I duplicated the image, then posterized the top copy, then ran the Detect Edges filter, then set that top layer to Subtract mode. It's getting interesting, but still not what the OP wanted:

image.png.a2fbffd885cf17da22b3c0447de41f48.png

-- 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 18.3, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sequoia 15.0.1

Posted
10 hours ago, GarryP said:

A real-life stained glass process usually involves having only one colour of glass in each area separated by the lead.

One thing I do not expect to see in that type of stained glass is "islands" -- single-color pieces completely surrounded by others with no lead 'bridges' connecting them to the surrounding pieces.

If that is the desired effect, I think it would greatly complicate creating it.

All 3 1.10.8, & all 3 V2.5.7 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
A
ll 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Posted

Couldn't resist.

 image7.JPG.3f06b8724a6092cddeeaedc79e58f237.JPG


24" iMAC Apple M1 chip, 8-core CPU, 8-core GPU, 16 GB unified memory, 1 TB SSD storage, Ventura 13.6.7.  Photo, Publisher, Designer 1.10.5, and 2.5.5.
MacBook Pro 13" 2020, Apple M1 chip, 16GB unified memory, 256GB  SSD storage
,  Ventura 13.6.7.   Publisher, Photo, Designer 1.10.5, and 2.1.1.  
 iPad Pro 12.9 2020 (4th Gen. IOS 16.6.1); Apple pencil.  
Wired and bluetooth mice and keyboards.9_9

Posted

@GarryP and @John Rostron correct, I am looking more for a "simple" (for the user to implement) filter. Prior to posting I did what GarryP did and tried a combination of Voroni, edge detection, various layers, lighting, blurs, in an exhaustive-search approach to find a solution. Nothing got close. For the moment, what I have found "passable" is the following. Take an image, upload to LunaPic (this will resize it if it is too large) and apply Stained Glass from the "Draw" panel, then use the High Pass filter from Frequency Separation with radius 5.

e.g.

from left to right then top down, original, luna pic, high pass, high pass on top of original. It works better when you have a large high quality image, this is just a random small image I found online

 

Screen Shot 2020-02-24 at 12.52.38 PM.png

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.