Photoshop結(jié)合DW設(shè)計(jì)超酷的網(wǎng)頁(yè)相冊(cè)效果教程
我要評(píng)論本教程適用對(duì)象：有一定的PS基礎(chǔ)，最好有網(wǎng)頁(yè)設(shè)計(jì)制作基礎(chǔ)，那樣在PS處理好后可以在DM里面做一個(gè)后期的CSS以及布局方面的處理，當(dāng)然，DM&FW也可做圖片批處理并生成相冊(cè)，不過(guò)我個(gè)人認(rèn)為PS&DM的效果比較好。
PS的批處理功能是很強(qiáng)大的，如果利用好可以做為我們做很多工作。今天我想講的是“PS批處理設(shè)計(jì)制作圖片展示”
開始吧
一、準(zhǔn)備好自己要做相冊(cè)的素材，產(chǎn)品展示啦，案例展示了，照片展示了都可以，統(tǒng)一將這些圖片放在一個(gè)文件夾下，我這里將這個(gè)文件叫做“Res_IMg"，這里面放的都是大的圖片，小圖片一會(huì)兒ps會(huì)為我們做的。
二、打開PS，選擇菜單如下：
三、這個(gè)就是PS制作圖片展示的主要界面啦，主要有以下幾個(gè)：
樣式中可以選擇生成不同的html頁(yè)面的形式，PS CS版本中提供了8種格式，都不錯(cuò)的。
源圖像工作區(qū)：
上面的”瀏覽“是選擇你要批量做圖片展示的文件夾，也就是上面我所說(shuō)的"Res_Img"。
下面的”目的“就是PS處理完后存放的文件夾，可以存在你想要保存的位置，我這里面建個(gè)文件夾叫”Pic_Ok"。
“選項(xiàng)”里面就是具體的一些設(shè)置
一共有六項(xiàng)，其中一定要設(shè)置的是“橫幅”“大圖像”“預(yù)覽”。
”橫幅“中可以設(shè)置這個(gè)首頁(yè)面html的名稱，也就是html頁(yè)面的Title,再就是聯(lián)系信息，時(shí)間什么的，如果填寫上最后都會(huì)顯示出來(lái)。
而“大圖像”則可以設(shè)置生成“圖片展示”后大圖片的長(zhǎng)寬等，而且PS可以自動(dòng)優(yōu)化圖片大小，當(dāng)然也可以不設(shè)置。
“縮覽圖”可以設(shè)置生成html頁(yè)面中小圖片的大小，也可以設(shè)置個(gè)邊框什么的。我直接用默認(rèn)的“0”。
通過(guò)以上設(shè)置后，就可以按“好”了，然后就等著PS把咱的這堆圖片變成一個(gè)圖片展示吧。
以上就是Photoshop結(jié)合DW設(shè)計(jì)超酷的網(wǎng)頁(yè)相冊(cè)效果教程，希望大家喜歡！
相關(guān)文章
PS基礎(chǔ)教程之橡皮擦工具組和填充工具組使用知識(shí)
今天我們繼續(xù)來(lái)介紹ps基礎(chǔ)教程，這篇我們主要講橡皮擦工具組和填充工具組，這兩個(gè)工具在修圖的時(shí)候是比較常用的，下面我們就來(lái)看看基礎(chǔ)教程2025-05-01
photoshop圖層初識(shí) ps圖層相關(guān)概念與基本操作
ps圖層是什么？簡(jiǎn)單來(lái)說(shuō)，ps軟件中的圖層就好比是一張“透明紙”，將圖像的各個(gè)部分繪制在不同的“透明紙”上，可以看到紙后的東西，而且每層紙都是獨(dú)立的，下面我們就來(lái)看2025-04-25PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解，在使用ps的時(shí)候，我們經(jīng)常會(huì)在圖層上添加一些效果，這就是圖層樣式，該怎么應(yīng)用呢？詳細(xì)請(qǐng)看下文介紹2024-12-23ps如何把一張長(zhǎng)圖切成幾張小圖片? ps把長(zhǎng)圖切成短圖的技巧
有時(shí)候，我們希望能把一張圖片均勻地分成幾張圖片，就像拼圖一般的效果，需要某一部分隨時(shí)可以拿出來(lái)使用，該怎么操作呢？詳細(xì)請(qǐng)看下文介紹2024-09-10- PS調(diào)整字體大小是一個(gè)非?；A(chǔ)的操作，但也是非常實(shí)用的技能，在Photoshop中，調(diào)整字體大小的方式有多種，詳細(xì)請(qǐng)看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時(shí)發(fā)現(xiàn)窗口界面的字體比較小，使用起來(lái)非常的不方便，因此有不少用戶想將其大小進(jìn)行調(diào)節(jié)，具體該如何操作呢？詳細(xì)請(qǐng)看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦？ps中圖層解鎖失敗，提示圖層被父圖層鎖定該怎么辦呢？下面我們就來(lái)看看詳細(xì)的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦？ps描邊在使用的過(guò)程中，發(fā)現(xiàn)只能調(diào)到288像素，該怎么操作呢？下面我們就來(lái)看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦？ps工具欄中有很多工具，但是發(fā)現(xiàn)有些工具不見了，該怎么辦呢？下面我們就來(lái)看看Photoshop工具欄不全的多種解決辦法2023-11-30
Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝？ps2024發(fā)布以后，很多朋友想要嘗試信工鞥，該怎么下載安裝呢？下面我們就來(lái)看看ps2024安裝圖文教程2023-11-30
