设计类干货 | 扁平插画教程之日常小场景应用插画
  3uNnwzOjyr1n 2023年11月02日 71 0

设计类干货 | 扁平插画教程之日常小场景应用插画_图层


-

创作背景

这几天一直被迫呆在家,心里期待着夏天的到来!

记得小时候的夏天,榕树底下,夕阳西下的时候,有个老爷爷带着很文艺的帽子,拉着二胡,附近邻居的老黄狗是他最忠诚的听众。

拿着画笔就画下了这个画面。其实生活中的每一个场面都是一幅画,要多培养自己发现美的眼睛。


_______________


这就是我草图成型的过程,有些突然间迸发出来的想法,拿起画笔记录下来,也许就是一个不错的画面,而且是一幅完全原创、天马行空的画面


设计类干货 | 扁平插画教程之日常小场景应用插画_快捷键_02创作草图-可以看到其实非常粗糙,线条也不圆滑


建议大家在打开软件创作的时候还是粗略的把打一下草稿,有了画面才有方向感

STEP 01


前期准备所需软件 PS/AI ,需要软件的小伙伴可在公众号后台回复「软件」


STEP 02

打开软件新建画布打开PS,新建图层,快捷键 CTRL + N,设置宽度1600px * 高度1800px,分辨率72,其他的设置采取默认模式,点击创建

后期如果有打印需求的这里分辨率需要设置为300


设计类干货 | 扁平插画教程之日常小场景应用插画_图层_03



STEP 03


将草图拍照并拉进PS软件


从上往下拍摄,尽量拍摄完整、清晰,然后从手机或者摄像机导入电脑中,然后在PS中导入该草图



STEP 04


用钢笔工具勾勒出线条

这幅扁平插画最多使用的是钢笔的绘制,我们聊聊钢笔的使用,快捷键 P(也就是钢笔的快捷键)

***

鼠标点击后不要松开就可以拉出弧线 拉出弧线后再鼠标在点击另一处,两点之间就是一段弧线。如果要修改弧线可以点击所需要修改的点,鼠标放在需修改弧线的端头,如下右图白色的圆点,与command键(Windows操作系统则为ctrl)同时按下拉动,就可以完成对弧线曲度的控制!

设计类干货 | 扁平插画教程之日常小场景应用插画_快捷键_04

当然勾勒形状也用到形状工具,例如帽子的装饰,太阳,脸的绘制都用到了,绘制矢量图,我最常用的是下列三个工具。

· 钢笔工具,用法详见上面的 *** 是造出圆滑的曲线,以及修改曲线的走线

· 路径选择工具可直接选择整个图形/直接选择选择的是图形的某一个点,可调节某个点的弧度

· 形状工具就字面上的意思,和选框工具的操作类似,区别是用这个工具画出的形状是有锚点可自由编辑形状


掌握了这三个工具基本就可以画出心中的任意形状


设计类干货 | 扁平插画教程之日常小场景应用插画_快捷键_05


绘制人物的脸部,使用的工具时形状工具与选择工具


设计类干货 | 扁平插画教程之日常小场景应用插画_锚点_06

绘制帽子,使用钢笔根据草稿的大致的弧度,当然你也可以用钢笔去调节更合理的弧度

这一步没有什么难度,唯一难的就是对图形的把握,一句话 凭感觉 ,多练就会有感觉了,感觉每一个像素的变化带来的画面的区别


重复上面的步骤把草稿人物和小狗都抠出来就会得到这个画面

设计类干货 | 扁平插画教程之日常小场景应用插画_快捷键_07

STEP 05

加入合适的场景点缀

绘制到这里的时候觉得缺少背景元素的烘托,整体显得太单调不够有气氛,我在网页浏览的时候看到一个不错的背景,学习一下,这里和刚学习插画的伙伴说一下,如何得到原创的问题


在成为大师和大神之前,每个设计师在现实中看过和网页中浏览过的东西都是创作的原素材,那怎么把原有的东西变成自己的尼?其实每个人会一项技能都是从临摹 -> 半原创 -> 原创的过程,这里演示下平时怎么把网络上看到的素材,变成自己作品的一部分,也就是提取精华的过程

这里我解释下应该很多同学看到这个画面觉得是曾相识,其实背景是参考了某UP的一副画作中的场景,融入自己的场景中,加上背景烘托后,这就算完成线稿

设计类干货 | 扁平插画教程之日常小场景应用插画_锚点_08草图勾线完毕

STEP 06


确定色调,填充颜色


把勾好的形状填上合适的颜色,这里是我在做的时候配好的色卡,分享给你们,不过建议你们在做添色操作这一块,多尝试下自己配色,这也是培养自己对色彩的敏感度的锻炼,当然对色彩没把握的建议找下喜欢的画作,吸画作中配色,组合成自己的画面

设计类干货 | 扁平插画教程之日常小场景应用插画_快捷键_09

设计类干货 | 扁平插画教程之日常小场景应用插画_快捷键_10设计类干货 | 扁平插画教程之日常小场景应用插画_锚点_11设计类干货 | 扁平插画教程之日常小场景应用插画_锚点_12* 这是我做的时候填充的色值,仅供参考

STEP 07


给人物及背景加亮面和暗面 丰富画面层次


首先我们需要了解物体被光源照射会是怎样的情景?

虽然画插画可以不安全遵守光暗面,不过还是要在合理的基础上去加层次,画面看起来才不会平白无味

设计类干货 | 扁平插画教程之日常小场景应用插画_锚点_13

以上图为例,画面的光源在左上角,球的左边是光面,右边是暗面,这里用的是我习惯用的画笔,可以分享你们一起学习,需要笔刷的小伙伴后台回复「日常」即可获取。


画画很需要耐心,去分析每个图层需要的光


因为每个人学习的方式不一样,有些人喜欢看文字,有些人习惯看视频,这里我为了大家方便,两个方式我都分享出来,因人而异。

设计类干货 | 扁平插画教程之日常小场景应用插画_锚点_14

写在最后

小伙伴所处的大环境都是一样的,有心抱怨生活的不公,还不如用时间充实自己的本领,不管环境怎么变化,还是要拥抱它。


既然避开不了,我们还可以做的是,让能力有更大的包容空间,同时我们才有迎接环境考验的躯壳,有时候就是每天细微的积累,长此以往才能造成更好的自己!记得一句广告词,


下班后四小时,是你最好的增值期,也决定了你的精神颜值,愿你不负岁月,岁月也终将对你温柔以待。


白天上班时,每个人几乎没有什么区别,都是在为公司创造效益而忙碌,但是下班后四小时,各有各的不同,各有各的精彩。很多人都会说白天上班太累,所以没有时间培养自己的爱好,没有时间做点自己喜欢的事,其实这些都是借口,相比较遇见更好的自己,你只不过是更喜欢手机罢了。


【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

3uNnwzOjyr1n