首頁 web前端 PS教程 Photoshop设计制作漂亮的透明环保气泡图标

Photoshop设计制作漂亮的透明环保气泡图标

Jun 01, 2016 pm 02:31 PM
圖示 氣泡 透明

图标大致由两个大的部分构成:气泡与中间部分的球体。气泡部分稍微复杂一点,由内外两个气泡构成,制作方法基本类似。绿色球体部分制作相对简单一点,直接使用素材合成即可。 最终效果

Photoshop设计制作漂亮的透明环保气泡图标


1、新建一个1000 * 750像素的文件,选择渐变工具,颜色设置如图1,拉出图2所示的径向渐变作为背景。

Photoshop设计制作漂亮的透明环保气泡图标
<图1>

Photoshop设计制作漂亮的透明环保气泡图标
<图2>
 
2、新建一个组,选择椭圆选框工具,按住Shift键拉出下图所示的正圆选区,然后给组添加图层蒙版,如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图3>

3、在组里新建一个图层,选择渐变工具,颜色设置自带的彩虹渐变,拉出渐变后再选择椭圆选框工具,在中心位置拉出下图所示的整体选区,羽化25个像素后按Delete键删除中间部分,效果如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图4>

4、用钢笔工具勾出下图所示的选区,羽化5个像素后按Ctrl + J 把选区部分色块复制到新的图层,适当移动一下位置,再把底部的彩虹渐变图层隐藏,效果如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图5>

5、新建一个图层,用钢笔勾出右侧边缘部分的高光选区,羽化20个像素后填充白色,如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图6>
 
6、新建一个图层,用钢笔勾出左下角部分的高光选区,羽化6个像素后填充白色,可以适当降低图层不透明度,添加图层蒙版,用黑色画笔把两端的过渡擦出来,如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图7>

7、新建一个图层,同上的方法给左下角增加一条较小的高光,如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图8>

8、新建一个图层,同上的方法给顶部增加一点高光,到这里外部气泡基本完成。

Photoshop设计制作漂亮的透明环保气泡图标
<图9>

9、新建一个组,用椭圆选框工具在气泡的中间拉出下图所示的正圆选区,给组添加图层蒙版,如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图10>
 
10、在组里新建一个图层,用钢笔勾出边缘部分的高光区域,羽化15个像素后拉上图12所示的线性渐变。

Photoshop设计制作漂亮的透明环保气泡图标
<图11>

Photoshop设计制作漂亮的透明环保气泡图标
<图12>

11、新建一个图层,同上的方法给内部气泡的顶部增加一点高光,如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图13>

12、新建一个图层,用椭圆选框工具拉出下图所示的椭圆选区,填充白色。取消选区后添加图层蒙版,用黑色画笔把底部的过渡擦出来,效果如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图14>

13、新建一个图层,同上的方法给底部增加一些淡淡的高光,如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图15>
 
14、新建一个图层,顶部再增加一些细小的光束,增强细节,如下图。到这里内部气泡基本完成。

Photoshop设计制作漂亮的透明环保气泡图标
<图16>

15、调出外部气泡组的选区,在图层的最上面新建一个组,给组添加图层蒙版。

Photoshop设计制作漂亮的透明环保气泡图标
<图17>

16、用钢笔工具勾出下图所示的选区,羽化15个像素后填充白色,作为两个气泡中间的高光。

Photoshop设计制作漂亮的透明环保气泡图标
<图18>

17、其它部分同样的方法增加一些高光,气泡部分基本完成,效果如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图19>

18、调出内部气泡组的选区,在外部气泡组的上面新建一个组,给组添加图层蒙版,如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图20>
 
19、打开图21所示的泥土素材,拖进来,适当摆好位置,然后用钢笔工具勾出所需的部分,给图层添加图层蒙版,效果如图22。

Photoshop设计制作漂亮的透明环保气泡图标
<图21>

Photoshop设计制作漂亮的透明环保气泡图标
<图22>

20、用钢笔勾出下图所示的条纹效果,羽化2个像素后按Ctrl + J 把选区部分的纹理复制到新的图层,混合模式改为“正片叠底”,按Ctrl + Alt + G 创建剪贴蒙版,效果如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图23>

21、泥土的边缘增加一些暗部及高光,左侧为高光,右侧部分增加暗部,如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图24>

22、打开草地素材,拖进来,适当放好位置,用钢笔勾出图26所示的选区,给草地图层添加图层蒙版,效果如图27。

Photoshop设计制作漂亮的透明环保气泡图标
<图25>

Photoshop设计制作漂亮的透明环保气泡图标
<图26>

Photoshop设计制作漂亮的透明环保气泡图标
<图27>
 
23、同上的方法给草地增加一些高光及暗部,如图28,29。

Photoshop设计制作漂亮的透明环保气泡图标
<图28>

Photoshop设计制作漂亮的透明环保气泡图标
<图29>

24、打开图30所示的绿植素材,拖进来,适当调整大小,效果如图31。

Photoshop设计制作漂亮的透明环保气泡图标
<图30>

Photoshop设计制作漂亮的透明环保气泡图标
<图31>

25、新建一个图层给绿植增加一些阴影,效果如下图。

Photoshop设计制作漂亮的透明环保气泡图标
<图32>

最后微调一下细节,完成最终效果。

Photoshop设计制作漂亮的透明环保气泡图标

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡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)

Win11怎麼停用工作列縮圖預覽? 關閉滑鼠移動工作列圖示顯示縮圖技巧 Win11怎麼停用工作列縮圖預覽? 關閉滑鼠移動工作列圖示顯示縮圖技巧 Feb 29, 2024 pm 03:20 PM

