Photoshop设计制作出光滑的彩带立体字特效
Sener 人气:0
最终效果
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31871.jpg)
1、新建一个1024 * 768像素的文档,选择渐变工具,颜色设置如图1,拉出图2所示的径向渐变作为背景。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31872.jpg)
<图1>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31873.jpg)
<图2>
2、打开图3所示的文字素材,用魔术棒抠出来,然后拖到我们新建的文档里面,如图4。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31874.jpg)
<图3 点小图查看大图>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31875.jpg)
<图4>
3、锁定文字不透明度,选择渐变工具,颜色设置如图5,然后拉出图6所示的线性渐变作为文字颜色。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31876.jpg)
<图5>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31877.jpg)
<图6>
4、双击图层面板文字缩略图调出图层样式,设置斜面与浮雕及描边,参数设置如图7,8。描边部分的渐变色设置如图9。确定后效果如图10。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31878.jpg)
<图7>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31879.jpg)
<图8>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31876.jpg)
<图9>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31880.jpg)
<图10>
5、文字表面部分的制作基本完成,下面我们开始制作立体面,先来制作立体面的外部质感,需要完成的效果如下图。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31881.jpg)
<图11>
6、在文字图层下面新建一个组,用钢笔勾出下图所示的选区,然后给组添加图层蒙版。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31882.jpg)
<图12>
7、在组里新建一个图层,填充红褐色:#B06B55,效果如下图。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31883.jpg)
<图13>
8、在制作质感之前,我们还需要拉一条辅助线。在图层的最上面新建一个组,在组里新建一个图层,选择直线工具,把前景色设置为红色,拉出下图所示的直线作为参考线。这条线用处非常大,我们拉渐变的时候都需要按照直线的方向拉,这样拉的渐变透视比较统一。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31884.jpg)
<图14>
9、回到立体面的组,在组里新建一个图层,用钢笔勾出前面部分的选区,如图16,同样把参考直线移到中心位置,按照直线方向拉出图15所示的线性渐变。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31885.jpg)
<图15>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31886.jpg)
<图16>
10、新建一个图层,开始制作第二段渐变,同样需要把参考线拉到中间位置,然后按参照线的方向拉同样的渐变色,如下图。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31887.jpg)
<图17>
11、新建一个图层,同上的方法制作其他部分的渐变,过程如图18 - 23。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31888.jpg)
<图18>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31889.jpg)
<图19>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31890.jpg)
<图20>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31891.jpg)
<图21>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31892.jpg)
<图22>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31893.jpg)
<图23>
12、调出当前组的选区,新建一个组,给组添加蒙版,如下图。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31894.jpg)
<图24>
13、在组里新建图层,同上的方法制作前部立体面的渐变,过程如图25 - 30。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31895.jpg)
<图25>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31896.jpg)
<图26>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31897.jpg)
<图27>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31898.jpg)
<图28>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31899.jpg)
<图29>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31900.jpg)
<图30>
14、在图层的最上面新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。执行:滤镜 > 模糊 > 动感模糊,角度设置为45度,距离设置为150,确定后把图层混合模式改为“柔光”,不透明度改为:50%,效果如下图。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31901.jpg)
<图31>
15、创建亮度/对比度调整图层,适当增加图片的对比度,参数设置如图32,效果如图33。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31902.jpg)
<图32>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31903.jpg)
<图33>
最后调整一下细节,再添加倒影,完成最终效果。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31871.jpg)
1、新建一个1024 * 768像素的文档,选择渐变工具,颜色设置如图1,拉出图2所示的径向渐变作为背景。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31872.jpg)
<图1>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31873.jpg)
<图2>
2、打开图3所示的文字素材,用魔术棒抠出来,然后拖到我们新建的文档里面,如图4。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31874.jpg)
<图3 点小图查看大图>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31875.jpg)
<图4>
3、锁定文字不透明度,选择渐变工具,颜色设置如图5,然后拉出图6所示的线性渐变作为文字颜色。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31876.jpg)
<图5>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31877.jpg)
<图6>
4、双击图层面板文字缩略图调出图层样式,设置斜面与浮雕及描边,参数设置如图7,8。描边部分的渐变色设置如图9。确定后效果如图10。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31878.jpg)
<图7>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31879.jpg)
<图8>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31876.jpg)
<图9>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31880.jpg)
<图10>
5、文字表面部分的制作基本完成,下面我们开始制作立体面,先来制作立体面的外部质感,需要完成的效果如下图。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31881.jpg)
<图11>
6、在文字图层下面新建一个组,用钢笔勾出下图所示的选区,然后给组添加图层蒙版。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31882.jpg)
<图12>
7、在组里新建一个图层,填充红褐色:#B06B55,效果如下图。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31883.jpg)
<图13>
8、在制作质感之前,我们还需要拉一条辅助线。在图层的最上面新建一个组,在组里新建一个图层,选择直线工具,把前景色设置为红色,拉出下图所示的直线作为参考线。这条线用处非常大,我们拉渐变的时候都需要按照直线的方向拉,这样拉的渐变透视比较统一。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31884.jpg)
<图14>
9、回到立体面的组,在组里新建一个图层,用钢笔勾出前面部分的选区,如图16,同样把参考直线移到中心位置,按照直线方向拉出图15所示的线性渐变。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31885.jpg)
<图15>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31886.jpg)
<图16>
10、新建一个图层,开始制作第二段渐变,同样需要把参考线拉到中间位置,然后按参照线的方向拉同样的渐变色,如下图。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31887.jpg)
<图17>
11、新建一个图层,同上的方法制作其他部分的渐变,过程如图18 - 23。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31888.jpg)
<图18>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31889.jpg)
<图19>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31890.jpg)
<图20>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31891.jpg)
<图21>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31892.jpg)
<图22>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31893.jpg)
<图23>
12、调出当前组的选区,新建一个组,给组添加蒙版,如下图。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31894.jpg)
<图24>
13、在组里新建图层,同上的方法制作前部立体面的渐变,过程如图25 - 30。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31895.jpg)
<图25>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31896.jpg)
<图26>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31897.jpg)
<图27>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31898.jpg)
<图28>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31899.jpg)
<图29>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31900.jpg)
<图30>
14、在图层的最上面新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。执行:滤镜 > 模糊 > 动感模糊,角度设置为45度,距离设置为150,确定后把图层混合模式改为“柔光”,不透明度改为:50%,效果如下图。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31901.jpg)
<图31>
15、创建亮度/对比度调整图层,适当增加图片的对比度,参数设置如图32,效果如图33。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31902.jpg)
<图32>
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31903.jpg)
<图33>
最后调整一下细节,再添加倒影,完成最终效果。
![Photoshop设计制作出光滑的彩带立体字特效](https://img.qb5200.com/download-x/20201017/31871.jpg)
加载全部内容