Illustrator CC翻轉3D方塊

發佈於Illustrator CC 向量繪圖與

2025/02/19 更新2020/02/20 發佈閱讀 2 分鐘

raw-image

Step1.
在Illustrator開啟練習檔，左側矩型即是要建立3D立方體使用，右側六個圖是要成為立方體六個面的貼圖內容。請點取左側矩型物件，執行『效果 > 3D > 突出與斜角』，勾取預視設定角度：-35、-30、140，透視：80、突出深度：210，按下確定完成基礎立方體。

raw-image

Step2.
依序點取右側6個將成為貼圖內容的物件，由符號控制版上按下新增符號按鈕，依序讓六個圖成為符號。

raw-image

點取立方體物件，再次由外觀控制版上呼叫設定視窗，勾取預視並按下『對應線條圖』按鈕，在對應線條圖視窗上，依序選取有上角的物件表面（立方體共六面），接著選取左上角的符號（選取剛剛自訂的符號），完成共六個面的貼圖設定。

Step3.
按下確定回到突出與斜角設定，按下『更多選項』按鈕打開下方的光源設定來加強光線部分，請增加三個光源並如圖安排光源位置，設定環境光：70%、反白強度/大小：100%、漸層階數：256，按下確定完成此含有貼圖的立方體物件。刪除原定義貼圖的物件、僅留完成的3D立方體，並複製成16個來準備設定不同的3D角度。

raw-image

Step4.
請依序點取物件並由外觀控制版上呼叫3D效果設定視窗，請更改每個立方體呈現不同的角度。

raw-image

【下載範例】

相關課程 : 優勢多媒體 - Illustrator專業網頁與動畫素材設計

哩老師的沙龍Illustrator CC 向量繪圖與3D效果繪圖

留言

哩老師的沙龍

29會員

129內容數

多媒體設計的專業能力養成過程，除了有效率學習軟體之外，更重要的是各個軟體間的整合應用! Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等，相關的整合應用有機會皆會與大家分享喔~

哩老師的沙龍的其他內容

2020/02/20

Illustrator CC 繪製3D翻轉加油機

Step1. 在Illustrator開啟練習檔，右側多邊型即是要建立3D物件使用，左側圖是要成為物體的貼圖內容。請點取右側多邊型型物件，執行『效果 > 3D > 突出與斜角』，勾取預視設定角度：-25、-25、-10，透視：85、突出深度：120，按下確定完成基礎立方體。 Step2. 點取左

2020/02/20

Illustrator CC 繪製3D翻轉加油機

Step1. 在Illustrator開啟練習檔，右側多邊型即是要建立3D物件使用，左側圖是要成為物體的貼圖內容。請點取右側多邊型型物件，執行『效果 > 3D > 突出與斜角』，勾取預視設定角度：-25、-25、-10，透視：85、突出深度：120，按下確定完成基礎立方體。 Step2. 點取左

2020/02/20

Illustrator CC 繪製立體數字轉盤

Step1. 在Illustrator開啟練習檔，右側同心圓圈與旋轉直線即是要建立3D物件使用，左側與上方數字是要成為3D立體轉盤的貼圖內容。請仔細複選到右側大圓與所有旋轉直線（不含內圓）執行『物件 > 即時上色 > 製作』，使用即時上色工具於扇型區域依序填上紅色與黑色相間。 Step2. 選取

2020/02/20

Illustrator CC 繪製立體數字轉盤

Step1. 在Illustrator開啟練習檔，右側同心圓圈與旋轉直線即是要建立3D物件使用，左側與上方數字是要成為3D立體轉盤的貼圖內容。請仔細複選到右側大圓與所有旋轉直線（不含內圓）執行『物件 > 即時上色 > 製作』，使用即時上色工具於扇型區域依序填上紅色與黑色相間。 Step2. 選取

2020/02/20

Illustrator CC 繪製3D球元件

