Applying gradient to a curved path...

Is there a quick and dirty way to apply a gradient to a curved path, such as a logarithmic spiral?
Thank you for the help!

I realize it has been quite a while since this was originally posted...but I came across it and have had to do this exact thing before: applying a gradient to a spiral.
This is what I came up with. Just thought someone might find it handy.
Depending on the Steps and Distance, the final results can look quite smooth.
The Blend colors can always be edited by selecting and changing
the color of the original objects within the blended object.

Similar Messages

Dynamic Update of Curve Path

I am using Photoshop CS6. I created a curve path and a "new" layer that contains the brush stroke applied to the path. I want the brush stroke to dynamically update when the path is modified. Can this be done?

With the exception of extremely simple strokes (Shape Layer’s Stroke or Layer Style Stroke applied to a Layer with a Vector Mask, and those may have issues with unclosed Paths) you should follow Mylenium’s advice and use another application.

How to determine the length of a curved path in illustrator CS2

how to determine the length of a curved path in illustrator CS2?

bornfree,
The free Patharea/Pathlength Filters from Telegraphics is your friend (the former gives you both area and length, both in different units):
Telegraphics - Free plugins for Photoshop & Illustrator...and other software

How can i apply gradient...

I have a rectangular shape movie Clip (Size :130px X40 px). I
want to apply linear gradient on it using action script. Can
anybody help me how can I apply gradient on it.
Note: This movie clip is made manually. Not by using
createEmptyMovieClip method.

i already checked this -
MAKE A OVAL ON YOUR STAGE AND GIVE THIS INSTANCE NAME 'ovl'
(withought single quote) and use the code under
here i am creating two movie clips on stage --
1st is 'ovl' and 2nd one is 'mc'
But to apply gradient on ovl i have to use setMask method
like this _root.mc.setMask(_root.ovl)
i do not want to use SetMask... I want to apply gradient
directly on 'ovl'
How can i do ??????????????
// create emtpy movieclip
mc = createEmptyMovieClip("mc",1);
// set the constants for the gradient fill
// the colors
col = [0x000066,0x0033FF];
// the alphas
alp = [100,30];
// the ratios
rat = [100,255];
//this.onMouseMove = function () {
// we will make a radial gradient
// and make it move with the mouse
// first we clear the previous gradient fill
mc.clear();
// get the mouse-position
// the x-coordinate
x = _xmouse-200;
// the y-coordinate
y = _ymouse-200;
// set the matrix for the transformation
matrix = { matrixType:"box",x:x,y:y,w:400,h:400,r:0 }
// now make the new gradient fill
mc.beginGradientFill("linear",col,alp,rat,matrix);
// now make the shape to fill
mc.lineTo(400,0);
mc.lineTo(400,400);
mc.lineTo(0,400);
// end the fill
mc.endFill();
_root.mc.setMask(_root.ovl)
Text
Text

Moving in curve path

Hi,
Any one Please guide me how to move a object in a curve path
using script.......
thanks,
shanthi.

Hi Shanthi,
you could use the parametric representation of the equation
of the curve. The attached code will move your movie clip in a
circular path.

How to create multiple gradients in a compound path?

Hi, I am trying to color a compound path with multiple colors? Kinda similar to the effect here
I tried using the blend tool and replace the spline but it does not give the desired effect.
Any tips as to how to approach this?
I have made the G by creating a compound path.
Thank you!

namk,
You may:
1) Create a simple stroke/nofill path, with a stroke at least as wide as the semicircular end parts, which follows and fully covers the G shape of the compound path;
2) Ctrl/Cmd+X+B to bring it to the back, then give it the desired gradient along the stroke/path;
3) Select all and Object>Clipping Mask>Make.
If you wish to get the stroke back on top, you may:
4) Click the compund path with the Direct Selection Tool and reapply its stroke with the original weight.

Table on a curved path

I'm trying to make a table on a curved path like this:
Intuitively, I create my curve, I choose type on path tool, and once I have the type cursor blinking on my path I select Insert table.
No matter how small I make the table, i.e. 2 rows, 1 colum, I get overset text error that doesn't go away if I scale the path.
Is there a different way to do this?

I don't think tables work on a path. You'll probably need to make a separate path for each line.

Learning curve / path from Go Live! to Dreamweaver; is it worth it?

Learning curve / path from Go Live! to Dreamweaver; is it worth it?

I'll be blunt, it's not worth "learning Dreamweaver" at all, if you don't understand html, css and basic javascripting prior to opening the program.
Without those three things, DW becomes a monstrous time sink that allows you to produce rudimentary websites that your viewers and peers will scoff at.
Now, if you do understand HTML and CSS (and to a lesser extent, javascript) running the DW tutorials from the Adobe site (hit F1 while in DW to open the Help site) will help you get up and running in no time and you'll be able to create some fairly advanced sites relatively quickly with current internet standards-compliant code.
If you don't understand code and refuse to educate yourself, as Ben says, Muse would be the way to go.

Applying Gradient through css in spark application of gumbo

I want to apply gradient colors just like we did in flex 3 using css.
How to achieve the same for s:Application ?

That changed in the new architecture:
you need to drop something like this in your main app or create a new skin for the main app and drop it in there:
    
    <s:Rect left="0" right="0" top="0" bottom="0">
        <s:fill>
            <s:LinearGradient>
                <s:GradientEntry ratio="0" color="#ff00ff"/>
                <s:GradientEntry ratio="1" color="#00ff00"/>
            </s:LinearGradient>
        </s:fill>
    </s:Rect>
Need to play with the gradient but ration and color values but you get the picture...
The old way does not apply anymore as far as I can tell ...
You can define your own backgroundGradientColor read it in the custom skin updateDisplayList and do the drawing yourself, but I am not sure it is worth the effort.
C

Apply Gradient across stroke not working now?

Updated Illustrator to CC and now my apply gradient to stroke is acting funny (also does it with apply along stroke). First i can't get it to show up unless I find a number it likes (start out with 1 pt, don't see a stoke so increase size 1 pt at a time up to 11 to see it) now the corners have gotten strange, They seem to be missing small patches. Any idea what's causing this? You can see in the image I am not doing anything fancy, it's type and then just to make sure it wasn't a font problem I tried just a rectangle. It seems to be worst with corner set to round joint.
TIA,
LVChris

Sorry Larry that didn't fix it. Sent the files to Adobe for review. Anyone elese reproduce this problem?
It's easy to test;
1. create a rectangle
2. add a fill and stroke
3. change the stroke to a gradient and make it big enough to see
4. change the stroke cap to round and cap corner to round join
5. change the gradient to apply gradient along stroke or across stroke
I do this to nearly everything and have been for years...very strange problem
I also just made the same object in CS6 and it worked flawlessly.

How to apply gradient effect to JTable

Hi
It is easier to apply gradient effect to JTable by overriding paintComponent() and giving gradient effect using the following code
Graphics2D g2 = gradientImage.createGraphics();
GradientPaint painter = new GradientPaint(0, 0, gradientEnd,
0, height, gradientStart);
g2.setPaint(painter);
Rectangle2D rect = new Rectangle2D.Double(0, 0, width, height);
g2.fill(rect);
but my problem is , after applying gradient effect the cell contents are not visible.
what i need to do to make the cells visible..... please any one help me to sort out this.....
Thanks in advance.......

Well the basic code should be:
// do gradient painting
super.paintComponent(...);But you will also need to customize the renderers to make them non-opaque.
And you may also need to make the table non-opaque.
If you need further help then you need to create a [Short, Self Contained, Compilable and Executable, Example Program (SSCCE)|http://homepage1.nifty.com/algafield/sscce.html], that demonstrates the incorrect behaviour.
Don't forget to use the Code Formatting Tags so the posted code retains its original formatting. That is done by selecting the code and then clicking on the "Code" button above the question input area.

Make Bezier curve path in plug in

I could get the codes to draw paths in automation plug-in with the listener log file. But some paths are not shown in it. Such as the Bézier curve path.
I try to use the getter plug in. The fuction "SPErr PlayGetting Work Path Info" is to draw path. But the code like this is not work rightly.
error = sPSActionControl->StringIDToTypeID("Getting Work Path Info", &runtimeEventID);
if (error) goto returnError;
error = sPSActionControl->Play(&result, runtimeEventID, desc00001040, plugInDialogSilent);
if (error) goto returnError;
Could you tell me how to draw Bézier curve path? How to used the codes from "getter" plug in rightly?
Please help me. Thanks a lot.

Maybe post the question in a forum for Flash.
I can't show you how to do it, Sorry.

Curve path in adobe edge

Since adobe edge cannot do curve path like adobe flash, is that possible we do curve path in flash then export to adobe edge?
Or more directly, export that flash file into adobe indesign for DPS?

Maybe post the question in a forum for Flash.
I can't show you how to do it, Sorry.

Motion on a curved path

I've been using the motion attribute found in the edit effects window. I've noticed from time to time that I've created a curved path that the image will follow. Up until now I've deleted the anchor points and started over.
Now, however, I'd like to have an image move in a less linear fashion, but have no idea how I stumbled into what I'd previously thought of as a problem.
Any ideas how to do this on purpose?

Andy,
For me, the easiest way to do this is to choose the main points (hence the name Keyframes) of the motion path (note: this is not like Text on a Path, drawn with the Pen Tool in many programs), and then use Continuous Bezier for those Keyframes This "smooths" everything out. I personally use the X-Y coordinate numbers, rather than drag the Bounding Box, but that is just me. If you need to map things out visually, I'd go to PS/PSE and do a "guide" for that motion path, with the Pen Tool and Stroke that Path. Save_As a PSD and Import that guide. Now, you still have to set your Keyframes, as you cannot tell the program to "follow the Path," but you have the guide to go by. I did similar, when a client's log had to follow a sine wave on an O-scope, as though it was the trace beam.
Good luck, and hope that this helps.
Hunt

Apply 'blur' to script-generated path

Hello All,
I'm working on a scrpit for Illustrator which generates cycloidal curves (hypocycloid, epicycloid, rhodonea) and would like to explore my options for creating a blur across the path. The generated images will be saved as a PNG and then used in another program for an optical research application. So far, I have learned that it is not possible to access any of the effects through javascript. I also looked into applying a graphic style (as found in several other posts), however I need to have control over the amount of blur applied.
As an alternative, I've been working with applying a radial gradient across the path (whcih is possible using javascript). This achieves an effect which is 'close enough' however. Here is an image of the result generated using a 'rhodonea' curve:
My issue is: How do I blend the path at the intersections to get something like this (generated with the 'gaussian blur' effect):
Thanks!

Thanks for the reply. I had considered multiple graphic styles, but as it turns out, the radial gradient method appears to be much more accurate in terms of my modeling.
I was wondering if it might be possible to break the path into multiple segments at each intersection, re-join, and then apply the gradient but so far that's not working out either. Illustrator won't let you join more than two anchor points (at least, not that I could find).
These images will be dumped to PNG and then imported into Matlab for the simulation, so I may just end up performing the blur there instead (much easier, and I have full control over the parameters).

Applying gradient to a curved path...

Similar Messages

Maybe you are looking for