Photoshop制作超酷的同心圆拼图效果

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

  效果图:


  原图:


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

  我做完这个教程之后,我发现完全是一个小学数学题。

  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

  画好的效果如下:


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


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

  好吧,不知道大家有没有算出来,我把参数答案说一下吧 (130、160、290、320、450、480、610、640、770)


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


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


  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直接旋转角度


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


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


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


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


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


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


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

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


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


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


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


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


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


  做到这里可能会有不少人问 为什么不用蒙板? 实际上蒙板一开始我就是用蒙板的,只是只能适用于中心圆和四个扇形 到了6个扇形的时候问题就来了,

  有部分需要手动去擦,太麻烦了 还不如用反选,一来干净,二来图层独立性好,方便维护调整。

  8、最后一步打字,这里可能会有不少人会犯囧 很多人肯定打字打出来会是这样的:


  就是文字在路径外面,而且方向也是反的。 这个问题解决方法很简单,先选择290路径,然后Ctrl+T水平翻转

  然后再打字就可以解决了。


  教程到这里就结束了,一共是 29张图片(隐藏掉一张了) 如果没有那么多图的可以用文字代替也不错。

  方法就是 这样,至于原图那种暖黄小清新风格的是后期调色的 与本教程没有直接关系。 很多滤镜都有调色功能也可以直接调整,由于我这些图是插画

  整体颜色已经是作品里面调好的,我就不再去画蛇添足了。 教程没什么技术上的难度,主要是体力活 跟我以前的那个文字图像一样,都是需要耐心。

  最终效果图!


分类:

  • PS图片处理
时间: 2016-09-18

Photoshop制作超酷的同心圆拼图效果的相关文章

Photoshop制作超酷的透明立体效果导航条

  本教程主要使用Photoshop制作超酷的透明立体效果导航条,立体效果主要使用图层样式来完成,喜欢的朋友让我们一起来学习吧. 分类: PS入门教程

Photoshop制作超酷的立体照片撕裂效果

  本教程主要使用Photoshop制作超酷的立体照片撕裂效果,撕裂效果制作并不难.过程:首先选好想要的背景,导入照片,用变形工具简单透视变形;再用选区工具做出满意的裂缝选区,并用滤镜等处理好细节;最后把照片分成两节或多节,加上描边及阴影即可. 最终效果 1.Ctrl+N新建一个1100×800像素大小的画布,填充背景颜色#9d9d9d;在背景图层的上方新建一层300像素高的色块填充,颜色为#c5c5c5,为该矩形框添加渐变色由黑到白的图层蒙版,使该图层上方与背景层融合. 2.在画布中置入一张等

Photoshop制作超酷黑白像素文字效果

先来看看最终的效果图吧: photoshop教程具体的制作步骤如下: 新建一个文字图层,并写上你需要的文本. 栅格化文字,使用滤镜->像素化->马赛克 新建一个8×8像素的画布 分类: PS文字教程

Photoshop制作超酷的番茄酱文字效果

  在本教程中,我们将使用AdobePhotoshop和Illustrator的结合,创造出逼真的番茄酱文字效果.我们还将展示如何在在最后一个可选步骤涂抹或涂抹番茄酱的效果.让我们开始吧! 1,准备文本 第1步 首先,我们将需要的文字.如果你擅长手工刻字,你可以简单地画出你想要的文字.如果没有,打开Illustrator中,创建一个新文件,使用添加文本文字工具(T) . 第2步 使用钢笔工具(P),手动绘制根据实际的字体类型的文本.这不会是那样干净真钞.但这不要紧,因为我们希望它尽可能逼真. 第

Photoshop制作超酷的金属标题字效果

  标题字制作相对复杂一点,尤其是字体部分,需要自己先在纸上画好或者在PS中慢慢调整,达到美观及吸引眼球的效果;然后用图层样式及纹理等装饰,让文字更具视觉冲击力. 最终效果 1.新建一个900 * 500像素,分辨率为72的画布,打开背景素材,拖进来,适当调整混合模式及不透明度. 打开文字素材,拖进来放好位置,也可以输入自己想要的文字. 2.给文字适当变形. 3.在变形的文字上线稍微做出效果,进行斜面浮雕.内阴影,渐变叠加设置,参数及效果如下图. 4.此步骤就是执行外面的包边效果,先将变形好的字

Photoshop制作超酷的世界杯立体效果海报

教程的重点是立体草坪部分的制作,过程:先制作出简单的透视图形,然后在上面添加草皮,边缘用笔刷加上杂草:立体面部分用土质纹理加上泥土层效果,后期再处理细节,增加投影等即可. 最终效果 1.新建大小自定的画布,新建图层,用矩形工具勾画出带有透视的图形,如下. 2.添加草地材质,为了突出草地质感,用了2张草地的素材进行叠加. [1] [2] [3] [4] [5]  下一页

Photoshop制作超酷的冰文字效果教程

最终效果 <点小图查看大图>   1.创建一个大小为1200px*700px的文件,填充黑色背景.把下载的墙壁背景复制过来,Ctrl + T 调整好大小,如图.     2.使用柔边橡皮擦,擦掉一部分.其实柔边画笔也可以,新建一个图层加蒙版比较好修改.效果如下.     3.大致效果完成后,创建"黑白"与"色阶"剪切蒙版,调整如下.         4.打几个英文出来,例如:ICE. 打开冰肌1图像,选择文字选区(Ctrl + 单击图层缩略图选中),粘贴

巧用Photoshop制作超酷的重影3D影像后期效果

  3D视觉PS技法带你体验影像新感觉,巧用Photoshop制作超酷的重影3D影像后期效果,让你的3D影像制的时尚大片,有兴趣的可以动手玩玩 分类: PS入门教程 ps后期处理教程

Photoshop制作超酷的纸张撕裂效果图

  本教程主要使用Photoshop制作超酷的纸张撕裂效果图,真题的撕纸效果非常的漂亮,喜欢的朋友一起来学习吧. 先看看效果图 制作步骤 1.Ctrl+N新建一个1100×800像素大小的画布,填充背景颜色#9d9d9d;在背景图层的上方新建一层300像素高的色块填充,颜色为#c5c5c5,为该矩形框添加渐变色由黑到白的图层蒙版,使该图层上方与背景层融合; 2.在画布中置入一张等待被撕裂的图片; 3.Ctrl+T将图片各边进行适当变形处理; 4.用多边形套索工具(L)框选如下图所示,锯齿随意发挥