<瀏覽> 首頁 / 全部按鈕圖標教程 /博客文章:RIATMP1157如何使按鈕和圖標

| 手機 | RSS

RIATMP1157如何使按鈕和圖標

2009年9月27日,
How to make button and icon tutorial

最低或幾乎沒有Photoshop的經驗幾乎每個人都創造了非常簡單而有吸引力的按鈕和圖標教程。 本教程的目的不只是展示創建一個按鈕的訣竅和技術,但也鼓勵你是富有創造力和想像力,使自己的按鈕,在未來。


任何創造性的工作中的重要秘訣之一是能夠看到的很久以前,你已經開始實施的結果。 有許多方法來實現它,對我來說最好的辦法是接近我的眼睛和嘗試,看看有什麼我要創建。 一旦我有一些有趣的嘗試在我的記憶快照之前,我睜開眼睛,立即繪製在一張紙上,它之前,我忘了。 這是你可以做的運動,並定期做會增加你的能力,以更清楚地看到。

比方說,這是我看到時,我閉上了眼睛,現在我怎麼能在Photoshop中執行​​?


Icon exercise draw on paper
圖標練習畫在紙上
要創建在Photoshop步驟如下,我將努力使簡單:

第1步:在Photoshop中打開新文件,並給button_tutorial.psd名稱,寬度:300,高度:250,默認情況下離開的一切。


Create new photoshop file
創建新的Photoshop文件

第2步:你可以保持背景為白色或使用一些平滑的質感,如果你喜歡,我只是很快創造了一些紋理,紋理庫。

Create texture in Photoshop
創建紋理在Photoshop

第三步:添加一個新層,並給予一個名稱,創建圓角方框選擇(135px X135px)的圓角半徑為20px。 有許多方法來創建圓角方形框,一個簡單的方法之一是:先畫一個正方形框,並選擇“選擇 - >修改 - >平滑”從頂部的菜單,並選擇20像素的半徑。

create rounded corner square box
創建圓角方盒子
您的屏幕應該類似於這樣:


rounded corner square box in photoshop
在Photoshop圓角方盒子
第4步:漸變色填充選擇區域,單擊“(1)梯度面板,並選擇圖標的圖標(2)從頂部和梯度顏色選擇挑三色顯示的圖像。 [#80a2be,#013871,#31b7dd]


gradient color in photoshop
在Photoshop中的漸變色
你最後的形象應該是這樣的。


Gradient color in photoshop
在Photoshop中的漸變色

第五步:現在,它的時間去探索一些影響,
單擊在圖層窗口底部的“添加圖層樣式”圖標,在圖層樣式窗口,檢查只是“陰影”複選框。 按照下面的示例圖像。

Add a layer style Drop Shadow
添加圖層樣式陰影

步驟6:現在檢查“外發光”複選框。 不要在下面的圖片所示。


Add a layer style Outer glow
添加外發光圖層樣式

第7步:下一步檢查“內發光”複選框。 不要在下面的圖片所示。


Add a layer style Inner glow
添加圖層樣式內發光

這裡是你最後的風格效果。


Add a new layer effect in photoshop
在Photoshop中添加一個新的層效果

第8步:添加一個新層,選擇從“編輯”菜單頂部的“中風”,並給予綠色,內部邊界6px。 按照樣品圖像。


Use stroke to create border from edit menu.
使用中風從編輯菜單中創建的邊境。

第9步:現在你有一個這樣的形象。 改變風格從頂層面板“屏幕”,將提供一個透明的效果。


Use stock to create border from edit menu.
使用股票,從編輯菜單中創建的邊界。

第10步:添加新層,畫一個圓角矩形框,如下圖所示。 它是像“第3步”我之前描述相同。

Draw a rounded rectangle box
繪製一個圓角矩形框

第11步:選擇“添加圖層蒙板層窗口底部的圖標欄,並選擇”漸變圖標“從'工具'窗口。 現在圓角矩形框上單擊並拖動鼠標,適用於從頂部底部,你應該看到這樣類似的結果。


Add layer mask and Gradient icon for lighting effect
添加圖層蒙板,漸變圖標照明效果

第12步:現在添加另一個圖層,畫一個像圖像的圓下方,並更改“Opecity從圖層面板約50%。


Opecity  to use highlight effect
使用突出效果的opecity

第13步:現在的時間來繪製一個圖標,你喜歡你放置或您可以使用任何現有的圖標,從您的收藏。 我只是畫一個相機迅速。


Draw camera in photoshop
在Photoshop中繪製相機



如果你願意,你可以添加更多的照明效果,但它是完全取決於你。


Lighting effect on button
按鈕上的照明效果

一旦你有準備按鈕,創建許多你想在短短幾分鐘的時間。 我現在,播放聲音,靜靜地聽,音頻設備,均衡器,DVD,CD,麥克風,錄音,錄像,磁帶,音量控制和攝像頭。


Sound play, Listen, Audio Device, Equalizer, DVD, CD, Mic, Recording, Video, Tape, Volume Control and camera
播放聲音,靜靜地聽,音頻設備,均衡器,DVD,CD,麥克風,錄音,錄像,磁帶,音量控制和相機
發現本教程有用嗎? 你可以幫我買咖啡,在這裡你可以支付 !乾杯 :)

pixel RIATMP1157  How to make button and icons

分享和欣賞
  •  RIATMP1157  How to make button and icons favicons?domain=digg RIATMP1157  How to make button and icons favicons?domain=www.dzone RIATMP1157  How to make button and icons favicons?domain=www.facebook RIATMP1157  How to make button and icons favicons?domain=www.google RIATMP1157  How to make button and icons favicons?domain=www.linkedin RIATMP1157  How to make button and icons favicons?domain=favorites.live RIATMP1157  How to make button and icons favicons?domain=www.mixx RIATMP1157  How to make button and icons favicons?domain=www.myspace RIATMP1157  How to make button and icons  RIATMP1157  How to make button and icons favicons?domain=reddit RIATMP1157  How to make button and icons favicons?domain=www.stumbleupon RIATMP1157  How to make button and icons favicons?domain=technorati RIATMP1157  How to make button and icons favicons?domain=twitter RIATMP1157  How to make button and icons favicons?domain=buzz.yahoo RIATMP1157  How to make button and icons
發表評論 8134的看法,2今天到目前為止|
標籤: PHOTOSHOP ,
按照討論

“RIATMP1157如何使按鈕和圖標的響應”

  1. 卓然說:

    不知道,這是真正的:),但由於後。
    謝謝

發表評論