當前位置:
首頁 > 設計 > Photoshop繪製立體感十足的相機鏡頭教程

Photoshop繪製立體感十足的相機鏡頭教程

學習PS

微信號:XXPS1979

【學習PS】PS、AI教程學習公益分享公眾平台

GIF/61K

小希的相機

老畢的飯局

徐國人

00:00/03:14

本案例當中涉及到的知識點比較多,大致有:圖層樣式、混合模式、布爾運算、形狀編輯等,用的最多的還是滑鼠繪製,也是最費心的地方,注意黑白灰的關係,注意對比以及透視等,感興趣的朋友讓我們一起來學習吧。

先看看效果圖

1.新建畫布1024 x 1024

2.運用形狀矩形工具繪製出三個面通過變形調整將三個面放置合適的位置

3.接著結合鋼筆工具將圓角繪製出來,接著給一個顏色,在這邊如果有些同學畫不好的話,可以直接照著案例中的模型進行描出來

4.繪製出 三角線 方便區分出三個面,接著給三個面上個顏色,這裡面大家隨時結合著鋼筆工具以及選區工具。再運用形狀工具將頂面的插頭以及正面的圓形狀繪製出來

5.新建一個512 x 512 的畫布,我們先做出相機鏡頭,運用形狀工具中的橢圓工具以中心點位置繪製五個圓,填充不同的顏色。編個組命名為:郊區

6.同樣的方法以中心點位置用橢圓工具繪製五個內圓,給填充不同的顏色,這裡面的橢圓9是個圓環,我們通過布爾運算可以做出來,

詳細步驟可以看7當中所寫,也可以將橢圓9的形狀改成描邊,怎麼方便怎麼來

最後我們編個組命名為:市區

7.繪製內部的細節,結合布爾運算

先複製橢圓10,得到橢圓 10 拷貝,再複製一個橢圓 10 拷貝,得到橢圓 10 拷貝 2,Ctrl+T將橢圓 10 拷貝 2 縮小填充一個白色區分

然後在工具屬性欄找到路徑操作(也就是我們之前說的布爾運算)選擇減去頂層,就可以減去中心的原型得到一個圓環

8.得到圓環後,再複製一個出來將原本的這個圓環留著備用,複製得到 橢圓 10 拷貝 3 ,接著新建圖層運用鋼筆工具選擇形狀,繪製出形狀1,

9.繼續運用布爾運算,將形狀1跟橢圓10拷貝3Ctrl+E進行合并

還是運用黑箭頭路徑選擇工具,選擇三角形的錨點

(貓頭鷹案例中有同學覺得說布爾運算說的不詳細,這個案例中我們描述的細緻點,希望能夠幫到大家)

10.運用相同的手法我們做出其他的環,然後編組命名為中環1並且給他們填充不同的顏色

11.複製中環1,Ctrl+T選擇水平翻轉再垂直翻轉,得到中環2,我們再將他們編個組命名為:中環

12.運用繪製外環的手法我們再做一個內環

我們可以再繪製一個圓圈,當做市中心,這樣我們的整個形體就繪製好了

13.接下來我們給相機做效果,先選中郊區中的橢圓1,右鍵-混合選項就可以打開圖層樣式,本案例是用的是PS 2015CC版本做的,可以添加多個相同的效果,比如我這邊就運用兩個內陰影去做的,如果有些同學版本比較低,那麼就可以用一個內陰影外加一個投影來做,只要調好數值就可以了。

接著我們再選擇橢圓2同樣打開圖層樣式,然後給添加效果,這裡面的效果添加的比較多,這個沒辦法一個一個的都把數值給大家展示,而且我們在做臨摹的時候一定要自己去嘗試調數值,不然按照我的這個數值你就只會做我這一個案例,其他的還是不會,這個我不是找借口,大家可以看著效果自己去調,做出差不多的效果就可以。

同樣的方式我們給其他幾個橢圓也添加效果,這邊我把圖層展示給大家看看,大家可以跟著我的圖層給相同的圖層樣式自己調整

那麼最終的效果如下

14.接著再選擇組:市區,然後進行編輯,這裡面同樣給大家展示所用的那些圖層樣式,不全部展示了,強調的一點是在做橢圓9的時候因為下半部分我需要給它遮住,所以給它添加一個蒙版然後用黑色到透明色的漸變去擦除多餘的地方

最終展示圖:

(為了方便大家看效果我們把內環跟中環的圖層先關掉)

