当前位置: 主页 > 平面设计 > PS教程 > 制作实例 > 按钮制作 > 卡通效果按钮

卡通效果按钮

  • 2021-12-01
  • 来源/作者: 本站原创    / 佚名    
  • 4 次浏览

本实例卡通效果的按钮制作不需要进行太多的细节刻画,也不需要表现物质的真实质感,只要做到形象简练、概括,具有卡通画的趣味性即可。各种元素的合理搭配使画面构成一个有机整体,如图1-67所示,为本实例的完成效果。

1-67  本实例完成效果

技术提示

该实例的制作主要是绘制完成的,因此在绘制过程中为了表现充满童趣的风格,在使用路径绘制的时候要使路径自然流畅,充满动感,避免出现呆板的直线和规则图形。如图1-68所示,为本实例的制作流程。

1-68  本实例制作流程

制作步骤

1)运行Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-01\“背景01.jpg”文件,如图1-69所示。

1-69  打开背景素材

2)选择工具箱中的“横排文字”工具,参照图1-70所示在视图中创建字样“LOCOAL DJ”。

1-70  创建文字

3)执行“图层”→“图层样式”→“投影”命令,打开“图层样式”对话框,参照图1-711-72所示设置对话框,为文字添加图层样式效果。

1-71  设置图层样式

1-72  设置“描边”参数

4

)选择工具箱中的“钢笔”工具,参照图1-73所示在视图中绘制路径,然后按下<Ctrl+Enter>键,将路径转换为选区。

提示:在绘制主体物前应仔细考虑主体物的构图、样式、大小、颜色等等,做到心中有数。

1-73  绘制路径并转换为选区

5)在“图层”调板中,新建“图层 1,然后将选区填充为灰色(R241G241B241),执行“编辑”→“描边”命令,打开“描边”对话框,参照图1-74所示设置对话框,为选区添加描边效果。按下<Ctrl+D>键,取消选区。

1-74  添加描边效果

6)使用同样方法,分别创建新的图层,参照图1-75所示在视图中绘制其他颜色的图像。

技巧:为了表现卡通的效果,在绘制图像的时候尽量表现活泼的风格,使图像充满童趣。

1-75  绘制其他图像

7)接下来再参照图1-76所示,绘制出屏幕图像。

1-76  绘制屏幕图像

8)使用同样的绘图方法,参照图1-77所示绘制不同颜色的小按钮图像。

1-77  绘制按钮图像

9)下面再绘制出天线、控制杆和大按钮图像,如图1-78

所示。

1-78  绘制其他图像

注意:在绘制这个卡通形象的其他组成部分时,应从整体着手,看似凌乱的图形,其实是精心安排的。这需要考虑与整个画面色调的协调,以及光源照射方向的统一等等。

10)在“图层”调板中,将“背景”图层和文字图层隐藏,然后再选择“图层 1,使其为当前可编辑状态,执行“图层”→“合并可见图层”命令,将调板中显示的图层全部合并到“图层 1中,如图1-79所示。

提示:将用于编辑的图层合并为一个图层,可以减少“图层”调板中的图层数量,便于对图层的观察和管理。

1-79合并图层

11)将“背景”图层和文字图层显示,确定“图层 1为当前可编辑状态,执行“图层”→“图层样式”→“投影”命令,打开“图层样式”对话框,如图1-80所示设置对话框,为图像添加投影效果。

1-80  设置“投影”参数

12)最后在视图中添加相关的文字信息和装饰图像,完成实例的制作,如图1-81所示。如果读者在制作过程中遇到什么问题,可打开本书附带光盘\Chapter-01\“卡通效果按钮.psd”进行查看。

1-81  实例完成效果