Rumah hujung hadapan web Tutorial PS Photoshop设计制作漂亮的透明环保气泡图标

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

Jun 01, 2016 pm 02:31 PM
ikon gelembung telus

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

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设计制作漂亮的透明环保气泡图标

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk melumpuhkan pratonton lakaran kecil bar tugas dalam Win11 Matikan teknik lakaran kecil paparan ikon bar tugas dengan menggerakkan tetikus Bagaimana untuk melumpuhkan pratonton lakaran kecil bar tugas dalam Win11 Matikan teknik lakaran kecil paparan ikon bar tugas dengan menggerakkan tetikus Feb 29, 2024 pm 03:20 PM

Artikel ini akan memperkenalkan cara untuk mematikan fungsi lakaran kenit yang dipaparkan apabila tetikus menggerakkan ikon bar tugas dalam sistem Win11. Ciri ini dihidupkan secara lalai dan memaparkan lakaran kecil tetingkap semasa aplikasi apabila pengguna menuding tetikus pada ikon aplikasi pada bar tugas. Walau bagaimanapun, sesetengah pengguna mungkin mendapati ciri ini kurang berguna atau mengganggu pengalaman mereka dan ingin mematikannya. Lakaran kecil bar tugas boleh menjadi menyeronokkan, tetapi ia juga boleh mengganggu atau menjengkelkan. Memandangkan kekerapan anda menuding di atas kawasan ini, anda mungkin telah menutup tetingkap penting secara tidak sengaja beberapa kali. Kelemahan lain ialah ia menggunakan lebih banyak sumber sistem, jadi jika anda telah mencari cara untuk menjadi lebih cekap sumber, kami akan menunjukkan kepada anda cara untuk melumpuhkannya. tetapi

Bagaimana untuk mengalih keluar ikon dalam menu mula Ubuntu? Bagaimana untuk mengalih keluar ikon dalam menu mula Ubuntu? Jan 13, 2024 am 10:45 AM

Terdapat banyak ikon perisian yang disenaraikan dalam menu mula sistem Ubuntu Terdapat banyak ikon yang tidak biasa Jika anda ingin memadamkannya, bagaimanakah anda harus memadamkannya. Mari kita lihat tutorial terperinci di bawah. 1. Mula-mula masukkan desktop ubuntu dan klik pada menu mula di bawah panel kiri. 2. Anda boleh mencari ikon editor teks di dalam, kami perlu memadamkannya. 3. Sekarang kita kembali ke desktop dan klik kanan tetikus untuk membuka terminal. 4. Gunakan arahan untuk membuka direktori senarai aplikasi. sudonautilus/usr/share/applicationssudonautilus~/.local/share/applications5 Cari ikon editor teks yang sepadan di dalam. 6. Kemudian pergi terus

Bagaimanakah saya boleh mendapatkan ikon dulang sistem muncul pada semua monitor Windows 11 saya? Bagaimanakah saya boleh mendapatkan ikon dulang sistem muncul pada semua monitor Windows 11 saya? Sep 22, 2023 pm 03:21 PM

Apabila menggunakan persediaan berbilang monitor, pengguna ingin memaparkan ikon dulang pada semua monitor untuk mengikuti pemberitahuan terkini atau mengakses aplikasi tertentu. Ini boleh menjadi sangat berguna, dan dalam panduan hari ini kami akan menunjukkan kepada anda cara mendayakan ciri ini dengan betul. Bagaimana untuk menunjukkan ikon dulang pada semua monitor dalam Windows 11? 1. Gunakan perisian gabungan paparan untuk melawati tapak web DisplayFusion dan memuat turun perisian. Selepas memuat turun perisian, jalankan fail persediaan dan pasangkannya. Mulakan perisian dan konfigurasikannya mengikut keperluan. Pada skrin kedua, klik kanan bar tugas, pilih Bar Tugas Berbilang monitor, dan kemudian pilih Dulang Sistem. Akhir sekali, semak Tunjukkan/Sembunyikan Ikon Setelah ini selesai, anda harus mendapatkan sistem anda pada kedua-dua monitor pada Windows 11

Muat turun ikon tetapan telefon ke desktop 'Ketahui dalam beberapa saat: Langkah untuk menukar ikon untuk apl pada telefon Android' Muat turun ikon tetapan telefon ke desktop 'Ketahui dalam beberapa saat: Langkah untuk menukar ikon untuk apl pada telefon Android' Feb 06, 2024 pm 04:27 PM

