請問Photoshop中這種圖是怎麼做出來的?

時間 2021-05-06 03:37:29

1樓:康石石

題主你好,這種圖主要需要用到PS中的圖層樣式來製作,不過在新增圖層樣式之前,我們還是需要將圖形先繪製出來看一下。

從圖中可以這張圖可以用PS文字工具製作,拐角處可以使用多個圖形對應選區的布林運算來製作,後面矩形的部分也是同理,以下是具體的繪製過程:

首先,填充一下背景,原圖中是徑向漸變,所以我們可以使用漸變工具設定好顏色填充一下即可。設定如下:

之後使用文字工具打上Ps,設定好顏色。

接著使用圓角矩形工具繪製圓角矩形,在屬性面板中調整圓角半徑到合適,設定如下:

複製該圓角矩形,移動至下方對齊,之後繪製矩形,為矩形填充顏色,結果如下:

接下來按ctrl(command)單擊矩形縮圖載入矩形選區。

我們需要將拐角處減去,選擇魔棒工具,在選項欄中勾選連續和對所有圖層取樣。

之後按住ALT(option)減選,即可得到需要的區域。

隱藏這三個圖層,新建乙個圖層,設定三色漸變後填充漸變色。

這樣拐角處就製作好了。

最後來製作後面的矩形塊,首先顯示出之前的圓角矩形,再繪製乙個矩形,如下:

按 ctrl(command)先載入圓角矩形,之後按shift+ctrl(command)載入矩形即可得到後面的整個區域,新建圖層填充顏色如下:

到這裡圖形基本就繪製好了。

我們需要為Ps和後面的矩形新增投影,首先使用圖層樣式中的投影來新增投影效果,這裡我們主要設定好影子的顏色透明度及模糊大小即可。

先選中Ps圖層,fx-投影,設定如下:

投影效果如下:

我們需要投影倒下,所以在投影上右鍵-建立圖層,這樣投影變為普通圖層,我們就可以隨意變換了。

自由變換將影子傾斜。

使用同樣的方法將後面的矩形也添上投影。

感覺Ps拐角接縫處有點寬,我們將Ps往左移一點。

投影製作就完成了。

從原圖中可以看出,Ps和後面的矩形都有高光效果,我們使用圖層樣式當中的斜面與浮雕為這兩個圖層新增高光,先為Ps新增:

後面的矩形也新增一下:

最後為後面的矩形新增陰影和高光效果,這裡我們直接用畫筆來繪製。

經過以上的步驟,這個圖就製作出來了。

最後給大家總結一些要點如下:整個製作過程中,我們主要使用了選區布林運算和圖層樣式來達到效果的。布林運算在選區操作中其實用的也是比較多的,我們大都在選項欄中去選擇或是使用快捷鍵,其中加選可以按shift,減選可以按alt(option),交叉選可以按shift+alt(option)。

布林運算部分其實也可以考慮直接使用鋼筆或是變形的方法來實現,不過使用布林運算會更好控制的多,不熟悉的同學只要按照流程製作,應該也是可以成功的。而且原圖中拐角處的形狀實際上是很貼近圓角矩形的,直接用圓角矩形也會比較還原。

UI設計中圖層樣式是很常用的功能,我們在這裡主要使用了投影、斜面和浮雕效果。因為投影的效果並不能實現原圖中投影的角度,我們使用了建立圖層的功能將效果轉換為普通圖層,通過進一步的自由變換來達到合適的角度。斜面和浮雕是最常用的立體效果了,用這個功能新增圖中的高光,讓圖中的PS和後面的矩形更有厚度感。

2樓:Ps視覺設計

小場景合成,光影關係處理,同樣的原理這個視覺要更好一些

小場景合成可以了解下,比這複雜

3樓:劉穎

1.首先新建乙個畫布,用徑向漸變做出背景。

2.選擇乙個合適的字型,輸入Ps,右鍵文字圖層轉換為形狀。

3.用圓角矩形工具畫乙個圓角大小為40PX(根據大小調整圓角大小)的矩形

4.複製乙個剛才畫的圓角矩形,轉折圓角大小為80px,用布林運算做出這樣的效果

5.調整剛才圓角矩形背景到合適的大小

6.複製圖層,ctrl+T 做出投影的效果7.用高斯模糊做出虛化投影的效果

8.用漸變疊加做出立體效果,要是想做出厚度感,新增乙個白色內陰影。

