承辉学院其他 其他

GUI免费公开课群:364978584 GAME UI免费公开课群:344380064 报名: 教务-思思 3292850177 教务-小雪 2093019686 培训官网:http://zhangyu.ui.cn 我的经历: 2015至今 UI中国学院 院长 章鱼学院 院长 2011-2014 新浪微博 无线客户端资深视觉GUI设计师 2008-2011 完美时空 平面设计部视觉设计师 15年荣获 “UI中国十佳UI设计师” 15年荣获 “Adobe中国区最佳UI设计师证书” 10年荣获 “站酷推荐设计师” 作品《英雄魂器》曾获MIUI第三届全球手机设计大赛“畅销奖” 作品《英雄魂器》曾获新浪微博UDC团队内部主题大赛“金奖” 作品《黑暗魂契》曾获QQ桌面Pro手机主题设计大赛“评委特别奖” 作品《blingbling》曾获QQ桌面Pro手机主题设计大赛“优秀奖” 作品《我们需要您》曾获MIUI第二届全球手机主题设计大赛"优秀奖" 作品《纹壁》曾获《全国博物馆文化产品创意设计推介活动》“优秀奖”

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

承辉学院查看全部>>6月前

人气26905

本作品为上传者原创,版权为上传者所有。分享时请注明,谢谢! 举报


鼠绘皮卡丘

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


【概要】:

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


【内容框架】:  

1.创意思路 

2.鼠绘基础造型 

3.填充固有色  

4.填充黑白灰颜色 

5.刻画细节   


【使用软件】PS   


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


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


【最终效果图】: 

 

1小节:创意思路

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

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

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

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

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

 

2小节:鼠绘基础造型

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

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

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

3小节:鼠绘基础造型

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

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

4小节:填充黑白灰颜色

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

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

5小节:刻画细节

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

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

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

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


敬请期待系列课程:

第二章 让皮卡丘动起来

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

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

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

报名QQ:教务-西西 2093019686

喜欢(21)
   
颜色
标签
TA的上传
查看全部

只有登录之后才可以评论,请点击这里进行登录

全部评论: 11

腾云小天1月前赞(0)

学习字体,包装,海报设计 ps/AI/CDR/UI学习可以加我q q裙【3 7 1 0 2 3 6 9 1】每天晚上有1小时的公开课,小白直通车

夏至未至551月前赞(0)

做的很赞 在这里我也给各位小白推荐一个UI设计群 需要学习的可以进来 qun号 【589555608】 进去问班主任要免费公开课听课的地址,祝大家新年快乐,鸡年大吉

whited3月前赞(0)

高级UI设计师!零基础? 不怕! 目前最火爆的 设计职业 jia裙【2197 7 45 65】 每天免费的120分钟课堂案例讲解助你成为高薪的UI设计师 BAT-UI设计大咖给你指点迷津,面对面学习交流,助你快速提升

木槿昔年3月前赞(0)

做的很赞 在这里我也给各位小白推荐一个UI设计群 需要学习的可以进来 qun号 291280919 进去问班主任要免费公开课听课的地址

ps教程学习6663月前赞(0)

自己是UI/PS/AI/CDR/的小白,ps学习零基础???自己愿不愿意学?? 想学,来这里,【3710群 23 691】每天都有1小时免费的公开课,大神传授案例设计步骤。 什么都不会的,班主任领取10G学习资料!

小嗨3月前赞(0)

自己是ps/AI/UI/CDR软件的小白,想提升技能???变大神???? ps/AI/CDR零基础到精通的学习群,想学的加群【21 97 74 565】 每天都有免费的公开课,直接与老师面对面沟通,特别适合零基础和提升技能的

夏至未至553月前赞(0)

12000的工资!屌丝的克星,毕业一年的小白月薪过万了。 惊到尿,真正的高薪设计—U I设计。话不多说同道中人加千人 Q Q 群(589 555608)交流学习, 进群福利:每晚120分钟设计基础干货直播课10G学习资料,我们一起成长为设计大神。

晨宇静訫6月前赞(1)

意见很好

Simpro

多点高光效果就好了~~

晨宇静訫6月前赞(1)

给你10086个赞

晨宇静訫

非常喜欢

晨宇静訫6月前赞(1)

非常喜欢

更多

会员登录还没有账号 立即注册

邮箱登录邮箱格式不正确

忘记密码 ?

用第三方帐号直接登录

微博账号登录QQ账号登录