MGCSoft 'Where graphics meets mathematics' logo Equation and graphical software for Windows 98, ME, NT4+SP6, 2000 and XP.
by MGCSoft
Where Graphics Meets Mathematics
Printer friendly pages: Home Contact Purchasing Fax form Equation Illustrator V

top left corner h200 spacer h10 spacer h26 spacer

Gradient Examples

These examples have been reduced to 256 colors and may not look quite the same as the original images. The start color is the pen color the end color is the brush (fill) color. After performing an array function using color gradients if you wish to undo the array and try again it is necessary to reset the brush color to the original setting. It is usually preferable to have the pen width set to something greater than the minimum when doing decorative arrays. If you don't and you copy to the clipboard using Large Bitmaps set to more than one, reducing the size and subsequently smoothing the image will result in a semi transparent image. The last example illustrates this effect.
top left corner
 
 
top left corner     top left corner


top left corner h200 spacer h10 spacer h26 spacer

Hot Coals

Example 1.
Scale and mirror colour gradient example. Copyright ©Gordon Whittam 1998-2002 all rights reserved.
Step:
  1. Small square round rectangle where the pen color is red and brush color is yellow. Make a selection around the rectangle, right click in the selection>transforms.
  2. Scale array of above where the origin is towards the top left but inside the round rectangle. The final scale is 0.01, the number of iterations 50 and the gradient 100%.
  3. 3*3 rectangular array by bounds with the brush color for all 9 groups set to black and the gradient set to 100%.
  4. Mirror all nine to the right.
  5. Mirror all 18 down.
  6. Set Options>large Bitmaps to 4.
  7. Make selection around all 36.
  8. Right click in selection, Copy Selected Shapes.
  9. Edit>paste Special>bitmap
  10. Deselect image by clicking away from it or pressing escape.
  11. Right click over image. Set Size divide by 4.

  12. Right click over image. Modify>Smooth>Lanczos3
top left corner
 
 
top left corner     top left corner


Equation Illustrator buy now button    Equation Illustrator information button    Equation Illustrator download button

top left corner h200 spacer h10 spacer h26 spacer

Sound Wave

Example 2.
Sound wave colour gradient example. Copyright ©Gordon Whittam 1998-2002 all rights reserved.
Step:
  1. Set the pen color to black and brush color to white.
  2. Draw a vertical Bezier line and move the two central nodes to create an arc similar to the last (right hand) curve in the example.
  3. Make a selection around curve, include all nodes.
  4. Right click in selection>transforms.
  5. Scale array of above where the origin selector is to the left, about where it appears it would be in the example. The final scale is 0.01, the number of iterations 20 and the gradient 100%.
Follow 7:13 as in first example.
top left corner
 
 
top left corner     top left corner


top left corner h200 spacer h10 spacer h26 spacer

AM Rectangular Array

Example 3.
Rectangular array colour gradient example. Copyright ©Gordon Whittam 1998-2002 all rights reserved.
Step:
  1. Set the pen color to a darkish blue and brush color to white.
  2. Settings>waveforms. Select AM from the presets.
  3. Draw a wave section in the edit space.
  4. Make a selection around wave, include all nodes.
  5. Right click in selection>transforms.
  6. Rectangular array of above (selecting the origin is not necessary for rectangular arrays). Uncheck the bounds check box if it is checked. Set the horizontal iterations to 1 and vertical to 100. Set the vertical spacing to the pixel distance indicated on the label below the settings. Set the gradient to 50%. You may have to play about with the settings for the AM waveform to get exactly as it appears in the picture as both the signal and carrier periods have been increased from the defaults, although not by much.
Follow 7:13 as in first example.
top left corner
 
 
top left corner     top left corner


Equation Illustrator buy now button    Equation Illustrator information button    Equation Illustrator download button

top left corner h200 spacer h10 spacer h26 spacer

Wingdings

Example 4.
Scale array of webding 'H'. Copyright ©Gordon Whittam 1998-2002 all rights reserved.
Step:
  1. Set the pen color to black and the brush (fill) color to white.
  2. Settings>angled Text. Set the font to Webdings.
  3. Set the font size to 76.
  4. Put the character 'H' in the character edit box.
  5. Click OK.
  6. Do a single click in the edit space.
  7. Make a selection around the character making sure you include the node which will be central and above the character.
  8. Right click in selection>transforms.
  9. Select the Scale Array tab, set horizontal and vertical scales to 2, place the origin selector somewhere around the center of the house if it isn't already, set the gradient to 100%, iterations to 100 then click OK.


Follow 7:13 as in first example except for the smoothing which works better with Spline for this example. Results are also better with large bitmaps set to *10 but you may or may not be able to do this depending on the machine you are using. Anything less than NT4 might fail at *10 bitmaps. If there is the potential for failure due to system limitations the scale will be reduced until the operation succeeds.
top left corner
 
 
top left corner     top left corner


top left corner h200 spacer h10 spacer h26 spacer

Handle

 Example 5.
 
Color gradient scale array example. Copyright ©Gordon Whittam 1998-2002 all rights reserved.

Original
 
Color gradient scale array example 'handle'. Copyright ©Gordon Whittam 1998-2002 all rights reserved.

Scaled array of 100 iterations *1.5 vertical and horizontal scale, origin in center, black pen, white brush and 50% gradient *1 bitmap no smoothing.
top left corner
 
 
top left corner     top left corner


top left corner h200 spacer h10 spacer h26 spacer

Vector Arrays

 Example 6.
Scaled Array of 100 iterations, 0.5 horizontal scale, 2* vertical scale 50% gradient dark blue pen and pale blue brush (fill) with the origin somewhere in the triangle.
Simple gradient original drawing. Copyright ©Gordon Whittam 1998-2002 all rights reserved. Simple color gradient where pen width was set to minimum. Copyright ©Gordon Whittam 1998-2002 all rights reserved. Result of a simple divide by ten size reduction without any anti aliasing/smoothing. Copyright ©Gordon Whittam 1998-2002 all rights reserved. Simple gradient example where pen width was 0.005", subsequently reduced and anti aliased. Copyright ©Gordon Whittam 1998-2002 all rights reserved.
The original. *10 bitmap where the pen width was minimum reduced back down to size and smoothed The unsmoothed re sized image. Results may be machine dependent. *10 bitmap with the pen width at 0.005" reduced back to size and smoothed.
top left corner
 
 
top left corner     top left corner

Home  More information  Price & Delivery  Downloads  Examples  Versions  Awards  PRIVACY  Links  
     
The contents of this site are copyright© 1998:2023, Gordon Whittam MGCSoft.