ps設(shè)計(jì)平板電腦應(yīng)用程序動(dòng)畫模擬(2)
第五步:應(yīng)用程序的頭部樣式
用矩形工具(U)畫出一個(gè)矩形,高度80px,按ctrl+G,設(shè)置編組名為“頭部”,并設(shè)置矩形圖層樣式,
第六步:頭部細(xì)節(jié)
1、用橢圓形工具(顏色#1C79B4),在頭部上繪制一個(gè)橢圓,接著應(yīng)用高斯模糊,半徑為15px,按住ctrl 鼠標(biāo)點(diǎn)擊圖層“形狀1”,再ctrl+shift+I,反選選區(qū),按“Del”鍵,刪除超出的部分
2、增加圓形藍(lán)色半透明氣泡,用圓形工具,在頭部上添加多個(gè)大小不一的半透明圓形,按ctrl+G把氣泡層放入一個(gè)編組,命名為“氣泡”
3、在”氣泡“編組上加蒙版,使頭部外的氣泡不顯示,用矩形選區(qū)工具(M)繪制一個(gè)矩形,按shift+ctrl+I,反選選區(qū),接著填充黑色
第七步:添加程序名
1、這里我們采用原文中的英文字體,并給字體層添加,投影,漸變樣式
2、按ctrl+G把圖層編組,命名為”logo“,這時(shí)它應(yīng)該在”頭部“編組中。
第八步:制作分割線
1、用橢圓形工具(U)繪制一個(gè)黑色細(xì)狀的橢圓,應(yīng)用高斯模糊 半徑為5px,
2、用矩形選區(qū)工具(M)選取半邊的橢圓,按Del鍵,刪除
3、用矩形工具(U),在半橢圓的左邊畫一個(gè)1像素的線條,顏色(#2982BE),接著添加蒙版,用漸變工具(G)在蒙版上拉一個(gè)漸變 (黑-白-黑)
第九步:添加搜索框
1、在”頭部“編組中新建一個(gè)編組,命名為”搜索“
2、用圓角矩形工具(U),繪制一個(gè)白色圓角矩形(圓角半徑為50px),添加內(nèi)陰影,漸變描邊
3、添加灰色放大鏡(顏色#ABABAB),文字,字體選”Helvetica“,顏色 #ABABAB,字體大小16px
第十步:添加搜索按鈕
1、用圓角矩形工具(U),繪制搜索按鈕(圓角半徑為5px)
2、添加文字
3、設(shè)置按鈕的圖層樣式,漸變疊加,斜面和浮雕,描邊
第十一步:ipad應(yīng)用程序工具欄
1、用矩形工具(U),在ipad屏幕的底部繪制一個(gè)黑色長(zhǎng)方形,命名為“工具條背景”,高度 50px,然后添加漸變樣式
2、按ctrl+G編組,命名為“底部工具條”
第十二步:ipad 頂部狀態(tài)欄
1、把編組“頭部”,向下移動(dòng)24px
2、在ipad的頂部狀態(tài)欄 默認(rèn)有 信號(hào),時(shí)間,電池3個(gè)圖標(biāo),打開純色圖標(biāo)ipad_used.psd(本文素材中下載),把編組“頂部狀態(tài)欄”,拖到ipad應(yīng)用程序.psd中并且在圖層“ipad”的上方
第十三步:纖維背景
1、新建一個(gè)編組,名為“App背景”,在編組“底部工具條”下方
2、在編組“App背景”中,用矩形工具(U)繪制一個(gè)矩形名為“形狀6”,灰色背景((#797979),大小是ipad的屏幕大小,
3、在圖層“形狀6”上方新建一圖層名為“纖維”,按“D”鍵使前景色為白色背景色為黑色,應(yīng)用濾鏡 - 渲染 - 云彩,接著濾鏡 - 渲染 - 纖維,接著濾鏡 - 模糊 - 動(dòng)感模糊,把不透明度改為“25%”
4、按住Alt鍵 在圖層“形狀6”和圖層“纖維”之間,點(diǎn)擊一下
學(xué)習(xí) · 提示
相關(guān)教程
- 動(dòng)圖教程,制作唯美的冬季下雪動(dòng)圖效果
- 動(dòng)圖教程,在PS中制作逼真的下雨效果照片
- 卡通動(dòng)畫,用PS制作有趣的卡通動(dòng)物表情
- 果凍動(dòng)畫,用PS制作Q彈的果凍動(dòng)畫
- 下雨效果,通過(guò)PS制作唯美逼真的下雨動(dòng)態(tài)效果圖
- 動(dòng)態(tài)照片,用PS制作那種“動(dòng)”起來(lái)的“Cinemagraph”類型照片
- 動(dòng)畫教程,用PS做一個(gè)李小龍武術(shù)動(dòng)態(tài)圖
- 融合動(dòng)畫,用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)畫效果
- [IR動(dòng)圖教程] 動(dòng)態(tài)漸隱簽名圖制作
- [IR動(dòng)圖教程] 蔚藍(lán)詭計(jì)系列教程新手學(xué)動(dòng)畫之三
- photoshop置換濾鏡打造飄揚(yáng)的北京奧運(yùn)旗幟
- ps制作佛光閃耀GIF動(dòng)畫
- 融合動(dòng)圖,做圖形融合效果動(dòng)態(tài)圖
- PS制作心電圖動(dòng)態(tài)效果圖
- photoshop如何做河水流動(dòng)效果
- 照片加水波動(dòng)畫特效IR教程