YOUR ACCOUNT

Login or Register to post new topics or replies
Quasimondo
Quasimondo

Posts: 147
Filters: 32
I think it might be a nice idea to start some challenges with the goal to find out how to construct certain effects - ideally those that on first look seem to be impossible to build with the current toolset. Feel free to add new topics with other challenges - but please don't add a different challenge to this thread.

So my first challenge to you is to construct a circular gradient - not a radial one which we already have. Ideally it is black at 0 degrees, is 50% grey at 90 and 270 and white at 180 - but of course the perfect circular gradient that I am looking for can display any kind of color combination.
  Details E-Mail
uberzev
not lyftzev

Posts: 1890
Filters: 36
Something like this?



I'll see what I can do.
  Details E-Mail
Quasimondo
Quasimondo

Posts: 147
Filters: 32
Yes. Good job! Are you using refraction?
  Details E-Mail
uberzev
not lyftzev

Posts: 1890
Filters: 36
Quote
Quasimondo wrote:
Yes. Good job! Are you using refraction?
Using Photoshop actually...

I just wanted to make sure I knew what you wanted before trying to make it in FF.
  Details E-Mail
Quasimondo
Quasimondo

Posts: 147
Filters: 32
Ah okay - but it's actually a good idea to use a photoshop prepared gradient as a reference - if you load this as an image and layer the calculated gradient with difference blend mode onto it you can see how good the implementation is.
  Details E-Mail
uberzev
not lyftzev

Posts: 1890
Filters: 36
Here's what I've got so far. Not great but maybe something you can work from...



http://uberzev.googlepages.com/RadialGradient.ffxml
  Details E-Mail
Quasimondo
Quasimondo

Posts: 147
Filters: 32
Oh - that's not so bad for a start. Good work!
  Details E-Mail
CFandM
ForgeSmith

Posts: 4761
Filters: 266
Nice so far. I was thinking of how to create this myself. I had a easy start then it turned out it was not going to work the way I wanted. I will give this a go. I will post results if I have any.
Stupid things happen to computers for stupid reasons at stupid times!
  Details E-Mail
uberzev
not lyftzev

Posts: 1890
Filters: 36
I think I nailed it...
http://uberzev.googlepages.com/CircularGradient.ffxml




Thanks to byRo for his brilliant 'TRUE Circles' from which this is based on. smile8)
  Details E-Mail
uberzev
not lyftzev

Posts: 1890
Filters: 36
For comparison here's Photoshop's version using the angle gradient...



  Details E-Mail
uberzev
not lyftzev

Posts: 1890
Filters: 36
Here's a better version that use my tiles-to-circles method...

http://uberzev.googlepages.com/CircularGradient3.ffxml



photoshop mockup...
  Details E-Mail
uberzev
not lyftzev

Posts: 1890
Filters: 36
Don't mind me, I'm just having a bit too much fun... smile:D

  Details E-Mail
uberzev
not lyftzev

Posts: 1890
Filters: 36
Here it is, the holy grail...
http://uberzev.googlepages.com/CircularGradient4.ffxml


Simply apply any elevation gradient you like and presto...
  Details E-Mail
Quasimondo
Quasimondo

Posts: 147
Filters: 32
Whoohoo - that is brilliant!
  Details E-Mail
CFandM
ForgeSmith

Posts: 4761
Filters: 266
Can I say DARN you beat me to it. I will also add HURRAY and a big congrats on working this out. Very clever indeed.
Stupid things happen to computers for stupid reasons at stupid times!
  Details E-Mail
Vladimir Golovin
Administrator
Posts: 3446
Filters: 55
Uberzev, this is brilliant. Looks like it's a proper circular gradient!
  Details E-Mail
Kraellin
Kraellin

Posts: 12749
Filters: 99
nicely done!

ok, for us non-technical types, what is the difference between a ciruclar gradient and a radial gradient and the also mentioned, angle gradient?

craig
If wishes were horses... there'd be a whole lot of horse crap to clean up!

Craig
  Details E-Mail
Lucato
FF addicted

Posts: 505
Filters: 39
Congratulations GeniUberzev! You're a genius! smile:) Now make It rotate from 0 to 360º stepping one. smile:) Just kidding. Congrats!
  Details E-Mail
byRo
an Englishman in Brazil

Posts: 138
Filters: 8
Great work, uberzev!!!! smile:)

I was a bit stuck on this one, and ended up "borrowing" a few of your ideas - but I believe that mine is still quite different enough to be interesting.

Is there a second prize?

Rô

Circular Gradient byRo.ffxml
_________________________________
My favourite question is "Why?".
My second favourite is "Why not?"
  Details E-Mail
byRo
an Englishman in Brazil

Posts: 138
Filters: 8
Rô

_________________________________
My favourite question is "Why?".
My second favourite is "Why not?"
  Details E-Mail