9.用同樣的方法做出背景的效果

10.現在是基礎的立體效果

11.接下來新增光源的細節,畫乙個橢圓,然後高斯模糊12.用剪下蒙版隱藏不要的光源,調整透明度,用同樣的方法做出PS文字的光源。

13.最終效果

4樓:

各位大神都答的很棒,我也做了乙個,

我給題主說幾個要注意的地方哈。

第乙個:

這個投影投到牆上的部分,一定要向圖上灰色的部分一樣折回來,因為投到牆上的部分應該是和主體物平行的。第二個:

燈光下,影子距離主體近的地方顏色深一些輪廓清晰一些,遠的地方顏色變淺輪廓變模糊。

然後就沒有了。加油。

成品和圖層,幫助理解

以及原始檔:

5樓:郭王奔逸

方式和方法還是蠻多的,在此寫一下個人認為比較簡單的方法。

1.做出乙個左側帶形變的「Ps」。字型轉形狀和鋼筆工具直接畫都可以。

2.乙個作為「背板」的形狀。矩形改或者直接用鋼筆工具畫都可以。

3.給「Ps」形狀設定圖層樣式。

為了字型有厚度:

斜面與浮雕:大小1

等高線:50%

為了有高光:

漸變疊加:最左側深灰,白色,最右側透明度0

4.給「Ps背板」形狀設定圖層樣式。

為了字型有厚度:

斜面與浮雕:大小1

等高線:50%

為了有陰影:

漸變疊加:最左側深灰,最右側透明度0

5.給「Ps」與「背板」增加高光。用中心漸變拉白色的漸變做剪貼蒙版即可。

6.投影與背景。

投影:原圖的投影用複製「Ps」的形狀自由變換再做高斯模糊再設定正片疊底即可,在此個人喜好關係,增加了蒙版,使投影有變化。並且由於「Ps」的投影是同時投在地面和背板上的,所以應該有轉折,在此也分成兩部分投影,分別兩個角度。

背景:拉乙個中心漸變或者純色圖層+羽化選取的曲線工具都可以。這裡我用的是後者。

收工。

6樓:Donkihode

首先鍵入Ps。

接著用鋼筆工具在旁邊畫上弧度,然後兩者合併轉為智慧型物件。

用鋼筆工具畫背後的色塊。

和前面的圖形各自複製一層,分別置於圖層下方,向上平移一兩個畫素就好。這步有人沒看懂,直白點說意思就是比如把前面的Ps圖形複製一遍然後放置在Ps這個圖層下方,接著向上平移一丟丟,你就能看到製造出的厚度了。

在Ps前繪製乙個白色矩形,剪下蒙版嵌入到Ps中。

使用高斯模糊形成曲面的高光效果。

再新建一層剪下蒙版,用畫筆工具正片疊底繪製陰影。

再新建一層剪下蒙版用白色繪製高光。

同理對後面的色塊進行明暗的繪製。

修飾一下邊緣。

複製倆Ps,乙個是地面投影乙個是背景投影,再畫乙個背後的矩形矩形,並使用扭曲工具進行投影的繪製。

使用移軸模糊並修改透明度。

最後用畫筆工具給背景塗抹明暗關係,齊活兒~

請問Photoshop做出這種效果,需要學到什麼程度?

科科 這個很明顯是室內裝房效果圖,三維軟體建模渲染後ps做調整修圖,如果你要做這種效果圖,先找個三維軟體 3D Max Maya C4D 推薦的話3D Max,把建模渲染先學會,百分之90的工作量都在三維軟體裡完成,就軟體而言三維軟體軟體會比ps難上手一些。 Torandot PS做效果圖?強行做還...

如何用 Photoshop 做出這種迷幻效果?

周子韌 Glitch Art屬性,相關Ps外掛程式不太好找,自己做又比較麻煩,但Ae會方便一些 其實IOS上有個專門的Glitch應用程式就很棒啊2333 聶渲南 圖2高手在上,我厚著臉皮答下圖1的吧 步驟1 準備好將要魔改的圖,最好是沒背景色的png步驟2 影象 調整 去色,因為我們要的是灰度影象...

請問下面這種圖如何用latex實現?

誘宵美9 遇事不決 tikz 並不 你還可以用gathered begin M nearrow qquad searrow M qquad M nearrow qquad searrow qquad nearrow qquad searrow M qquad M qquad M cdot dot q...