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、接下来就是体力活了,拖入图片素材 一张一张来搞定,吐血ing……. 拖入图片之后,为了方便调整位置,我把图层不透明度降低到40%

  然后调整位置的时候就清楚多了


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


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


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


  以此类推,体力活贵在坚持。 这里我就不一一演示全部做好的内容了,太累了。

  思路就是这样然后剩下的,各位自己动手吧 做好之后把底层的颜色扇形隐藏掉,背景图层改为白色就可以了


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


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

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

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


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

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


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

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

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

  最终效果图!


分类:

  • PS入门教程
时间: 2024-12-31 01:19:50

PhotoShop制作同心圆扇形拼图效果教程的相关文章

PhotoShop制作动感放射文字效果教程

ps教程学习如何用photoshop制作动感放射文字效果,主要用径向模糊滤镜来实现. 先看效果图: 首先你得到国外找一个文章,截图下来,下图是我在CNN有线电视新闻网找的图,之后放入新建的文档中,文档长宽最好是一样的,即正方形. 然后新建图层,做如下矩形选区填充白色,覆盖底层文字. 然后输入一些文字,颜色红色. 把这3个图层合并,背景文字.白色层和红色文字,做如下矩形选区,之后反选. 滤镜>模糊>径向模糊,设置如下. 最终效果如下,动感放射文字效果就完成了 photoshop教程 分类: PS

PhotoShop制作变形金刚质感文字效果教程

教程教大家用PhotoShop制作出变形金刚文字效果,挺简单的,主要通过设置图层样式即可完成,喜欢的同学赶快来学习一下! 最终效果图: 准备工作: 将素材包解压到桌面(素材包下载 ) 1.把素材一(变形金刚字体)装入电脑 2.把素材二用PS打开,点编辑--定义图案--确定 3.编辑--预设管理器--图案, 下面开始制作变形金刚字体 1.新建文件 2.设置前景色.背景色 3.新建空白图层.填充前景色(alt+backspace ) 4.双击图层1的空白部分,出现图层样式面板,选择图案叠加,设置如下

PhotoShop制作青花瓷花纹字效果教程

教大家用PhotoShop制作青花瓷花纹字效果,主要是运用一张花纹素材叠加,然后通过设置图层样式就可以实现,喜欢的同学可以跟着做一下! photoshop教程效果图: 下面是素材 不喜欢这个可以找度娘要青花瓷的图片 第一步:新建文档,尺寸随意,背景设成透明. 第二步:制作背景.选择颜色拉一个渐变当背景. 分类: PS文字教程

Illustrator结合photoshop制作人像线描轮廓效果教程分享

给各位Illustrator软件的使用者们来详细的解析分享一下结合photoshop制作人像线描轮廓效果的教程. 教程分享:   好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的结合photoshop制作人像线描轮廓效果的教程解析分享的全部内容了,各位使用者们看到这里了小编相信大家看到这里是很清楚了制作方法了吧,那么大家就快去按照小编上面的教程自己去试试效果吧.

Illustrator结合photoshop制作超漂亮立体字效果教程

给各位Illustrator软件的使用者们来详细的解析分享一下结合photoshop制作超漂亮立体字效果的教程. 教程分享: 先来看看最终的效果图吧:     具体的制作步骤如下: 今天我们学习第一幅的字体设计(1-7是ai设计,8-是ps设计) 1.打开ai,先打上"开封",找到合适的字体.(我这个用的比较粗的黑体,这样更显效果)   2.快捷键shift+f5,打开图形样式,在图形样式坐下角,点击图形样式库菜单/3d效果,找到下面这个****的立体效果图,点击.   3.如图  

Photoshop制作超酷悬浮效果教程

给各位Photoshop软件的使用者们来详细的说一说制作超酷悬浮效果教程. 教程分享: 1.拍一张空场景图. 2.把人物放进去 3.在 Photoshop 里重叠图片. 把有人物的图放在空场景图上.为了更好的看到「重叠」效果,我把上面的图层调成了半透明.大家也看到了,重叠效果不太好,有错位的地方.所以,切记切记,请使用三脚架.整个过程里都要保证所有图片的角度是一模一样的.本次拍摄没使用三脚架. 4.把桌子去掉 去掉桌子的方法很多,我使用的是「橡皮擦」功能.注意,可以将橡皮擦的硬度调低些,这样擦起

Photoshop制作出照片撕边效果教程

给各位Photoshop软件的使用者们来详细的解析分享一下制作出照片撕边效果的教程. 教程分享:   步骤 打开一张图片,然后双击图层面板进行解锁图层;     然后在工具箱里找到"多边形套索"工具绘制如图中的效果;     接着添加快速蒙版(快捷键按"Q"), 这时出现如下图的样子.   在菜单上选择"滤镜"--"像素化"--"晶格化",然后调整适当的参数,按"确定"即可.   然后在

photoshop制作逼真的霓虹灯效果教程

给各位photoshop软件的使用者们来详细的解析分享一下制作逼真的霓虹灯效果的教程. 教程分享:   好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的制作逼真的霓虹灯效果教程解析分享的全部内容了,各位使用者们现在看到这里了,小编相信大家现在那是很清楚了制作方法了吧,那么大家就快去按照教程自己去制作下逼真的霓虹灯吧.

PhotoShop制作不锈钢金属质感文字效果教程

ps教程学习如何用photoshop制作高光质感金属字效,主要用到了图层样式和蒙版等. 先看效果图: 新建文档500x300像素,背景填充#711919,输入白色文字,字体Sci Fied,百度一下或用其它字体,尺寸120点. 把填充归零,这时候文字消失了. 添加图层样式. 需要说明的是描边的样式和渐变一样,只不过反向了而已,而且2个渐变都需要往下挪一定距离才能达到截图的效果, 如下: 分类: PS文字教程