超碰在线播放97人人,伊人网在线视频精品,双飞精品一区二区

關(guān)于教程

首先我們來分析這張gif，gif的主體是小雞和搖搖車，以及底座和投幣機等裝飾物，所以繪制時，我們將按照5個步驟來進(jìn)行，分別是1.在Ai中新建文檔并創(chuàng)建背景->2.繪制底座->3.繪制支柱->4.繪制搖搖車->5.繪制小雞->6.繪制投幣機->7.在Ae中為小雞和車車制作動效->8.在Ps中導(dǎo)出gif，現(xiàn)在來一步步詳細(xì)說明：

教程效果圖

　　你未來會是一名專業(yè)的設(shè)計師嗎?60秒完成性格測試獲取免費學(xué)習(xí)資料：

　　http://www.silusheji.com/zhuanti/xinggeceshi/?js-fxy

　　(如無法點擊，復(fù)制到瀏覽器打開即可，完成測試可獲得相關(guān)學(xué)習(xí)資料一份)

教程步驟

步驟1：新建文檔并創(chuàng)建動畫背景

1.1打開AI，點擊文檔→新建，創(chuàng)建一個新文檔（快捷鍵Ctrl+N），參數(shù)如下

1.2首先新建一個圖層，命名為「背景」。繪制一個800*600的矩形，參數(shù)如下

1.3將矩形與畫板對齊，并點擊小鎖將其鎖定（這一步操作完記得把對齊選項改為「對齊所選對象」哦）

步驟2：繪制底座

首先新建一個圖層，命名為「底座」

2.1?選中「底座」圖層，繪制一個140*50的矩形，調(diào)整四個角的錨點，并填充顏色#f24077

2.2?接著繪制一個290*50的矩形，同樣調(diào)整為圓角，填充顏色#dd2651

2.3?同時選中兩個圖形，在「對齊」面板中選中「水平左對齊」和「垂直居中對齊」。將兩個圖形Ctrl G編組，命名為「底臺」

2.4?接下來繪制半球體。在「底座」圖層中，點擊橢圓工具（快捷鍵L）繪制一個80*80的圓形，接著點擊矩形工具（快捷鍵M）繪制一個80*40的矩形。選中兩個圖形，水平居中對齊，垂直底對齊，同時在「路徑查找器」中選擇「減去頂層」得到半圓，為半圓填充顏色#421e6b

2.5?選中半圓，按住Alt鍵拖動復(fù)制一次，選中復(fù)制層，同樣按住Alt鍵往右平移18px在復(fù)制一次。同時選中復(fù)制的兩個半圓，在「路徑查找器」中選擇「減去頂層」，得到半球體的亮部。

2.6?選中兩個圖形，水平左對齊，垂直底對齊。Ctrl G將兩個圖形編組，命名為「半球」。

2.7?選中「底臺」和「半球」，在「對齊」面板中選擇「垂直居中對齊」，Ctrl G編組，命名為底座。到這里，底座部分就完成了。記得Ctrl S保存哦！

步驟3：繪制支柱

新建一個圖層，命名為「支柱」

3.1?選中「支柱」圖層，繪制一個30*60的矩形，填充顏色e0d7ff，再繪制一個10*60的矩形，填充顏色#aca1ff，作為支柱的暗部。選中兩個矩形，在「對齊」面板中選擇「水平右對齊」和「垂直底對齊」，Ctrl G編組命名為「支柱」

3.2?調(diào)整圖層順序，將「支柱」圖層移動到「底座」圖層下方，選中兩個圖層居中對齊

步驟4：繪制搖搖車

接下來繪制搖搖車主體。新建一個圖層，命名為「車車」。

4.1?選中「車車」圖層，繪制一個150*40的矩形，填充顏色#ffffff，使用選擇工具（快捷鍵V）點擊矩形調(diào)節(jié)錨點為圓角得到所示圖形

4.2?選中圖形，Ctrl C，Ctrl F，原地向下復(fù)制一次，將復(fù)制得到的圖形往右平移9px，填充顏色#e0d7ff，選中兩個圖形，Ctrl G編組，命名為「車頭面板」