Quasimondo
Quasimondo

Posts: 147
Filters: 32
Quote
Lucato wrote:
Congratulations GeniUberzev! You're a genius! Smile Now make It rotate from 0 to 360º stepping one. Smile Just kidding. Congrats!


That's no big deal with his method - just exchange the spectrum with a black to white gradient and then change its offset to rotate it.
  Details E-Mail
Ken
CameraKen
Posts: 136
Filters: 16
Well Done Uberzev and Ro.

How about a spiral as the next challenge?

Ken.
  Details E-Mail
uberzev
not lyftzev

Posts: 1890
Filters: 36
It pains me to admit it but my method is just not 100% accurate. Note the difference between the 'ideal' version and my attempt...


Here's 'ideal' on its own...


Anyway here's another variation of the effect that uses byRo's circle technique. I can't seem to get it to work just right, but its simpler than my tiles-to-circles method. Maybe someone here can figure it out...

http://uberzev.googlepages.com/CircularGradient5.ffxml
  Details E-Mail
uberzev
not lyftzev

Posts: 1890
Filters: 36
Quote
Ken wrote:
How about a spiral as the next challenge?

That's easy....

http://uberzev.googlepages.com/SpiralGradient.ffxml

My method isn't very efficient though.

  Details E-Mail
uberzev
not lyftzev

Posts: 1890
Filters: 36
Some interesting distortions are possible as well...
http://uberzev.googlepages.com/CircleDistortion.ffxml

As a perfectionist I hope to see the underlying accuracy issues be resolved before people start using these techniques in their 'official' filters. smile:D

  Details E-Mail
uberzev
not lyftzev

Posts: 1890
Filters: 36
Quote
byRo wrote:
I was a bit stuck on this one, and ended up "borrowing" a few of your ideas - but I believe that mine is still quite different enough to be interesting.

Is there a second prize?
Sorry, nobody remembers who came in second.

Anyway, I initially gave the square method a try but found it didn't have any advantages over the circular variation. smile;)

Quote
Kraellin wrote:
ok, for us non-technical types, what is the difference between a ciruclar gradient and a radial gradient and the also mentioned, angle gradient?
From my understanding there are two types of circular gradients, according to Photoshop their names are RADIAL and ANGLE.


RADIAL...


ANGLE...


I suggest we use these more descriptive names instead of the ambiguity of 'circular'.
  Details E-Mail
Ken
CameraKen
Posts: 136
Filters: 16
Uberzev.

Another great Job and a nice Flower. smile:)

But I was thinking more of a Spiral

Ken.




  Details E-Mail
Kraellin
Kraellin

Posts: 12749
Filters: 99
thank you, uberzev.

craig
If wishes were horses... there'd be a whole lot of horse crap to clean up!

Craig
  Details E-Mail
Quasimondo
Quasimondo

Posts: 147
Filters: 32
Quote
uberzev wrote:
Some interesting distortions are possible as well...


Yeah great! That was my original intent of this challenge - to use the gradient as a base for circular distortions.
  Details E-Mail
uberzev
not lyftzev

Posts: 1890
Filters: 36
smile8)
  Details E-Mail
byRo
an Englishman in Brazil

Posts: 138
Filters: 8
Quote
Quasimondo wrote:
Yeah great! That was my original intent of this challenge - to use the gradient as a base for circular distortions.


Like
Polar Coordinates smile:D

Rô
_________________________________
My favourite question is "Why?".
My second favourite is "Why not?"
  Details E-Mail
uberzev
not lyftzev

Posts: 1890
Filters: 36
The 'official' version is now complete...

http://www.filterforge.com/filters/671.html

Take a peak 'under the hood' if you like, it's much less complicated than my previous versions.
  Details E-Mail
uberzev
not lyftzev

Posts: 1890
Filters: 36
Version 1.5 is done...

http://uberzev.googlepages.com/Circul...t1.5.ffxml

Quality has been greatly improved.

Photoshop Ideal...


CAG 1.5...


Difference...
  Details E-Mail
Quasimondo
Quasimondo

Posts: 147
Filters: 32
Excellent job! Thank you! Yes the improvement is clearly visible. I've already updated my filters that make use of the gradient with your new version.
  Details E-Mail
uberzev
not lyftzev

Posts: 1890
Filters: 36
http://uberzev.googlepages.com/Circul...t1.6.ffxml

Minor update, nothing too exciting. Just simplified things a bit and made sure the 30° angles were accurate.
  Details E-Mail

Join Our Community!

Filter Forge has a thriving, vibrant, knowledgeable user community. Feel free to join us and have fun!

33,711 Registered Users
+18 new in 30 days!

153,533 Posts
+38 new in 30 days!

15,348 Topics
+73 new in year!

Create an Account

Online Users Last minute:

15 unregistered users.