Synthwave 讀書會串流實戰(三):賽博龐克視覺製作、霓虹燈美學與 80 年代復古設計

在前兩篇掌握了市場定位和音樂製作後,本篇將聚焦於視覺設計:如何創造讓程式設計師、遊戲玩家、創作者一見傾心的賽博龐克視覺體驗。

🎨 Synthwave 視覺美學的核心DNA

與深海/太空視覺的關鍵差異

 1深海/太空視覺:
 2  色彩: 單一色系(藍、黑為主)
 3  光線: 柔和、自然、擴散
 4  動態: 極緩慢(飄移、呼吸)
 5  氛圍: 平靜、深邃、神秘
 6  情緒: 放鬆、沉思、療癒
 7  目標: 讓觀眾「沉浸」並忘記視覺存在
 8
 9Synthwave/賽博龐克視覺:
10  色彩: 強烈對比(霓虹粉、電藍、紫、橙)
11  光線: 人造、尖銳、霓虹燈
12  動態: 中速(脈衝、掃描、移動)
13  氛圍: 都市、科技、復古未來
14  情緒: 激勵、懷舊、酷炫
15  目標: 讓觀眾感到「能量」和「專注動力」
16
17關鍵挑戰:
18  ┌─────────────────────────────────────┐
19  │ Synthwave 視覺必須「吸睛」但「不刺眼」│
20  │                                       │
21  │ 矛盾:                                 
22  │ • 霓虹燈很炫 → 但長時間會眼睛疲勞   │
23  │ • 高對比很酷 → 但會分散注意力       │
24  │ • 動態很炫 → 但會消耗觀眾精力       │
25  │                                       │
26  │ 解決方案:                             
27  │ • 降低飽和度 20-30%                  │
28  │ • 使用深色背景(護眼)               │
29  │ • 動態元素控制在 20-30% 畫面         │
30  │ • 週期性變化而非隨機(可預測)       │
31  └─────────────────────────────────────┘

🌆 80 年代視覺元素圖鑑

經典元素清單

