数码资源网

文章频道 软件下载 安卓下载 苹果下载

当前位置:首页文章中心平面专栏Photoshop → Photoshop制作简洁清爽的蓝色光束背景

Photoshop制作简洁清爽的蓝色光束背景

时间:2014-04-03 08:29:48人气:175作者:网友整理
整蛊火柴人v1.3.5
整蛊火柴人v1.3.5 for Android
  • 类型:动作格斗大小:91.04M语言: 评分:4.7
  • 整蛊火柴人是一款制作精良的动作类手机游戏。该游戏画面精致,技能特效华丽,角色塑造...
立即下载
逃出蓝色太空船v1.7.5
逃出蓝色太空船v1.7.5 for Android
  • 类型:冒险解谜大小:39.83M语言: 评分:3.7
  • 逃出蓝色太空船是一款全新3D休闲闯关小游戏。游戏画面简洁,玩家在线就能轻松参加挑...
立即下载
光束连接手游安卓最新版(Senalux) v1.0.1 手机版
光束连接手游安卓最新版(Senalux) v1.0.1 手机版 for Android
  • 类型:休闲益智大小:28M语言:简体中文 评分:3.0
  • 是时候该锻炼锻炼你的脑力了。光束连接手游安卓最新版一款最新开发的休闲益智类手游,...
立即下载

我们的设计作品时,有时会需要自己来制作背景,今天我们就教大家利用Photoshop制作简洁清爽的蓝色光束背景,希望大家能从中学到有用的东西。我们先来看一下效果图,里面的光束看起来是一个整体,但我们在制作时是将不同层次的光束分解制作的,最后再组合在一起,注意衔接处要处理自然
最后效果图:

最后效果图

1、新建一个1024 * 600像素,分辨率为72的画布。选择渐变工具,颜色设置如图1,然后由左上角向右下角拉出图2所示的线性渐变。

Photoshop制作简洁清爽的蓝色光束背景 图1
<图1> 

Photoshop制作简洁清爽的蓝色光束背景 图2
<图2> 

2、先来制作光丝的第一段,需要完成的效果如下图。

Photoshop制作简洁清爽的蓝色光束背景 图3
<图3> 
 

3、新建一个组,用钢笔勾出下图所示的选区,然后给组添加图层蒙版。

Photoshop制作简洁清爽的蓝色光束背景 图4
<图4> 

4、在组里新建一个图层,填充蓝色:#43A0FF,不透明度改为:40%。添加图层蒙版,用黑色画笔把上部边缘部分擦出透明效果,如下图。

Photoshop制作简洁清爽的蓝色光束背景 图5
<图5> 

Photoshop制作简洁清爽的蓝色光束背景 图6
<图6> 

5、新建一个图层,用钢笔勾出右侧部分的高光选区,羽化8个像素后填充同上的蓝色。

Photoshop制作简洁清爽的蓝色光束背景 图7
<图7> 

6、新建一个图层,用钢笔勾出右侧边缘的高光选区,羽化4个像素后填充蓝色:#4EAFFC,混合模式改为“滤色”,如下图。

Photoshop制作简洁清爽的蓝色光束背景 图6
<图8> 

7、新建一个图层,用钢笔勾出下图所示的选区,羽化2个像素后填充同上的蓝色,混合模式改为“滤色”,不透明度改为:30%。取消选区后用模糊工具把顶部稍微模糊处理。

Photoshop制作简洁清爽的蓝色光束背景 图9
<图9> 
 

[page]
 

8、新建一个图层,用钢笔勾出中间部分的高光选区,羽化2个像素后填充蓝色,取消选区后用模糊工具把边缘涂抹自然。

Photoshop制作简洁清爽的蓝色光束背景 图10
<图10> 

9、新建一个图层,用钢笔勾出顶部边缘的高光选区,羽化1个像素后填充青色:#83F7FF,如下图。

