如何用photoshop設計網(wǎng)頁界面教程
來源:未知
作者:空來風
學習:1194人次
作者佚名 出處:UCD博客
先看下效果吧!

以下是詳細的photoshop教程步驟:
1、新建文件大小為1000x750px,雙擊圖層“圖層樣式”顏色疊加:#深棕色

2、標尺橫向拉兩條輔助線,分別為30px,250px;垂直拉兩天輔助線,分別為100px,900px位置。

3、選擇矩形工具,沿著橫向輔助線畫矩形填充白色。

4,選擇前景色為黑色。選擇橢圓工具,創(chuàng)造的形狀。使它成為一個高于白色矩形如圖所示。下移一層,將其轉(zhuǎn)換為智能過濾器,采用高斯模糊,并改變不透明度為60 %。

5、雙擊白色矩形,彈出圖層樣式對話框,鏡像漸變

,
6、選擇矩形工具,創(chuàng)建兩條1px線,分別填充黑色、紅色。

7、選擇文本工具(T),文字為白色

8、選擇矩形創(chuàng)建兩條1px直線,如圖。

9、加蒙板,選擇漸變從黑到白,參照圖。

10、打開“花紋”,在本教程上方’所需素材:花紋’下載圖片。
復制第3步圖層“矩形”,復制第6步“黑色、紅色線”
然后選擇矩形副本層“編 輯”自定義圖案。新建層“圖層樣式”
取消漸變;選擇圖案疊加,模式為疊加。給圖層加蒙板徑向漸變從黑道白。

11、輸入文字:做一下設置。放上自己喜歡的圖標。

完成!
先看下效果吧!

以下是詳細的photoshop教程步驟:
1、新建文件大小為1000x750px,雙擊圖層“圖層樣式”顏色疊加:#深棕色

2、標尺橫向拉兩條輔助線,分別為30px,250px;垂直拉兩天輔助線,分別為100px,900px位置。

3、選擇矩形工具,沿著橫向輔助線畫矩形填充白色。

4,選擇前景色為黑色。選擇橢圓工具,創(chuàng)造的形狀。使它成為一個高于白色矩形如圖所示。下移一層,將其轉(zhuǎn)換為智能過濾器,采用高斯模糊,并改變不透明度為60 %。

5、雙擊白色矩形,彈出圖層樣式對話框,鏡像漸變

,
6、選擇矩形工具,創(chuàng)建兩條1px線,分別填充黑色、紅色。

7、選擇文本工具(T),文字為白色

8、選擇矩形創(chuàng)建兩條1px直線,如圖。

9、加蒙板,選擇漸變從黑到白,參照圖。

10、打開“花紋”,在本教程上方’所需素材:花紋’下載圖片。
復制第3步圖層“矩形”,復制第6步“黑色、紅色線”
然后選擇矩形副本層“編 輯”自定義圖案。新建層“圖層樣式”
取消漸變;選擇圖案疊加,模式為疊加。給圖層加蒙板徑向漸變從黑道白。

11、輸入文字:做一下設置。放上自己喜歡的圖標。

完成!
學習 · 提示
相關教程
推薦教程
- PS教程:繪制清新的色彩生動的網(wǎng)頁布局
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- PS教程:制作非常不錯的wordpress博客網(wǎng)站模板
- PhotoShop設計制作懷舊風格網(wǎng)頁的詳細教程
- photoshop網(wǎng)頁應用實例:制作蘋果導航欄
- ps設計制作居家風格美食Blog網(wǎng)頁特效
- Photoshop制作禮品店網(wǎng)站模板
- Photoshop繪制好看的老式wordpress主題
- Photoshop網(wǎng)頁設計:雜志風格網(wǎng)站界面
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
關注大神微博加入>>
網(wǎng)友求助,請回答!