STEP1. 首先依序建立要成為貼圖的四個符號，點取要製作立體球的白色半圓，執行『物件 > 3D > 迴轉』，設定角度依序為-20 、-25、-10，按下『較多選項』設定光源，新增第二個光並加大環境光:90%、反白大小:100%、漸變階數:256，按下確定完成3D球。 STEP2. 複製球成二

2020/02/20

Illustrator CC 繪製3D球元件

STEP1. 首先依序建立要成為貼圖的四個符號，點取要製作立體球的白色半圓，執行『物件 > 3D > 迴轉』，設定角度依序為-20 、-25、-10，按下『較多選項』設定光源，新增第二個光並加大環境光:90%、反白大小:100%、漸變階數:256，按下確定完成3D球。 STEP2. 複製球成二

你可能也想看

方格子 vocus 官方沙龍

vocus App 正式推出｜立即下載 iOS 版，打開全新內容宇宙

在 vocus 與你一起探索內容、發掘靈感的路上，我們又將啟動新的冒險——vocus App 正式推出！現在起，你可以在 iOS App Store 下載全新上架的 vocus App。無論是在通勤路上、日常空檔，或一天結束後的放鬆時刻，都能自在沈浸在內容宇宙中。

#App#iOS#App Store

2026/01/21

方格子 vocus 官方沙龍

vocus App 正式推出｜立即下載 iOS 版，打開全新內容宇宙

在 vocus 與你一起探索內容、發掘靈感的路上，我們又將啟動新的冒險——vocus App 正式推出！現在起，你可以在 iOS App Store 下載全新上架的 vocus App。無論是在通勤路上、日常空檔，或一天結束後的放鬆時刻，都能自在沈浸在內容宇宙中。

#App#iOS#App Store

2026/01/21

方格子 vocus 官方沙龍

【 vocus 全站慶，更好的 2026 上線了！】折扣碼 x 抽紅包 x 新手禮 x App 登場！

vocus 慶祝推出 App，舉辦 2026 全站慶。推出精選內容與數位商品折扣，訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包，以及全站徵文，並邀請你一起來回顧過去的一年， vocus 與創作者共同留下了哪些精彩創作。

#vocus#2026#vocus2026

2026/01/26

方格子 vocus 官方沙龍

【 vocus 全站慶，更好的 2026 上線了！】折扣碼 x 抽紅包 x 新手禮 x App 登場！

vocus 慶祝推出 App，舉辦 2026 全站慶。推出精選內容與數位商品折扣，訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包，以及全站徵文，並邀請你一起來回顧過去的一年， vocus 與創作者共同留下了哪些精彩創作。

#vocus#2026#vocus2026

2026/01/26

哩老師的沙龍

Illustrator CC 繪製3D翻轉加油機

Step1. 在Illustrator開啟練習檔，右側多邊型即是要建立3D物件使用，左側圖是要成為物體的貼圖內容。請點取右側多邊型型物件，執行『效果 > 3D > 突出與斜角』，勾取預視設定角度：-25、-25、-10，透視：85、突出深度：120，按下確定完成基礎立方體。 Step2. 點取左

2020/02/20

哩老師的沙龍

Illustrator CC 繪製3D翻轉加油機

Step1. 在Illustrator開啟練習檔，右側多邊型即是要建立3D物件使用，左側圖是要成為物體的貼圖內容。請點取右側多邊型型物件，執行『效果 > 3D > 突出與斜角』，勾取預視設定角度：-25、-25、-10，透視：85、突出深度：120，按下確定完成基礎立方體。 Step2. 點取左

2020/02/20

哩老師的沙龍

Illustrator CC 繪製立體數字轉盤

Step1. 在Illustrator開啟練習檔，右側同心圓圈與旋轉直線即是要建立3D物件使用，左側與上方數字是要成為3D立體轉盤的貼圖內容。請仔細複選到右側大圓與所有旋轉直線（不含內圓）執行『物件 > 即時上色 > 製作』，使用即時上色工具於扇型區域依序填上紅色與黑色相間。 Step2. 選取

2020/02/20

哩老師的沙龍

Illustrator CC 繪製立體數字轉盤

