ps設(shè)計平板電腦應(yīng)用程序動畫模擬(3)

第十四步：背景光暈

用橢圓工具(U)在圖層“形狀6”上繪制一個白色圓形名為“光暈”，不透明度為25%，接著濾鏡 - 模糊 - 高斯模糊 半徑50px

第十五步：新聞訂閱欄

1、用矩形工具(U)在編組”底部工具條“下方繪制一個白色的矩形，名為“訂閱欄標(biāo)題”，高度200px，按ctrl+G編組，名為“訂閱欄”，

2、在圖層“訂閱欄標(biāo)題”下方用矩形工具(U)黑色矩形 名為"陰影"，接著濾鏡 - 智能濾鏡，接著濾鏡 - 模糊 - 高斯模糊 半徑4px

3、按ctrl+T,右鍵，選擇”變形“，控制節(jié)點(diǎn)，彎曲背景，改不透明度為50

第十六步：訂閱欄標(biāo)題

1、用圓角矩形工具(U)，在”陰影“層上方，繪制半徑為5px ，白色圓角矩形，名為“訂閱欄標(biāo)題”

2、用路徑選擇工具(A)，選擇右上角兩個節(jié)點(diǎn)，向左移15px

3、添加投影

第十七步：訂閱欄背景

雙擊圖層“訂閱欄標(biāo)題”，設(shè)置漸變 (#BEBEBE – #FFFFFF)，描邊 白色 1px

第十八步：選項卡

1、復(fù)制圖層“訂閱欄標(biāo)題”，圖層顏色為#014373，描邊 1px #016CB4，并右移 55px

2、再復(fù)制一次圖層“訂閱欄標(biāo)題”，調(diào)整圖層順序，設(shè)置圖層顏色為 #011A2E，描邊 1px #0B4B79，并右移 55px

第十九步：新聞標(biāo)題

添加訂閱新聞標(biāo)題，字體顏色 #034170

第二十步：加入圖標(biāo)

在訂閱欄標(biāo)題上加入"刷新"，“定制”圖標(biāo)(從本文素材中下載)，并給圖標(biāo)添加 漸變，投影樣式

第二十一步：加入關(guān)閉圖標(biāo)

在訂閱欄的右上角選項卡加入關(guān)閉圖標(biāo),操作同上一步

第二十二步：為實(shí)現(xiàn)動畫效果，添加蒙版

1、選擇圖標(biāo)和文字層，按ctrl+G編組，名為“訂閱欄標(biāo)題”，選擇其余的圖層，按ctrl+G編組，名為“訂閱欄背景”

2、在編組“訂閱欄背景”上方，用矩形工具(U)，繪制一個矩形，名為“蒙版”，大小為訂閱欄的大小，設(shè)置圖層的混合模式為“正片疊底”

第二十三步：添加新聞圖片

在圖層“蒙版”上方，添加新聞圖片和分割線

第二十四步：添加新聞內(nèi)容

在圖片下方添加標(biāo)題和簡介，選擇把這個塊新聞的圖片和文字圖層，按ctrl+G編組，名為“文章01”

第二十五步：添加更多新聞內(nèi)容塊

第二十六步：把所有文章塊轉(zhuǎn)成一個智能對象

1、把所有的文章塊放入一個編組，名為“文章”

2、把該編組轉(zhuǎn)成智能對象

3、在圖層“文章”和圖層“蒙版”之間，按Alt鍵左鍵點(diǎn)擊，就創(chuàng)建了一個剪切蒙版，這樣所有的文章只用在蒙版區(qū)域才能看的到

第二十七步：添加更多訂閱欄

1、復(fù)制編組“訂閱欄”，名為“訂閱欄2”，在復(fù)制一次，命名為“訂閱欄3”，共5組

2、把所有訂閱欄都放入“新聞中心”編組