Skip navigation
Currently Being Moderated

Illustrator CS6 - Coloring with Gradients

Nov 30, 2012 2:54 AM

Tags: #illustrator

Doing some stuff for this guy... he wants the flag of India...


[img] ments/7178601/original/IndianFlag_Shape_Refrence.png?AWSAccessKeyId=12 1YZTR34RRBRSVSBFR2&Expires=1354345477&Signature=tuXNiZuhsnQdTpc9A18mZZ yvYWE%3D[/img]


to look like this USA flag


[img] ments/7178602/original/stock-illustration-1648509-usa-flag.jpg?AWSAcce ssKeyId=121YZTR34RRBRSVSBFR2&Expires=1354345478&Signature=k4ebAvd1U2IE WRHKwS8kipE6LRk%3D[/img]


Done with[I] gradients in Illustrator.[/I]


NO photoshop.


Anyway, this is what I have done so far... and he doesn't like it.




I've spent about 12 hours trying to get this stupid thing to look right.. What i had to do is make each "gradient section" a different "shape", and make it exactly the right angle to contour with the flag. (IF anyone knows an easier way to do this, let me knowww)


Anyway, the part I cant figure out is... I can do up and down gradients fine (even though it takes forever)


What I cant figure out how to do is the gradients that dont go up and down all the way.


I could do this in about 3 seconds in photoshop, but I'm just about ready to give up in illustrator....



This is what I wanna do in illustrator...





Thanks for any help or advice <3

  • Currently Being Moderated
    Nov 30, 2012 5:44 AM   in reply to Caitertater

    It is possible to do it with gradients if you use multiple fills linear and radial gradients from opaque to 0 transparency but in my opinion this is more appropriate for blends. This is a quick example I made drawing rough paths with the pencil tool  over the image of your flag. I made a blend only on one wrinkle taking a few minutes, for the whole flag with more precise paths I think this is a job for about 30 minutes.


    Mark as:
  • Currently Being Moderated
    Nov 30, 2012 5:45 AM   in reply to Caitertater

    What i had to do is make each "gradient section" a different "shape", and make it exactly the right angle to contour with the flag...

    Traditionally, that's part of  what you do to render realistic shading in vector drawing programs. Before features like transparency effects and gradient meshes, such drawings are basically a combination of the gradient fill types provided by the program (in Illustrator, limited to the most basic two: linear and radial) and object blends. In an illustration like your sample, with compound curvature surfaces, a key to that is understanding that you can create blends between grad fills.


    So that drawing could be done using nothing more than those techniques: grad fills and blends. It would not be unusual for it to take 10 hours for a beginner not yet familiar with the tools to accomplish. An intermediate level user could do it in an hour or two.


    Transparency effects and gradient meshes provide more options.


    The trade-off with use of transparency effects is that you have to be aware of and vigilant about the fact that such effects often have to be rasterized as soon as they leave the drawing program, which--depending on the intended usage--can obviate the whole purpose of doing it in a vector program to begin with.


    The trade-off with gradient meshes is that the interface for using them is quite unintuitive and particularly frustrating to beginners.


    Beyond that general advice, you'd be asking for specifics on how to draw that partricular image of that particular flag; you'd essentially be asking for someone in a user forum to draw it for you as a custom step-by-step "tutorial".



    Mark as:
  • Currently Being Moderated
    Nov 30, 2012 6:04 PM   in reply to Caitertater

    Gradient Mesh is how I'd go.. and the only change to Gradient Meshes since CS2 is you can use transparency on mech points in CS6.


    Draw the flag, create a mesh shape above the flag, set the mesh to "Multiply" and ad shading areas.

    Mark as:

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