本教程在“ 善始者實繁克終者蓋寡”微信公众号首发,欢迎你的到来。要是你觉得这字不好打的话,提示:底部有二维码。
上节课我们布置了作业,最后我做出来是这个样子:
那我们先将背景图放一边,我们制作网页。网页的样子是个圆角矩形,我们可以用上节课的方法「矩形工具」,快捷键 M 来绘制,然后将角「圆角化」。当然也可以用「圆角矩形工具」来绘制,长按「矩形工具」图标出现下栏样式。
工具面板中的工具要是右下角有小三角形都可以长按呼出更多。也可以按住 ctrl 或者 control(Mac)单击呼出更多。
在绘制圆角矩形前,看到界面右下方的「图层面板」,面板的底部有好几个按钮,点击「创建新图层」(就是一张纸折起来的样子),然后双击修改图层名字。
在「图层面板」的右上角👉,有三条杠的。点击,里面有一个「粘贴时记住图层」选项。
不同图层一般「颜色框」是不同的,但是你在操作复杂图画的时候,有时候会没有注意,将这个图案复制粘贴到了另一个图层当中。「粘贴时记住图层」选项勾选☑️后,这个图层的东西就不能粘贴到另外一个图层了。这个注意一下⚠️。
绘制好了。但是和背景混在一起看不清了。选中圆角矩形然后依次点击「效果」「风格化」「投影」
然后设置和下图一致就好
X、Y位移就是你想让阴影偏向哪一边。二者都为 0 的话,正中心。就像你现在看文章中的配图一样。
接着选中圆角矩形,来到「对齐面板」,右下角有个对齐选项的,点击「对齐画板」然后再点击红框。
圆角矩形就「垂直居中」对齐了。
然后将这两者复制出来:
复制粘贴快捷键:
crtl + c / v(Windows)
command + c / v(Mac)
接着两者选中☑️,点击「面板组」中的「路径查找器」
点击就「交集」,也就是第三个按钮。
我们使用「吸管工具」,快捷键为 i ,将其他颜色样式吸过来。最后将这个元素移动到网页的右上角就 OK 了。
到这个时候你可以到「图层面板」把「背景图」层锁住了,就是点击一下「眼睛👀」的右边空白处。
然后再复制出一个上面👆步骤中制作的奇怪图形。用「画笔工具」,快捷键 B 。然后绘制波浪样式,接着给它的内部填上颜色。然后你试试用👆上面学到的「路径查找器」做处不规则的图案来。
然后把它移动到:
讲一下绘制圆形或者椭圆形,快捷键 L 。按住 「SHIFT键」就是正圆了。
要是你想画标准数值的圆形,不要拖动,直接单机画板出现一个输入数值的框。
在这里提一下,图层的一个上下层关系,右击元素如下图。可以选择上移还是下移。并且后面还写着快捷键,图中是 Mac 的。
学习了这些功能后,你试试将下图给制作出来。
文字,快捷键 T 。输入完成后按 ESC,也就是键盘的最左上角。
下面两张 GIF,想要说明「点状文字」和「区域文字」的区别。第一张为「点状文字」,第二张为「区域文字」。
两者的相互转化通过右边的那个小点。
这样之后你可以将文字内容添加上了(打什么字都可以)
最后做出来这个图画。
总结
这节课内容还是挺多的,需要消化。而消化的最好方法就是多练习。
所以给你们布置一些作业。
下面的作业可能会经常用到「路径查找器」工具,另外还有一个「图形生成器工具」,功能和「路径查找器」工具差不多,可以尝试一下。快捷键为 SHIFT + M。
这个小火箭图标在文中没有介绍怎么制作。你试试,五角星⭐️可以使用「多边形工具」。
多边形工具「单击」画布,可以填写要几个边。
另外下图的元素水平对齐了。你可以使用「对齐面板」试试,「对齐所选对象」嗯。
再给你几个作业:
尝试画一画。注:这图是 icons8 网站截图的
小米的遥控器,试试就画正面:
image
Android 小机器人:
image
还有这款小程序的图标有个五角星⭐️,你试试:
image
公众号.png












网友评论