首頁 web前端 PS教程 PS简单制作漂亮3D效果的按钮和图标

PS简单制作漂亮3D效果的按钮和图标

Mar 21, 2017 pm 03:19 PM
製作 圖示 按鈕 效果 樣式 漂亮 簡單 選擇

在一个图标论坛看到的教程,很实用,就翻译过来了,有些地方可能翻译的不是很准确,请多指教。
我们在进行站点设计的过程中,经常需要使用图标表示诸如添加、删除和编辑之类的操作。在Web2.0时代,徽章和细致的3D效果越来越流行。本教程将告诉你如何简单的绘制出带有漂亮3D效果的按钮或图标。


步骤1
创建一个新的文件,选择“椭圆形工具”(U),画一个圆形。将圆形填充上随便什么颜色,后面它将被图层样式覆盖。


步骤2
双击圆形图层打开图层样式窗口,选择“渐变叠加”,使用蓝色和浅蓝色做渐变色,在“样式”下拉框中选择“径向”。最后参照下图为渐变叠加设置“角度”并添加“斜面和浮雕效果”。
小窍门:将渐变叠加移动到圆形顶端:打开图层样式窗口,选中“渐变叠加”选项。按住按钮调整渐变。



步骤3
参照下图,复制圆形图层,并调整到合适大小。


步骤4
双击刚复制好的新图层,打开图层样式窗口,去掉所有前面设置的效果(渐变叠加、斜面和浮雕效果)。选择“描边”,在“填充类型”下来菜单中选择“渐变”,将渐变颜色设置为白色,透明度从100%至0%。其他设置参照下图。



步骤5
选择“横排文字工具”(T)创建一个文字图层,使文字图层在最顶层。选中文字图层,打开图层样式窗口。选择“颜色叠加”将文字颜色设置成白色,然后选择“内阴影”,参照下图进行设置。


步骤6
合并以上三个图层,将图层命名为“Blue Circle”。

步骤7
选择“多边形工具”(U),参照下图修改设置,创建一个星形徽章。像步骤3一样复制该图层并且调整大小。
不需要从新设置图层样式,只需要从我们刚才制作的图标中复制图层样式,然后粘贴到现在的图层中就可以了。做法:选择我们刚才创建的图层Blue Circle,右键选择“拷贝图层样式”。然后选择刚创建的星形徽章图层,右键选择“粘贴图层样式”。
我们需要修改的地方就是在“渐变叠加”中修改渐变颜色。


总结
这是一种非常简单的制作3D风格按钮的方法。你可以自己更改一些样式,例如:颜色叠加、渐变叠加等。


本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

用戶遭遇罕見故障 三星 Watch 智慧手錶突現白螢幕問題 用戶遭遇罕見故障 三星 Watch 智慧手錶突現白螢幕問題 Apr 03, 2024 am 08:13 AM

你可能遇到過智慧型手機螢幕出現綠色線條的問題,即使沒看過,也一定在網路上看過相關圖片。那麼,智慧手錶螢幕變白的情況你有遇見過嗎? 4月2日,CNMO從外媒了解到,一名Reddit用戶在社群平台上分享了一張圖片,展示了三星Watch系列智慧手錶螢幕變白的情況。該用戶寫道:"我離開時正在充電,回來時就這樣了,我嘗試重啟,但重啟過程中屏幕還是這樣。"三星Watch智能手錶屏幕變白這位Reddit用戶並未指明這款智能手錶的具體型號。不過,從圖片上看,應該是三星Watch5。此前,另一位Reddit用戶也報告

wallpaper engine能家庭共享嗎 wallpaper engine能家庭共享嗎 Mar 18, 2024 pm 07:28 PM

請問Wallpaper是否支持家庭共享呢?很遺憾,不能支持哦。儘管如此,我們仍有解決方案。例如,可以用小號購買或先由大號下載好軟體和壁紙,然後再更換到小號。簡單啟動軟體是完全沒問題的。 wallpaperengine能家庭共享嗎答:Wallpaper暫不支援家庭共享功能。 1.據了解,WallpaperEngine似乎不適合家庭共享環境。 2.為了解決這個困擾,建議您考慮購買全新帳號;3、或先在主帳號下載所需軟體和桌布,再切到其他帳號。 4.只要輕觸開啟軟體,便無礙。 5、您可以在上述網頁上查看屬性“

