• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Hour 7. Painting > Workshop

Workshop

Quiz

1: What style properties are used to adjust the transparency of an object?
A1: The opacity, fill-opacity, and stroke-opacity style properties are used to adjust the transparency of an object. The first of the three, opacity, adjusts both fill and stroke opacities simultaneously.
2:True or False: The stroke-weight style declaration is used to determine the thickness of a stroke.
A2: False. The stroke-width declaration is used to determine the thickness of a stroke.
3:Describe the two types of gradients possible in SVG.
A3: Two types of gradients exist in SVG: linear and gradient. Linear gradients follow a straight directional path (known as a gradient vector), whereas radial gradients blend colors along the radius of a circle.
4:Which element is used to repeat an object's display at a set offset within another object?
A4: The pattern element is used to create a repeatable object inside another object. When applied, it acts just like a color fill, tiling its contents across the dimensions of the object.
5:True or False: SVG can accept hexadecimal notation to describe color values.
A5: True. SVG can accept many methods of describing a color, including both color keywords and hexadecimal notation of RGB values.

Exercises

1:Flex your mastery of patterns and gradients by creating a pattern containing a series of gradated objects. Copy lines 8 and 14 through 22 of Listing 7.6 and paste the lines into their appropriate location in Listing 7.8 (line 8 belongs in the style sheet, whereas the remaining lines can replace the blue square on line 14).
2:Observe the interesting effects you can create by layering a series of semi-transparent objects over each other. Make sure each object has a different fill and that none of the objects share the same coordinates and dimensions.
3:Apply transparency to a gradient. Place the gradient over an object with a pattern fill, and adjust this object's transparency as well.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint