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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
插画新手来盘!看过很多大作,却仍旧画不好插画?
0.0°
2019-02-14 原创文章 教程 举报 17328 1719 1409 126

看过很多大触的大作,却下不了手,相信这是大部分插画入门者的感受…我也是初学者,在这里用自己最近画的一张画作为案例,以点带面,希望能给入门的小伙伴一点帮助。


一个前言

这是一篇real随意又认真的教程鸭!一开始想出教程真的是鸡汤满满,实则后面越写越羞愧呐…一来因为身边大神太多,自己太渺小了,出教程怕是会误人子弟;二来单讲这幅画来说,很多地方还是可以再推敲得仔细一些,往细节写的时候发现自己有很多地方做得不足,

话放到这里了,但教程我还是用心写哒。在这里谢谢我的团队B&B所有人,以及我的老师园园和大神Jaylee。附件带笔刷,需要的自取~


Image title






Image title



1.灵感来源 

之前打算参加一个活动,活动主题是关于画画的(后面错过了参加时间,恰巧团队在追波上破2万粉丝,于是文案就换了),画面主要想表达有趣、梦幻、快乐、童真。打了几个草稿后,突然萌生了一个想法:画画的时候,总会进入一个奇妙的世界,一切都很美好,在画笔下,万物生长…根据这个念头,梵高的星空,猫,小白熊就出现了… 


Image title





2.参考收集

带着这些关键词,我去谷歌搜索了一些参考。搜索时需要自行筛选合适的图作为画面的元素,这步我通常都是凭第一印象去筛选图片。


Image title






Image title


0.前期准备

手绘板、PS


1.打草稿

首先打开ps,画板设置1920✖️1080,PPI 72,颜色为RGB模式。用黑色、灰色的普通的铅笔画笔即可。然后把参考图放在画板外或者画板内,可以画个大概雏形再清清稿,把线条画得清晰一些,此处需要注意构图的平衡。Image title





2.上底色

把线稿放在最上方,混合模式选择正片叠底并锁定。新建图层,挑个下手舒服的笔刷好好当个粉刷匠。确定好大致的配色(比如我的画面是蓝色和黄色为主色,营造冷暖对比),注意局部上色时配不好也不用太在意,因为后期使用调色图层调整也是可以的。


Image title

悄悄把文字先隐藏…遮挡着有点碍手碍脚哈哈哈




3.上渐变

这一步则需要确定好大致颜色,这里我调整了一些色彩。思考如下:

猫咪改调成蓝灰色,一来因为画面黄色太多,且猫咪占画面面积大。

二来因为画面中层与背景层太脱节,最好有个视觉舒适的颜色进行过渡。蓝灰色与背景色相呼应,并且看起来柔和舒服,与场景十分搭配。小怪兽也是一样的道理。


Image title





4.加噪点和纹理,细化局部

添加光影关系让画面更加有层次,这时候需要给画面假定一个光源点,然后用噪点笔刷涂上物体的受光面和暗面。因为画面比较多内容,所以这里我主要挑一些重点步骤来聊聊,主要上色的地方是受光面和暗面。



a 添加噪点笔刷

介绍两种方法我常用的方法:

Image title


Image title



b 头发部分处理

技巧是需要一点耐心,多叠几层…

Image title



c 光的叠加、纹理叠加

在猫背、小怪兽和女孩的斜上方添加光:选择一个黄色的圆然后适当羽化,混合模式选择叠加;在一些元素上刷刷纹理,让其变得更加丰富。

Image title



前景效果图噔噔~


Image title





d 氛围营造

氛围的塑造和颜色以及光线有关,有时候也需要一些小元素的配合。在这里我加了:

雪花:为画面添加一点灵气,女生嘛总喜欢blingbling的东西。

星空杂色&烟雾:让背景不要太空。

飘带:模仿了梵高星空的造型,抽象而轻盈。

星球:远处的星球缩小,不透明度降低,并高斯模糊,有大有小四处散落,营造画面层次。


Image title


悄咪咪把文案搁出来…这下画面就稳了啦!

Image title





5.调色

这一步就像上菜,爆炒完一碟,总得拿配料上上色嘛~让画面的颜色糅合,整体感也提升了一个大大滴层次。首先Shift+Ctrl+Alt+E盖印一张图,再进行以下操作:


Image title


整体调色后效果图:

Image title





6.加动画

使用软件:Adobe After Effects、Adobe Media Encoder

Image title



1.准备工作

先把不需要动的图层合并,将要做动画的部分转换为智能对象,每个图层在PSD中注意好命名,不然放到AE里容易混淆。在导入ae的时候勾选合成-保持图层大小。因为考虑到这张图是用ps绘制的非矢量图,所以在做这张图的动画上没有做太大的变化哈哈。



2.ae部分:加效果

这一部分简单说好了,因为在动效方面我了解得不深…主要效果分别如下:

飘点效果:缩放 

星球:上下浮动,若影若现   

背景上的飘带:波浪     

文字:溶解

