Photoshop教程:制作唯美的抽象光带

作者:Sener 作者:佚名 出处: 彩色光带的制作重点是颜色的渲染。飘逸的彩带受光面各不相同,而且还有一些弧度和转角。这些需要自己慢慢去细化和渲染。总体效果感觉真实自然即可。 最终效果 点小图查看大图 1、新建一个1024 * 768像素的文档,背景填充黑色。新建一个图层,用

Photoshop制作逼真的古典留声机

作者:风尾竹 作者:佚名 出处: 作者寄语:首先很感谢很多朋友一直以来对竹子的支持,看到很多朋友很感兴趣图标的制作过程, 很想动手绘制一些漂亮的图标却又苦于无从下手,所以竹子以留声机为例,花了一些时间做这个教程希望对大家有所帮助。 最终效果 1、新建一个256 * 256

作者:Sener 作者:佚名   出处:
Photoshop教程:制作唯美的抽象光带插图

彩色光带的制作重点是颜色的渲染。飘逸的彩带受光面各不相同,而且还有一些弧度和转角。这些需要自己慢慢去细化和渲染。总体效果感觉真实自然即可。

最终效果

Photoshop教程:制作唯美的抽象光带插图(1)

<点小图查看大图>

1、新建一个1024 * 768像素的文档,背景填充黑色。新建一个图层,用钢笔勾出下图所示的选区,填充颜色:#8579F8。

Photoshop教程:制作唯美的抽象光带插图(2)

<图1> 

2、新建一个图层,按Ctrl + Alt + G 与前一图层编组。再在当前图层下面新建一个图层,用钢笔勾出下图所示的选区,按Ctrl + Alt + D 羽化6个像素后填充颜色:#5B41A8。

Photoshop教程:制作唯美的抽象光带插图(3)

<图2>

3、新建一个图层,用钢笔勾出下图所示的选区,羽化10个像素后填充黑色。

Photoshop教程:制作唯美的抽象光带插图(4)

<图3>

4、新建一个图层,用黑色画笔把一些过渡不自然的部分涂暗一点,效果如下图。

Photoshop教程:制作唯美的抽象光带插图(5)

<图4>

5、新建一个图层,用钢笔勾出下图所示的选区,羽化5个像素后填充颜色:#B789DD。

Photoshop教程:制作唯美的抽象光带插图(6)

<图5>

6、新建一个图层,用钢笔勾出下图所示的选区,羽化5个像素后填充颜色:#B789DD。

Photoshop教程:制作唯美的抽象光带插图(7)

<图6>

7、新建一个图层,用钢笔勾出右边高光部分的选区,羽化4个像素后填充白色。

Photoshop教程:制作唯美的抽象光带插图(8)

<图7>

8、新建一个图层,用钢笔勾出下部反光部分的选区,羽化5个像素后填充颜色:#ADB9FF。

Photoshop教程:制作唯美的抽象光带插图(9)

<图8>

9、新建一个图层,用白色画笔再涂上一些高光,效果如下图。

Photoshop教程:制作唯美的抽象光带插图(10)

<图9> 

10、再图层的最上面新建一个图层,用钢笔勾出图11所示的选区,选择渐变工具,颜色设置如图10,由左上只右下拉出线性渐变。

Photoshop教程:制作唯美的抽象光带插图(11)

<图10>

Photoshop教程:制作唯美的抽象光带插图(12)

<图11>

11、新建一个图层,按Ctrl + Alt + G 与前一图层编组。再在当前图层下面新建一个图层,用钢笔勾出下图所示的选区,羽化15个像素后填充颜色:#652002。

Photoshop教程:制作唯美的抽象光带插图(13)

<图12>

12、新建一个图层,用钢笔勾出下图所示的选区,羽化10个像素后填充黑色。

Photoshop教程:制作唯美的抽象光带插图(14)

<图13>

13、新建一个图层,用钢笔勾出下图所示的选区,羽化5个像素后填充:#EF9F03。

Photoshop教程:制作唯美的抽象光带插图(15)

<图14>

14、新建一个图层,用钢笔勾出下图所示的选区,羽化1个像素后填充:#EF9F03FEFB05。

Photoshop教程:制作唯美的抽象光带插图(16)

<图15>

15、新建一个图层,用白色画笔把底部接口位置涂上高光。

Photoshop教程:制作唯美的抽象光带插图(17)

<图16>

16、再图层的最上面新建一个图层,同上的方法渲染颜色,过程如图17,18。

Photoshop教程:制作唯美的抽象光带插图(18)

<图17>

Photoshop教程:制作唯美的抽象光带插图(19)

<图18> 

17、在图层的最上面新建一个图层,同上的方法再制作另一条光带,过程如图19 – 21。

Photoshop教程:制作唯美的抽象光带插图(20)

<图19>

Photoshop教程:制作唯美的抽象光带插图(21)

<图20>

Photoshop教程:制作唯美的抽象光带插图(22)

<图21> 

18、其它几条光带的制作方法相同,过程如图22 – 24。

Photoshop教程:制作唯美的抽象光带插图(23)

<图22>

Photoshop教程:制作唯美的抽象光带插图(24)

<图23>

Photoshop教程:制作唯美的抽象光带插图(25)

<图24> 

