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

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

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

  开始吧

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

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


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


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

  源图像工作区:


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

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


  “选项”里面就是具体的一些设置

  一共有六项,其中一定要设置的是“横幅”“大图像”“预览”。


  ”横幅“中可以设置这个首页面html的名称,也就是html页面的Title,再就是联系信息,时间什么的,如果填写上最后都会显示出来。

  而“大图像”则可以设置生成“图片展示”后大图片的长宽等,而且PS可以自动优化图片大小,当然也可以不设置。


  “缩览图”可以设置生成html页面中小图片的大小,也可以设置个边框什么的。我直接用默认的“0”。

  通过以上设置后,就可以按“好”了,然后就等着PS把咱的这堆图片变成一个图片展示吧。

  以上就是Photoshop结合DW设计超酷的网页相册效果教程,希望大家喜欢!

分类:

  • PS入门教程
时间: 2025-01-20 22:22:39

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

Illustrator设计超酷立体线条文字效果制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计超酷立体线条文字效果的制作教程. 教程分享:           好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计超酷立体线条文字效果的制作教程解析分享的全部内容了,各位看到这里的使用者们小编相信大家是很清楚了制作方法了吧,那么各位就快去按照小编上面的教程自己去试着制作吧.

Illustrator设计超酷的世界杯足球制作教程

给各位Illustrator软件的使用者们来详细的分享一下设计超酷的世界杯足球的制作教程. 教程分享: 完成的效果.   完成图   造型骨架   纯骨架 先在Illustrator中画出这样的形状.   把填色改为白色,拖入符号调板中   画半个圆形,描边为蓝色.(咋画?画个正圆,用直接选择工具选择一半删除不就是半个圆么)   执行"效果>3D>绕转"命令,在对话框中设定如下图所示:   单击"贴图"按钮,"符号"就选择上个步骤定义

Illustrator设计超酷毛笔笔刷绘制教程分享

给各位Illustrator软件的使用者们来详细的分享一下设计超酷毛笔笔刷的绘制教程. 教程分享:                   好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计超酷毛笔笔刷的绘制教程解析分享的全部内容了,各位看到这里的使用者,小编相信大家看到这里是很清楚了绘制方法了吧,那么各位就快去按照小编的教程自己去试下吧.

美图秀秀打造超酷动感渐变图片效果教程

给各位美图秀秀软件的使用者们来详细的解析分享一下打造超酷动感渐变图片效果的教程. 教程分享: 效果:   是不是很有视觉感?其实只需要抠出一张美女的形体图,简单的叠加就能打造这样的图片哦,作为海报还是贴图,都很有感觉哦.看看是如何制作地吧: 1.打开一张图片,最好是人物的全身图.进入"场景"标签下的"抠图换背景"功能,点击黄色按钮,对图片人物进行抠图.如图2所示.   2.利用"自由抠图",用鼠标绕人物一周,快速抠出美女形体的路径.可以使用黑色圈

Photoshop设计超酷的火焰动感自行车教程

  原图 最终效果 1.启动Photoshop打开原图,然后选择仿制图章工具工具把图中的白线去掉. 2.我们提高亮度,这里新建一个亮度和饱和度调整图层,亮度设置5,对比度设置56,效果如下. 3.按Ctrl+Shift+N新建立一个图层,使用柔角笔刷工具,主直径设置为4px,设置前景色为白色,之后使用钢笔工具把车轮选中. 4.设置好路径之后右击鼠标选择描边路径命令,设置如下图. 5.之后我们设置如下图层样式,效果如下. 6.选择涂抹工具,设置柔角,主直径30px,硬度35%,用这个工具涂抹,使车

PhotoShop打造美女超酷的光效图片效果教程

教程中我将告诉你如何使用液化工具制作出强光特效图像效果.本教程还用到简单的光影素材和笔刷. 本教程是为高级教程,有些东西也许只是简要地提到,相信大家都懂的.我们开始吧. 最终效果预览: 步骤1 开始创建3500x4000px文档和背景层填充黑色#000000. 现在打开你的concrete_texture下载以上插到你的画布.你可能需要把这一点使它适合. 创建一个遮罩层的混凝土结构的去层>层面具>显示全部.你会发现有一个白色方框出现在混凝土层的层面板.抓住一个中等大小的软刷黑, 刷在一些区域的

Photoshop制作超酷的冰文字效果教程

最终效果 <点小图查看大图>   1.创建一个大小为1200px*700px的文件,填充黑色背景.把下载的墙壁背景复制过来,Ctrl + T 调整好大小,如图.     2.使用柔边橡皮擦,擦掉一部分.其实柔边画笔也可以,新建一个图层加蒙版比较好修改.效果如下.     3.大致效果完成后,创建"黑白"与"色阶"剪切蒙版,调整如下.         4.打几个英文出来,例如:ICE. 打开冰肌1图像,选择文字选区(Ctrl + 单击图层缩略图选中),粘贴

PS制作一个超酷的气功冲击波效果教程

photoshop教程主要为大家介绍使用photoshop的烟幕笔刷制作一个气势磅礴的气功波.制作过程比较复杂,主要是烟雾形状的调整和虎头的烟雾效果调整,要按照虎头的形状变形烟雾. 最终效果 1.在Photoshop中创建一个新文件.我使用的屏幕分辨率为1920 × 1200,用灰色(#b8b8b8)填充画布. 2.创建一个新层,填充黑色.确保前景色和背景色分别为白色和黑色,去滤镜>渲染>云. 我的目标是把这些云彩变成漂亮的线性效果.因此去滤镜>模糊>动感模糊,距离999px,角度

PS滤镜打造超酷炫目的抽象空间效果教程

1.新建500*500白底文件,执行滤镜→渲染→云彩,再执行滤镜→渲染→分层云彩,得到如图1 2.执行滤镜→像素化→铜版雕刻(类型选择中等点)得到如图2. 3.复制图层,执行滤镜→模糊→径向模糊(参数.数量100,模糊方法缩放,品质最好),得到如图3. 4.对下面的图层执行→滤镜→模糊→径向模糊(参数.数量50,模糊方法旋转,品质最好),再将上面的图层混合模式设为变亮,得到如图4. 5.再将上面的层图层复制,执行滤镜→模糊→高斯模糊(参数.半径1),然后将图层混合模式设为颜色减淡,得到如图5.