利用photoshop描邊路徑和圖層制作同心圓
互聯(lián)網(wǎng) 發(fā)布時間:2008-11-18 12:43:40 作者:佚名
我要評論

本例為Photoshop初學(xué)者系列實例教程,今天我們來學(xué)習(xí)一下利用描邊路徑和圖層制作同心圓、運(yùn)用圖層樣式來制作卡片背景以及圖層混合模式、漸變填充和變形工具的技巧,適合新手學(xué)習(xí)。
外國站上的,喜歡那顏色來著,蠻簡單的一效果
先看效果:
本例為Photoshop初學(xué)者系列實例教程,今天我們來學(xué)習(xí)一下利用描邊路徑和圖層制作同心圓、運(yùn)用圖層樣式來制作卡片背景以及圖層混合模式、漸變填充和變形工具的技巧,適合新手學(xué)習(xí)。
外國站上的,喜歡那顏色來著,蠻簡單的一效果
先看效果:
打開PS,新建一個空白的白色背景文檔,大小隨意~
在背景圖層上新建一個圖層,用橢圓選框工具,按住Shift鍵拉出一個正圓,然后選擇編輯——描邊,如圖
雙擊圓的那個圖層,彈出圖層樣式對話框,選擇描邊,設(shè)置如下(這里大小按自己要的來就行了,覺得差不多就可以了`)
#p#
復(fù)制多兩個圓,然后Ctrl T進(jìn)行自由變換,在縮放的同時,按住Shift Alt進(jìn)行等比例縮放~最后效果如圖~完工后,把這三個圓的圖層合并起來`(把三個圖層選起來,按CTRL E就可以合并啦~)
好了,一定有人奇怪,為什么要這么麻煩的畫吧,自定義形狀里不是有這么一個圓么~我一開始也想省事,不過我發(fā)現(xiàn),若是填充出來的圓,縮小了,粗細(xì)也隨著改變了,所以~麻煩也還是有點(diǎn)好處的~
下面要畫一下卡片的背景了,先把圓前面的眼睛點(diǎn)掉吧,隱藏起來,然后新建一個圖層,畫一個差不多如下圖的圓角矩形
雙擊圖層,修改圖層樣式,具體如下圖

這里顏色值原教程也沒給出,不過我自己取色,把色值提供給大家左右都是:#a9dcef 中間為:#26b4e4
最終效果如下圖:
#p#
好了,下面,把原來隱藏的圓圖層前面的眼睛點(diǎn)開來,再復(fù)制多幾份,隨意調(diào)大小和位置,我的是這樣的,大家也可以根據(jù)自己喜好來放~
擺放好滿意的位置后,把所有圓的圖層合并起來,然后按住Cttl鍵不放,用鼠標(biāo)點(diǎn)一下矩形圖層,這時候,矩形背景就給選出來了,可是我們選中的圖層還是圓的喔,然后選擇"選擇——反相"把矩形外多余的部分刪除~
下面,把圓這一圖層模式改為柔光:
好了,背景部分也完成了,最后再小小的處理下~
新建一個圖層,然后把矩形背景選起來,方法和上面一樣,然后選擇矩形選框工具,再把上面的從選區(qū)中減去選上,在原有的矩形選區(qū)上拉一下,得出如下選區(qū)
為選區(qū)填充由白到白色透明的漸變填充,然后按CTRL T,在圖上右擊選擇變形,調(diào)整如下圖~
最后為圖層添加斜面浮雕樣式就可以了~
做完了,最后自己加個合適的背景圖層就可以收工了
外國站上的,喜歡那顏色來著,蠻簡單的一效果
先看效果:

打開PS,新建一個空白的白色背景文檔,大小隨意~
在背景圖層上新建一個圖層,用橢圓選框工具,按住Shift鍵拉出一個正圓,然后選擇編輯——描邊,如圖

雙擊圓的那個圖層,彈出圖層樣式對話框,選擇描邊,設(shè)置如下(這里大小按自己要的來就行了,覺得差不多就可以了`)

#p#
復(fù)制多兩個圓,然后Ctrl T進(jìn)行自由變換,在縮放的同時,按住Shift Alt進(jìn)行等比例縮放~最后效果如圖~完工后,把這三個圓的圖層合并起來`(把三個圖層選起來,按CTRL E就可以合并啦~)

好了,一定有人奇怪,為什么要這么麻煩的畫吧,自定義形狀里不是有這么一個圓么~我一開始也想省事,不過我發(fā)現(xiàn),若是填充出來的圓,縮小了,粗細(xì)也隨著改變了,所以~麻煩也還是有點(diǎn)好處的~
下面要畫一下卡片的背景了,先把圓前面的眼睛點(diǎn)掉吧,隱藏起來,然后新建一個圖層,畫一個差不多如下圖的圓角矩形

雙擊圖層,修改圖層樣式,具體如下圖


這里顏色值原教程也沒給出,不過我自己取色,把色值提供給大家左右都是:#a9dcef 中間為:#26b4e4

最終效果如下圖:

#p#
好了,下面,把原來隱藏的圓圖層前面的眼睛點(diǎn)開來,再復(fù)制多幾份,隨意調(diào)大小和位置,我的是這樣的,大家也可以根據(jù)自己喜好來放~

擺放好滿意的位置后,把所有圓的圖層合并起來,然后按住Cttl鍵不放,用鼠標(biāo)點(diǎn)一下矩形圖層,這時候,矩形背景就給選出來了,可是我們選中的圖層還是圓的喔,然后選擇"選擇——反相"把矩形外多余的部分刪除~

下面,把圓這一圖層模式改為柔光:

好了,背景部分也完成了,最后再小小的處理下~
新建一個圖層,然后把矩形背景選起來,方法和上面一樣,然后選擇矩形選框工具,再把上面的從選區(qū)中減去選上,在原有的矩形選區(qū)上拉一下,得出如下選區(qū)

為選區(qū)填充由白到白色透明的漸變填充,然后按CTRL T,在圖上右擊選擇變形,調(diào)整如下圖~

最后為圖層添加斜面浮雕樣式就可以了~

做完了,最后自己加個合適的背景圖層就可以收工了
相關(guān)文章
- 取景結(jié)束后,發(fā)現(xiàn)有些照片拍廢了,比如跑焦、模糊等都是最常見的,我們可以通過銳化解決著個問題,詳細(xì)請看下文介紹2024-01-29
ps圖片處理后期銳化功能怎么用 圖片合理進(jìn)行銳化的技巧
銳化作為一種常見的后期處理手段,能夠讓照片煥發(fā)新生,細(xì)節(jié)畢現(xiàn),今天,就讓我們一起走進(jìn)銳化的世界,揭秘它的原理與操作技巧2024-01-29ps如何制作冰凍效果? PS人物手部找天添加凍結(jié)效果的技巧
ps如何制作冰凍效果?在處理人物照片的時候,想要將手部照片添加結(jié)冰效果,該怎么操作呢?下面我們就來看看PS人物手部找天添加凍結(jié)效果的技巧2023-07-13如何用ps調(diào)人的膚色? PS利用CMYK數(shù)值來調(diào)人物膚色的技巧
如何用ps調(diào)人的膚色?ps處理人像的時候,想要利用cmyk調(diào)人物膚色,下面我們就來看看PS利用CMYK數(shù)值來調(diào)人物膚色的技巧2023-06-29ps圖片怎么做破碎效果 ps制作破碎照片效果詳細(xì)圖解
ps圖片怎么做破碎效果?ps圖片處理的時候,想要做邊緣破碎效果,該怎么制作呢?下面我們就來看看ps制作破碎照片效果詳細(xì)圖解2023-06-25Photoshop人物照片怎么去除法令紋? ps照片p掉法令紋的技巧
Photoshop人物照片怎么去除法令紋?ps照片精修的時候,想要去掉人物面部的法令紋,該怎么操作呢?下面我們就來看看ps照片p掉法令紋的技巧2023-03-17Photoshop怎樣讓皮膚變細(xì)膩? ps人物圖片處理讓皮膚光滑細(xì)膩的方法
Photoshop怎樣讓皮膚變細(xì)膩?ps處理人像的時候,想要讓人物皮膚更好,該怎么操作呢?下面我們就來看看ps人物圖片處理讓皮膚光滑細(xì)膩的方法2023-03-17ps如何把人物鼻子變高挺? Photoshop人像處理把鼻梁變高的技巧
ps如何把人物鼻子變高挺?人物鼻梁有點(diǎn)矮,在處理圖片的時候,想要Photoshop人像處理把鼻梁變高的技巧2023-03-17- ps修圖人像眼袋怎么弄?ps處理人物圖片的時候,想要去一下眼袋,該怎么修復(fù)眼袋呢?下面我們就來看看PS人物修圖去眼袋的技巧,詳細(xì)請看下文介紹2022-12-01
ps人物照片怎么添加動感模糊效果? ps動感模糊濾鏡的應(yīng)用技巧
ps人物照片怎么添加動感模糊效果?ps修圖的時候,想要給人物照片添加動感模糊效果,該怎么制作這個效果呢?下面我們就來看看ps動感模糊濾鏡的應(yīng)用技巧2022-06-01