photoshop設(shè)計(jì)時(shí)尚網(wǎng)站模板

2022-12-26 14:07:44 來源/作者: / 己有:36人學(xué)習(xí)過

  


[table][tr][/tr] [/table]
.
  第五步
  現(xiàn)在在水彩圖層之上再新建一個(gè)圖層,然后從下至上從黑色到透明做線性遞減繪制,這樣基本上整個(gè)畫布到底部就褪化為黑色了。
  


  第六步
  下一步在兩個(gè)新圖層中,繪制一組白色到透明的光線梯度,逐步擴(kuò)大。將這些設(shè)置為覆蓋,最外圈和最小圈的透明度分別設(shè)置為40%和100%。
  基本上你應(yīng)該在圖像上做高亮設(shè)置,顯得更多的紋理。
  

  第七步
  現(xiàn)在就是最后完工的背景了。深色、抽象,顏色也相當(dāng)別致。當(dāng)然一般來說粉色可能不是你的最愛,如果這樣的話,在頂層圖層上再加一種顏色圖層做調(diào)整。我比較喜歡粉紫色,我就這么干了!
  


  第八步
  現(xiàn)在我們創(chuàng)建一個(gè)新圖層,加上一個(gè)“圖標(biāo)”。我本來沒有打算做它,因此我決定只是放一些文字做我的圖標(biāo)。因?yàn)檫@個(gè)教程一半在PSDTUTS,另一半在NETTUTS,我就寫“psd vs net”幾個(gè)簡單字而已。
  這里我用的字體是Egyptian505 BT粗體和Egytian505 LT BT Light(這個(gè)字體更淡的版本我用在‘vs‘上了)。要讓‘vs’抬起來一些,可以在字體面板的基線控制(在下面第二幅圖里展示)。
  最后還要給文字加上一點(diǎn)淡淡梯度重疊和1個(gè)像素的內(nèi)部白光。
  

  


  第九步
  現(xiàn)在這一步打開標(biāo)尺(按下CTRL+R)繪制一組引導(dǎo)線。分別在50px,320px,610px,900px分別繪制四條線將頁面劃分為三欄。至少這些是我已經(jīng)用過的數(shù)值??纯次业钠聊唤貓D,我才發(fā)現(xiàn)第三條線已經(jīng)出界了。。。哦!
  反正我已經(jīng)所有元素放入空間里去了。但是如果要做多重頁面,可能就按照其他方式用網(wǎng)格。像這樣只是設(shè)計(jì)主頁,我打算用一次這三欄——一會(huì)兒以后。
  


[table][tr][/tr] [/table]
.
  第十步
  來,現(xiàn)在我們繪制第一個(gè)黑色方框。保持標(biāo)尺和引導(dǎo)線打開狀態(tài),新建一個(gè)圖層從一邊到另一邊繪制一個(gè)方形選取框。用黑色填充,再將透明度設(shè)置為80%,右鍵點(diǎn)擊圖層選擇混合選項(xiàng)。點(diǎn)擊“比劃”,然后在外邊加1px的白色筆畫,設(shè)置為重疊模式。這樣邊界看起來更酷,黑色盒子看起來更銳利。
  


  第十一步
  現(xiàn)在復(fù)制方框所在圖層,按CTRL+T調(diào)整方框大小,保持寬度不變,高度變短(如下圖所示)。這就是我們的瀏覽框。
  將透明度設(shè)置為40%,填充設(shè)置為50%。這樣這個(gè)方框看起來更淡,給兩個(gè)方框添加了一些深度感,讓人覺得主次分明,有所側(cè)重。
  這種兩個(gè)方框的對(duì)比方式可以很好用來表現(xiàn)元素之間的視覺差異。用戶瀏覽該頁面,我們首先想讓他們看到大塊信息,然后才是瀏覽欄。將其淡化處理意在告訴用戶這部分并不是要想突出的地方,可以稍后再看。