PS設(shè)計(jì)iPhone蘋果應(yīng)用電子網(wǎng)站(3)
18、用鋼筆工具勾勒出下圖這樣的形狀。
19、添加如下的圖層樣式。
20、用圓角矩形工具,創(chuàng)建如下圖的形狀。
21、右鍵單擊你的圖層面板,格式化該層,刪除底部的圓角部分。
22、使用濾鏡>雜色>添加雜色,平均分布,數(shù)值2,單色。
(注:這步同樣比英文教程做了擴(kuò)展操作,篇幅有限,詳細(xì)請(qǐng)見附帶源文件內(nèi)的設(shè)置)
23、可以添加一個(gè)簡(jiǎn)單的1像素水平線。使用顏色:#8d8d8d。
24、使用鋼筆工具,在幻燈片底部繪制另一個(gè)形狀,如下圖。
25、在頂部加入Logo。
27、在Logo右側(cè)加入導(dǎo)航文字。
28、在每個(gè)文本菜單下添加一些簡(jiǎn)單的線條。
29、然后用橢圓工具在對(duì)應(yīng)每個(gè)標(biāo)題位置,繪制一些小圈。
30、兼顧到導(dǎo)航區(qū)域的統(tǒng)一性,在logo下方同樣加些類似的設(shè)計(jì)內(nèi)容。
31、現(xiàn)在開始填入一些iPhone Icons。
32、為每個(gè)圖標(biāo)放一個(gè)簡(jiǎn)單的影子。制作這個(gè)陰影效果是非常簡(jiǎn)單的。選擇圓角矩形工具,填入黑色,然后應(yīng)用一個(gè)模糊濾鏡。
33、使用一次圓角矩形工具來創(chuàng)建一個(gè)簡(jiǎn)單的黑影。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 網(wǎng)頁設(shè)計(jì)
- 制作教程
- iphone
- wangyufeng_88
- 蘋果
學(xué)習(xí) · 提示
相關(guān)教程
- 網(wǎng)頁模版,個(gè)人網(wǎng)站建設(shè)入門知識(shí)
- 網(wǎng)頁模板,設(shè)計(jì)酒吧主題網(wǎng)頁模板實(shí)例
- 網(wǎng)頁設(shè)計(jì)基礎(chǔ)技巧
- 網(wǎng)頁設(shè)計(jì)的分割布局秘密
- PS創(chuàng)建一款簡(jiǎn)潔大方的歐美商務(wù)網(wǎng)站首頁
- PS電子商務(wù)在線購(gòu)物網(wǎng)站美工教程
- 如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局
- ps設(shè)計(jì)心形網(wǎng)頁模板教程
- ps設(shè)計(jì)時(shí)尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站模
- 網(wǎng)頁設(shè)計(jì)時(shí)的配色方案分析實(shí)例
推薦教程
- Photoshop制作禮品店網(wǎng)站模板
- PS教程:繪制清新的色彩生動(dòng)的網(wǎng)頁布局
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- Photoshop繪制好看的老式wordpress主題
- PS教程:制作非常不錯(cuò)的wordpress博客網(wǎng)站模板
- PhotoShop設(shè)計(jì)制作懷舊風(fēng)格網(wǎng)頁的詳細(xì)教程
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁特效
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- Photoshop網(wǎng)頁設(shè)計(jì):雜志風(fēng)格網(wǎng)站界面
- photoshop網(wǎng)頁應(yīng)用實(shí)例:制作蘋果導(dǎo)航欄