Photoshop制作同心圆拼图图片

csc321 · 发表于 2014-9-18 02:29:31

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有账号？注册

x

本教程主要使用Photoshop制作超酷的同心圆拼图效果，教程的缘由是因为前几天有人问这个效果怎么做的，我把图保存了下来然后试着去做了一下，结果就捣鼓出个这个玩意了。感觉整体的创意风格很不错的，喜欢的朋友让我们一起来学习吧。
效果图：

原图：

这个图第一眼看上去可以发现都是由扇形组成的但是仔细观察一下，很容易发现它这个图是有规律的 5个同心圆，每个同心圆从4、6、8、10个扇形分割出来，这图做的难度的确不大，但是还是需要一点技巧和清晰的思路我说说我的方法，给大家参考一下。抛砖引玉，也许各位能用更快捷的办法做出来。
?
我做完这个教程之后，我发现完全是一个小学数学题。

提示：教程详细步骤在二楼，不用回复也能看到！

想下载该教程的可以回复获取下载网址:点击进入下载页

教程编号:134514 作者：Kamdy229 出处：百度贴吧

csc321 · 发表于 2014-9-18 02:29:33

1、新建一个800×800的画布，背景色黑色(方便看清楚参考线) 新建两条纵、横的参考线分别是400像素 (因为800÷2=400嘛)

内圆1半径：65像素(新建参考线的位置400-65=335) 间隙1半径：15像素(参考线位置335-15=320)
内圆2位置：320-65=255 间隙2位置：255-15=240
内圆3位置：240-65=175 间隙3位置：175-15=160
内圆4位置：160-65=95 间隙4位置：95-15=80
内圆5位置：80-65=15
画好的效果如下：

csc321 · 发表于 2014-9-18 02:29:34

2、同心圆画法，根据我们上面的参数来画内圆长度、宽度：65×2=130

间隙1长度、宽度：15×2=30 所以在中心位置的长宽=130+30=160 然后其它圆和间隙都是这样的方式来画，这里是小学数学知识别说你不会啊，为了节省时间，可以先把长宽算好出来在路径面板新建9个空白的路径图层把图层命名为长宽参数，新建圆形路径的时候速度就快了，注意新建圆形路径的时候鼠标指针要正对中心十字位置点击，否则会偏离。
好吧，不知道大家有没有算出来，我把参数答案说一下吧 (130、160、290、320、450、480、610、640、770)

csc321 · 发表于 2014-9-18 02:29:35

3、新建一个路径图层，然后选择矩形路径工具在中心点一下，长宽为7.5像素然后按Ctrl+T把H改为 10000%

然后把路径转为选区，填充白色，右键图层转为智能对象Ctrl+J复制多一层出来把这两个图层组合为一个组命名4分块，然后把两个图层命名为0和90【这个是我们要调整的角度】。

csc321 · 发表于 2014-9-18 02:29:36

4、把刚刚的4分块组，复制多3个组出来【收起组文件夹，按Ctrl+J 3次】然后重新命名为 6分块、8分块、10分块隐藏4、8、10分块的组，我们单独来处理 6分块组：由于一个圆要分成6块，所以需要3条矩形那么就是3个图层【复制多一层出来就可以了】每个图层的矩形角度肯定大家也都知道，不知道回去看看小学六年级数学去【一个圆分成6块钱那么就是 360÷6=60度角】所以3个图层角度分别是 0、60、120。

其它组的处理方法也是依照这个方法，复制图层来把每个图层的角度调整好画好了如下，如果对方向不满意的还可以Ctrl+T直接旋转角度

csc321 · 发表于 2014-9-18 02:29:37

5、OK 现在参考线基本上没有什么作用了，可以清除掉方面看清楚一些隐藏所有组，收起顶层的组，然后新建一个空白图层在路径面板选择770的路径，Ctrl+回车，转为选区填充颜色随便。

选择640路径转选区，按Delete删除选择610路径转选区，按Alt+Delete填充选择480路径转选区，按Delete删除，以此类推，把同心圆通过填充和删除的方法做出来。

csc321 · 发表于 2014-9-18 02:29:38

6、把同心圆的图层拉到背景图层上面，然后把4个分块组选中，按Ctrl+T调整角度为-30。

csc321 · 发表于 2014-9-18 02:29:39

然后右键组---合并组，把每个组单独合并为单独图层。选择290路径，按Ctrl+回车按住Ctrl+Alt，点击130路径继续按住Ctrl+Alt，点击4分块，这样通过选区相减的方法，把最里面的圆转为4个扇形的选区就搞出来了

csc321 · 发表于 2014-9-18 02:29:40

然后选择同心圆的图层，Ctrl+J 把4块扇形新建为一个图层出来。

csc321 · 发表于 2014-9-18 02:29:41

以此类推，把其它圆圈也转为分块扇形，然后都建立为选区，跟新建为图层建好的效果如下

如果对扇形的位置不满意的，可以在分块图层自己去调整角度吧我这里的角度是公式化调整出来的，想要个性化的同学可以自己去修改。

csc321 · 发表于 2014-9-18 02:29:42

7、接下来就是体力活了，拖入图片素材一张一张来搞定，拖入图片之后，为了方便调整位置，我把图层不透明度降低到40%，然后调整位置的时候就清楚多了。

csc321 · 发表于 2014-9-18 02:29:43

调整好位置之后按Ctrl点击图层1的缩略图，载入选区

csc321 · 发表于 2014-9-18 02:29:44

然后【反选】按L 套索工具，按Shift把其它3个三个扇形套中之后按Delete删除

csc321 · 发表于 2014-9-18 02:29:45

这样就可以得到单独一面扇形的图片了，调整回不透明度为100%就OK了

csc321 · 发表于 2014-9-18 02:29:46

以此类推，体力活贵在坚持。这里我就不一一演示全部做好的内容了，太累了。思路就是这样然后剩下的，各位自己动手吧做好之后把底层的颜色扇形隐藏掉，背景图层改为白色就可以了

我这个是我花了将近1个小时捣鼓下来的东西

做到这里可能会有不少人问为什么不用蒙板? 实际上蒙板一开始我就是用蒙板的，只是只能适用于中心圆和四个扇形到了6个扇形的时候问题就来了，
有部分需要手动去擦，太麻烦了还不如用反选，一来干净，二来图层独立性好，方便维护调整。

账号		自动登录	找回密码
密码			注册

[效果类] Photoshop制作同心圆拼图图片

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。