Rumah hujung hadapan web Tutorial PS Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Jun 01, 2016 pm 02:32 PM
kaca

玻璃网页其实跟玻璃的制作一样。重点是把边缘及中间的高光渲染出来,比较规则的图形直接用图层样式做出初步的质感,再增手工增加一些高光等即可。其它部分可以按自己需要添加。 玻璃网页其实跟玻璃的制作一样。重点是把边缘及中间的高光渲染出来,比较规则的图形直接用图层样式做出初步的质感,再增手工增加一些高光等即可。其它部分可以按自己需要添加。
最终效果

Photoshop设计制作个性的玻璃博客主页


1、新建一个800 * 600像素的文件,背景颜色任意。打开模板素材,拖进来,效果如下图。

Photoshop设计制作个性的玻璃博客主页

 
2、给木纹图层添加图层样式,选择内阴影,参数及效果如下图。

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

3、选择“圆角矩形工具”,半径设置为5像素。

Photoshop设计制作个性的玻璃博客主页

4、在画布中心位置拉出下图所示的圆角矩形。

Photoshop设计制作个性的玻璃博客主页
 
5、给圆角矩形设置图层样式,分别设置混合选项、内阴影、渐变叠加,参数及效果如下图。

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

6、把当前图层复制一层,按Ctrl + T 稍微缩小一点,比原图形少两个像素左右。

Photoshop设计制作个性的玻璃博客主页
 
7、先清除当前图层样式后再设置新的样式,参数及效果如下图。

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

8、调出当前图层选区,新建一个图层填充黑色,执行:滤镜 > 杂色 > 添加杂色,参数设置如下图。

Photoshop设计制作个性的玻璃博客主页
 
9、把混合模式改为“柔光”,不透明度改为:10%,效果如下图。

Photoshop设计制作个性的玻璃博客主页

10、用矩形选框工具拉出下图所示的矩形选区。

Photoshop设计制作个性的玻璃博客主页

11、新建一个图层填充黑色,取消选区后执行:滤镜 > 模糊 > 高斯模糊,数值为2,确定后把图层不透明度改为:20%,效果如下图。

Photoshop设计制作个性的玻璃博客主页

12、选择椭圆工具拉出下图所示的四个小圆。

Photoshop设计制作个性的玻璃博客主页
 
13、给小圆添加图层样式,分别设置:斜面和浮雕、描边、渐变叠加、投影,参数及效果如下图。

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页
 
14、用钢笔勾出下图所示的选区。

Photoshop设计制作个性的玻璃博客主页

15、填充白色后再添加下图所示的图层样式。

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

16、新建一个图层,用椭圆选框工具拉出下图所示的选区。

Photoshop设计制作个性的玻璃博客主页

17、填充白色,取消选区后适当高斯模糊1个像素。再添加下图所示的图层样式。

Photoshop设计制作个性的玻璃博客主页
 
18、添加图层蒙版,用黑白渐变把底部的过渡拉出来。

Photoshop设计制作个性的玻璃博客主页

19、再用圆角矩形工具拉出下图所示的几个圆角矩形。

Photoshop设计制作个性的玻璃博客主页

20、再设置图层样式,分别设置混合选项、描边、内阴影,参数及效果如下图。

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页
 
21、导入照片,并添加文字,效果如下图。

Photoshop设计制作个性的玻璃博客主页

22、新建一个图层,用矩形选框工具在底部的框中拉一个矩形选区任意填色后添加下图所示的图层样式,参数及效果如下图。

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

Photoshop设计制作个性的玻璃博客主页

最终效果:

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

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

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)

Corning Gorilla Glass memulakan pengeluaran setempat di kilang Chongqingnya dan akan memasuki pengeluaran besar-besaran rasmi awal tahun depan Corning Gorilla Glass memulakan pengeluaran setempat di kilang Chongqingnya dan akan memasuki pengeluaran besar-besaran rasmi awal tahun depan Dec 19, 2023 am 08:03 AM

