仿3D风格教程 半临摹&半创作

用户头像
北京/UI设计师/7年前/894浏览
仿3D风格教程 半临摹&半创作

PS仿3D是我一直想要尝试的风格。


一、为什么要临摹和share


其实混追波的时间已经很久了,但之前一直没有在追波上发过自己的作品。分析了一下,一是觉得不好意思,二是怕吧(怕点赞数太少什么的,小声叨叨)。但是,最近经历了一些事,很多事情都想通了,而且和大家分享的过程其实也是自己成长的过程。


言而总之,临摹可以拓宽自己的设计风格范围,share可以总结自己在设计中的一些心得以及提升自己归纳总结的能力,还可以记录自己成长的历程。为什么不临摹和share呢~

嗯,虽是经验帖,但,是Share,并非教导。>o<


二、选择临摹作品


对于有选择综合症的人来说,选择临摹的作品真的是件困难的事情,所以就直接去Dribbble里搜索排名考前的设计师,然后在Ta的作品里去挑想要临摹的作品。


最近非常想要尝试拟3D插画风格,所以就选了这张图



作品图片来自Dribbble的Mike

对于选择临摹作品呢,我个人建议一定要选择点击率非常高的,自己平时没怎么接触过或是不擅长的作品作为临摹对象。还有就是,一定要是自己也很喜欢的作品。



三、为什么要半临摹


对于临摹作品,很多人都会说,临摹出来的作品一定要是100%相似。对于这个观点呢,我觉得,你的目的是什么,你就选择哪种方式来临摹。其实我也临摹过很多作品,临摹的完全一样的确会学到不少,但是每次临摹出来之后和原作一模一样,心里总觉的少了点什么,空落落的。


有一天,我注意到Dribbble里有一个Rebound this Shot,里面的作品是其他设计师加入自己的设计,但总体风格是和原设计师一致的。这样在Dribbble上不仅自己也有了可以发的作品,然后也不算完全抄袭啦。        


所以,我开始了半临摹之路。为了尊重原设计师,我明确指出,以下作品半临摹自Dribbble的设计师Mike~


下面这张图是我半临摹做哒,叫《Robot》,点这个网址就可以看到我发的作品啦,而且底下还会和Mike的作品链在一起,可以直接链接到Mike的原作品。

https://dribbble.com/shots/5878501-Dribbble



小伙伴们如果对我半创作出来的风格感兴趣的话可以继续看下文,我会把制作过程和心得都分享出来的。


四、临摹过程


在临摹之前我会问自己几个问题(没有这些问题可以跳过这段~)

1、是否合适作为临摹作品

2、用什么软件

3、临摹到什么程度


是否合适

我觉得虽然临摹是拓宽自己风格的,但是选择过于难的作品也会打击自己自信心。虽然我是学画画出生的,但是大学 学设计期间几乎没有碰过手绘。

好多经验贴里的设计师都不是学画画出身的,甚至还有学理工科的,不照样做的好好的。

所以,不逼一逼自己,怎么知道自己能做成什么样呢?

软件

这种拟3D插画风格是C4D建模选软出来的效果还是PS或AI画的?看了几个经验贴之后,答案是  PS。对,就只用PS,无它。

又验证了一句老话,学好PS走遍天下都不怕。(嗯,哪里来的老话呢,不重要>o

程度

看心情、、、、、、


步骤!!


首先,先做 一屏(为了发图方便,2560*1680)

配色、板式以及简单元素

打好基础大的框架(建立自信)


板式的内文根据自己定的主题来加。


然后,从比较简单的元素开始临摹~



虽然主体物很简单,但画面已经开始慢慢完整了。


我先说我小元素是如何画的吧。

星球



画一个物体之前一定要先分析,拆分结构,具体如上图。即使再复杂的图案其实都是一层一层叠加出来的。有些同学如果觉得复杂的图案很难实现,可以先从简单的物体开始哦。

多多画,就会越来越好啦。


这个星球可以分为

球体+立体空心圆环


先说球体

掌握基础的素描知识,使画面立体起来公式 =  亮面+明暗交界线+暗面+反光

任何有立体感的物体都遵循着这个原理。

举个栗子


选择工具栏,椭圆工具(有路径的)按住shift 画一个正圆,加两层内阴影+投影(灵活地,根据物体来调节大小和距离)

当然,非常逼真的效果还需要有环境光,我建议,想要细细了解的同学可以找一个画石膏几何体的课程学习一下。


如果球体还不够立体,可以再加一次内阴影,需要调节的参数  颜色、不透明度、距离和大小,掌握好这几个参数就可以了。



加内发光会让球体的转折处过渡更加自然。


然后是

立体空心圆环

用钢笔工具画出一个椭圆,复制一个缩小椭圆,两个图层相减(最好是一直保持路径,方便之后微调,实在不知道两个形状如何相见的同学一定要百度了解清楚,一篇看不懂就再多找几个帖子看。为了方便大家,戳这里,https://jingyan.baidu.com/article/25648fc19821879191fd0014.html)


画好之后对图层加内阴影+内发光+投影


黑白灰基本成形啦



然后在图层上新建一个图层,用画笔画一些环境光(环境光就是周围的颜色)

和之前做的球体合在一起,调整位置,就大功告成啦。当然,细节的细化其实还可以有很多,比如再添加物体之间的环境色,每个物体的反光等等都可以再细化下去,看画面的需求来做即可~



其他物件也是用这样相同的思维画出来的。

虽然,我处理复杂元素没有Mike大神做的那么细致入微,但像星球这样的小物件还是可以做到还原的,想要精致的画好复杂的物体仍需要多练和多观察。


总结

在PS中想要让平面元素变成立体的无外乎就是遵循  亮面+明暗交界线+暗面+反光(还有环境光) 的法则。


做经验贴,真心觉得不易,有什么不足之处,嗯、、、、、多喝热水、、、、或者给我点个赞也行(偷笑)


对了,点这个链接可以在Dribbble下载大图哦  哦    >o< 

给2019开启追波之路的我点个like吧~

https://dribbble.com/shots/5878501-Dribbble

https://dribbble.com/shots/5800297-Stardust



10
阅读原文
|
举报
|
27
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
卡通风格网页页面3D渲染
女生坐在网页面前办公矢量插画
卡通风格网页页面3D渲染
男生和女生站在网页面前矢量扁平插画
浏览电脑网页的元素
网页设计——纸杯蛋糕
卡通女孩与网页表格3D渲染
网页图标
三个青年正在装修网页矢量插画
三个青年站在网页周边矢量插画
网页电商背景矢量插画
一个人拿着优惠券准备支付购物电商矢量插画
网页页面矢量插画
卡通风格网页页面3D渲染
蓝色简约风格404错误页面
卡通风格网页页面3D渲染
四个人物分别在上网贴纸合集
一个男生和两个女生站在网页前面打招呼矢量
男生坐在网页面前办公矢量插画
新年快乐送福网页矢量图banner
 网页背景
互联网,互联网插画,商务,数据,项目,合作,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,沟通,渐变,蓝色插画,商铺,覆盖,管理,项目管理,效率,提升,高效,关系,拓展,
卡通女孩与网页表格3D渲染
户外旅行飞机情侣假日出行
三位美女围着网页看信息矢量插画
你可能喜欢
大家都在看
登录注册