下載吧 - 綠色安全的游戲和軟件下載中心

          軟件下載吧

          當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > photoshop快速繪制含圖案的透明立體按鈕

          photoshop快速繪制含圖案的透明立體按鈕

          時間:2024-02-05 06:00作者:下載吧人氣:34

          一、在開始此文章之前,先說幾句費話:

            1.先看看下面的三維立體按鈕,如果覺得喜歡的話,那么您可以繼續看下去。



          photoshop快速繪制含圖案的透明立體按鈕


          圖一

            2.教程在photoshop7.0中實現,如參數設置面板有所不同,請參照7.0版本。

            關注photoshop制作效果的網友們都知道,前段時間流行蘋果機的圖標,于是無論是會使用photoshop的還是追求真善美的朋友,都在自己的桌面掀起了一番應用蘋果機圖標風潮,其中應用最多數的數按鈕。當時的按鈕多數都是簡潔的三維立體按鈕加文字,并且顏色也偏向于素色。如:


          photoshop快速繪制含圖案的透明立體按鈕


          圖二

            如今,三維立體按鈕又發生了大變化!什么大變化??先別擔心,技術上的變化不多,,其實只是將素色加以發揮,向彩色傾移,并加上些色彩豐富的小插圖而已,留意文章開始的圖標示例就明白了。

            好了,閑話少說,下面就讓我以制作我的論壇圖標為例子,一起進入三維立體按鈕制作的教程:

            二、過渡色的圓

            先打開photoshop7,按 Ctrl + N,新建一個 Width=48 pixels,Height=48 pixels 的空文檔,設置選擇工具為“Elliptical Marquee Tool-圓形”選擇工具,雙擊鼠標,在工具面板上部出現的屬性設置欄里設置:Feather=0 px,Anti-aliased,Style=fixed Size,Width=45 px,Height=45 px。設定選區為直徑是45的圓。


          photoshop快速繪制含圖案的透明立體按鈕


          圖三

            移動鼠標到畫布上,點擊鼠標左鍵,畫出一個固定大小的圓形選擇區。注意了,不是將選區置于畫布中間,而是按鍵盤上的方向鍵,向左向上各移動 2 pixels,目的為后面做按鈕陰影,突出按鈕立體感做準備。當然,做完了過渡填充再移動也可以,這個由個人習慣定。


          photoshop快速繪制含圖案的透明立體按鈕


          圖四

            任意選擇一種前景色,并設置背景色為同一色系中顏色較淺一種,如圖五:


          photoshop快速繪制含圖案的透明立體按鈕


          圖五
            在這里多插入幾句可有可無的話,我們在選擇同一色系的顏色時,如果已經確定了前景色,想設置背景色,那么雙擊背景色,彈出顏色拾色器-Color Picker,此時鼠標形狀就會變成一個吸管,就可移動此形狀的鼠標到各個可取色的面板去選擇一個喜歡的顏色,在此吸取前景色,這時拾色器自動選擇了前景色,那么我們就可以在拾色器中快速地選擇到同一色系不同色深的顏色了。

            選擇“ Gradient Fill Tool -過渡填充工具”,在屬性工具條中設置過渡色為“Foreground to Background-前景色到背景色”,過渡模式為“Linear Grandient-線形過渡”,設置完成后屬性工具如下圖所示:


          photoshop快速繪制含圖案的透明立體按鈕


          圖六

            在選區中按“Shift”鍵,由上至下畫過渡色,此步驟完成如下圖:


          photoshop快速繪制含圖案的透明立體按鈕


          圖七

            三、初步三維立體感

            按“Ctrl + D”消除選區,雙擊此層應用層樣式“Add a Layer Style”,在“Layer Style-層樣式”設置面板中選擇“Drop Shadow-下拉陰影”,參數設置為:Distance=2,Size=2,其它為缺省值。如圖八所示:


          photoshop快速繪制含圖案的透明立體按鈕


          圖八

            再勾選“”,參數設置為: Blend Mode=Multiply,其它為缺省值。如圖九所示:


          photoshop快速繪制含圖案的透明立體按鈕


          圖九
            此步驟完成畫布上已經初步顯示出三維立體按鈕的基本模樣了,如下圖:


          photoshop快速繪制含圖案的透明立體按鈕


          圖十

            四、加強三維立體感

            新建一個圖層,選擇“Elliptical Marquee Tool-圓形”選擇工具,畫一個橢圓,長約為圓形的二分之一,寬約為圓形的三分之一。選擇前景色為白色,并按“G”把工具換成過渡工具,設置過渡色為“Foreground to Transparent -前景色到透明”,在選區中按“Shift”鍵,由上到下填充過渡色,效果如下圖:


          photoshop快速繪制含圖案的透明立體按鈕


          圖十一

            再新建一個圖層,按住“Ctrl”鍵,點擊圓形層,重新獲得圓形層選區,在菜單中選擇“Select”->“Modify”->“Contract”,填充數字“2”,把選區壓縮 2 pixels。

            回畫布后,再選擇矩形選擇工具,按住“Alt”鍵,由選區左上部拖動鼠標到選區的右下部,整個選區的三分之二處,留下整個選區的三分之一。

            仍然使用白色作為前景色,并再次選擇過渡工具,過渡色為“Foreground to Transparent -前景色到透明”,在選區中按“Shift”鍵,由下到上填充過渡色。

            選擇菜單中的“ Filters-濾鏡”->“Gaussian Blur...-高斯模糊”,在“Radius”中填入適當的數值,本例為2,加個高斯模糊效果。確定后回到工作界面,把此層的透明度設置為68%左右。至此,整個圖標制作過程完成了三分之二,完成后如下圖:


          photoshop快速繪制含圖案的透明立體按鈕


          圖十二

            如果想做素素的按鈕,到這個步驟就基本完工了,只需添加按鈕文字。可本文出發點為做豐富多彩的三維立體按鈕,所以要出入下一個工序:

            五、插入漂亮圖標

            為了讓按鈕更加美觀,我們可以加入一些標志按鈕寓意的圖標。至于加什么樣的圖標,看個人決定。

            打開一個現成的圖標,經過細心的勾選,把它復制到上面做成的按鈕中,


          photoshop快速繪制含圖案的透明立體按鈕


          圖十三
            調整圖標的大小,以適應按鈕,為了使插入的圖標顏色與按鈕色相融合,有必要調整圖標的色相與飽和度。確定選中圖標層,打開菜單“Image-圖象”->“Adjustments-調整”->“Hue/Saturation...-色相/飽和度”,或按快捷鍵“Ctrl + U”,進入調整界面,移動滑標,設置:Hue=-18,Saturation=+30,其它為缺省。


          photoshop快速繪制含圖案的透明立體按鈕


          圖十四

            為了突出按鈕的三維效果,把圖標層的透明度設置為65%。同時記得把此層調整到“第四道”工序中創建的兩層下。完成的按鈕如下圖所示:


          photoshop快速繪制含圖案的透明立體按鈕


          圖十五

            把按鈕保存成PSD分層文件,有了這個模板,我們可以通過色相、飽和度和亮度的調整,制作其它顏色的一系列按鈕。

            只需要選中圓形層,按“Ctrl + U”,把“Saturation-飽和度”調整為100,“Hue-色相”與“亮度”按自己的需要任意調整。按下圖參數設置,按鈕已成了另一種效果:


          photoshop快速繪制含圖案的透明立體按鈕


          圖十六

            圖標的插入方法就跟上面的一樣,文章至此為止,就不再羅嗦了。
          標簽透明,立體,按鈕,圖案,含,快速,繪制,photoshop
          查看所有評論+

          網友評論

          網友
          您的評論需要經過審核才能顯示

          公眾號

          盖楼回复X

          (您的评论需要经过审核才能显示)

          主站蜘蛛池模板: 无码午夜人妻一区二区不卡视频| 日韩在线不卡免费视频一区| 国产成人AV区一区二区三| 色一乱一伦一区一直爽| 国产精品男男视频一区二区三区| 亚洲一区二区三区国产精华液| www亚洲精品少妇裸乳一区二区| 日本一区二区三区爆乳| 精品深夜AV无码一区二区| 不卡无码人妻一区三区音频| 日韩人妻无码免费视频一区二区三区 | 日韩精品无码一区二区三区免费 | 伊人久久大香线蕉AV一区二区| 国产探花在线精品一区二区| 日韩一区二区三区在线精品| 国产一区在线播放| 精品国产一区二区三区久久狼| 亚洲日本va一区二区三区| 精品无码国产一区二区三区AV| 久久99精品波多结衣一区| 国产精品一区二区av| 国产亚洲一区二区三区在线| 亚洲色无码一区二区三区| 波多野结衣AV无码久久一区| 国产一区二区三区免费观看在线| 亚洲韩国精品无码一区二区三区| 成人区精品一区二区不卡| 自慰无码一区二区三区| 亚州日本乱码一区二区三区| 亚洲国产美国国产综合一区二区| 无码国产精成人午夜视频一区二区| 国产视频一区在线观看| 亚洲av乱码一区二区三区| 精品黑人一区二区三区| 国模一区二区三区| 精品乱子伦一区二区三区高清免费播放| 亚洲AV日韩精品一区二区三区| 精品无码综合一区| 亚洲一区二区三区播放在线| 精品国产免费一区二区| 国产91一区二区在线播放不卡 |