首頁 web前端 PS教程 Photoshop打造柔美的彩色透明飘带

Photoshop打造柔美的彩色透明飘带

Jun 01, 2016 pm 02:35 PM

透明彩带制作方法有很多,其中用定义画笔的方法最为简便,不过做出的效果的转折部分过渡不是很自然。下面介绍用纯手工来打造,虽然繁琐一点,不过曲线可以打造的更飘逸更自然。 最终效果

Photoshop打造柔美的彩色透明飘带


1、新建一个1024 * 768像素的文档,选择渐变工具,颜色设置如图1,然后由左上角只右下角拉出图2所示的线性渐变作为背景。

Photoshop打造柔美的彩色透明飘带
<图1>

Photoshop打造柔美的彩色透明飘带
<图2>
 
2、新建一个组,得到“序列1”。每一条完整的曲线都需要新建一个组。

Photoshop打造柔美的彩色透明飘带
<图3>

2、新建一个组,得到“序列1”。每一条完整的曲线都需要新建一个组。

Photoshop打造柔美的彩色透明飘带
<图3>
 
3、在刚才新建的组里面新建一个图层,命名为“曲线1”,用钢笔勾出下图所示的路径,转为选区后暂时填充红色或其他颜色。

Photoshop打造柔美的彩色透明飘带
<图4>

4、用钢笔工具勾出图5所示的选区,按Ctrl + J 把选区部分的图形复制到新的图层,锁定图层后把图层填充白色,效果如图6。

Photoshop打造柔美的彩色透明飘带
<图5>

Photoshop打造柔美的彩色透明飘带
<图6>
 
5、新建一个图层,按Ctrl + Alt + G 与前一图层编组。然后在当前图层下面新建一个图层,用钢笔勾出下图所示的选区,按Ctrl + Alt + D羽化8个像素后填充淡蓝色:#C5D4F3。

Photoshop打造柔美的彩色透明飘带
<图7>

6、下面再开始沿着曲线的弧度勾出下图所示的选区,羽化5个像素后填充颜色:#C5D4F3。

Photoshop打造柔美的彩色透明飘带
<图8>

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

Photoshop打造柔美的彩色透明飘带
<图9>
 
8、新建一个图层,用钢笔勾出下图所示的选区,羽化6个像素后填充颜色:#78A2ED,取消选区后加上图层蒙版,用黑色画笔把一些不自然的部分涂出过度效果。

Photoshop打造柔美的彩色透明飘带
<图10>

9、新建一个图层,把前景颜色设置为颜色:#568BE9,用钢笔勾出图11所示的选区,选择画笔工具,画笔不透明度设置为:10%,然后把选区中间部分涂上前景色,效果如图12。

Photoshop打造柔美的彩色透明飘带
<图11>

Photoshop打造柔美的彩色透明飘带
<图12>
 
10、新建一个图层,用钢笔勾出图13所示的选区,用画笔涂出图14所示的效果。

Photoshop打造柔美的彩色透明飘带
<图13>

Photoshop打造柔美的彩色透明飘带
<图14>

11、新建一个图层,用钢笔勾出下图所示的选区,填充颜色:#ABD3DC。

Photoshop打造柔美的彩色透明飘带
<图15>

12、新建一个图层,用钢笔勾出下图所示的选区,填充颜色:#D1DFF8。

Photoshop打造柔美的彩色透明飘带
<图16>
 
13、新建一个图层,用钢笔勾出图17所示的选区,羽化3个像素后填充淡紫色:#D6CEF6,效果如图18。

Photoshop打造柔美的彩色透明飘带
<图17>

Photoshop打造柔美的彩色透明飘带
<图18>

14、回到“曲线1”图层,用钢笔勾出图19所示的选区,按Ctrl + J 把选区部分的图形复制到新的图层,锁定图层后拉上图20所示的线性渐变。

Photoshop打造柔美的彩色透明飘带
<图19>

Photoshop打造柔美的彩色透明飘带
<图20>
 
15、用钢笔勾出下图所示的选区,羽化5个像素后用减淡工具把边缘部分稍微涂亮一点。

Photoshop打造柔美的彩色透明飘带
<图21>

16、回到“曲线1”图层,用钢笔勾出下图所示的选区,按Ctrl + J 把选区部分图形复制到新的图层,锁定图层后填充颜色:#E1E9F9。

