用Photoshop玩拼图游戏

 女儿最喜欢玩拼图游戏,每次买拼图玩具的理由就是它们的画面不一样。家里的拼图玩具堆成山,可是她的兴致依然不减。

    一天,我上网时无意中发现了Photoshop的一款制作拼图的滤镜——AV Bros.公司的Puzzle Pro1.2滤镜。下载回来一试,果然效果不错!女儿喜欢的拼图玩具仅用三分钟就轻松搞定了。好东西不敢独享,下面我就给大家详细介绍一下。

    首先,到http://www.photoshopit.com/download/filter.htm去下载并安装这款滤镜,关于如何安装外挂滤镜,这里就不再赘述了。

    运行Photoshop 7.0,打开一张你想制作成拼图的图片,点击“Filter(滤镜)→AV BrosAV→Bros Puzzle Pro1.2”,打开Puzzle Pro1.2滤镜设置窗口(如图1),通过对“Rows(行数)和Columns(列数)”的设置来设定图片分割块数,再通过对“Shaper”项目下“Size、Width1、Width2、Height1、Height2、Smoothness”的调整,来设置每个单元图片的边缘形状(也可以点击Presets按钮来选择边缘的样式)。


图1 设置好拼图的尺寸

    设置完成后,点击“OK”按钮即可进入滤镜的预览窗口(如图2)。


图2 看看拼图效果满意吗?

    在滤镜的预览窗口中调整图片显示比例,让图片全部显示出来。在图片上方透明区域单击鼠标左键,将图片中所有被分割的单元全部选中,然后点击右上角的“Save”按钮,在弹出的菜单中选择“Save Select Cells(In Layers…)”,将图片保存为扩展名为“.psd”的图像文件。

    用Photoshop打开刚才保存的PSD文件,为了拼图方便,可用“Image→Canvas Size”命令将画布尺寸放大(注意:这里只是放大了画布的尺寸,而图片本身的尺寸并未放大)。再选择工具箱中的“Move Tool(移动工具)”或按快捷键“V”,并选中“工具属性”面板上的“Auto select layer(自动选择层)”属性,然后将单元图片的排列顺序打乱(如图3),并保存设置。至此,一款拼图游戏就制作完成了。


图3 来玩拼图游戏吧!

    实际上,这个拼图游戏的工作原理非常简单:AV Bros Puzzle Pro滤镜不仅可以将图片分成若干个小单元,而且它提供的“Save Select Cells(In Layers…)”命令还可以将每一个小单元保存为一个单独的图层,而“Move Tool(移动工具)”的“Auto Select Layer(自动选择层)”属性可以使移动工具自动选择要移动对象所在的图层,这样你就可以通过鼠标的点击拖动来玩这个拼图游戏了。

    玩这个拼图游戏时有一个小技巧:在“Layers(图层)”面板中你可以发现,图层是以行、列的坐标顺序排列的,即“cell(x.y)”的行列起始值均为0(如图4)。


图4 注意图层的坐标顺序

    选中“工具属性”面板中的“Show Bounding Box(显示处理框)”选项,在拼图过程中,当你找不到需要的那片拼图时,只要你知道它所在的行和列,然后在“Layers面板”中选中相应的图层,那片拼图的处理边框就会自动显示出来了!

时间: 2024-09-01 13:22:20

用Photoshop玩拼图游戏的相关文章

Android拼图游戏 玩转从基础到应用手势变化_Android

相信大家在小的时候都玩过拼图游戏,现如今,手机普及,能在手机上玩的游戏越来越多,于是乎,重温小时候,编写这个简易拼图游戏,而且也能进一步加深Android的一些基础知识. 老规矩,先是效果图: 这里我把为了演示效果,把图片打乱的很少,在代码里可以更改. 首先,有个默认的图片,可以用来拼图,也可以选择你喜欢的图片进行拼图,拼图的过程会记录移动的步数,并且当游戏胜利的时候会弹出一个笑脸提示,游戏胜利,用了多少步数. ps:感兴趣的完全可以继续在这上面进行扩展,比如增加游戏难度的选项,可以将图片分成更

js+html5实现可在手机上玩的拼图游戏_javascript技巧

