photoshop-create-realistic-wallet-1

編者按:優設PS基礎訓練營的童鞋開始制作自己的教程咯,今天是@安全蛋?同學臨摹的一個擬物錢包教程,重點依然是圖層樣式,來和優設的小伙伴一起做作業吧,評論上圖喲。

這篇教程呢,不是原創,是偶然在網上看見這個擬物的圖,就想嘗試一下。做的不好?的地方還請大家指點,多包涵。不說廢話了,下面就開始吧。先看一看最終的效果:

第一步:塑造

作圖和繪畫差不多,都是從最基本的形體入手,由淺入深,慢慢細化。

1. 使用圓角矩形工具作出最基本圖形,兩個圖形都是550*550px,圓角分別是65px與 20px,色值313131

選中兩個圖層,鼠標右鍵,合并形狀,將合并好的圖層改名為“底”(說一下,CC以?上的版本就不用這么麻煩了,圓角矩形工具可以直接調整各個圓角的大小,給作圖帶?來了極大的便利)

2. 復制“底”,然后Ctrl+T自由變換,調整“底?副本”大小并移動到合適位置

3. 開始給“底”添加圖層樣式

3. 給另一個“底”添加圖層樣式

最后兩個圖形添加樣式后的效果

到這里基本的圖形就搭建差不多了,接下來就是要細化。這里細化我從兩個方面入手,?高光與反光,高光可以直接影響物體的質感。

4. 高光刻畫

首先使用鋼筆工具勾出這樣一個圖形,色值為dfdfdf

隨后調整圖層的模式與填充,并把圖形轉化為智能對象(選中圖層右鍵,所彈出的菜?單里),找到濾鏡-模糊-高斯模糊

接下來使用圓角矩形工具新建圖形,命名為“高光2”,使用漸變工具對其填色,其?余步驟與前面的步驟相同

5. 反光刻畫

反光的刻畫與高光相同,也是首先作出圖形,再模糊,只是這里我在做的時候后面調?整了一下,所以在這里看著可能會稍微有一點點怪,但是都在為最終效果服務嘛,哈?哈哈,這里的色值是d5c6b3

第一步到這里基本就結束了,好像還沒皮包的趕腳,別著急嘛,好了,第一步結束大?概是介個樣子的

第二步:添加材質、細化

1. 給第一步做出來的效果賦予顏色,這一點有點像CG繪畫的一些方法,先畫出黑白稿,?再疊加顏色,這里的色值是c75e01

2. 接著就是給錢包做材質,在百度上搜索皮質材質一大堆,這些都可以,只是用的時?候要根據素材做出相應的調整,素材不同,調整的參數也不同

這里我覺得材質疊出來有點暗,所以我添加了一個亮度/對比度的調整圖層

然后選擇調整圖層,Ctrl+Alt+G創建剪貼蒙版,剪貼蒙版的作用在這里是使調整圖層?只作用于材質貼圖

3. 復制“底?副本”,調整它的大小到合適位置,我們需要用它來制作縫紉線

我們不用管它的圖層樣式,我們只需要它的路徑,有了路徑就可以制作路徑文字了,?縫紉線就是這樣制作的。得到路徑后,我們使用文字工具,將光標放在路徑上,光標?會變成一個圓圈里面有一條波浪線的形式,這時我們就可以在路徑上書寫文字了,這?次我們需要使用“\”符號,就是回車上的那一個,\\\\\\\\\\\,是不是很像,哈哈哈,鄙人認為實在是太喪心病狂了。

就是介個樣子,注意看路徑上有一個小圓圈和一把小叉,它們就代表了路徑文字的起?止點,按住Ctrl+鼠標在這兩個點附近的時候,光標也會變化,會有一個小箭頭,這?個時候就可以調整了,這個縫紉線的大小跟文字調整大小是一樣的,色值不用管,在后面圖層樣式會調整(ps:為什么我的cs6里面文字工具不能使用,一用就報錯,原來?都可以用的,害得我只要一有文字編輯的就得換ps,心累,真的累,麻煩有沒有哪位大神知道這個問題的解決方法,告訴我一下,小弟先在這里謝謝了)

縫紉線的圖層樣式

4. 再次添加材質,使用圖案填充中的彩色紙-紅色紋理紙,也可以自己在網上找,就?跟前面的皮材質是一樣的(紅色箭頭所指向的就是添加調整圖層的按鈕)

5. 將剛才的這些材質Ctrl+G打組,命名為“材質”,選擇“材質”組,鼠標放在“底”?的縮略圖上,點擊左鍵,得到“底”的選區,為“材質”添加圖層蒙版,這是為了防止在錢包外出現貼圖。

這一步的最終效果,大體已經出來了,還差一些修飾物

6. 添加鎖扣

首先制作出圖形的樣式

編輯圖層樣式

完成后的大致效果

復制一層,刪掉圖層樣式,調整一下位置(下移)與長度作為陰影

復制剛才的材質組,刪掉里面的縫紉線相關圖層,把它移動到這個鎖扣的上方,并將?圖層蒙版換鎖扣。再添加一個曲線調整圖層,提亮,也是要創建剪貼蒙版

7.添加扣子

8. 添加logo

大家就不要吐槽logo了,網上隨便找的一個,不加覺得比較單調

首先肯定是要把這圖摳出來,摳圖大法多種多樣,這里我就不多說了,哈哈哈

修飾的東西都加好了,快要結束了,想想都好激動啊

第三步:背景與陰影

1.背景的制作

一個徑向的漸變,色值如下

將這個背景復制一層,轉換為智能對象,添加雜色

2.陰影的制作

首先使用橢圓工具制作出陰影,再復制幾層,我是多復制了兩層,然后調整,一層比?一層小,一層比一層高斯模糊值低,說白了就是一個柔和的過渡

左面的是色值,右面的是高斯模糊值

最后的陰影效果

完成

【優設九月熱門PS教程

一招提升照片質感的高端手法!
《高端修圖手法!僅需一招便可提升你的照片質感》

3步輕松搞定清新色調!
《超贊!后期高手教你輕松3步修出清新色調》

海報設計的教程出來咯!
《PS教程!手把手教你臨摹一張絢麗的藝術海報》

作者:@安全蛋

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量101萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