PS設(shè)計(jì)iPhone蘋(píng)果應(yīng)用電子網(wǎng)站(2)
8、復(fù)制第一個(gè)形狀,使用濾鏡>添加雜色,數(shù)量3,平均分布,單色。并更改復(fù)制層的模式為疊加。
(注:英文教程這里寫(xiě)的很模糊,做的效果也不夠理想,我做了適當(dāng)?shù)母膭?dòng)。建議大家看教程時(shí)也不要死板去學(xué),教程是死的,人是活的。創(chuàng)造力掌握在我們自己手中)
9、用直線工具創(chuàng)建兩條傾斜的細(xì)線。小技巧:可以先畫(huà)一條傾斜線,復(fù)制垂直翻轉(zhuǎn)得到下面的線。
(注:英文教程這步的描述同樣模棱兩可,我做了新的補(bǔ)充:線使用漸變色添加,設(shè)置如下圖)
10、復(fù)制兩條斜線,格式化。使用濾鏡>模糊>高斯模糊。
(注:老外在這步又玩起了神秘手法,沒(méi)介紹如何實(shí)現(xiàn)效果。不過(guò)這樣挺好,激發(fā)我們的學(xué)習(xí)創(chuàng)造力,反復(fù)試驗(yàn)后,我找到了一些方法:?jiǎn)我粡?fù)制層的高斯模糊不能達(dá)到這種朦朧光暈的效果,所以我連續(xù)復(fù)制了一些圖層,使用的高斯模糊的值分別是2、5、5、7、7)
11、在左邊,新建一個(gè)縮進(jìn)按鈕。使用圓角矩形,然后加入一些圖層樣式。
12、圖層樣式參數(shù)如下。
13、到目前為止的樣式。
(注:箭頭的圖層樣式設(shè)置英文教程未給。比較簡(jiǎn)單,就是調(diào)整了一些數(shù)值,詳細(xì)請(qǐng)看我做的源文件)
14、用鋼筆工具,創(chuàng)建一個(gè)簡(jiǎn)單的白色的形狀。
15、使用模糊濾鏡,并把白色形狀置于下方。
16、復(fù)制左側(cè)區(qū)域的所有圖層,移動(dòng)到右側(cè)。
(注:除了簡(jiǎn)單的水平翻轉(zhuǎn)能變動(dòng)大部分效果,還有一些圖層樣式要單獨(dú)設(shè)置,把漸變樣式“反向"勾選上.)
17、在中間新建個(gè)矩形,填充顏色 #2a2a2a。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 網(wǎng)頁(yè)設(shè)計(jì)
- 制作教程
- iphone
- wangyufeng_88
- 蘋(píng)果
學(xué)習(xí) · 提示
相關(guān)教程
- 網(wǎng)頁(yè)模版,個(gè)人網(wǎng)站建設(shè)入門知識(shí)
- 網(wǎng)頁(yè)模板,設(shè)計(jì)酒吧主題網(wǎng)頁(yè)模板實(shí)例
- 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)技巧
- 網(wǎng)頁(yè)設(shè)計(jì)的分割布局秘密
- PS創(chuàng)建一款簡(jiǎn)潔大方的歐美商務(wù)網(wǎng)站首頁(yè)
- PS電子商務(wù)在線購(gòu)物網(wǎng)站美工教程
- 如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁(yè)布局
- ps設(shè)計(jì)心形網(wǎng)頁(yè)模板教程
- ps設(shè)計(jì)時(shí)尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站模
- 網(wǎng)頁(yè)設(shè)計(jì)時(shí)的配色方案分析實(shí)例
推薦教程
- Photoshop制作禮品店網(wǎng)站模板
- PS教程:繪制清新的色彩生動(dòng)的網(wǎng)頁(yè)布局
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁(yè)模板
- Photoshop繪制好看的老式wordpress主題
- PS教程:制作非常不錯(cuò)的wordpress博客網(wǎng)站模板
- PhotoShop設(shè)計(jì)制作懷舊風(fēng)格網(wǎng)頁(yè)的詳細(xì)教程
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁(yè)特效
- Photoshop CS5制作放射狀光線網(wǎng)頁(yè)廣告板
- Photoshop網(wǎng)頁(yè)設(shè)計(jì):雜志風(fēng)格網(wǎng)站界面
- photoshop網(wǎng)頁(yè)應(yīng)用實(shí)例:制作蘋(píng)果導(dǎo)航欄