使用Photoshop制作两端平滑衔接的背景图

原创 2003年12月02日 10:02:00
主页:http://www.maxss.net
Email: maxss.net@163.com


  在开发一些小型游戏中,很多时候需要不断地循环滚动一个背景图,以实现运动效果(如赛车游戏中的车道或飞机游戏中的天空背景等)。但当背景两端相接的地方会出现不平滑的过滤问题,当然对于像素级的背景图基本上就没这种问题。假设现在有一个蓝天白云的天空背景图,如何才能使上下或左右两端图像可以平滑过渡呢?下面介绍用如何用Photoshop来处理该背景图来解决这个问题。

  先在Photoshop中新建一个200 x 200大小的图像文件,分别设置前景和背景色为蓝色和白色,然后使用“滤镜->云彩”效果来模拟蓝天白云的效果。效果如图-1所示:

CSDN_Dev_Image_2003-12-11507551.jpg (图-1)


  假设我们需要实现背景上下两端的平滑过渡。首先须再创建一个与该图片大小相同的图像文件,然后用“矩形选框工具”把图-1的中上下两端复制到新的图像文件中,并把上下部分图像位置调换对齐,最后合并新图像文件中的所有图层。如图-2所示。

  然后再拉出一条参考线到图-2中上下端的交线处,用于完成平滑处理后能区分原来的交线位置,固定好参考线后按下Ctrl+H隐藏参考线。

  现在就开始处理它们的交线,让其过滤变得平滑些。这需要人为手工进行处理,主要使用的工具就是“仿制图章工具”和“模糊工具”,处理技巧就是用图章工具复制相似的图像区域在交线上,并用模糊工具增加平滑效果,最后完成后图-2的效果如图-3所示:

CSDN_Dev_Image_2003-12-11507553.jpg (图-2)   CSDN_Dev_Image_2003-12-11507555.jpg (图-3)


  这时再次按下Ctrl+H显示参考线,用“矩形选框工具”把这两部分图像重新复制回图-1的原来位置上,这样当用程序循环地显示该背景图时就可以实现比较满意的平滑过渡效果,最后把成品输出为JPG或BMP格式。对于其它相似的需求也可以用类似方法实现。

  有关如何用程序实现循环显示背景图可阅读本站另一篇文章:“在BCB中实现背景平滑循环滚动”。

  下面是处理前后两张背景图,以作比较:

CSDN_Dev_Image_2003-12-11507551.jpg (处理前)  CSDN_Dev_Image_2003-12-11507559.jpg (处理后)

[转载]Photoshop背景图制作 : 星空幻想

利用杂色滤镜来产生不规则的点,利用云彩滤镜来营造星云。
  • storyicon
  • storyicon
  • 2016年09月10日 21:15
  • 144

手把手教你如何用PhotoShop制作gif动画

教你如何用PhotoShop制作gif动画
  • qwertyupoiuytr
  • qwertyupoiuytr
  • 2017年01月03日 23:07
  • 766

photoshop插件开发

背景介绍Adobe提供了诸多功能强大的图形编辑软件,其中像PS, AI之类的更是广大UI设计师必备工具。然而在功能强大的同时,面对不同的使用场景所需要的特殊需求,主体功能便无法满足了。为此,adobe...
  • emptykid
  • emptykid
  • 2015年12月08日 17:29
  • 4426

U-boot开机logo的制作方法

此文是对早期文章《U-boot开机logo的制作方法》  的更新。 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~       如果在uboot中实现了LCD...
  • hanmengaidudu
  • hanmengaidudu
  • 2013年11月27日 12:33
  • 2344

Sprite 从PS切图到具体实现完整过程

CSS雪碧图(sprite)是一种网页图片非常高效的处理方式,它是将页面中包含的零星图片利用PS制作到一张大图中,再结合background-position属性进行定位的的方式实现。...
  • caomage
  • caomage
  • 2017年10月20日 22:17
  • 11116

Photoshop详细讲解制作最逼真的公章章印教程

又是一篇制作公章的教程,网上的其它制作公章的教程都非常简单也不详细,于是本篇教程是非常不错的,不仅效果赞教程写的也很详细,喜欢的朋友可以来学习下吧。 作者:lihefei      类型:基...
  • xuxujian
  • xuxujian
  • 2016年06月14日 20:44
  • 17595

Photoshop动作功能实例-制作规范化…

Photoshop的“动作”功能可以帮助我们完成一些枯燥的重复性工作。本教程就是这项功能的应用实例。 有时候我们会需要把截屏图拿到Photoshop里面处理,添加固定的风格样式,如模糊、残边、投影等...
  • haibo0668
  • haibo0668
  • 2016年06月02日 12:57
  • 737

四种常见的ps怎么模糊背景的方法

文章总结四种常见的ps怎么模糊背景的方法,通过历史记录画笔、蒙版、钢笔勾勒选区、橡皮擦工具结合模糊命令来模糊背景的思路和操作步骤。   做淘宝店的掌柜们,经常使用模糊背景技术手段来凸显衣服外观。ps...
  • miao0967020148
  • miao0967020148
  • 2017年03月29日 19:33
  • 847

用PS做一个简单的相机图标

今天教各位PS小白一个简单相机图标的制作方法,大家一起加油哦 ",,ԾㅂԾ,,"
  • Yxy0321
  • Yxy0321
  • 2017年06月06日 17:24
  • 305

文字扭曲效果(制作绣在丝绸上的文字图案效果)

学习PS不是很久,很多效果都不会制作,今天学了一种文字扭曲效果(是用ps制作绣在丝绸上的文字图案效果),通过多次尝试理解到,这是利用置换滤镜的功能,以及图层混合模式来做出的效果,效果是使得文字与背景更...
  • Lisian_Chou
  • Lisian_Chou
  • 2013年12月13日 17:12
  • 1111
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用Photoshop制作两端平滑衔接的背景图
举报原因:
原因补充:

(最多只允许输入30个字)