4.3?繪制一個4*21，圓角半徑為12px的圓角矩形，填充顏色#e0d7ff，選中圓角矩形按住Alt往右平移42px復(fù)制一次

4.4?點擊混合工具（快捷鍵W）依次點擊兩個圓角矩形，雙擊混合工具，如圖設(shè)置，將編組命名為「排氣孔」

4.5?選中「排氣孔」與「車頭面板」，水平和垂直居中對齊. 選中三個圖形，Ctrl G編組，命名為「車頭罩」

4.6?繪制一個18*20的橢圓，填充顏色#e0d7ff，選中橢圓，點擊對象→路徑→偏移路徑，參數(shù)如下，并填充顏色#ffe000

4.7?選中黃色橢圓，按住Alt拖動復(fù)制兩次，并按圖所示擺放

選中兩個圖形，在路徑查找器中使用「減去頂層」，得到車燈陰影，將陰影的不透明模式改為「正片疊底」

4.8?選中三個圖形，Ctrl G編組，命名為「車燈1」，選中「車燈1」編組，Ctrl C，Ctrl F，原位向下復(fù)制一層，將復(fù)制層命名為「車燈2」，往右平移106px，得到如圖形狀。同時選中所有形狀，Ctrl G編組，命名為「車頭罩子」

4.9?接下來繪制前保險桿，繪制一個170*25的矩形，調(diào)整錨點圓角并填充顏色#e0d7ff

4.10?選中矩形，Ctrl C,Ctrl F原位向下復(fù)制一層，將復(fù)制層向右平移13px，并填充顏色#aca1ff，同時選中兩個圓角矩形，Ctrl G編組并命名為「前保險杠」

4.11?接下來繪制發(fā)動機蓋，使用鋼筆工具（快捷鍵「P」）勾勒出如圖所示圖形

4.12?車身部分，我們繪制一個220*65的矩形，使用直接選擇工具（快捷鍵A）將右上角錨點調(diào)整為17px圓角，將右下角錨點調(diào)整為13px的圓角，如圖所示

4.13?繪制一個220*30的矩形，將這個矩形與上面的圖形垂直居中對齊，水平底對齊，

接下來在「路徑查找器」中選擇「交集」得到如圖所示形狀，填充顏色#663399

4.14?用同樣的方法得到以下圖形，填充顏色# ff5500

4.15?將以上圖形按如圖所示擺放

4.16?現(xiàn)在開始繪制輪子，首先繪制一個55*55的圓，使用上面做底座半球體的方法，得到輪廓及其亮部，我們?yōu)榘雸A填充顏色# d66100，為亮部填充顏色# ff8b00，選中兩個圖形，Ctrl G編組，命名為「輪廓1」

4.17?選擇「輪廓1」，按住Alt鍵往右平移92px，將復(fù)制層命名為「輪廓2」

4.18?為車車添加后保險杠，首先繪制一個40*25的矩形，調(diào)整錨點為圓角并填充顏色# e0d7ff，放置于如圖所示位置

4.19?接下來繪制車輪。首先繪制一個35*45的橢圓，填充顏色#885cbc，選中橢圓，按住Alt鍵往右平移6px。接著使用鋼筆工具，以橢圓的四個端點繪制一個矩形，如圖所示。選中三個圖形，點擊「路徑查找器」中的「聯(lián)集」，得到車輪輪廓

4.20?繪制一個35*45的橢圓，填充顏色#663399，與車輪輪廓水平右對齊，垂直居中對齊，作為車輪的暗部

4.21?接著，我們用繪制車燈的方法得到輪轂的形狀，為輪轂填充顏色#aca1ff，為輪轂暗部填充顏色#e0d7ff，將輪轂與車輪暗部水平和垂直居中對齊，得到輪子整體

4.22?選中以上圖形，Ctrl G編組，命名為「右輪1」，選中「右輪1」，按住Alt鍵往右平移92px，將復(fù)制層命名為「右輪2」

4.23?同樣的方法得到左邊的輪子，這里需要注意的是左邊的輪子暗部顏色填充為#421e6b，同時輪轂部分替換為6*9的橢圓，填充顏色#885cbc，如圖所示

