萬盛學電腦網
網站首頁
作業系統
網路安全
電腦基礎知識
軟體知識
電腦故障排除
手機
程式設計
辦公室軟體
瀏覽器
Windows 10
WPS Office
防毒軟體
資料庫
Excel 教學
檔案管理
Word 教學
網頁製作
裝機必備軟體
Linux 教學
您现在的位置:
萬盛學電腦網
>>
軟體知識
> >>
影像處理
>>
Photoshop 教學
>>
Photoshop 入門教學
Photoshop 教學:雙階段打造夢幻紫色光斑壁紙(背景色塊疊加 + 光斑混合模式疊加)
夢幻光效壁紙的核心邏輯是「背景色塊定調色域範圍 → 光斑疊加在亮色區域產生發光感」。本教學將製作拆解為「背景色塊構建」與「光斑層級疊加」兩大階段,每階段皆以圖層組管理,參數可調、可擴展。
最終效果
階段一:背景色塊構建(控制色域與光斑顯示區域)
新建 1024×768 px,背景填黑。新建群組「BG_ColorBlocks」。
群組內新建圖層,橢圓選框工具拉正圓選區 → Ctrl+Alt+D 羽化 25 px → 填充暗紫(如 #300040)。
Ctrl+T 自由變形:壓扁、拉長、旋轉,形成有機色塊形狀。
複製、變形、微調色相/飽和度(Ctrl+U),堆疊 8-12 個色塊,覆蓋畫面 60-70% 區域,色相限制在紫藍粉窄範圍內(H 270-330°)。
部分色塊添加圖層蒙版,黑色筆刷柔化邊緣或局部裁切,增加層次變化。
局部新建圖層,柔邊白筆刷低流量 (10%) 點繪高光,或減淡工具 (範圍:高光、曝光度 10%) 提亮色塊中心。
階段二:光斑層級疊加(混合模式決定發光質感)
新建群組「Light_Spots」。新建圖層,橢圓選框拉正圓 → 漸層工具(徑向、色標:中心白/淡粉 #FFE0F0 → 邊緣透明)拖曳徑向漸層,得基礎光斑。
複製光斑圖層 10-15 次,Ctrl+T 隨機縮放、旋轉、移動,不規則分佈於背景亮色區域上方。
合併所有光斑圖層(Ctrl+E)→ 高斯模糊 4 px → 混合模式改「疊加」。
再複製 2-3 層「疊加」光斑組,疊加增強亮度與飽和度。
複製一層光斑組 → 混合模式改「顏色減淡」,不透明度 40-60%,產生強烈局部曝光感。
視需求再疊加「線性減淡(添加)」模式光斑層,不透明度 20-30%,推高高光極值。
群組添加蒙版,黑筆刷壓暗畫面上下邊緣光斑,聚焦視覺中心。
整體色調微調:新建「色彩平衡/曲線」調整圖層置頂,最終 Ctrl+Alt+Shift+E 蓋印圖層 → 濾鏡 > 銳化 > USM 銳化 (量值 50%、半徑 1px)。
混合模式光學原理速查
模式
光學對應
適用階段
疊加
柔光+強光混合,增強對比並保留中間調
基礎光斑疊加
顏色減淡
降低對比度、極大提亮高光,模擬強光直射
核心高光強化
線性減淡(添加)
純像素值相加,極易過曝,需極低不透明度
極高光細節點綴
濾色
像素值相乘反相,適合白底光效疊加
光斑基礎形狀構建
變體與應用
色系變換:
背景色塊換為青綠系 (H 160-190°)、暖橙系 (H 20-40°),光斑色標同步調整,秒出不同情緒壁紙。
動態壁紙:
將光斑群組各圖層位置/不透明度做關鍵幀動畫,導出 MP4/WebP 動圖,作為手機動態鎖屏/桌面壁紙。
UI 應用:
同邏輯縮小畫布 (375×812 px),光斑作為 App 啟動頁/空狀態頁裝飾元素。
上一篇軟件知識:
Photoshop 繪畫教學:用鋼筆與漸層構建扁平風格野外風景插畫
下一篇軟件知識:
Photoshop CS5 3D 功能實戰:建模立方體、貼圖材質、渲染光影、輸出旋轉 GIF 動畫全流程
Photoshop 入門教學排行
Photoshop 打造照片立體投影邊框效果:從原理到動作錄製
Photoshop 製作下雪動畫 GIF:濾鏡與動畫面板實戰
Photoshop打造超眩時尚魔幻特效球體
Photoshop 文字柵格化操作:右鍵選單一鍵完成
PS+GIMP+Mathmap 插件打造無限旋轉漩渦效果:Droste 效應實戰
推薦文章
Photoshop 製作旋轉人像風車 GIF 動畫教學
Photoshop 制作炫彩射線 GIF 動畫:極坐標變換與 ImageRead…
Photoshop「計算」命令深度解析:通道運算與精準抠圖
Photoshop 打造透明質感網頁導航欄:圖層樣式與剪貼蒙版進階實戰
Photoshop 人像數碼後期精修全流程:從原片到大片的商業級修圖實戰
Photoshop 打造炫彩圓環 Logo:鋼筆工具與圖層樣式的進階實戰
Photoshop 制作光芒四射爆炸特效:極座標濾鏡+漸變映射+雲彩紋理合成
PS 製作晃動水珠 GIF 動態效果:時間軸幀動畫極簡實現
Photoshop合成飛天美女場景:從素材抠圖到光影重塑的商業級工作流
手寫簽名轉透明水印:Photoshop 從拍照到 PNG-8 完整流程
萬盛學電腦網
|
日本語版
|
設為首頁
|
加入收藏
copyright ©
萬盛學電腦網
all rights reserved