Untuk mencantikkan desktop mereka, ramai pengguna suka menukar tema desktop mereka dengan kerap untuk memastikan mereka sentiasa segar. Walau bagaimanapun, menukar tema tidak akan mengubah ikon APP pihak ketiga dan pengindahan diperibadikan tidak cukup teliti. Jika anda bosan dengan ikon apl yang sama, gantikannya. Secara teorinya, jika anda ingin menukar ikon untuk aplikasi mudah alih, anda biasanya memerlukan sistem ROOT dan beberapa alat untuk membongkar dan menggantikan ikon. Tetapi memandangkan sebahagian besar telefon bimbit tidak lagi menyokong sistem ROOT, kita perlu mencari kaedah lain untuk mencapainya. Contohnya, beberapa aplikasi tertentu mungkin menawarkan pilihan untuk menyesuaikan ikon atau memperibadikan ikon melalui pelancar pihak ketiga. Selain itu, beberapa jenama telefon bimbit juga telah melancarkan kedai tema dan ikon khas untuk pengguna memilih dan menukar ikon. Di kedai aplikasi utama,

Apakah yang dimaksudkan dengan ikon UC 5G dan 5G UW pada telefon pintar mudah alih T anda? Apakah yang dimaksudkan dengan ikon UC 5G dan 5G UW pada telefon pintar mudah alih T anda? Feb 24, 2024 pm 06:10 PM

Pengguna T-Mobile telah mula menyedari bahawa ikon rangkaian pada skrin telefon mereka kadangkala membaca 5GUC, manakala pembawa lain membaca 5GUW. Ini bukan kesilapan menaip, tetapi mewakili jenis rangkaian 5G yang berbeza. Malah, pengendali sentiasa mengembangkan liputan rangkaian 5G mereka. Dalam topik ini, kita akan melihat maksud ikon 5GUC dan 5GUW yang dipaparkan pada telefon pintar T-Mobile. Kedua-dua logo mewakili teknologi 5G yang berbeza, masing-masing mempunyai ciri dan kelebihan tersendiri. Dengan memahami maksud tanda ini, pengguna boleh memahami dengan lebih baik jenis rangkaian 5G yang mereka sambungkan supaya mereka boleh memilih perkhidmatan rangkaian yang paling sesuai dengan keperluan mereka. Ikon 5GUCVS5GUW dalam T

Bagaimana untuk menyelesaikan masalah garis hitam bar tugas telus win11 Bagaimana untuk menyelesaikan masalah garis hitam bar tugas telus win11 Dec 22, 2023 pm 10:04 PM

Selepas ramai rakan menggunakan translucenttb untuk menyediakan bar tugas telus, mereka mendapati bahawa terdapat garis hitam dalam bar tugas telus win11, yang kelihatan sangat tidak selesa. Bagaimana saya harus menyelesaikannya pada masa ini? . Terdapat garis hitam dalam bar tugas telus win11: Kaedah 1: 1. Menurut maklum balas pengguna, anda boleh klik kanan translucenttb dan buka tetapan. 2. Kemudian tetapkan "margin" pilihan ikon kepada "1" untuk menyelesaikan masalah. Kaedah 2: 1. Jika ia masih tidak berfungsi, anda boleh klik kanan ruang kosong untuk membuka "Peribadikan" 2. Kemudian pilih tema lalai sistem untuk menukarnya. Kaedah ketiga: 1. Jika semuanya gagal, anda disyorkan supaya menyahpasang translucenttb. 2. Kemudian ganti

Bagaimana untuk mematikan ikon gesaan kes dalam Win11 Bagaimana untuk mematikan ikon gesaan kes dalam Win11 Jun 29, 2023 pm 01:00 PM

Bagaimana untuk mematikan ikon huruf besar dan huruf kecil dalam Win11? Apabila komputer kita bertukar antara huruf besar dan kecil, ikon gesaan akan muncul pada skrin komputer sesetengah pengguna Sesetengah pengguna ingin mematikan ikon, jadi bagaimana mereka harus melakukannya? Sebenarnya, kaedahnya sangat mudah. ​​Editor di bawah akan menunjukkan cara mematikan ikon huruf besar dan huruf kecil dalam Win11. Saya harap tutorial berikut akan membantu anda. Bagaimana untuk mematikan ikon gesaan kes dalam Win11 Penyelesaiannya sangat mudah, iaitu, buka Pengurus Tugas dan tamatkan proses Thisutilitycontrolsspecialkeyboard. Pendek kata, tutup sahaja proses XXXXXUtility dalam proses Jika ia adalah komputer Lenovo, cuma

Bagaimana untuk memasukkan ikon excel ke dalam slaid PPT Bagaimana untuk memasukkan ikon excel ke dalam slaid PPT Mar 26, 2024 pm 05:40 PM

1. Buka PPT dan putar halaman ke halaman di mana anda perlu memasukkan ikon excel. Klik tab Sisipkan. 2. Klik [Objek]. 3. Kotak dialog berikut akan muncul. 4. Klik [Buat daripada fail] dan klik [Semak imbas]. 5. Pilih jadual excel yang hendak disisipkan. 6. Klik OK dan halaman berikut akan muncul. 7. Tandakan [Show as icon]. 8. Klik OK.

See all articles