要想充分利用好Photo Shop來(lái)設計網(wǎng)頁(yè),就要了解一些網(wǎng)頁(yè)的基本知識,例如網(wǎng)頁(yè)構圖。通常網(wǎng)頁(yè)包括以下幾部分: Logo、導航、正文等等,因此,要規劃好整個(gè)頁(yè)面的構圖,就需要網(wǎng)頁(yè)設計者把握好Logo放在哪個(gè)區域,導航放在哪個(gè)區域,正文在什么位置更能吸引讀者等,我們在瀏覽網(wǎng)頁(yè)第一眼的時(shí)候,就能判斷出這個(gè)網(wǎng)頁(yè)是否布局合理,因為在構圖不合理的情況下,人們會(huì )感到不舒服,觀(guān)看起來(lái)別扭,這就是頁(yè)面布局不合理導致的結果。
網(wǎng)頁(yè)布局通常有以下幾種類(lèi)型:第一,方向式布局。電子科技、旅游自駕、商務(wù)通、汽車(chē)汽修等通常都用方向式布局,方向式布局又分為水平型、垂直型、斜向型三種框架。水平型框架是指將頁(yè)面分為左右結構,左邊是企業(yè)的Logo,導航等,右邊是關(guān)于企業(yè)的正文。它的優(yōu)勢在于人們?yōu)g覽頁(yè)面時(shí)具有很強的整體感,布局簡(jiǎn)單大方,結構清晰,便于讀者觀(guān)看,節約時(shí)間。垂直型框架與水平型框架優(yōu)勢基本相同,唯一不同的就是它是上下結構。斜向型框架就比較個(gè)性些,有很多種情況,舉一例說(shuō)明,有的網(wǎng)頁(yè)最上面是標題以及重要標志,而在網(wǎng)頁(yè)的左右兩側確是關(guān)于網(wǎng)頁(yè)內容的鏈接或者圖片,中間是正文,在網(wǎng)頁(yè)的最下面則是一些聯(lián)系方式等輔助信息,這樣的結構優(yōu)勢在于讀者在瀏覽網(wǎng)頁(yè)時(shí),可操作性強,主次分明。第二,曲線(xiàn)式布局。曲線(xiàn)比較柔和,適合抒情,能夠表達出一種浪漫的情懷, 因此,它的優(yōu)勢是具有一種藝術(shù)感,適用于交友網(wǎng)站、教育教育等方面。第三,其他結構式布局。這樣的布局相對沒(méi)有規則, 優(yōu)勢在于趨向表現自己的特性,適用于建筑設計、美術(shù)設計等方面。
在了解網(wǎng)頁(yè)構圖后,就能合理布局,這時(shí)候就需要進(jìn)一步細致的處理圖片,將圖片布置到網(wǎng)頁(yè)中去。網(wǎng)頁(yè)設計里面很多時(shí)候都會(huì )用到圖片的某一部分,需要網(wǎng)頁(yè)設計者掌握如何截取圖片^[5]。截圖的方法有很多種,如果使用Photo Shop,那將會(huì )更加簡(jiǎn)便。首先,打開(kāi)Photo Shop,然后找出原圖片,在工具欄中選中所需要的工具,截取圖片。倘若需要更加準確的截取,就在工具選項欄中找到“樣式”,在“樣式”里就可以設定需要的尺寸,例如“固定大小”,設定固定的寬度和高度,單擊圖像即可確定選區,用鼠標拖住選區移動(dòng)到要截取的地方,即可獲得截取的圖片。單擊“菜單-編輯-拷貝”,就可以復制圖片,單擊“菜單-文件-新建”,就可以新建畫(huà)布,將剛剛復制的圖片粘貼到新建的畫(huà)布上,單擊“菜單-編輯-粘貼”即可,最后保存圖片。利用Photo Shop截圖就算是完成了。
運用Photo Shop處理圖像,使其背景透明在網(wǎng)頁(yè)設計中應用特別廣泛,舉一例說(shuō)明,有些時(shí)候需要將一張圖片中的人物摳出來(lái)放到另一個(gè)背景中,這就需要將人物圖片的背景透明, 只有這樣,才能將這張人物圖片中的人物與另一個(gè)背景融合, 成為一體。網(wǎng)頁(yè)設計者可以這樣應用Photo Shop:首先打開(kāi)Photo Shop,找出原圖片,利用選取工具選中需要的圖像,保留下來(lái),倘若原圖片是單一的背景顏色,那就能用魔棒工具選中背景顏色,單擊“菜單-選擇-反向”,利用反向選中需要保留的圖片,然后同上述Photo Shop處理圖像中復制的操作一樣開(kāi)始復制圖片,新建畫(huà)布,在畫(huà)布的“背景內容”項中選擇“透明”,其次粘貼圖片,這樣就將所需要的內容從原圖片中摳出來(lái)了,調整尺寸,最后保存圖片。
網(wǎng)頁(yè)設計者在給網(wǎng)頁(yè)做背景圖片或者做banner圖像時(shí)會(huì )發(fā)現,很多情況下都需要將兩張或者兩張以上的圖像進(jìn)行合成,成為一張圖片,這時(shí)候,如果應用Photo Shop,會(huì )使合成圖片更容易一些。舉一例說(shuō)明,將兩張高度相同的圖片進(jìn)行合成, 其操作如下:首先在Photo Shop中打開(kāi)第一張圖片,找到第二張圖片,用鼠標將其拖進(jìn)來(lái),調整放置的位置,倘若兩張圖片有不協(xié)調的地方,可以利用工具欄中的工具一一進(jìn)行調整,使其統一,然后在第二張圖片所在的圖層建立蒙版,選擇漸變工具,拖拽兩張圖片的結合處,使其變成黑白漸變,其次調整其不透明度,最后保存圖片,兩張圖像的融合就完成了。
網(wǎng)頁(yè)設計中最基本的要素就是文字與圖像,上面已經(jīng)對如何應用Photo Shop處理圖像的技巧做了簡(jiǎn)單敘述,接下來(lái)我將著(zhù)重敘述如何在Photo Shop中將特殊字體寫(xiě)在圖片上。在眾多網(wǎng)頁(yè)設計中,單單是一種字體已經(jīng)滿(mǎn)足不了人們的需求,大家更希望出現一些另類(lèi)的字體吸引人們的注意,但是計算機在默認情況下大都是沒(méi)有這些字體的,這就需要我們上網(wǎng)下載并安裝到計算機中去方可使用。舉一例說(shuō)明,在圖片上添加一種特殊字體—“方正清刻本悅宋簡(jiǎn)體”,這種字體一般情況下計算機上是沒(méi)有的,這就需要我們采取以下操作:首先,在網(wǎng)上下載 “方正清刻本悅宋簡(jiǎn)體”字體并安裝到電腦上,下載的字體一般都是.ttf格式的文件,復制該文件,粘貼到c盤(pán)的Windows文件夾下的Fonts文件夾下,這樣就完成了字體的安裝工作,然后關(guān)閉Photo Shop并重新啟動(dòng),就可以看到字體列表中有了“方正清刻本悅宋簡(jiǎn)體”,其次在圖片上輸入要寫(xiě)的內容,最后保存即可。
網(wǎng)站Logo指的是網(wǎng)站的標志,它的設計在網(wǎng)頁(yè)設計中占有十分重要的地位。讀者在瀏覽網(wǎng)頁(yè)的時(shí)候,最先看到的就是網(wǎng)站的Logo,一個(gè)好的網(wǎng)站,其Logo必定能展現出網(wǎng)站的內涵以及重要的信息或者理念,體現其獨特的風(fēng)格,才能夠吸引大家的目光,增加點(diǎn)擊量。熟練地應用Photo Shop繪制網(wǎng)站Logo,會(huì )使網(wǎng)頁(yè)設計更加成功,其操作過(guò)程如下:首先,在Photo Shop中新建畫(huà)布,使用鋼筆工具勾勒出網(wǎng)站Logo的輪廓,利用“轉化點(diǎn)工具”將某些直線(xiàn)變成曲線(xiàn),增加柔和度,利用“直接選擇工具” 調整曲線(xiàn)弧度,然后按Ctrl+Enter鍵,將路徑變?yōu)檫x區,填充選區,其次開(kāi)始添加重要的文字,最后保存即可。