飞特网 顶部通栏广告

点、线、面在插画中的运用手法

若诗发布于:2020-6-3 09:06 |原作者: PangHu_胖虎
简介: 前两次的渐变风格的教程分享收到了很多小伙伴的点赞支持,胖虎很开心哈哈。 鉴于有些小伙伴向胖虎吐苦水:自己非科班出身,不知道插画应该如何下手,都是在凭感觉画......所以,胖虎这次专门为大家整理了一个案例制作+解析,从视觉传达的基本理论"点线面"开始说起...... ... .. ...

版权申明:本教程出自“PangHu_胖虎”原创,感谢“PangHu_胖虎”的原创教程分享!

前两次的渐变风格的教程分享收到了很多小伙伴的点赞支持,胖虎很开心哈哈。

鉴于有些小伙伴向胖虎吐苦水:自己非科班出身,不知道插画应该如何下手,都是在凭感觉画......所以,胖虎这次专门为大家整理了一个案例制作+解析,从视觉传达的基本理论"点线面"开始说起......

本次教程重点讲解点线面在插画中如何应用?

希望能够对一些小伙伴起到启示的作用。

教程不易,点赞支持~

灵感来源

点、线、面在插画中的运用手法 飞特网 AI实例教程

这次的运营插画文案灵感是来源于胖虎去7-11买鱼丸吃,发现一份鱼丸其实少得可怜,番茄酱也只剩下了一点点,胖虎表示很沮丧,心里想假如鱼丸和番茄酱有很多就好了~

FEVTE编注:更多AI教程讨论及AI作品提交请到飞特网AI实例教程栏目:https://www.fevte.com/plan/ai/aisljc/

所以这次的文案灵感就出来了,是不是觉得很神奇~

其实灵感就是这么简单,来源于生活,假如你多留意一下~

01.画出草图

在构思草图的时候,围绕着主题〞超多的番茄酱和咖喱鱼丸〞去想,去构思两者之间的关系,多画几个草图,多激发一下自己的脑洞。

番茄酱和鱼丸两者存在联系的地方,就是番茄酱挤出来涂在鱼丸上面的时候,两者相辅相成,画了几个草图之后,胖虎选择了其中一个,就是以下这个草图为基础去构思的。

点、线、面在插画中的运用手法 飞特网 AI实例教程

虽然草图的结构并不复杂,但是我们可以拆分元素单独画,这样子后期有调整的话也比较容易。而且不一定要跟着草图一摸一样,可以适当调整。

02.画出草图线稿

新建画布,用矩形工具(M)画出瓶子的3个部位,并且用直接选择工具(A)选中锚点,拉成大小合适的圆角,如下图所示:

点、线、面在插画中的运用手法 飞特网 AI实例教程

画好瓶子,我们可以开始用钢笔(P)画出番茄酱,这一步没有基础的小伙伴可以先用笔画出一个基本形状,然后再拉到AI对着勾。画完番茄酱,我们可以接着画出大小不一的鱼丸,让其表现出近大远小的感觉,如下图所示:

点、线、面在插画中的运用手法 飞特网 AI实例教程

03.上渐变色

我们在选择颜色的时候,近似色是最好上手的,不容易出错。

我们在给线稿上渐变色的时候,可以适当拉动渐变条,让其颜色更和谐,包括后面给渐变色彩丰富细节、叠加色块的时候也可以适当拉动渐变条。

点、线、面在插画中的运用手法 飞特网 AI实例教程

04.丰富细节,添加光影

这一步胖虎就不打算演示了,因为前面分享了2个相同技法的教程,有不懂的小伙伴可以点击下方2个传送门。看完了之后直接拿这个当练习,岂不美哉?也可以更好的去理解胖虎之前所说的技法和理论~

为了鼓励小伙伴们动手,将此次教程在本星期内(截止时间:5.31)临摹好之后发到UI中国的平台,胖虎将挑选3个临摹得最认真,还原度最好的小伙伴,送上UI中国季度会员~

(有没有发现胖虎这次教程没有上传源文件,嘻嘻~)

传送门1:

零基础教程之渐变插画怎么丰富细节? 

传送门2:

零基础教程之小火箭渐变图标详解

添加完细节和光影后,如下图所示:

点、线、面在插画中的运用手法 飞特网 AI实例教程

05.添加背景点缀,文案

点、线、面在插画中的运用手法 飞特网 AI实例教程

以上就是这次案例的相关绘制思路

我们接下来好好看看这次简单的案例分析


123下一页
10

好评

差评

刚表态过的朋友 (10 人)

若诗
北京市 延庆县 平面设计师
+ 关注 私信
  • AI绘制趣味箭头小教程
  • 点、线、面在插画中的运用手法
  • PS合成创意切割饮料效果教程

最新评论

我来说两句:
B Color Image Link Quote Code Smilies |上传
您需要登录后才可以评论和提交作业 登录 | 立即注册

上传作业

本周热点文章

关于飞特| 广告服务| 付款方式| 友情链接| 网站地图| 联系我们| 加入我们| 举报| 飞特网旧版| 移动版| 飞特网