Photoshop打造柔美的彩色透明飘带
<图22>
 
17、同上的方法把边缘部分填充一些颜色,过程如图23 - 26。

Photoshop打造柔美的彩色透明飘带
<图23>

Photoshop打造柔美的彩色透明飘带
<图24>

Photoshop打造柔美的彩色透明飘带
<图25>

Photoshop打造柔美的彩色透明飘带
<图26>
 
18、隐藏“曲线1”图层,大致完成的曲线如下图。

Photoshop打造柔美的彩色透明飘带
<图27>

19、新建一个组后,同上的方法制作第二条曲线,效果如图28,确定后把组的混合模式改为“正片叠底”,效果如图29。

Photoshop打造柔美的彩色透明飘带
<图28>

Photoshop打造柔美的彩色透明飘带
<图29>
 
20、新建一个组后,同上的方法制作第三条曲线,效果如图30,确定后把组的混合模式改为“正片叠底”,效果如图31。

Photoshop打造柔美的彩色透明飘带
<图30>

Photoshop打造柔美的彩色透明飘带
<图31>

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

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脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
4 週前 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)

如何使用Photoshop創建社交媒體圖形? 如何使用Photoshop創建社交媒體圖形? Mar 18, 2025 pm 01:41 PM

本文使用Photoshop詳細介紹了社交媒體圖形,涵蓋設置,設計工具和優化技術。它強調圖形創建的效率和質量。

如何有效地使用Photoshop的內容感知填充和內容感知的移動工具? 如何有效地使用Photoshop的內容感知填充和內容感知的移動工具? Mar 13, 2025 pm 07:35 PM

文章討論了使用Photoshop的內容感知填充和有效移動工具,提供了選擇源區域,避免錯誤並調整設置以獲得最佳結果的技巧。

如何在Photoshop(文件大小,分辨率,顏色空間)中準備圖像以供網絡使用? 如何在Photoshop(文件大小,分辨率,顏色空間)中準備圖像以供網絡使用? Mar 13, 2025 pm 07:28 PM

文章討論了在Photoshop中準備用於Web使用的圖像,重點是優化文件大小,分辨率和顏色空間。主要問題是平衡圖像質量與快速加載時間。

如何在Photoshop中校準顯示器的準確顏色? 如何在Photoshop中校準顯示器的準確顏色? Mar 13, 2025 pm 07:31 PM

文章討論了在Photoshop中進行準確顏色的校準顯示器,用於校準的工具,不當校準的效果以及重新校準頻率。主要問題是確保顏色準確性。

PS一直顯示正在載入是什麼原因? PS一直顯示正在載入是什麼原因? Apr 06, 2025 pm 06:39 PM

PS“正在載入”問題是由資源訪問或處理問題引起的:硬盤讀取速度慢或有壞道:使用CrystalDiskInfo檢查硬盤健康狀況並更換有問題的硬盤。內存不足:升級內存以滿足PS對高分辨率圖片和復雜圖層處理的需求。顯卡驅動程序過時或損壞:更新驅動程序以優化PS和顯卡之間的通信。文件路徑過長或文件名有特殊字符:使用簡短的路徑和避免使用特殊字符。 PS自身問題:重新安裝或修復PS安裝程序。

如何使用Photoshop(分辨率,顏色配置文件)準備打印圖像? 如何使用Photoshop(分辨率,顏色配置文件)準備打印圖像? Mar 18, 2025 pm 01:36 PM

該文章指導在Photoshop中準備用於打印的圖像,重點介紹分辨率,色譜和清晰度。它認為300 ppi和CMYK配置文件對於質量印刷至關重要。

如何使用Photoshop(優化文件大小,分辨率)準備Web圖像? 如何使用Photoshop(優化文件大小,分辨率)準備Web圖像? Mar 18, 2025 pm 01:35 PM

文章討論使用Photoshop優化Web的圖像,重點關注文件大小和分辨率。主要問題是平衡質量和加載時間。

如何在Photoshop中創建動畫gif? 如何在Photoshop中創建動畫gif? Mar 18, 2025 pm 01:38 PM

文章討論了Photoshop中創建和優化動畫gif,包括在現有GIF中添加幀。主要重點是平衡質量和文件大小。

See all articles