哩老師的沙龍
首頁內容關於
哩老師的沙龍
Top 5
Step1.
開啟範例練習檔，路徑控制版上有三份路徑，請依序建立選取範圍由箱子圖層上複製貼上箱子的三個面，依序為蓋子、左面、右面。
Step2.
向下移動左面右面讓下角與下方箱子角銜接，點取左面圖層按下『Ctrl』『T』任意變形，按住『Ctrl』滑鼠在左側中間編輯點上垂直向下變形，讓左下角與下方
Step1.
開啟範例練習檔，新增圖層1填入白色，複選白色與文字圖層並合併圖層，執行『濾鏡 > 模糊 > 高斯模糊』設定強度：4像素。
Step2.
執行『影像 > 調整 > 色階』調整左右控制點至中央，讓文字邊緣模糊部分實體化，使用魔術棒工具選到所有文字內容，新增空白霓虹燈圖層，執行『編輯 >
Step1.
開啟範例練習檔，新增圖層1填入黑色並設定圖層不透明度：85%，為圖層1建立空白遮色片，使用筆刷尺寸：200、不透明：15%、黑色，修淡中央燈範圍附近。
Step2.
以路徑建立選取範圍，新增圖層光於燈之上，並填入黃色至透明的線性漸層，由燈中央向右下角填入漸層。
再使用多邊型套索
Step1.
開啟範例練習檔，依序經由路徑控制版上路徑轉換為選取範圍，複製貼上側面、前輪、後輪、前面、前側面，並移動至汽車之下。
Step2.
前輪與後輪均執行『變形 > 垂直翻轉』並任意變形旋轉其方向至適合角度，側面圖層同樣垂直翻轉使用任意變形，移動變形編輯中心至前輪旁尖端處，再按住『Ctr
Step1.
開啟範例練習檔，複製香檳色相機圖層為『香檳色倒影』，更改圖層順序至香檳色之下，執行『物件 >變形 > 垂直翻轉』，為香檳色倒影圖層建立空白遮色片，在遮色片編輯狀態之下，使用黑至白線性漸層，由倒影下方至上填入漸層，完成倒影淡出的效果，設定圖層不透明度：50。
Step2.
開啟範例練
Step1.
開啟範例練習檔，複製人物圖層為『人物倒影』，更改圖層順序至人物之下，執行『物件 >變形 > 垂直翻轉』，為人物倒影圖層建立空白遮色片，在遮色片編輯狀態之下，使用黑至白線性漸層，由倒影下方至上填入漸層，完成倒影淡出的效果。
Step2.
複製畫框圖層為『畫框倒影』，更改圖層順序至畫框
Step1.
開啟範例練習檔，複製人物圖層為『人物陰影』，更改圖層順序至人物之下，並點取使用『鎖定透明』，填上黑色，向右移出陰影；取消人物陰影圖層的透明鎖定，執行『濾鏡 > 模糊 > 高斯模糊』設定模糊強度：3像素。
Step2.
略向右下移動人物陰影，使用矩型選取工具選取牆角以上的人物陰影內容
Step1.
開啟範例練習檔，切換至色版控制版，確定Alpha 1為作業狀態下，將Alpha 1 色版複製為Alpha 1 拷貝；按住Ctrl鍵，滑鼠左鍵單響Alpha 1拷貝，置入選取區。
Step2.
確定點選Alpha 1 拷貝為作業狀態下，執行[ 濾鏡 > 模糊 > 高斯模糊 ] 設定強
Step1.
開啟範例練習檔，顯示木紋圖層，並加上圖層樣式斜角和浮雕，設定尺寸：15像素。
接著暫時隱藏木紋圖層，並選取到整個標誌，至色版控制版上，新增Alpha 1並貼上複製的標誌，即獲得黑白的標誌。
Step2.
回到RGB圖層上，顯示並選取木紋圖層，再到色版上按住『Ctrl』建議Alph
Step1.
開啟範例練習檔，若無法見到參考線請執行 [ 檢視 > 顯示 > 參考線 ] 顯示參考線。使用矩型選取工具，依參考線建立矩型選取區。執行 [ 編輯 > 定義圖樣 ]將選取區內的內容定義為圖樣。
Step2.
開啟欲製作拼圖的圖檔，切換到色版控制版新增Alpha 1，使用油漆桶工具，選
Step1.
開啟範例練習檔，路徑控制版上有三份路徑，請依序建立選取範圍由箱子圖層上複製貼上箱子的三個面，依序為蓋子、左面、右面。
Step2.
向下移動左面右面讓下角與下方箱子角銜接，點取左面圖層按下『Ctrl』『T』任意變形，按住『Ctrl』滑鼠在左側中間編輯點上垂直向下變形，讓左下角與下方
Step1.
開啟範例練習檔，新增圖層1填入白色，複選白色與文字圖層並合併圖層，執行『濾鏡 > 模糊 > 高斯模糊』設定強度：4像素。
Step2.
執行『影像 > 調整 > 色階』調整左右控制點至中央，讓文字邊緣模糊部分實體化，使用魔術棒工具選到所有文字內容，新增空白霓虹燈圖層，執行『編輯 >
Step1.
開啟範例練習檔，新增圖層1填入黑色並設定圖層不透明度：85%，為圖層1建立空白遮色片，使用筆刷尺寸：200、不透明：15%、黑色，修淡中央燈範圍附近。
Step2.
以路徑建立選取範圍，新增圖層光於燈之上，並填入黃色至透明的線性漸層，由燈中央向右下角填入漸層。
再使用多邊型套索
Step1.
開啟範例練習檔，依序經由路徑控制版上路徑轉換為選取範圍，複製貼上側面、前輪、後輪、前面、前側面，並移動至汽車之下。
Step2.
前輪與後輪均執行『變形 > 垂直翻轉』並任意變形旋轉其方向至適合角度，側面圖層同樣垂直翻轉使用任意變形，移動變形編輯中心至前輪旁尖端處，再按住『Ctr
Step1.
開啟範例練習檔，複製香檳色相機圖層為『香檳色倒影』，更改圖層順序至香檳色之下，執行『物件 >變形 > 垂直翻轉』，為香檳色倒影圖層建立空白遮色片，在遮色片編輯狀態之下，使用黑至白線性漸層，由倒影下方至上填入漸層，完成倒影淡出的效果，設定圖層不透明度：50。
Step2.
開啟範例練
Step1.
開啟範例練習檔，複製人物圖層為『人物倒影』，更改圖層順序至人物之下，執行『物件 >變形 > 垂直翻轉』，為人物倒影圖層建立空白遮色片，在遮色片編輯狀態之下，使用黑至白線性漸層，由倒影下方至上填入漸層，完成倒影淡出的效果。
Step2.
複製畫框圖層為『畫框倒影』，更改圖層順序至畫框
Step1.
開啟範例練習檔，複製人物圖層為『人物陰影』，更改圖層順序至人物之下，並點取使用『鎖定透明』，填上黑色，向右移出陰影；取消人物陰影圖層的透明鎖定，執行『濾鏡 > 模糊 > 高斯模糊』設定模糊強度：3像素。
Step2.
略向右下移動人物陰影，使用矩型選取工具選取牆角以上的人物陰影內容
Step1.
開啟範例練習檔，切換至色版控制版，確定Alpha 1為作業狀態下，將Alpha 1 色版複製為Alpha 1 拷貝；按住Ctrl鍵，滑鼠左鍵單響Alpha 1拷貝，置入選取區。
Step2.
確定點選Alpha 1 拷貝為作業狀態下，執行[ 濾鏡 > 模糊 > 高斯模糊 ] 設定強
Step1.
開啟範例練習檔，顯示木紋圖層，並加上圖層樣式斜角和浮雕，設定尺寸：15像素。
接著暫時隱藏木紋圖層，並選取到整個標誌，至色版控制版上，新增Alpha 1並貼上複製的標誌，即獲得黑白的標誌。
Step2.
回到RGB圖層上，顯示並選取木紋圖層，再到色版上按住『Ctrl』建議Alph
Step1.
開啟範例練習檔，若無法見到參考線請執行 [ 檢視 > 顯示 > 參考線 ] 顯示參考線。使用矩型選取工具，依參考線建立矩型選取區。執行 [ 編輯 > 定義圖樣 ]將選取區內的內容定義為圖樣。
Step2.
開啟欲製作拼圖的圖檔，切換到色版控制版新增Alpha 1，使用油漆桶工具，選
STEP1.
首先選取到要成為臉的二橢圓進行『相加』並填上漸層，使用漸層工具調整漸層位置與範圍。
接著繼續為要成為頭髮與耳朵的橢圓填上漸層，同樣使用漸層工具調整漸層位置與範圍。
STEP2.
繼續為要成為眼睛的橢圓進行填色，二漸層橢圓的漸層中心，外部的較靠下方、內部的較靠上方，讓眼珠顏色更有層
STEP1.
選取到頭部外側圓形，複製並貼至上層一份；複選二圓形並進行『分割』解散群組，選取到中央臉型圓形，複製並貼至上層一份，選取到一份臉型圓形與分割線，進行『分割』並解散群組，獲得上邊流海與下邊臉部。
STEP2.
選取到臉部下半圓與長橢圓進行『上剪下』，即刪去多餘部分只留下臉二邊的頭髮部分
STEP1.
開啟範例練習檔，選取身體輪廓複製並貼至上層成二份，複選身體與分割依據線條進行路徑管理員『分割』並解散群組，即可進行填色，最底層完整身體元件請設定筆畫與『變數寬度描述檔』。
STEP2.
複選構成頭部的三大妥圓與二小橢圓，進行路徑管理員『相加』，複製、貼至上層此頭部元件成為二份；同樣
STEP1.
開啟範例練習檔，使用直接選取工具調整身體尾部輪廓，複選二身體構成大橢圓執行路徑管理員『分割』並解散群組，刪去上方身體外的多餘元件。
複選三斑點妥圓與身體二橢圓元件，執行路徑管理員『分割』並解散群組，刪去上方身體外的多餘元件，進行填色完成身體部分。
STEP2.
複選前腳元件與中央
Step1.
在Illustrator開啟練習檔，右側多邊型即是要建立3D物件使用，左側圖是要成為物體的貼圖內容。請點取右側多邊型型物件，執行『效果 > 3D > 突出與斜角』，勾取預視設定角度：-25、-25、-10，透視：85、突出深度：120，按下確定完成基礎立方體。
Step2.
點取左
Step1.
在Illustrator開啟練習檔，右側同心圓圈與旋轉直線即是要建立3D物件使用，左側與上方數字是要成為3D立體轉盤的貼圖內容。請仔細複選到右側大圓與所有旋轉直線（不含內圓）執行『物件 > 即時上色 > 製作』，使用即時上色工具於扇型區域依序填上紅色與黑色相間。
Step2.
選取
STEP1.
首先依序建立要成為貼圖的四個符號，點取要製作立體球的白色半圓，執行『物件 > 3D > 迴轉』，設定角度依序為-20 、-25、-10，按下『較多選項』設定光源，新增第二個光並加大環境光:90%、反白大小:100%、漸變階數:256，按下確定完成3D球。
STEP2.
複製球成二
Step1.
在Illustrator開啟練習檔，左側矩型即是要建立3D立方體使用，右側六個圖是要成為立方體六個面的貼圖內容。請點取左側矩型物件，執行『效果 > 3D > 突出與斜角』，勾取預視設定角度：-35、-30、140，透視：80、突出深度：210，按下確定完成基礎立方體。
Step2.
STEP1.
點取已經建立外框的文字，執行『效果 > 3D > 突出與斜角』，設定『突出深度：40 pt』，按下確定。點取建立的3D突出與斜角，執行『物件 > 擴充外觀』，將3D突出與斜角效果實體化。
STEP2.
使用魔術棒工具，點取文字正面部分，加上漸層填色，線性淺橘色至橘色。
使用漸層工
Step1.
準備所需要的物件，文字、圓圈與多邊型，其中要成為漸變路徑的圓圈已經以剪刀工具剪出小缺口。
Step2.
使用漸變工具按下漸變的第一個箭頭物件，再按下第二個箭頭物件，完成第一組漸變，複選漸變群與圓圈路徑，準備來替換漸變路徑。
複選漸變群與圓圈路徑，執行『物件 > 漸變 > 取代旋
STEP1.
首先選取到要成為臉的二橢圓進行『相加』並填上漸層，使用漸層工具調整漸層位置與範圍。
接著繼續為要成為頭髮與耳朵的橢圓填上漸層，同樣使用漸層工具調整漸層位置與範圍。
STEP2.
繼續為要成為眼睛的橢圓進行填色，二漸層橢圓的漸層中心，外部的較靠下方、內部的較靠上方，讓眼珠顏色更有層
STEP1.
選取到頭部外側圓形，複製並貼至上層一份；複選二圓形並進行『分割』解散群組，選取到中央臉型圓形，複製並貼至上層一份，選取到一份臉型圓形與分割線，進行『分割』並解散群組，獲得上邊流海與下邊臉部。
STEP2.
選取到臉部下半圓與長橢圓進行『上剪下』，即刪去多餘部分只留下臉二邊的頭髮部分
STEP1.
開啟範例練習檔，選取身體輪廓複製並貼至上層成二份，複選身體與分割依據線條進行路徑管理員『分割』並解散群組，即可進行填色，最底層完整身體元件請設定筆畫與『變數寬度描述檔』。
STEP2.
複選構成頭部的三大妥圓與二小橢圓，進行路徑管理員『相加』，複製、貼至上層此頭部元件成為二份；同樣
STEP1.
開啟範例練習檔，使用直接選取工具調整身體尾部輪廓，複選二身體構成大橢圓執行路徑管理員『分割』並解散群組，刪去上方身體外的多餘元件。
複選三斑點妥圓與身體二橢圓元件，執行路徑管理員『分割』並解散群組，刪去上方身體外的多餘元件，進行填色完成身體部分。
STEP2.
複選前腳元件與中央
Step1.
在Illustrator開啟練習檔，右側多邊型即是要建立3D物件使用，左側圖是要成為物體的貼圖內容。請點取右側多邊型型物件，執行『效果 > 3D > 突出與斜角』，勾取預視設定角度：-25、-25、-10，透視：85、突出深度：120，按下確定完成基礎立方體。
Step2.
點取左
Step1.
在Illustrator開啟練習檔，右側同心圓圈與旋轉直線即是要建立3D物件使用，左側與上方數字是要成為3D立體轉盤的貼圖內容。請仔細複選到右側大圓與所有旋轉直線（不含內圓）執行『物件 > 即時上色 > 製作』，使用即時上色工具於扇型區域依序填上紅色與黑色相間。
Step2.
選取
STEP1.
首先依序建立要成為貼圖的四個符號，點取要製作立體球的白色半圓，執行『物件 > 3D > 迴轉』，設定角度依序為-20 、-25、-10，按下『較多選項』設定光源，新增第二個光並加大環境光:90%、反白大小:100%、漸變階數:256，按下確定完成3D球。
STEP2.
複製球成二
Step1.
在Illustrator開啟練習檔，左側矩型即是要建立3D立方體使用，右側六個圖是要成為立方體六個面的貼圖內容。請點取左側矩型物件，執行『效果 > 3D > 突出與斜角』，勾取預視設定角度：-35、-30、140，透視：80、突出深度：210，按下確定完成基礎立方體。
Step2.
STEP1.
點取已經建立外框的文字，執行『效果 > 3D > 突出與斜角』，設定『突出深度：40 pt』，按下確定。點取建立的3D突出與斜角，執行『物件 > 擴充外觀』，將3D突出與斜角效果實體化。
STEP2.
使用魔術棒工具，點取文字正面部分，加上漸層填色，線性淺橘色至橘色。
使用漸層工
Step1.
準備所需要的物件，文字、圓圈與多邊型，其中要成為漸變路徑的圓圈已經以剪刀工具剪出小缺口。
Step2.
使用漸變工具按下漸變的第一個箭頭物件，再按下第二個箭頭物件，完成第一組漸變，複選漸變群與圓圈路徑，準備來替換漸變路徑。
複選漸變群與圓圈路徑，執行『物件 > 漸變 > 取代旋
利用影片片段安排要控制的動畫內容，包括圖片切換顯示動畫，以及各個設定互動控制的按鈕元件，再搭配正確的互動控制程式碼片段，即可完成具動畫效果的動態產品介紹互動設計。
Step1.
點取介紹內容並設定實體名稱『all_mc』。
進入到全部內容元件內，點取上方介紹內容設定實
利用影片片段安排要控制的動畫內容，以及各個設定互動控制的按鈕元件，再搭配正確的互動控制程式碼片段，即可完成具動畫效果的畫面切換內容。
Step 1.
場景左側由遮色片控制顯示範圍的所有頁面元件實體名稱為【all_mc】，另外五個按鈕元件實體名稱依序為【b1_btn ~
除了控制場景上時間軸的影格播放外，更可以控制影片片段元件內時間軸的播放，因此只要影片片段元件安排得當，並正確加上元件實體名稱，就可以做出更有互動性的動畫內容控制安排，請注意在程式碼中需正確完整撰寫由場景至每個影片片段元件的順序。
STEP1.
範例檔中已完成摩托車的動畫
利用【前往影格並播放gotoAndPlay();】，配合包含動畫的頁面內容，即可完成動畫切換頁面的效果呈現網站頁面。
Step 1.
在按鈕圖層上已置入五個單元按鈕並均加上實體名稱 b1_btn～b5_btn，右上角回首頁按鈕為home_btn。並已分別準備頁面內容於獨立
利用按鈕元件與程式碼片段面板，加入HTML5 Canvas網頁格式的按鈕互動控制javaScript，控制場景上動畫內容的播放，若是有包含漸變動畫內容，則是使用【前往影格並播放gotoAndPlay();】，且可以在關鍵影格上設定影格標籤，用影格標籤來控制播放。
STE
利用按鈕元件與程式碼片段面板，加入HTML5 Canvas網頁格式的按鈕互動控制javaScript，控制場景上動畫內容的播放。
STEP1.
在按鈕圖層影格 1上由元件庫上依序拉入按鈕元件，並均加上實體名稱，依序為【stop_btn】【play_btn】【skip_bt
在Animate CC 是以HTML5+Canvas的格式發佈成網頁檔動畫與互動控制時，其中互動控制是以JavaScript架構來達成。Canvas 是 HTML5 的新元素，其中提供的 API 可讓您動態產生並顯示圖形、圖表、影像和動畫。有了適用於 HTML5 的 Canvas API，就可以透過
目標動畫效果:應用影片片段元件與傳統補間動畫，以及多個影片片段元件的組合，包括遮色片動畫技巧，最後結合按鈕元件的使用與停止動作行為，完成互動按鈕的動態效果。
使用動畫技巧:影片片段元件、傳統補間動畫、遮色片動畫。
Step1.
範例檔內場景上各個動畫素材均已各自轉換為
在Animate CC 是以HTML5+Canvas的格式發佈成網頁檔動畫與互動控制時，其中互動控制是以JavaScript架構來達成(非ActionScript)，而可以接受JavaScript控制的元件有【影片片段元件
】與【按鈕元件】，二者差別在於【按鈕元件】有預設
Q版人物通常都是頭大、手短、腳短，因此在跑步時的動作步伐比較小，同樣需要注意手腳與身體元件的配合，搭配傳統補間動畫即可確保跑步動作的流暢。
目標動畫效果:應用影片片段元件表現可愛人物的跑步動作，除了元件的準備與安排來表現動作之外，以傳統補間動畫讓動作更為流暢。
使用動畫技
利用影片片段安排要控制的動畫內容，包括圖片切換顯示動畫，以及各個設定互動控制的按鈕元件，再搭配正確的互動控制程式碼片段，即可完成具動畫效果的動態產品介紹互動設計。
Step1.
點取介紹內容並設定實體名稱『all_mc』。
進入到全部內容元件內，點取上方介紹內容設定實
利用影片片段安排要控制的動畫內容，以及各個設定互動控制的按鈕元件，再搭配正確的互動控制程式碼片段，即可完成具動畫效果的畫面切換內容。
Step 1.
場景左側由遮色片控制顯示範圍的所有頁面元件實體名稱為【all_mc】，另外五個按鈕元件實體名稱依序為【b1_btn ~
除了控制場景上時間軸的影格播放外，更可以控制影片片段元件內時間軸的播放，因此只要影片片段元件安排得當，並正確加上元件實體名稱，就可以做出更有互動性的動畫內容控制安排，請注意在程式碼中需正確完整撰寫由場景至每個影片片段元件的順序。
STEP1.
範例檔中已完成摩托車的動畫
利用【前往影格並播放gotoAndPlay();】，配合包含動畫的頁面內容，即可完成動畫切換頁面的效果呈現網站頁面。
Step 1.
在按鈕圖層上已置入五個單元按鈕並均加上實體名稱 b1_btn～b5_btn，右上角回首頁按鈕為home_btn。並已分別準備頁面內容於獨立
利用按鈕元件與程式碼片段面板，加入HTML5 Canvas網頁格式的按鈕互動控制javaScript，控制場景上動畫內容的播放，若是有包含漸變動畫內容，則是使用【前往影格並播放gotoAndPlay();】，且可以在關鍵影格上設定影格標籤，用影格標籤來控制播放。
STE
利用按鈕元件與程式碼片段面板，加入HTML5 Canvas網頁格式的按鈕互動控制javaScript，控制場景上動畫內容的播放。
STEP1.
在按鈕圖層影格 1上由元件庫上依序拉入按鈕元件，並均加上實體名稱，依序為【stop_btn】【play_btn】【skip_bt
在Animate CC 是以HTML5+Canvas的格式發佈成網頁檔動畫與互動控制時，其中互動控制是以JavaScript架構來達成。Canvas 是 HTML5 的新元素，其中提供的 API 可讓您動態產生並顯示圖形、圖表、影像和動畫。有了適用於 HTML5 的 Canvas API，就可以透過
目標動畫效果:應用影片片段元件與傳統補間動畫，以及多個影片片段元件的組合，包括遮色片動畫技巧，最後結合按鈕元件的使用與停止動作行為，完成互動按鈕的動態效果。
使用動畫技巧:影片片段元件、傳統補間動畫、遮色片動畫。
Step1.
範例檔內場景上各個動畫素材均已各自轉換為
在Animate CC 是以HTML5+Canvas的格式發佈成網頁檔動畫與互動控制時，其中互動控制是以JavaScript架構來達成(非ActionScript)，而可以接受JavaScript控制的元件有【影片片段元件
】與【按鈕元件】，二者差別在於【按鈕元件】有預設
Q版人物通常都是頭大、手短、腳短，因此在跑步時的動作步伐比較小，同樣需要注意手腳與身體元件的配合，搭配傳統補間動畫即可確保跑步動作的流暢。
目標動畫效果:應用影片片段元件表現可愛人物的跑步動作，除了元件的準備與安排來表現動作之外，以傳統補間動畫讓動作更為流暢。
使用動畫技
