首頁 web前端 PS教程 Photoshop设计制作一条漂亮的红色光斑动感光束

Photoshop设计制作一条漂亮的红色光斑动感光束

Jun 01, 2016 pm 02:26 PM

光束组成比较简单:由大光束、小光束、光斑三部分构成。光束部分制作稍微复杂一点,需要用钢笔勾出形状,然后填色,再渲染高光;光斑部分直接用画笔来完成 光束组成比较简单:由大光束、小光束、光斑三部分构成。光束部分制作稍微复杂一点,需要用钢笔勾出形状,然后填色,再渲染高光;光斑部分直接用画笔来完成。
最终效果

Photoshop设计制作一条漂亮的红色光斑动感光束


1、新建一个1000 * 650像素,分辨率为72的画布,背景填充黑色,如下图。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图1>

2、先来制作光束部分,需要完成的效果如下图。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图2>
 3、新建一个组,在组里新建一个图层,选择钢笔工具,如下图。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图3>

4、用钢笔构成下图所示的闭合路径。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图4>

5、按Ctrl + 回车把路径转为选区,羽化12个像素后选择渐变工具,颜色设置如图6,然后由左至右拉出线性渐变,取消选区后效果如图7。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图5>

Photoshop设计制作一条漂亮的红色光斑动感光束
<图6>

Photoshop设计制作一条漂亮的红色光斑动感光束
<图7>

6、给当前图层添加图层样式,选择外发光,参数及效果如下图。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图8>

Photoshop设计制作一条漂亮的红色光斑动感光束
<图9>
 7、新建一个图层,用钢笔勾出下图所示的闭合路径。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图10>

8、按Ctrl + 回车把路径转为选区,然后羽化3个像素,如下图。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图11>

9、选择渐变工具,颜色设置如图12,然后由左至右拉出线性渐变,取消选区后添加图层蒙版,用黑色画笔把左侧过渡擦出来效果如图13。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图12>

Photoshop设计制作一条漂亮的红色光斑动感光束
<图13>

10、按住Ctrl键点击当前图层缩略图载入选区,再选择菜单:选择 > 修改 > 收缩,数值为3,如图15。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图14>

Photoshop设计制作一条漂亮的红色光斑动感光束
<图15>
 11、点击缩略图进入图层状态,保持选区,按Ctrl + J把选区部分的色块复制到新的图层。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图16>

12、把复制出来的图层混合模式改为“颜色减淡”,不透明度改为:55%,添加图层蒙版,用黑色画笔把边缘过渡擦出来,如下图。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图17>

13、新建图层,同上的方法制作第二条光束,如下图。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图18>

Photoshop设计制作一条漂亮的红色光斑动感光束
<图19>

14、新建一个图层,用钢笔勾出下图所示的选区,羽化2个像素后填充淡黄色:#FAFB6B,如下图。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图20>

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

Photoshop设计制作一条漂亮的红色光斑动感光束
<图21>

16、局部再增加一点细节,大光束基本完成,如下图。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图22>
 17、现在来制作小光束,第一条小光束的效果如下图。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图23>

18、新建一个图层,用钢笔勾出下图所示的闭合路径。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图24>

19、按Ctrl + 回车把路径转为选区,选择渐变工具,颜色设置如图25,然后由左至右拉出线性渐变,拉好渐变后不要取消选区。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图25>

Photoshop设计制作一条漂亮的红色光斑动感光束
<图26>

20、按向上的方向键两下,向左的方向键一下,如下图。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图27>

21、按Delete键删除,取消选区后效果如下图。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图28>

22、选择菜单:滤镜 > 模糊 > 高斯模糊,参数及效果如下图。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图29>

Photoshop设计制作一条漂亮的红色光斑动感光束
<图30>
 23、给当前图层添加图层样式,选择外发光,参数设置如图31,确定后把混合模式改为“变亮”,不透明度改为:80%,添加图层蒙版,用黑色画笔把左侧过渡擦出来,如图32。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图31>

Photoshop设计制作一条漂亮的红色光斑动感光束
<图32>

24、新建一个图层,用钢笔勾出顶部的高光区域路径如图33,然后按Ctrl + 回车转为选区,并羽化1个像素。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图33>

Photoshop设计制作一条漂亮的红色光斑动感光束
<图34>

25、把选区填充橙黄色:#E78513,然后选择菜单:选择 > 修改 > 收缩,数值为1,确定后按Ctrl + J把选区部分色块复制到新的图层,混合模式改为“颜色减淡”,如下图。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图35>

26、新建图层,同上的方法制作其他的小光束,过程如图36 - 38。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图36>

Photoshop设计制作一条漂亮的红色光斑动感光束
<图37>

Photoshop设计制作一条漂亮的红色光斑动感光束
<图38>
 27、现在来制作光斑。新建一个组,在组里新建一个图层,把前景色设置为红色。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图39>

