小清新风车短教程:10步教你绘制一副插画_web前端网页制作绘制风车

图2:绘制房子屋顶

Tutorial Step:3

我们需要给房子加点装饰,使用圆角矩形工具绘制一个110×10像素的棕色: #865B65 圆角矩形,添加5PX的圆角半径。

房子还缺少一个门,我们使用矩形工具(M)绘制一个40×50像素的长方形填充: #865B65。再使用直接选择工具(A)选择它的两个顶点,摁住鼠标下移,实现圆角效果,或直接给顶部两个定点添加20PX的圆角半径,房子的门就绘制好了。

最后,在门的顶部绘制一个棕色: #865B65 圆角矩形,直接复制刚刚做好的也行拖长一点即可。

为了确保图形的规范性我们把它们都居中对齐,选择所有图形,然后单击**“ 对齐面板 ”**中的“ 水平对齐中心 ” (窗口-对齐)。

小清新风车短教程:10步教你绘制一副插画

图3:绘制房子

Tutorial Step:4

使用选择工具(V)选择门,按住Alt+Shift并向上拖动,此时你会神奇的发现居然复制了一个一模一样的门。( 问:为什么要按住Shift移动
作者徽是vip1024c
?,答:帮助手残党实现直线移动,确保图形更加美观规范 )

选中刚刚复制的门,转到对象>路径>偏移路径。将“ 偏移”值设置为-5 px,然后单击“ **确定”。**此时会神奇多出了一个门,给它填充一个深棕色: #7a525b即可。

小清新风车短教程:10步教你绘制一副插画

图4:绘制窗户

Tutorial Step:5

房子是钢筋加砖头加水泥建起来的,竟然是建房子所以我们要回归初心,给它做点砖头点缀一下。

制作一个25×10像素的浅灰色: #f4f5fa 圆角矩形,添加5PX的圆角半径,然后根据你的喜好随意放置,可以有点个性,把其中一些砖块穿过房子的边缘。然后使用形状生成工具(Shift+M),按住Alt剪去超出的部分,我们的砖头装饰就完成了。

小清新风车短教程:10步教你绘制一副插画

图5:绘制砖头

Tutorial Step:6

到了上色的环节,我们给屋顶填充一个棕色: #7a525b 即可。再使用直线段工具(\)绘制一个十字架给它5PT描边,填充浅棕色: #865b65 放在屋顶下方的门上,我们的窗户就完成了。

小清新风车短教程:10步教你绘制一副插画

图6:添加房子细节

Tutorial Step:7

使用矩形工具(M)绘制30×130像素的矩形,再给它加5PT的描边,来制作风车的风叶。

给矩形填充深橙色: #f3924b ,描边填充为浅橙色: #fda34b。然后打开**“ 描边面板 ”将描边对齐改成“ 内部描边 ”。**

然后使用直线段工具(\)在矩形中间绘制一条直线,把填充去掉再把描边改成5PT,使用“**对齐”**面板把他们都水平居中对齐。

图7:绘制风叶

Tutorial Step:8

再次使用直线段工具(\)画一条横线,使用选择工具(V)选择它,按住Alt+Shift并向下拖动快速复制,然后按快捷键Ctrl+D重复上一步操作即可。

小清新风车短教程:10步教你绘制一副插画

图8:绘制风叶细节

Tutorial Step:9

一个完整的风叶做好了,然后全选它组成编组**(Ctrl+G),然后鼠标右键变换-对称-水平-复制。**

写在最后

在结束之际,我想重申的是,学习并非如攀登险峻高峰,而是如滴水穿石般的持久累积。尤其当我们步入工作岗位之后,持之以恒的学习变得愈发不易,如同在茫茫大海中独自划舟,稍有松懈便可能被巨浪吞噬。然而,对于我们程序员而言,学习是生存之本,是我们在激烈市场竞争中立于不败之地的关键。一旦停止学习,我们便如同逆水行舟,不进则退,终将被时代的洪流所淘汰。因此,不断汲取新知识,不仅是对自己的提升,更是对自己的一份珍贵投资。让我们不断磨砺自己,与时代共同进步,书写属于我们的辉煌篇章。

需要完整版PDF学习资源私我

  • 25
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值