Recent

Author Topic: BgraBmp: How to Make a Decorative Shadowed Circle Effect?  (Read 1850 times)

Boleeman

  • Hero Member
  • *****
  • Posts: 1002
BgraBmp: How to Make a Decorative Shadowed Circle Effect?
« on: August 14, 2025, 11:17:54 am »
I was wondering if anyone knows how to make a Decorative Shadowed Circle Effect, as shown in the attached png.


I can't seem to get that effect happening.

Basically a rough hole (mask ?) in the middle, with random intersecting 3D-ish circle lines with a slight shadow.
Sort of reminds me of a birds nest pattern, with a 3D effect.

lainz

  • Hero Member
  • *****
  • Posts: 4738
  • Web, Desktop & Android developer
    • https://lainz.github.io/
Re: BgraBmp: How to Make a Decorative Shadowed Circle Effect?
« Reply #1 on: August 14, 2025, 02:38:57 pm »
It's easy, just draw white circles randomly in a transparent background. Then erase circle antialias (or ellipse) in the center. Then shadow the bitmap..

Here the shadow code:
Code: Pascal  [Select][+][-]
  1. procedure SingleColor(Bitmap: TBGRABitmap; Color: TBGRAPixel);
  2. var
  3.   i: integer;
  4.   p: PBGRAPixel;
  5. begin
  6.   p := Bitmap.Data;
  7.  
  8.   for i := Bitmap.NBPixels - 1 downto 0 do
  9.   begin
  10.     p^.red := Color.Red;
  11.     p^.green := Color.Green;
  12.     p^.blue := Color.Blue;
  13.     Inc(p);
  14.   end;
  15. end;
  16.  
  17. function Shadow(Source: TBGRABitmap; Color: TBGRAPixel; Blur: integer): TBGRABitmap;
  18. begin
  19.   Result := TBGRABitmap.Create(Source.Width + (2 * Blur), Source.Height + (2 * Blur));
  20.   Result.PutImage(Blur, Blur, Source, dmDrawWithTransparency);
  21.   SingleColor(Result, Color);
  22.   BGRAReplace(Result, Result.FilterBlurRadial(Blur, rbFast));
  23. end;

Dzandaa

  • Hero Member
  • *****
  • Posts: 501
  • From C# to Lazarus
Re: BgraBmp: How to Make a Decorative Shadowed Circle Effect?
« Reply #2 on: August 14, 2025, 07:23:45 pm »
Hi,

@Booleman:

Here, just a quick project :)

B->
Regards,
Dzandaa

Dzandaa

  • Hero Member
  • *****
  • Posts: 501
  • From C# to Lazarus
Re: BgraBmp: How to Make a Decorative Shadowed Circle Effect?
« Reply #3 on: August 15, 2025, 06:25:38 pm »
Hi,

@Booleman:

Another approach :)

Have a nice day.

I like your challenges!!!

B->
Regards,
Dzandaa

lainz

  • Hero Member
  • *****
  • Posts: 4738
  • Web, Desktop & Android developer
    • https://lainz.github.io/
Re: BgraBmp: How to Make a Decorative Shadowed Circle Effect?
« Reply #4 on: August 16, 2025, 12:40:51 am »
This is my version =)

Boleeman

  • Hero Member
  • *****
  • Posts: 1002
Re: BgraBmp: How to Make a Decorative Shadowed Circle Effect?
« Reply #5 on: August 16, 2025, 09:58:05 am »
Was trying to work this out but was going round in circles.

Wow a BIG THANK YOU to both Dzandaa and Lainz.

Much Appreciated.
« Last Edit: August 16, 2025, 10:04:34 am by Boleeman »

 

TinyPortal © 2005-2018