JEAN-PIERRE: Hi, this is Jean-Pierre,
an engineer on the Google Web Designer team.
And I'm here to talk to you about shapes in Google Web
Designer.
Here are the different shapes available.
We have rectangles, ovals, lines, and Bezier paths.
I'm going to show you how to create these different shapes,
except for the path that I will show in a different video.
In order to create a rectangle, you
need to press on the Shapes menu to select the Rectangle tool.
And once it's selected, you click on the stage,
drag, and release when you have the rectangle you want.
An option is if I do the same,
but pressing the Shift key, which allows
you to create a square instead.
The Properties panel lets you to modify
all the different variables, such as the width, the height,
add some translation or rotation to the rectangle.
Control feedback on color, the stroke color, the stroke width
styles, and also allowing you to have one corner, either all
of them with the same radius, or changing only one of them.
The next shape we're going to talk about
is the oval, which you can access here from the menu
or by the O shortcut.
Same as rectangle, you drag on the stage and release when you
have the bounding box you want.
You can then change the fill color or the border.
For the PI, change other color, panel, change the stroke
or fill color, change the stroke width.
An additional option that exists is the ability
to have an empty oval in the middle,
and an additional oval drawn in the middle.
The next shape that we're going to look at is the line.
You can apply by pressing the Shift key,
create an horizontal, vertical, of 45-degree line.
Same as with the others, depend on those
to modify the stroke width, change the existing stroke
color.
When you look in code view, you can see a basic line.
Looking at the class associated with this
will allow you to change manually
the different properties if you want.
This concludes our demo on shapes in Google Web Designer.
A different video will explain how to create Bezier paths
in Google Web Designer.
Thank you for your time.