Skip navigation
Ludo444
Currently Being Moderated

How do I create a circular multicoloured swirl? (like a water pool, swirling from the centre)

Jul 18, 2013 2:18 PM

Tags: #ripple #swirl #whirlpool

I would like the colours to merge into one another like a gradient..

 
Replies 1 2 Previous Next
  • Currently Being Moderated
    Jul 18, 2013 2:22 PM   in reply to Ludo444

    Use the tools.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 18, 2013 2:36 PM   in reply to Ludo444

    How about your elaboration?

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 18, 2013 5:18 PM   in reply to Kurt Gold

    Why so snide Kurt?

    It’s tricky doing it well.

    What method would you use?

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 18, 2013 6:28 PM   in reply to Steve Fairbairn

    Why so snide Kurt?

    Because there are as many stylistic treatments (Cartoony? Posterized graphic? Photorealistic?)  as viewpoints (Bird's eye? Worm's eye? Side view as the fish would see it?) as envionments (Sink drain? Ocean maelstrom? Rocky bottom? Muddy bottom? River rapids? Around a stick or pole? With a current?) that the one asking most any such "how to" question may have in mind.

     

    I often share the same frustration. Without a little effort put into framing the question, it's as vague as asking "How do I draw a person?" (Or a car or a fish or a cloud or a tornado or lightning or...)

     

    JET

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 18, 2013 10:32 PM   in reply to Ludo444

    Maybe something like this.

     

     

    circle-blend.png

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 19, 2013 2:02 AM   in reply to Silkrooster

    O.k., but how do you twist it to get it to look like water going down a drain?

    I tried it several times without satisfactory results.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 19, 2013 2:42 AM   in reply to Ludo444

    Please show a sketch of what you want. Draw it on a piece of paper.

    Please show your experiments (although they went wrong)

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 19, 2013 3:00 AM   in reply to Ludo444

    Ludo,

     

    You may:

     

    1) Create a curved path with the starting colour (maybe red), you can use the right part of a circle;

    2) Move a copy by some distance to the right and change the colour (maybe green);

    3) Repeat 2) as many times as desired/needed (maybe blue);

    4) Repeat 3) and end with the starting colour;

    5) Object>Blend>Blend Options>Smooth;

    6) Object>Blend>Make;

    7) Create a nofill/nostroke rectangle with the same height as the curved paths and a length equalling the total move and place it centrally behind the blend (which will overhang it at both ends;

    8) Brushes>New Brush>Art Brush;

    9) Create a circle with the same W=H=height of the brush and apply the Art Brush to it.

     

     

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 19, 2013 2:52 AM   in reply to Ludo444

    take your gradient, make a rectangular bar (or whatever), fill it top to bottom, expand the fill, then use the Twirl tool with a brush size larger than your shape on the centre of it.

     

    this is a bad method, because the expanded gradient produces many hundreds of paths, but it was just the first thing to come to mind.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 19, 2013 3:08 AM   in reply to Jacob Bugge

    actually looking at your image, jacob's method is nice and efficient. mine makes a sort of galaxy thing.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 19, 2013 5:45 AM   in reply to Ludo444

    For my part you are welcome, Ludo.

     

    As you can see, it is doubly twirly, reversely near the centre. You may try different ways of curving, including (multiply) reversed curvatures of different shapes/lengths (as in the (different) rounded version(s) of Sowelu (limited to mirrored shapes)).

     

    I hope you will share you findings, for everyone to enjoy.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 19, 2013 12:47 PM   in reply to Ludo444

    Ludo444 wrote:

     

    Thanks for your responses, the closest image I can find is on the link below:

    http://www.webdesignhot.com/free-vector-graphics/colorful-swirl-backgr ound-vector-illustration/

     

    The best way I can describe the effect I need is if you were to take a row of colour stripes, put your finger in the centre one and swirl it around.

    I also need the colours to merge into each other like gradients.

    I then need to drop this pattern into a logo.

     

    I'm afraid I don't know the official terminology. I've tried twisting a striped gradient and envelope distorting with a spiral but I cannot get the desired effect..

    In the example you provided, they created a single object for 1 color, they then rotated that object with a copy, then ctrl-d to repeat the process. Then they changed each object's color.

     

    swirl1.png

    swirl2.png

    swirl3.png

     

    swirl4.png

     

    swirl5.png

     

    swirl6.png

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 19, 2013 1:18 PM   in reply to Steve Fairbairn

    Why so snide Kurt?

    It’s tricky doing it well.

    What method would you use?

     

    What method? Live Trace, of course. Quick, easy – perfect results. Why do you ask?

     

    Apart from that, see James' answer.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 19, 2013 3:10 PM   in reply to Kurt Gold

    Yeah, yeah.

    So maybe it really IS tricky.

    At least I haven’t seen any half decent results yet.

    Picture 1.png

    I got this using the Twirl tool, but the tool is so hopelessly inaccurate that I wouldn’t dream of showing this kind of work to a client.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 19, 2013 4:12 PM   in reply to Steve Fairbairn

    swirl2.jpg

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 19, 2013 5:35 PM   in reply to Steve Fairbairn

    Picture 1.png

    Twirl tool again, starting off with triangles (left).

    But the geometry of the Twirl tool is so inaccurate, whatever the settings, that you always get white spaces between the shapes.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 19, 2013 10:02 PM   in reply to Steve Fairbairn

    At least I haven’t seen any half decent results yet.

    I haven't seen anything that looks even remotely like a "water pool," either.

     

    Sure am glad I didn't waste any time guessing at what was being asked for.

     

     

     

     

     

     

    JET

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 20, 2013 4:07 AM   in reply to Ludo444

    Ludo,

     

    Just another set to show a more lively set of colours, using intermediate bright colours. Apart from the basic shapes and the range of colours, you may change the appearance by softening/extending (parts of) the transitions.

     

     

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 20, 2013 1:09 PM   in reply to Steve Fairbairn

    All those examples are pretty amateurish.

     

    Take James' next to last red example. Looks like a flubbed fried egg. And his last sample might be a third-class fantasy.

     

    I get better results with Live Trace.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 20, 2013 6:39 PM   in reply to Kurt Gold

    I tried LiveTrace first. But it didn't look right. What settings should I use?

     

    JET

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 20, 2013 9:01 PM   in reply to Ludo444

    ?

     

    Screen Shot 2013-07-20 at 11.54.39 PM.png

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 20, 2013 9:42 PM   in reply to Ludo444

    This shows how many interpretations there can be for a single object. Not only do we see things differently, there are multitude of way to accomplish the same thing.

     

    Also anybodying viewing these threads, should keep in mind that examples are just that examples and therefore may not be finished works of art. It takes time to work on artwork and nobody is being paid to show examples.

     

    The other side of the coin is - The more complete the work is, the better it works in the favor of the artist, when customers look for an artist. As these attachments do show up in google searches.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 21, 2013 6:47 AM   in reply to Silkrooster

    This shows how many interpretations there can be... It takes time to work on artwork and nobody is being paid to show examples.

    Actually, this shows how many blind guesses are made about what in Sam Hill a poorly-written question is actually talking about, by people donating their free time.

     

    The more complete the work is, the better it works in the favor of the artist...these attachments do show up in google searches.

    Unless the artist isn't here in the hopes of catching customers or even looking for notoriety, but is simply participating in informal discussions about a common interest--which is what a user forum is supposed to be. Then things like Google returns just generate unsolicited requests, and often even downright theft--from self-serving dwits with lame blogs or "tutorial" websites.

     

    And the above just shows there are more ways of looking at what goes on than with Pollyanna rose colored glasses and glorifying the obvious.

     

    And the immediately above is just a long-winded tongue-in-cheek way of saying in a casual friendly discussion..."Gag me."

     

    ;-)

     

    JET

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 21, 2013 6:42 AM   in reply to Kurt Gold

    ...And how do I get it to ignore white?

     

    JET

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 21, 2013 8:12 AM   in reply to JETalmage

    In the image trace panel expand the advance options and check the ignore white box at the bottom of the advance options.

    Screen Shot 2013-07-21 at 11.07.54 AM.png

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 21, 2013 9:20 AM   in reply to Wade_Zimmerman

    Wade,

    I like the results you got. What steps did you use to create it?

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 21, 2013 9:27 AM   in reply to jay fresno

    Concentric cicles

     

    didfferent color fills

     

    twirl tool with large brush (setting to your desired effect)

     

    I place a color filled circle path in the back to fill any outter gaps

     

    and used a circle path on top to make a clipping mask.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 21, 2013 9:48 AM   in reply to Wade_Zimmerman

    Thanks, Wade.

    I find the Twirl tool difficult to control, and it takes LOTS of experimenting. It doesn't seems to twirl if I click in the center of the shapes; it just adds anchor points. I have to click a little off the center for it to twirl, and then the center color isn't quite in the center any more.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 21, 2013 10:41 AM   in reply to JETalmage

    I tried LiveTrace first. But it didn't look right. What settings should I use?

     

    JET

     

    I guess it's the Best quality preset, James, but I'm not sure because trivial things like that are usually done by one of my servants.

     

    Hope that helps.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 21, 2013 11:17 AM   in reply to Ludo444

    Untitled-1.jpg

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 21, 2013 7:59 PM   in reply to Kurt Gold

    Hmmm...My copy doesn't seem to have a Best Quality preset.

     

    Should I Move The Folder, reinstall Illustrator, reinstall the OS, or reformat the drive?

     

    Thanks in advance for a quick reply. My deadline is in the morning.

     

    JET

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 21, 2013 10:24 PM   in reply to JETalmage

    JET, it may be a version difference. I'm using CS6, and these are the choices:

    Untitled-2.gif

    In CS5, these are the settings:

    Untitled-1.gif

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 22, 2013 5:01 AM   in reply to Barbara Ash

    Barbara,

    It's sort of an "inside joke" thing.

     

    JET

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 22, 2013 6:52 AM   in reply to Ludo444

    You need to create a bounding box for that brush which marks its begin and end. This rectangle has to be no fill and no stroke put in the back. Then create a brush.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 22, 2013 7:18 AM   in reply to Ludo444

    Ludo,

     

    Step 7) in post #10 is crucial:

     

    7) Create a nofill/nostroke rectangle with the same height as the curved paths and a length equalling the total move and place it centrally behind the blend (which will overhang it at both ends;

     

    Otherwise, the Art Brush will end where the outermost curved paths end. You can draw a line from the centre through those ends when applied to the circle, and that is what creates the gap.

     

    So it seems that you have missed that step, which is basically identical to the suggestion that Monika made.

     

    To avoid a smiling, or (almost literally) gaping swirl.

     
    |
    Mark as:
1 2 Previous Next
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points