本教程主要使用Photoshop制作超酷的同心圓拼圖效果，教程的緣由是因為前幾天有人問這個效果怎么做的，我把圖保存了下來 然后試著去做了一下，結(jié)果就搗鼓出個這個玩意了。感覺整體的創(chuàng)意風(fēng)格很不錯的，喜歡的朋友讓我們一起來學(xué)習(xí)吧。

效果圖：

原圖：

這個圖第一眼看上去可以發(fā)現(xiàn)都是 由扇形組成的 但是仔細(xì)觀察一下，很容易發(fā)現(xiàn)它這個圖是有規(guī)律的 5個同心圓，每個同心圓從4、6、8、10個扇形分割出來，這圖做的難度的確不大，但是還是需要一點技巧和清晰的思路 我說說我的方法，給大家參考一下。 拋磚引玉，也許各位能用更快捷的辦法做出來。

我做完這個教程之后，我發(fā)現(xiàn)完全是一個小學(xué)數(shù)學(xué)題。

1、新建一個800×800的畫布，背景色黑色(方便看清楚參考線) 新建兩條縱、橫 的參考線分別是400像素 (因為800÷2=400嘛)

內(nèi)圓1半徑：65像素(新建參考線的位置400-65=335) 間隙1半徑：15像素(參考線位置335-15=320)

內(nèi)圓2位置：320-65=255 間隙2位置：255-15=240

內(nèi)圓3位置：240-65=175 間隙3位置：175-15=160

內(nèi)圓4位置：160-65=95 間隙4位置：95-15=80

內(nèi)圓5位置：80-65=15

畫好的效果如下：

2、同心圓畫法，根據(jù)我們上面的參數(shù)來畫 內(nèi)圓長度、寬度：65×2=130

間隙1長度、寬度：15×2=30 所以在中心位置的長寬=130+30=160 然后其它圓和間隙都是這樣的方式來畫，這里是小學(xué)數(shù)學(xué)知識別說你不會啊，為了節(jié)省時間，可以先把長寬算好出來 在路徑面板新建9個空白的路徑圖層 把圖層命名為長寬參數(shù)，新建圓形路徑的時候速度就快了，注意新建圓形路徑的時候鼠標(biāo)指針要正對中心十字位置點擊，否則會偏離。

好吧，不知道大家有沒有算出來，我把參數(shù)答案說一下吧 (130、160、290、320、450、480、610、640、770)

3、新建一個路徑圖層，然后選擇矩形路徑工具 在中心點一下，長寬為7.5像素 然后按Ctrl+T把H改為 10000%

然后把路徑轉(zhuǎn)為選區(qū)，填充白色，右鍵圖層轉(zhuǎn)為智能對象Ctrl+J復(fù)制多一層出來 把這兩個圖層組合為一個組命名4分塊，然后把兩個圖層命名為0和90【這個是我們要調(diào)整的角度】。

4、把剛剛的4分塊組，復(fù)制多3個組出來【收起組文件夾，按Ctrl+J 3次】然后重新命名為 6分塊、8分塊、10分塊 隱藏4、8、10分塊的組，我們單獨來處理 6分塊組：由于一個圓要分成6塊，所以需要3條矩形 那么就是3個圖層【復(fù)制多一層出來就可以了】每個圖層的矩形角度肯定大家也都知道，不知道回去看看小學(xué)六年級數(shù)學(xué)去【一個圓分成6塊錢那么就是 360÷6=60度角】所以3個圖層角度分別是 0、60、120。

其它組的處理方法也是依照這個方法，復(fù)制圖層來把每個圖層的角度調(diào)整好 畫好了如下，如果對方向不滿意的還可以Ctrl+T直接旋轉(zhuǎn)角度

5、OK 現(xiàn)在參考線基本上沒有什么作用了，可以清除掉方面看清楚一些 隱藏所有組，收起頂層的組，然后新建一個空白圖層 在路徑面板選擇770的路徑，Ctrl+回車，轉(zhuǎn)為選區(qū)填充顏色隨便。

選擇640路徑轉(zhuǎn)選區(qū)，按Delete刪除 選擇610路徑轉(zhuǎn)選區(qū)，按Alt+Delete填充 選擇480路徑轉(zhuǎn)選區(qū)，按Delete刪除，以此類推，把同心圓通過填充和刪除的方法做出來。

6、把同心圓的圖層拉到背景圖層上面，然后把4個分塊組選中，按Ctrl+T調(diào)整角度為-30。

然后右鍵組---合并組，把每個組單獨合并為單獨圖層。 選擇290路徑，按Ctrl+回車 按住Ctrl+Alt，點擊130路徑 繼續(xù)按住Ctrl+Alt，點擊4分塊，這樣通過選區(qū)相減的方法，把最里面的圓轉(zhuǎn)為4個扇形的選區(qū)就搞出來了

然后選擇同心圓的圖層，Ctrl+J 把4塊扇形新建為一個圖層出來。

以此類推，把其它圓圈也轉(zhuǎn)為分塊扇形，然后都建立為選區(qū)，跟新建為圖層 建好的效果如下

如果對扇形的位置不滿意的，可以在分塊圖層自己去調(diào)整角度吧 我這里的角度是公式化調(diào)整出來的，想要個性化的同學(xué)可以自己去修改。

7、接下來就是體力活了，拖入圖片素材一張一張來搞定，拖入圖片之后，為了方便調(diào)整位置，我把圖層不透明度降低到40%，然后調(diào)整位置的時候就清楚多了。

調(diào)整好位置之后按Ctrl點擊圖層1的縮略圖，載入選區(qū)

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

這樣就可以得到單獨一面扇形的圖片了，調(diào)整回不透明度為100%就OK了

以此類推，體力活貴在堅持。 這里我就不一一演示全部做好的內(nèi)容了，太累了。思路就是這樣然后剩下的，各位自己動手吧 做好之后把底層的顏色扇形隱藏掉，背景圖層改為白色就可以了

我這個是我花了將近1個小時搗鼓下來的東西

做到這里可能會有不少人問 為什么不用蒙板? 實際上蒙板一開始我就是用蒙板的，只是只能適用于中心圓和四個扇形 到了6個扇形的時候問題就來了，

有部分需要手動去擦，太麻煩了 還不如用反選，一來干凈，二來圖層獨立性好，方便維護(hù)調(diào)整。

8、最后一步打字，這里可能會有不少人會犯囧 很多人肯定打字打出來會是這樣的：

就是文字在路徑外面，而且方向也是反的。 這個問題解決方法很簡單，先選擇290路徑，然后Ctrl+T水平翻轉(zhuǎn)

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

教程到這里就結(jié)束了，一共是 29張圖片(隱藏掉一張了) 如果沒有那么多圖的可以用文字代替也不錯。

方法就是 這樣，至于原圖那種暖黃小清新風(fēng)格的是后期調(diào)色的 與本教程沒有直接關(guān)系。 很多濾鏡都有調(diào)色功能也可以直接調(diào)整，由于我這些圖是插畫

整體顏色已經(jīng)是作品里面調(diào)好的，我就不再去畫蛇添足了。 教程沒什么技術(shù)上的難度，主要是體力活 跟我以前的那個文字圖像一樣，都是需要耐心。

最終效果圖!