| 【PConline 教程】你是否曾經(jīng)想過設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁,但是卻不知道怎樣入手?說實(shí)話,幾年前我也是這樣。當(dāng)我瀏覽網(wǎng)頁的時(shí)候我看到這么多好看的網(wǎng)頁,我就希望自己有技術(shù)創(chuàng)作這樣的設(shè)計(jì)作品。今天我可以這么做了,而且我將教你怎么做這樣的設(shè)計(jì)!從根本上,對(duì)于這種設(shè)計(jì)你需要一點(diǎn)Photoshop的操作技能和觀察細(xì)節(jié)的能力。通過以下的教程,我將會(huì)指出其中極細(xì)微的細(xì)節(jié)之處,而這些細(xì)節(jié)講使你的網(wǎng)頁設(shè)計(jì)漂亮起來。打開Photoshop,我們開始啦! 正文先看效果圖 第一步 — 下載960網(wǎng)格模板 我一直以來做的設(shè)計(jì)幾乎全部是基于960網(wǎng)格模板的。因此在我們開始創(chuàng)作之前,先下載這個(gè)模板。你能在960.gs上找到這些模板。下載之后解壓zip里面關(guān)于PSD的模板。你會(huì)發(fā)現(xiàn)有兩種規(guī)格:一個(gè)是12欄式的而另一個(gè)是16欄式的。他們的區(qū)別就像名字所說的,一個(gè)是按12欄分布一個(gè)按16欄。更詳細(xì)的介紹一下吧, 如果你的設(shè)計(jì)里面分3個(gè)區(qū)塊你就選擇12欄式的,那是因?yàn)?2能被3整除;同理假如你的設(shè)計(jì)分四個(gè)區(qū)塊,你可以選12欄式或者16欄式,那時(shí)因?yàn)?2和16都可以被4整除。你會(huì)發(fā)現(xiàn)這個(gè)技巧將用于下面教程。 第二步 — 構(gòu)造你想象的結(jié)構(gòu) 在我們打開PSD網(wǎng)格模板創(chuàng)作前,我們首先需要先構(gòu)造一下想象中的結(jié)構(gòu)。從上面的這張圖,你可以看出來:因?yàn)樵谝粋€(gè)排版中又有排版,所以這是一個(gè)有點(diǎn)復(fù)雜的結(jié)構(gòu)。 第三步 構(gòu)造了結(jié)構(gòu)之后我們繼續(xù)。打開16欄式的PSD模板文件。打開 “圖像 >畫布大小” 。把畫布的寬度設(shè)置為1200px 高度設(shè)置為1700px .把背景色設(shè)置為#ffffff 既白色。 第四步 用長(zhǎng)方形工具在頂部畫一個(gè)寬100%高大概80px的長(zhǎng)方形。用顏色: #dddddd 填充它。 第五步 在長(zhǎng)方形那層上面創(chuàng)建一個(gè)新層。按住CRTL鍵鼠標(biāo)點(diǎn)擊長(zhǎng)方形層。長(zhǎng)方形就被選中了,然后把目標(biāo)移至剛建的新層上。選擇半徑 600px 的軟筆刷(如圖),把其顏色設(shè)置為白色,然后就像圖片所示那樣在選框上邊緣點(diǎn)幾下。 通過這個(gè)技巧你畫出了一個(gè)微妙的照亮效果。你現(xiàn)在可以把這兩層聯(lián)合起來了。 第六步 建一個(gè)新層,再用長(zhǎng)方形工具如圖所示在上端畫一個(gè)深灰色的小長(zhǎng)方形。 | 

 
                         
                                
 
                                













 
                        
