设计有装饰物件的网页蜿蜒茂盛的藤蔓.PDF

Illustrator 與網頁設計 授課教師：趙茂林 這是近來相當常見的漩渦與裝飾的設計，這個練習將會涵蓋創造出這些圖案所需的技巧！ 開啟 Illustrator 產生新文件，使用鋼筆工具繪製出如下圖的曲線（也可以嘗試自行創造出自己喜 歡的曲線）。 我們想要藤蔓由寬然後漸漸變細，所以我們要使用筆刷來創造。使用鋼筆工具或使用多邊形工具 繪製如下圖中的三角形。 1 Illustrator 與網頁設計 授課教師：趙茂林 開啟筆刷面板，拖曳你所繪製的形狀進入面板，新增為「線條圖筆刷」。其他設定如下方視窗所 示（上色方式更改為「色調」，這個步驟很重要！）。 2 Illustrator 與網頁設計 授課教師：趙茂林 點選剛繪製的曲線，套用你的新增的筆刷，你將得到下圖的造型。 3 Illustrator 與網頁設計 授課教師：趙茂林 接著我們要使用「螺旋工具」，設定如下，拖曳產生所需螺旋。 接著旋轉與改變螺旋尺寸，並置於適當位置。 接著畫出藤蔓的另一條分枝，這部分筆畫需做出合適的設定。 4 Illustrator 與網頁設計 授課教師：趙茂林 現在，我們要開始設計葉子。使用鋼筆工具然後繪製如下圖中的形狀，先繪製黑色的基本形狀後， 再繪出白色的部分。 開啟「符號」面板（視窗/符號）。拖曳葉子至符號面板，變更名稱與設定為「繪圖」類型。 點擊與拖曳葉子符號到藤蔓上，旋轉與改變尺寸。依此方式可以在增加其他的葉子到藤蔓上。 5 Illustrator 與網頁設計 授課教師：趙茂林 現在我們要做出另外一個筆刷，這個筆刷是用來做小一點的藤蔓分枝的。先繪製出一個三角形 （如之前的作法），然後在尾端繪製一個橢圓形。參考如下圖。 就像是步驟三，選取該外形拖曳至筆刷面板做出一個新的筆刷，同時不要忘記「色調」的調整。 使用鋼筆工具畫出小的枝椏，套用新的筆刷。變更筆畫大小，取得適當的配置。 6 Illustrator 與網頁設計 授課教師：趙茂林 其他的藤蔓設計都類似。再增加二種葉子，讓造型更加豐富。參考如下圖。 繪製第二根枝幹所用的技巧也是類似的，繪製出來後，在右側做出厚實一點的漩渦。完成如下圖。 持續地繪製出漩渦、分枝與葉子直到你自己滿意！要記得經常更換尺寸與寬度讓藤蔓看起來是活 的。完成如下圖。 7 Illustrator 與網頁設計 授課教師：趙茂林 現在是增加顏色的時刻了。（作者透過 Adobe Kuler / 中的色表：「雨 林亮光」來進行） 8 Illustrator 與網頁設計 授課教師：趙茂林 現在填完顏色的藤蔓如下圖。 現在需要一點 Photoshop 的幫忙。Illustrator 在繪製線段與向量圖很拿手，而 Photoshop 在 外觀與文字的處理上很不錯！開啟 Photoshop 新增文件，選定你想要的尺寸。選取 Illustrator 中的所有路徑，拖曳進入 Photoshop 的視窗。調整尺寸與旋轉，將藤蔓放在左上角。按下 Enter 鍵完成調整。 9 Illustrator 與網頁設計 授課教師：趙茂林