用ps做的网页设计图片轮播

1、用PS怎么做轮播图片

轮播是神马？GIF么？

GIF的话，“窗口”菜单里面有个“动画”（ps cs3)，点开后，把要播放的图片载入，一个图层一张，然后在下面的动画帧里面设置即可

2、ps 图片轮播怎么做

在动画面板里面做
把要轮播的图片依次打开放在一个文档
从图层建立帧

3、PS教程：如何用PS制作flash图片轮播效果

首先创建一个flash空白文档，调整舞台大小。

插入图片，调整图片位置，x：0 y:0图片即可占满屏幕。

将图片转换成图片元件，然后在120帧处插入关键帧。第一帧不变，在120帧处点击属性，调整alpha度，然后创建传统补间。

新建图层，命名矩形。选择矩形工具，将矩形转换为按钮元件，将透明度设为0看不见，然后右键动作，写入代码。以此类推，做不同的图片动画。

4、ps时间轴怎样制作轮播图2014

ps时间轴是做动画动态图的，你鼠标移动上去还是会动，轮播图鼠标移到上面是静止的，还可以点换图，不是一个概念，轮播图要弄代码。

5、如何用PS制作多图轮换模板 希望能给个详细教程

单纯用PS做的话，首先确定PS软件有附带安装ImageReady，
淘宝网图片轮播代码的制作和使用过程，下面是轮播图片的制作过程，不过需要你对Photoshop要了解。
1、 选好图片素材以后打开PhotoShop，新建一个图层，建议尺寸大小一般为宽度145像素，高度206像素，点击“确定”按扭，自动生成如下空白编辑区。
2、在PS中打开提前选好的图片素材，把这4张图分别托入新建的图层中（使用：工具托入）
3、全部托入以后，关掉选好的图片窗口，再看一下你的历史路径和图片就对了：
4、到这PS的工作就做完了，接着来做动画吧，在工具条上最下边有这个按扭，能转到做动画的Adobe ImageReady CS2软件里：按一下，会出现Imageready的操作窗口：
5、在IR软件中做动画，在最下边这个工具条内，点击“复制帧”这个按扭，复制4次，（次数为图片的张数）
6、复制好后，选择每帧显示不同的图片：先看第5步骤的图，在右下方小图片前边有一个眼睛标志，显示第一张图片时，点一下其它三张的眼睛标志就看不到另外三张图了，如此类推，选好图片显示的顺序。
7、到这就算是做的差不多了，最后调一下每张图出现的时间间隔就可以了，再接着往下看吧：
看到上图第一帖的右下角有“0秒”和下三角的标志，在时间上点右键，出现设置时间间隔窗口，选择时最好以让顾客看清我们的商品为准，我常设1.5秒
8、最后一步保存！！！这也是关键的一步不能直接点保存，要选择《将优化结果存储为》这个格式，请你这样选择：左上角文件-----》将优化结果存储为，GIF动画格式。
下面是就是代码的使用过程了，首先先将保存的图片上传到图片空间，这个过程相信大多数人都会，所以我就偷懒不做截图了。（而且发现现在发图片很多时候都传不上答案）
上传好图片以后，在宝贝分类图片中新建一个分类，名字写什么都可以，
最后点“确定”点“保存”，这样一个轮播图片就做好了！它的效果还不错呢！！到这相信大家都会做了吧！
不过一般多数会选择用代码来做，PS制作一般是针对扶持版免费旺铺会使用到

6、PS做图片轮播效果的详细步骤是什么

Ps可以制作动画，但限于对同一张图片的修改，不支持插入不同图片，在窗口菜单当中选择动画，就可以。
想一楼说的做gif动画还是去用imageready或者专业的的gif工具
祝你好运

7、ps如何制作淘宝宝贝轮播图片模板

淘宝上面的宝贝轮播，只需将，宝贝图片处理为符合规格的大小，然后传上去就行，没必要自己做动态gif

8、怎么用ps制作好看的淘宝店铺轮播图片?

photoshop制作好图片，把图片编辑成一样大小。或者用美图秀秀制作一样。
然后把图片上传到支持外链的网络相册。
点击图片属性复制图片地址到下面代码里

很好的图片轮番代码，淘宝自带的图片轮番功能总是要留白，使用以下代码后页面不再留白了，店铺效果更整体了。使用方法是在店铺里增加一个自定义区，然后把代码复制到自定义区的代码编辑区

图片轮番 上下滚动
<div class="box J_TBox" >
<div class="shop-slider">
<div class="bd">
<div class="slider-promo J_Slider J_TWidget" data-type="scroll" data-widget-type="Slide" style="height:图片高度px;" data-

widget-config="{'effect':'scrolly','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}">
<ul class="lst-main">
<li><a href="连接地址1" ><img src="图片地址"></a></li>
<li><a href="连接地址1" ><img src="图片地址"></a></li>
<li><a href="连接地址1" ><img src="图片地址"></a></li>
</ul>
</div>
</div>
</div>
</div>

第二种渐变轮番

<DIV style="WIDTH: 宽度px; HEIGHT: 高度px" class="slider-promo J_Slider J_TWidget" data-widget-

config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-

type="Slide" data-type="fade">
<ul class=lst-main>
<li><A style="WIDTH: 图片宽度px; HEIGHT: 图片高度px" href="商品连接地址" target=_blank><img alt="" src="图片地址"></A></li>
<li><A style="WIDTH: 图片宽度px; HEIGHT: 图片高度px" href="商品连接地址" target=_blank><img alt="" src="图片地址"></A></li>
</ul></DIV>
图片渐变轮番第二种效果
<DIV class="slider-promo J_Slider J_TWidget" style="HEIGHT: 图片高度px"
data-widget-config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}"

data-widget-type="Slide" data-type="fade">
<UL class=lst-main>
<LI><A href="商品连接" target=_blank><IMG style="WIDTH: 750px; HEIGHT: 480px" alt="" src="图片地址"></A>
<LI><A href="商品连接" target=_blank><IMG style="WIDTH: 750px; HEIGHT: 480px" alt="" src="图片地址"></A>
<LI><A href="商品连接" target=_blank><IMG style="WIDTH: 750px; HEIGHT: 480px" alt="" src="图片地址"></A>
</LI></UL></DIV>

9、用ps 怎么做轮播图片？

ps只能做gif动态图，轮播图片一般都是用程序制作的，以前网页中都是用flash制作，现在大都用JS制作了。

10、如何用photoshopcc制作轮播效果

准备好3张图片素材，这里张数可以随自己选择。将图片大小裁剪成一样的尺寸，我这里举例的图片大小是400*248
打开ps，新建一个文件，尺寸为1600*248，1200是400*（3+1）张图片的大小打开3张图片素材
将第一张图片素材拖到新建文件中，位置为0，0
依次将其他两张图片也移动到新建文件中，最后将第一张图片复制一张，移动到文件最后

CTRL+SHIFT+E,合并所有图片。
双击背景图层，变成图层0，然后选择裁剪工具，设置尺寸为400*248，裁剪区域为隐藏
转到Adobe ImageReady CS中编辑
复制当前帧，并用移动工具将图片往左水平移动，移动到最后与一张图片

选择过度工具，设置如下
在每张图轮换完后将时间设置为2s,让每幅图展现完后有时间停留，这里是第7帧，第13帧，第19帧
文件》存储优化结果，导出gif格式动画，大功告成