Figma#1： 图形绘制 |
您所在的位置：网站首页 › figma连接不上 › Figma#1： 图形绘制 |
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键的情况下，可以绘制其中一个圆角。  未摁住alt的情况下 摁住alt的情况下
 同时也可以通过输入数值来对圆角进行调整  在右栏的inspect里的code中可以看到相关代码
注意
不要在常规形状（双击图形的情况）下调整圆角！这样在code里无法记录相关代码！ 前端会哭 2.1.2 粘稠合并嗯没听过的术语对吧，因为是我乱取的。 将要合并的图形以准备合成的形状堆叠在一起后，一起选中，并且选择Union selection 通过拖动圆角数值来绘制圆角 选中Union里的其中一个图层后再进行拖动，会有奇妙的粘稠感
顾名思义，就是使圆角更平滑。（废话文学是吧） 拖动到iOS处，就是完美的iOS图标了。 实际上用模板也可以达成这样的效果 3 等比缩放 摁住K键
4 圆形的操作点
 在半径上的点可以控制图形的开口 在圆心上的点可以绘制环状图
5 描边
无法通过快捷键来添加描边，但可以通过shift+?来删除描边。 5.1 图形描边
 这里可以选择样式
5.2 文字描边
通过调节Miter angle，可以使文字描边的衔接处更加顺滑，越大越顺滑。 6 锚点
在双击进入编辑模式并摁住v的情况下，会出现锚点。 当鼠标移动到任意一线段处时，线段的中央会自动出现一个锚点。可以通过摁住并进行左右拖动的方式来更改锚点位置。（例如上图的锚点就在中央） 6.1 删除 当出现多个锚点时，删除的是两个锚点之间的线段。当点击某个锚点并摁住shift进行删除时，会以该锚点下的左右两个锚点作为左端点和右端点进行重新一个线段的重新拼接。
 绘制两段线条，并选中它们。 选择Flatten selection来合并它们 摁回车进入编辑模式，选择想要连接的两个目标端点。 选择vector
10.2 Join selection
对不起这里我的点选得不太好线条扭得也不太好 |
https://www.bilibili.com/video/BV1Bz4y1R7tm【Figma教程】保姆级教程，全网最简单易学的Figma教程02-图形绘制功能_哔哩哔哩_bilibili
这是一段线段
可以实现指定图形封闭部分删除和合成图层的操作。
简单粗暴地连接
摁住alt进行一个扭
它就会对你选中的两点进行一个平滑的接【本文地址】
今日新闻 |
推荐新闻 |