Graphics and Java 2D Introduction OBJECTIVES. One picture is worth ten thousand words.

Size: px
Start display at page:

Download "Graphics and Java 2D Introduction OBJECTIVES. One picture is worth ten thousand words."

Transcription

1 Graphics and Java 2D One picture is worth ten thousand words. Chinese proverb Treat nature in terms of the cylinder, the sphere, the cone, all in perspective. Paul Cézanne Colors, like features, follow the changes of the emotions. Pablo Picasso Nothing ever becomes real till it is experienced even a proverb is no proverb to you till your life has illustrated it. John Keats Pearson Education Inc. All rights reserved. OBJECTIVES In this chapter you will learn: To understand graphics contexts and graphics objects. To manipulate colors. To manipulate fonts. To use methods of class to draw lines, rectangles, rectangles with rounded corners, threedimensional rectangles, ovals, arcs and polygons. To use methods of class from the API to draw lines, rectangles, rectangles with rounded corners, ellipses, arcs and general paths. To specify and characteristics of shapes displayed with Introduction 12.2 Graphics Contexts and Graphics Objects 12.3 Color Control 12.4 Font Control 12.5 Drawing Lines, Rectangles and Ovals 12.6 Drawing Arcs 12.7 Drawing Polygons and Polylines 12.8 Java 2D API 12.9 Wrap-Up Introduction 5 6 Java contains support for graphics that enable programmers to visually enhance applications Java contains many more sophisticated drawing capabilities as part of the Java 2D API Classes,, Java 2D shape classes Fig Classes and interfaces used in this chapter from Java s original graphics capabilities and from the Java 2D API. [Note: Class! appears here because it is the superclass of the Java class hierarchy.] 1

2 12.1 Introduction 7 8 Java coordinate system Upper-left corner of a GUI component has the coordinates (0, 0) Contains x-coordinate (horizontal coordinate) - horizontal distance moving right from the left of the screen Contains y-coordinate (vertical coordinate) - vertical distance moving down from the top of the screen Coordinate units are measured in pixels. A pixel is a display monitor s smallest unit of resolution. Fig Java coordinate system. Units are measured in pixels. Portability Tip 12.1 Different display monitors have different resolutions (i.e., the density of the pixels varies). This can cause graphics to appear to be different sizes on different monitors or on the same monitor with different settings Graphics Contexts and Graphics Objects A Java graphics context enables drawing on the screen Class Manages a graphics context and draws pixels on the screen An class contributes to Java s portability Method " Used to draw graphics Member of class ", subclass of " object passed to " by the system when a lightweight Swing component needs to be repainted If programmer needs to have " execute, a call is made to method Color Control Class Color declares methods and constants for manipulating colors in a Java program Every color is created from a red, a green and a blue component RGB values constant Color RGB value $ $ %& %& red ''()() $ $ %&&* %&&* green )( ''() $ $ +,& +,& blue )()( '' $ $ %-*& %-*& orange ''( ))() $ $.*/.*/ pink ''(01'(01' $ $ 2-* 2-* cyan )( ''( '' $ $ -&*- -&*- magenta ''()( '' $ $ 2&++3 2&++3 yellow ''( ''() $ $ +-/ +-/ black )()() $ $ 34.& 34.& white ''( ''( '' $ $ %-2 %-2 gray 0 5(0 5(0 5 5 $ $ +.46% %-2 light gray 07 (07 (07 $ $ -%/6%-2 -%/6%-2 dark gray 89(89(89 Fig Color constants and their RGB values. 2

