當前位置:首頁>ps入門教程>ps基礎教程>新手教程>教程內容

Photoshop 批處理輕松制作網(wǎng)頁相冊

來源:不詳 作者:佚名 學習:355人次
Photoshop 批處理輕松制作網(wǎng)頁相冊Photoshop(以下簡稱PS)的批處理功能是很強大的,如果利用好可以做為我們做很多工作。今天我們介紹“PS批處理設計制作網(wǎng)頁相冊”。

  一、準備好自己要做相冊的素材,產品展示、案例展示、照片展示等都可以,統(tǒng)一將這些圖片放在一個文件夾下,我這里將這個文件叫做“Res_IMg",這里面放的都是大的圖片,小圖片一會兒ps會為我們做的。

  二、打開PS,選擇菜單如下:



Photoshop批處理設計制作圖片展示

  三、這個就是PS制作圖片展示的主要界面啦,主要有以下幾個樣式:

Photoshop批處理設計制作圖片展示

  樣式中可以選擇生成不同的html頁面的形式,PS CS版本中提供了8種格式,都不錯的。

  選擇源圖像工作區(qū):

Photoshop批處理設計制作圖片展示

  上面的“瀏覽”是選擇你要批量做圖片展示的文件夾,也就是上面我們準備好的"Res_Img"。

  下面的“目的”就是PS處理完后存放的文件夾,可以存在你想要保存的位置,我這里面建個文件夾叫”Pic_Ok"。

Photoshop批處理設計制作圖片展示


  “選項”里面就是具體的一些設置,一共有六項,其中一定要設置的是“橫幅”“大圖像”“預覽”。

Photoshop批處理設計制作圖片展示

  “橫幅”中可以設置這個首頁面html的名稱,也就是html頁面的Title,再就是聯(lián)系信息,時間什么的,如果填寫上最后都會顯示出來。

  而“大圖像”則可以設置生成“圖片展示”后大圖片的長寬等,而且PS可以自動優(yōu)化圖片大小,當然也可以不設置。

Photoshop批處理設計制作圖片展示

  “縮覽圖”可以設置生成html頁面中小圖片的大小,也可以設置個邊框什么的。我直接用默認的“0”。

  通過以上設置后,就可以按“好”了,然后就等著PS把咱的這堆圖片變成一個圖片展示吧。

  如果大家有一些網(wǎng)頁制作基礎,可以將生成的頁面用Dreamweaver再做一些后期的CSS以及布局方面的優(yōu)化調整和美化處理。其實制作網(wǎng)頁相冊的方法很多,比如用Dreamweaver和Fireworks也可做圖片批處理并生成相冊,不過我個人認為Photoshop結合Dreamweaver的效果比較好。



學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
羅馬之驛2011-03-01 04:42
Dream Weaver早就忘得一干二凈了
兔年1232011-02-28 06:55
謝謝 樓主
re80242011-02-22 02:01
學習了 謝謝
rickyheyanyu2011-01-26 02:59
學習~~~~~~~~~~~~~
風閔兒2010-07-13 09:57
好好學習拉 呵呵
meepo2010-07-04 07:41
謝謝樓主的分享
天際2007-08-21 12:41
不錯,很不錯,謝謝樓主的分享。!

關注大神微博加入>>

網(wǎng)友求助,請回答!