260 likes | 447 Vues
拍賣商品設計 自然風. Photoshop+Illustrator. 自然風格的特色. 1. 主題 — 樂活 . 自然生態 . 休閒旅遊 2. 主題概念 — 以淡雅清新的設計凸顯接近大自然或自在生活的概念 3. 呈現風格(色調 . 圖像) — 自然風格經常是以粉嫩色系,搭配與自然或自在生活相關的照片或圖片,使人在視覺上有清新、可愛、舒適放鬆的感受。常用來呈現休閒類商品或女性服飾。. 自然風格. 以下為 Photoshop+Illustrator 製作的範例 在 Photoshop 中調整影像 > 在 Illustrator 中加上筆刷裝飾. 範例一 自然圖騰的邊框設計.
E N D
拍賣商品設計自然風 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 2 3
範例一 自然圖騰的邊框設計 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.自然風:清新自然的手 繪圖案 2.華麗風:繁複多變、色 彩鮮麗的巴洛克式呈現 方式 3.龐克風:細緻的藤蔓與羽 毛和粗獷詭異的骷髏、墨 漬等圖案,形成一對比強 烈的視覺效果
範例四 藤蔓自然風 • 藤蔓是自然風常用的圖騰設計元素,我們可在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)。