Step1. 在Illustrator開啟練習檔，右側同心圓圈與旋轉直線即是要建立3D物件使用，左側與上方數字是要成為3D立體轉盤的貼圖內容。請仔細複選到右側大圓與所有旋轉直線（不含內圓）執行『物件 > 即時上色 > 製作』，使用即時上色工具於扇型區域依序填上紅色與黑色相間。 Step2. 選取

2020/02/20

哩老師的沙龍

Illustrator CC 繪製3D球元件

STEP1. 首先依序建立要成為貼圖的四個符號，點取要製作立體球的白色半圓，執行『物件 > 3D > 迴轉』，設定角度依序為-20 、-25、-10，按下『較多選項』設定光源，新增第二個光並加大環境光:90%、反白大小:100%、漸變階數:256，按下確定完成3D球。 STEP2. 複製球成二

2020/02/20

哩老師的沙龍

Illustrator CC 繪製3D球元件

STEP1. 首先依序建立要成為貼圖的四個符號，點取要製作立體球的白色半圓，執行『物件 > 3D > 迴轉』，設定角度依序為-20 、-25、-10，按下『較多選項』設定光源，新增第二個光並加大環境光:90%、反白大小:100%、漸變階數:256，按下確定完成3D球。 STEP2. 複製球成二

2020/02/20

哩老師的沙龍

Illustrator CC翻轉3D方塊

Step1. 在Illustrator開啟練習檔，左側矩型即是要建立3D立方體使用，右側六個圖是要成為立方體六個面的貼圖內容。請點取左側矩型物件，執行『效果 > 3D > 突出與斜角』，勾取預視設定角度：-35、-30、140，透視：80、突出深度：210，按下確定完成基礎立方體。 Step2.

2020/02/20

哩老師的沙龍

Illustrator CC翻轉3D方塊

Step1. 在Illustrator開啟練習檔，左側矩型即是要建立3D立方體使用，右側六個圖是要成為立方體六個面的貼圖內容。請點取左側矩型物件，執行『效果 > 3D > 突出與斜角』，勾取預視設定角度：-35、-30、140，透視：80、突出深度：210，按下確定完成基礎立方體。 Step2.

2020/02/20

哩老師的沙龍

Illustrator CC 3D文字

STEP1. 點取已經建立外框的文字，執行『效果 > 3D > 突出與斜角』，設定『突出深度：40 pt』，按下確定。點取建立的3D突出與斜角，執行『物件 > 擴充外觀』，將3D突出與斜角效果實體化。 STEP2. 使用魔術棒工具，點取文字正面部分，加上漸層填色，線性淺橘色至橘色。使用漸層工

2020/02/20

哩老師的沙龍

Illustrator CC 3D文字

STEP1. 點取已經建立外框的文字，執行『效果 > 3D > 突出與斜角』，設定『突出深度：40 pt』，按下確定。點取建立的3D突出與斜角，執行『物件 > 擴充外觀』，將3D突出與斜角效果實體化。 STEP2. 使用魔術棒工具，點取文字正面部分，加上漸層填色，線性淺橘色至橘色。使用漸層工

2020/02/20

哩老師的沙龍

Illustrator CC即時上色繪製元件

STEP1. 開啟範例檔，選取中央直線並執行『物件 > 變形 > 旋轉』設定旋轉角度：10按下拷貝，再繼續按下『Ctrl』＋『D』複製變形複製出所有旋轉10度的直線。 STEP2. 複選所有物件執行『物件 > 即時上色 > 製作』建立即時上色狀態，使用即時上色油漆桶進行上色。 STEP3. 選

#工具與應用

2020/02/20

哩老師的沙龍

Illustrator CC即時上色繪製元件

STEP1. 開啟範例檔，選取中央直線並執行『物件 > 變形 > 旋轉』設定旋轉角度：10按下拷貝，再繼續按下『Ctrl』＋『D』複製變形複製出所有旋轉10度的直線。 STEP2. 複選所有物件執行『物件 > 即時上色 > 製作』建立即時上色狀態，使用即時上色油漆桶進行上色。 STEP3. 選