wallpaper engine看片有病毒嗎 wallpaper engine看片有病毒嗎 Mar 18, 2024 pm 07:28 PM

使用者在使用wallpaperengine可以下載各種壁紙,也可以使用動態壁紙,有很多使用者不知道wallpaperengine看片有沒有病毒,只是影片檔是無法當作病毒的。 wallpaperengine看片有病毒嗎答:不會。 1、只是視訊檔案是無法作為病毒的。 2、只要確保從可信的來源下載視頻,並保持電腦的安全防護措施,就可以避免病毒感染的風險。 3.應用程式類壁紙是apk格式,apk可能會攜帶木馬病毒。 4.WallpaperEngine本身沒有病毒,但是創意工坊裡的一些應用程式類壁紙可能有病毒。

PPT幻燈片插入excel圖示的操作方法 PPT幻燈片插入excel圖示的操作方法 Mar 26, 2024 pm 05:40 PM

1.開啟PPT,翻頁至需要插入excel圖示的頁面。點選插入選項卡。 2、點選【對象】。 3、跳出以下對話框。 4.點選【由檔案建立】,點選【瀏覽】。 5、選擇需要插入的excel表格。 6.點選確定後跳出如下頁面。 7.勾選【顯示為圖示】。 8.點選確定即可。

如何在iPhone中撤銷從主畫面中刪除 如何在iPhone中撤銷從主畫面中刪除 Apr 17, 2024 pm 07:37 PM

從主畫面中刪除了重要內容並試圖將其取回?您可以透過多種方式將應用程式圖示放回螢幕。我們已經討論了您可以遵循的所有方法,並將應用程式圖示放回主畫面如何在iPhone中撤消從主畫面中刪除正如我們之前提到的,有幾種方法可以在iPhone上恢復此變更。方法1–替換應用程式庫中的應用程式圖示您可以直接從應用程式庫將應用程式圖示放置在主畫面上。步驟1–橫向滑動以尋找應用程式庫中的所有應用程式。步驟2–找到您先前刪除的應用程式圖示。步驟3–只需將應用程式圖示從主庫拖曳到主畫面上的正確位置即可。這是將應用程式圖

九州風神阿薩辛 4S 散熱器評測 風冷「刺客大師」範兒 九州風神阿薩辛 4S 散熱器評測 風冷「刺客大師」範兒 Mar 28, 2024 am 11:11 AM

說起阿薩辛ASSASSIN,相信玩家們一定會想到《刺客信條》中的各位刺客大師,不僅身手了得,而且"躬身於黑暗、服務於光明"的信條,與國內知名機箱/電源/散熱器品牌九州風神(DeepCool)旗下的阿薩辛ASSASSIN系列旗艦級風冷散熱器不謀而合。最近,該系列的最新產品阿薩辛ASSASSIN4S重磅上線,"西裝刺客,再進階"為高級玩家帶來全新的風冷散熱體驗。外觀一覽細節滿滿阿薩辛4S散熱器採用雙塔構造+單風扇內嵌設計,外麵包覆立方體造型的整流罩,整體感極強,並提供白、黑兩種配色可選,滿足不同色系

wallpaper engine的壁紙在哪個文件夾 wallpaper engine的壁紙在哪個文件夾 Mar 19, 2024 am 08:16 AM

使用者在使用wallpaper時可以下載各種自己喜歡的桌布來使用,有許多使用者不知道wallpaper的桌佈在哪個資料夾,使用者下載的桌布存放在content資料夾裡。 wallpaper的壁紙在哪個文件夾答:content文件夾。 1、開啟檔案總管。 2、點選左側「此電腦」。 3、找到“STEAM”資料夾。 4、選擇“steamapps”。 5、點選“workshop”。 6.找尋「content」資料夾。

wallpaper engine耗電多嗎 wallpaper engine耗電多嗎 Mar 18, 2024 pm 08:30 PM

使用者在使用wallpaperengine時可以更改自己的電腦桌布,有很多使用者不知道wallpaperengine耗電多嗎,動態桌布是會比靜態壁紙更耗電一點,但耗得不是很多。 wallpaperengine耗電多嗎答:不多。 1.動態壁紙是會比靜態壁紙更耗電一點,但耗得不是很多。 2.開啟動態桌布會增加電腦耗電量,並帶走一小小部分記憶體佔用。 3.用戶不需要擔心動態壁紙消耗電比較嚴重的。

See all articles