回到所有的课程
课程库

文本的影子

通过叠加文本阴影添加深度和创建独特的文本样式。

本视频采用了旧的用户界面。更新版本即将到来!

可以在单个文本元素上添加多个文本阴影,通过对每个文本阴影设置不同的样式来创建独特的视觉效果。

这里有一个例子:

  1. 为纯黑色文本添加投影。设置距离4 px
  2. 在第一个阴影下添加第二个阴影。设置距离8像素
  3. 添加第三个阴影。设置距离把这影子带到12 px

当你为文字添加阴影时,你可以在画布上看到效果。

左边的第一步,选择麦金利理发店的标题。在右边的第二步,添加一个文本阴影,设置为4距离,0模糊和颜色白色。保持135的角度为所有文字阴影效果添加。
在左边的第三步,添加第二个文本阴影,距离为8px, 0模糊和颜色黑色。在右边的第四步,添加第三个文字阴影,距离为12px, 0模糊,颜色为白色。
在左边,三个文本阴影包含在文本元素的文本阴影部分。在右边,文本包括三个文本阴影在纯黑色文本“麦金利理发师”

如果你编辑和改变画布上的文字,你会用这种阴影效果书写。

您可以随时切换阴影层的可见性,甚至可以通过单击和拖动图层到适当的位置来重新排列顺序。

文本阴影部分包括三个文本阴影效果及其设置,一个隐藏/显示图标和一个删除图标。右上角有一个加号图标,用于添加新的效果。
尝试Webflow——它是免费的
Baidu
map