PS制作淘寶店鋪?zhàn)髠?cè)收藏閃圖裝修教程(5)

來源:PS教程網(wǎng) 作者:tataplay尖 學(xué)習(xí):14721人次

無論是淘寶店鋪、拍拍網(wǎng)還是其它網(wǎng)購商城,一般在店鋪裝修中都會希望客戶能夠收藏店鋪,所以做一個(gè)好看且吸引人的店鋪收藏閃圖也是很重要的,今日教程就以一個(gè)簡約風(fēng)格的店鋪收藏閃圖來進(jìn)行教程演示,希望對需要淘寶店鋪裝修的朋友們有所幫助!

PS制作淘寶店鋪?zhàn)髠?cè)收藏閃圖裝修教程 教程

  動態(tài)效果圖

淘寶裝修教程-左側(cè)收藏閃圖【效果圖】教程

  靜態(tài)效果圖

淘寶裝修教程-左側(cè)收藏閃圖【原圖01】教程

  原圖一

淘寶裝修教程-左側(cè)收藏閃圖【原圖02】教程

  原圖二

  1、本教程采用photoshop CS5制作,其它版本通用,先打開PS新建一個(gè)190*300的空白文檔(淘寶網(wǎng)店鋪?zhàn)髠?cè)裝飾圖片最大寬度為190),如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟01】教程

  2、打開原圖一,利用移動工具將其拖入到新建的文檔中,按Ctrl+T鍵進(jìn)行自由變換,適當(dāng)調(diào)整大小及位置,如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟02】教程

  3、新建一個(gè)空白圖層2,選擇常用工具欄中的“矩形選框工具”,在文檔下方拉出一個(gè)矩形選區(qū),如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟03】教程

  4、單擊選擇“滴管工具”,在如圖位置單擊一下吸取顏色:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟04】教程

  5、單擊選擇漸變工具,選擇“前景色到透明漸變”顏色類型,如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟05】教程

  6、設(shè)置好漸變后,從矩形選區(qū)的下方向上方拉出一條直線進(jìn)行漸變填充,效果如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟06】教程

  7、給圖層2添加圖層蒙版,利用硬度為0的黑色畫筆工具在交界處進(jìn)行擦除形成過渡效果,如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟07】教程

  8、接下來進(jìn)行文字處理,單擊選中“橫排文字工具”,設(shè)置字體為Arial,大小為60點(diǎn)左右,如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟08】教程

  9、設(shè)置好字體后,在文檔中單擊然后輸入收藏的英文collect,如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟09】教程

  10、在文字輸入狀態(tài)下,拖動選中頭字母C,設(shè)置大小為72點(diǎn),效果如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟10】教程

  11、再拖動選中ollect幾個(gè)字母,設(shè)置大小為36點(diǎn),效果如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟11】教程

  12、確保單擊選中collect文字圖層,選擇菜單“圖層->圖層樣式->投影”,效果如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟12】教程

  13、單擊勾選“顏色疊加”,設(shè)置疊加顏色為白色,效果如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟13】教程

  14、再單擊勾選“描邊”,設(shè)置描邊顏色為棕色,效果如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟14】教程

  15、再新建一個(gè)圖層3,利用矩形選框工具拉出一個(gè)細(xì)長的選區(qū),然后按住Shift鍵再疊加拉出一條稍長的選區(qū),如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟15】教程

  16、選擇菜單“編輯->填充”,在彈出的填充窗口中選擇白色進(jìn)行填充,再選擇菜單“圖層->圖層樣式->投影”進(jìn)行陰影設(shè)置,效果如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟16】教程

  17、單擊選擇“橫排文字工具”,設(shè)置字體為“黑體”,大小為60點(diǎn),如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟17】教程

  18、在文檔中單擊并輸入“收藏”兩字,如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟18】教程

  19、同樣選擇菜單“圖層->圖層樣式->投影”設(shè)置陰影樣式,之后再勾選“顏色疊加”,設(shè)置疊加顏色為白色,勾選“描邊”,設(shè)置描邊顏色為棕色,效果如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟19】教程

  20、將設(shè)置好的收藏字體復(fù)制生成一個(gè)“收藏 副本”圖層,然后將顏色疊加設(shè)置為棕色,描邊設(shè)置為白色,效果如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟20】教程

  21、打開原圖二,利用移動工具將其拖入到文檔中生成圖層4,適當(dāng)擺放位置即可,如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟21】教程

  22、最后就是動畫制作部分,單擊選擇菜單“窗口->動畫”,如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟22】教程

  23、單擊“復(fù)制所選幀”復(fù)制出第2幀,單擊第2幀,將“收藏”圖層的眼睛點(diǎn)掉,如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟23】教程

  24、單擊選中第1幀,將“收藏 副本”圖層的眼睛點(diǎn)掉,點(diǎn)完后最好再檢查一下第2幀,確保在第2幀中“收藏 副本”的眼睛是點(diǎn)上的,而“收藏”是點(diǎn)掉的,這樣兩幀就形成了交替變換的效果,如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟24】教程

  25、接著再設(shè)置一下時(shí)間間隔,按住Ctrl鍵同時(shí)選中兩幀,單擊時(shí)間位置,在彈出的菜單中選擇0.5,如下圖所示:

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟25】教程

  26、設(shè)置好時(shí)間間隔后可以單擊下方的播放按鈕預(yù)覽效果,不滿意可以修改,最后單擊選擇菜單“文件->存儲為Web和設(shè)備所用格式”,在彈出的設(shè)置窗口中確保類型為Gif,循環(huán)為永遠(yuǎn),之后單擊“存儲”保存即可。

淘寶裝修教程-左側(cè)收藏閃圖【教學(xué)步驟26】教程

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
何拒廷2012-08-26 11:45
大家好,新手報(bào)道

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

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