教你用Photoshop制作創(chuàng)意風(fēng)格的同心圓扇形拼圖效果

效果圖:
原圖:
這個(gè)圖第一眼看上去可以發(fā)現(xiàn)都是 由扇形組成的 但是仔細(xì)觀察一下,很容易發(fā)現(xiàn)它這個(gè)圖是有規(guī)律的 5個(gè)同心圓,每個(gè)同心圓從4、6、8、10個(gè)扇形分割出來(lái),這圖做的難度的確不大,但是還是需要一點(diǎn)技巧和清晰的思路 我說(shuō)說(shuō)我的方法,給大家參考一下。 拋磚引玉,也許各位能用更快捷的辦法做出來(lái)。
我做完這個(gè)教程之后,我發(fā)現(xiàn)完全是一個(gè)小學(xué)數(shù)學(xué)題。
1、新建一個(gè)800×800的畫(huà)布,背景色黑色(方便看清楚參考線) 新建兩條縱、橫 的參考線分別是400像素 (因?yàn)?00÷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
畫(huà)好的效果如下:
2、同心圓畫(huà)法,根據(jù)我們上面的參數(shù)來(lái)畫(huà) 內(nèi)圓長(zhǎng)度、寬度:65×2=130
間隙1長(zhǎng)度、寬度:15×2=30 所以在中心位置的長(zhǎng)寬=130+30=160 然后其它圓和間隙都是這樣的方式來(lái)畫(huà),這里是小學(xué)數(shù)學(xué)知識(shí)別說(shuō)你不會(huì)啊,為了節(jié)省時(shí)間,可以先把長(zhǎng)寬算好出來(lái) 在路徑面板新建9個(gè)空白的路徑圖層 把圖層命名為長(zhǎng)寬參數(shù),新建圓形路徑的時(shí)候速度就快了,注意新建圓形路徑的時(shí)候鼠標(biāo)指針要正對(duì)中心十字位置點(diǎn)擊,否則會(huì)偏離。
好吧,不知道大家有沒(méi)有算出來(lái),我把參數(shù)答案說(shuō)一下吧 (130、160、290、320、450、480、610、640、770)
3、新建一個(gè)路徑圖層,然后選擇矩形路徑工具 在中心點(diǎn)一下,長(zhǎng)寬為7.5像素 然后按Ctrl+T把H改為 10000%
然后把路徑轉(zhuǎn)為選區(qū),填充白色,右鍵圖層轉(zhuǎn)為智能對(duì)象Ctrl+J復(fù)制多一層出來(lái) 把這兩個(gè)圖層組合為一個(gè)組命名4分塊,然后把兩個(gè)圖層命名為0和90【這個(gè)是我們要調(diào)整的角度】。
4、把剛剛的4分塊組,復(fù)制多3個(gè)組出來(lái)【收起組文件夾,按Ctrl+J 3次】然后重新命名為 6分塊、8分塊、10分塊 隱藏4、8、10分塊的組,我們單獨(dú)來(lái)處理 6分塊組:由于一個(gè)圓要分成6塊,所以需要3條矩形 那么就是3個(gè)圖層【復(fù)制多一層出來(lái)就可以了】每個(gè)圖層的矩形角度肯定大家也都知道,不知道回去看看小學(xué)六年級(jí)數(shù)學(xué)去【一個(gè)圓分成6塊錢那么就是 360÷6=60度角】所以3個(gè)圖層角度分別是 0、60、120。
其它組的處理方法也是依照這個(gè)方法,復(fù)制圖層來(lái)把每個(gè)圖層的角度調(diào)整好 畫(huà)好了如下,如果對(duì)方向不滿意的還可以Ctrl+T直接旋轉(zhuǎn)角度
5、OK 現(xiàn)在參考線基本上沒(méi)有什么作用了,可以清除掉方面看清楚一些 隱藏所有組,收起頂層的組,然后新建一個(gè)空白圖層 在路徑面板選擇770的路徑,Ctrl+回車,轉(zhuǎn)為選區(qū)填充顏色隨便。
選擇640路徑轉(zhuǎn)選區(qū),按Delete刪除 選擇610路徑轉(zhuǎn)選區(qū),按Alt+Delete填充 選擇480路徑轉(zhuǎn)選區(qū),按Delete刪除,以此類推,把同心圓通過(guò)填充和刪除的方法做出來(lái)。
6、把同心圓的圖層拉到背景圖層上面,然后把4個(gè)分塊組選中,按Ctrl+T調(diào)整角度為-30。
然后右鍵組---合并組,把每個(gè)組單獨(dú)合并為單獨(dú)圖層。 選擇290路徑,按Ctrl+回車 按住Ctrl+Alt,點(diǎn)擊130路徑 繼續(xù)按住Ctrl+Alt,點(diǎn)擊4分塊,這樣通過(guò)選區(qū)相減的方法,把最里面的圓轉(zhuǎn)為4個(gè)扇形的選區(qū)就搞出來(lái)了
然后選擇同心圓的圖層,Ctrl+J 把4塊扇形新建為一個(gè)圖層出來(lái)。
以此類推,把其它圓圈也轉(zhuǎn)為分塊扇形,然后都建立為選區(qū),跟新建為圖層 建好的效果如下
如果對(duì)扇形的位置不滿意的,可以在分塊圖層自己去調(diào)整角度吧 我這里的角度是公式化調(diào)整出來(lái)的,想要個(gè)性化的同學(xué)可以自己去修改。
7、接下來(lái)就是體力活了,拖入圖片素材一張一張來(lái)搞定,拖入圖片之后,為了方便調(diào)整位置,我把圖層不透明度降低到40%,然后調(diào)整位置的時(shí)候就清楚多了。
調(diào)整好位置之后按Ctrl點(diǎn)擊圖層1的縮略圖,載入選區(qū)
然后【反選】按L 套索工具,按Shift把 其它3個(gè)三個(gè)扇形套中之后按Delete刪除
這樣就可以得到單獨(dú)一面扇形的圖片了,調(diào)整回不透明度為100%就OK了
以此類推,體力活貴在堅(jiān)持。 這里我就不一一演示全部做好的內(nèi)容了,太累了。思路就是這樣然后剩下的,各位自己動(dòng)手吧 做好之后把底層的顏色扇形隱藏掉,背景圖層改為白色就可以了
我這個(gè)是我花了將近1個(gè)小時(shí)搗鼓下來(lái)的東西
做到這里可能會(huì)有不少人問(wèn) 為什么不用蒙板? 實(shí)際上蒙板一開(kāi)始我就是用蒙板的,只是只能適用于中心圓和四個(gè)扇形 到了6個(gè)扇形的時(shí)候問(wèn)題就來(lái)了,
有部分需要手動(dòng)去擦,太麻煩了 還不如用反選,一來(lái)干凈,二來(lái)圖層獨(dú)立性好,方便維護(hù)調(diào)整。
8、最后一步打字,這里可能會(huì)有不少人會(huì)犯囧 很多人肯定打字打出來(lái)會(huì)是這樣的:
就是文字在路徑外面,而且方向也是反的。 這個(gè)問(wèn)題解決方法很簡(jiǎn)單,先選擇290路徑,然后Ctrl+T水平翻轉(zhuǎn)
然后再打字就可以解決了。
教程到這里就結(jié)束了,一共是 29張圖片(隱藏掉一張了) 如果沒(méi)有那么多圖的可以用文字代替也不錯(cuò)。
方法就是 這樣,至于原圖那種暖黃小清新風(fēng)格的是后期調(diào)色的 與本教程沒(méi)有直接關(guān)系。 很多濾鏡都有調(diào)色功能也可以直接調(diào)整,由于我這些圖是插畫(huà)
整體顏色已經(jīng)是作品里面調(diào)好的,我就不再去畫(huà)蛇添足了。 教程沒(méi)什么技術(shù)上的難度,主要是體力活 跟我以前的那個(gè)文字圖像一樣,都是需要耐心。
最終效果圖!
教程結(jié)束,以上就是用Photoshop制作創(chuàng)意風(fēng)格的同心圓扇形拼圖效果,大家喜歡嗎?希望這篇教程對(duì)大家有所幫助,謝謝大家閱讀本篇教程!
相關(guān)文章
- 取景結(jié)束后,發(fā)現(xiàn)有些照片拍廢了,比如跑焦、模糊等都是最常見(jiàn)的,我們可以通過(guò)銳化解決著個(gè)問(wèn)題,詳細(xì)請(qǐng)看下文介紹2024-01-29
ps圖片處理后期銳化功能怎么用 圖片合理進(jìn)行銳化的技巧
銳化作為一種常見(jiàn)的后期處理手段,能夠讓照片煥發(fā)新生,細(xì)節(jié)畢現(xiàn),今天,就讓我們一起走進(jìn)銳化的世界,揭秘它的原理與操作技巧2024-01-29ps如何制作冰凍效果? PS人物手部找天添加凍結(jié)效果的技巧
ps如何制作冰凍效果?在處理人物照片的時(shí)候,想要將手部照片添加結(jié)冰效果,該怎么操作呢?下面我們就來(lái)看看PS人物手部找天添加凍結(jié)效果的技巧2023-07-13如何用ps調(diào)人的膚色? PS利用CMYK數(shù)值來(lái)調(diào)人物膚色的技巧
如何用ps調(diào)人的膚色?ps處理人像的時(shí)候,想要利用cmyk調(diào)人物膚色,下面我們就來(lái)看看PS利用CMYK數(shù)值來(lái)調(diào)人物膚色的技巧2023-06-29ps圖片怎么做破碎效果 ps制作破碎照片效果詳細(xì)圖解
ps圖片怎么做破碎效果?ps圖片處理的時(shí)候,想要做邊緣破碎效果,該怎么制作呢?下面我們就來(lái)看看ps制作破碎照片效果詳細(xì)圖解2023-06-25Photoshop人物照片怎么去除法令紋? ps照片p掉法令紋的技巧
Photoshop人物照片怎么去除法令紋?ps照片精修的時(shí)候,想要去掉人物面部的法令紋,該怎么操作呢?下面我們就來(lái)看看ps照片p掉法令紋的技巧2023-03-17Photoshop怎樣讓皮膚變細(xì)膩? ps人物圖片處理讓皮膚光滑細(xì)膩的方法
Photoshop怎樣讓皮膚變細(xì)膩?ps處理人像的時(shí)候,想要讓人物皮膚更好,該怎么操作呢?下面我們就來(lái)看看ps人物圖片處理讓皮膚光滑細(xì)膩的方法2023-03-17ps如何把人物鼻子變高挺? Photoshop人像處理把鼻梁變高的技巧
ps如何把人物鼻子變高挺?人物鼻梁有點(diǎn)矮,在處理圖片的時(shí)候,想要Photoshop人像處理把鼻梁變高的技巧2023-03-17- ps修圖人像眼袋怎么弄?ps處理人物圖片的時(shí)候,想要去一下眼袋,該怎么修復(fù)眼袋呢?下面我們就來(lái)看看PS人物修圖去眼袋的技巧,詳細(xì)請(qǐng)看下文介紹2022-12-01
ps人物照片怎么添加動(dòng)感模糊效果? ps動(dòng)感模糊濾鏡的應(yīng)用技巧
ps人物照片怎么添加動(dòng)感模糊效果?ps修圖的時(shí)候,想要給人物照片添加動(dòng)感模糊效果,該怎么制作這個(gè)效果呢?下面我們就來(lái)看看ps動(dòng)感模糊濾鏡的應(yīng)用技巧2022-06-01