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