4.1 Part A: Gradient Design A gradient is defined for this assignment as any gra

Question

4.1 Part A: Gradient Design

A gradient is defined for this assignment as any gradually changing visual element or visual quality: a color blend or fade, a morphing texture, a thickening line or accumulation of lines, a gradual change in orientation of a line, form, or pattern. After re-reading the text by Stevens from Assignment 1 on the variables involved in fluid flow, begin the design process for a 2D visualization of fluid flow by generating a resource library of as many different kinds of gradients as you can imagine. A list of some possible qualities or characteristics follows.

Consider the legibility of each gradient; its change should be easily perceivable. Ideally, there should only be one varying visual aspect per gradient, but you can experiment also with marks that contain two or more separately varying qualities. This is fine as long as the two varying qualities can be adjusted independently of each other. Consider also its legibility in a complex "layered" situation, in the company of other gradients. Not only should the gradient be legible in "mixed company";, but also it should not interfere with the legibility of its neighbors. You can highlight the "combinability" of your gradients by showing them in tandem usage with others. Finally, consider the "intuitive reading" of your various gradients: the possible interpretation a viewer might have of the coded meaning shown by the change that takes place in the gradient: intensification of force; increase/decrease of velocity; temperature etc.

There are three sets of compositions that you have to make for this assignment:

• Line:
  • vine charcoal
  • Soft Pencil
  • Ballpoint pen
  • nib pen
  • reed pen
  • felt tip
  • chalk
  • dipped thread, string or yarn
  • ink and brush.
• Color:
  • watercolor
  • oil paint
  • gouache
  • ink
  • dye
  • marker
  • pastel
  • crayon
  • conte crayon
  • autumn leaves
  • food stain
  • flower petals.
• 2D Textures:
  • Any object inked and stamped
  • crumpled paper sprayed or rubbed with paint at an angle
  • wet into wet diffusion of ink or watercolor
  • heavily textured papers (like cold-press watercolor paper)
• Physical Textures:
  • crumpled paper or fabric (inked and printed or drawn on directly)
  • tape or foil or ribbon (pasted down)
  • glue with sand, dirt or dry pigment
  • twigs
  • leaves, grass etc. acrylic modeling paste, gel or medium (also good to use as glue)

• Color change:
  • Value

Explanation / Answer

import java.awt.BasicStroke;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Font;
import java.awt.FontMetrics;
import java.awt.GradientPaint;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.RenderingHints;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
import java.awt.geom.Arc2D;
import java.awt.geom.Ellipse2D;
import java.awt.geom.GeneralPath;
import java.awt.geom.Line2D;
import java.awt.geom.Rectangle2D;
import java.awt.geom.RoundRectangle2D;

import javax.swing.JApplet;
import javax.swing.JFrame;

public class GradientPaintDemo2D extends JApplet {

  public void init() {
    setBackground(Color.white);
    setForeground(Color.white);
  }

  public void paint(Graphics g) {
    Graphics2D g2 = (Graphics2D) g;
    g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
        RenderingHints.VALUE_ANTIALIAS_ON);

    g2.setPaint(Color.gray);
    int x = 5;
    int y = 7;
    // fill RoundRectangle2D.Double
    GradientPaint redtowhite = new GradientPaint(x, y, Color.red, 200, y,
        Color.blue);
    g2.setPaint(redtowhite);
    g2.fill(new RoundRectangle2D.Double(x, y, 200, 200, 10, 10));
    g2.setPaint(Color.black);
    g2.drawString("Filled RoundRectangle2D", x, 250);

  }

  public static void main(String s[]) {
    JFrame f = new JFrame("");
    f.addWindowListener(new WindowAdapter() {
      public void windowClosing(WindowEvent e) {
        System.exit(0);
      }
    });
    JApplet applet = new GradientPaintDemo2D();
    f.getContentPane().add("Center", applet);
    applet.init();
    f.pack();
    f.setSize(new Dimension(300, 300));
    f.show();
  }

Related Questions

Navigate

• Browse (All)
• Browse 4
• Subjects

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.