教學資訊

• 軟體：Adobe Photoshop CS5+
• 難度：簡單
• 預估時間：1-2 小時

最終效果

下載原始 PSD 檔 | ThemeForest 完整代碼版 (Stylish CV)

設計師簡介

IvyStudio 為 ThemeForest 人氣作者，專注簡潔豐富細節的主題界面設計，作品可見 官網。

Step 1：畫布與 960 Grid 系統

開啟 960 Grid 範本（12 欄），調整畫布高度至 1558 px，關閉粉紅條紋參考線，開啟標尺、參考線、對齊輔助對齊。

Step 2：背景質感

1. 背景圖層重命名「bg」，加「顏色疊加」#dbdbdb。

2. 新建「noise」圖層填白，加「濾鏡 › 雜訊 › 添加雜訊」50% 均勻分佈，模式「正片疊底」不透明度 15%。

3. 矩形工具畫 780×1800 px 矩形、填充 0%，加「投影」做柔和陰影（圖）。

Step 3：頁首區塊

矩形 780×170 px 填 #7db222，加投影、內陰影、漸變疊加、描邊等樣式（圖）。

Step 4：標題與副標題排版

• 主標：Delicious 字體、90 pt、斜體、白色、字距 -50，加投影、內發光、斜面浮雕。

• 副標：同字體 32 pt、填充 0%、加投影與顏色疊加（綠色）。

Step 5：個人資訊區塊

矩形 780×360 px 命名「personal_bg」，加投影、內陰影、顏色疊加（圖）。

Step 6：照片框

220×220 px 白矩形，加描邊、內陰影、投影（圖）。

Step 7：社群圖標區

圓角矩形 45×165 px 半徑 5 px 填 #7db222 命名「Social Box」；另建 20×20 px 圓角方塊旋轉 45° 做折角「Social fold」，加漸變疊加、投影、內陰影等樣式（多圖）。

Step 8：放置社群圖標

下載圖標素材置入，調整大小對齊。（後續步驟原文未完整，此處至 Step 8 為止。）