ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁特效(2)
2.創(chuàng)建自定義圖案
按ctrl+N新建一個(gè)大小為:80*80px的文檔.
再次新建一個(gè)圖層,命名:horizontal.選擇"矩形選區(qū)工具"繪制一個(gè)大小為80*40,并填充:#b52a51.設(shè)置不透明度為:20%.
新建一個(gè)圖層命名:vertical,使用"矩形工具"在左邊繪制一個(gè)40*80的圖形,并填充:#b52a51.設(shè)置不透明度為:30%.
新建一個(gè)組,把這兩個(gè)圖層放入進(jìn)去,并命名:pattern.并設(shè)不透明度:30%.
關(guān)閉白色圖層的"睛眼",編輯>自定義圖案.
3.填充自定義圖案
新建一個(gè)圖層命名:patten;并填充白色,更改填充:0%。雙擊這個(gè)圖層,在彈出的"圖層樣式"窗口中選擇"圖案疊加"選擇我們上一步自定義的圖案,
4.頂部導(dǎo)航的制作
新建一個(gè)組"top bar".
新建一個(gè)圖層命名:top bar.選擇"矩形選區(qū)"工具,繪制一個(gè)1200*15并填充#a95858,位置如圖如示.雙擊這個(gè)圖層,給這個(gè)圖層添加一個(gè)"陰影"效果,其陰影:#473e2f.
新建一個(gè)圖層命名:1px line.選取"線條(U)"工具,繪制一個(gè)1px的線條,并填充:#8b4747.把位置放在緊靠矩形的下面.
按ctrl+J復(fù)制線條圖層,選擇"移動(dòng)(V)"工具,位移到上一個(gè)線條的上面.并更改其顏色:#ca7373.
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 木設(shè)計(jì) 譯
學(xué)習(xí) · 提示
相關(guān)教程
- 網(wǎng)頁模版,個(gè)人網(wǎng)站建設(shè)入門知識(shí)
- 網(wǎng)頁模板,設(shè)計(jì)酒吧主題網(wǎng)頁模板實(shí)例
- ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁模板教程
- 從零手把手教你設(shè)計(jì)網(wǎng)頁
- ps cs6設(shè)計(jì)時(shí)尚促銷專題頁教程
- 網(wǎng)頁設(shè)計(jì)基礎(chǔ)技巧
- ps切片工具怎么用
- 網(wǎng)頁設(shè)計(jì)的分割布局秘密
- ps cs6設(shè)計(jì)個(gè)人作品網(wǎng)頁模板教程
- ps設(shè)計(jì)網(wǎng)頁視頻游戲界面
推薦教程
- 用ps設(shè)計(jì)一個(gè)個(gè)人網(wǎng)站模板
- Photoshop打造超酷春天背景網(wǎng)頁布局
- Photoshop設(shè)計(jì)制作百度空間的模板
- Photoshop做個(gè)人主頁教程
- PS設(shè)計(jì)教程之制作WordPress新聞博客模
- photoshop制作960 Grid System的網(wǎng)頁模板
- ps cs6設(shè)計(jì)時(shí)尚促銷專題頁教程
- PS簡潔網(wǎng)頁美工教程
- 網(wǎng)頁設(shè)計(jì)時(shí)的配色方案分析實(shí)例
- Photoshop美工教程:游戲網(wǎng)站首頁布局