恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
零基础扁平插画教程之日常小场景设计应用插画--Summer
0.0°
2020-04-01 原创文章 教程 举报 22013 146 545 16





-


创作背景


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

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


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

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

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



_______________



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


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


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

有了画面才有方向感



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

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





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

更新:2020-04-01

下载
收藏

146人已收藏

评分:

完整度:5星

启发性:4星

勤奋性:4星

排版布局:3星

推荐:
零基础插画教程,内容很详细对新手入门有启发性

PONGNI

自由"杂技"设计师

  • 6

    作品

  • 259

    粉丝

  • 60

    关注

  • 如何系统学习并运用色彩搭配
  • BELL.-K12交互视觉UI界面设计
  • 品牌插画风格的形成与思考
  • DUANG! 从线稿到成品:绘制一个功夫小子扁平插画

    猜你喜欢

      2020-04-01 原创文章 教程 举报 22013 146 545 16

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

      0.0°

      你确定要举报零基础扁平插画教程之日常小场景设计应用插画--Summer

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年03月21日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      545
      146
      16

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录