如何使用Photoshop制作Banner,Slider幻灯片图片

如何使用Photoshop制作Banner,Slider幻灯片图片

作者:DIYzhan.com |  浏览:16896 |  1 条评论
Ad - Web Hosting from SiteGround - Crafted for easy site management. Click to learn more.

通常,为了使得网站图像显示丰富化,图片轮换播放来宣传自己的产品,我们通常需要做些Banner,或者能切换的幻灯片(Slider)来放在网站首页,头部等地方,如图:homebanner在WordPress网站中,我们可以使用Meta Slider这个插件来展示切换幻灯片;如果用不了Meta Slider,可以制作些.gif格式的动态图片插入到网站中来实现。这两个方法,我们都需要制作这些单张的幻灯片图片,我们怎么制作这些图片呢?下面来介绍用photoshop制作。

使用Photoshop制作幻灯片图片步骤

  1. 备齐你要放到幻灯片上的产品图片;make_banner_1
  2. 使用Photoshop打开所有产品图片,然后“文件->新建” ,按照你想要的尺寸(如1024*300)新建立一张背景是透明的幻灯片图片(如果你不想要背景透明,你也可以找些素材,把背景图拉到该幻灯片作为背景;make_banner_2 make_banner_3
  3. 在你的产品图片上使用Photoshop的框选工具,框选出产品轮廓,然后把它拉到前面建立的幻灯片图片;make_banner_4
  4. 在幻灯片图片上,把拉过来的产品轮廓图片,使用“编辑->自由变换”功能,把产品图片伸缩到合适尺寸;并使用photoshop的拖动工具拖动到适当位置;make_banner_5make_banner_6
  5. 把其他想要放到幻灯片的产品也框选出来,拉到幻灯片并伸缩到合适尺寸,并使用photoshop的拖动功能拖动到适当位置,也可以输入一些文字;
  6. 产品图片大小,位置合适后,然后另存为,选择.png格式图片保存到电脑。make_banner_7

以上是制作幻灯片的单张图片,如何几个幻灯片轮换呢?如上所说,使用Meta Slider,或者几张图片制作成.gif动态图片。

Meta Slider

  1. 在WordPress中安装Meta Slider 插件;
  2. 在Meta Slider中设置幻灯片尺寸,创建一个Slider,然后往该Slider插入前面建立的单张幻灯片;
  3. 在页面中插入Meta Slider,并选择上一步建立的Slider;build_homepage_09

制作.GIF动态图片

这个可以使用制作.gif动态图片的软件来制作,如软件GIF_Movie_Gear,百度下就可以找到;

  1. 打开Movegear软件;
  2. 导入作为幻灯片的几张单张图片(尺寸要一样);make_banner_10 make_banner_11
  3. 通过动画->属性设置切换时间,点击播放预览;make_banner_13
  4. 效果OK后保存到电脑;make_banner_14

原创文章,转载请注明: 转载自DIYzhan.com-从零开始自己做外贸网站和海外网络营销
本文链接地址:https://www.diyzhan.com/2014/04/make-slider-with-photoshop/

相关推荐
更多

  1. 小小于 2015-3-22 16:26 #1

    谢谢,这正是我所需要的

长按扫我微信
需要帮助?
点击这里给我发消息