具体参数就不搬出来了,这点大家可以灵活运用~最后记得检查一下,把所有关键帧都加上缓动,然后再导出H.264格式就毛问题啦!



3.Adobe Media Encoder:转换高清小视频

因为ae导出mov太大,后期上传各种网站实在不方便。推荐用这个软件转视频格式,预设丰富,可以将多种设备格式的音频或视频导出,将多种文件格式转换为高质量的h.264视频(mp4、3gp)或flash媒体(flv、f4v)文件。


此处奉上完整音乐版小动画:https://dribbble.com/shots/5845871-Imaginary-words






Image title



零基础的我一开始看了几篇文章就开撸了…所以基础不是很扎实,一路过来有几个小方法供大家参考(以下图片均为我的eagle以及印象笔记软件)

Image title


最后,两点建议:

(1)快速画,多练习

12月的时候报了个班,常常因为很多事耽误了画画也没跟上同学的节奏。印象很深刻的是,我的老师(园园)说,画画需要快速画完,如果每次磨太多纠结太久,画出来的画会显得很拘谨,进步也会比较慢。我理解是,画画一开始也是需要像产品一样,小步跑,快速迭代鸭!在这里顺便也分享给大家(虽然我还没做到哈哈)。

(2)有机会打好基础

有基础那是甚好。毕竟很多事物没有基础都会琢磨得不够通透,比如透视人物比例等等。所以有时间还是可以继续把底层先搭好。我以后找机会也要好好打基础了惹~






Image title



平生最爱做笔记,以下是本橘子藏箱底关于插画的花样种草,种不种看个人喜好…拍拍胸脯本人没有收过广告费,楼下的订阅号和大触们看到了文章,愿意的可以给我一份广告费鸭!




1.插画网址

推荐我常关注的基本网址:国内涂鸦王国、视觉me、古田路9号;

国外behance、dirbbble、pinterest、Artstation.



2.插画师(也有的是设计师)

萝卜青菜各有所爱,大神是列不完的,这里列一些我比较喜欢的~


国内

个人  |  rwds、y园糖、MORNCOLOUR、猫矮_MAOI、aiki007、卷耳、林遭遇…

团队  |  B&B、RaDesign、innn、VisualMaka(团队里很多人插画都非常棒哟)


国外

个人  |  Ryo Takemasa、Mike | Creative Mints、febin_raj、ranganath krishnamani

团队  |  tubik、Paperpillar、Studio VØR、Dropbox Design

其实自己多去看一下这些网站,就能发现非常多大咖。我一般的做法除了搜索和看热榜外,还有看大咖的关注,这样顺藤能摸出更多的大咖哈哈哈…





3.插画类微信订阅号

之间:经常分享各种关于插画的干货,而且内含大量免费笔刷。

第九工场:每周都有一位设计界大咖去做公开授课,光在这里蹭听了好多节课…

Image title




4.脉脉教程

说看教程上脉脉的估计我是第一个人了…

我经常会看脉脉上大触分享的教程,推荐关注我组长@Trance豆腐,经常出各种干货小教程,小道消息听闻他准备开公众号了哦。

Image title



5.压箱底文章传送门

推一些收藏已久的文章,希望对你有帮助~

【教程】开启你的画画Buff   https://www.ui.cn/detail/282279.html

0美术基础,如何设计插画   https://www.zcool.com.cn/article/ZODI3OTQ0.html

SA9527-如何多维度思考临摹练习   https://www.ui.cn/detail/424784.html

噪点插画的六种绘制方法   https://www.ui.cn/detail/429022.html

插画技法-插画中的光影表现   https://www.ui.cn/detail/370001.html

PS+AI教程!教你绘制极具质感的雨夜街道插画  

https://www.ui.cn/detail/370901.html




❤️本次分享结束啦,谢谢!点个赞是对我最大的鼓励鸭❤️


后话:

1.教程上的这幅画是用手绘板绘制的,在用手绘板之前我是练过一段时间的直线滴,所以手绘板不熟悉的小伙伴,还是需要老老实实跟手绘板找感觉哈。

2.鉴于很多人问我拿小女孩和猫身上的纹理,这里放个链接传送门:https://pan.baidu.com/s/1qffI6-yGpqvxTIeRH2VnZw 密码:0zs6

再次感谢支持我的小伙伴啦❤️




Image title


 

更新:2019-02-14

下载
收藏

1719人已收藏

橘子tea

最近在玩某红书,可搜索我的名字关注鸭

  • 13

    作品

  • 1858

    粉丝

  • 59

    关注

  • 教程 | 简单的节气壁纸是如何诞生的?
  • 2020年度插画作品合集
  • 字节跳动 | 看到更大的世界
  • 插画21day | 万物生长
相关标签
教程插画教程

    猜你喜欢

      2019-02-14 原创文章 教程 举报 17328 1719 1409 126

      插画新手来盘!看过很多大作,却仍旧画不好插画?

      0.0°

      你确定要举报插画新手来盘!看过很多大作,却仍旧画不好插画?

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2019年01月29日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1409
      1719
      126

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

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

      登录

      手机号

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

      登录
      第三方账号登录