Figma#1: 图形绘制 |
您所在的位置:网站首页 › figma填充颜色在哪 › Figma#1: 图形绘制 |
放寒假了,但又没完全放 参考教程: 【Figma教程】保姆级教程,全网最简单易学的Figma教程01-界面初识与形状绘制_哔哩哔哩_bilibili 目录 1 快捷键 2 矩形的操作点 2.1 绘制 注意 2.2 变成IOS的形状 3 等比缩放 4 圆形的操作点 5 描边 5.1 图形描边 5.2 文字描边 6 锚点 6.1 删除 7 对齐 8 翻转 9 布尔运算 10 线段连接 10.1 基础步骤 10.2 Join selection 10.3 Smooth join selection 1 快捷键 R:绘制矩形O:绘制原型L:线条shift+L:箭头K:等比缩放alt:复制Shift+X 切换填充/描边Ctrl+E 合并图层 2 矩形的操作点 2.1 圆角 2.1.1 常规在智能可编辑形状(单击图形的情况)下,点击住矩形内部四个圆点中的任意一个进行拖动,可以绘制圆角。 摁住alt键的情况下,可以绘制其中一个圆角。 ![]() ![]() ![]() ![]() 不要在常规形状(双击图形的情况)下调整圆角!这样在code里无法记录相关代码! 前端会哭 2.1.2 粘稠合并嗯没听过的术语对吧,因为是我乱取的。 将要合并的图形以准备合成的形状堆叠在一起后,一起选中,并且选择Union selection![]() ![]() 顾名思义,就是使圆角更平滑。(废话文学是吧) 拖动到iOS处,就是完美的iOS图标了。 实际上用模板也可以达成这样的效果 3 等比缩放![]() ![]() ![]() 无法通过快捷键来添加描边,但可以通过shift+?来删除描边。 5.1 图形描边
![]() 通过调节Miter angle,可以使文字描边的衔接处更加顺滑,越大越顺滑。 6 锚点在双击进入编辑模式并摁住v的情况下,会出现锚点。 当鼠标移动到任意一线段处时,线段的中央会自动出现一个锚点。可以通过摁住并进行左右拖动的方式来更改锚点位置。(例如上图的锚点就在中央) 6.1 删除 当出现多个锚点时,删除的是两个锚点之间的线段。当点击某个锚点并摁住shift进行删除时,会以该锚点下的左右两个锚点作为左端点和右端点进行重新一个线段的重新拼接。
![]() ![]() ![]() ![]()
对不起这里我的点选得不太好线条扭得也不太好 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |