Skip navigation
Currently Being Moderated

How to create a gradient with a square fill (pyramid gradient)

Mar 7, 2012 9:41 AM

I'm looking for the best way to this:

 

http://www.filterforge.com/wiki/index.php/Square_Gradient

 

Any input is appreciated. Thank you.

 
Replies
  • Currently Being Moderated
    Mar 7, 2012 9:46 AM   in reply to ajrunke03

    You could emulate the effect with two squares and the blend tool.

     

    The larger outer square being black, in the inner smaller square being white, with lots of blend steps.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 7, 2012 11:24 AM   in reply to ajrunke03

    arjunke,

     

    What badchess said.

     

    To elaborate, you may:

     

     

    1) Delete all but the largest square and make sure it is just solid black,

    2) Create a copy in front, reduce its size (maybe to 1% or so), and change the solid colour to white,

    3) With Object>Blend>Options set to Smooth or the desired number of steps, select both squares and Object>Blend>Make.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 8, 2012 7:41 AM   in reply to ajrunke03

    Like Jacob says, if you want a smooth transition all the way from white to black you should choose Smooth Color in the Blend Options Spacing dialogue.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 8, 2012 12:10 PM   in reply to ajrunke03

    I'm not sure why you are still getting banding, but you could try this, make your .ai file go from 100% to 30% in the two boxes, then use opacity (10%) in InDesign to reduce it to the desired amount. I assume you are exporting your InDesign file to PDF, under compression, choose do not downsample. When viewing in InDesign use high quality display (View> overprint preview). If all else fails, open your .ai file in photoshop and add a little noise (filter> noise> add noise> gaussian), since this will reduce contrast a bit, you will need to start with a better ratio, like 100% and 10%.

    Acrobat will only show you whole numbers in output preview, and the gradation should appear smooth.

    Stocastic screening is also an option, but if you had it you probably would be using it.

    If you are using a spot color green, you might see some improvement on your film with a different screen angle.

     
    |
    Mark as:
  • Mathias17
    439 posts
    Feb 20, 2012
    Currently Being Moderated
    Mar 8, 2012 12:34 PM   in reply to ajrunke03

    Why not just divide the largest outer square into four identical triangle (draw two lines from from diagonal to diagonal and pathfinder > divide)

     

    So you now have 4 separate objects - all identical triangles.

     

    Apply a gradient fill to each.

     

    Rotate the gradient fill in each 90° per tri (left and right have opposite directional fill, as do top and bottom).

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 8, 2012 1:19 PM   in reply to ajrunke03

    If you need to recreate this anyway, why not just use PhotoShop?Adobe Photoshop_000194.png

     

    Take care, Mike

     
    |
    Mark as:
  • Mathias17
    439 posts
    Feb 20, 2012
    Currently Being Moderated
    Mar 8, 2012 1:24 PM   in reply to MikeWenzloff

    True. Why not just place a TIF in your file? Outputting to film should still be possible with some color channel magic.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 8, 2012 3:43 PM   in reply to ajrunke03

    From what I can tell, the smooth option doesn't work for smoothing the same colors even if they are screened differently.

    What gave you that idea? Works perfectly for me.

    On the other hand a blend (or gradient) that covers a range of only 7% is almost bound to be a bit steppy but I doubt that in such a light tonal range it will be noticeable.

    I tried it and can't make out the steps on screen.

     
    |
    Mark as:
  • Mathias17
    439 posts
    Feb 20, 2012
    Currently Being Moderated
    Mar 8, 2012 5:36 PM   in reply to ajrunke03

    You're obsiouvly no novice, the raster suggestion was just to help you get an easy square gradient into your Illustrator file, since it only natively offers linear and elliptical; a workaround is needed.

     

    But yeah, it sure is starting to sound like the issue lies beyond Illustrator. Bummer!

     
    |
    Mark as:
  • Mathias17
    439 posts
    Feb 20, 2012
    Currently Being Moderated
    Mar 12, 2012 9:58 AM   in reply to ajrunke03

    Ah crap; figured. Thanks for the update. I assume your film is looking good now?

     
    |
    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