• 首頁
  • 部落格
  • 廣場
  • 價格
  • 首頁
  • 部落格
  • 廣場
  • 價格
開始創作

創作。體驗。

創作部落格

首頁/部落格/視覺小說製作

視覺小說角色站在櫃檯後,如何拆出正確的前後遮擋

先畫出角色從櫃檯後走到顧客這一側的路線,再依沿途的遮擋關係拆層。用一張遮擋圖層拆分表,寫清楚固定前景、局部手臂圖層,以及繞出櫃檯時的圖層順序例外。

D
DramaFork Editorial Team互动叙事与 AI 创作方法
2026.10.13预计阅读 5 分鐘
具電影感的花店編輯插畫:櫃檯、角色與後方花架如舞台布景般分成有縱深的圖層,一隻手自然搭在櫃檯上,另一側留出角色走出的空間;畫面無文字、字母、數字、標誌、浮水印、品牌標記或介面截圖。
文章目錄
創作部落格
  1. 01開篇導讀
  2. 02先定活動範圍,再決定哪些物件拆層
  3. 03把遮擋邊緣寫成可以描出的輪廓
  4. 04用一張拆分表交接美術與演出
  5. 05依四個動作節點排出紙上合成順序
  6. 06驗收銜接處,並寫明這張表的適用範圍
返回文章頂部

開篇導讀

角色站在櫃檯後,先把需要遮住身體的櫃檯部分獨立出來,再依角色的行走路線決定何時改變前後順序。交付時不能只寫「櫃檯放前景」:店員站在後方、把手搭在檯面上、繞到顧客這一側,三種狀態需要不同的局部關係。

本文以虛構花店編寫一張可重複使用的遮擋圖層拆分表。角色、動作與畫面皆為教學設定,並非真實使用者案例、實測結果或 DramaFork 產品功能;以下僅為空間推導與紙上合成說明。

先定活動範圍,再決定哪些物件拆層

設定鏡頭固定:後方是花架,中間是橫向櫃檯,畫面右側留有出口,顧客站在櫃檯前。店員先在櫃檯後接待,一隻手搭在檯面上,接著收手,向右繞過櫃檯端部,再走向顧客。

場景美術先在草圖上標出三個區域:後方工作區、右側繞行區、前方接待區。演出編輯補上身體輪廓可能到達的範圍,包含長髮、抬起的手臂與衣襬。只畫腳下路線不夠,腳已走出櫃檯範圍時,拖在身後的衣襬仍可能與櫃檯重疊。

逐件判斷:角色是否會與物件在畫面上重疊?重疊時誰在前?答案是否隨動作改變?後方花架始終位於角色後方,可以留在背景;櫃檯會遮住後方角色,也會被前方角色遮住,因此需要獨立出來。左側花盆若始終遮住角色且沒有互動,可作為固定前景。遮擋關係不變的裝飾不必逐件拆分,以免增加對位負擔。

這裡的「固定」指遮擋順序固定,不只是物件不動。櫃檯雖然不動,與角色的前後關係卻會改變,因此屬於需要動態安排的遮擋物件。

把遮擋邊緣寫成可以描出的輪廓

本例櫃檯由可見檯面、前擋板與右端側板組成。角色站在後方時,遮擋應從櫃檯朝向角色的可見上輪廓開始,再覆蓋下方對應區域;不能隨意畫一條水平線切掉下半身。透視造成的斜邊、突出的檯緣與右側端部,都屬於實際輪廓。

拆分表還須區分兩種邊緣:一是畫面中看得見的櫃檯外輪廓,二是為局部手臂另設的合成接縫。前者依循物件形狀,後者應藏在袖口、接觸處或被櫃檯遮住的位置。接縫若落在完全裸露的前臂中央,稍微錯位就會像斷肢。

拆出的櫃檯應保留邊緣色彩與透明度過渡,並與底圖使用相同的畫布與定位。原背景若仍留有同一個櫃檯,單獨移動或隱藏前景就可能露出重複部分。因此須明確指定由哪個圖層負責顯示櫃檯,以及拆出後哪些區域需要補繪。本例要求底景補齊角色從前方經過時可能露出的區域,不要求畫出永遠看不到的整間店。

用一張拆分表交接美術與演出

以下順序皆按「由後往前」閱讀。「角色主體」不含已獨立拆出的搭檯手臂;進入一般站姿後,改用完整角色,避免同一隻手出現兩次。

前景物件 角色活動範圍 遮擋邊緣 圖層順序 繞行例外
櫃檯整體:檯面、前擋板、右端側板 後方工作區至前方接待區 上輪廓、右端輪廓及外緣 後方:底景→角色→櫃檯;前方:底景→櫃檯→角色 繞右端期間檢查重疊,不可依固定時長切換
搭檯手臂,作為局部角色圖層 接待位置,手掌接觸檯面 袖口接縫、手掌及前臂外緣 底景→角色主體→櫃檯→搭檯手臂 收手完成後移除局部圖層,恢復完整角色
左側花盆及花葉 僅遮住左側工作區的局部輪廓 盆緣與逐片可見的花葉 位於被它遮住的角色部位之前 本例不經過花盆前方、不伸手取花;新增動作時重新檢視
後方花架,不需獨立前景圖層 三個區域的遠後方 無遮擋角色的邊緣 留在底景 鏡頭或路線改變後重新判斷

交付時,替這張表附上一張標示分區的草圖、一份各圖層顯示與隱藏的說明,以及關鍵姿勢圖。櫃檯是否繼續細分,由繞行畫面決定:若同一時刻側板需要遮住衣襬,角色前臂卻需要遮住檯面,就補上局部遮罩或拆分相關部分。不要為求保險,把每塊木板都拆開。

依四個動作節點排出紙上合成順序

第一幅是櫃檯後接待。先鋪底景,再放角色主體,接著蓋上櫃檯,最後放搭檯手臂。此時腰腹被遮住,手掌完整落在檯面上。只把整個角色移到櫃檯前,會讓原本應隱藏的身體蓋住前擋板;只用櫃檯蓋住整個角色,又會吞掉搭在檯面上的手。

第二幅是收手準備離開。另畫或指定收手姿勢,確認手已回到櫃檯後,再恢復「底景→完整角色→櫃檯」。移除局部手臂與替換主體姿勢,必須對應同一動作狀態,否則會短暫出現多手、缺手或袖口跳動。

第三幅是繞過右端。先保持角色在櫃檯後,沿草圖檢查最後仍與端部重疊的頭髮、手肘與衣襬。本例刻意留出一個全身輪廓與櫃檯不重疊的位置,在這裡把角色切到櫃檯前;由於兩者沒有交疊,切換本身不會改變可見畫面。

第四幅是走向顧客。維持「底景→櫃檯→完整角色」的順序,角色再次與櫃檯重疊時,應蓋住櫃檯。返回時沿相反路線檢查,同樣在無重疊的位置切回後方。

如果空間太窄,根本沒有無重疊節點,就不能照搬本例。可以選擇局部遮罩、進一步拆層,或修改走位與鏡頭。前兩種方法保留動作連續性,但會增加邊緣維護工作;改走位較省合成工作,卻可能改變原有的演出節奏。

驗收銜接處,並寫明這張表的適用範圍

紙上複核先看整體,再放大三處。頭髮經過櫃檯端部時,應依當下的空間關係連續露出,不能因角色中心越線就整束翻到前面;手臂搭在檯面上時,袖口接縫不能露出空隙,檯緣也不能橫切掌心;身體沿櫃檯移動時,被遮住的範圍應依循櫃檯輪廓,不能黏著角色形成移動缺口。

每個問題記錄「動作節點、錯誤邊緣、應有前後關係、修改對象」。例如第三幅的衣襬提前蓋住側板,就寫明延後整層切換或補上局部遮擋,不能只註記「空間不對」。在切換前後各補一幅中間狀態,避免關鍵姿勢正確,過渡卻穿幫。

這份拆分表適用於固定鏡頭下的不透明櫃檯與預定路線。透明玻璃、鏡面反射、移動櫃門、多角色交錯,以及鏡頭轉向,都需要額外說明,不能只靠一套圖層順序解決。美術確認輪廓與補繪範圍,演出編輯確認動作節點與例外後,再依實際呈現方式複核;紙上推導通過,不代表已完成實際執行時的驗證。

了解产品能力 体验互动作品
PLAY / DISCOVER

玩一玩文中提到的方向

查看作品索引
角色 IP

毒舌煉丹師姐

她先拿自己試藥,再決定你值不值得知道配方。

角色 IP

吳恩書

想讓社群安全,卻習慣把刪除當成唯一辦法。

角色 IP

許知冬

想開自己的工作坊,卻怕每次接受幫助都欠下一份人情。

角色 IP

黑澤玲

想做舒服的風格,卻總被要求把人裝進固定類別。

继续阅读

浏览更多文章
電影感編輯插畫:候車室內,逐漸消散的列車員動作殘影通向門外,最後留下完整夜景與空地面,動態痕跡與穩定終景形成對照;畫面沒有文字、字母、數字、標誌、浮水印、品牌標記或介面截圖。
視覺小說製作2026.10.13 · 5 分鐘

視覺小說快轉演出後,如何讓人物與背景停在正確終態

將可略過的移動、淡出過程,與必須落實的人物離場、背景替換和透明度狀態分開記錄。用一張演出快轉終態表,逐項推演正常播放與中途快轉是否到達相同的舞台結果。

電影感編輯插畫:夕照中的空候車室保留完整牆面與座椅,旅客與行李以獨立繪圖薄片置於前方,薄片移開後露出連續地面;畫面無文字、字母、數字、標誌、浮水印、品牌標記或介面截圖。
視覺小說製作2026.10.13 · 5 分鐘

視覺小說背景把人物與道具畫死了,如何規劃可重複使用的空景底圖

空景底圖不必刪光所有物件。先列出場景中誰會離開、什麼會移動,再補齊這些元素移除後露出的牆面、座椅與地面,用一張需求單約定底圖、獨立元素與組合用途。

電影感文章插畫:雨港辦公室內,抱臂的管理員與桌上濕帽子清晰可見;中央浮現褪色的舊碼頭畫片,捲起的畫片邊緣露出原封不動的當下空間。畫面無文字、字母、數字、標誌、浮水印、品牌標記或介面截圖。
視覺小說製作2026.10.13 · 5 分鐘

視覺小說插入回憶後,如何還原當下場景的立繪與背景

回憶結束後,別靠預設值重建當下。先記錄進入前的完整畫面,再逐項註明暫時覆蓋、返回保留與刻意變更,用一張插敘舞台還原表銜接立繪、背景、道具及返回對白。

從一個故事,到一個可玩的世界。

從一句故事創意出發,在同一個專案裡組織劇本、角色、鏡頭與分支,逐步完成第一版可玩 Demo。

內容目錄

  • 創作部落格
  • 主題專題
  • 文章歸檔
  • 作品索引

探索

  • 影遊廣場
  • 文字遊戲
  • 角色 IP

法律資訊

  • 隱私政策
  • 使用條款
  • Cookie 政策
© 2026 DramaFork/AI 互動影遊創作平台
Press Enter to send, or drag away and release.