新物网

当前位置:首页 > 百科

百科

Photoshop结合DW设计超酷的网页相册效果教程

时间:2023-10-28 11:16:58 闻子
本教程适用对象:有一定的PS基础,最好有网页设计制作基础,那样在PS处理好后可以在DM里面做一个后期的CSS以及布局方面的处理,当然,DM&FW也可做图片批处理并生成相册,不过我个人认为PS&DM的效果比较好。  PS的批处理功能是很强大的,如果利用好可以做为我们做很多工作。今天我想讲的是“P

  本教程适用对象:有一定的PS基础,最好有网页设计制作基础,那样在PS处理好后可以在DM里面做一个后期的CSS以及布局方面的处理,当然,DM&FW也可做图片批处理并生成相册,不过我个人认为PS&DM的效果比较好。


  PS的批处理功能是很强大的,如果利用好可以做为我们做很多工作。今天我想讲的是“PS批处理设计制作图片展示”


  开始吧


  一、准备好自己要做相册的素材,产品展示啦,案例展示了,照片展示了都可以,统一将这些图片放在一个文件夹下,我这里将这个文件叫做“Res_IMg",这里面放的都是大的图片,小图片一会儿ps会为我们做的。


  二、打开PS,选择菜单如下:



Photoshop结合DW设计超酷的网页相册效果教程   三联


  三、这个就是PS制作图片展示的主要界面啦,主要有以下几个:



Photoshop结合DW设计超酷的网页相册效果教程


  样式中可以选择生成不同的html页面的形式,PS CS版本中提供了8种格式,都不错的。


  源图像工作区:



Photoshop结合DW设计超酷的网页相册效果教程


  上面的”浏览“是选择你要批量做图片展示的文件夹,也就是上面我所说的"Res_Img"。


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



Photoshop结合DW设计超酷的网页相册效果教程