更多课程 选择中心

UI培训
美国上市教育机构

400-111-8989

UI培训

Photoshop绘制3D立体风格的皮卡丘图标

  • 发布:UI培训
  • 来源:UI教程
  • 时间:2017-03-27 15:31

要把简单的二维图转为立体效果的难度是非常大的。首先要根据素材图画出自己想要的线稿,再铺色,刻画光影和细节等,喜欢的朋友就跟平面设计培训的小伙伴们一起来学习吧。

最终效果

【ps绘制3D立体风格的皮卡丘图标】

一、创意思路

皮卡丘是我们熟知的日本卡通角色,它因为可爱的形象和皮卡皮卡的声音萌翻了好多人。我们要绘制一个写实皮卡丘图标,首先我们需要了解这个角色的设定,收集皮卡丘的相关素材图片,尽量保存多个角度和动态的图片,便于我们选择和全方位的了解角色。

【ps绘制3D立体风格的皮卡丘图标】

在经过素材的收集和分析后,接下来我们就开始画草图。草图阶段尽量表达大的想法和构图,摒弃细节,在经过多个草图的尝试后,因为我希望这个作品更加稳定像一个图标,所以选定了一个坐着的面朝右边的角度。

又在原有设定的基础上进行了自我风格比较强烈的变形。为了放大皮卡丘的萌感和Q弹感,在原有设定的基础上将头放大,身体缩短,身体比例缩小,使皮卡丘更加圆润。

【ps绘制3D立体风格的皮卡丘图标】

开始的造型会决定作品的质量,并且减少后续的修改时间成本。所以草图完成后将线稿提炼的更精细,尽量在线稿上多费些心思。

【ps绘制3D立体风格的皮卡丘图标】

二、鼠绘基础造型

用钢笔工具和形状工具相结合,在线稿的基础上分区块勾勒出每个骨骼结构的形状注意区分好骨骼分组,命名好各个组名,以便于我们后面的绘制和动效制作。

选取一个颜色调低透明度,便于我们可以清晰的看到各个图层的叠加效果。这里我选用的是醒目的正红色,透明度30%。

【ps绘制3D立体风格的皮卡丘图标】

三、鼠绘基础造型

形状勾好后,我们就需要填充它的固有色确定每个区块大概的基本颜色。这里我们依据皮卡丘的原有设定色选取的颜色,以黄色为主。

将所有图层都调回100%透明度,分别填充颜色,每个模块都最好有不同颜色的区分便于我们分辨结构%。

【ps绘制3D立体风格的皮卡丘图标】

四、填充黑白灰颜色

接下来我们开始将皮卡丘立体化,需要确认光源方向,为右侧斜上方的光源,所以右侧为受光面,左侧为背光面。而脸部离光源更近,受光会比身体更强烈。

【ps绘制3D立体风格的皮卡丘图标】

之后用钢笔工具勾出暗部和亮部的结构,添加蒙版,用模糊笔刷在蒙版上擦出自然的过渡,模糊笔刷越大擦出的过渡越自然。

【ps绘制3D立体风格的皮卡丘图标】

五、刻画细节

在有了明暗结构后,我们就要开始刻画细节了方法还是利用形状图层添加蒙版,和画笔相结合的方式,最暗的地方暗下去,亮的地方亮起来,整个物体的立体感才更加真实,不断的叠加图层营造自然的光影变化。

【ps绘制3D立体风格的皮卡丘图标】

最后再给皮卡丘画上反光、环境光和投影,让整个画面通透起来。注意反光和环境光的只是起到衬托作用,千万不要抢了亮部和暗部原有的色彩光影关系。这样,我们的简单写实皮卡丘就完成啦。

【ps绘制3D立体风格的皮卡丘图标】

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可全国推荐就业!

上一篇:UI手绘教程-试验瓶图标绘制
下一篇:广告设计中插画的作用!
选择城市和中心
黑龙江省

吉林省

河北省

贵州省

云南省

广西省

海南省