㈠ 如何用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格式动画,大功告成
㈡ 用PS怎么做轮播图片
1、首先启动Photoshop cs5,执行文件-新建命令,新建一个大小为2400*500,分辨率为72,背景颜色为白色的文档。
2、执行文件-打开命令,打开事先准备好的素材图片,裁剪大小为600*500,选择工具箱里的移动工具选择一张拖拽到新建文档中去,设置左对齐。
3、采用同样的方法依次将另外两张图片拖拽到文档中去,并将第一张图片再次拖拽进去,放置在最后面,依次调整他们的位置。
4、选择图层面板中的所有图层,执行ctrl+e组合键进行合并图层操作,选择背景图层,按住ctrl键双击该图层,将其转换为普通图层0.
5、选择工具箱里的裁剪工具,设置大小为600*500,在画布上拖拽后,设置菜单栏中裁剪区域为隐藏。
6、执行窗口-时间轴命令,调出时间轴动画面板,新建一帧,选择工具箱里的移动工具,将图片向左移动,移动到最后一张为止。
7、执行过渡命令,在弹出的过渡对话框中设置要添加的帧为17,其他参数保持不变,点击确定按钮。
8、按住shift键选择时间轴里的所有帧,设置延迟时间为2s,这个时候可以点击时间轴中的播放进行查看效果。
9、执行文件-存储为web和设备所用格式命令,在弹出的对话框中设置格式为gif,颜色为256,点击存储按钮,将文件生成gif动画格式。
10、执行文件-存储为命令,在弹出的对话框中输入名称,保存格式为平时的,保存在一个合适的位置上即可,以便以后修改使用。
㈢ PS教程:如何用PS制作flash图片轮播效果
首先创建一个flash空白文档,调整舞台大小。
㈣ 如何使用ps软件做淘宝图片轮播
PS只能轮播的图片,淘宝轮播需要代码合成的
㈤ 怎么用PS制作图片轮播
好像这是是用Flash做出来的把
㈥ 淘宝图片轮播的图片怎么ps 求高手帮忙做下图
亲,那个轮播图效果是用代码或者买的模版做的。一般是模版,模版的话你到时候进去按照模版的指示,放进图片就可以了~
㈦ 怎么用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>
㈧ 用ps 怎么做轮播图片
ps只能做gif动态图,轮播图片一般都是用程序制作的,以前网页中都是用flash制作,现在大都用JS制作了。
㈨ ps怎么做轮播图片啊,请高人指教!!哦,做轮播图片的步骤
试试这个图片切换
有12345数字一起切换
有小图大图一起切换
里面有教程和源码
㈩ PS做图片轮播效果的详细步骤是什么
Ps可以制作动画,但限于对同一张图片的修改,不支持插入不同图片,在窗口菜单当中选择动画,就可以。
想一楼说的做gif动画还是去用imageready或者专业的的gif工具
祝你好运