本文將介紹如何在Win11系統中關閉滑鼠移動工作列圖示時顯示的縮圖功能。這項功能在預設情況下是開啟的,當使用者將滑鼠指標懸停在工作列上的應用程式圖示上時,會顯示該應用程式的目前視窗縮圖。然而,有些用戶可能覺得這個功能不太實用或會幹擾到他們的使用體驗,因此想要關閉它。工作列縮圖可能很有趣,但它們也可能分散注意力或煩人。考慮到您將滑鼠懸停在該區域的頻率,您可能無意中關閉了重要視窗幾次。另一個缺點是它使用更多的系統資源,因此,如果您一直在尋找一種提高資源效率的方法,我們將向您展示如何停用它。不過

如何在我的所有 Windows 11 顯示器上顯示系統托盤圖標 如何在我的所有 Windows 11 顯示器上顯示系統托盤圖標 Sep 22, 2023 pm 03:21 PM

使用多顯示器設定時,使用者希望在所有顯示器上顯示托盤圖標,以便跟上最新通知或存取某些應用程式。這可能非常有用,在今天的指南中,我們將向您展示如何正確啟用此功能。如何在Windows11中的所有顯示器上顯示托盤圖示? 1.使用顯示融合軟體造訪DisplayFusion網站並下載軟體。下載軟體後,運行安裝檔並安裝它。啟動軟體並根據需要進行配置。在第二個畫面上,以滑鼠右鍵按一下工作列,選擇多顯示器工作列,然後選擇系統匣。最後,檢查顯示/隱藏圖示.完成此操作後,您應該在Windows11上的兩台顯示器上取得系統

如何在Ubuntu開始功能表中移除圖示? 如何在Ubuntu開始功能表中移除圖示? Jan 13, 2024 am 10:45 AM

ubuntu系統開始選單裡面列出了很多的軟體圖標,有很多不常用的圖標,想要刪除,該怎麼刪除呢?下面我們就來看看詳細的教學。 1.先進入ubuntu桌面,點選左邊面板下面的開始選單。 2、裡面可以找到一個文字編輯器圖標,我們要把它刪除了。 3.現在我們回到桌面直接滑鼠右鍵開啟終端。 4、使用指令開啟應用程式列表目錄。 sudonautilus/usr/share/applicationssudonautilus~/.local/share/applications5、在裡面找到對應的文字編輯器圖示。 6、接著直

下載手機設定圖示到桌面「秒懂:Android手機為應用程式換圖示步驟」 下載手機設定圖示到桌面「秒懂:Android手機為應用程式換圖示步驟」 Feb 06, 2024 pm 04:27 PM

為了美化桌面,許多用戶喜歡定期更換桌面主題,隨時保持新鮮感。不過,換主題卻不會更改第三方APP的圖標,個性美化不夠徹底。如果你厭倦了千篇一律的應用程式圖標,不妨將它們替換掉。理論上,想為手機APP換圖標,通常需要ROOT系統和一些工具來拆包裝替換圖標。但由於絕大多數手機不再支援ROOT系統,我們需要尋找其他方法來實現。例如,一些特定的應用程式可能提供了自訂圖示的選項,或者可以透過第三方啟動器來實現個人化圖示。此外,一些手機品牌也推出了專門的主題和圖標商店,供用戶選擇和更換圖標。在各大應用程式商店中,

您的T-mobile智慧型手機上的5G UC與5G UW圖示的意思是什麼? 您的T-mobile智慧型手機上的5G UC與5G UW圖示的意思是什麼? Feb 24, 2024 pm 06:10 PM

T-Mobile用戶已經開始注意到,他們的手機螢幕上的網路圖示有時顯示為5GUC,而其他業者則顯示為5GUW。這並不是拼字錯誤,而是代表不同類型的5G網路。事實上,營運商們正在不斷擴大他們的5G網路覆蓋範圍。在這個主題中,我們將探討T-Mobile智慧型手機上顯示的5GUC和5GUW圖示的意思。這兩種標誌代表著不同的5G技術,每種技術都有其獨特的特點和優點。透過了解這些標誌的含義,使用者可以更了解他們所連接的5G網路類型,以便選擇最適合自己需求的網路服務。 5GUCVS5GUW圖示在T

解決win11透明工作列黑線問題的方法 解決win11透明工作列黑線問題的方法 Dec 22, 2023 pm 10:04 PM

很多朋友在使用translucenttb設定透明工作列之後,發現win11透明工作列有一條黑線,觀感非常難受,這時候該怎麼解決呢,其實在軟體裡就能解決。 win11透明工作列有一條黑線:方法一:1、根據使用者回饋,可以右鍵translucenttb,開啟設定。 2、然後將圖示選項的「margin」設定為「1」就可以解決了。方法二:1、如果或不行,可以右鍵空白處開啟「個人化」2、然後在其中選擇系統預設的主題更換即可解決。方法三:1、如果都不行,那麼建議大家卸載translucenttb。 2、然後更換

Win11如何關閉大小寫提示圖標 Win11如何關閉大小寫提示圖標 Jun 29, 2023 pm 01:00 PM

  Win11如何關閉大小寫提示圖示?當我們的電腦在進行大小寫切換時,有用戶的電腦螢幕會出現提示圖標,對此有用戶想要將該圖標關閉,那麼應該如何操作呢?其實方法很簡單,下面小編就為大家示範Win11關閉大小寫提示圖示的方法,希望以下教學對你有幫助。  Win11關閉大小寫提示圖示的方法  解決的方法很簡單,那就是打開任務管理器結束Thisutilitycontrolsspecialkeyboard這個進程。  總而言之就是關閉進程裡面的XXXXXUtility進程就可以了,如果是聯想電腦的話,就

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

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

See all articles