ホームページ > ウェブフロントエンド > PS チュートリアル > Photoshop制作简洁大气轻烟般的淡蓝色透明光束

Photoshop制作简洁大气轻烟般的淡蓝色透明光束

PHP中文网
リリース: 2016-06-01 14:29:59
オリジナル
1636 人が閲覧しました

效果图中的光束虽然是一个整体,不过不同层次的光束可以分解出来,制作的时候按一定的顺序逐一制作,再把衔接处处理自然即可 效果图中的光束虽然是一个整体,不过不同层次的光束可以分解出来,制作的时候按一定的顺序逐一制作,再把衔接处处理自然即可。
最终效果

Photoshop制作简洁大气轻烟般的淡蓝色透明光束


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

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图1>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图2>

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

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图3>
 
3、新建一个组,用钢笔勾出下图所示的选区,然后给组添加图层蒙版。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图4>

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

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图5>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图6>

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

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图7>

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

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图8>

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

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图9>
 
8、新建一个图层,用钢笔勾出中间部分的高光选区,羽化2个像素后填充蓝色,取消选区后用模糊工具把边缘涂抹自然。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图10>

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

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图11>

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

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图12>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图13>

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

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图14>

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

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图15>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图16>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图17>
 
13、在背景图层上面新建一个组,同上的方法制作第三段光束,过程如图18 - 21。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图18>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图19>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图20>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图21>
 
14、在图层的最上面新建一个组,同上的方法制作第四段光束,过程如图22 - 30。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图22>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图23>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图24>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图25>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图26>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图27>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图28>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图29>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图30>
 
15、在第四段组里新建一个图层,用套索勾出下图所示的选区,把选区羽化25个像素。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图31>

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

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图32>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图33>

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

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图34>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图35>

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

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图36>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图37>

最后局部增加一点高光,再微调一下整体颜色,完成最终效果。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート