星期四晚上,明天要發的那張照片看起來灰灰平平的。拍的時候光線偏灰,背景太雜,上面還得再放一行標題。為了二十分鐘的工作打開付費修圖軟體有點小題大作,用線上工具又得先把照片上傳到別人的伺服器。osFoundry 的 Photo Editor 就是為這種工作準備的。
桌面 App 裡的圖層式修圖工具
osFoundry 是一款把聊天、代理、檔案和創作工具整合在同一個視窗裡的桌面 App。Photo Editor 是它的點陣圖編輯器:開啟照片,用圖層和遮色片來處理,套用 Curves、Levels 這類調整,再匯出成品。它也支援 PSD 檔。它在側邊欄裡叫 Photo Editor,和 Vector Editor、Video Editor、RAW Editor 排在一起,也可以從 Canvas 的 New Canvas project 對話框裡,在 Editors 底下開一個新的。用過傳統桌面修圖軟體的人,一看就會覺得熟悉:左邊是工具,上面是選單,右邊是顏色、屬性和圖層。它和 osFoundry 的 Image Generator 差別很簡單。Image Generator 是用 prompt 生成一張新圖;Photo Editor 則是讓你親手修改圖片的像素,不會替你重新畫任何東西。
編輯器長什麼樣子
剛把一張照片拖進來時,畫面上有這些東西:
- 選單列。File、Edit、Image、Layer、Type、Select、Filter、View、Window 和 Help。Image 裡是各種調整和畫布尺寸,Select 是選取指令,Filter 則有模糊、銳利化、雜訊、扭曲和 Liquify。
- 左邊的工具欄。移動、選取框、套索、裁切、滴管、筆刷、修復與仿製工具、橡皮擦、漸層、鋼筆、文字和形狀。選單下方的那一列會隨你選的工具切換設定:這裡顯示的是筆刷的模式、不透明度、流量和平滑度。
- 中間是畫布,上方是文件分頁(
cat-street.jpg @ 86.2% (RGB/8)),下方狀態列顯示縮放比例和像素尺寸。 - 右邊的面板。最上面是 Color、Swatches、Gradients 和 Patterns。中間是 Properties 和 Adjustments,顯示文件的畫布尺寸。最下面是 Layers、Channels 和 Paths,附有混合模式、不透明度、鎖定和填滿的控制項。
- Layers 面板下方的按鈕。連結、圖層效果(fx)、新增遮色片、新增填滿或調整圖層、群組、新增圖層和刪除。
情境一:修正商品照光線太平的問題
Ken 在網路上賣手工包,都在自家陽台拍照。陰天拍出來的照片總是灰灰的:沒有深的陰影,也沒有亮的高光,跟同業的商品頁放在一起,顏色顯得很淡。
他把照片拖進 Photo Editor,打開 Image › Adjustments。裡面該有的都有:Brightness/Contrast、Levels、Curves、Exposure、Vibrance、Hue/Saturation、Color Balance、Black & White、Photo Filter、Channel Mixer、Color Lookup、Shadows/Highlights、HDR Toning 等等。
他選了 Curves(曲線)。對話框會在曲線後面顯示照片的直方圖,還有黑、灰、白點的滴管,以及一個 Preview 勾選框,拖動時可以隨時比較。他在暗部把一個點往下拉,在亮部把一個點往上提,拉出一條 S 曲線,包包的立體感就回來了。
如果想讓這個修改之後還能再調,他可以從 Layer 選單或 Layers 面板下方的按鈕,把同樣的調整加成調整圖層,讓它疊在照片上方,而不是直接寫進照片裡。最後他得到一張和店裡其他商品照風格一致的照片,下一批也能沿用同一條曲線。
情境二:去背、換背景、加標題
Mia 負責一間小型動物收容所的社群帳號,要做一張認養日的海報圖,素材是一張用手機拍的、貓咪坐在石板路上的照片。
她先用 Select › Subject。點一下,選取框就沿著貓咪的輪廓跑一圈。接著 Select › Inverse Selection,變成貓咪以外的部分全部被選取。
在背景被選取的狀態下,她從 Layer › New Fill Layer › Gradient 新增一個填滿圖層,選了兩種深淺的藍綠色。因為當下有作用中的選取範圍,這個填滿圖層會直接帶著由選取範圍產生的圖層遮色片:漸層蓋住街道,貓咪完全不受影響。原本的照片還在下面,維持原樣,作為 Background 圖層。如果邊緣需要修,她可以直接在遮色片上塗,或用 Select and Mask,不必去擦掉像素。
最後是文字。她選 Type 工具,在畫布上點一下,打上標題。工具列顯示字型、字重和大小,Properties 面板則顯示文字圖層的位置和寬度。接著用 File › Export › Quick Export as PNG 把整張圖輸出。
現在她的 Layers 面板有三個圖層:文字、帶遮色片的漸層填滿,以及沒動過的原始照片。下週要改文字或配色,也不用從頭來過。
情境三:修人像,或處理別人傳來的 PSD
Sam 是自由接案的設計師。客戶傳來一個做橫幅用的分層 PSD,順便請他把團隊合照背景裡一塊礙眼的招牌拿掉。
PSD 在 Photo Editor 裡開啟時會保留圖層,所以 Sam 可以只改其中一層、移動一個群組,或調整單一元素,不用把檔案合併。照片的部分,工具欄有 Healing Brush 和仿製工具,Edit 裡則有 Content-Aware 填滿:選取招牌,用周圍的像素把那塊補起來,再用筆刷收尾。要修膚質或形狀,Filter › Liquify 提供向前彎曲、縮攏、膨脹、扭轉,以及凍結/解凍遮色片。圖層也能轉成 Smart Objects(Layer › Smart Objects),之後要撤銷縮放或濾鏡都還來得及,不會變成永久修改。最後 Sam 交出一個仍然能分層開啟的 PSD,以及從同一個視窗匯出的乾淨照片。
它在 osFoundry 裡的位置
Photo Editor 是 Canvas 裡的編輯器之一,其他編輯器都在旁邊。相機拍的照片可以先進 RAW Editor 調曝光、白平衡並批次匯出,再拿到 Photo Editor 做圖層處理。Logo 和圖示適合用 Vector Editor,可以匯出 SVG 和 PDF;多頁排版則交給 Design Editor。需要一張還不存在的圖時,Image Generator 能用 prompt 生成,你可以匯出後再拿來這裡親手修完。存檔和匯出請用編輯器自己的 File 選單,這是保住作品最可靠的方式。
大家最常先問的問題
它是在我的電腦上跑的嗎?
是的。編輯器在 osFoundry 桌面 App 裡執行,拖進來的照片就在你的電腦上編輯。在自己的裝置上使用 osFoundry 是免費的。
能開我手上現有的 PSD 檔嗎?
可以。PSD 是支援的格式,而且保留圖層,所以在其他軟體做的檔案也能接著改。
這跟 Image Generator 一樣嗎?
不一樣。Image Generator 是用 prompt 生成新圖片;Photo Editor 是用來親手編輯現有圖片:圖層、遮色片、調整、選取和文字。
做好的圖要怎麼匯出?
File › Export。Quick Export as PNG 一步就能輸出整張圖,Export As 則會先開一個有預覽的對話框再存檔。
桌面 App 可以在 osfoundry.io/zh-tw/download 免費下載。