本文实例讲述了js+html5实现可在手机上玩的拼图游戏.分享给大家供大家参考.具体如下: 手机版的拼图.pc上用Chrome 或者 Firefox var R=(function(){ /*右边菜单*/ function fa(){ if(mo.style.right!='0px'){ mo.style.right='0px'; mco.rcss('','cmck'); }else{ mo.style.right='-100px'; mco.rcss('cmck',''); } } on(mc

Android拼图游戏 玩转从基础到应用手势变化

相信大家在小的时候都玩过拼图游戏,现如今,手机普及,能在手机上玩的游戏越来越多,于是乎,重温小时候,编写这个简易拼图游戏,而且也能进一步加深Android的一些基础知识. 老规矩,先是效果图: 这里我把为了演示效果,把图片打乱的很少,在代码里可以更改. 首先,有个默认的图片,可以用来拼图,也可以选择你喜欢的图片进行拼图,拼图的过程会记录移动的步数,并且当游戏胜利的时候会弹出一个笑脸提示,游戏胜利,用了多少步数. ps:感兴趣的完全可以继续在这上面进行扩展,比如增加游戏难度的选项,可以将图片分成更

用flash制作简单拼图游戏

可能有很多玩Flash的朋友都曾和我一样想自己动手制作一个拼图游戏,但是苦于不知道实现的方法或不了解ActionScript(以下简称AS)而心存遗憾.别急,今天盗匪就告诉你如何利用Flash常用的AS制作一个简单的拼图游戏,我所说的简单可不是将图片简单的拼凑到一起的那种简单拼图啊. 做好的成品如下:大家可以用鼠标将上面的图像碎片拖到下面的方框内的合适位置,为方便大家找位,游戏给出了有一定透明度的原图作为参考.大家可以发现这个游戏还设计了一个"吸附"功能,能够让你将拼图片轻松地整齐排列

Android拼图游戏的设计逻辑,从切图到交互动画,从关卡到倒计时,实例提高!

Android拼图游戏的设计逻辑,从切图到交互动画,从关卡到倒计时,实例提高! 群英传的最后一章,我大致的看了一下这个例子,发现鸿洋大神也做过,就参考两个人的设计逻辑,感觉都差不多,就这样实现起来了 一.切图工具类 我们九宫格嘛,肯定要一个切图的工具,把一个图片给切成九张,那具体是怎么实现呢?我们先写一个bean来存储一切的状态 ImagePiece package com.lgl.ninegame.utils; import android.graphics.Bitmap; /** * * C

益智拼图游戏《我的旋转拼图》限免中

<我的旋转拼图>是一款画面很靓的3D益智拼图游戏,游戏内含3个不同环境,共计70多个不同的关卡,你需要在场景中将屏幕下面四散的拼图块拖动到动物的阴影中匹配,有时候必须翻转动物才能成功匹配,还是很考验空间想象力的.<我的旋转拼图>游戏截图游戏虽说是 3D,不过拼图的时候只支持两面,完成后倒是有 360 度旋转的 3D 浏览,而且不同的动物还会有各自的招牌动作,整体看来还是很不错的.<我的旋转拼图>游戏截图<我的旋转拼图>游戏截图游戏玩到后面还有很多生僻的动物,

Android实现美女拼图游戏详解_Android

先来看看效果: 图片切分很多份,点击交换拼成一张完整的:这样关卡也很容易设计,3 3:4 4:5 5:6 6:一直下去 加了个切换动画,效果还是不错的,其实游戏就是自定义了一个控件,下面我们开始自定义之旅. 游戏的设计 首先我们分析下如何设计这款游戏: 1.我们需要一个容器,可以放这些图片的块块,为了方便,我们准备使用RelativeLayout配合addRule实现 2.每个图片的块块,我们准备使用ImageView 3.点击交换,我们准备使用传统的TranslationAnimation来实

winform实现拼图游戏

一直从事web应用的开发,总感觉是要找个时间学一下winform的开发,恰好年末公司项目基本结束就抽空学一下winform,下面是我一周的学习成果--拼图游戏.   先来个效果图:                                                    图1 图2 实现功能: 1.鼠标点击和键盘方向键操作拼图移动: 2.计分: 3.指定图片文件即可自动切成拼图块: 4.可自定义拼图数目. 图1是原型,图2是最后结果! 代码中通过GameManager类作控制,具体的

Win8.1系统玩大型游戏卡顿如何解决

  现在很多人都沉迷于网络游戏,尤其是一些宅男们,大型网游成为他们生活中的重中之重,在他们眼里游戏占据了人生很重的地位.最近不少宅男们来和小编反映说,自从电脑升级到win8.1之后,用电脑玩游戏的时候就会出现卡顿的现象,这是很影响用户的游戏体验的,尤其是在玩LOL.CF的时候,而这两款游戏正是宅男们的心头好,一出现卡屏的现象真是扫兴,下面小编为这些宅男们来解释,Win8.1电脑玩大型游戏卡屏如何解决. 原因分析: 从XP或者Win7升级Win8.1系统之后,很多用户都不会主动的观察显卡驱动,大型