1. 日落漸層(Sunset Gradient)

 1定義: Synthwave 最標誌性的視覺元素
 2
 3經典配色:
 4  • 頂部: 深紫 (#1A0B2E)
 5  • 中上: 紫紅 (#7B2869)
 6  • 中間: 粉紅 (#E91E63)
 7  • 中下: 橙紅 (#FF5722)
 8  • 底部: 深橙 (#FF6F00)
 9
10  漸層方向: 垂直(由上至下)
11
12變化版本:
13  • 冷色調: 紫 → 藍 → 青
14  • 暖色調: 紅 → 橙 → 黃
15  • 賽博龐克: 紫 → 粉 → 電藍
16
17使用場景:
18  • 背景主色
19  • 天空部分
20  • 光暈效果
21
22Midjourney 關鍵字:
23  「sunset gradient background」
24  「pink and purple gradient sky」
25  「80s sunset colors」
26  「vaporwave gradient」

2. 網格地平線(Grid Horizon)

 1定義: 象徵數位世界的網格線
 2
 3視覺特徵:
 4  • 透視網格線(消失點在中央)
 5  • 通常在畫面下半部
 6  • 霓虹色線條(粉紅或藍綠)
 7  • 地平線處有發光效果
 8
 9經典比例:
10  • 網格佔畫面下方 40-50%
11  • 線條間距: 遠處密集,近處稀疏(透視)
12  • 線寬: 2-3 px(細線)
13
14光效:
15  • 地平線處強烈 bloom(光暈)
16  • 網格線半透明(30-50% opacity)
17  • 交點處輕微發光
18
19Midjourney 提示詞:
20  「perspective grid floor」
21  「neon grid lines vanishing point」
22  「80s computer grid」
23  「tron-style grid」
24  「retrowave grid landscape」

3. 霓虹燈(Neon Lights)

 1物理特性(真實霓虹燈):
 2  • 發光氣體管
 3  • 顏色受氣體種類影響
 4  • 有自然的光暈(bloom)
 5  • 邊緣模糊
 6
 7數位重現要點:
 8  • 核心顏色: 高飽和度
 9  • 內發光(Inner Glow)
10  • 外發光(Outer Glow)
11  • 輕微模糊(Gaussian Blur 2-3px)
12
13經典霓虹色:
14  粉紅霓虹: #FF10F0
15  電藍霓虹: #00E5FF
16  紫色霓虹: #B026FF
17  青綠霓虹: #00FFC8
18  橙色霓虹: #FF6B35
19
20應用:
21  • 文字效果
22  • 線條裝飾
23  • Logo 邊框
24  • 建築物輪廓
25
26Midjourney 提示詞:
27  「neon lights glow effect」
28  「pink neon signs」
29  「bright neon cyan highlights」
30  「glowing neon edges」

4. 棕櫚樹剪影(Palm Tree Silhouette)

 1象徵意義:
 2  • 80 年代美國西岸文化
 3  • Miami Vice 影集
 4  • 加州夢想
 5  • 熱帶與科技的混合
 6
 7視覺特徵:
 8  • 純黑剪影(100% 黑)
 9  • 對比強烈的背景(日落漸層)
10  • 通常在畫面兩側
11  • 數量: 3-7 
12
13構圖:
14  左側: 2-3 棵(高低錯落)
15  右側: 2-3 
16  中央: 保持空曠(主體空間)
17
18Midjourney 提示詞:
19  「palm tree silhouettes」
20  「black palm trees against sunset」
21  「tropical palm trees backlit」
22  「miami vice palm trees」

5. 復古跑車(Retro Sports Car)

 1經典車款:
 2  • Lamborghini Countach(最標誌性)
 3  • Ferrari Testarossa
 4  • DeLorean DMC-12(回到未來)
 5  • Porsche 911 Turbo
 6
 7視覺處理:
 8  • 低角度(仰視)
 9  • 強烈輪廓光(Rim Light)
10  • 霓虹色反光
11  • 速度感(motion blur,可選)
12
13位置:
14  選項 A: 前景(近距離特寫)
15  選項 B: 中景(行駛在網格上)
16  選項 C: 剪影(遠景日落前)
17
18Midjourney 提示詞:
19  「lamborghini countach neon lights」
20  「80s sports car retrowave」
21  「delorean cyberpunk style」
22  「retro supercar at sunset」

6. 賽博龐克城市(Cyberpunk City)

 1視覺層次:
 2  背景層: 巨大建築物剪影
 3  中景層: 詳細建築(窗戶、霓虹招牌)
 4  前景層: 街道、車輛
 5
 6光源:
 7  • 窗戶: 暖黃光
 8  • 霓虹招牌: 粉紅、藍、紫
 9  • 街燈: 橙色
10  • 探照燈: 強烈光束(可選)
11
12天氣效果:
13  • 輕霧(增加深度感)
14  • 細雨(反光效果)
15  • 無雲(清晰天空展示漸層)
16
17Midjourney 提示詞:
18  「cyberpunk city skyline」
19  「neon city at night」
20  「blade runner cityscape」
21  「futuristic 80s city」
22  「towering skyscrapers neon lights」

7. 數位元素(Digital Elements)

 1類型:
 2  • 掃描線(Scanlines)
 3  • 像素化(Pixelation)
 4  • 故障效果(Glitch)
 5  • 數據流(Data Stream)
 6  • HUD 介面(Heads-Up Display)
 7
 8掃描線:
 9  • 水平細線(1-2px)
10  • 黑色或深色
11  • 半透明(10-20% opacity)
12  • 覆蓋整個畫面
13
14數據流:
15  • Matrix 風格數字/字元
16  • 由上至下流動
17  • 霓虹綠或電藍
18  • 速度: 緩慢到中速
19
20HUD 介面:
21  • 四角框線
22  • 虛構數據顯示
23  • 目標鎖定圖示
24  • 科技感文字
25
26使用原則:
27  ⚠️ 不要過度使用(會太雜亂)
28  ✓ 選擇 1-2 種元素
29  ✓ 保持微妙(不搶主視覺)

🎨 Midjourney 生成 Synthwave 視覺

場景類型與提示詞庫

類型 A:經典 Outrun 場景(40% 使用)

 1Prompt 1: 日落公路
 2「Retrowave sunset highway scene, pink and purple gradient sky,
 3 perspective grid floor, palm tree silhouettes on sides,
 4 glowing horizon line, neon cyan grid lines, 80s aesthetic,
 5 no vehicles, clean composition, 16:9 aspect ratio, 4K quality,
 6 vaporwave colors --ar 16:9 --style raw --v 6.1 --q 2」
 7
 8預期效果:
 9  • 經典 Synthwave 構圖
10  • 適合作為主視覺
11  • 百搭(任何音樂風格)
12
13────────────────────────────────────
14
15Prompt 2: 網格世界
16「Infinite grid landscape, neon pink grid lines, purple and orange
17 sunset sky, mountain silhouettes in distance, glowing horizon,
18 tron-inspired, digital world aesthetic, clean and minimal,
19 no objects, 16:9 widescreen --ar 16:9 --style raw --v 6.1 --q 2」
20
21特點:
22  • 極簡
23  • 數位感強
24  • 適合程式設計師
25
26────────────────────────────────────
27
28Prompt 3: 棕櫚海灘日落
29「Palm beach sunset retrowave, silhouette of palm trees,
30 vibrant pink and orange sky, calm ocean reflecting colors,
31 neon glow on water, tropical 80s vibe, no people,
32 peaceful and nostalgic, 16:9 format --ar 16:9 --style raw
33 --v 6.1 --q 2」
34
35氛圍:
36  • 較溫暖
37  • 適合 Dreamwave
38  • 晚間時段使用
39
40────────────────────────────────────
41
42Prompt 4: 復古跑車特寫
43「Lamborghini Countach close-up, neon rim lighting,
44 pink and cyan highlights, reflective surface, sunset gradient
45 background, 80s supercar aesthetic, dramatic low angle,
46 no driver, cinematic composition --ar 16:9 --style raw
47 --v 6.1 --q 2」
48
49吸引力:
50  • 視覺衝擊強
51  • 男性受眾喜愛
52  • 適合 Darksynth

類型 B:賽博龐克城市(35% 使用)

 1Prompt 5: 霓虹街道
 2「Cyberpunk street view, wet asphalt reflecting neon signs,
 3 pink and cyan neon lights, towering buildings, light fog,
 4 blade runner inspired, no people, rain-slicked pavement,
 5 moody atmosphere, 16:9 widescreen --ar 16:9 --style raw
 6 --v 6.1 --q 2 --s 300」
 7
 8特色:
 9  • 沉浸感強
10  • 適合深夜時段
11  • 程式設計師最愛
12
13────────────────────────────────────
14
15Prompt 6: 摩天大樓遠景
16「Futuristic city skyline at night, massive skyscrapers with neon
17 accents, holographic advertisements, flying vehicles in distance,
18 purple and pink sky, cyberpunk 2077 style, no ground level,
19 aerial view, 16:9 aspect --ar 16:9 --style raw --v 6.1 --q 2」
20
21視角:
22  • 高空俯視
23  • 展現規模感
24  • 科幻感強
25
26────────────────────────────────────
27
28Prompt 7: 雨夜都市
29「Rainy cyberpunk city, neon reflections on wet streets,
30 hologram signs, dark alleyway with pink and blue lighting,
31 atmospheric rain, moody and mysterious, blade runner aesthetic,
32 empty street, cinematic noir --ar 16:9 --style raw --v 6.1
33 --q 2 --s 350」
34
35情緒:
36  • 憂鬱、思考
37  • 適合深度工作
38  • 夜貓子最愛
39
40────────────────────────────────────
41
42Prompt 8: 科技介面視角
43「Inside a futuristic vehicle cockpit, HUD displays,
44 neon dashboard lights, city skyline through windshield,
45 first-person view, cyberpunk technology, pink and cyan
46 interface, night drive perspective --ar 16:9 --style raw
47 --v 6.1 --q 2」
48
49沉浸感:
50  • 第一人稱視角
51  • 強烈代入感
52  • 遊戲玩家共鳴

類型 C:抽象數位(15% 使用)

 1Prompt 9: 數據流視覺化
 2「Abstract data visualization, flowing neon lines, matrix-style
 3 code rain, pink and cyan particles, digital cyberspace,
 4 geometric patterns, 80s computer graphics aesthetic, dark
 5 background, high-tech feel --ar 16:9 --style raw --v 6.1 --q 2」
 6
 7用途:
 8  • 變化視覺節奏
 9  • 科技感極強
10  • 適合快節奏音樂
11
12────────────────────────────────────
13
14Prompt 10: 電路板美學
15「Circuit board macro view, glowing neon traces, pink and cyan
16 pathways, electronic components, futuristic technology, dark
17 background, abstract tech art, 80s computer aesthetic
18 --ar 16:9 --style raw --v 6.1 --q 2」
19
20象徵:
21  • 硬體、底層
22  • 工程師共鳴
23  • 獨特視覺

類型 D:遊戲風格(10% 使用)

 1Prompt 11: 像素藝術混合
 2「Pixel art mixed with modern rendering, 8-bit style buildings,
 3 neon colors, retro video game aesthetic, cyberpunk city,
 4 voxel art style, nostalgic gaming vibes, 16-bit graphics meets
 5 modern lighting --ar 16:9 --style raw --v 6.1 --q 2」
 6
 7受眾:
 8  • 遊戲開發者
 9  • 獨立遊戲玩家
10  • 80-90 年代遊戲懷舊
11
12────────────────────────────────────
13
14Prompt 12: 街機遊戲畫面
15「Arcade game aesthetic, outrun-style racing game view,
16 pixelated road with neon lines, retro car sprite, sunset
17 background, CRT screen effect, 80s video game graphics,
18 nostalgic gaming --ar 16:9 --style raw --v 6.1 --q 2」
19
20懷舊感:
21  • 極強的年代感
22  • 遊戲玩家情懷
23  • 適合週末時段

色彩方案(Color Palettes)

 1方案 1: 經典 Outrun
 2  主色:
 3    • 背景深紫: #1A0B2E
 4    • 漸層粉紅: #E91E63
 5    • 漸層橙: #FF6F00
 6    • 地平線: #FF10F0
 7
 8  輔色:
 9    • 網格線: #00E5FF(電藍)
10    • 文字: #FFFFFF
11    • 強調: #FFD700(金色)
12
13  Midjourney 使用:
14    「color palette: deep purple, hot pink, orange,
15     cyan neon accents」
16
17────────────────────────────────────
18
19方案 2: 賽博龐克紫粉
20  主色:
21    • 背景: #0A0E27(深藍黑)
22    • 主霓虹: #FF10F0(粉紅)
23    • 次霓虹: #B026FF(紫色)
24    • 亮點: #00FFC8(青綠)
25
26  輔色:
27    • 霧氣: #1E1E3F(淡紫)
28    • 反光: #FF69B4(亮粉紅)
29
30  Midjourney 使用:
31    「cyberpunk purple and pink color scheme,
32     neon cyan highlights, dark background」
33
34────────────────────────────────────
35
36方案 3: Miami Vice(邁阿密風雲)
37  主色:
38    • 天空: #00CED1(土耳其藍)
39    • 粉紅: #FF1493(深粉紅)
40    • 白色: #FFFFFF
41    • 黑色: #000000
42
43  輔色:
44    • 薄荷綠: #98FF98
45    • 珊瑚色: #FF7F50
46
47  Midjourney 使用:
48    「miami vice color palette, turquoise and pink,
49     pastel colors, tropical 80s」
50
51────────────────────────────────────
52
53方案 4: 深夜程式碼(開發者專用)
54  主色:
55    • 背景: #0C0C0C(近黑)
56    • 主色: #00E5FF(電藍)
57    • 次色: #B026FF(紫)
58    • 強調: #00FFC8(青)
59
60  設計哲學:
61    • 極低亮度(護眼)
62    • 高對比(清晰)
63    • 冷色調(專業)
64
65  Midjourney 使用:
66    「dark coder aesthetic, electric blue and purple,
67     low brightness, high contrast, terminal colors」

🎬 動態視覺製作

方法 A:Runway Gen-3(AI 生成)

 1靜態圖轉動態影片:
 2
 3適用場景:
 4  • 經典 Outrun 場景
 5  • 賽博龐克城市
 6  • 抽象數位視覺
 7
 8運動提示詞(Motion Prompts):
 9
10場景 1: 日落公路
11  「Slow forward camera movement, subtle parallax effect on
12   palm trees, grid lines scrolling towards camera, horizon
13   glow pulsing gently, smooth and hypnotic movement」
14
15  預期:
16    • 向前緩慢推進
17    • 網格線流動
18    • 地平線輕微脈衝
19
20場景 2: 賽博龐克街道
21  「Slow dolly through neon street, hologram signs flickering,
22   rain drops on camera lens, ambient lighting changes,
23   atmospheric fog drifting, moody and cinematic」
24
25  預期:
26    • 穿過街道
27    • 霓虹閃爍
28    • 霧氣飄動
29
30場景 3: 城市天際線
31  「Slow camera pan across city skyline, lights twinkling,
32   subtle movement in clouds, building lights turning on
33   and off, peaceful night ambience」
34
35  預期:
36    • 橫向平移
37    • 燈光閃爍
38    • 雲層移動
39
40關鍵原則:
41  ⚠️ 避免過快運動(會暈眩)
42  ✓ 速度: Slow(緩慢)
43  ✓ 週期: 5-10 秒完整循環
44  ✓ 重複性: 可預測的運動模式
45
46生成設定:
47  Duration: 5 seconds(Runway 限制)
48  Resolution: 1920x1080
49  每個場景生成 3-5 個變體
50  挑選最穩定的 1 個
51
52循環處理:
53  使用 Adobe Premiere 或 DaVinci Resolve
54  Crossfade 1 秒
55  創造無縫循環

方法 B:After Effects(專業級)

  1適合進階用戶,完全掌控
  2
  3專案架構:
  4
  5comp_main(主合成,16:9, 1920x1080, 30fps)
  6├── layer_background(背景圖層)
  7│   └── midjourney_image.png
  8├── layer_grid(網格動畫)
  9│   └── grid_animation
 10├── layer_scanlines(掃描線)
 11│   └── scanline_overlay
 12├── layer_particles(粒子效果)
 13│   └── neon_particles
 14├── layer_glow(光暈效果)
 15│   └── bloom_glow
 16└── layer_text(文字資訊,可選)
 17    └── channel_name
 18
 19────────────────────────────────────
 20
 21動畫 1: 網格線滾動
 22
 231. 創建 Solid Layer(純色圖層)
 24   Layer → New → Solid
 25   顏色: 黑色
 26   命名: Grid Base
 27
 282. 應用 Grid 效果
 29   Effect → Generate → Grid
 30   設定:
 31     Width: 1920, Height: 1080
 32     Width From: Left Edge
 33     Height From: Top Edge
 34     Border: 40(網格線寬度)
 35     Color: #00E5FF(電藍)
 36     Blending Mode: Invert
 37     Anchor: 960, 540
 38
 393. 添加動畫
 40   在 Grid 效果的 Anchor 屬性上按 Alt + Click
 41   輸入表達式:
 42     ```javascript
 43     x = 960;
 44     y = 540 + time * 50; // 每秒向下移動 50 px
 45     [x, y % 1080]; // 循環回到頂部
 46     ```
 47
 484. 添加透視變形
 49   Effect → Distort → CC Lens
 50 51   手動 3D 變形(更真實)
 52
 535. 調整透明度
 54   Opacity: 30%
 55
 56────────────────────────────────────
 57
 58動畫 2: 掃描線效果
 59
 601. 創建 Solid Layer
 61   顏色: 黑色
 62   命名: Scanlines
 63
 642. 應用 Venetian Blinds 效果
 65   Effect → Transition → Venetian Blinds
 66   設定:
 67     Transition Completion: 50%
 68     Width: 2(細掃描線)
 69     Direction: 0°(水平)
 70
 713. 調整
 72   Blend Mode: Multiply
 73   Opacity: 15-20%
 74
 75────────────────────────────────────
 76
 77動畫 3: 霓虹光暈
 78
 791. 複製背景圖層
 80   Duplicate Layer
 81
 822. 應用 Glow 效果
 83   Effect → Stylize → Glow
 84   設定:
 85     Glow Threshold: 70%
 86     Glow Radius: 30
 87     Glow Intensity: 1.0
 88
 893. 應用 Gaussian Blur
 90   Effect → Blur & Sharpen → Gaussian Blur
 91   Blurriness: 10
 92
 934. 調整混合模式
 94   Blend Mode: Add(相加)
 95   Opacity: 50%
 96
 975. 動畫化(脈衝效果)
 98   在 Glow Intensity 屬性上按 Alt + Click
 99   表達式:
100     ```javascript
101     baseline = 0.8;
102     amplitude = 0.3;
103     frequency = 0.5; // 每 2 秒一次脈衝
104     baseline + Math.sin(time * frequency * Math.PI * 2) * amplitude;
105     ```
106
107────────────────────────────────────
108
109動畫 4: 粒子效果(可選)
110
1111. 新增 Solid Layer
112   顏色: 黑色
113   命名: Particles
114
1152. 應用 CC Particle World
116   Effect → Simulation → CC Particle World
117   設定:
118     Birth Rate: 2(稀疏)
119     Longevity: 5 sec
120     Velocity: 0.3
121     Gravity: 0
122     Particle Type: Star
123     Birth Color: #00E5FF
124     Death Color: #FF10F0
125     Opacity Map: Fade In and Out
126     Size: 0.05
127
1283. 調整視角
129   在 CC Particle World 中:
130     Camera Position: 調整 X, Y, Z
131     創造深度感
132
1334. Blend Mode: Add
134   Opacity: 40%
135
136────────────────────────────────────
137
138導出設定:
139
140Composition → Add to Render Queue
141
142Output Module:
143  Format: H.264
144  Preset: High Quality
145  Resolution: 1920x1080
146  Frame Rate: 30 fps
147
148Render Settings:
149  Quality: Best
150  Resolution: Full
151
152檔案命名:
153  synthwave_outrun_animated_10min.mp4
154
155時長建議:
156  製作 10 分鐘版本
157  在 OBS 中循環播放

🎨 視覺風格變化策略

時段對應視覺風格

 1早晨(6-9 AM):
 2  色調: 較亮、暖色
 3  場景: 日出、棕櫚海灘
 4  能量: 30% → 60%
 5  範例: 橙粉漸層、明亮天空
 6
 7上午(9 AM-12 PM):
 8  色調: 平衡、清晰
 9  場景: 經典 Outrun 公路
10  能量: 70%(穩定)
11  範例: 粉紫漸層、清晰網格
12
13下午(12-6 PM):
14  色調: 標準 Synthwave
15  場景: 城市、跑車
16  能量: 70-80%
17  範例: 賽博龐克街道
18
19黃昏(6-8 PM):
20  色調: 深色、高對比
21  場景: 雨夜城市、Darksynth
22  能量: 85%
23  範例: 深紫背景、強烈霓虹
24
25深夜(8 PM-6 AM):
26  色調: 極深、冷色
27  場景: 安靜街道、程式碼美學
28  能量: 60% → 30%
29  範例: 近黑背景、微妙電藍

📐 構圖與佈局設計

OBS 場景疊加元素

 1圖層結構(由上至下):
 2
 3Layer 1: 時鐘 / 資訊卡
 4  位置: 右上角
 5  內容: 即時時鐘、日期
 6  尺寸: 300x100 px
 7  透明度: 80%
 8  字體: Orbitron(科技感)
 9
10Layer 2: 標題文字
11  位置: 上方中央
12  內容: "CYBERPUNK DEV RADIO 24/7"
13  尺寸: 1200x150 px
14  效果: 霓虹外框、輕微發光
15  動畫: 淡入(開播時)
16
17Layer 3: 音樂資訊(可選)
18  位置: 下方 1/3
19  內容: 當前播放曲目
20  尺寸: 800x80 px
21  背景: 半透明黑(60% opacity)
22  更新: 每首歌切換時
23
24Layer 4: Logo / 浮水印
25  位置: 左下角或右下角
26  尺寸: 150x150 px
27  透明度: 70%
28  始終顯示
29
30Layer 5: 主視覺(背景)
31  位置: 全螢幕
32  內容: Midjourney 圖片或 Runway 影片
33  尺寸: 1920x1080 px
34  循環播放
35
36設計原則:
37  • 文字疊加不超過畫面 25%
38  • 保持視覺焦點在中央
39  • 避免遮蔽關鍵視覺元素
40  • 所有文字需有背景或外框(確保可讀)

霓虹文字效果(Photoshop/GIMP)

 1Photoshop 步驟:
 2
 31. 建立文字
 4   Type Tool → 輸入 "CYBERPUNK DEV RADIO"
 5   字體: Orbitron Bold 或 Audiowide
 6   大小: 72 pt
 7   顏色: #FFFFFF(白色)
 8
 92. 圖層樣式(Layer Style)
10
11   a. Outer Glow(外發光)
12      Blend Mode: Screen
13      Opacity: 75%
14      Color: #FF10F0(粉紅霓虹)
15      Size: 30 px
16      Spread: 10%
17
18   b. Inner Glow(內發光)
19      Blend Mode: Screen
20      Opacity: 50%
21      Color: #00E5FF(電藍)
22      Size: 15 px
23      Choke: 0%
24
25   c. Drop Shadow(陰影)
26      Blend Mode: Multiply
27      Opacity: 50%
28      Angle: 90°
29      Distance: 5 px
30      Size: 10 px
31      Color: #FF10F0
32
33   d. Stroke(外框,可選)
34      Size: 2 px
35      Position: Outside
36      Blend Mode: Normal
37      Opacity: 100%
38      Color: #00E5FF
39
403. 添加背景矩形(可選)
41   Rectangle Tool → 繪製文字背景
42   填充: #000000
43   Opacity: 60%
44   Layer → Arrange → Send to Back
45
464. 動畫(在 Photoshop Timeline)
47   Window → Timeline
48   Create Frame Animation
49
50   Frame 1: Outer Glow Size = 30 px
51   Frame 2: Outer Glow Size = 35 px
52   Frame 3: Outer Glow Size = 30 px
53
54   Duration: 0.5 sec each
55   Loop: Forever
56
57   File → Export → Render Video(GIF 或影片)
58
595. 導出為 PNG(透明背景)
60   File → Export → Quick Export as PNG
61
62   在 OBS 中作為疊加層使用
63
64免費替代(GIMP):
65  類似步驟,使用:
66    Filters → Light and Shadow → Drop Shadow
67    Filters → Light and Shadow → Lens Flare
68    手動創建發光效果

🔄 視覺輪播與管理

場景切換策略

 1方案 A: 時段自動切換(推薦)
 2
 3使用 Advanced Scene Switcher(OBS 外掛)
 4
 5設定:
 6  06:00-09:00 → Scene: Morning Sunrise
 7  09:00-12:00 → Scene: Classic Outrun
 8  12:00-14:00 → Scene: Chill Beach
 9  14:00-18:00 → Scene: Cyberpunk City Day
10  18:00-20:00 → Scene: Night City Rain
11  20:00-06:00 → Scene: Deep Night Code
12
13過渡效果: Fade(1-2 秒)
14
15優勢:
16  • 完全自動化
17  • 配合音樂播放列表
18  • 符合觀眾作息
19
20────────────────────────────────────
21
22方案 B: 音樂風格對應
23
24音樂類型檢測(需要腳本):
25  Outrun 音樂 → Outrun 視覺
26  Dreamwave → 海灘日落
27  Darksynth → 雨夜城市
28
29實作:
30  使用 Python + OBS WebSocket
31  讀取播放列表元數據
32  自動切換場景
33
34複雜度: 中高
35適合: 規模化後
36
37────────────────────────────────────
38
39方案 C: 固定輪播(簡單)
40
41每 30-60 分鐘切換一次
42
43Scene List:
44  1. Sunset Highway(15 min)
45  2. Neon City Street(15 min)
46  3. Palm Beach(15 min)
47  4. Cyber Grid(15 min)
48  [循環]
49
50優勢:
51  • 最簡單
52  • 提供視覺變化
53  • 無需複雜邏輯
54
55────────────────────────────────────
56
57推薦組合:
58  Week 1-4: 方案 C(簡單輪播)
59  Month 2-3: 方案 A(時段自動)
60  Month 4+: 方案 B(音樂對應,可選)

📊 視覺品質檢查清單

 1每個視覺素材上線前:
 2
 3技術品質:
 4  ☐ 解析度: 1920x1080 或更高
 5  ☐ 檔案格式: MP4(H.264)或 PNG
 6  ☐ 色彩空間: sRGB
 7  ☐ 檔案大小合理(<200MB/10min 影片
 8   無水印或 AI 工具 Logo如有需移除
 9
10視覺品質:
11   清晰度高無模糊
12   色彩飽和度適中不過度
13   對比度適合長時間觀看
14   無閃爍或快速閃動防癲癇
15   動畫流暢30fps 穩定
16
17品牌一致性:
18   色彩方案一致同系列視覺
19   風格統一Outrun/Cyberpunk 清晰
20   符合頻道定位程式設計師/遊戲玩家
21   Logo 位置固定
22
23長時間測試:
24   連續播放 1 小時無眼睛疲勞
25   在不同亮度環境測試白天/夜晚
26   多種螢幕測試筆電/桌機/手機
27   觀眾回饋Discord 調查
28
29如果任一項不合格:
30   重新調整或生成
31   不要妥協品質

🔄 系列導航

  1. 【已完成】80 年代復古文化、市場分析與目標受眾定位
  2. 【已完成】AI 音樂生成與 Synthwave 音色設計
  3. 【當前】賽博龐克視覺製作:霓虹燈與復古美學
  4. 【下一篇】社群策略、開發者生態系統建立與多元變現

最終篇將整合所有元素,探討如何建立活躍的開發者社群、與科技品牌合作,以及實現月入 $5,000-15,000 的變現策略。


延伸閱讀

標籤: #賽博龐克 #霓虹燈 #視覺設計 #Midjourney #80年代 #復古美學 #Synthwave #After Effects

Yen

Yen

Yen