4.24?選中三個圖形，Ctrl G編組，命名為「左輪1」，按圖所示放置

4.25?選中「車車」圖層中的所有元素，Ctrl G再次編組，命名為「車車」

由于視角關(guān)系，剩下的輪子會被支柱和前輪遮擋，擋風(fēng)玻璃的部分到了Ae中需要單獨處理，所以到這里我們車車的部分已經(jīng)大體完成了

4.26?接下來繪制擋風(fēng)玻璃。新建一個圖層，命名為「擋風(fēng)玻璃」

選中「擋風(fēng)玻璃」圖層，使用鋼筆工具繪制如下形狀，將兩個圖形水平右對齊，垂直底對齊得到擋風(fēng)玻璃整體形狀，Ctrl G將兩個圖形編組，命名為「擋風(fēng)玻璃」

4.27?將擋風(fēng)玻璃和車車按如圖所示放置

4.28?為擋風(fēng)玻璃制作反光。新建一個圖層，命名為「擋風(fēng)玻璃遮罩」

選中「擋風(fēng)玻璃遮罩」圖層，繪制兩個矩形，參數(shù)分別是40*125，20*125，選中兩個矩形，右鍵→變換→傾斜，如圖設(shè)置。選中傾斜后的圖形，Ctrl G編組，命名為「反光」

4.29?調(diào)整「擋風(fēng)玻璃」和「擋風(fēng)玻璃遮罩」圖層順序，如圖放置

步驟5：繪制小雞

5.1?開始繪制小雞。新建一個圖層，命名為「小雞身體」

選中「小雞身體」圖層，繪制一個140*135的矩形，將上方兩個錨點分別往中間縮進(jìn)35px，調(diào)節(jié)四個錨點變?yōu)閳A角，得到如圖形狀，填充顏色#ffe000

5.2?選中上面得到的圖形，按住Alt鍵拖動復(fù)制兩次。將復(fù)制的第一個圖形旋轉(zhuǎn)至如圖所示角度與復(fù)制的第二個圖層做「減去頂層」操作，并將透明度模式改為「正片疊底」

5.3?將兩個圖形對齊得到小雞身體的主體。選中兩個圖形，Ctrl G編組命名為「小雞身體」

5.4?為小雞繪制雞嘴。使用鋼筆工具繪制如圖所示圖形，調(diào)整錨點為如圖所示的圓角，得到雞嘴形狀，填充顏色為#ff7300

5.5?選擇上面的形狀，按住Alt鍵拖動復(fù)制一層，如圖放置并調(diào)整透明度模式為「正片疊底」，接著繪制一個3*33的圓角矩形，填充顏色#f15a24，如圖所示放置，得到雞嘴造型

5.6?到這里，小雞身體部分就完成了

5.7?接下來繪制小雞的墨鏡。新建一個圖層，命名為「墨鏡」

選中「墨鏡」圖層，繪制兩個橢圓，參數(shù)分別是25*20和30*20，使用上面提到的「減去頂層」方法得到兩個半圓，填充顏色# 663399 ，繪制一個1.5*14的矩形連接兩個圖形，選中三個圖形，使用「聯(lián)集」合并

5.8?接下來使用鋼筆工具繪制以下圖形，填充顏色#421e6b，并與上面的圖形對齊，得到墨鏡的形狀

5.9?選中上面的墨鏡形狀，按住Alt拖動復(fù)制一層，按如圖所示放置并填充顏色# ffe000，透明度模式改為「正片疊底」

5.10?調(diào)整圖層順序，并如圖放置所得到的形狀

5.11?為墨鏡添加反光。新建一個圖層，命名為「墨鏡遮罩」

選中「墨鏡遮罩」圖層，使用上面繪制「擋風(fēng)玻璃遮罩」的方法得到墨鏡的遮罩，只需將矩形的參數(shù)更換為4*100和2*100，并復(fù)制多層即可。Ctrl G編組所有圖形，命名為「反光」調(diào)整圖層順序，如圖放置

5.12?接下來繪制雞冠。新建一個圖層，命名為「雞冠」

