加完斜角后的效果:

在使用钢笔添加节点时,由于填充的渐变是蓝色,恰好FW中高亮显示的路径和节点也是蓝色,这样不方便编辑,所以可以选择CTRL+U,打开首选参数对话框,将高亮显示颜色调整成其他颜色,教程中我调整成了红色,细心会员会看出来开始几副截图中的节点是蓝色,从下图开始节点变成了红色。
将画布放大到400%,选取部分选取工具,选择下方的路径:

选择钢笔工具,对准路径在白圈标示的位置单击增加一个节点:

选取部分选取工具,将新增的节点移动到黄圈所示位置:

用钢笔工具添加下一个节点:

再用部分选取工具调整节点位置: