说是专业设计，其实这个封面图只是马马虎虎设计一下。不过，没错，这张封面图就是在Penpot里边试用边做的。

Penpot是专门为专业设计师打造的在线设计工具，所支持的功能不仅仅是画图，不过本篇只是基础篇，而且我也是边体验边学习，所以我们一步步来。

Penpot官网应用也算是对免费用户相当大方了，但是self-host版仍然有很多好处，比如无限存储无限团队和可访问内部元素的API。

要感谢zeroc大佬的移植。

账号创建

安装并打开应用后，Penpot会要求用户用邮件注册并登录，由于是内置版，所以并不需要真正的电子邮件注册，而是要在注册后打开以下网址： http://penpot.[xxx].heiyu.space:1080 【注意把[xxx]替的换为你的微服名称】
这是一个“假”的邮件系统mailcatch，它会创建临时的邮箱地址并接收邮件，并不需要通过外网真实电邮平台。在这里你会收到验证链接，点击后就注册成功了，并直接打开网页版Penpot。 再经过一些初始化的调研选择后，就可以快乐地使用Penpot了。

打开新建的文件，可以看到整个编辑界面还是相当专业的。

基本绘图

在创建文件之后，我们首先要做的是建立一个画板，整个文件的画布或者说桌面上，可以容纳无数个画板，每个画板内即是你需要创作的图像或者界面区域。

画板

当然你也可以不建立画板而直接在桌面上绘画，但使用画板有更多好处。

由于要做的封面大约是3:2比例，所以我为画板设置的尺寸是600x400px

然后做最简单地尝试，导入一张图片：

画板会对图片超出其面积的部分进行自动裁切，这是用画板的第一个好处。

在我的4G内存猫上，在Penpot中写字有时会引发错误页面，但不用担心，只要刷新重试就好了，你的文件也不会丢失。

文字

加入文字后尝试文字颜色和效果，有自动描边和阴影选项，这对于基础的文字效果已经足够了。

接下来给文字做一个渐变填充，Penpot的调色板很专业，基本的填充模式也都有，这些特性已经足以让用户使用它做基本设计工作了。

渐变

顺便拉两个透明度方向相反的白色渐变，一个简单的玻璃字就做好了。

接下来创建一个矩形，设置圆角和深色渐变。

然后再设置渐变的边框，内阴影，做一个半透明的黑色文字框

上面的文字用银灰色渐变加阴影，形成有点金属感的凸起字。

形状

再画一个矩形，双击它会进入曲线编辑模式，

在顶部增加一个点，向上移动它使整个形状更像一支铅笔。从右键菜单或按Ctrl+D为这个形状创建副本，再选中两个底部的点，删除得得到了笔尖处的三角形。

再重新复制一次三角形，缩小，然后将它对齐到之前的三角形，铅笔尖也成了。最后修改一下颜色，基本的铅笔就完成了。

按Ctrl+G把铅笔成组，复制出另外两支铅笔，并设置为不同的颜色。

变换

重新画一个矩形用来做盒子。
我没有在矩形的属性中找到扭曲（skew）的选项，所以这里只能做点移动，使新画的矩形变成一个平行四边形。
复制并镜像这个平行四边形，就形成了盒子的另一面，同时要调整另一面的渐变，使它整体上比另一面要深。

将两个盒子面做两次镜像，再用Ctrl+↓将它移到铅笔的下层，一个简易的盒子（或笔筒）就画好了。

如果有耐心，可以给盒子再加上厚度和更多质感，但因为这里只是测试，就整体用一个半透明的白色做为边框，最简易的质感效果也有了。

插件

接下来尝试一下Penpot的插件，虽然是self-host版，但仍然可以无障碍享受Penpot的插件库。
从工具栏最后一个图标打开插件管理窗口，从上面的链接可以访问到Penpot插件库的网站。

找到想安装的插件后不要直接点击安装，而是从详情页点击Copy install URL，然后把复制来的网址粘贴到插件窗口，确认权限后就可以看到插件顺利装好了。

我从插画插件随手找了两个文具的小插画放进去，是很卡通感的矢量组件，有可能是SVG，但是因为与画面风格不符，所以只是看一下就再删掉它们好了。

顺便提一句Penpot的导入图片也可以导入动画GIF，动画可以直接在面板中显示。但因为我们这次做的是静态图像，所以不需要。

图库

然后试用了一下免费图库插件，它可以自动从免费的图库网站查找你需要的素材图。选了一张彩色铅笔的图像，但是发现并没有抠图的功能（应该会有矢量曲线做遮罩的解决方案但嫌太麻烦了）

我打开检查面板，从最下端下载这张图片的原图，然后在本地电脑上用AI去掉了背景，再在图像的填充属性中把抠完的图上传，透明背景的铅笔素材就有了。

导出

最后调整一下层次和位置，再选中整个画板，在右栏最下方设计导出的格式。

再从文件菜单选择导出，就可以将这张封面图的结果保存为本地的图片文件了。

以上只是首次的粗浅尝试，Penpot的强大功能在此只用了估计不到十分之一。
下次再做更深入的尝试，谢谢阅读。