Photoshop制作可爱水晶蝴蝶

UI / UI设计教程 /      

uimaker
UI设计师 / 江苏 南京

来源:uimaker.com   作者:网络

关键词

 Photoshop制作可爱水晶蝴蝶

 

本教程介绍水晶蝴蝶的制作方法,过程比较简单,只需要把蝴蝶翅膀及躯干等部分的高光及暗调渲染出来即可。另外蝴蝶是非常对称的,制作的时候我们只需要重点做好一半,其它部分直接复制就可以。

关键词:photoshop

最终效果

Photoshop制作可爱的橙色水晶小蝴蝶

 

1、新建一个800 * 600像素的文档,背景选择白色。新建一个图层,命名为“小翅膀”,用钢笔工具勾出下图所示的选区。

Photoshop制作可爱的橙色水晶小蝴蝶

<图1>

2、选择渐变工具,颜色设置如图2,拉出图3所示的径向渐变。

 


Photoshop制作可爱的橙色水晶小蝴蝶
<图2> 

Photoshop制作可爱的橙色水晶小蝴蝶
 
<图3> 
 
3、新建一个图层,用钢笔工具勾出图4所示的选区,选择渐变工具,颜色设置如图5,拉出图6所示的线性渐变。

Photoshop制作可爱的橙色水晶小蝴蝶

<图4>

Photoshop制作可爱的橙色水晶小蝴蝶
<图5>

Photoshop制作可爱的橙色水晶小蝴蝶
<图6>
 
4、新建一个图层,用钢笔工具勾出下图所示的选区填充暗红色,下部边缘部分涂上鲜艳一点的红色,如下图。
 
Photoshop制作可爱的橙色水晶小蝴蝶

 

<图7>
5、新建一个图层,用硬度为为100%的圆形画笔点上一些白色高光,适当改变图层不透明度,效果如下图。

Photoshop制作可爱的橙色水晶小蝴蝶

<图8>

 

6、新建一个图层,用钢笔勾出图9所属的鹅选区,拉上图10所示的线性渐变。

 

 

Photoshop制作可爱的橙色水晶小蝴蝶

<图9>


Photoshop制作可爱的橙色水晶小蝴蝶

<图10>

 

 


7、新建一个图层,用钢笔勾出下图所示的选区填充颜色:#DF430D,边缘部分用画笔涂上一些橙黄色高光。

Photoshop制作可爱的橙色水晶小蝴蝶

 

<图11>

 

 

8、用钢笔勾出下图所示的选区,按Ctrl + J 把选区部分的图形复制到新的图层,图层混合模式改为“滤色”,不透明度改为:40%

 

Photoshop制作可爱的橙色水晶小蝴蝶
<图12>
 
9、用钢笔勾出图13所示的选区,选择渐变工具颜色设置如图14,拉上线性渐变后用白色画笔把右上角部分涂上一些白色高光。
Photoshop制作可爱的橙色水晶小蝴蝶
<图13>


Photoshop制作可爱的橙色水晶小蝴蝶

<图14>

 

10、把当前图层混合模式改为“正片叠底”,不透明度改为:60%,效果如下图。

Photoshop制作可爱的橙色水晶小蝴蝶

 

 

<图15>

 

11、调出当前图层选区,新建一个图层,用白色画笔把右上角部分涂上白色高光,如图17。

 

Photoshop制作可爱的橙色水晶小蝴蝶

<图16>


Photoshop制作可爱的橙色水晶小蝴蝶
 

<图17>

 

12、新建一个图层,用钢笔勾出下图所示的选区填充白色,图层不透明度改为:30%,加上图层蒙版,用黑色画笔把底部涂点透明效果。

 

Photoshop制作可爱的橙色水晶小蝴蝶
<图18>
 
13、新建一个图层,用钢笔勾出翅膀纹路部分的选区填充暗红色,顶部涂上一些紫红色,如图20。勾路径的时候可以分段来勾。
Photoshop制作可爱的橙色水晶小蝴蝶
<图19>

Photoshop制作可爱的橙色水晶小蝴蝶
<图20>
 
14、把纹路图层混合模式改为“叠加”,效果如下图。

Photoshop制作可爱的橙色水晶小蝴蝶

<图21>

 

15、新建一个图层,用白色画笔点上一些高光,右边翅膀基本完成,效果如下图。

 

 

Photoshop制作可爱的橙色水晶小蝴蝶

<图22>

 

16、左边翅膀直接复制过去即可。

 

Photoshop制作可爱的橙色水晶小蝴蝶
 

<图23>

 

17、新建一个图层,用椭圆选框工具拉出图24所示的选区,拉上图25所示的径向渐变。

 

Photoshop制作可爱的橙色水晶小蝴蝶
<图24>

Photoshop制作可爱的橙色水晶小蝴蝶
<图25>
18、其它部分如眼睛、触角、身体等部分的制作方法同上,过程如图26 - 29
 
<图26>
 
 
<图27>
 
 
<图28>
 
 
<图29>
最后调整一下细节和角度,完成最终效果。
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 收藏