<瀏覽> 首頁 / 按鈕教程 /博客文章:RIATMP1030-Photoshop的按鈕和橫幅教程

| 手機 | RSS

RIATMP1030 Photoshop的按鈕和橫幅教程

2009年5月12日
Button and banner tutorial in photoshop
按鈕和橫幅Photoshop教程

這是幾乎每個人都帶或不帶任何先驗知識在Photoshop中創建一個非常簡單的教程。 我通過一步一步的指引,在5分鐘內做。 請點擊圖片看大。

Click here to download

下面是步驟:

步驟1:創建一個新的文件大約860px / 185 PX(文件- >新建)

第2步:確保層窗口是開放的,並通過點擊你層窗口的右下角, 創建一個新圖層圖標,添加一個新層。 給這個新圖層的名稱“背景”。

第三步:創建均為15px角落圓角矩形的寬度是855px,高度為175px,填充顏色#609590。 你的頁面應該是這樣。

Photoshop button and banner tutorial
Photoshop的按鈕和橫幅教程

第4步:選擇圖層樣式 (離開你層窗口底部的圖標) - >斜面和浮雕 ,並按照如下圖所示的設置。

button tutorial in photoshop, bevel effect
在Photoshop中,斜角效果按鈕教程
第5步:添加一個新層,並創建選擇一個像圓筒寬度是845px,高度為40px;從頂部10px 10px左 填充漸變顏色從白色(#FFFFFF)為透明的 ,它應建立在頂部的亮點。 看到下面的圖片和你的形象應該是這樣。

Button tutorial in photoshop
在Photoshop按鈕教程
Button and banner tutorial in photoshop
按鈕和橫幅Photoshop教程

步驟6:創建一個新層,選擇像氣缸寬度:830px和height:40px您的按鈕,填充顏色#eaeaea下選擇“圖層樣式- >斜面和浮雕”,並按照如下圖所示的設置。

Photoshop button and banner tutorial
Photoshop的按鈕和橫幅教程

第7步:添加一個新層,剛剛創建的按鈕的頂部創建選擇像氣缸寬度:25px和填充漸變顏色從白色(#FFFFFF)開始到透明的 ,它應該建立在頂部的亮點:810px和高度 看到下面的圖片,和你的形象應該是這樣。

Photoshop button and banner tutorial
Photoshop的按鈕和橫幅教程

第8步:鍵入文本所需的菜單結構和由薄1pixel垂直線分隔。 你也可以把在頂部貴公司的標誌和文字。 一旦你把所有的文本,你的形象應該是這個樣子。

發現本教程有用嗎? 你可以幫我買咖啡,在這裡你可以支付 !乾杯 :)

pixel RIATMP1030  Photoshop button and banner tutorial

Photoshop button and banner tutorial
Photoshop的按鈕和橫幅教程

分享和欣賞
  •  RIATMP1030  Photoshop button and banner tutorial favicons?domain=digg RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.dzone RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.facebook RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.google RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.linkedin RIATMP1030  Photoshop button and banner tutorial favicons?domain=favorites.live RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.mixx RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.myspace RIATMP1030  Photoshop button and banner tutorial  RIATMP1030  Photoshop button and banner tutorial favicons?domain=reddit RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.stumbleupon RIATMP1030  Photoshop button and banner tutorial favicons?domain=technorati RIATMP1030  Photoshop button and banner tutorial favicons?domain=twitter RIATMP1030  Photoshop button and banner tutorial favicons?domain=buzz.yahoo RIATMP1030  Photoshop button and banner tutorial
發表評論 12530的看法,9今天到目前為止|

評論被關閉。