Photoshop制作简洁清爽的蓝色光束背景 图11
<图11> 

10、新建图层,同上的方法给中间增加几条细的高光,如图12,13。

Photoshop制作简洁清爽的蓝色光束背景 图12
<图12> 

Photoshop制作简洁清爽的蓝色光束背景 图13
<图13> 

11、在背景图层上面新建一个组,用钢笔勾出第二段光束的轮廓,转为选区后给组添加图层蒙版。然后用模糊工具把两端稍微模糊处理。

Photoshop制作简洁清爽的蓝色光束背景 图14
<图14> 

12、在组里新建图层,同上的方法先制作底色,然后制作边缘的高光,过程如图15 - 17。

Photoshop制作简洁清爽的蓝色光束背景 图15
<图15> 

Photoshop制作简洁清爽的蓝色光束背景 图16
<图16> 

Photoshop制作简洁清爽的蓝色光束背景 图17
<图17> 
 

13、在背景图层上面新建一个组,同上的方法制作第三段光束,过程如图18 - 21。

Photoshop制作简洁清爽的蓝色光束背景 图18
<图18> 

Photoshop制作简洁清爽的蓝色光束背景 图19
<图19> 

Photoshop制作简洁清爽的蓝色光束背景 图20
<图20> 

Photoshop制作简洁清爽的蓝色光束背景 图21
<图21> 
 

[page]
 

14、在图层的最上面新建一个组,同上的方法制作第四段光束,过程如图22 - 30。

Photoshop制作简洁清爽的蓝色光束背景 图22
<图22> 

Photoshop制作简洁清爽的蓝色光束背景 图23
<图23> 

Photoshop制作简洁清爽的蓝色光束背景 图24
<图24> 

Photoshop制作简洁清爽的蓝色光束背景 图25
<图25> 

Photoshop制作简洁清爽的蓝色光束背景 图26
<图26> 

Photoshop制作简洁清爽的蓝色光束背景 图27
<图27> 

Photoshop制作简洁清爽的蓝色光束背景 图28
<图28> 

Photoshop制作简洁清爽的蓝色光束背景 图29
<图29> 

Photoshop制作简洁清爽的蓝色光束背景 图30
<图30> 
 

15、在第四段组里新建一个图层,用套索勾出下图所示的选区,把选区羽化25个像素。

Photoshop制作简洁清爽的蓝色光束背景 图31
<图31> 

16、保持选区,创建色相/饱和度调整图层,参数及效果如下图。

Photoshop制作简洁清爽的蓝色光束背景 图32
<图32> 

Photoshop制作简洁清爽的蓝色光束背景 图33
<图33> 

17、创建亮度/对比度调整图层,参数设置如图34,确定后按Ctrl + Alt + G 创建剪切蒙版,效果如图35。

Photoshop制作简洁清爽的蓝色光束背景 图34
<图34> 

Photoshop制作简洁清爽的蓝色光束背景 图35
<图35> 

18、创建色彩平衡调整图层,对高光进行调整,参数设置如图36,确定后按Ctrl + Alt + G 创建剪切蒙版,效果如图37。

Photoshop制作简洁清爽的蓝色光束背景 图36
<图36> 

Photoshop制作简洁清爽的蓝色光束背景 图37
<图37> 

最后局部增加一点高光,再微调一下整体颜色,这张简洁蓝色的光束背景就制作完毕了。大家可以根据情况再添加一些文字或是其他素材进行设计制作。

完成后效果图:

完成后效果图
 
 

相关文章

感谢速联科技、八度网络、九九数据、亿恩科技、群英网络赞助部分带宽!

关于本站 | 联系方式 | 版权声明 | 下载帮助(?) | 网站地图

Copyright 2002-2020 95262.com 【数码资源网】 版权所有 粤ICP备2020128507号-1

本站所有软件来自互联网,版权归原著所有。如有侵权,敬请来信告知 ,我们将及时撤销。