當(dāng)前位置:首頁(yè)>ps入門教程>動(dòng)圖教程>動(dòng)畫教程>教程內(nèi)容

二維碼,制作一枚動(dòng)態(tài)二維碼指紋圖片(4)

來(lái)源:站酷 作者:那年十七歲 學(xué)習(xí):21491人次
www.theoat.com.cn_0333224638-0.gif

先打開(kāi)源文件指紋icon,會(huì)發(fā)現(xiàn)有一百多層。我們不用管,只看第一個(gè)就行。

這個(gè)icon分兩個(gè)部分組成。一個(gè)是靜態(tài)背景,一個(gè)是動(dòng)態(tài)指紋。

1、背景有兩個(gè)。一個(gè)大背景和一個(gè)指紋后面的小背景。

  a、大背景,新建圖層-填充顏色,就行了。

  b、小背景,運(yùn)用形狀工具【U】。其次還會(huì)發(fā)現(xiàn)有4層投影。最下面的三層也可以用形狀工具,然后高斯 模糊一下。再用小背景的圖層混合模式里的投影做最后一層投影。

做的過(guò)程中多調(diào)試多與原圖對(duì)比,調(diào)試就行。

2、指紋也有兩個(gè)。靜態(tài)的和動(dòng)態(tài)的。

a、靜態(tài)指紋。用魔棒工具做出選區(qū),然后再把選區(qū)變成工作路徑,再用直接選擇工具把路徑調(diào)整準(zhǔn)確,再 把路徑變成選區(qū)填充顏色,在利用圖層混合模式,進(jìn)行調(diào)整。

b、動(dòng)態(tài)指紋。是靜態(tài)指紋圖層在時(shí)間軸上變化。調(diào)整時(shí)間軸上的圖層下面的“變換”“不透明度”“圖層 樣式”“圖層蒙版位置”“圖層蒙版啟用”命令就可完成。

打開(kāi)源文件指紋GIF

www.theoat.com.cn_0333223352-1.png

再新建文檔。

預(yù)設(shè)里面會(huì)有剛剛打開(kāi)指紋模板(神奇吧)

www.theoat.com.cn_0333225031-2.png

第一部分制作背景

把剛剛的參考圖層拖入新建的文檔里,并鎖定。

www.theoat.com.cn_0333225532-3.png

新建圖層2,填充背景色,如下圖

www.theoat.com.cn_0333225462-4.png

畫一個(gè)圖標(biāo)大小的矩形,圖層名為矩形1。如下圖

www.theoat.com.cn_03332250c-5.png

復(fù)制一層,命名為矩形2,并修改屬性,把圓角改為75

www.theoat.com.cn_0333222106-6.png

把矩形2復(fù)制多兩層

www.theoat.com.cn_03332240D-7.png

效果如圖:

www.theoat.com.cn_0333225A2-8.png

給矩形1加投影

www.theoat.com.cn_033322J17-9.png

把矩形2圖層及復(fù)制得到的兩個(gè)圖層按住CTRL選擇上,然后:圖層-智能對(duì)象-轉(zhuǎn)換為智能對(duì)象。

www.theoat.com.cn_0333224J3-10.png

給矩形2拷貝圖層添加高斯模糊。

www.theoat.com.cn_033322CY-11.png

www.theoat.com.cn_03332261Z-12.png

第二部分指紋制作

www.theoat.com.cn_0333225b2-13.png

www.theoat.com.cn_033322E13-14.png

www.theoat.com.cn_0333225P3-15.png

www.theoat.com.cn_0333225035-16.png

關(guān)鍵一步。一定記得存儲(chǔ)路徑,不然辛辛苦苦就白畫了

www.theoat.com.cn_033322AI-17.png

新建一個(gè)圖層4再填充路徑

www.theoat.com.cn_0333225N8-18.png

www.theoat.com.cn_03332235Z-19.png

www.theoat.com.cn_033322E29-20.png

填充顏色后進(jìn)行原效果調(diào)整,使指紋有凹凸感

www.theoat.com.cn_0333223237-21.png

www.theoat.com.cn_0333221013-22.png

再把圖層四轉(zhuǎn)化正智能對(duì)象,并重命名一下。方便后期調(diào)整。

www.theoat.com.cn_033322G19-23.png

www.theoat.com.cn_03332252P-24.png

www.theoat.com.cn_0333224392-25.png

再調(diào)出時(shí)間軸進(jìn)行

第三部分時(shí)間軸調(diào)試

www.theoat.com.cn_0333224057-26.png

www.theoat.com.cn_0333221104-27.png

www.theoat.com.cn_0333221206-28.png

www.theoat.com.cn_0333222F8-29.png

www.theoat.com.cn_0333224414-30.png

www.theoat.com.cn_03332212a-31.png

www.theoat.com.cn_0333222B5-32.png

www.theoat.com.cn_0333226005-33.png

www.theoat.com.cn_033322H34-34.png

www.theoat.com.cn_0333224427-35.png

www.theoat.com.cn_0333225545-36.png

www.theoat.com.cn_03332213J-37.png

www.theoat.com.cn_03332215N-38.png

www.theoat.com.cn_03332234M-39.png

www.theoat.com.cn_0333224b1-40.png

www.theoat.com.cn_0333223C2-41.png

www.theoat.com.cn_0333222552-42.png

www.theoat.com.cn_0333222958-43.png

www.theoat.com.cn_03332224W-44.png

www.theoat.com.cn_033322LR-45.png

www.theoat.com.cn_0333225332-46.png

www.theoat.com.cn_033322LW-47.png

www.theoat.com.cn_0333221035-48.png

www.theoat.com.cn_033322CL-49.png

www.theoat.com.cn_0333221P1-50.png

www.theoat.com.cn_0333226460-51.png

www.theoat.com.cn_0333224919-52.png

www.theoat.com.cn_033322E20-53.png

www.theoat.com.cn_03332234a-54.png

www.theoat.com.cn_0333225L4-55.png

www.theoat.com.cn_0333226449-56.png

www.theoat.com.cn_0333221V3-57.png

www.theoat.com.cn_03332211Q-58.png

www.theoat.com.cn_03332254W-59.png

完成了

www.theoat.com.cn_0333222942-61.gif

自己摸索出來(lái)的東西才能被自己真正掌握,不會(huì)忘,但走的彎路比較多,比較浪費(fèi)時(shí)間。

所以這個(gè)ICON臨摹教程給大家的僅僅是一個(gè)大概方向,好比各個(gè)路口的路標(biāo)一樣,具體怎么走,還得自己摸索,才能真正掌握。

謝謝觀看!

互勉!

(注:圖標(biāo)來(lái)自網(wǎng)絡(luò)。教程所屬原創(chuàng),如需轉(zhuǎn)載請(qǐng)署名原創(chuàng)作者@那年十七歲)

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!