選中「雞冠」圖層，使用鋼筆工具繪制以下圖形，其中圖形1填充顏色#f24077，圖形2填充顏色與圖形1相同，但透明度模式需要選擇「正片疊底」，不透明度調(diào)整為60%。Ctrl G將所有圖形編組，命名為「雞冠」

5.13?調(diào)整圖層順序，并如圖放置所得到的形狀

5.14?為小雞畫個手手。新建一個圖層，命名為「雞翅」

選中「雞翅」圖層，使用鋼筆工具繪制以下形狀，填充顏色# ffe600，接著使用上面繪制小雞身體的方法得到雞翅的暗部，如圖所示擺放。Ctrl G將所有圖形編組，命名為「雞翅」

5.15?調(diào)整圖層順序，并如圖放置所得到的形狀

步驟6：繪制投幣機

6.1?繪制投幣機。新建一個圖層，命名為「投幣機」

選中「投幣機」圖層，使用繪制車輪的方法繪制投幣機主體，只需將橢圓參數(shù)調(diào)整為40*50，同時圖形1顏色填充更換為#f24077，圖形2更換為#dd2651即可

6.2?接著，繪制一個10*190的圓角矩形，填充顏色#ffffff，如圖所示放置。選中三個圖形，Ctrl G編組，命名為「投幣機」

6.3最后，調(diào)整各個圖層的順序并如圖所示放置元素，Ctrl S保存ai文件，命名為「小雞搖搖車」

到這一步， Ai部分就已經(jīng)完成了，接著我們到Ae中完成動效的制作

步驟7：Ae中為小雞和車車制作動效

7.1?打開Ae，在項目面板中右鍵→導(dǎo)入→文件，「導(dǎo)入為」選擇「合成-保持圖層大小」

7.2?導(dǎo)入完成后，將不相關(guān)的圖層鎖住

7.3?接著，我們將指示器拖動到04s的位置，按N鍵截斷，使整個動效時長變?yōu)?秒

7.4?首先，我們讓「底座」，「支柱」和「背景」圖層獨奏。

為支柱制作動效。點擊「支柱」圖層，按R鍵調(diào)出旋轉(zhuǎn)屬性，并把指示器移動到00s的位置上，點擊小秒表為它打上關(guān)鍵幀

7.5?接著我們選擇向后平移錨點工具，把支柱的旋轉(zhuǎn)中心拖動到如圖所示位置，接著將指示器移動到如圖所示位置，把支柱的旋轉(zhuǎn)角度設(shè)置為-14°，選中關(guān)鍵幀，按F9鍵添加緩動

7.6?拖動時間指示器到01s的位置上，調(diào)整旋轉(zhuǎn)角度為0°，使支柱回到原點

7.7?移動指示器如圖所示位置，調(diào)整旋轉(zhuǎn)角度為+14°，并按F9鍵為關(guān)鍵幀添加緩動

7.8?重復(fù)上面的做法，得到支柱的完整動效

7.9?接下來制作車車的動效。點擊「車車」圖層前面的小點使其獨奏，在「父集和鏈接」處，選擇「支柱」作為它的父集，使車車跟隨支柱旋轉(zhuǎn)。按R鍵調(diào)出旋轉(zhuǎn)屬性，并把指示器移動到00s的位置上，點擊小秒表為它打上關(guān)鍵幀。

7.10?將指示器移動到如圖位置，調(diào)整車車旋轉(zhuǎn)角度為+14度

7.11?使用和制作支柱動效相同的方法，以此類推，得到車車的動效

7.12?制作擋風(fēng)玻璃的動效。首先使「擋風(fēng)玻璃」和「擋風(fēng)玻璃遮罩」圖層獨奏。點擊「擋風(fēng)玻璃」圖層，Ctrl C ，Ctrl F復(fù)制一次得到「擋風(fēng)玻璃2」圖層，按如圖所示調(diào)整圖層順序。接著，點擊「擋風(fēng)玻璃遮罩」圖層，在「TrkMat」欄選擇Alpha，并如圖所示設(shè)置各圖層的父子集關(guān)系