If you're new here, you may want to subscribe to my RSS feed .如果你來這裡,你可以訂閱我的rss的飼料。 Thanks for visiting!感謝來訪!
In this Adobe® Photoshop tutorial, you will be learning various techniques involved in creating web buttons.在這個有adobe ® photoshop的補習,你將學習各種技術參與創建web按鈕。 This tutorial can also be extended to Photoshop CS2.本教程也可以延伸到對photoshop cs2 。 First, open up a new .psd document.第一,開闢了新的。 psd的文件。 In a new layer, select a circular area with the selection tool.在一個新的層中,選擇一個圓形區域內選擇的工具。 (Holding down Shift will make the selection stay circular, rather than being elliptical.) Fill the area with the paint bucket. (控股下跌轉變將使選擇留圓,而不是橢圓) 。填補該領域與油漆桶。 This is the curved end of your web button.這是弧形完你的網頁按鈕。
![]()
Zoom in (Ctrl +) and select a one-pixel wide area in the centre of the circle.變焦(按ctrl + ) ,並選擇一個像素寬領域,在該中心的循環。 You can use the normal Selection Tool to do this, or you can hold down on the Selection Tool, and choose the Single Column Marquee Tool.你可以使用正常選擇工具,要做到這一點,或者你也可以保有對選擇工具,並選擇單柱盛況的工具。
![]()
With your one-pixel sliver of the web button selected, press Ctrl+T to "Free Transform" the selection.你的一個像素棉條的網頁按鈕選定的,按ctrl + t到"自由變換"的選擇。 Extend the selection to the left as far as possible.擴大選拔到左邊盡量簡潔。
![]()
Press Ctrl+U to bring up the Hue/Saturation properties of the layer.按ctrl + u方法帶來了呼救聲/飽和性能的一層。 Click "Colorize".點擊"彩" 。 Drag the sliders around until your web button has a nice color.拖滑塊左右,直到你的網頁按鈕,有一個很好的顏色。
![]()
In the layers list, double-click this layer (Photoshop 6.0 and 7) or right-click it and select "Effects" (Photoshop 5).在層列表中,雙擊此層(在photoshop 6.0和7 )或右鍵單擊它並選擇"效果" (在photoshop 5 ) 。 Give your web button a Drop Shadow and a Bevel.讓你的網頁按鈕下跌的陰影和傘。
![]()
Click Filter, Texture, Textures.點擊過濾器,質地,紋理。 Choose Sandstone.選擇砂岩。
![]()
Create a new layer.創建一個新層。 Click Filter --> Render --> Clouds (If your background isn't white, you'll first need to select the area of the button, by holding Ctrl and clicking on the button's layer in the layers list. This keeps the clouds inside that area.) Click Image --> Adjustments --> Brightness/Contrast.點擊過濾->令- >雲(如果你的背景是不是白色,就得首先需要選擇該地區的按鈕後,由控股按c t rl並點擊該按鈕的層,在層名單。這使得雲內這一領域) 。點擊圖片->調整- >亮度/對比度。 Set the contrast to maximum.定對比最高。 (This turns the random grey clouds into equally random patches of black and white.) Change the new layer from Normal to Overlay. (此輪流隨機灰色雲層到同樣隨機補丁黑與白) 。改變了新的一層,從正常的套印。
![]()
Make another new layer.再作新的一層。 Choose the Gradient tool.選擇梯度工具。 Click on the visual representation of the gradient (Adobe Photoshop 6.0 and 7).點擊視覺代表性的梯度( adobe photoshop的6.0和7 ) 。 In Adobe Photoshop 5.0, click the Options tab first.在adobe photoshop 5.0中,單擊選項選項卡第一。
On the visual representation of the gradient, put in several tabs.對視覺的代表性梯度付諸表決,在幾個標籤。 These tabs should be in a black, white, black, white pattern.這些標籤應能在黑,白,黑,白格局。 Apply the gradient to your image, and change the layer's Mode from Normal to Overlay.運用梯度,以你的形象,改變層的方式從正常的套印。 This should give the button some nice illumination.這應該讓按鈕了一些漂亮的光照。
Links you may find interesting -聯繫你可能會覺得有趣-
- How to design a web menu using Photoshop 如何設計網頁菜單用的photoshop
- How to Create a Web Page Header using Photoshop 如何創造一個網頁,標題用的photoshop
- How to make Random colored Shadows in Photoshop 如何使隨機有色陰影的photoshop
- How to Create Real Clouds using Adobe Photoshop 如何創造真正的雲彩使用adobe的photoshop
- How to Bend a Sheet and to make a Flip type Pattern using Photoshop 如何彎一張床單和作出翻蓋式格局用的photoshop