15.我們打開組:中環,給圖層添加漸變,顏色的話大家可以參考我的,也可以自己調節,不太會的同學可以直接吸取,為了使中環跟背景融合,我們給圖層添加蒙版然後同樣運用黑色到透明色漸變去擦除將其跟背景融合(也可以用黑色畫筆進行融合)

16.內環我們直接給添加蒙版進行融合就可以

17.為了是中環跟內環區分開,我們以中心點繪製一個黑色的放於二者之間,命名為:中心環

接著進一步豐富畫面,給外環上面加一道線,區分出成雙車道,給市中心的點周圍加一圈綠化帶

做完這一切我們的整個形體就完成了,如下圖:

18.接著我們開始給它添加光效,新建圖層命名為大高光,用選區工具繪製出一個橢圓區域,給其填充漸變色,然後給圖層添加蒙版用黑色到透明色擦除

19.新建圖層命名為:右邊側光,選擇顏色運用徑向漸變繪製顏色

再新建圖層命名為:左邊側光,同樣的方法繪製顏色

最終得到如下圖:

然後再新建圖層命名為:點光

新建圖層命名為:左上高光

給其添加高光,將繪製的光編組命名為:

如圖:

20.接著給導入光的素材:光的素材1、光的素材

這邊直接給大家保存出來了角度也調整過了,可以直接使用

導入素材後將混合模式調成濾色

給兩個圖層添加蒙版,用黑色畫筆將其跟背景融入到一起

如圖:

21,為了使光效更好,可以給內部添加一些的線條,運用橢圓工具繪製圓,將填充去掉改成描邊

添加好蒙版將其跟背景融入到一起

外部線因為收到光的影響,所以我們可以再新建一個圖層然後Ctrl+Alt+G 剪切蒙版繪製一些光的顏色

最終我們得到如下圖:

