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

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

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
訪問Photoshop:方法和可用性訪問Photoshop:方法和可用性Apr 24, 2025 am 12:07 AM

可以通過購買永久許可證或訂閱CreativeCloud兩種方式獲取Photoshop。 1.購買永久許可證適合長期使用,無需每月支付,但無法享受最新更新。 2.訂閱CreativeCloud可訪問最新版本及其他Adobe軟件,需持續支付月費或年費。選擇應基於使用頻率和需求。

Photoshop最有用的是:常見任務和項目Photoshop最有用的是:常見任務和項目Apr 23, 2025 am 12:06 AM

Photoshop擅長圖像編輯、圖層和蒙版、數字繪畫及多種設計應用。 1)圖像編輯與修復:去除瑕疵,調整色彩和亮度。 2)圖層與蒙版:非破壞性編輯和創作。 3)數字繪畫與插圖:創作藝術作品。 4)實際應用:平面設計、網頁設計和數字藝術創作。

使用Photoshop:創意可能性和實際用途使用Photoshop:創意可能性和實際用途Apr 22, 2025 am 12:09 AM

Photoshop在實際應用中非常實用且具有創造性。 1)它提供基本編輯、修復和合成功能,適合初學者和專業人士。 2)高級功能如內容識別填充和圖層樣式可提升圖像效果。 3)掌握快捷鍵和優化圖層結構能提高工作效率。

Photoshop:高級技術和工具Photoshop:高級技術和工具Apr 21, 2025 am 12:08 AM

AdobePhotoshop的高級功能包括高級選擇工具、圖層混合模式和動作與腳本。 1)高級選擇工具如快速選擇工具和色彩範圍選擇工具可精確選擇圖像區域。 2)圖層混合模式如“疊加”模式能創造獨特視覺效果。 3)動作和腳本能自動化重複任務,提高工作效率。

Photoshop的主要功能:修飾和增強Photoshop的主要功能:修飾和增強Apr 20, 2025 am 12:07 AM

Photoshop在修圖和增強方面的強大功能包括:1.使用“修復畫筆工具”去除痘痘,2.使用“液化工具”瘦臉,3.使用“頻率分離”技術進行精確修圖,這些功能通過算法和圖像處理技術實現,優化圖像處理效果。

Photoshop的主要特徵:深度潛水Photoshop的主要特徵:深度潛水Apr 19, 2025 am 12:08 AM

Photoshop的關鍵功能包括圖層與蒙版、調整工具、濾鏡與效果。 1.圖層與蒙版允許獨立編輯圖像部分。 2.調整工具如亮度/對比度可修改圖像色調和亮度。 3.濾鏡與效果可快速添加視覺效果。掌握這些功能可以幫助創意專業人士實現創意願景。

Photoshop和數字藝術:繪畫,插圖和合成Photoshop和數字藝術:繪畫,插圖和合成Apr 18, 2025 am 12:01 AM

Photoshop在數字藝術中的應用包括繪畫、插圖和圖像合成。 1)繪畫:使用畫筆、鉛筆和混合工具,藝術家可創造逼真效果。 2)插圖:通過矢量和形狀工具,藝術家可精確繪製複雜圖形並添加效果。 3)合成:利用蒙版和圖層混合模式,藝術家可將不同圖像元素無縫融合。

高級Photoshop教程:大師修飾和合成高級Photoshop教程:大師修飾和合成Apr 17, 2025 am 12:10 AM

Photoshop的高級修圖與合成技術包括:1.使用圖層、蒙版和調整層進行基礎操作;2.通過調整圖像像素值實現修圖效果;3.利用多圖層和蒙版進行複雜合成;4.應用“液化”工具調整面部特徵;5.使用“頻率分離”技術進行細膩修圖,這些技術能提升圖像處理水平並實現專業級效果。

See all articles

熱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

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

熱工具

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

VSCode Windows 64位元 下載

VSCode Windows 64位元 下載

微軟推出的免費、功能強大的一款IDE編輯器

記事本++7.3.1

記事本++7.3.1

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

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )專業的PHP整合開發工具

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強大的PHP整合開發環境