日韩av手机在线免费观看_四虎免看黄_亚洲一区中文字幕_亚洲小视频网站_国产一区日韩在线_国产欧美精品一区二区

下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當(dāng)前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > PS網(wǎng)頁制作中切片應(yīng)用

PS網(wǎng)頁制作中切片應(yīng)用

時(shí)間:2024-02-23 07:30作者:下載吧人氣:41

PS網(wǎng)頁制作中切片應(yīng)用

12.3.4網(wǎng)頁制作

PS網(wǎng)頁制作中切片應(yīng)用PS網(wǎng)頁制作中切片應(yīng)用

下面我們來通過使用ps的切片制作一個(gè)網(wǎng)頁,對切片工具以及網(wǎng)頁格式的存儲和鏈接做一深入的學(xué)習(xí)。

1.首先我們打開ps,選擇【文件】,【新建】,再彈出的對話框中,我們輸入網(wǎng)頁的名稱以及它的長寬比。一般正規(guī)網(wǎng)站的寬度為777,高為500。我們輸入數(shù)值,如圖12-3-57所示。

PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-57

2.輸入完成后,我們單擊【確定】。下面我們要制作網(wǎng)頁的背景,我們設(shè)置它的前景色以及背景色。如圖12-3-58所示。

PS網(wǎng)頁制作中切片應(yīng)用PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-58前景色背景色

3.設(shè)置好了前景色和背景色,我們選擇漸變工具,在漸變工具選項(xiàng)欄中我們選擇【徑向漸變】,如圖12-3-59所示。然后我們對圖像進(jìn)行填充,如圖12-3-60所示。

PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-59

PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-60

4接下來我們制作網(wǎng)頁的標(biāo)題,我們單擊文字工具,進(jìn)行文字的輸入,如圖12-3-61所示。

PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-61

5.設(shè)置文字的大小,字體以及顏色。如圖12-3-62所示。

PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-62

6.接下來我們選擇畫筆工具,簡單的為標(biāo)題繪制背景來對其進(jìn)行優(yōu)化,繪制效果如圖12-3-63所示。

PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-63

7.使用以上方法我們再來制作一個(gè)文字按鈕,作為跳轉(zhuǎn)到下頁的鏈接。如圖12-3-64所示。

PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-64

8.那么這樣呢我們網(wǎng)頁的第一個(gè)頁面就制作完成了,下面我們打開一張網(wǎng)頁的首頁圖像,如圖12-3-65所示。

PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-65

9.這是一張已經(jīng)做好的首頁,下面我們就通過使用ps的切片工具將這個(gè)頁面的文字以及圖像部分進(jìn)行切分。

首先我們在工具欄中選擇【切片】工具,然后對圖像整體進(jìn)行一下切割,這時(shí)我們會看到在圖像的左上角出現(xiàn)了一個(gè)標(biāo)注,如圖12-3-66所示,這說明我們的圖像已被切割。

PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-66

10..接下來,我們繼續(xù)切分。我們先將頁面的大致結(jié)構(gòu)切分出來,切分后效果如圖12-3-67所示。

PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-67

11.大致的結(jié)構(gòu)切分完成后,我們再來對文字信息進(jìn)行細(xì)致的切分,我們選擇【切片選擇】工具,選擇【最新推薦】這一欄中的切片,然后選擇選項(xiàng)欄中的【劃分按鈕】,如圖12-3-68所示。這時(shí)會彈出劃分選項(xiàng)對話框,我們可以在這里對劃分的屬性進(jìn)行設(shè)置,我們選擇【水平劃分】,在第一欄中我們輸入數(shù)值13,如圖12-3-69所示。

PS網(wǎng)頁制作中切片應(yīng)用PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-68圖12-3-69

12.單擊【確定】,這樣【最新推薦】這欄的內(nèi)容就被我們平均劃分了,如圖12-3-70所示。PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-70

13.用同樣的方法,我們接著對【名人坊】以及【導(dǎo)航】等內(nèi)容進(jìn)行劃分,有時(shí)我們的劃分不一定特別的精確,我們可以放大圖像對切片進(jìn)行一下調(diào)節(jié),劃分后效果如圖12-3-71所示。

PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-71

14.我們接著打開第一張圖像,對其也進(jìn)行一下切片的劃分,如圖12-3-72所示。

PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-72

15.我們將圖像全部切分完以后,就可以對圖像添加鏈接了,我們使用切片選擇工具對切片34進(jìn)行雙擊,這時(shí)就彈出了切片選項(xiàng)的對話框,如圖12-3-73所示。

PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-73

16.在URL這欄中我們可以輸入我們需要鏈接的網(wǎng)址,比如:。如圖12-3-74所示。那么用同樣的方法,我們對其他的切片也可以這樣添加鏈接。

PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-74

17.單擊【確定】,鏈接添加完以后,我們就可以對圖像進(jìn)行導(dǎo)出,我們選擇【文件】,【存儲為web和設(shè)備所用格式】,彈出的對話框,如圖12-3-75所示。

PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-75

18.單擊【存儲】,在此對話框中我們輸入文件保存的名稱,保存類型我們設(shè)置為HTML,如圖12-3-76所示。然后單擊【保存】。

PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-76

19我們再次打開第一張圖像對其也添加鏈接,鏈接的URL設(shè)置為我們第二個(gè)網(wǎng)頁。然后進(jìn)行輸出,方法同上。這樣我們的網(wǎng)頁就制作完成了。

最終效果:

第一張網(wǎng)頁的預(yù)覽效果,如圖12-3-77所示。

PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-77

我們用鼠標(biāo)單擊【Enter】按鈕,這樣我們就鏈接到了第二個(gè)頁面,如圖12-3-78所示。

PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-78

我們再次單擊我們在首頁添加的鏈接,就會鏈接到其他的網(wǎng)站頁面,如圖12-3-79所示。

PS網(wǎng)頁制作中切片應(yīng)用

圖12-3-79

標(biāo)簽網(wǎng)頁設(shè)計(jì),中,應(yīng)用,五,12章,第,教程,大禮包,-,PS

相關(guān)下載

查看所有評論+

網(wǎng)友評論

網(wǎng)友
您的評論需要經(jīng)過審核才能顯示

公眾號

主站蜘蛛池模板: 欧美日韩不卡 | 美国一级黄色片 | 欧美一区二区三区,视频 | 黄色网址在线免费播放 | 免费影视在线观看 | 日韩欧美国产一区二区三区 | 国产精品久久久久久久久久了 | 一区二区三区视频在线 | 99小视频 | 色婷婷亚洲一区二区三区 | 香蕉视频黄色 | 欧美黑人国产人伦爽爽爽 | 久草精品视频 | 亚洲乱码国产乱码精品精98午夜 | 欧美精品一区在线 | 在线播放国产一区二区三区 | 国产丝袜一区二区三区免费视频 | 中文字幕亚洲精品 | 成人小视频在线 | 亚洲精品一区久久久久久 | 亚洲一区二区成人 | 国产精品久久久久久久久久久新郎 | 成人九色 | 精品国产乱码久久久久久丨区2区 | 国产精品亚洲综合 | 欧美高清免费 | 国内精品视频在线观看 | 中国黄色在线视频 | 高清亚洲| 午夜影院在线免费观看视频 | 国产精品成人一区二区三区夜夜夜 | 狠狠亚洲| 国产精品欧美精品 | 亚洲国产高清高潮精品美女 | 国产欧美日韩精品一区二区三区 | 国产精品福利视频 | 国产情品| 欧美色999| a在线视频观看 | 中文字幕一区二区三 | a网站在线观看 |