28、选择画笔工具,选择一款柔边画笔,把硬度设置为100%,如下图。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图40>

29、调整画笔的大小及不透明度,点出小图所示的效果。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图41>

30、新建一个图层,把前景色设置为黄色,用画笔点出效果所示的效果。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图42>

31、在图层的最上面新建一个图层,按Ctrl + Alt + Shift + E 盖印图层,选择菜单:滤镜 > 模糊 > 动感模糊,角度设置为45度,距离设置为150,确定后把混合模式改为“柔光”,不透明度改为:50%,如下图。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图43>

32、创建亮度/对比度调整图层,适当增加对比度,参数及效果如下图。

Photoshop设计制作一条漂亮的红色光斑动感光束
<图44>

Photoshop设计制作一条漂亮的红色光斑动感光束
<图45>

最后微调一下细节,完成最终效果。

Photoshop设计制作一条漂亮的红色光斑动感光束

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1318
25
PHP教程
1269
29
C# 教程
1248
24
Photoshop的價值:權衡成本與其功能 Photoshop的價值:權衡成本與其功能 Apr 11, 2025 am 12:02 AM

Photoshop值得投資,因為它提供了強大的功能和廣泛的應用場景。 1)核心功能包括圖像編輯、圖層管理、特效製作和色彩調整。 2)適合專業設計師和攝影師,但業餘愛好者可考慮替代品如GIMP。 3)訂閱AdobeCreativeCloud可按需使用,避免一次性高額支出。

高級Photoshop教程:大師修飾和合成 高級Photoshop教程:大師修飾和合成 Apr 17, 2025 am 12:10 AM

Photoshop的高級修圖與合成技術包括:1.使用圖層、蒙版和調整層進行基礎操作;2.通過調整圖像像素值實現修圖效果;3.利用多圖層和蒙版進行複雜合成;4.應用“液化”工具調整面部特徵;5.使用“頻率分離”技術進行細膩修圖,這些技術能提升圖像處理水平並實現專業級效果。

Photoshop的主要特徵:深度潛水 Photoshop的主要特徵:深度潛水 Apr 19, 2025 am 12:08 AM

Photoshop的關鍵功能包括圖層與蒙版、調整工具、濾鏡與效果。 1.圖層與蒙版允許獨立編輯圖像部分。 2.調整工具如亮度/對比度可修改圖像色調和亮度。 3.濾鏡與效果可快速添加視覺效果。掌握這些功能可以幫助創意專業人士實現創意願景。

使用Photoshop:創意可能性和實際用途 使用Photoshop:創意可能性和實際用途 Apr 22, 2025 am 12:09 AM

Photoshop在實際應用中非常實用且具有創造性。 1)它提供基本編輯、修復和合成功能,適合初學者和專業人士。 2)高級功能如內容識別填充和圖層樣式可提升圖像效果。 3)掌握快捷鍵和優化圖層結構能提高工作效率。

Photoshop免費嗎?了解訂閱計劃 Photoshop免費嗎?了解訂閱計劃 Apr 12, 2025 am 12:11 AM

Photoshop不是免費的,但有幾種方式可以低成本或免費使用:1.免費試用期為7天,期間可體驗所有功能;2.學生和教師優惠可將成本減半,需提供學校證明;3.CreativeCloud套餐適合專業用戶,包含多種Adobe工具;4.PhotoshopElements和Lightroom為低成本替代方案,功能較少但價格更低。

Photoshop:調查免費試用和折扣選項 Photoshop:調查免費試用和折扣選項 Apr 14, 2025 am 12:06 AM

你可以通過以下方式以最經濟的方式獲得Photoshop的使用權:1.利用7天的免費試用期體驗軟件功能;2.尋找學生或教師折扣,以及季節性促銷;3.使用第三方網站上的優惠券;4.訂閱AdobeCreativeCloud的月度或年度計劃。

設計師的Photoshop:創建視覺概念 設計師的Photoshop:創建視覺概念 Apr 13, 2025 am 12:09 AM

在Photoshop中創建視覺概念可以通過以下步驟實現:1.創建新文檔,2.添加背景層,3.使用畫筆工具繪製基本形狀,4.調整顏色和亮度,5.添加文本和圖形,6.使用蒙版進行局部編輯,7.應用濾鏡效果,這些步驟幫助設計師從零開始構建完整的視覺作品。

Photoshop和數字藝術:繪畫,插圖和合成 Photoshop和數字藝術:繪畫,插圖和合成 Apr 18, 2025 am 12:01 AM

Photoshop在數字藝術中的應用包括繪畫、插圖和圖像合成。 1)繪畫:使用畫筆、鉛筆和混合工具,藝術家可創造逼真效果。 2)插圖:通過矢量和形狀工具,藝術家可精確繪製複雜圖形並添加效果。 3)合成:利用蒙版和圖層混合模式,藝術家可將不同圖像元素無縫融合。

See all articles