當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>淘寶美工>教程內(nèi)容

PS淘寶店鋪左側(cè)裝飾圖片裝修教程

來源:ps教程網(wǎng) 作者:tataplay尖 學習:25964人次

  開淘寶店最重要的就是店鋪裝修,再好的產(chǎn)品沒有好的店面也是沒用,縱觀所有皇冠級別的淘寶店鋪,其店面裝飾都非常的漂亮,開淘寶店做店鋪裝修就兩種方案,一種花錢請人,一種自己做,本系列教程是專門針對想自己進行淘寶店鋪裝修而制作的PS教程,本例以常見的淘寶店鋪左側(cè)裝飾圖片的制作進行演示,有興趣的朋友可以一試!

PS淘寶店鋪左側(cè)裝飾圖片裝修教程 教程

  動態(tài)效果圖

淘寶店鋪裝修教程-左側(cè)裝飾圖片【效果圖】教程

  靜態(tài)效果圖

淘寶店鋪裝修教程-左側(cè)裝飾圖片【原圖01】教程

  原圖一:支付寶官方圖標

淘寶店鋪裝修教程-左側(cè)裝飾圖片【原圖02】教程

  原圖二:支付寶消保官方圖標

  1、淘寶左側(cè)裝飾圖片一般都是寬度為160像素大小,我們新建一個160*320的空白文檔(本例采用photoshop CS5制作,其它版本通用),如下圖所示:

淘寶店鋪裝修教程-左側(cè)裝飾圖片【教學步驟01】教程

  2、首先我們來制作一下背景,從審美角度來講,背景盡量不要采用單擊的顏色填充,那樣即單調(diào)又不好看,一般都采用淺色漸變,單擊選擇“漸變工具”,如下圖所示:

淘寶店鋪裝修教程-左側(cè)裝飾圖片【教學步驟02】教程

  3、選擇漸變工具后,單擊菜單欄下方的“漸變編輯器”進行漸變色編輯,如下圖所示:

淘寶店鋪裝修教程-左側(cè)裝飾圖片【教學步驟03】教程

  4、彈出漸變編輯器后,可以通過雙擊各個“色標”進行顏色設置,如下圖所示:

淘寶店鋪裝修教程-左側(cè)裝飾圖片【教學步驟04】教程

  5、在彈出的“選擇色標顏色”框中可以選擇你想要的顏色,一般背景都以淺色系為主,本例選擇如下圖所示:

淘寶店鋪裝修教程-左側(cè)裝飾圖片【教學步驟05】教程

  6、選擇顏色后效果如下圖所示,如果要添加色標可以用鼠標在要添加色標的位置單擊即可。

淘寶店鋪裝修教程-左側(cè)裝飾圖片【教學步驟06】教程

  7、設定好漸變色之后,單擊選擇“徑向漸變”類型,如下圖所示:

淘寶店鋪裝修教程-左側(cè)裝飾圖片【教學步驟07】教程

  8、用設定好的漸變色在空白文檔中從中心點向左下角拖出一條直線進行漸變填充,如下圖所示:

淘寶店鋪裝修教程-左側(cè)裝飾圖片【教學步驟08】教程

  9、接下來進行文字輸入,單擊選擇“橫排文字工具”,設置你想要的字體及大小,如下圖所示:

淘寶店鋪裝修教程-左側(cè)裝飾圖片【教學步驟09】教程

  10、設定好字體后,在文檔中單擊即可進入文字編輯狀態(tài),輸入相應的文字,如下圖所示:

淘寶店鋪裝修教程-左側(cè)裝飾圖片【教學步驟10】教程

  11、接建一個圖層1,用矩形選框拖出一個選區(qū),如下圖所示:

淘寶店鋪裝修教程-左側(cè)裝飾圖片【教學步驟11】教程

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
錢途2018-08-22 03:47
我的作業(yè):
ubhbs2013-01-21 03:41
好!。。。。!
ubhbs2013-01-21 03:01
好!。。。。!
duanzhanling2012-11-20 08:48
呵呵 支持哦……
duanzhanling2012-11-20 08:11
呵呵 支持哦……
我是潛水的2012-06-23 12:23
給力
孤傲落寞zyl2012-06-23 12:23
給力
簡單心的危害2012-06-23 12:23
給力
放開那女孩2012-06-23 12:23
給力
天使灣的半支煙2012-06-23 12:23
給力
雨夜珊瑚2582012-06-23 12:23
給力
瀟湘之君2012-06-23 12:23
給力
巴倫之戀2012-06-23 12:23
給力

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

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