19、新建一个图层,图层混合模式改为“颜色减淡”,把前景颜色设置为:#F97631,用画笔在光带的交点处涂抹高光,如图25,26。

Photoshop教程:制作唯美的抽象光带插图(26)

<图25>

Photoshop教程:制作唯美的抽象光带插图(27)

<图26>

最后再加上一些装饰光点,完成最终效果。

Photoshop教程:制作唯美的抽象光带插图(1)

作者:Sener 作者:佚名   出处:
Photoshop教程:制作唯美的抽象光带插图

彩色光带的制作重点是颜色的渲染。飘逸的彩带受光面各不相同,而且还有一些弧度和转角。这些需要自己慢慢去细化和渲染。总体效果感觉真实自然即可。

最终效果

Photoshop教程:制作唯美的抽象光带插图(1)

<点小图查看大图>

1、新建一个1024 * 768像素的文档,背景填充黑色。新建一个图层,用钢笔勾出下图所示的选区,填充颜色:#8579F8。

Photoshop教程:制作唯美的抽象光带插图(2)

<图1> 

2、新建一个图层,按Ctrl + Alt + G 与前一图层编组。再在当前图层下面新建一个图层,用钢笔勾出下图所示的选区,按Ctrl + Alt + D 羽化6个像素后填充颜色:#5B41A8。

Photoshop教程:制作唯美的抽象光带插图(3)

<图2>

3、新建一个图层,用钢笔勾出下图所示的选区,羽化10个像素后填充黑色。

Photoshop教程:制作唯美的抽象光带插图(4)

<图3>

4、新建一个图层,用黑色画笔把一些过渡不自然的部分涂暗一点,效果如下图。

Photoshop教程:制作唯美的抽象光带插图(5)

<图4>

5、新建一个图层,用钢笔勾出下图所示的选区,羽化5个像素后填充颜色:#B789DD。

Photoshop教程:制作唯美的抽象光带插图(6)

<图5>

6、新建一个图层,用钢笔勾出下图所示的选区,羽化5个像素后填充颜色:#B789DD。

Photoshop教程:制作唯美的抽象光带插图(7)

<图6>

7、新建一个图层,用钢笔勾出右边高光部分的选区,羽化4个像素后填充白色。

Photoshop教程:制作唯美的抽象光带插图(8)

<图7>

8、新建一个图层,用钢笔勾出下部反光部分的选区,羽化5个像素后填充颜色:#ADB9FF。

Photoshop教程:制作唯美的抽象光带插图(9)

<图8>

9、新建一个图层,用白色画笔再涂上一些高光,效果如下图。

Photoshop教程:制作唯美的抽象光带插图(10)

<图9> 

10、再图层的最上面新建一个图层,用钢笔勾出图11所示的选区,选择渐变工具,颜色设置如图10,由左上只右下拉出线性渐变。

Photoshop教程:制作唯美的抽象光带插图(11)

<图10>

Photoshop教程:制作唯美的抽象光带插图(12)

<图11>

11、新建一个图层,按Ctrl + Alt + G 与前一图层编组。再在当前图层下面新建一个图层,用钢笔勾出下图所示的选区,羽化15个像素后填充颜色:#652002。

Photoshop教程:制作唯美的抽象光带插图(13)

<图12>

12、新建一个图层,用钢笔勾出下图所示的选区,羽化10个像素后填充黑色。

Photoshop教程:制作唯美的抽象光带插图(14)

<图13>

13、新建一个图层,用钢笔勾出下图所示的选区,羽化5个像素后填充:#EF9F03。

Photoshop教程:制作唯美的抽象光带插图(15)

<图14>

14、新建一个图层,用钢笔勾出下图所示的选区,羽化1个像素后填充:#EF9F03FEFB05。

Photoshop教程:制作唯美的抽象光带插图(16)

<图15>

15、新建一个图层,用白色画笔把底部接口位置涂上高光。

Photoshop教程:制作唯美的抽象光带插图(17)

<图16>

16、再图层的最上面新建一个图层,同上的方法渲染颜色,过程如图17,18。

Photoshop教程:制作唯美的抽象光带插图(18)

<图17>

Photoshop教程:制作唯美的抽象光带插图(19)

<图18> 

17、在图层的最上面新建一个图层,同上的方法再制作另一条光带,过程如图19 – 21。

Photoshop教程:制作唯美的抽象光带插图(20)

<图19>

Photoshop教程:制作唯美的抽象光带插图(21)

<图20>

Photoshop教程:制作唯美的抽象光带插图(22)

<图21> 

18、其它几条光带的制作方法相同,过程如图22 – 24。

Photoshop教程:制作唯美的抽象光带插图(23)

<图22>

Photoshop教程:制作唯美的抽象光带插图(24)

<图23>

Photoshop教程:制作唯美的抽象光带插图(25)

<图24> 

19、新建一个图层,图层混合模式改为“颜色减淡”,把前景颜色设置为:#F97631,用画笔在光带的交点处涂抹高光,如图25,26。

Photoshop教程:制作唯美的抽象光带插图(26)

<图25>

Photoshop教程:制作唯美的抽象光带插图(27)

<图26>

最后再加上一些装饰光点,完成最终效果。

Photoshop教程:制作唯美的抽象光带插图(1)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部