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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
谢志瑶老师教程_第一章_鼠绘写实图标皮卡丘
0.0°
2016-09-26 原创文章 经验/观点 举报 2045 13 8 0

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

鼠绘皮卡丘

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

【概要】:

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

【内容框架】:  

1.创意思路 

2.鼠绘基础造型 

3.填充固有色  

4.填充黑白灰颜色 

5.刻画细节   

【使用软件】PS   

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

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

【最终效果图】: 

Image title

1小节:创意思路

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

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

Image title

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

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

Image title

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

Image title

2小节:鼠绘基础造型

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

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

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

 Image title

3小节:鼠绘基础造型

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

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

Image title

4小节:填充黑白灰颜色

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

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

Image title5小节:刻画细节

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

Image title

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

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



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

敬请期待系列课程:

第二章 让皮卡丘动起来

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

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


顺便做个广告:
承辉学院官网3.0上线啦http://www.chenghuixueyuan.com/
UI设计黄埔15人小班 “9月22日开课” 想学习UI设计的同学们可以联系我:) 

报名QQ:教务-西西 2093019686

更新:2016-09-26

收藏

13人已收藏

承辉学院

章鱼GUI群364978584章鱼游戏群473294097

  • 117

    作品

  • 2288

    粉丝

  • 12

    关注

  • icon的绘制及优化
  • 手机端渐变风启动页设计教程
  • 承辉学院UI手游全日班-3期-学生作业
  • 承辉学院UI手游全日班-3期-学生作业

    猜你喜欢

      2016-09-26 原创文章 经验/观点 举报 2045 13 8 0

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

      0.0°

      你确定要举报谢志瑶老师教程_第一章_鼠绘写实图标皮卡丘

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2016年09月07日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      8
      13
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录