當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁圖片>教程內(nèi)容

Photoshop CS2簡單繪制商品購物網(wǎng)站banner(4)

來源:未知 作者:不詳 學(xué)習(xí):677人次

這一個商品類網(wǎng)站的教程,發(fā)給大家一起學(xué)習(xí)。注:學(xué)習(xí)本教程請用PSCS2。

效果圖:..

1.新建一文檔,寬度自己可以選擇,我設(shè)為500*110大小。建立一個和畫布一樣大小的圖層,用純色填充背景

2.用矩形工具繪制一個矩形

3.選擇上面的添加形狀按鈕,用橢圓形工具建立一個橢圓形.我們把這一層命名為

4.用矩形工具建立一個垂直的比較窄的矩形

5.按Ctrl+J 和Ctrl+T鍵向又移動幾個像素.重復(fù)按Ctrl+J 和 Ctrl+T鍵得到如圖所示的圖形.(注:這里按Ctrl+J的意思是復(fù)制圖層,這里的Ctrl+T只是代替了移動鍵“V”鍵)

6.選擇并合并這些窄的圖層.命名為“line”把圖層樣式改為overlay.中文意思“疊加”

7.Ctrl+單擊 

8.把該圖層把透明度調(diào)為20%

9.用自定義圖形 畫一個方框.

注:如果你的自定義圖形中沒有這個圖形,可以通過以下方法加入。

按Ctrl+T.又擊選擇歪曲(英文為warp).右擊選擇弓形設(shè)置如圖所示的參數(shù)

復(fù)制圖層,按Press Ctrl+T.右擊選擇垂直翻轉(zhuǎn),變成如圖所示的形狀

按上面的方法做你需要的按鈕

把要鏈接的名字打在按鈕上

右擊文本層,選擇弓行文本,設(shè)置如下圖所示參數(shù)

用同樣的方法在其他的按鈕上寫上相應(yīng)的文字,調(diào)節(jié)文本的彎曲度和按紐的彎曲度相同

在槽部和頂部插入我們要的文字或圖片

還是選用自定義圖形建立一個大的正方框旋轉(zhuǎn)45°

把圖層模式改為overlay降低透明度為30.

把圖層復(fù)制兩次,如圖把圖層按比例縮小

插入一幅漂亮的圖片或者是公司的產(chǎn)品

在右側(cè)底部插入公司的logo

完成。

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

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

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

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