零基础扁平插画教程之日常小场景设计应...

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
22066 16 545 2020-03-21





-


创作背景


疫情下的人们生活都很难,这几天听着朋友抱怨被降薪/被裁员

哈哈还是化悲愤为力量多学点技能伴身实在尼?


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

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

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



_______________



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


创作草图-可以看到其实非常粗糙,线条也不圆滑


建议大家在打开软件创作的时候还是粗略的把打一下草稿

有了画面才有方向感



之前自学的时候有时觉得以视频的方式会更好懂,所以这次做的时候就把创作的过程也保存下来

需要的可以打开视频看看创作过程哈





STEP 01


前期准备Photoshop/Adobe lllustrator





STEP 02


打开软件新建画布


打开PS,新建图层,快捷键 CTRL + N

设置宽度1600px * 高度1800px分辨率72,其他的设置采取默认模式,点击创建

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





STEP 03


将草图拍照并拉进PS软件


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




STEP 04


用钢笔工具勾勒出线条


这幅扁平插画最多使用的是钢笔的绘制

我们聊聊钢笔的使用,快捷键 P(也就是钢笔的快捷键)

***

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




当然勾勒形状也用到形状工具

例如帽子的装饰,太阳,脸的绘制都用到了

绘制矢量图,我最常用的是下列三个工具

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

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

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



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





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





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

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





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





STEP 05


加入合适的场景点缀


绘制到这里的时候觉得缺少背景元素的烘托,整体显得太单调不够有气氛

我在网页浏览的时候看到一个不错的背景,学习一下

这里和刚学习插画的伙伴说一下,如何得到原创的问题


在成为大师和大神之前,每个设计师在现实中看过和网页中浏览过的东西都是创作的原素材

那怎么把原有的东西变成自己的尼?

其实每个人会一项技能都是从临摹 -> 半原创 -> 原创的过程

这里演示下平时怎么把网络上看到的素材,变成自己作品的一部分,也就是提取精华的过程


这里我解释下应该很多同学看到这个画面觉得是曾相识,其实背景是参考了某UP的一副画作中的场景,融入自己的场景中


加上背景烘托后,这就算完成线稿



草图勾线完毕



STEP 06


确定色调,填充颜色


把勾好的形状填上合适的颜色

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




* 这是我做的时候填充的色值,仅供参考




STEP 07


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


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

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


以上图为例,画面的光源在左上角,球的左边是光面,右边是暗面

这里用的是我习惯用的画笔,可以分享你们一起学习,在底部压缩包里哦!


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


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




后话:


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

既然避开不了,我们还可以做的是,让能力有更大的包容空间,同时我们才有迎接环境考验的躯壳

有时候就是每天细微的积累,长此以往才能造成更好的自己!记得一句广告词,虽然觉得很狗血,可是现实就是如果血淋淋。


下班后四小时,是你最好的增值期,也决定了你的精神颜值。

愿你不负岁月,岁月也终将对你温柔以待。


白天上班时,每个人几乎没有什么区别,都是在为公司创造效益而忙碌。

但是下班后四小时,各有各的不同,各有各的精彩。


很多人都会说白天上班太累,所以没有时间培养自己的爱好,没有时间做点自己喜欢的事,其实这些都是借口,相比较遇见更好的自己,你只不过是更喜欢手机罢了。





作者:Pongni   

本文由 @Pongni  原创发布于UI中国,未经许可,禁止转载。






Powered by Froala Editor

全部评论:16

  • PONGNI

    2021-07-26 17:38

    @Yoshai: 收藏左边有个下载按钮,点击可下载

  • Yoshai

    2020-08-10 10:45

    压缩包在哪呀?底部没看到有呀!

  • 粉桃2088

    2020-07-31 13:51

    @PONGNI: 有时候就是每天细微的积累,长此以往才能造成更好的自己!记得一句广告词,虽然觉得很狗血,可是现实就是如果血淋淋。

  • 三金ya

    2020-07-30 14:57

    你的作品打动了我 请尽快安排我们的婚事

  • 贝鹿beill

    2020-07-18 16:16

    @营syng: 哈哈 我无知了

  • 营syng

    2020-07-18 14:41

    @贝鹿beill: 笔刷没有版权的吧 也没有谁去注册笔刷专利吧

  • 贝鹿beill

    2020-07-17 13:44

    请问一下笔刷可商用吗?

  • PONGNI

    2020-07-16 17:28

    @粉桃2088: 是那个?还没看到

  • 粉桃2088

    2020-07-16 10:07

    如果血淋淋。这个改下哦

  • 高雄号

    2020-04-28 18:21

    感谢分享

  • PONGNI

    2020-04-02 17:23

    @单行: 底部压缩包,可以下载

  • 单行

    2020-04-02 17:17

    画笔压缩包 想要~

  • 2020-03-31 16:10

    讲的很好,文末文字也很治愈温暖,关注你啦

  • 饼大户89

    2020-03-31 13:53

    学习了,b(*ˆ㉨ˆ)d赞

  • 捕风捉影小能手

    2020-03-30 21:50

    真棒,谢谢老师,学习起来了

  • Phosphor_Yang

    2020-03-30 18:25

    都喜欢为自己的惰性找借口,相比遇见更好的自己,只不过更喜欢手机罢了,一针见血

  • 僞艺术家

    2020-03-27 18:00

    每个人都有惰性,而那些优秀的人也只不过是比普通人更加克制自己!所以他们才更加优秀吧!

  • PONGNI

    2020-03-27 14:59

    @懒人柠: 看的很细致,也给你点赞

  • 懒人柠

    2020-03-27 11:09

    为了下班后的四小时,也必须点赞

  • PONGNI

    2020-03-26 20:47

    @Up Go: 下来,还会再更新的,关注啊

  • Up Go

    2020-03-26 16:55

    点赞,希望继续创作出好的教程

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票