當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁模板>教程內(nèi)容

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

來源:未知 作者:學(xué)photoshop 學(xué)習(xí):1860人次

  


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


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

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


  第八步
  現(xiàn)在我們創(chuàng)建一個新圖層,加上一個“圖標(biāo)”。我本來沒有打算做它,因此我決定只是放一些文字做我的圖標(biāo)。因為這個教程一半在PSDTUTS,另一半在NETTUTS,我就寫“psd vs net”幾個簡單字而已。
  這里我用的字體是Egyptian505 BT粗體和Egytian505 LT BT Light(這個字體更淡的版本我用在‘vs‘上了)。要讓‘vs’抬起來一些,可以在字體面板的基線控制(在下面第二幅圖里展示)。
  最后還要給文字加上一點淡淡梯度重疊和1個像素的內(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è)計主頁,我打算用一次這三欄——一會兒以后。
  


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


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

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!