VIDEO
by Mr.Wuli | 4 月 26, 2025 | Fina Cut Pro Tips , 好物推薦 , 影音製作 , 隨手雜記 |
VIDEO
我是 Wuli,這篇文章要來跟你分享我怎麼使用 Dehancer 這款強大的 Final Cut Pro 插件,打造出具有膠片質感的影片色調。如果你曾經試著想讓畫面更有「底片味」,卻怎麼調都覺得太數位、太銳利、或太假,那這篇文章也許可以幫助到你。
我會用「小學生都能懂」的方式,從最基本的設定、調色邏輯,到模組功能解說,全部告訴你。 ( 未來也會附上我的實戰建議與流程 )
VIDEO
一、什麼是 Dehancer?
Dehancer 是一款來自電影色彩實驗室的專業插件,專門模擬真實膠片的色彩、顆粒、光暈與質感,它不只是濾鏡,而是一整套「底片沖印工作流程」的數位重現。可以套用在 FCPX ( Final Cut Pro )、DaVinci、Photoshop 等平台,未來我這邊主要會以 Final Cut Pro 為教學主軸。如果你想看到更多這樣的內容,記得關注我的 Blog & YouTube 或是 iG 帳號。
二、Dehancer 的整體調色流程(用講故事的方式說給你聽)
1. 告訴它你的影片素材是哪來的( Input Source / Camera Profile )
2. 把素材「泡進藥水」做初步顯影( Film Developer )
3. 壓一下太亮的地方( Film Compression )
4. 拉開黑白點讓對比更自然( Expand )
5. 把影像「沖印」到不同風格的紙上( Print Medium )
6. 加上顏色調味與質感光影( CMY, Toning, Halation, Bloom )
7. 最後加入一點底片的生命感( Grain、Gate Weave、Damage )
三、Dehancer 的關鍵模組,學會這些就能成為調色高手
以下這幾個模組最值得深入理解,也是我覺得最具「風格決定性」關鍵的功能:
Input Source & Camera Profile
告訴 Dehancer:「我這支影片是用哪種相機拍的?格式是什麼?」
選對 Rec.709、LOG、Flat 或 RAW 格式,Dehancer 才能用正確方法幫你調色。
「這就像你要幫一件衣服染色,你要先知道它是棉的還是牛仔布,染起來才不會失敗。」
Film Developer(顯影藥水調整區)
Contrast Boost – 把黑色變得更黑、白色變得更白
Gamma – 調整「中間亮度」像拉窗簾一樣控制光線
Color Boost – 讓整體的顏色更鮮明
Color Separation – 加強或是柔化美些特定顏色(例如:皮膚或天空)
Film Compression & Expand( 壓縮與拉伸 )
• Film Compression:像給高光加上「安全帽」,防止爆白。
• Expand:手動拉開黑白點,讓畫面更有立體感,避免一片灰。
用這兩個功能,你就能抓住膠片該有的「對比柔軟度」。
Print Medium & Print Settings( 模擬相紙 )
Dehancer 讓你你可以選擇讓畫面「沖印」到以下的相紙模擬:
Kodak 2383 – 溫軟厚實、像電影預告片
Fuji 3510 – 冷調清爽、日系感十足
Linear – 不加任何調味、維持安靜的底片質地
同時你也可以調整 Exposure、Color Density、Tonal Contrast,進一步打出屬於你影片氛圍與照片風格。
質感模組:Grain / Halation / Bloom / Gate Weave
以下這幾個模組是讓你畫面「從數位感變成膠片靈魂」的最後一哩路。
Film Grain – 重現底片的顆粒感,讓你的照片就像7-80年代的懷舊風。
Halation – 重現底片在高光區域或顯示的黃光、像夕陽透光時的髮絲邊緣紅光。
Bloom – 柔化光暈、讓你的照片就像夢境般的感覺。( 柔光鏡效果 )
Gate Weave – 重現畫面微晃的效果,模擬底片在放映機中跑動的感覺。
Film Breath – 亮度輕微閃爍、重現底片在呼吸的那種感覺。
Film Damage – 模擬舊膠片的刮痕、塵點、閃爍等瑕疵感。
補充:Cineon Film Log 是什麼?
Cineon 是一種數位掃描格式,專門把膠片「掃進電腦」時保留最多細節。
它像是你畫畫前的「鉛筆稿」,雖然顏色略淡、灰、不是那麼吸引人;但卻能讓你在後期有一個大方向去調整。 很多底片模擬都會選用 Cineon 做中間轉換,因為它最接近「未沖洗過的底片資料」。Dehancer 在後製時也可以透過軟體去自由拉亮拉暗、讓最後的結果不爆色、不斷層。
Film Grain 中的 Negative 與 Positive 差在哪?
Negative 與 Positive 是膠片本身的顆粒質地差異:
Negative – 柔軟物化、有懷舊感
Positive – 鮮明銳利、有衝擊感
如果你想做復古情感片,用 Negative;想做質感廣告、時尚風格片,用 Positive。
快速學習計劃( Wuli 自家版 )
Day 1 – 搞懂輸入設定與 Profile 的選擇( Log or Rec.709 素材差異)
Day 2 – 顯影模組操作 ( 用 Developer 改善素材 )
Day 3 – 壓縮亮部&Expand 對比 ( 分析高光雨黑白點變化 )
Day 4 – Print Medium 模擬風格 ( 對比 Kodak / Fuji 的風格差異 )
Day 5 – 色調進階 ( CMY + Toning ) 提出你心中的電影色彩
Day 6 – 加入質感模組 ( Grain Bloom Halation )
Day 7 – 自訂風格與建立 Preset ( 做出自己的底片 Lut )
VIDEO
最後的小建議
Dehancer 只能讓色調變好看,但內容與構圖才是關鍵、是讓影片擁有情感與故事感的決定性因素。
如果你正在追求更上一個乘次的畫面追求,那麼把 Dehancer 學好,絕對會成為你的秘密武器。
也歡迎留言或 IG 私訊我,讓我知道你還想了解什麼?
創作不孤單,讓我們一起用色彩說故事。
—— Wuli
VIDEO
感謝您的閱讀與分享
最後,如果你也想要試看看 Dehancer 這套軟體的話,可以點擊這個連結到官網下載 試用版本!為期一個月的試用後,如果真的有喜歡以可以使用我的折扣碼 [ mrwuli ] 幫你省下約 NT1500 ( 10% – USD 44.9 ) 左右的費用!
另外如果你也喜歡機車旅行的話,歡迎加我的 iG 跟我分享一些台灣不錯的景點跟餐廳!對機車露營感興趣的朋友,也可以參考我之前寫過的文章 ~
有需要摩托車手機架 或是旅行頸枕 的朋友們,也歡迎你使用我的優惠折扣碼【 MRWULI 】喔!最高好像可以再折抵 800 元以上的優惠唷!
—關於我 —
喜歡騎 機車 露營與設計的 音樂老師 。成立過工作室,教人如何使用電腦作曲、編曲、混音、製作音樂。現在從事線上教學,分享旅行生活中體驗到的大小事!
我是 Wuli,持續分享更多騎車大小事! 記得關注我的網誌,和我一起探索騎行的樂趣~
by Mr.Wuli | 4 月 24, 2025 | Fina Cut Pro Tips , 好物推薦 , 影音製作 , 機旅生活分享 , 軟體推薦 |
還在煩惱怎麼讓你的影片看起來更有「電影感」嗎? Dehancer 就是你的答案啦!這款專為 Final Cut Pro 設計的插件!你的電影調色神器 。它不只是簡單套個濾鏡,而是透過超擬真的演算法,模擬出經典電影膠卷從拍攝、沖洗到印刷的所有細節 。
VIDEO
Dehancer for Final Cut Pro 商品介紹
主要特色:
豐富的電影膠卷模擬: 內建超多款真實膠卷的色彩描述檔 ( Film Profiles ),像是柯達、富士等經典款,讓你一鍵就能套用夢幻的電影色調 。還可以透過 Push/Pull (Ev) 功能微調曝光,玩出更多色彩變化 。
擬真的膠卷顆粒 ( Film Grain ): Dehancer 的顆粒不是簡單疊上去的雜訊,而是重建影像,模擬真實膠卷上的銀鹽顆粒感,從 8mm 到 65mm 的效果都有 。
獨特的光暈效果 ( Halation & Bloom ): 完美重現膠卷在高光邊緣產生的紅色光暈 ( Halation ) 和柔和朦朧的輝光效果 ( Bloom ) ,讓畫面更有氛圍。
電影感瑕疵模擬 ( Film Damage ): 覺得畫面太乾淨?可以加入灰塵、髮絲、刮痕等模擬膠卷損傷的效果,更有老電影的味道 。
呼吸感與畫面晃動 ( Film Breath & Gate Weave ): 模擬膠卷在放映時輕微的曝光變化 ( Film Breath ) 和機械結構造成的畫面抖動 ( Gate Weave ) ,增添真實感。
VIDEO
完整的影像處理流程&工具:
輸入校正 ( Input Corrections ): 快速修正素材的曝光、色溫、色偏,還能處理紫邊 ( Defringe ) 。
膠卷顯影 ( Film Developer ): 控制顯影對比度、Gamma、色彩分離度和飽和度,自訂你的顯影風格 。
膠卷壓縮 ( Film Compression ): 模擬膠卷在高光區域的寬容度,讓亮部細節更柔和、自然 。
擴展 (Expand): 手動調整黑白場,確保畫面符合輸出色彩空間的動態範圍 。
印刷媒介與設定 ( Print Medium & Settings ): 選擇不同的膠卷或相紙來「印製」你的畫面,並調整曝光、色調對比、色彩密度等參數 。
CMY 色彩控制器與色調 ( CMY Color Head & Print Toning ): 模擬傳統相片放大機或電影底片印片機的濾色片調色方式,還能對陰影、中間調、亮部分別進行色調調整 。
LUT 產生器 ( LUT Generator ): 可以將你在 Dehancer 中調整好的色彩風格匯出成 LUT 文件,方便在其他地方使用( 但不包含顆粒、光暈等空間效果 )。
簡單來說,Dehancer 就是一套讓你能在 Final Cut Pro 中,把數位影片玩出各種迷人電影膠卷風格的超級工具箱!
Dehancer for Final Cut Pro 使用教學
接下來,教你怎麼在 Final Cut Pro 裡使用 Dehancer:
1. 安裝與啟動:
安裝過程請參考安裝包裡的「快速設定指南」 ( Quick Setup Guide ) 。
安裝完成後,如果你的 Final Cut Pro 正在運行中,請重新啟動它 。
2. 將 Dehancer 加入專案:
打開你的 Final Cut Pro 專案或事件 。
點擊時間軸右上角的「效果」圖示( 或按 Cmd + 5 )。
在效果瀏覽器中,找到「Film Emulation」分類,裡面就會看到 Dehancer Pro 。
選中時間軸上的某個片段,然後把 Dehancer Pro 效果拖曳到該片段上 。或者,直接雙擊 Dehancer Pro 效果也可以套用到選中的片段上 。
3. 同時套用到多個片段:
Final Cut Pro 對一次套用效果到多片段的支援比較有限,但你可以這樣做:
複製貼上屬性:
先在一個片段上調整好 Dehancer 。
選則這個片段,按 Cmd + C 複製 。
選則其他想套用效果的片段 。
按 Shift + Cmd + V,在跳出的視窗中勾選 Dehancer,然後點擊貼上 。記得檢查並微調設定以適應不同的影片片段 。
複合片段 ( Compound Clip ):
選擇多個片段 。
右鍵選擇「New Compound Clip…」或按 Option + G,把這些片段組合成一個複合片段 。
然後就像對待一般片段一樣,把 Dehancer 套用到這個複合片段上即可 。
調整圖層 (Adjustment Layer):
如果你有安裝 Apple Motion,可以自己製作一個空白的 Title 模板當作調整圖層 。
或者,上網搜尋並下載免費的 Final Cut Pro 調整圖層模板,放到指定的文件夾 Users/{你的使用者名稱}/Movies/Motion Templates/Titles/Custom/Adjustment Layer
。
把調整圖層拖到時間軸上,放在你想套用的片段上方,並調整長度 。
把 Dehancer 套用到這個調整圖層上,下方的所有片段都會受到影響 。
4. 使用與儲存預設 (Presets):
建立預設:
在一個片段上調整好 Dehancer 。
在檢閱器 ( Inspector ) 的效果面板下方,點擊「Save Effects Preset」按鈕 。
勾選 Dehancer(也可以包含其他效果),命名後儲存 。
套用預設:
在效果瀏覽器中找到你儲存的預設 。
把它拖曳到想套用的片段上,或選中片段後雙擊預設 。
5. Dehancer 在效果鏈中的位置:
通常,Dehancer 應該放在效果處理鏈的最後 ,也就是效果列表的最下方 。
其他的色彩校正(如 Color Board、Color Wheels、Curves 等)和遮罩 (Masks) 應該放在 Dehancer 之前 。
把 Dehancer 想像成你是用一種虛擬的膠卷在拍攝一個已經打好光、準備好的場景,這樣就能理解為什麼基礎校正要在它之前完成 。
典型的順序:(HDR 工具) → 基礎色彩校正 → 遮罩 → Dehancer → (銳化等非色彩效果) 。
小提示: 如果你的素材需要降噪或其他複雜的預處理,建議先處理完,渲染成 ProRes 格式再匯入進行調色,這樣可以大大減輕電腦負擔,讓 Dehancer 跑得更順暢 。
6. 色彩空間設定 ( SDR / HDR ):
重要: 目前 Dehancer 在 Final Cut Pro 中只支援 SDR ( Standard Dynamic Range ) 調色 。
請確保你的 Library 色彩處理設定為「Standard」( 標準 ) 。你可以在 Library Properties 中檢查和修改 。
如果你的專案中有 HDR 素材( 例如 HLG、PQ ),需要先使用 Final Cut Pro 內建的「 HDR Tools 」效果將其轉換為 Rec.709 SDR,然後再套用 Dehancer 。
7. 輸入來源與攝影機描述檔 ( Input Source & Camera Profiles ):
Rec.709 素材: 如果你的素材本身就是標準的 Rec.709 色彩空間(看起來對比度正常),在 Dehancer 的 Input 設定中選擇「Rec.709」即可 。
Log 或 RAW 素材: 這是專業流程中常用的一種影像格式,動態範圍更大,但需要正確轉換 。你有以下幾種方式可以處理它們:
方法一(推薦): 在 Dehancer 的 Input 設定中,找到「Choose Camera」選項,選擇對應你攝影機型號和 Log 格式的描述檔 。使用 Dehancer 內建描述檔的前提是:素材是 Log / RAW、FCP Library 是 Standard SDR、且在此之前沒有做其他的色彩轉換( 除了 HDR Tools )。
方法二: 使用 Final Cut Pro 內建的 LUT、攝影機廠商提供的 LUT、RAW 插件或手動調色工具,先將 Log 素材轉換成接近 Rec.709 的外觀,然後在 Dehancer 的 Input 中選擇「Rec.709」。
HLG 或其他「正常對比度」素材: 像 Sony Cinetone 或一般的 HLG 素材,因為它們對比度已經接近正常,不需要 Log 轉換。直接在 Dehancer 的 Input 中選擇「Rec.709」。如果需要微調,可以使用 Film Developer 工具調整即可。
注意: Dehancer 的攝影機描述檔是基於自家的美學標準製作的,可能與官方或其他 LUT 的效果不同 。請斟酌使用!
VIDEO
透過 Dehancer 插件,我可以很快速的套用插件調出略微復古的膠片感🔺
8. 常用工具簡介:
輸入校正 ( Input Corrections ): 修正拍攝時的曝光 ( Exposure Comp. )、色溫 ( Temperature Comp. )、色偏 ( Tint Comp. ) 問題 。Defringe 可以處理色散( 紫邊綠邊 )。
工具描述檔 ( Tool Profiles ): 在 Film Grain ( 膠片顆粒 ) , Halation( 光暈 ), Bloom ( 柔光 ), Film Damage ( 膠片損傷 ), Film Breath ( 膠片呼吸 ), Gate Weave ( 畫面搖晃 )等工具中,可以直接選擇預設好的 8mm( 家用膠卷 ), 16mm( 獨立製片常用 ), 35mm( 電影標準膠卷 ), 65mm ( 超大底片 )風格檔,快速套用 。想自訂參數?先選一個接近的,再進行微調 。
膠卷描述檔 ( Film Profiles ) 與 Push / Pull: 選擇你喜歡的膠卷模擬效果 。Push / Pull (Ev) 用來調整這個「虛擬膠卷」的曝光量,會影響色彩和對比 。
膠卷顯影 ( Film Developer ): ( Pro 版功能 ) 能調整顯影的對比度、Gamma ( 專門調中間亮度 )、色彩分離度、飽和度 。
膠卷壓縮 ( Film Compression ): ( Pro 版功能 ) 處理亮部壓縮,讓高光過渡更像膠卷 。Impact 控制壓縮程度,White Point 控制開始壓縮的門檻,Tonal Range 控制影響範圍,Color Density 控制壓縮區域的色彩飽和度 。
擴展 ( Expand ): 手動調整黑點和白點,讓畫面撐滿動態範圍 。注意觀察示波器避免裁切 。Color Mode 設為 Luma 可以只調整亮度不影響飽和度 。
印片媒介 ( Print Medium ): ( Pro 版功能 ) 選擇不同的印片媒介,如 Kodak 2383 電影正片、Fujifilm 3513 電影正片、Kodak Endura 相紙等,或是選擇 Linear ( 只用膠卷特性 ) 或 Cineon Film Log 。
印片設定 ( Print Settings ): 調整印片的曝光 ( Exposure )、色調對比 ( Tonal Contrast )、色彩密度 ( Color Density )、飽和度 ( Saturation ) 。Analogue Range Limiter 選項可以獲得更柔和的亮暗部過渡 。
CMY 色彩控制器與色調 ( CMY Color Head & Print Toning ): 用減色法 ( CMY ) 來調色,模擬傳統暗房的濾色片 。還可以分別對陰影、中間調、亮部進行色調調整 ( Toning ) 。Preserve Exposure 可以自動補償調色造成的曝光變化 。
膠卷顆粒 ( Film Grain ): 選擇顆粒的風格檔 ( Profiles ) 或自訂 。可以選 Negative 或 Positive 類型,調整大小 ( Size )、數量 ( Amount )、強度 ( Intensity ) 等 。
光暈 ( Halation ): 模擬高光邊緣的紅色光暈 。可以調整影響範圍 ( Local/Global Diffusion )、強度 ( Impact )、色彩等 。Mask Mode 可以單獨預覽效果 。
輝光 ( Bloom ): 模擬柔和的光線散射效果 。調整強度 ( Amplify )、範圍 ( Radius )、高光保留 ( Save Lights ) 等 。
膠卷損壞 (Film Damage): ( Pro 版功能 ) 加入灰塵 ( Dust )、毛髮 ( Hairs )、刮痕 ( Scratches ) 等效果 。可以分別控制數量、大小、比例、顏色 (White-Black) 。
膠卷呼吸 (Film Breath): ( Pro 版功能 ) 模擬曝光、對比、色彩的幀間隨機變化 。Period 控制變化週期,Exposure / Tonal Contrast / Color 控制變化幅度 。
門抖動 (Gate Weave): ( Pro 版功能 ) 模擬膠片在機械中傳輸時的輕微抖動 。Period 控制抖動週期,Translation X / Y 控制水平垂直位移幅度,Rotation 控制旋轉幅度 。Auto Zoom 會自動放大畫面以裁切掉邊緣黑邊 。
關於 Dehancer 的故事
Dehancer 的誕生,大概是在 2014 年秋天。這一切的幕後推手是他們的 CEO Pavel Kosenko。這位大哥可厲害了,在 Dehancer 出現之前,他已經玩了 30 年的膠卷,數位攝影也搞了超過 10 年了。他一直在研究怎麼把傳統底片的 feel 弄到數位上,還為此寫了書、開了課,試圖打通技術和美學之間的任督二脈。
有趣的是,聽說這整個計畫,一開始甚至只是個有點搞笑的 Photoshop Action 而已!誰能想到,從一個小小的動作腳本,經過多年的研究和團隊努力,結合了他在膠卷沖印(他甚至開過大型的膠卷實驗室 SREDA Film Lab!)、色彩科學和影像處理上的深厚功力(當然,還有那麼一點點煉金術般的魔法),最終演變成我們今天看到的 Dehancer 插件。
簡單說,Dehancer 的歷史,就是一個熱愛膠卷的老司機,憑藉著多年的經驗和對技術的鑽研,想辦法把那迷人的膠卷味,原汁原味搬到數位時代的故事啦!
想看更詳細的原版故事,可以點這裡:
Brief history of Dehancer
立即下載Dehancer 試用
輸入折扣優惠碼 MRWULI 享有九折優惠
感謝您的閱讀與分享
最後,如果你也喜歡騎摩托車旅行,歡迎加我的 iG 跟我分享一些台灣不錯的景點跟餐廳!對機車露營感興趣的朋友,也可以參考我之前寫過的文章 ~
有需要摩托車手機架 或是旅行頸枕 的朋友們,也歡迎你使用我的優惠折扣碼【 MRWULI 】喔!最高好像可以再折抵 800 元以上的優惠唷!
—關於我 —
喜歡騎 機車 露營與設計的 音樂老師 。成立過工作室,教人如何使用電腦作曲、編曲、混音、製作音樂。現在從事線上教學,分享旅行生活中體驗到的大小事!
我是 Wuli,持續分享更多騎車大小事! 記得關注我的網誌,和我一起探索騎行的樂趣~
by Mr.Wuli | 10 月 2, 2017 | 網站經營 |
最近生活步調稍微有些改變,想說空出來的時間就順手修改一下網頁;但真的太久沒有製作網頁了,乾脆在正式開始做之前複習一下製作網站流程。
又那麼剛好..最近 udemy 在特價,隨手就買了一些教學影片來看看別人都怎麼教的?然後順便整理一下寫寫筆記
本篇目錄 :
關於製作網頁的技能與軟體面
Photo Shop or Affinity Photo
illustrator or Affinity Desitner
HTML & CSS
Deramweaver or Coda
關於製作網頁的技能與軟體面:
說到做網頁大家會想到什麼呢?「那麼難的東西我才學不會呢!」、「感覺需要英文很強?」.. 其實一開始我也是這樣覺得的,對於英文很爛的自己來說,要學會寫語法這件事,一直是我遲遲不敢去學寫程式的一個障礙。
但是好加在剛開始學製作做網頁的時候 Adobe 有個叫 Dreamweaver 的軟體,在界面上有中文的選單,在製作時也可以省去很多網頁語法的編輯,即使是不會英文的人,也可以輕鬆的製作一個簡單的網站。
但一但深入接觸網頁製作後,才發現… 原來做網頁不是只要學會一套軟體就夠了!在一個網站裡其實有很多元素,包含照片、文字、還有排版的美感要注意、以及按鈕功能性還有規劃便利的選單導覽 .. 等等。真的是一門很深的學問啊!(但幸運的事.. 做網頁與設計,比製作音樂省多了!)
今天這篇文章想跟大家簡單的分享一下,自己在學習網頁製作的這段時間以來,關於製作網頁技能的想法以及工具軟體的介紹。
Photo Shop or Affinity Photo
對於多數的人來說,一個網頁中如果只有文字是一件很無聊的事!因此不管是商品相片還是背景圖示的點綴可以說是在所難免的。(但如果文字間距與排版顧好的話,還是很有質感的~ ;關於這一點日本人真的很厲害!)
在製作網頁的時候你可能會需要一些相片以及圖像的素材,幸運的話,你可以在網路上找到一些免費授權又符合你需求的圖片。但多數免費的圖片可能都不符合你的需求;而且真的要購買的話.. 又要花很多時間去挑選照片><
所以這個時候…還是自己照最快對吧!
雖然說自己照的照片是比較符合原本的概念,但如果照片一不小心沒有拍好的話,難免還是會需要用到像 Photo Shop 或是 Affinity Photo 這樣的軟體來進行編修。不論時構圖的重新剪裁也好、或是色調的調整,上述的兩套軟體都是很好的工具。
修圖軟體可以辦到的事
把不需要的元素去除(例如不小心拍到的路人)
調整相片的亮度與對比 (把陰天修成大晴天)
將平凡的照片加上個性特效 (如 Instagram 的相片特效)
在相片上添加文字或製作文字特效 (例如海報的製作)
適合學習繪圖軟體的人
攝影師 or 對攝影有興趣的人
網頁設計師 or 部落客
一般使用者 (喜歡學習新技能的人)
ILLUSTRATOR or Affinity Designer or Cocoo
Illustrator 跟 Affinity Designer 等軟體比較偏向「向量檔案」的編輯,經常應用在 插畫 、 網站架構草考製作、平面雜誌、文宣等設計上。如果你想製作一些教學文章、或是影片,也可以用 Illustrator 以及 Affinity Designer 來做一些設計上的輔助。
但如果你覺得這類軟體太難上手,也可以試著用 Word 或是 Excel 來製作網站的草稿。雖然在功能的精細度、活用度上比不上 Illustrator 跟 Affinity Desinger ,但卻適合新手在電腦上製作簡單的網頁草稿。
另外還有一套線上的網站草稿製作網站 ”Cocoo”,頁面設計得非常簡單,有興趣的人可以嘗試看看。(它是有收費的唷!)
HTML & CSS
等你製作好網站草稿後,差不多就可以開始著手進行網站內部的程式語法撰寫了(也是就是 Coding 的部分)。
HTML 與 CSS 是作為一個網頁製作新手,必須要了解的其中兩種基礎語法.. 雖然說第一次接觸時,可能會覺得有點頭暈、想放棄;但只要有心,人人都可以是網頁設計師!(想想周星馳說過話.. 燃燒你的小宇宙吧)
註:英文好不好,跟會不會編寫程式碼,其實並沒有你想像的影響那麼大,現在很多軟體都可以協助你去記那些編碼、甚至是幫你輸入,你只要還沒有瞎、看得懂英文字母就沒有可以了!
Dreamweaver or Coda
如果你跟我一樣英文不好的話,可以考慮使用 Dreamweaver 或是 Coda 這兩套網頁製作軟體。Dreamweaver 是 Adobe 旗下的產品,使用的人多、網路上的教學與資源也多;價格的部分採月租制度,長期下來製作成本會稍微高一點。Cada 的話可以買斷,適合打算深度研究、又想節省軟體費用的人。
另外,有些人研究了一陣子後,可能就會比較偏向使用「程式編碼」來製作網站,不需要 Dreamweaver 或是 Coda 這樣的輔助軟體。
Cafe Time
以上就是關於網頁製作入門的一些基礎知識,希望幫助大家對於網頁製作的基本常識、以及所需的工具,能有一個初步的了解。未來我也會繼續持續整理、撰寫一些有關於網站製作的資訊。歡迎一起學習的人與我交流~
那就 … 下次見。
by Mr.Wuli | 12 月 10, 2015 | 軟體推薦 |
在前面幾篇文章中都有介紹到 Affinity 這套軟體,算算從購買到現在已經用了快九個月了,基本上多數的需求都可以在 Affinity 上獲得解決;唯一的問題就是在跟印刷廠對檔案的時候無法正常轉換 Ai 檔,之前也是透過朋友的 Adobe 軟體才順利轉出 illustrator 檔。
但如果只是在 Mac 上作業的話基本上倒是蠻便利的!多數的 Ai \ PSD 黨都可以正常開啟瀏覽、修改。 如果你是自己創業、或是有一個自己的網站、部落格,經常會有繪圖、修照片的機會,真的非常推薦這套軟體;有興趣的朋友可以趁著現在有限時優惠時下載購買!更加划算唷~~
關於 Affinity Designer
Affinity Designer 是一套視覺設計用的向量繪圖軟體,適用於插畫、海報、型錄、書籍、網頁…等設計。擁有足以披敵 Adobe illustrator 繪圖功能,以及極簡易懂的 UI 設計,如果你曾經用過 illustrator 的話,應該可以在短時間內上手 Affinity Designer 這套軟體!
Affinity Designer 的幾個重點特色
◎ 極致的柔軟性
◎ 可根據設計的目的切換合適的工具
◎ 完善的軟體使用教學
◎ 專業的工具與功能,使用起來也相當便利
◎ 支援各式的設計軟體格式 ( AI \ PS \ JPG \ PNG \ PDF \ TIFF \ GIF \ SVG \ EPS )
◎ 全新開發的繪圖設計軟體 , 在 App Store 即可購買 (免費更新)
◎ Affinity Designer 與 Affinity Photo 檔案可互換編輯
◎ 檔案以圖層方式管理、可進行非破壞性編輯
教學分享
VIDEO
購買連結
快去更新、下載吧!
Affinity Designer
Affinity Photo
by Mr.Wuli | 12 月 6, 2015 | 軟體推薦 |
以前剛開始寫網誌的時候,都是 “想到什麼寫什麼..“ ,比如說今天想寫一篇教學…就會直接登入網站寫在後台的文字編輯區域,導致常常會因為 WordPress 的語法漏洞,寫出很多問題。(像是字型跑掉..照片破格之類的..)後來開始爬文下載一些網誌撰寫軟體,嘗試離線編輯,在最後文章完成時再一併上傳內文以及圖片。
使用離線編輯軟體的小缺點
在使用離線編輯軟體的時期中,我用過很多不同的軟體,像是 MultiMarkdown 和 MarsEdit .. 等軟體。雖然這些軟體可以離線編輯,但真的要上傳內容時…還是會有很多要另外設定的選項;之前也曾經因為直接複製貼上 MultiMarkdown 撰寫好的內容,發生網誌 RSS 失靈的悲慘情況..。(因為查了很久都不知道問題到底出在哪裡,最後還得每篇重新打過才修復完成..)
嘗試將文字與排版分開
堅持了一段時間的離線編輯軟體後,決定還是把 “文字撰寫” 和 “排版” 分開,在構想內文的時候就用單純的筆記編輯軟體,像是 Evernote 或是 Simplenote 這類的文字編輯軟體。(撰寫好內容後再將文字貼上到 WordPress 後台的語法編輯版面排版..)
使用 Evernote 整理資料
Evernote 這套軟體應該不用再介紹了,用過的人就知道有多好用!不但可以把在網頁中看到的資訊直接快速擷取、儲存在 Evernote 中;還可以辨識所有圖片中的文字,強大的搜尋功能可以說是一大特色。
Simplenote 行動筆記
Simplenote 則是我最近才發現的一套軟體,當初之所以會想找另一套筆記軟體..其實只是因為希望在觀看或編輯文字時,可以呈現像 Instpaper 一樣擁有深底色的閱讀模式,比較不傷眼睛…。(單純心理作用?)
Simplenote 的功能很簡單,是個極簡的文字編輯軟體,設計走簡單大方路線;適合在通勤或是在咖啡廳時做一些簡單的筆記,回家後再同步到電腦中。
Alternote 的專注模式
但現在最常用的文字編輯軟體還是以 Alternote 為主。Alternote 是一套可以與 Evernote 資料同步的軟體,同時支援多數 Evernote 內部的功能..;像是 標籤 、筆記本、文章捷徑…等主要功能。雖然 Alternote 目前還沒有 Work Chat (未來可能也不打算加入..),但其主要特色還是擁有一個 “極簡的編輯版面”,不但讓你在編輯的時候可以更專心在文字的內容,同時還支援前面所提到的 Night Mode ! (只可惜目前還沒有手機版 App)
(其實…就是喜歡它的設計拉!用喜歡的軟體寫起文章來就是不一樣~~~)
影像製作 Affinity Designer
當我把網誌的內容構想好了以後,就會開始用 Affinity Designer 來編輯網誌中需要的圖片。 Affinity 是一套專門針對 Mac 用戶所研發的繪圖軟體;(目前尚不支援 PC 的 Windows 作業系統)其強大的功能幾乎可以披敵 Adobe 的 Illustrator 和 Photo Shop !還有一個重點是 ”價格超值“ ~~
Affinity 目前的產品分成 Affinity Designer 和 Affinity Photo 兩款軟體。 Affinity Designer 等同 Adobe 的 Illustrator 、而Affinity Photo 則是和 Photo Shop 一樣是專門拿來修相片的軟體。
如果你和我一樣不需要將檔案送到印刷廠,只是在網路上寫寫圖文部落格…光是這兩套軟體,基本上就已經很夠用了。可以幫助你省下大筆的繪圖軟體費用!相較於正版 Adobe 軟體 / 年費約 NT 19,440; Affinity 兩套軟體加起來才不到 NT 3,000 ,對於尊重製作財產權的創作者來說,真的是個不錯的選擇唷~
語音朗讀
完成所有的文章內文與圖片後,我會使用 Mac 的 ”朗讀功能“ ,請 ”美加“ 小姐幫我把所有的文章念一次,聽聽看文法通不通順,或是有沒有錯字。(實驗證明..利用朗讀功能檢查後..確實可以找出很多錯字與不通順的地方 !)最後在把所有的文章內容貼到 WordPress 後台的文字編輯區域;單存用 CSS 語法編輯排版,避免用預覽模式減少語法亂掉的情況。(另外,因為圖片現在都會上傳到另外租用的圖床空間,所以則改用 Coda 內部的 FTP 功能上傳後,再以坎入連結的方式寫到文章編輯區域中。)
感謝閱讀與分享
以上就是我個人在撰寫更新網誌時的流程,很高興能與大家分享;如果你有任何更棒的方法,也歡迎你與我分享!感謝你的閱讀與分享 O.OP
文章相關連結
下載 MultiMarkdown
MarsEdit 介紹與下載
WordPress 繁體中文網頁
Evernote 中文官方網站
Simplenote 介紹與下載連結
Alternote 官方網站
Affinity Designer 官方介紹
Affinity Photo 官方介紹
近期留言