Text Overview - Google Web DesignerYouTube↗  IA↗(long shot)
Science & Technology  7.1K views 18 likes 3 dislikes   03 Jan 2018
Google Web Designer 76.8K subscribers United States YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
hello everyone my name is Sean and I'm
SHUO: Hello, everyone.
an engineer on the Google web designer
My name is Shuo, and I'm an engineer on the Google Web
team so today I'm gonna talk about how to edit text using the text panel if you
Designer team. So today I'm going to talk about how to edit text using the Text panel.
have used the text tool in the Google
If you have used the Text tool in the Google Web Designer
map designer before you may have remembered that previously in order to
before, you may remember that previously,
added text we'll have to first select
in order to edit text, we have to first select the Text tool
the text tool in order to see all those text options and if you want to make a
in order to see all those text options.
section change out stage you'll have to
And if you want to make a selection change on
first switch to section hole-making
stage, you'll have to first switch to Selection tool,
sections on stage
making selections off stage, switch back
switch back to text all the other to change the text properties so now we are
to Text tool in order to change the text properties.
adding another option of editing text
So now we are adding another option of editing text, which
which is the text panel in the text
is the Text panel.
panel we support all the text options
So in the Text panel, we support all the text options
that were currently supporting in the
that we're currently supporting in the Text tool.
text tool for example with the text panel now what we can do is we can have
For example, with the Text panel, now what we can do
the section to select it we can make our
is we can have this Section tool selected.
sections and then directly change the
We can make our selections and then directly change the text
text property from the tax panel for
property from the Text panel.
example we can change the tag button change the font we offer a list of
For example, we can change the tag, we can change the font.
common thoughts by default but you can
We offer a list of common fonts by default,
always click on more phones
but you can always click on more fonts.
and advancement there and the phones
And add fonts from there.
will appear at the top we can also
And the fonts will appear at the top.
change the style I can change to italic or bold we can also change the font size that you are typing or dragging we can
We can also change the style. We can change to italic or bold. We can also change the font size by either typing or dragging.
change the color we also offer a list of
We can change the color.
alignment options we can choose to
We also offer a list of alignment options.
insert a list of remove a list we can
We can choose to insert the list or remove a list.
increase the indent or decrease tangent
We can increase the indent or decrease the indent.
we can also create a link so all these
We can also create a link.
options are supported in the text panel
So all these options are supported in the Text panel.
and the properties that were showing in
And the properties that we're showing in the Text panel
the text panel are based on the current
are based on the current selection.
section right now I have this text
Right now I have this text selected.
selected you can see it has the size of
You can see it has a size of 19.
19 I have this red color if I switch to
It has this red color.
another text you can see the size and
If I switch to another text, you can see the size
the color are updated to reflect the current structure when you have multiple
and the color are updated to reflect the current selection.
text selected on stage
When you'll have multiple texts selected on stage,
the properties are the same for all the
the properties that are the same for all the selections
sections will be shown what other
will be shown, while other properties that
purpose that are not the same for the
are not the same for all the selections
sanctions will be left as black when you
will be left as blank.
want to disturb the text you can clear
When you want to deselect the text,
anywhere outside the text to this sector
you can clear anywhere outside the text to deselect them.
so this is how we can add attacks that is already on stage why you want to add
So this is how we can edit a text that is already on stage.
a new text we still have two stacked the text tool but you do have the option to
When you want to add a new text, we still have to select the Text tool, but you
change the text property from either the
do have the option to change the text
previous options or from the text panel
property from either the previous options or from the Text panel.
and change the size and she was a
You can change the size.
different color when adding a new text
You can choose a different color.
you can drop a text box by dragging and
When editing a new text, you can drop a text box by dragging.
her attacks back there one times two is
Enter a text block there.
selected you can click inside a text to
When Text tool is selected, you can click inside a text
enter this editing mode you can also
to enter this editing mode.
select a range of characters and only
You can also select a range of characters and only change
change property photos characters you
property for those characters.
can click outside the text to exit this editing mode if you want to deselect the
You can click outside the text to exit this editing mode.
text block you can press the Escape key
If you want to deselect a text block,
and will be detected that's it thanks
you can press the Escape key, and it will be deselected.
for watching
That's it. Thanks for watching.
Similar videos:

Outliner - Google Web Designer
Google Web Designer
4.1K views 15 likes 6 dislikes 18 Jun 201830% match


Text Tool Demo
Google Web Designer
26.1K views 94 likes 2 dislikes 30 Sep 201330% match


Selection Tool - Google Web Designer
Google Web Designer
1.9K views 10 likes 0 dislikes 21 Aug 201829% match


Camtasia: Working with the Canvas (2019)
Camtasia
13.6K views 85 likes 13 dislikes 30 Apr 201927% match

Shapes Overview - Google Web Designer
Google Web Designer
2K views 8 likes 1 dislikes 30 May 201827% match


Backup your Windows 10 Files Automatically (restore previous versions)
Sele Training
5K views 256 likes 3 dislikes 01 Jan 202126% match





Pen tool - Google Web Designer
Google Web Designer
1.7K views 6 likes 1 dislikes 21 Aug 201826% match


Timeline Easing and Preview Range - Google Web Designer
Google Web Designer
7.6K views 37 likes 6 dislikes 03 Jan 201826% match


Motion Path Editing - Google Web Designer
Google Web Designer
3.4K views 8 likes 2 dislikes 18 Jun 201826% match


Timeline Enhancements - Google Web Designer
Google Web Designer
13.2K views 68 likes 3 dislikes 21 Jun 201725% match


UI Overview - Google Web Designer
Google Web Designer
4.5K views 35 likes 1 dislikes 20 Aug 201825% match


Code View - Google Web Designer
Google Web Designer
3.1K views 20 likes 0 dislikes 22 Aug 201825% match



Settings Privacy About Contact Donate