拍賣商品設計自然風Photoshop+Illustrator

自然風格的特色1. 主題—樂活 . 自然生態 . 休閒旅遊2. 主題概念—以淡雅清新的設計凸顯接近大自然或

自在生活的概念3. 呈現風格（色調 . 圖像）—自然風格經常是以粉嫩

色系，搭配與自然或自在生活相關的照片或圖片，使人在視覺上有清新、可愛、舒適放鬆的感受。常用來呈現休閒類商品或女性服飾。

自然風格• 以下為 Photoshop+Illustrator 製作的範例• 在 Photoshop 中調整影像 > 在 Illustrator 中加上筆刷裝

飾

範例一 自然圖騰的邊框設計1. 先在 Photoshop 中調整影像，存檔 >

2. 開啟 Illustrator 軟體 > 新增一 A4 橫式 .CMYK 文件

範例一 自然圖騰的邊框設計3. 先用橢圓形工具畫出寬和高都是 3.5mm

的正圓 > 以轉換錨點工具點選正圓形上方使變成上尖下圓的型狀 > 執行物件 / 變形/ 移動 / 水平 1mm. 垂直 3mm ，使出現圖3 形狀

1

2

3

範例一 自然圖騰的邊框設計4. 把步驟 2 完成的物件利用旋轉工具旋轉成圖 1 的狀態

> 執行物件 / 路徑 / 外框筆畫 > 拷貝 2 或 3 個備用

5. 利用線段工具畫出橢圓型工具畫出 0.75 和 0.25 的直線，和步驟 3 完成的物件結合—組成群組，如圖 2 和 3

1

3

2

範例一 自然圖騰的邊框設計6. 把步驟 4 完成的兩個物件分別拖曳進入筆刷面板

中，點選新增線條筆刷。注意 ! 兩個物件設定為筆刷的方法有些不同 ( 詳見下一頁 ) ， 0.25 要比 0.75 多勾選一個橫向翻轉項目。

範例一 自然圖騰的邊框設計

0.75 0.25

範例一 自然圖騰的邊框設計7. 檔案 / 置入範例照片 > 上鎖8. 新增圖層 > 用鉛筆工具在圖片上畫出線條 ( 可用筆畫

控制粗細 )> 以整體選取工具點選各線條後，分別執行物件 / 展開外觀，之後就可以改變線條和填色的顏色了

範例一 自然圖騰的邊框設計8. 製作裝飾用花朵 -- 新增圖層 > 先用橢圓形工具畫出正

圓 > 以轉換錨點工具點選正圓形上方使變成上尖下圓的型狀 > 用直接選取工具點選最上方錨點，直接向上拖曳，使出現圖 1 形狀 > 執行物件 / 變形 / 旋轉 /90 度 / 拷貝 >

Ctrl+D 以複製不同物件出來 > 最後組合成如圖 2 的花朵 > 改變顏色，放到畫面中適當位置 ( 詳見下一頁 )

1 2

範例一 自然圖騰的邊框設計• 9. 檔案 / 置入商品照片，在 Illustrator 中組合版面

範例二 & 三 自然圖騰的邊框設計• 1. 開啟自然風邊框 .

ai> 在筆刷資料庫中儲存筆刷資料庫( 儲存到桌面 )

• 2. 新增 AI 文件 > 檔案置入照片 > 在筆刷資料庫中選擇筆刷資料庫 / 其他資料庫 / 桌面上的自然風邊框筆刷檔案 (.ai)

範例二 & 三 自然圖騰的邊框設計• 3. 在照片上以鉛筆

工具畫出線條 > 再將鉛筆線條轉換成筆刷

範例二 & 三 自然圖騰的邊框設計• 4. 新增圖層

放置裝是小黃花 > 可將小黃花設定為散落筆刷

範例二 & 三 自然圖騰的邊框設計

範例二 & 三 自然圖騰的邊框設計• 5. 檔案 / 置入商品照片，在 Illustrator 中組合版面

藤蔓藤蔓是目前設計上常見的元素。透過藤蔓圖騰，可以呈現自然風、華麗風，甚至龐克風等不同潮流感。

1. 自然風：清新自然的手 繪圖案

3. 龐克風：細緻的藤蔓與羽

毛和粗獷詭異的骷髏、墨

漬等圖案，形成一對比強

烈的視覺效果

2. 華麗風：繁複多變、色 彩鮮麗的巴洛克式呈現 方式

範例四 藤蔓自然風• 藤蔓是自然風常用的圖騰設計元素，我們可在 Illustrator 中用來設計商標

藤蔓—自然風要訣：利用 Illustrator 中的筆

刷和粗糙效果濾鏡，製作出清新自然的手繪圖案

綠色氣息

藍色雪夜

藤蔓—自然風7. 變形7.1. 例如綠色氣息範例，

可以點選藤蔓線條和葉子 >濾鏡 /扭曲 / 粗糙效果，設定和效果如右，會呈現出更像手繪或粉蠟筆著色的效果

藤蔓—自然風1. 製作藤蔓：填色黑，筆畫無 > 利用多邊形工具製作一黑色三角形 > 旋轉 90

度 > 調整成細長的三角形 >

濾鏡 / 風格化 / 圓角（半徑50px ） > 將三角形拖曳進入筆刷面板中，新增線條筆刷，命名為藤蔓 1 ，設定如下一頁

藤蔓—自然風

藤蔓—自然風2. 設定背景︰把圖層 1 改名為背景 >

在畫板中用淺綠矩形當成背景 >3. 新增藤蔓圖層 > 用鋼筆工具、弧

形工具和螺旋工具（區段 2.4 都可試試）畫出一些線條 >套用剛才製做好的藤蔓 1 筆刷 > 可以於選取個別線條後，按下筆刷面板中的所選取物件的選項按鈕調整粗細寬度（例如主線條可用 60 或 70%. 小線條可用 20 或 30% ）

藤蔓—自然風4. 在藤蔓圖層中增加葉子 > 方法

有二，一是畫一正圓形後以轉換錨點工具點選上下兩個錨點，使變成尖角。另一則是用兩個正圓 + 路徑管理員 / 分割 > 調整大小和寬窄

5. 在藤蔓圖層中增加小鳥 > 以各種幾何形狀工具組合而成

6. 新增文字圖層 > 以文字工具加入文字

藤蔓—自然風7. 變形7.1. 例如綠色氣息範例，

可以點選藤蔓線條和葉子 >濾鏡 /扭曲 / 粗糙效果，設定和效果如右，會呈現出更像手繪或粉蠟筆著色的效果

藤蔓—自然風7.2. 可以利用線條工具和剛剛製作的藤蔓線條筆刷，繪製樹幹和枝椏。雪花則是白色正圓 + 高斯模糊(約 6) 。