#工具與應用

2020/02/20

哩老師的沙龍

Illustrator CC馬賽克點狀文字效果

STEP1. 開啟範例練習檔，依序設定文字筆畫為『白色10pt、黑色10pt、黑色20pt、黑色40pt、黑色60pt』。 STEP2. 依序選取每一份文字與方框線，執行『物件 > 點陣化』設定為解析度：螢幕；再依序選取選取每份內容執行『物件 > 建立物件馬賽克』設定『拼貼數目：50、結果：灰階

#工具與應用

2020/02/20

哩老師的沙龍

Illustrator CC馬賽克點狀文字效果

STEP1. 開啟範例練習檔，依序設定文字筆畫為『白色10pt、黑色10pt、黑色20pt、黑色40pt、黑色60pt』。 STEP2. 依序選取每一份文字與方框線，執行『物件 > 點陣化』設定為解析度：螢幕；再依序選取選取每份內容執行『物件 > 建立物件馬賽克』設定『拼貼數目：50、結果：灰階

#工具與應用

2020/02/20

哩老師的沙龍

Illustrator CC 路徑管理員繪製插圖

STEP1. 開啟範例練習檔，分別繪製所需的二圓角矩型（735,545,30 / 700,500,30）與一垂直直線（500,90）於檔案範圍內。選取到二圓角矩型與直線，在對齊控制版上設定對齊至：『對齊工作區域』，完成置中於檔案範圍內對齊，並填上二圓角矩型的填色。 STEP2. 點取中央直線

#工具與應用#路徑管理員#漸層繪圖

2020/02/20

哩老師的沙龍

Illustrator CC 路徑管理員繪製插圖

STEP1. 開啟範例練習檔，分別繪製所需的二圓角矩型（735,545,30 / 700,500,30）與一垂直直線（500,90）於檔案範圍內。選取到二圓角矩型與直線，在對齊控制版上設定對齊至：『對齊工作區域』，完成置中於檔案範圍內對齊，並填上二圓角矩型的填色。 STEP2. 點取中央直線

#工具與應用#路徑管理員#漸層繪圖

2020/02/20

哩老師的沙龍

Illustrator CC 旋轉再次變形構圖

STEP1. 首先繪製中央黃色刻度，請選取黃色長方形，使用旋轉工具，按住『Alt』移動旋轉中心至參考線中心上，於跳出的選轉設定面版上設定旋轉角度：-12.5，按下『拷貝』，再繼續按下『Ctrl』+『D』旋轉複製出所有刻度線。 STEP2. 選取左側白色長方形，使用旋轉工具，按住『Alt』移動旋

#工具與應用

2020/02/20

哩老師的沙龍

Illustrator CC 旋轉再次變形構圖

STEP1. 首先繪製中央黃色刻度，請選取黃色長方形，使用旋轉工具，按住『Alt』移動旋轉中心至參考線中心上，於跳出的選轉設定面版上設定旋轉角度：-12.5，按下『拷貝』，再繼續按下『Ctrl』+『D』旋轉複製出所有刻度線。 STEP2. 選取左側白色長方形，使用旋轉工具，按住『Alt』移動旋

#工具與應用

2020/02/20

哩老師的沙龍

Photoshop CC 繪製紙質物件風格

Step1. 開啟範例練習檔，圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路，為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑，均由繪圖工具組繪製，也可自行繪製。設定前景色為#FEBD63，新增圖層1，使用矩型繪圖工具、繪圖方式選擇填滿像素，繪製5*5像素之小正方形於左下角，並

#工具與應用

2020/02/19

哩老師的沙龍

Photoshop CC 繪製紙質物件風格

Step1. 開啟範例練習檔，圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路，為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑，均由繪圖工具組繪製，也可自行繪製。設定前景色為#FEBD63，新增圖層1，使用矩型繪圖工具、繪圖方式選擇填滿像素，繪製5*5像素之小正方形於左下角，並

#工具與應用

2020/02/19

追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News