Corning Gorilla Glass memulakan pengeluaran setempat di kilang Chongqingnya dan akan memasuki pengeluaran besar-besaran rasmi awal tahun depan

Bahagian dalaman iPhone 15 Pro akan direka bentuk semula dan kos pembaikan dijangka dapat dikurangkan Bahagian dalaman iPhone 15 Pro akan direka bentuk semula dan kos pembaikan dijangka dapat dikurangkan Aug 01, 2023 am 09:41 AM

Bahagian dalaman iPhone 15 Pro akan direka bentuk semula dan kos pembaikan dijangka dapat dikurangkan

Kos pembaikan penutup belakang kaca iPhone 15 Pro dan Pro Max dikurangkan dengan ketara sebanyak 66% Kos pembaikan penutup belakang kaca iPhone 15 Pro dan Pro Max dikurangkan dengan ketara sebanyak 66% Sep 18, 2023 pm 09:09 PM

Kos pembaikan penutup belakang kaca iPhone 15 Pro dan Pro Max dikurangkan dengan ketara sebanyak 66%

Mesin sebenar perak cermin titanium OnePlus Ace 3 Pro diumumkan buat kali pertama: proses kaca logam cecair pertama Mesin sebenar perak cermin titanium OnePlus Ace 3 Pro diumumkan buat kali pertama: proses kaca logam cecair pertama Jun 22, 2024 pm 01:15 PM

Mesin sebenar perak cermin titanium OnePlus Ace 3 Pro diumumkan buat kali pertama: proses kaca logam cecair pertama

Sekiranya telefon bimbit diperbuat daripada seramik atau kaca, Honor Zhao Ming bergurau: Ketahanan dan rintangan calar adalah kuncinya Sekiranya telefon bimbit diperbuat daripada seramik atau kaca, Honor Zhao Ming bergurau: Ketahanan dan rintangan calar adalah kuncinya Mar 19, 2024 pm 07:40 PM

Sekiranya telefon bimbit diperbuat daripada seramik atau kaca, Honor Zhao Ming bergurau: Ketahanan dan rintangan calar adalah kuncinya

Terpanjang dan terbesar di dunia! 'Raja Kaca' dilahirkan di Zibo, China: 26 meter panjang, 3.66 meter lebar, dan 95 meter persegi di kawasan Terpanjang dan terbesar di dunia! 'Raja Kaca' dilahirkan di Zibo, China: 26 meter panjang, 3.66 meter lebar, dan 95 meter persegi di kawasan Jul 23, 2024 am 11:46 AM

Terpanjang dan terbesar di dunia! 'Raja Kaca' dilahirkan di Zibo, China: 26 meter panjang, 3.66 meter lebar, dan 95 meter persegi di kawasan

Jarang dalam kategori yang sama! OnePlus Ace 3V dilengkapi dengan penutup belakang kaca: rasa 3D yang baik Jarang dalam kategori yang sama! OnePlus Ace 3V dilengkapi dengan penutup belakang kaca: rasa 3D yang baik Mar 23, 2024 pm 09:16 PM

Jarang dalam kategori yang sama! OnePlus Ace 3V dilengkapi dengan penutup belakang kaca: rasa 3D yang baik

Vivo S19 Pro dilengkapi dengan anti-kaca berganda King Kong Shield untuk kali pertama: prestasi anti-jatuh dipertingkatkan sebanyak 150% Vivo S19 Pro dilengkapi dengan anti-kaca berganda King Kong Shield untuk kali pertama: prestasi anti-jatuh dipertingkatkan sebanyak 150% May 31, 2024 pm 10:03 PM

Vivo S19 Pro dilengkapi dengan anti-kaca berganda King Kong Shield untuk kali pertama: prestasi anti-jatuh dipertingkatkan sebanyak 150%

See all articles