3 Method Description constructors and methods : : ( ( ( ( ; Creates a color based on red, green and blue components expressed as integers from 0 to 255. : :$ $( ($ $( ($ $ ; Creates a color based on red, green and blue components expressed as floating-point values from 0.0 to 1.0. %:; %:; Returns a value between 0 and 255 representing the red content. :; Returns a value between 0 and 255 representing the green content. :; :; Returns a value between 0 and 255 representing the blue content. methods for manipulating :; Returns object representing current color for the graphics context. :; Sets the current color for drawing with the graphics context. Fig Color methods and color-related Graphics methods <<=0 ='>=! <<"=? "!=@=A!=@=A 9 "!=@=A!=@=A ' "!=@=A!=@=A B Method " 7 <<@$$ <<@$$ paints 0) ":; ":; 00B B 0 =": =":<<C" <<C" 0? 09 =: =:=34.& =34.&;A 0' 08 <<@@ <<@@ 01 =: ''( ()( ();;A ; 05 =$%: =$%:0' 0'( '(0)) 0))( ) 07=@: =@:D%>D D%>DE E=:; =:;( (0?) 0?)( (9) 9);A ) 0 <<@@$ <<@@$ =: :)=')$ )=')$()=1'$ )=1'$( ()=)$ )=)$;;A ;?=$%: =$%:0' 0'( (') ')( (0)) 0))( ) 9=@: =@:D%>D D%>DE E=:; =:;( (0?) 0?)( (8' 8';A ' 8 <<@@! 1 =: =:=+,& =+,&;A 5=$%: =$%:0' 0'( (1' 1'( (0)) 0))( ) 7=@: =@:D%>D D%>DE=:;( E=:;(0?) 0?)( (7) 7);A?) Set current drawing color with method Draw filled rectangle using current color Draw text value of current color Set current drawing color, specify $ arguments to constructor Set current drawing color using constant 14?0 <<% <<%? F F=-&*- =-&*-A?? =:;A =:?9=$%: =$%:0' 0'( (0)) 0))( (0)) 0))( )?'=@: =@:D%>D D%>DE E=%:; =%:;E ED(D D(DE E?8 =:; =:;E ED(D D(DE E=:; =:;( (0?) 0?)( (00' 00';A?1G G<<"" <<""?5G G<< << Retrieving RGB values using methods %, and 15 0 <<=0 =8>@=! <<"=? "!=@="A!=@="A 8 B 1 << << 5 ":HI; ":HI; 7 B 0) <<$"$ <<$"$ 00"$"F ":D,D D,D;A 0 $"=$:"=&J.6*6+& "=&J.6*6+&;A 0? 09F :;A<< << 0'$"=: $"=:<< <<$" $" 08$"=K: $"=K:9)) 9))( (05) 05) <<$"K <<$"K 01$"=L $"=L : <<$" <<$" 05G G<<" <<" 07G G<<@ <<@ Look-and-Feel Observation 12.1 Everyone perceives colors differently. Choose your colors carefully to ensure that your application is readable. Try to avoid using many different colors in close proximity. Software Engineering Observation 12.1 To change the color, you must create a new object (or use one of the predeclared constants). Like objects, objects are immutable (not modifiable). 3

4 12.3 Color Control M GUI component enables application users to select colors creates a object, attaches it to a dialog box and displays the dialog Modal dialog Allows the user to select a color from a variety of color swatches Tabs Swatches, HSB and RGB 19 0 <<=0 =1>@ "=! <<@=? "!=@=+A!=@=+A 9 "!=@=A!=@=A ' "!=@==-&A!=@==-&A 8 "!=@==-+A!=@==-+A 1 "!=@=A!=@=A Import class 5 "!=@="A!=@="A 7 "!=@=A!=@=A 0)" "!=@=A!=@=A 00 " " " 0?B 09 A A 0' F F=+.46%- =+.46%-2A 08 A A <<,. <<,. ":; )B B 0: :D,D D,D;A?<<$ <<$ 9F :;A ' =:;A =: 8 1 << << 5F :DD DD;A 7=-+: -+:;<<" <<"? B?? <<@?9 $":-&; $":-&; Display dialog?'b B?8 F F=@: "= ( (DD DD(;A (?5?7 <<$($ <<$($ 9) $ Reference to parent $:FF :FF component ; ; Title bar text 90 F F=+.46%-2 =+.46%-2A Initial selected color 9 9? <<C 99 =:;A =: 21 0 <<=0 =5>@ =! <<@=? "!=@="A!=@="A 9 8 B 1 << << 5 ":HI; ":HI; 7 B ":;A 00=$: =$:"=&J.6*6+& "=&J.6*6+&;A ;A 0 G<<" <<" 0?G G<<@ 22 9'G G<<"$" <<"$" 98G G<<" <<" 91;A <<-+ <<-+ 95 Change background color of 97:( :(+=&*&% +=&*&% << << '):( :(+=,4 +=,4 << '0 ' K:9)) 9))( (0?) 0?) <<$"K <<$"K '?L L : <<$" <<$" '9G G<<@ " ''G G<<@ " Select a color from one of the color swatches. Sliders to select the red, green and blue color components Fig HSB and RGB tabs of the dialog. 4

5 12.4 Font Control Class Constructor takes three arguments the font name, font style and font size Font name any font currently supported by the system on which the program is running Font style =+-.* =+-.*, =.-+. or =+. Font styles can be used in combination Font sizes measured in points. A point is 1/72 of an inch. Methods *", and K retrieve information about object methods and retrieve and set the current font, respectively Method or constant Description constants, constructors and methods $ $ +-.* +-.* A constant representing a plain font style. $ $ + + A constant representing a bold font style. $ $ A constant representing an italic font style. :"( :"( ( ( K; Creates a object with the specified font name, style and size. :; Returns an integer value indicating the current font style. K:; Returns an integer value indicating the current font size. Fig Font-related methods and constants. (Part 1 of 2) Method or constant Description *":; Returns the current font name as a string. ":; Returns the font s family name as a string. :; Returns if the font is plain, else $. :; Returns if the font is bold, else $..:; Returns if the font is italic, else $. methods for manipulating s :; :; Returns a object reference representing the current font. :$; Sets the current font to the font, style and size specified by the object reference $. Portability Tip 12.2 The number of fonts varies greatly across systems. Java provides five logical font names $ $,, $, and. that can be used on all Java platforms. The Java runtime environment (JRE) on each platform maps these logical font names to actual fonts installed on the platform. The actual fonts used may vary by platform. Fig Font-related methods and constants. (Part 2 of 2) 0 <<=0 =00>=! 29 <<$$$=? "!=@=A!=@=A 9 "!=@=A!=@=A ' "!=@=A!=@=A 8 "!=@=A!=@=A B 0) <<$$$ <<$$$ 00 ":; ":; 0 B B Font name Font style 0?=": =":<<C <<C 09 Font size 0' <<$$:";( 08 =: :D$D D$D( (=+ =+( (0 ; 01=@: =@:D$0 =D( )( (') ');A <<$:;(( 9@ ) =: :D DD D( (=.-+. =.-+.( 9;;A ; Creating and setting objects 0=@: =@:D 9=D( )( (1) 1);A? <<$$:4;((09@ <<$$:4;((09@ 9 =: :D$D D$D( (=+-.* =+-.*( (09 09;;A ; '=@: =@:D$09=D D$09=D( )( (7) 7);A 8 1 <<$$:";( <(05@ Combining styles 5=: =:=%& =%&;A 7 =: :D$D D$D( (=+ =+E E=.-+. =.-+.( (05 05;;A ;?)=@: =@:=:;=*":; =:;=*":;E EDD DDE E=:;= =:;=K:; K:;E E?0 D =D( )( (00) 00);A? G G<<"" <<""??G G<< << Retrieve font name and size of object s current 30 5

6 0 <<=0 =0 >=! <<,$= 31 32? 9 ' 8 B 1 << << Software Engineering Observation ":HI; ":HI; 7 B 0) <<$"$ <<$"$ 00 "$"F ":D,$D D,$D;A 0 $"=$:"=&J.6*6+& "=&J.6*6+&;A 0? 09$F :;A<< << 0'$"=:$ $"=:$<<$$" <<$$" 08$"=K: $"=K:9 9 )( ) (01) 01) <<$"K <<$"K 01$"=L $"=L : <<$" <<$" To change the font, you must create a new object. objects are immutable class has no set methods to change the characteristics of the current font. 05G G<<" <<" 07G G<< << Font Metrics M class methods " returns name of font family to which the current font belongs,,. used to determine font style Font metrics precise information about a font Height Descent amount a character dips below the baseline Ascent amount a character rises above the baseline Leading the interline spacing Class declares several methods for obtaining font metrics Fig Font metrics. Method Description 35 0 <<=0 =0'>=! <<"$$ $"=? "!=@=A!=@=A 9 "!=@=A!=@=A ' "!=@=A!=@=A 8 "!=@=A!=@=A 1 36 " " -:; -:; Returns the ascent of a font in points. :; :; Returns the descent of a font in points. +:; +:; Returns the leading of a font in points. 4:; 4:; Returns the height of a font in points. "$ "$ N N :; :; Returns the object for the current drawing. :$; :$; Returns the!$$ argument. 5 7 B 0) <<$" <<$" 00 ":; ":; 0 B 0? =": =":<<C" <<C" 09 Retrieve object of 0'=: :D$D D$D( (= =+ +( (0 ; current 08 "F=:;A "F=:;A 01=@: =@:D$>D D$>DE E=:; =:;( (0) 0)( (9) 9);A 05=@: =@:D->D D->DE E"=-:; "=-:;( (0) 0)( ('' '';A 07=@: =@:D>D D>DE E"= "=:; :;( (0) 0)( (1) 1);A Retrieve font metric values )=@:D4>D D4>DE E"=4:; "=4:;( (0) 0)( (5' 5';A 0=@: =@:D+>D D+>DE E"=+:; "=+:;( (0) 0)( (0)) 0));A Fig and methods for obtaining font metrics. 6

7 :D$D D$D( (=.-+. =.-+.( (09 09;A 9 "F=:$;A "F=:$ 37 0 <<=0 =08>=! <<$"= 38 '=:$;A =:$? "!=@="A!=@="A 8=@: =@:D$>D D$>DE$( E$(0) 0)( (0?) 0?);A 9 1=@: =@:D->D D->DE E"=-:; "=-:;(0) 0)( (09' 09';A ' 5=@: =@:D>D D>DE E"=:; "=:;( (0) 0)( (08) 08);A 8 B 7=@: =@:D4>D D4>DE E"=4:; "=4:;( (0) 0)( (01' 01';A 1 << <<?)=@: =@:D+>D D+>DE E"=+:; "=+:;( (0) 0)( (07) 07);A 5 ":HI; ":HI;?0G G<<" <<"" " 7 B? G G<< << 0) <<$"$ <<$"$ 00"$"F ":D"D D"D;A 0 $"=$: $"=$:"=&J.6*6+& "=&J.6*6+&;A 0? 09"F :;A 0'$"=:" $"=:"<< <<"$" "$" 08$"=K: $"=K:'0) '0)( ') <<$"K <<$"K 01$"=L $"=L : <<$" <<$" 05G G<<" <<" 07G G<< << 12.5 Drawing Lines, Rectangles and Ovals 39 0( 0( 0( 0( ( ; Draws a line between the point (0 0, 0) and the point ( ( ; 40 M methods for drawing lines, rectangles and ovals $%% draw rectangles with rounded corners bounding rectangle the area in which a rounded rectangle or oval will be and $?% draw a 3D rectangle that is either raised or and $ draw ovals Draws a rectangle of the and. The top-left corner of the rectangle has the coordinates (, ). Only the outline of the rectangle is drawn using the object s color the body of the rectangle is not filled with this color. $%: $%: ( ( ; ; Draws a filled rectangle with the and. The top-left corner of the rectangle has the coordinate (, ). The rectangle is filled with the object s color. %: %: ( ( ; Draws a filled rectangle with the and in the current background color. The top-left corner of the rectangle has the coordinate (, ). This method is useful if the programmer wants to remove a portion of %: ( ( ( ( 3( 3( 4; Draws a rectangle with rounded corners in the current color with the and. The 3 and 4 determine the rounding of the corners (see Fig ). Only the outline of the shape is drawn. Fig Graphics methods that draw lines, rectangles and ovals. (Part 1 of 2) Method Description $%%: $%%: ( ( ( ( 3( 3( 4; Draws a filled rectangle with rounded corners in the current color with the and. The 3 and 4 determine the rounding of the corners (see ( ( ( ; Draws a three-dimensional rectangle in the current color with the and. The top-left corner of the rectangle has the coordinates (, ). The rectangle appears raised when is true and lowered when is false. Only the outline of the shape is drawn. $?%: $?%: ( ( ( ; Draws a filled three-dimensional rectangle in the current color with the and. The top-left corner of the rectangle has the coordinates (, ). The rectangle appears raised when is true and lowered when is false <<=0 =05>+%=! <<@(=? "!=@=A!=@=A 9 "!=@=A!=@=A ' "!=@=A!=@=A 8 1 +% +% 5 B 7 << <<( ( 0) ":; ":; 00B B 0 =": =":<<C" <<C" 0? 09=: =:=34.& =34.&;A 0' Draw a straight line 08=: =: =%& ( ( ; Draws an oval in the current color with the and. The bounding rectangle s top-left corner is at the coordinates (, ). The oval touches all four sides of the bounding rectangle at the center of each side (see Fig ). Only the outline of the shape is drawn. $: $: ( ( ; Draws a filled oval in the current color with the and. The bounding rectangle s top-left corner is at the coordinates (, ). The oval touches all four sides of the bounding rectangle at the center of each side (see Fig ). 01 =@+: =@+:'( (?)?)( (?5)?5)( (?)?);A 05 07=: =:=+,& =+,&;A )=@%: =@%:'( (9) 9)( (7) 7)( ('' '';A 0 =$%: =$%:0)) 0))( (9) 9)( (7) 7)( ('' '';A Draw an empty rectangle Draw a filled rectangle Fig Graphics methods that draw lines, rectangles and ovals. (Part 2 of 2) 7

8 ?=: =:=2-* =2-*;A 9 =$%%: =$%%:07' 07'( (9) 9)( (7) 7)( ('' ''( (') ')( (') ');A '=@%%: 7)( (9) 9)( (7) 7)( ('' ''( )( ) 8 1=: =:=2&++3 =2&++3 5 =@?%: =@?%:'( (0)) 0))( (7) 7)( ('' ''( ( ;A 7 =$?%: =$?%:0)) 0))( (0)) 0))( (7) 7)( ('' ''( ($ $;A?)?0=: =:=-&*- =-&*-;A ;A? =@: =@:07' 07'( (0)) 0))( (7) 7)( ('' '';A?? =$: 7)( (0)) 0))( (7) 7)( ('' '';A?9G G<<"" <<""?'G G<<+% <<+% Draw a filled rectangle with rounded corners Draw an empty rectangle with rounded corners Draw an empty rectangle that is raised Draw a filled rectangle that is lowered Draw an empty oval Draw a filled oval 43 0 <<=0 =07>+%=! <<@(=? "!=@=A!=@=A 9 "!=@="A!=@="A ' 8 +% +% 1 B 5 << << 7 ": ":HI; HI; 0)B B 00 <<$"$+% <<$"$+% 0 "$"F ":D@(D D@(D;A 09$"=$: $"=$:"=&J.6*6+& "=&J.6*6+&;A 0' %%F +%:;A 05%=: %=:=34.& =34.& 07$"=:% $"=:%<<$" <<$" )$"=K:9)) 9))( 0);A <<$"K <<$"K 0$"=L $"=L : <<$" <<$" G<<" <<"?G<<+% 45 @% $ Fig Arc width and arc height for rounded rectangles Drawing Arcs 48 An arc is drawn as a portion of an oval Arcs sweep (i.e., move along a curve) from a starting angle by the number of degrees specified by their arc angle Counterclockwise sweep measured in positive degrees Clockwise sweep measured in negative degrees M and $- are used to draw arcs Fig Oval bounded by a rectangle. 8

9 ( ( ( ( -( -( -; Draws an arc relative to the bounding rectangle s top-left and coordinates with the and. The arc segment is drawn starting at - and sweeps - degrees. $-: $-: ( ( ( ( -( -( -; Draws a filled arc (i.e., a sector) relative to the bounding rectangle s top-left and coordinates with the and. The arc segment is drawn starting at - and sweeps - degrees. Fig Positive and negative arc angles. Fig Graphics methods for drawing arcs. 0 <<=0 = 9>-=! <<@= 51 8 <<)@ <<)@O 1) 1=: =:=%& =%&;A 52? "!=@=A!=@=A 5=@%: =@%:05' 05'( (?'?'( (5) 5)( (5) 5);A 9 "!=@=A!=@=A 7=: =:=+-/ =+-/;A ' "!=@=A!=@=A?) =@-: =@-:05' 05'( (?'?'( (5) 5)( (5) 5)( ()( (O 1);A 8? B x- and y-coordinates for upper left 7 <<@ <<@ corner of bounding rectangle 0) ":; ":; 00B B Width and height of bounding 0 =":<<C" <<C" 0? rectangle? <<)@?8 <<)@?8) )?? =$-: =$-:0' 0'( (0 0 )( ) (5) 5)( (9) 9)( ()( (?8)?8);A?9?' << 1)@O7) 7)?8 =$-: =$-:0)) 0))( (0 0 )( ) (5) 5)( (9) 9)( 1)( (O7) 7);A?1?5 <<)@ <<)@O 1) Draw filled arcs 09 <<)@?8) <<)@?8) 0'=: =:=%& =%&;A 08=@%: =@%:0' 0'( (?'?'( (5) 5)( (5) 5);A Starting angle Sweep angle?7 =$- =$-: :05' 05'( (0 0 )( ) (5) 5)( (9) 9)( ()( (O 1);A 9)G G<<"" <<"" 90G G<<- <<- 01= =: :=+-/ =+-/;A ;A 05 =@-: =@-:0' 0'( (?'?'( (5) 5)( (5) 5)( ()( (?8)?8);A 07 )<<)@00) <<)@00) 0=: =:=%& =%&;A Draw empty arcs Negative values indicate arc should sweep clockwise =@%:0)) 0))( (?'?'( (5) 5)( (5) 5);A?=:=+-/ =+-/;A 9 = 0))( (?'?'( (5) 5)( (5) 5)( ()( (00) 00);A ' 0 <<=0 = '>@-=! <<@= F -:;A<<- <<- 0'$"=: $"=:<<$" <<$" 54? "!=@="A!=@="A 08$"=K: $"=K:?))?))( 0) <<$"K <<$"K 9 01$"=L $"=L : <<$" 05G G<<" <<" 8 B 07G G<<@- <<@- 1 << << 5 ":HI; ":HI; 7 B 0) <<$"$- <<$"$- 00"$"F ":D@-D D@-D;A 0 $"=$:"=&J.6*6+& "=&J.6*6+&;A 0? 9

10 Drawing Polygons and Polylines Method Description Polygons Closed multisided shapes composed of straight line segments and $ to display polygons Polygons can be represented using class class contains method to add points to a Polylines Sequences of connected points Graphics to display polylines methods for HI( HI( HI( HI( ; Draws a polygon. The x-coordinate of each point is specified in the array, and the y- coordinate of each point in the array. The last argument specifies the number of. This method draws a closed polygon. If the last point is different from the first, the polygon is closed by a line that connects the last point to HI( HI( HI( HI( ; Draws a sequence of connected lines. The x-coordinate of each point is specified in the array, and the y-coordinate of each point in the array. The last argument specifies the number of. If the last point is different from the first, the polyline is not Draws the specified polygon. $: $: HI( HI( HI( HI( ; Draws a filled polygon. The x-coordinate of each point is specified in the array, and the y-coordinate of each point in the array. The last argument specifies the number of. This method draws a closed polygon. If the last point is different from the first, the polygon is closed by a line that connects the last point to the first. Fig Graphics methods for polygons and class Polygon methods. (Part 1 of 2) Method Description $:; Draws the specified filled polygon. The polygon is closed. constructors and methods :; Constructs a new polygon object. The polygon does not contain any points. : : LHI( LHI( LHI( LHI( " $; Constructs a new polygon object. The polygon has " $ sides, with each point consisting of an x-coordinate from L and a y-coordinate from L. : : ( ( ; Adds pairs of x- and y-coordinates to the <<=0 = 1>=! <<@=? "!=@=A!=@=A 9 "!=@=A!=@=A ' "!=@=A!=@=A B 7 <<@ <<@ 0) ":; ":; 00B B 0 =":<<C" <<C" 0? 09 <<@@! 0' LHIFB )(9) 9)( (') ')( (?)?)( )(0' 0'GA GA 08 LHIFB LHIFB') ')( (') ')( (8) 8)( (5) 5)( (5) 5)( (8) 8)GA GA 01 0F :L(L(8;A 05 =@:0;A =@:0 Draw an empty 07 )<<@@@ <<@@@ 0 L HIFB1) 1)( (7) 7)( (0)) 0))( (5) 5)( (1) 1)( (8' 8'( (8) 8)GA GA Create object from sets of x- and y-coordinates L HIFB0)) 0))( (0)) 0))( (00) 00)( (00) 00)( (0?) 0?)( (00) 00)( (7) 7)GA GA Draw polyline from sets of x- and?=@:l (L (1;A 9 y-coordinates 58 Fig Graphics methods for polygons and class Polygon methods. (Part 2 of 2) ' <<$@@ <<$@@ 8 L?HIFB L?HIFB0 0 )( ) (09) 09)( (0') 0')( (07) 07)GA GA 59 0 <<=0 = 5>@=! <<@= 60 1 L?HIFB L?HIFB9) 9)( (1) 1)( (5) 5)( (8) 8)GA GA 5 =$:L?(L?( =$:L?(L?(9;A 7 Draw polygon from sets of x- and y-coordinates, without creating object? "!=@="A!=@="A <<@$@ <<@$@! 8 B?0 :;A 1 << <<? =:08' 08'( (0?' 0?';A 5 ":HI; ":HI;?? =:01' 01'( (0') 0');A?9 =: 1)( ));A?' =: ))( );A Add coordinates to with method 7 B 0) <<$"$ <<$"$ 00"$"F ":D@D D@D;A?8 =:0?) 0?)( (05) 05);A 0 $"=$: $"=$:"=&J.6*6+& "=&J.6*6+&;A?1 =$: 0??5G G<<"" <<""?7G G<< << 10

11 :;A 0'$"=: $"=:<<$" <<$" $"=K: $"=K: 5)( 1) <<$"K <<$"K 01$"=L $"=L : <<$" <<$" 05G G<<" <<" 07G G<<@ <<@ Common Programming Error 12.1 Result of line 18 Result of line 23 Result of line 28 Result of line 37 An -.$& is thrown if the number of points specified in the third argument to or method $ is greater than the number of elements in the arrays of coordinates that specify the polygon to display Java 2D API 63 Lines, Rectangles, Round Rectangles, Arcs and Ellipses 64 Provides advanced two-dimensional graphics capabilities for detailed and complex graphical manipulations Features for processing line art, text and images Accomplished with class Java 2D shapes specified with double-precision floatingpoint values + =, % =, %% =, - =, & = Painting with object Method sets color for object when shapes are drawn as object Paint object can be a predeclared object, or an instance of, " or classes used for drawing with a gradient gradients can be cyclic or acyclic used for painting by replicating a stored image Lines, Rectangles, Round Rectangles, Arcs and Ellipses M method $ used to draw a filled object an object that implements interface M used to draw a object Setting stroke of a line or border method requires argument that implements interface class can specify width of line, end caps, line joins Arc2D.Double constants Arc2D.PIE arc should be closed by two lines one from starting point to center, one from center to ending point Arc2D.CHORD draws a line from the starting point to the ending point Arc2D.OPEN arc should not be closed 65 0 <<=0 = 7>=! <<"" =? "!=@=A!=@=A 9 "!=@=A!=@=A ' "!=@=A!=@=A 8 "!=@=A!=@=A 1 "!=@=A!=@=A 5 7 "!=@= A 0)" "!=@="=& A 00" "!=@="=% A 0 " "!=@="=%% A Java 2D API shape classes 0?" "!=@="=- A 09" "!=@=!=@="=+ A 0'" "!=@="=$$."A!=@="=$$."A 08" "!=@=A!=@=A B ) <<@@ -. 0 ":; ":; Creating a reference B B?=": =":<<C" <<C" 9 ' F: ;A<<

12 1 @ 67 5 :'( (?)?)( (=+,& =+,&( (?'?'( (0)) 0))( 7 =2&++3 =2&++3( ( ;;A ;?) = : :'( (?)?)( (8' 8'( (0)) 0));;A ; Draw ellipse filled using gradient?0? <<@ Set object to draw using?? =:=%& =%&;A?9 :0)=)$ 0)=)$;;A ; a gradient Set width from of border blue to to yellow 10 pixels?' = :5) 5)( (?)?)( (8' 8'( (0)) 0));;A ;?8?1 $$?5 $$." $$.":0) 0)( (0) 0)(?7 $$."=2&6.*6% $$."=2&6.*6%;A 9) 90 << $" $$."@ 9 F $$."=:;A Create image to be used for 9?=: =:=2&++3 =2&++3 <<@@ <<@@ object 99=$%: =$%:)( ()( (0) 0)( (0) 0) <<@$ <<@$ 9' =: =:=+-/ =+-/ <<@ 98=@%: =@%:0( (0( (8( (8 <<@ <<@ 91=: =:=+,& =+,& <<@ 95=$%: =$%:0( (0( (?( (? <<@$ <<@$ 97=: =:=%& =%& <<@ <<@ ')=$%: =$%:9( (9( (?( (? <<@$ <<@$ '0 ' << $$."" '? %:0) 0)( (0) 0);;;A ;; '' =$: Create object = :0'' 0''( (?)?)( (1' 1'( (0)) 0))( (') ')( (') ');;A ; '1 image '5 <<@ Draw rounded rectangle, filled with '7 =:=34.& =34.&;A repeating image 8) :8=)$ 8=)$;;A ; Draw arc using white 80 =@: border, 6 pixels = : 9)( (?)?)( (1' 1'( (0)) 0))( ()( 1)( (- =.&;;A ; 8? 8' =:=%&&* =%&&*;A 88 = :?7'?7'( (?)?)( (?? )( ) (0') 0');;A ; <<@ 87 $ $HIFB HIFB0) 0)GA GA<<$ <<$ 1) =:=2&++3 =2&++3;A ;A 10 :9( (=-6%,* =-6%,*( 1 =.*6%,* =.*6%,*( (0) 0)(( (();;A ; Set stroke to use dashes 1? = :?? )(?)?)( (?7'?7'( (0') 0');;A ; 19G G<<"" <<"" 1'G G<< << Draw solid green line Draw dashed yellow line 68 0 <<=0 =?)>=! <<"" =? "!=@="A!=@="A 9 ' 69 General Paths 70 8 B 1 << << 5 ":HI; ":HI; 7 B 0) <<$"$ <<$"$ 00"$"F ":D@ D;A ;A 0 $"=$:"=&J.6*6+& "=&J.6*6+&;A 0? 09 << << 0'F :;A $"=: $"=:<<$" <<$" 05$"=K: $"=K:9 9 '( ' )) <<$"K <<$"K 07$"=L $"=L : <<$" <<$" )G<<" <<" 0G G<< << A general path is a shape constructed from straight lines and complex curves Class Method " specifies the first point in a general path Method draws a line to the next point in the path Method completes the general path M method used to move the drawing origin M method used to rotate the next displayed shape 0 <<=0 =?0> =! <<"=? "!=@=A!=@=A 9 "!=@=A!=@=A ' "!=@= A 8 "!=@="=A!=@="=A 1 "!==%"A!==%"A 5 "!=@=!=@=A A 7 0) 00B 0 <<@ <<@ 0? ":; ":; 09B B 0'=": =":<<C" <<C" 08%""F %":;A<<"" HIFB HIFB'' ''( (81 81( (0)7 0)7( (1? 1?( (5? 5?( ('' ''( 1( (?1?1( (0( Create (9? 9?GA GA object 07 HIFB HIFB)( (?8?8( (?8?8( ('9 '9( (78 78( (1 (78 78( ('9 '9( (?8?8( (?8?8GA GA ) 0 F: ;A F :;A<<!? 9 <<$ <<$ '=":H =":H)I(H I(H)I;A I 8 Set starting point of object 71 1 << <<OO 5 $ $: : F F0AP=AEE; AP=AEE; 7 =:HI(HI;A =:HI(HI?)?0 =:;A =:;A<< <<??? =: ))( )) <<: ))( )); Add lines of general path?9?' <<@" <<@" Draw line from last point to first point?8 $ $: : F F0APF )AEE; AEE;?1B B?5 =:=. =.< <0)=) 0)=) <<" <"?7 9) <<"@ <<"@ 90 '8;( ;( 9 "=.:"=.: '8;("=.: '8;;;A ;; Rotate approximately 18 degrees 9? 99 =$:<<@$ <<@$ 9'G G<<$ <<$ 98G G<<"" <<"" 91G G<< Draw star at current angle around origin 72 12

13 0 <<=0 =? > =! <<"= 73 :;A 08$"=: $"=: << $" 74? 01$"=: $"=:=34.& =34.& <<$" 9 "!=@="A!=@="A 05$"=K: $"=K:9)) 9))( (9)) 9)) <<$ <<$"K "K ' 07$"=L $"=L : <<$" <<$" 8 )G G<<" <<" 1 B 0G G<< 5 << << 7 ":HI; ":HI; 0)B B 00 <<$"$ 0 "$"F ":D@ D;A 0?$"=$: $"=$:"=&J.6*6+& "=&J.6*6+&;A 09 13

Java How to Program, 9/e. Copyright by Pearson Education, Inc. All Rights Reserved.

Java How to Program, 9/e. Copyright by Pearson Education, Inc. All Rights Reserved. Java How to Program, 9/e Copyright 1992-2012 by Pearson Education, Inc. All Rights Reserved. Overview capabilities for drawing two-dimensional shapes, controlling colors and controlling fonts. One of

More information

Part II: Creating Visio Drawings

Part II: Creating Visio Drawings 128 Part II: Creating Visio Drawings Figure 5-3: Use any of five alignment styles where appropriate. Figure 5-4: Vertical alignment places your text at the top, bottom, or middle of a text block. You could

More information

Graphics and Painting

Graphics and Painting Graphics and Painting Lecture 17 CGS 3416 Fall 2015 November 30, 2015 paint() methods Lightweight Swing components that extend class JComponent have a method called paintcomponent, with this prototype:

More information

Work with Shapes. Concepts CHAPTER. Concepts, page 3-1 Procedures, page 3-5

Work with Shapes. Concepts CHAPTER. Concepts, page 3-1 Procedures, page 3-5 3 CHAPTER Revised: November 15, 2011 Concepts, page 3-1, page 3-5 Concepts The Shapes Tool is Versatile, page 3-2 Guidelines for Shapes, page 3-2 Visual Density Transparent, Translucent, or Opaque?, page

More information

A QUICK TOUR OF ADOBE ILLUSTRATOR CC (2018 RELEASE)

A QUICK TOUR OF ADOBE ILLUSTRATOR CC (2018 RELEASE) A QUICK TOUR OF ADOBE ILLUSTRATOR CC (2018 RELEASE) Lesson overview In this interactive demonstration of Adobe Illustrator CC (2018 release), you ll get an overview of the main features of the application.

More information

INKSCAPE BASICS. 125 S. Prospect Avenue, Elmhurst, IL (630) elmhurstpubliclibrary.org. Create, Make, and Build

INKSCAPE BASICS. 125 S. Prospect Avenue, Elmhurst, IL (630) elmhurstpubliclibrary.org. Create, Make, and Build INKSCAPE BASICS Inkscape is a free, open-source vector graphics editor. It can be used to create or edit vector graphics like illustrations, diagrams, line arts, charts, logos and more. Inkscape uses Scalable

More information

Adobe Illustrator CS Design Professional CREATING TEXT AND GRADIENTS

Adobe Illustrator CS Design Professional CREATING TEXT AND GRADIENTS Adobe Illustrator CS Design Professional CREATING TEXT AND GRADIENTS Chapter Lessons Create and format text Flow text into an object Position text on a path Create colors and gradients Apply colors and

More information

Paint/Draw Tools. Foreground color. Free-form select. Select. Eraser/Color Eraser. Fill Color. Color Picker. Magnify. Pencil. Brush.

Paint/Draw Tools. Foreground color. Free-form select. Select. Eraser/Color Eraser. Fill Color. Color Picker. Magnify. Pencil. Brush. Paint/Draw Tools There are two types of draw programs. Bitmap (Paint) Uses pixels mapped to a grid More suitable for photo-realistic images Not easily scalable loses sharpness if resized File sizes are

More information

Corel Draw 11. What is Vector Graphics?

Corel Draw 11. What is Vector Graphics? Corel Draw 11 Corel Draw is a vector based drawing that program that makes it easy to create professional artwork from logos to intricate technical illustrations. Corel Draw 11's enhanced text handling

More information

How to draw and create shapes

How to draw and create shapes Adobe Flash Professional Guide How to draw and create shapes You can add artwork to your Adobe Flash Professional documents in two ways: You can import images or draw original artwork in Flash by using

More information

Agenda. Programming Seminar. By: dr. Amal Khalifa. Coordinate systems Colors Fonts Drawing shapes Graphics2D API

Agenda. Programming Seminar. By: dr. Amal Khalifa. Coordinate systems Colors Fonts Drawing shapes Graphics2D API Agenda Coordinate systems Colors Fonts Drawing shapes Graphics2D API By: dr. Amal Khalifa 1 Programming Seminar @12:30 13:30 pm on Wednesday 9/4/2014 Location : 2.505.01 Painting components 2 Every component

More information

L E S S O N 2 Background

L E S S O N 2 Background Flight, Naperville Central High School, Naperville, Ill. No hard hat needed in the InDesign work area Once you learn the concepts of good page design, and you learn how to use InDesign, you are limited

More information

InDesign Tools Overview

InDesign Tools Overview InDesign Tools Overview REFERENCE If your palettes aren t visible you can activate them by selecting: Window > Tools Transform Color Tool Box A Use the selection tool to select, move, and resize objects.

More information

Create a Swirly Lollipop Using the Spiral Tool Philip Christie on Jun 13th 2012 with 12 Comments

Create a Swirly Lollipop Using the Spiral Tool Philip Christie on Jun 13th 2012 with 12 Comments Advertise Here Create a Swirly Lollipop Using the Spiral Tool Philip Christie on Jun 13th 2012 with 12 Comments Tutorial Details Program: Adobe Illustrator CS5 Difficulty: Beginner Es timated Completion

More information

Drawing shapes and lines

Drawing shapes and lines Fine F Fi i Handmade H d d Ch Chocolates l Hours Mon Sat 10am 6pm In this demonstration of Adobe Illustrator CS6, you will be introduced to new and exciting application features, like gradients on a stroke

More information

Creating Special Effects with Text

Creating Special Effects with Text Creating Special Effects with Text Introduction With FrameMaker publishing software, you can create special effects such as large, rotated, outlined, or color characters by putting PostScript code in a

More information

Word 2007: Flowcharts Learning guide

Word 2007: Flowcharts Learning guide Word 2007: Flowcharts Learning guide How can I use a flowchart? As you plan a project or consider a new procedure in your department, a good diagram can help you determine whether the project or procedure

More information

Adding Objects Creating Shapes Adding. Text Printing and Exporting Getting Started Creating a. Creating Shapes Adding Text Printing and Exporting

Adding Objects Creating Shapes Adding. Text Printing and Exporting Getting Started Creating a. Creating Shapes Adding Text Printing and Exporting Getting Started Creating a Workspace Pages, Masters and Guides Adding Objects Creating Shapes Adding Text Printing and Exporting Getting Started Creating a Workspace Pages, Masters and Guides Adding Objects

More information

12 APPLYING EFFECTS. Lesson overview

12 APPLYING EFFECTS. Lesson overview 12 APPLYING EFFECTS Lesson overview In this lesson, you ll learn how to do the following: Use various effects like Pathfinder, Distort & Transform, Offset Path, and Drop Shadow effects. Use Warp effects

More information

How to...create a Video VBOX Gauge in Inkscape. So you want to create your own gauge? How about a transparent background for those text elements?

How to...create a Video VBOX Gauge in Inkscape. So you want to create your own gauge? How about a transparent background for those text elements? BASIC GAUGE CREATION The Video VBox setup software is capable of using many different image formats for gauge backgrounds, static images, or logos, including Bitmaps, JPEGs, or PNG s. When the software

More information

Ai Adobe. Illustrator. Creative Cloud Beginner

Ai Adobe. Illustrator. Creative Cloud Beginner Ai Adobe Illustrator Creative Cloud Beginner Vector and pixel images There are two kinds of images: vector and pixel based images. A vector is a drawn line that can be filled with a color, pattern or gradient.

More information

LOGO & BRAND STANDARDS GUIDE

LOGO & BRAND STANDARDS GUIDE LOGO & BRAND STANDARDS GUIDE INTRODUCTION The SparkPost Brand Standards Guide provides key information needed to accurately and consistently produce external and internal documents and communications.

More information

ADOBE ILLUSTRATOR CS3

ADOBE ILLUSTRATOR CS3 ADOBE ILLUSTRATOR CS3 Chapter 2 Creating Text and Gradients Chapter 2 1 Creating type Create and Format Text Create text anywhere Select the Type Tool Click the artboard and start typing or click and drag

More information

INKSCAPE INTRODUCTION COMPONENTS OF INKSCAPE MENU BAR

INKSCAPE INTRODUCTION COMPONENTS OF INKSCAPE MENU BAR INKSCAPE Prepared by K. Srujana INTRODUCTION Inkscape began in 2003 as a code fork of the Sodipodia project. Sodipodi, developed since 1999, was itself based on Rsph Levien's Gill (Gnome Illustration Application).

More information

Software System Components 1 Graphics

Software System Components 1 Graphics Software System Components 1 Graphics Shan He LECTURE 3 Introduction to Java 2D Graphics (II) 1.1. Outline of Lecture Review of what we learned Rendering Shapes 1.2. Review of what we learned Last lecture,

More information

Paint Tutorial (Project #14a)

Paint Tutorial (Project #14a) Paint Tutorial (Project #14a) In order to learn all there is to know about this drawing program, go through the Microsoft Tutorial (below). (Do not save this to your folder.) Practice using the different

More information

Guidelines for Legible and Readable Text, page 2-1 Visual Density Transparent, Translucent, or Opaque?, page 2-3

Guidelines for Legible and Readable Text, page 2-1 Visual Density Transparent, Translucent, or Opaque?, page 2-3 CHAPTER 2 Revised: November 15, 2011 Concepts, page 2-1 s, page 2-4 Reference, page 2-25 Concepts Guidelines for Legible and Readable Text, page 2-1 Visual Density Transparent, Translucent, or Opaque?,

More information

Graphics. Lecture 18 COP 3252 Summer June 6, 2017

Graphics. Lecture 18 COP 3252 Summer June 6, 2017 Graphics Lecture 18 COP 3252 Summer 2017 June 6, 2017 Graphics classes In the original version of Java, graphics components were in the AWT library (Abstract Windows Toolkit) Was okay for developing simple

More information

12 APPLYING EFFECTS. Lesson overview

12 APPLYING EFFECTS. Lesson overview 12 APPLYING EFFECTS Lesson overview In this lesson, you ll learn how to do the following: Use various effects, such as Pathfinder, Scribble, and Drop Shadow. Use Warp effects to distort type. Create three-dimensional

More information

Chapter 10. Creating 3D Objects Delmar, Cengage Learning

Chapter 10. Creating 3D Objects Delmar, Cengage Learning Chapter 10 Creating 3D Objects 2011 Delmar, Cengage Learning Objectives Extrude objects Revolve objects Manipulate surface shading and lighting Map artwork to 3D objects Extrude Objects Extrude & Bevel

More information

Quick Guide for Photoshop CC Basics April 2016 Training:

Quick Guide for Photoshop CC Basics April 2016 Training: Photoshop CC Basics Creating a New File 1. Click File > New 2. Keep Default Photoshop Size selected in the Preset drop-down list. 3. Click OK. Showing Rulers 1. On the Menu bar, click View. 2. Click Rulers.

More information

Generating Vectors Overview

Generating Vectors Overview Generating Vectors Overview Vectors are mathematically defined shapes consisting of a series of points (nodes), which are connected by lines, arcs or curves (spans) to form the overall shape. Vectors can

More information

Graphics Applets. By Mr. Dave Clausen

Graphics Applets. By Mr. Dave Clausen Graphics Applets By Mr. Dave Clausen Applets A Java application is a stand-alone program with a main method (like the ones we've seen so far) A Java applet is a program that is intended to transported

More information

Scalable Vector Graphics (SVG) vector image World Wide Web Consortium (W3C) defined with XML searched indexed scripted compressed Mozilla Firefox

Scalable Vector Graphics (SVG) vector image World Wide Web Consortium (W3C) defined with XML searched indexed scripted compressed Mozilla Firefox SVG SVG Scalable Vector Graphics (SVG) is an XML-based vector image format for twodimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed

More information

Building Java Programs

Building Java Programs Building Java Programs Graphics reading: Supplement 3G videos: Ch. 3G #1-2 Objects (briefly) object: An entity that contains data and behavior. data: variables inside the object behavior: methods inside

More information

2 Solutions Chapter 3. Chapter 3: Practice Example 1

2 Solutions Chapter 3. Chapter 3: Practice Example 1 1 Solutions This section includes the step by step solutions for the practice exercise for the following chapters and sections: Chapter 3 Chapter 4 Chapter 5 Chapter 11: Rainbow Springs sample test Final

More information

JavaFX Technology Building GUI Applications With JavaFX - Tutorial Overview

JavaFX Technology Building GUI Applications With JavaFX - Tutorial Overview avafx Tutorial Develop Applications for Desktop and Mobile Java FX 2/10/09 3:35 PM Sun Java Solaris Communities My SDN Account Join SDN SDN Home > Java Technology > JavaFX Technology > JavaFX Technology

More information

Adobe InDesign CS6 Tutorial

Adobe InDesign CS6 Tutorial Adobe InDesign CS6 Tutorial Adobe InDesign CS6 is a page-layout software that takes print publishing and page design beyond current boundaries. InDesign is a desktop publishing program that incorporates

More information

MET 107 Drawing Tool (Shapes) Notes Day 3

MET 107 Drawing Tool (Shapes) Notes Day 3 MET 107 Drawing Tool (Shapes) Notes Day 3 Shapes: (Insert Tab Shapes) Example: Select on the rounded rectangle Then use the mouse to position the upper left corner and produce the size by dragging out

More information

Using Microsoft Excel

Using Microsoft Excel Using Microsoft Excel Formatting a spreadsheet means changing the way it looks to make it neater and more attractive. Formatting changes can include modifying number styles, text size and colours. Many

More information

On the Web sun.com/aboutsun/comm_invest STAROFFICE 8 DRAW

On the Web sun.com/aboutsun/comm_invest STAROFFICE 8 DRAW STAROFFICE 8 DRAW Graphics They say a picture is worth a thousand words. Pictures are often used along with our words for good reason. They help communicate our thoughts. They give extra information that

More information

Creating a Flyer. Open Microsoft Publisher. You will see the list of Popular Publication Types. Click the Blank Page Sizes.

Creating a Flyer. Open Microsoft Publisher. You will see the list of Popular Publication Types. Click the Blank Page Sizes. Creating a Flyer Open Microsoft Publisher. You will see the list of Popular Publication Types. Click the Blank Page Sizes. Double click on Letter (Portrait) 8.56 x 11 to open up a Blank Page. Go to File

More information

Points and lines. x x 1 + y 1. y = mx + b

Points and lines. x x 1 + y 1. y = mx + b Points and lines Point is the fundamental element of the picture representation. It is nothing but the position in a plan defined as either pairs or triplets of number depending on whether the data are

More information

How to Make a Poster Using PowerPoint

How to Make a Poster Using PowerPoint How to Make a Poster Using PowerPoint 1997 2010 Start PowerPoint: Make a New presentation a blank one. When asked for a Layout, choose a blank one one without anything even a title. Choose the Size of

More information

Java Programming Lecture 6

Java Programming Lecture 6 Java Programming Lecture 6 Alice E. Fischer Feb 15, 2013 Java Programming - L6... 1/32 Dialog Boxes Class Derivation The First Swing Programs: Snow and Moving The Second Swing Program: Smile Swing Components

More information

EXAMINATIONS 2016 TRIMESTER 2

EXAMINATIONS 2016 TRIMESTER 2 EXAMINATIONS 2016 TRIMESTER 2 CGRA 151 INTRODUCTION TO COMPUTER GRAPHICS Time Allowed: TWO HOURS CLOSED BOOK Permitted materials: Silent non-programmable calculators or silent programmable calculators

More information

S206E Lecture 3, 5/15/2017, Rhino 2D drawing an overview

S206E Lecture 3, 5/15/2017, Rhino 2D drawing an overview Copyright 2017, Chiu-Shui Chan. All Rights Reserved. S206E057 Spring 2017 Rhino 2D drawing is very much the same as it is developed in AutoCAD. There are a lot of similarities in interface and in executing

More information

Adobe Illustrator. Quick Start Guide

Adobe Illustrator. Quick Start Guide Adobe Illustrator Quick Start Guide 1 In this guide we will cover the basics of setting up an Illustrator file for use with the laser cutter in the InnovationStudio. We will also cover the creation of

More information

IN DESIGN. A review of the overview

IN DESIGN. A review of the overview IN DESIGN A review of the overview InDesign Review GETTING STARTED: Start by clicking the InDesign icon in your dock. Wait for InDesign to load. Click on Create New Document If resuming work, find your

More information

Word Processing Graphics

Word Processing Graphics Class Description This class is intended for those who are comfortable with the fundamentals of word processing. It covers the use of various types of graphics to improve or clarify or just beautify the

More information

Step 1: Create A New Photoshop Document

Step 1: Create A New Photoshop Document Snowflakes Photo Border In this Photoshop tutorial, we ll learn how to create a simple snowflakes photo border, which can be a fun finishing touch for photos of family and friends during the holidays,

More information

Xyron Wishblade Software Manual (Mac)

Xyron Wishblade Software Manual (Mac) Xyron Wishblade Software Manual (Mac) Provided By http://www.mybinding.com http://www.mybindingblog.com Xyron Wishblade Create & Cut Software Manual Section 1 Getting Started with Tool Bars 2 Standard

More information

Tools of Design Select Mode vs. Text Mode Select Mode allows you to alter the position and size of both text and clipart Text Mode allows you change text size, font and characters but you CANNOT

More information

Krita Vector Tools

Krita Vector Tools Krita 2.9 05 Vector Tools In this chapter we will look at each of the vector tools. Vector tools in Krita, at least for now, are complementary tools for digital painting. They can be useful to draw clean

More information

Chapter 5 Managing Graphic Objects

Chapter 5 Managing Graphic Objects Impress Guide Chapter 5 Managing Graphic Objects Moving, rotating, distorting, and positioning objects; animations; Fontwork This PDF is designed to be read onscreen, two pages at a time. If you want to

More information

Transforming Objects in Inkscape Transform Menu. Move

Transforming Objects in Inkscape Transform Menu. Move Transforming Objects in Inkscape Transform Menu Many of the tools for transforming objects are located in the Transform menu. (You can open the menu in Object > Transform, or by clicking SHIFT+CTRL+M.)

More information

HOW TO. In this section, you will find. miscellaneous handouts that explain. HOW TO do various things.

HOW TO. In this section, you will find. miscellaneous handouts that explain. HOW TO do various things. In this section, you will find miscellaneous handouts that explain do various things. 140 SAVING Introduction Every time you do something, you should save it on the DESKTOP. Click Save and then click on

More information

Shape and Line Tools. tip: Some drawing techniques are so much easier if you use a pressuresensitive

Shape and Line Tools. tip: Some drawing techniques are so much easier if you use a pressuresensitive 4Drawing with Shape and Line Tools Illustrator provides tools for easily creating lines and shapes. Drawing with shapes (rectangles, ellipses, stars, etc.) can be a surprisingly creative and satisfying

More information

Topic 8 graphics. -mgrimes, Graphics problem report 134

Topic 8 graphics. -mgrimes, Graphics problem report 134 Topic 8 graphics "What makes the situation worse is that the highest level CS course I've ever taken is cs4, and quotes from the graphics group startup readme like 'these paths are abstracted as being

More information

Keyboard Shortcuts. Command Windows Macintosh

Keyboard Shortcuts. Command Windows Macintosh S00ILCS5.qxp 3/19/2010 1:11 AM Page 477 Keyboard Shortcuts k Adobe Illustrator CS5 If a command on a menu includes a keyboard reference, known as a keyboard shortcut, to the right of the command name,

More information

Adobe Illustrator CS5 Part 2: Vector Graphic Effects

Adobe Illustrator CS5 Part 2: Vector Graphic Effects CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Illustrator CS5 Part 2: Vector Graphic Effects Summer 2011, Version 1.0 Table of Contents Introduction...2 Downloading the

More information

Chapter 6 Formatting Graphic Objects

Chapter 6 Formatting Graphic Objects Impress Guide Chapter 6 OpenOffice.org Copyright This document is Copyright 2007 by its contributors as listed in the section titled Authors. You can distribute it and/or modify it under the terms of either

More information

User Manual Version 1.1 January 2015

User Manual Version 1.1 January 2015 User Manual Version 1.1 January 2015 - 2 / 112 - V1.1 Variegator... 7 Variegator Features... 7 1. Variable elements... 7 2. Static elements... 7 3. Element Manipulation... 7 4. Document Formats... 7 5.

More information

EDITING SHAPES. Lesson overview

EDITING SHAPES. Lesson overview 3 CREATING AND EDITING SHAPES Lesson overview In this lesson, you ll learn how to do the following: Create a document with multiple artboards. Use tools and commands to create basic shapes. Work with drawing

More information

Cudacountry Radial. Fig. 2. Point. Fig. 4. Mastercam 2017 Cudacountry Radial Page 19-1

Cudacountry Radial. Fig. 2. Point. Fig. 4. Mastercam 2017 Cudacountry Radial Page 19-1 Mastercam 2017 Chapter 19 Cudacountry Radial A. Create Rectangle. Step 1. If necessary start a new Mastercam file, click New QAT. (Ctrl-N) on the Quick Access Toolbar Step 2. On the Wireframe tab click

More information

ITEC185. Introduction to Digital Media

ITEC185. Introduction to Digital Media ITEC185 Introduction to Digital Media ADOBE ILLUSTRATOR CC 2015 What is Adobe Illustrator? Adobe Illustrator is a program used by both artists and graphic designers to create vector images. These images

More information

Draw Guide. Chapter 4 Changing Object Attributes

Draw Guide. Chapter 4 Changing Object Attributes Draw Guide Chapter 4 Changing Object Attributes Copyright This document is Copyright 2005 2011 by its contributors as listed below. You may distribute it and/or modify it under the terms of either the

More information

Geometry: Semester 2 Practice Final Unofficial Worked Out Solutions by Earl Whitney

Geometry: Semester 2 Practice Final Unofficial Worked Out Solutions by Earl Whitney Geometry: Semester 2 Practice Final Unofficial Worked Out Solutions by Earl Whitney 1. Wrapping a string around a trash can measures the circumference of the trash can. Assuming the trash can is circular,

More information

Christmas Card Final Image Preview Coach Christian s Example Ctrl+N 1920px 1200px RGB 72 pixels/inch Rectangle Tool (U)

Christmas Card Final Image Preview Coach Christian s Example Ctrl+N 1920px 1200px RGB 72 pixels/inch Rectangle Tool (U) Christmas Card In this tutorial, you ll learn how a Christmas card can be designed with Photoshop. You will learn how to create Christmas ball, draw snowflakes, customize brushes etc. Let s get started!

More information

We will start our journey into Processing with creating static images using commands available in Processing:

We will start our journey into Processing with creating static images using commands available in Processing: Processing Notes Chapter 1: Starting Out We will start our journey into Processing with creating static images using commands available in Processing: rect( ) line ( ) ellipse() triangle() NOTE: to find

More information

Introduction To Inkscape Creating Custom Graphics For Websites, Displays & Lessons

Introduction To Inkscape Creating Custom Graphics For Websites, Displays & Lessons Introduction To Inkscape Creating Custom Graphics For Websites, Displays & Lessons The Inkscape Program Inkscape is a free, but very powerful vector graphics program. Available for all computer formats

More information

3D Body. Modified by Jason Howie on 8-Oct Parent page: PCB Dialogs. Other Related Resources 3D Body (Object)

3D Body. Modified by Jason Howie on 8-Oct Parent page: PCB Dialogs. Other Related Resources 3D Body (Object) 3D Body Modified by Jason Howie on 8-Oct-2016 Other Related Resources 3D Body (Object) Parent page: PCB Dialogs The 3D Body Dialog. Summary The 3D Body dialog allows you to modify the attributes of an

More information

Chapter 1 Introducing Draw

Chapter 1 Introducing Draw Draw Guide Chapter 1 Introducing Draw Drawing Vector Graphics in LibreOffice Copyright This document is Copyright 2013 by its contributors as listed below. You may distribute it and/or modify it under

More information

Adobe Indesign for Beginner - Session Structure

Adobe Indesign for Beginner - Session Structure Adobe Indesign for Beginner - Session Structure Hour 01 Introduction to Indesign Indesign Workspace Hide / show palettes Dock / float palettes Group / ungroup palettes Stack / unstack palettes Save / load

More information

Using Microsoft Word. Working With Objects

Using Microsoft Word. Working With Objects Using Microsoft Word Many Word documents will require elements that were created in programs other than Word, such as the picture to the right. Nontext elements in a document are referred to as Objects

More information

Band Editor User Guide Version 1.3 Last Updated 9/19/07

Band Editor User Guide Version 1.3 Last Updated 9/19/07 Version 1.3 Evisions, Inc. 14522 Myford Road Irvine, CA 92606 Phone: 949.833.1384 Fax: 714.730.2524 http://www.evisions.com/support Table of Contents 1 - Introduction... 4 2 - Report Design... 7 Select

More information

After completing each task, be sure to save the file in the My Documents folder on your computer using the suggested name.

After completing each task, be sure to save the file in the My Documents folder on your computer using the suggested name. PowerPoint Basic PPT2K13B Final Assignment This is the final assignment for the PowerPoint Basic course. Before attempting to complete this evaluation, you should have completed all Lessons Presentations,

More information

Lesson 6 Adding Graphics

Lesson 6 Adding Graphics Lesson 6 Adding Graphics Inserting Graphics Images Graphics files (pictures, drawings, and other images) can be inserted into documents, or into frames within documents. They can either be embedded or

More information

This section provides an overview of the features available within the Standard, Align, and Text Toolbars.

This section provides an overview of the features available within the Standard, Align, and Text Toolbars. Using Toolbars Overview This section provides an overview of the features available within the Standard, Align, and Text Toolbars. Using toolbar icons is a convenient way to add and adjust label objects.

More information

Xyron Wishblade Software Manual (PC)

Xyron Wishblade Software Manual (PC) Xyron Wishblade Software Manual (PC) Provided By http://www.mybinding.com http://www.mybindingblog.com Xyron Wishblade Create & Cut Software Manual Section 1 Getting Started with Tool Bars 2 Standard Tool

More information

@Override public void start(stage primarystage) throws Exception { Group root = new Group(); Scene scene = new Scene(root);

@Override public void start(stage primarystage) throws Exception { Group root = new Group(); Scene scene = new Scene(root); Intro to Drawing Graphics To draw some simple graphics, we first need to create a window. The easiest way to do this in the current version of Java is to create a JavaFX application. Previous versions

More information

Guide to WB Annotations

Guide to WB Annotations Guide to WB Annotations 04 May 2016 Annotations are a powerful new feature added to Workbench v1.2.0 (Released May 2016) for placing text and symbols within wb_view tabs and windows. They enable generation

More information

ILLUSTRATOR TUTORIAL-1 workshop handout

ILLUSTRATOR TUTORIAL-1 workshop handout Why is Illustrator a powerful tool? ILLUSTRATOR TUTORIAL-1 workshop handout Computer graphics fall into two main categories, bitmap graphics and vector graphics. Adobe Illustrator is a vector based software

More information

Topic 8 Graphics. Margaret Hamilton

Topic 8 Graphics. Margaret Hamilton Topic 8 Graphics When the computer crashed during the execution of your program, there was no hiding. Lights would be flashing, bells would be ringing and everyone would come running to find out whose

More information

12/22/11. } Rolling a Six-Sided Die. } Fig 6.7: Rolling a Six-Sided Die 6,000,000 Times

12/22/11. } Rolling a Six-Sided Die. } Fig 6.7: Rolling a Six-Sided Die 6,000,000 Times } Rolling a Six-Sided Die face = 1 + randomnumbers.nextint( 6 ); The argument 6 called the scaling factor represents the number of unique values that nextint should produce (0 5) This is called scaling

More information

Pen Tool, Fill Layers, Color Range, Levels Adjustments, Magic Wand tool, and shadowing techniques

Pen Tool, Fill Layers, Color Range, Levels Adjustments, Magic Wand tool, and shadowing techniques Creating a superhero using the pen tool Topics covered: Pen Tool, Fill Layers, Color Range, Levels Adjustments, Magic Wand tool, and shadowing techniques Getting Started 1. Reset your work environment

More information

CREATING THE FUNKY BUSINESS CARD

CREATING THE FUNKY BUSINESS CARD CREATING THE FUNKY BUSINESS CARD This is what the final product should look like. 1. Open Illustrator 2. Create a new document (file new) Name your document. Change the units to inches. Change the document

More information

SUPPLEMENTARY FILE S1: 3D AIRWAY TUBE RECONSTRUCTION AND CELL-BASED MECHANICAL MODEL. RELATED TO FIGURE 1, FIGURE 7, AND STAR METHODS.

SUPPLEMENTARY FILE S1: 3D AIRWAY TUBE RECONSTRUCTION AND CELL-BASED MECHANICAL MODEL. RELATED TO FIGURE 1, FIGURE 7, AND STAR METHODS. SUPPLEMENTARY FILE S1: 3D AIRWAY TUBE RECONSTRUCTION AND CELL-BASED MECHANICAL MODEL. RELATED TO FIGURE 1, FIGURE 7, AND STAR METHODS. 1. 3D AIRWAY TUBE RECONSTRUCTION. RELATED TO FIGURE 1 AND STAR METHODS

More information

Part 1: Basics. Page Sorter:

Part 1: Basics. Page Sorter: Part 1: Basics Page Sorter: The Page Sorter displays all the pages in an open file as thumbnails and automatically updates as you add content. The page sorter can do the following. Display Pages Create

More information

This page intentionally left blank

This page intentionally left blank This page intentionally left blank arting Out with Java: From Control Structures through Objects International Edition - PDF - PDF - PDF Cover Contents Preface Chapter 1 Introduction to Computers and Java

More information

Creating Digital Illustrations for Your Research Workshop III Basic Illustration Demo

Creating Digital Illustrations for Your Research Workshop III Basic Illustration Demo Creating Digital Illustrations for Your Research Workshop III Basic Illustration Demo Final Figure Size exclusion chromatography (SEC) is used primarily for the analysis of large molecules such as proteins

More information

INSTRUCTORS: A. SANPHAWAT JATUPATWARANGKUL A. NATTAPOL SUPHAWONG A. THEEPRAKORN LUNTHOMRATTANA COMPUTER AIDED DESIGN I AUTOCAD AND ILLUSTRATOR CS

INSTRUCTORS: A. SANPHAWAT JATUPATWARANGKUL A. NATTAPOL SUPHAWONG A. THEEPRAKORN LUNTHOMRATTANA COMPUTER AIDED DESIGN I AUTOCAD AND ILLUSTRATOR CS INSTRUCTORS: A. SANPHAWAT JATUPATWARANGKUL A. NATTAPOL SUPHAWONG A. THEEPRAKORN LUNTHOMRATTANA COMPUTER AIDED DESIGN I AUTOCAD AND ILLUSTRATOR CS BITMAP IMAGES VS VECTOR GRAPHICS WORKING WITH BITMAP IMAGES

More information

CISC 1600 Lecture 3.1 Introduction to Processing

CISC 1600 Lecture 3.1 Introduction to Processing CISC 1600 Lecture 3.1 Introduction to Processing Topics: Example sketches Drawing functions in Processing Colors in Processing General Processing syntax Processing is for sketching Designed to allow artists

More information

SETTINGS AND WORKSPACE

SETTINGS AND WORKSPACE ADOBE ILLUSTRATOR Adobe Illustrator is a program used to create vector illustrations / graphics (.ai/.eps/.svg). These graphics will then be used for logos, banners, infographics, flyers... in print and

More information

Do Now # 1 Label the Photoshop Interface.

Do Now # 1 Label the Photoshop Interface. Class Warmup AVTECH Do Now # 1 Label the Photoshop Interface. The Menu Bar The Options Panel The Canvas The Navigator Panel The History Panel Button The Workspace Button The Tool Bar The Layers Panel The

More information

Ornamental Pro 2010 OP2010 Instruction Manual Table of Contents Objects... 3 Bar... 3 Description... 3 Creating New... 3 Creating a Curved Bar...

Ornamental Pro 2010 OP2010 Instruction Manual Table of Contents Objects... 3 Bar... 3 Description... 3 Creating New... 3 Creating a Curved Bar... Ornamental Pro 2010 OP2010 Instruction Manual Table of Contents Objects... 3 Bar... 3... 3... 3 Creating a Curved Bar... 3... 4 Twisted Bar... 4 Mitering Two Bars... 4 Extend... 4 Band... 5... 5... 5...

More information

The Racket Drawing Toolkit

The Racket Drawing Toolkit The Racket Drawing Toolkit Version 6.12.0.3 Matthew Flatt, Robert Bruce Findler, and John Clements February 14, 2018 (require racket/draw) package: draw-lib The racket/draw library provides all of the

More information

Adobe Illustrator CC 2018 Tutorial

Adobe Illustrator CC 2018 Tutorial Adobe Illustrator CC 2018 Tutorial GETTING STARTED Adobe Illustrator CC is an illustration program that can be used for print, multimedia and online graphics. Whether you plan to design or illustrate multimedia

More information

Exercise III: Creating a Logo with Illustrator CS6

Exercise III: Creating a Logo with Illustrator CS6 Exercise III: Creating a Logo with Illustrator CS6 Project 1: Creating Logos with the Shape Tools Now that we have some experience with Illustrator s tools, let s expand our goal to create a logo, web

More information

CSC207H: Software Design Lecture 11

CSC207H: Software Design Lecture 11 CSC207H: Software Design Lecture 11 Wael Aboelsaadat wael@cs.toronto.edu http://ccnet.utoronto.ca/20075/csc207h1y/ Office: BA 4261 Office hours: R 5-7 Acknowledgement: These slides are based on material

More information