ps設(shè)計(jì)平板電腦應(yīng)用程序動(dòng)畫模擬(4)

第二十八步：底部工具按鈕

1、在編組“底部工具條”(第十一步創(chuàng)建的)中，添加幾個(gè)圖標(biāo)，首頁、刷新、設(shè)置、訂閱，在每個(gè)圖標(biāo)下方添加文字 顏色為 #818181

2、設(shè)置圖標(biāo)樣式

第二十九步：按鈕選中狀態(tài)

1、用矩形工具(U)繪制一個(gè)矩形，白色，填充為 14%

2、修改首頁圖標(biāo)的樣式，和字體顏色

第三十步：添加訂閱按鈕

1、在編組“新聞中心”內(nèi)，用圓角矩形工具(U)，繪制一個(gè)圓角矩形 半徑 5px，并應(yīng)用“刷新”圖標(biāo)的圖層樣式，最后加上文字

第三十一步：新聞詳情

1、在編組“新聞中心”上新建一個(gè)編組名為“新聞詳情頁”，用矩形工具(U)繪制一個(gè)黑色矩形，不透明度 75%

2、添加新聞頁的圖片和文字

第三十二步：關(guān)閉按鈕

1、把所有新聞圖片和內(nèi)容 編組 名為“新聞”，把黑色背景命名為“新聞頁背景”

2、用橢圓工具(U)，在新聞頁的左上角繪制一個(gè)圓，背景色 #B9B9B9，描邊 2px 白色，在圓上輸入字符“X”，

第三十三步：新聞區(qū)域蒙版

1、把編組“新聞”轉(zhuǎn)換為智能對(duì)象

2、用矩形工具(U)，在智能對(duì)象下方，繪制一個(gè)黑色矩形，作為蒙版,命名為“蒙版”

3、在智能對(duì)象和蒙版兩個(gè)圖層之間，按住Alt鍵 同時(shí)鼠標(biāo)左鍵點(diǎn)擊，新聞詳情頁的可視區(qū)域就是蒙版的大小了，

到這里ipad應(yīng)用程序的靜態(tài)部分已經(jīng)完成了，接下來我們添加動(dòng)畫效果!第三十四步：打開動(dòng)畫面板

首先介紹一下制作動(dòng)畫效果的簡單步驟：A、在動(dòng)畫面板選擇對(duì)象層 B、拖動(dòng)時(shí)間軸上的手柄到到相應(yīng)的時(shí)間點(diǎn) C、添加關(guān)鍵幀 D、移動(dòng)對(duì)象到你想要的位置。

技巧:如果要修改位置，首先要選擇關(guān)鍵幀

“菜單 》 窗口 》 動(dòng)畫 ，打開動(dòng)畫面板

第三十五步：隱藏“新聞詳情頁”

在動(dòng)畫面板上，選擇“新聞詳情頁”，并展開，點(diǎn)擊“不透明度”前的秒表圖標(biāo)，這樣就創(chuàng)建了一個(gè)關(guān)鍵幀，此時(shí)就可以設(shè)置圖層不透明屬性為0

第三十六步：滑動(dòng)訂閱欄

1、在動(dòng)畫面板上 展開編組“訂閱欄”中的圖層“文章”，把時(shí)間軸上的手柄拖到1秒，點(diǎn)擊“文章”位置屬性前的秒表，創(chuàng)建一個(gè)關(guān)鍵幀

2、把時(shí)間軸手柄拖到 3秒，在創(chuàng)建一個(gè)關(guān)鍵幀，同時(shí)向左移動(dòng)訂閱欄

3、在4秒處創(chuàng)建一個(gè)關(guān)鍵幀，不做任何操作

4、在6秒處創(chuàng)建一個(gè)關(guān)鍵幀，向右移動(dòng)訂閱欄到初始位置

拖動(dòng)時(shí)間軸上左右兩邊手柄，可以設(shè)定動(dòng)畫運(yùn)行的時(shí)間

第三十七步：把“新聞中心”轉(zhuǎn)換成智能對(duì)象

1、把編組“新聞中心”轉(zhuǎn)成智能對(duì)象

2、復(fù)制圖層“漸變填充1”，命名為“屏幕蒙版”，并把它拖動(dòng)到智能對(duì)象”新聞中心“上方，接著在蒙版上填充1024x617px黑色區(qū)域，作為新聞中心的滑動(dòng)區(qū)域