可爱皮卡丘UI设计教程

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:zcool   作者:承辉学院

关键词

鼠绘皮卡丘

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

 

【概要】:

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

 

【内容框架】: 

  1.创意思路

  2.鼠绘基础造型

  3.填充固有色 

  4.填充黑白灰颜色

  5.刻画细节  

 

【使用软件】PS  

 

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

 

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

 

【最终效果图】:

5ccc57cfd6d60000012e7eb55423.jpg

1小节:创意思路

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

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

 2e4457cfd79f0000018c1be781f3.jpg

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

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

a4f257cfd7b30000012e7e404860.jpg

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

ffa257cfd7ca0000018c1b6f1ffc.jpg

2小节:鼠绘基础造型

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

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

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

 收藏