Figma中文网 > 使用教程 > Figma如何加阴影 Figma怎么添加锚点
Figma如何加阴影 Figma怎么添加锚点
发布时间:2025/01/22 13:32:05

品牌型号:神州Gxt8

系统:Windows 10

软件版本:Figma入门版

Figma是一款优秀的UI设计工具,除了能让资深设计师制作ins风贴纸图片,还能让小白设计师快速修改设计稿,例如添加阴影使图形更立体逼真,添加锚点控制线条形状和长度。这篇文章就以添加简单设计元素的角度,告诉大家Figma如何加阴影,Figma怎么添加锚点。

一、Figma如何加阴影

Figma加阴影指的是使用Figma相关功能给图片或图形添加阴影,让图片或图形立体化。下面就向大家演示一下详细的操作步骤吧。

1、Figma添加阴影需要使用设计文件中的效果功能来操作。首先进入谷歌浏览器中的Figma主菜单页面,然后如图1所示,在主菜单图标中点击“新建设计文件”,创建一个新设计文件页面。

创建设计文件
图1:创建设计文件

2、在新设计文件中,绘制好图形或设计稿,然后如图2所示,选中图形,在页面右侧找到倒数第2个功能“效果”。点击一下“效果”,在这项功能中就会出现内阴影、投影、图层模糊和背景模糊四项效果功能,接下来选中“投影功能”。

选中投影功能
图2:选中投影功能

3、在投影功能中,需要按照自身需求,调整图形的投影也就是阴影的位置、大小和透明度。如图3所示,点击“效果”下方的效果设置小方框,在弹出框中可设置阴影位置、模糊和颜色。输入位置坐标X和Y的数值时,数字越大,阴影面积越大,输入模糊数值越大,阴影越模糊。此外,点击颜色框,在弹出框中可以选择阴影颜色和阴影透明度,例如本次阴影选择黑色,透明度设置为25%。

设置阴影数值
图3:设置阴影数值

4、当阴影位置设置为X100,Y100模糊数值为20,阴影颜色设置为20%透明度的黑色时,图形增加阴影后效果如下,这样Figma加阴影就完成了。

加阴影效果
图4:加阴影效果

二、Figma怎么添加锚点

锚点指的是绘制线条时的关键点,设置了锚点就能使线条路径随着锚点位置进行弯曲和延长,在一条线条路径中设置多个锚点,可以改变锚点与锚点之间单独一段线条的弯曲程度。灵活设置锚点能够让图形千变万化,让图稿更出彩。下面就向大家演示一下Figma怎么添加锚点。

1、一般来说,使用Figma设置锚点需要用到钢笔工具。同样按照上文步骤进入设计页面,如图5所示,在设计页面下方找到并点击钢笔工具。

点击“钢笔”工具
图5:点击“钢笔”工具

2、接下来如图6所示,拖动鼠标在需要绘制线条的起始区域点击一下,这样一个起始锚点就设置好了。

设置起始锚点
图6:设置起始锚点

3、接下来如图7所示,根据需要在画面中相应位置点击一下就设置好线条尾端锚点了,这样一段线条就设置好了。如果想控制线条弯曲程度,那么点击设置尾端锚点后按住鼠标上下左右轻微移动,就能使线条按需弯曲。

设置尾端锚点
图7:设置尾端锚点

4、尾端锚点设置好后,需要结束锚点设置,否则随意在空白页面点击会再次设置锚点。结束锚点设置有三种方法,一是在设置尾端锚点后点击移动工具,然后在空白页面中点击一下,二是点击键盘中的“Esc”键,三是双击尾端锚点,以上就是Figma添加锚点的详细步骤。

结束锚点设置
图8:结束锚点设置

三、小结

以上就是Figma如何加阴影,Figma怎么添加锚点的相关教程。Figma给图形或线稿加阴影需要在效果功能中设置投影数值来操作,Figma中的锚点需要使用设计文件中的钢笔工具来依次添加,通过添加锚点可以绘制出灵活多变的线条,按上文步骤试试吧!

读者也访问过这里:
135 2431 0251