22.添加文字,我們這邊運用的是路徑文字,選擇郊區中的橢圓5然後複製移動頂層,去掉它的圖層樣式,並且將填充改成描邊,接著Ctrl+T,以中心點(結合Alt+Shift)縮小,接著給複製出來的橢圓5的錨點刪除一個(防止有些同學做不出圍繞字體的效果

接著輸入文字

刪除複製出來的橢圓5,給文字添加蒙版運用黑色畫筆稍微擦拭一下,將文字與背景融合

最終相機鏡頭就完成了

23.將繪製的相機鏡頭編組命名為:相機鏡頭,接著複製一個出來右鍵轉換成智能對象

然後拖拽到整體的畫布當中,Ctrl+T,右鍵扭曲,將它變成到合適的位置

24.接下來繪製頂部的插頭,通過同樣運用橢圓工具,將大致的形狀繪製出來,填充顏色區分開,插座是不規則形狀,可以通過鋼筆以及結合布爾繪製,方法跟之前的差不多,這邊就不再演示了

25.給最外圍的頂部圓添加外發光,再添加一個蒙版,用黑色畫筆將中間的部分擦除一些

在頂部圓1上面新建三個圖層,分別繪製兩邊以及上面的亮的部分

26.在頂部圓2的上面新建圖層,結合Ctrl+滑鼠左鍵 可以調出頂部圓2的選區

然後運用畫筆工具以及漸變工具進行繪色,繪製好後給圖層添加蒙版結合黑色畫筆進一步調整得到如下圖效果:

再新建圖層命名為:描邊,然後同樣先調出選區,滑鼠右鍵描邊

再用選區選中下半部分刪除掉

然後給一個高斯模糊後添加蒙版用黑色畫筆將其跟背景融合

27.選擇頂部圓用同樣的方法調出選區,給下半部分做描邊

這邊我們拿出來給大家看清楚,總共兩道,一到深色的一到白色的

主要目的是為了將質感體現的更好點,圖層很多,大家一定要給每個圖層命名編組,細心點去繪製。

28.繪製插頭部分,先將插孔部分隱藏,然後複製插座圖層得到插座拷貝,通過調整錨點以及大小將插座的厚度做出來

接下來還是新建圖層運用相同的辦法對擦頭部分進行繪製陰影高光等地方

29.繪製插孔給插孔添加圖層樣式如圖所示(參數大家自己調試)

然後再新建圖層對一些細節的地方進行繪製,繪製的時候同樣要結合選區

最終得到如圖所示:

30.在做側面的USB借口可以直接採用圖層樣式做,具體運用的還是給大家看看,數值還是自己去調,要學會逼自己。通過圖層樣式將側面的里外兩層的厚度做出來。

接著再來做USB借口,我們分為三個圖層去做USB1圖層添加了圖層樣式,另外兩個只要通過調整大小顏色就可以了

然後將USB1三個圖層編組命名為 USB1,接著複製組,往下移動得到USB2,在做的時候要考慮到透視,兩個USB介面 還是有點區別的雖然區別不大。

最後將所有圖層整理一下編個組命名為側面USB

然後將USB1三個圖層編組命名為 USB1,接著複製組,往下移動得到USB2,在做的時候要考慮到透視,兩個USB介面 還是有點區別的雖然區別不大。

最後將所有圖層整理一下編個組命名為側面USB

31.接著我們給整體上色,複製最初的整體圖層-盒子 並將其柵格化得到盒子拷貝,將之前的三角線隱藏掉,已經用不到了,將之前的三個面也隱藏掉,然後我們通過Ctrl+滑鼠左鍵分別調出三個面然後在盒子拷貝圖層進行上色,上色的時候運用漸變填充

得到如下圖:

32.接下來開始繪製轉折點,先繪製一個圓角矩形通過旋轉後放置合適的位置,然後調出它的選區後新建圖層填充白色再給高斯模糊

然後調出盒子的選區再Ctrl+I反相選擇,將超出去的地方刪除掉,接著再給高光的邊上做個暗部,讓其跟其他頂面以及側面融合,有亮部有暗部,效果就出來了

33.運用相同的方法分別作出其他幾個面的轉角,做的時候一定要注意轉角處的明暗,因為材質的問題,所以用的都是灰色,所以該亮的地方要亮,暗部要暗下去,在繪製的同樣結合選區以及蒙版等工具,最終效果如圖:

34.接下來運用鋼筆工具沿著輪廓繪製出兩條線,編組後命名為線,然後給組添加一個投影的圖層樣式,顏色為白色

35.輸入文字,然後Ctrl+T 將文字的旋轉後放置合適的角度,然後給文字也同樣添加投影的圖層樣式,顏色為白色,做到這邊我們整個物體就已經做完了

36.繪製投影,我們圖層最底層新建圖層命名為投影1,運用鋼筆工具繪製出選區,然後運用漸變填充給選區上色,上完色後再給圖層添加蒙版去除多餘的部分

接著再新建圖層命名為投影2,運用同樣的方法給物體底座部分繪製深色投影

現在整個案例就已經結束了,我們看一下整體造型,以及所有圖層

總結:本案例當中涉及到的知識點比較多,大致有:圖層樣式、混合模式、布爾運算、形狀編輯等,用的最多的還是滑鼠繪製,也是最費心的地方,大家在做的時候一定耐心去做,慢慢摸索,注意黑白灰的關係,注意對比以及透視等,圖層一定要整理,思維一定要清晰,這樣才能做出好的作品。

友情平台

平台自營微店

點擊展開全文

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 學習PS 的精彩文章:

Illustrator繪製立體感十足的APP圖標教程
Photoshop製作復古的郵戳效果圖
Photoshop設計清爽時尚的美食海報
Photoshop巧用高反差方法給人像照片磨皮
Photoshop繪製清新優雅的音樂圖標教程

TAG:學習PS |

您可能感興趣

Photoshop製作扁平質感的鏡頭圖標
Polina Washington鏡頭裡的迷幻光影
John Akehurst鏡頭下的彩妝大片
iPhone 7 Plus 的雙鏡頭技術?
透過鏡頭Through the lens
iPhone XPlus會採用三鏡頭嗎
攝影師Dimitri Mellos鏡頭裡的中國
Richard Silver鏡頭下的顛倒時空
Getty 攝影師Kevin Frayer鏡頭下的苦難
鏡頭捕捉 Gosha Rubchinskiy 秀場之下素人模特們的幕後狀態
Olloclip終於推出了首款iPhone X鏡頭套件
有種美,叫Vanessa Jackman鏡頭裡的清甜style!
可換鏡頭 DJI Phantom 5無人機新照片
Radiant Vision Systems宣布推出 用於測量頭戴式設備內近眼顯示器的全新AR/VR鏡頭
Apple文件披露iPhoneX後方主鏡頭會導致FaceID失效
疑似 iPhone SE2 真機曝光!植入 iPhone X 劉海雙鏡頭
2018年移動世界大會:pmdtechnologies和徠卡相機宣布進行戰略技術合作,為3D感測器解決方案提供經過優化的鏡頭
SLR Magic發布MicroPrime系列電影鏡頭
Lensbaby發布新款Burnside 35鏡頭 可調整鏡頭暗角
千張照片拼合成一幅作品,Markus Brunetti鏡頭中古老恢弘的教堂之美