官术网_书友最值得收藏!

3.3 對齊面板與變形面板的使用

可以應用對齊面板來設置多個對象之間的對齊方式,還可以應用變形面板來改變對象的大小及傾斜度。

命令介紹

對齊面板:可以將多個圖形按照一定的規律進行排列。能夠快速地調整圖形之間的相對位置、平分間距、對齊方向。

變形面板:可以將圖形、組、文本及實例進行變形。

3.3.1 課堂案例——制作商場促銷吊簽

【案例學習目標】使用不同的浮動面板編輯圖形。

【案例知識要點】使用“文本”工具,添加文字效果;使用“分離”命令,將文字轉為形狀;使用“組合”命令,將圖形組合;使用“對齊”面板,對齊圖形;使用“變形”面板,改變圖形的角度,最終效果如圖3-100所示。

【效果所在位置】Ch03/效果/制作商場促銷吊簽.fla。

圖3-100

掃描觀看本案例視頻

(1)選擇“文件>新建”命令,彈出“新建文檔”對話框,在“常規”選項卡中選擇“Action Script 3.0”選項,將“寬”選項設置為600,“高”選項設置為600,“背景顏色”設置為深藍色(#2F5994),單擊“確定”按鈕,完成文檔的創建。

(2)選擇“文件>導入>導入到舞臺”命令,在彈出的“導入”對話框中選擇“Ch03 >素材>制作商場促銷吊簽> 01”文件,單擊“打開”按鈕,圖片被導入舞臺窗口中,拖曳圖形到適當的位置,效果如圖3-101所示。將“圖層1”重命名為“底圖”。

(3)在“時間軸”面板中創建新圖層并將其命名為“標題文字”,如圖3-102所示。選擇“文本”工具,在文本工具“屬性”面板中進行設置,在舞臺窗口中適當的位置輸入大小為 20、字體為“Helvetica Neue Extra Black Cond”的橘黃色(#EC6620)英文,文字效果如圖3-103所示。

圖3-101

圖3-102

圖3-103

(4)在“時間軸”面板中創建新圖層并將其命名為“價位”。在文本工具“屬性”面板中進行設置,在舞臺窗口中適當的位置輸入大小為20、字體為“Helvetica Neue Extra Black Cond”的深藍色(#3E74BA)符號,文字效果如圖3-104所示。然后在舞臺窗口中輸入大小為95、字體為“Helvetica Neue Extra Black Cond”的深藍色(#3E74BA)數字,文字效果如圖3-105所示。接著在舞臺窗口中適當的位置輸入大小為49、字體為“Helvetica Neue Extra Black Cond”的深藍色(#3E74BA)數字,文字效果如圖3-106所示。

圖3-104

圖3-105

圖3-106

(5)在文本工具“屬性”面板中進行設置,在舞臺窗口中適當的位置輸入大小為36、字體為“Helvetica Neue Extra Black Cond”的橘黃色(#EC6620)英文,文字效果如圖3-107所示。

(6)選擇“選擇”工具,在舞臺窗口中選中輸入的符號,如圖3-108所示,按Ctrl+B組合鍵將其打散,如圖3-109所示。按Ctrl+G組合鍵將其組合,如圖3-110所示。

圖3-107

圖3-108

圖3-109

圖3-110

(7)選中數字“79”,如圖3-111所示,按多次Ctrl+B組合鍵將其打散,如圖3-112所示。按Ctrl+G組合鍵將其組合,如圖3-113所示。

圖3-111

圖3-112

圖3-113

(8)選中數字“80”,如圖3-114所示,按多次Ctrl+B組合鍵將其打散,如圖3-115所示。按Ctrl+G組合鍵將其組合,如圖3-116所示。

圖3-114

圖3-115

圖3-116

(9)在舞臺窗口中選中符號組合,按住Shift鍵的同時單擊“79”組合和“80”組合,將其同時選中,如圖3-117所示。按Ctrl+K組合鍵,彈出“對齊”面板,單擊“頂對齊”按鈕,將選中的對象頂部對齊,效果如圖3-118所示。

(10)在“時間軸”面板中創建新圖層并將其命名為“裝飾圖形”。選中“多角星形”工具,在多角星形工具“屬性”面板中,將“筆觸顏色”設置為無,“填充顏色”設置為橘黃色(#EC6620),單擊“工具設置”選項組中的“選項”按鈕,在彈出的“工具設置”對話框中進行設置,如圖 3-119 所示。單擊“確定”按鈕,在舞臺窗口中適當的位置繪制一個五角星,效果如圖3-120所示。

圖3-117

圖3-118

圖3-119

圖3-120

(11)選擇“線條”工具,在線條工具“屬性”面板中,將“筆觸顏色”設置為橘黃色(#EC6620),“填充顏色”設置為無,“筆觸”選項設置為 3,其他選項的設置如圖 3-121 所示,在舞臺窗口中繪制兩條水平線,效果如圖3-122所示。

(12)在線條工具“屬性”面板中,將“筆觸顏色”設置為灰色(#CCCCCC),“筆觸”選項設置為0.5,其他選項的設置如圖3-123所示,在舞臺窗口中繪制一條水平線,效果如圖3-124所示。

圖3-121

圖3-122

圖3-123

圖3-124

(13)按Ctrl+A組合鍵,將舞臺窗口中的所有對象全部選中,如圖3-125所示。按Ctrl+T組合鍵,彈出“變形”面板,將“旋轉”選項設置為15,如圖3-126所示,按Enter鍵,對象順時針旋轉15°,效果如圖3-127所示。商場促銷吊簽制作完成,按Ctrl+Enter組合鍵即可查看效果。

圖3-125

圖3-126

圖3-127

3.3.2 對齊面板

選擇“窗口>對齊”命令,彈出“對齊”面板,如圖3-128所示。

圖3-128

1.“對齊”選項組

“左對齊”按鈕:設置選取對象左端對齊。

“水平中齊”按鈕:設置選取對象沿垂直線中對齊。

“右對齊”按鈕:設置選取對象右端對齊。

“頂對齊”按鈕:設置選取對象上端對齊。

“垂直中齊”按鈕:設置選取對象沿水平線中對齊。

“底對齊”按鈕:設置選取對象下端對齊。

2.“分布”選項組

“頂部分布”按鈕:設置選取對象在橫向的上端間距相等。

“垂直居中分布”按鈕:設置選取對象在橫向的中心間距相等。

“底部分布”按鈕:設置選取對象在橫向的下端間距相等。

“左側分布”按鈕:設置選取對象在縱向的左端間距相等。

“水平居中分布”按鈕:設置選取對象在縱向的中心間距相等。

“右側分布”按鈕:設置選取對象在縱向的右端間距相等。

3.“匹配大小”選項組

“匹配寬度”按鈕:設置選取對象在水平方向上等尺寸變形(以所選對象中寬度最大的為基準)。

“匹配高度”按鈕:設置選取對象在垂直方向上等尺寸變形(以所選對象中高度最大的為基準)。

“匹配寬和高”按鈕:設置選取對象在水平方向和垂直方向同時進行等尺寸變形(同時以所選對象中寬度和高度最大的為基準)。

4.“間隔”選項組

“垂直平均間隔”按鈕:設置選取對象在縱向上間距相等。

“水平平均間隔”按鈕:設置選取對象在橫向上間距相等。

5.“與舞臺對齊”選項

“與舞臺對齊”復選框:勾選此選項后,上述設置的操作都是以整個舞臺的寬度或高度為基準的。

選中要對齊的圖形,如圖3-129所示。單擊“頂對齊”按鈕,圖形上端對齊,如圖3-130所示。

圖3-129

圖3-130

選中要分布的圖形,如圖3-131所示。單擊“水平居中分布”按鈕,圖形在縱向上中心間距相等,如圖3-132所示。

圖3-131

圖3-132

選中要匹配大小的圖形,如圖3-133所示。單擊“匹配高度”按鈕,圖形在垂直方向上等尺寸變形,如圖3-134所示。

圖3-133

圖3-134

勾選“與舞臺對齊”復選框后,應用同一個命令所產生的效果不同。選中圖形,如圖3-135所示。單擊“左側分布”按鈕,效果如圖3-136所示。勾選“與舞臺對齊”復選框,單擊“左側分布”按鈕,效果如圖3-137所示。

圖3-135

圖3-136

圖3-137

3.3.3 變形面板

選擇“窗口>變形”命令,彈出“變形”面板,如圖3-138所示。

圖3-138

“縮放寬度”和“縮放高度”選項:用于設置圖形的寬度和高度。

“約束”按鈕:用于約束“寬度”和“高度”選項,使圖形能夠成比例地變形。

“旋轉”選項:用于設置圖形的角度。

“傾斜”選項:用于設置圖形水平傾斜或垂直傾斜。

“重置選區和變形”按鈕:用于復制圖形并將變形設置應用于圖形。

“取消變形”按鈕:用于將圖形屬性恢復到初始狀態。

“變形”面板中的設置不同,所產生的效果也各不相同。導入一幅圖片,如圖3-139所示。

選中圖形,在“變形”面板中將“縮放寬度”選項設置為50,按Enter鍵,確定操作,如圖3-140所示,圖形的寬度被改變,效果如圖3-141所示。

選中圖形,在“變形”面板中單擊“約束”按鈕,將“縮放寬度”選項設置為50,“縮放高度”選項也隨之變為50,按Enter鍵,確定操作,如圖3-142所示,圖形的寬度和高度成比例地縮小,效果如圖3-143所示。

圖3-139

圖3-140

圖3-141

圖3-142

圖3-143

選中圖形,在“變形”面板中將“旋轉”選項設置為30,如圖3-144所示,按Enter鍵,確定操作,圖形被旋轉,效果如圖3-145所示。

選中圖形,在“變形”面板中單擊“傾斜”單選項,將“水平傾斜”選項設置為40,如圖3-146所示,按Enter鍵,確定操作,圖形水平傾斜變形,效果如圖3-147所示。

圖3-144

圖3-145

圖3-146

圖3-147

選中圖形,在“變形”面板中單擊“傾斜”單選項,將“垂直傾斜”選項設置為-20,如圖3-148所示,按Enter鍵,確定操作,圖形垂直傾斜變形,效果如圖3-149所示。

選中圖形,在“變形”面板中將“旋轉”選項設置為60,單擊“重制選區和變形”按鈕,如圖3-150所示,圖形被復制并沿其中心點旋轉了60°,效果如圖3-151所示。

圖3-148

圖3-149

圖3-150

圖3-151

再次單擊“重制選區和變形”按鈕,圖形再次被復制并旋轉了60°,如圖3-152所示。此時,面板中顯示旋轉角度為180°,表示復制出的圖形當前角度為180°,如圖3-153所示。

圖3-152

圖3-153

主站蜘蛛池模板: 札达县| 丹巴县| 太仓市| 凭祥市| 陆丰市| 江川县| 沂水县| 东平县| 滕州市| 阿荣旗| 太保市| 武汉市| 大宁县| 清丰县| 嘉禾县| 颍上县| 正镶白旗| 惠东县| 开阳县| 巴彦县| 治县。| 嘉峪关市| 阜新市| 汝城县| 乐山市| 托克逊县| 牙克石市| 太和县| 诏安县| 玉林市| 清涧县| 方正县| 东宁县| 来宾市| 田林县| 大埔县| 平远县| 项城市| 彭州市| 象州县| 南昌市|