header_v0.7.32

谢志瑶老师教程_第一章_鼠绘写实图标皮卡丘

1年前发布

原创文章 / UI / 教程
承辉学院 原创,如需商业用途或转载请与承辉学院联系,谢谢配合。

本堂课的内容主要是带领大家学习如何用ps鼠绘一个简单写实技法的皮卡丘。从一开始的绘制草图,到勾形、填色,还有最后的细节刻画,都会一一在课程里进行讲解。希望大家看完本节课程,都能有所收获。

鼠绘皮卡丘

第一章 鼠绘写实图标皮卡丘

 

【概要】:

本堂课的内容主要是带领大家学习如何用ps鼠绘一个简单写实技法的皮卡丘。从一开始的绘制草图,到勾形、填色,还有最后的细节刻画,都会一一在课程里进行讲解。希望大家看完本节课程,都能有所收获。

 

【内容框架】: 

  1.创意思路

  2.鼠绘基础造型

  3.填充固有色 

  4.填充黑白灰颜色

  5.刻画细节  

 

【使用软件】PS  

 

【设计难度】:★★☆☆☆  

 

【讲师】:承辉学院谢志瑶

 

【最终效果图】:

5ccc57cfd6d60000012e7eb55423.jpg

1小节:创意思路

皮卡丘是我们熟知的日本卡通角色,它因为可爱的形象和皮卡皮卡的声音萌翻了好多人。

我们要绘制一个写实皮卡丘图标,首先我们需要了解这个角色的设定,收集皮卡丘的相关素
材图片,尽量保存多个角度和动态的图片,便于我们选择和全方位的了解角色。

 2e4457cfd79f0000018c1be781f3.jpg

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

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

a4f257cfd7b30000012e7e404860.jpg

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

ffa257cfd7ca0000018c1b6f1ffc.jpg

2小节:鼠绘基础造型

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

选取一个颜色调低透明度,便于我们可以清晰的看到各个图层的叠加效果

这里我选用的是醒目的正红色,透明度30%。

01d857cfd7e40000012e7e754b88.jpg

3小节:鼠绘基础造型

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

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

cffd57cfd8010000012e7e2e286a.jpg

4小节:填充黑白灰颜色

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

765757cfd8130000018c1bdfe92d.jpg

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

c72957cfd8340000012e7e607454.jpg

5小节:刻画细节

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

164c57cfd85a0000018c1bfd5d9e.jpg


最后再给皮卡丘画上反光、环境光和投影,让整个画面通透起来。

注意反光和环境光的只是起到衬托作用,千万不要抢了亮部和暗部原有的色彩光影关系。

fef257cfd8670000012e7e60c3b3.jpg

 这样,我们的简单写实皮卡丘就完成啦(′・ω・`)ノ

 

敬请期待系列课程:

第二章 让皮卡丘动起来

第三章 创意皮卡丘 让他适用于UI的各个部分


为了方便大家保存,所以再放松下专题页长图:

264a57cfd8c40000018c1b078108.jpg

148

    文章信息

    意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功