萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學

Photoshop 設計古典磨砂質感圖文排版教學

古典磨砂風格以其沉靜、典雅、耐看的視覺特質,廣泛應用於茶文化、國風品牌、文創產品、書籍裝幀設計中。本教學將示範如何通過紋理疊加、通道混合、調整圖層色調模擬、手繪裝飾元素,構建一套統一視覺語言的古典磨砂風格版面設計系統。包含標題字體處理、正文排版節奏、留白哲理、裝飾紋樣應用、色彩克制原則等排版核心知識。

風格效果展示

視覺語言定義:古典磨砂風格關鍵詞

維度關鍵詞視覺策略
色彩墨黑、宣紙黃、朱砂紅、石青、石綠、月白極低飽和度,依賴明度對比,單色為主最多三色
紋理宣紙纖維、墨暈、水痕、拓片質感、絲綢紋大面積鋪底 + 局部疊加,不透明度 15-30%
字體宋體(長歌行/方正宋刻本)、楷體(顏體/柳體)、行書(王羲之/趙孟頫)、印章體標題用宋/楷,正文用宋,引言用行書,印章用篆書
留白大留白、非對稱平衡、呼吸感版面佔比 40-60% 留白,引導視線流動
裝飾方格框、圓框、雲紋邊框、印章、落款、紅色圓點標記克制使用,點綴不喧賓奪主

基底紋理構建:宣紙質感生成

  1. 新建 A4 (210×297mm) 300dpi 文檔。背景填充 #f5f0e1(宣紙本色)。
  2. 新建圖層填充 50% 灰 #808080。濾鏡 > 紋理 > 紋理化:紋理「畫布」,縮放 120%,浮雕 3,光源「右上」。混合模式「柔光」,不透明度 25%。
  3. 導入高解析度真實宣紙掃描紋理(或執行 濾鏡 > 渲染 > 雲彩 + 動態模糊 0° 500px 程序化生成),置頂,混合模式「正片疊底」,不透明度 20%。
  4. 群組命名「紋理基底」,鎖定。

標題字體設計:金石氣與現代可讀性平衡

  1. 文字工具輸入標題,字體「方正宋刻本秀楷」或「漢儀尚巍手書」。字號視版面而定,字距 50-100,行距 1.5 倍字號。
  2. 添加圖層樣式:
  • 描邊:1px,內部,#3d2b1f(墨色),不透明度 60%。
  • 內陰影:混合模式「正片疊底」,#1a1008,距離 2px,大小 3px,模擬凹印壓痕。
  • 顏色疊加:#1a1a1a(非純黑墨色),混合模式「正常」。

複製標題圖層,關閉樣式,填充 #c00000(朱砂紅),移動 2px 右下,混合模式「正片疊底」,形成朱紅陰影,極具金石拓片韻味。

正文排版系統:節奏與呼吸

  1. 建立基線網格:視圖 > 新建參考線版面,行距 18pt,邊距上下 30mm,左右 25mm,欄數 1,欄間距 0。
  2. 段落樣式:首行縮進 2 字距,行距固定 22pt,段後距 12pt。字體「方正版宋_GBK」,字號 12pt,顏色 #2d2d2d。
  3. 關鍵排版技巧:
    • 「字間留白」:標點符號後不加空格,但段落首行、引言首行使用全形空格佔位。
    • 「側註/腳註」:頁邊留白區域,字號 9pt,顏色 #666666,垂直排版,與正文基線對齊。
    • 「插圖留白」:圖片上下各預留 1.5 倍行距,圖文不貼邊。

裝飾元素系統化應用

  1. 方格框/圓框:矩形/橢圓工具路徑模式,描邊 0.5pt #8b6b42,無填充。框住關鍵引言、詩詞、圖片。
  2. 雲紋邊框:鋼筆工具繪製傳統雲雷紋閉合路徑,定義為自定義形狀,按需調用。
  3. 印章與落款:導入印章掃描素材(白底),影像 > 調整 > 閾值 二值化,混合模式「正片疊底」,置於版面右下或側欄末端。落款文字小字號垂直排版。
  4. 紅色圓點標記:橢圓工具按 Shift 繪製 4px 紅圓 #c00000,用於標記重點段落、頁碼分隔、時間軸節點。

色彩克制實戰:三色原則

全版面嚴格限制三色系統:

  1. 主色 - 墨黑系 #1a1a1a ~ #3d3d3d:正文、標題、框線、結構線。
  2. 襯色 - 宣紙黃系 #f5f0e1 ~ #e8ddd0:背景、留白、表格底色。
  3. 強調色 - 朱砂紅系 #c00000 ~ #e0301e:印章、紅點、關鍵標題陰影、重要數據、引言側註。

任何第四種顏色(如石青、石綠)僅允許在插圖內部使用,不得用於版面結構元素。

輸出規範

  • 印刷:影像 > 模式 > CMYK,存 TIFF 無壓縮,嵌入 China Web Coated v2 配置文件,出血 3mm。
  • 數字發佈:導出 PDF/X-4,或 PNG 300dpi 供屏幕閱讀。
  • 源文件管理:圖層命名規範(`TITLE_主標題`、`BODY_正文_段落1`、`DECO_印章`),群組層級對應版面區塊(`HEADER`、`CONTENT`、`FOOTER`、`DECORATIONS`)。
copyright © 萬盛學電腦網 all rights reserved