ps設(shè)計(jì)平板電腦應(yīng)用程序動(dòng)畫(huà)模擬(3)
第十四步:背景光暈
用橢圓工具(U)在圖層“形狀6”上繪制一個(gè)白色圓形名為“光暈”,不透明度為25%,接著濾鏡 - 模糊 - 高斯模糊 半徑50px
第十五步:新聞?dòng)嗛啓?/p>
1、用矩形工具(U)在編組”底部工具條“下方繪制一個(gè)白色的矩形,名為“訂閱欄標(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),選擇右上角兩個(gè)節(jié)點(diǎn),向左移15px
3、添加投影
第十七步:訂閱欄背景
雙擊圖層“訂閱欄標(biāo)題”,設(shè)置漸變 (#BEBEBE – #FFFFFF),描邊 白色 1px
第十八步:選項(xiàng)卡
1、復(fù)制圖層“訂閱欄標(biāo)題”,圖層顏色為#014373,描邊 1px #016CB4,并右移 55px
2、再?gòu)?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)
在訂閱欄的右上角選項(xiàng)卡加入關(guān)閉圖標(biāo),操作同上一步
第二十二步:為實(shí)現(xiàn)動(dòng)畫(huà)效果,添加蒙版
1、選擇圖標(biāo)和文字層,按ctrl+G編組,名為“訂閱欄標(biāo)題”,選擇其余的圖層,按ctrl+G編組,名為“訂閱欄背景”
2、在編組“訂閱欄背景”上方,用矩形工具(U),繪制一個(gè)矩形,名為“蒙版”,大小為訂閱欄的大小,設(shè)置圖層的混合模式為“正片疊底”
第二十三步:添加新聞圖片
在圖層“蒙版”上方,添加新聞圖片和分割線(xiàn)
第二十四步:添加新聞內(nèi)容
在圖片下方添加標(biāo)題和簡(jiǎn)介,選擇把這個(gè)塊新聞的圖片和文字圖層,按ctrl+G編組,名為“文章01”
第二十五步:添加更多新聞內(nèi)容塊
第二十六步:把所有文章塊轉(zhuǎn)成一個(gè)智能對(duì)象
1、把所有的文章塊放入一個(gè)編組,名為“文章”
2、把該編組轉(zhuǎn)成智能對(duì)象
3、在圖層“文章”和圖層“蒙版”之間,按Alt鍵左鍵點(diǎn)擊,就創(chuàng)建了一個(gè)剪切蒙版,這樣所有的文章只用在蒙版區(qū)域才能看的到
第二十七步:添加更多訂閱欄
1、復(fù)制編組“訂閱欄”,名為“訂閱欄2”,在復(fù)制一次,命名為“訂閱欄3”,共5組
2、把所有訂閱欄都放入“新聞中心”編組
學(xué)習(xí) · 提示
相關(guān)教程
- 動(dòng)圖教程,制作唯美的冬季下雪動(dòng)圖效果
- 動(dòng)圖教程,在PS中制作逼真的下雨效果照片
- 卡通動(dòng)畫(huà),用PS制作有趣的卡通動(dòng)物表情
- 果凍動(dòng)畫(huà),用PS制作Q彈的果凍動(dòng)畫(huà)
- 下雨效果,通過(guò)PS制作唯美逼真的下雨動(dòng)態(tài)效果圖
- 動(dòng)態(tài)照片,用PS制作那種“動(dòng)”起來(lái)的“Cinemagraph”類(lèi)型照片
- 動(dòng)畫(huà)教程,用PS做一個(gè)李小龍武術(shù)動(dòng)態(tài)圖
- 融合動(dòng)畫(huà),用PS制作一個(gè)融合效果的動(dòng)態(tài)圖
- 融合動(dòng)圖,做一個(gè)圖形融合效果的圖片
- 動(dòng)圖教程,用PS制作一款動(dòng)態(tài)風(fēng)景照
推薦教程
- [IR動(dòng)圖教程] PS實(shí)例教程:制作動(dòng)態(tài)GIF下雨圖片
- [IR動(dòng)圖教程] PS IR把美女做成幻燈片動(dòng)畫(huà)效果
- [IR動(dòng)圖教程] 動(dòng)態(tài)漸隱簽名圖制作
- [IR動(dòng)圖教程] 蔚藍(lán)詭計(jì)系列教程新手學(xué)動(dòng)畫(huà)之三
- photoshop置換濾鏡打造飄揚(yáng)的北京奧運(yùn)旗幟
- ps制作佛光閃耀GIF動(dòng)畫(huà)
- 融合動(dòng)圖,做圖形融合效果動(dòng)態(tài)圖
- PS制作心電圖動(dòng)態(tài)效果圖
- photoshop如何做河水流動(dòng)效果
- 照片加水波動(dòng)畫(huà)特效IR教程