Heim Web-Frontend PS-Tutorial Photoshop设计制作个性的玻璃博客主页

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

Jun 01, 2016 pm 02:32 PM
玻璃

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

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设计制作个性的玻璃博客主页

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Corning Gorilla Glass beginnt mit der lokalen Produktion in seinem Werk in Chongqing und wird Anfang nächsten Jahres mit der formellen Massenproduktion beginnen Corning Gorilla Glass beginnt mit der lokalen Produktion in seinem Werk in Chongqing und wird Anfang nächsten Jahres mit der formellen Massenproduktion beginnen Dec 19, 2023 am 08:03 AM

Corning Gorilla Glass beginnt mit der lokalen Produktion in seinem Werk in Chongqing und wird Anfang nächsten Jahres mit der formellen Massenproduktion beginnen

Das Innere des iPhone 15 Pro wird neu gestaltet und die Reparaturkosten sollen voraussichtlich gesenkt werden Das Innere des iPhone 15 Pro wird neu gestaltet und die Reparaturkosten sollen voraussichtlich gesenkt werden Aug 01, 2023 am 09:41 AM

Das Innere des iPhone 15 Pro wird neu gestaltet und die Reparaturkosten sollen voraussichtlich gesenkt werden

Die Reparaturkosten für die Glasrückseite des iPhone 15 Pro und Pro Max wurden deutlich um 66 % gesenkt Die Reparaturkosten für die Glasrückseite des iPhone 15 Pro und Pro Max wurden deutlich um 66 % gesenkt Sep 18, 2023 pm 09:09 PM

Die Reparaturkosten für die Glasrückseite des iPhone 15 Pro und Pro Max wurden deutlich um 66 % gesenkt

OnePlus Ace 3 Pro Titan-Spiegel-Silber-Realmaschine zum ersten Mal angekündigt: das erste Flüssigmetall-Glas-Verfahren OnePlus Ace 3 Pro Titan-Spiegel-Silber-Realmaschine zum ersten Mal angekündigt: das erste Flüssigmetall-Glas-Verfahren Jun 22, 2024 pm 01:15 PM

OnePlus Ace 3 Pro Titan-Spiegel-Silber-Realmaschine zum ersten Mal angekündigt: das erste Flüssigmetall-Glas-Verfahren

Sollten Mobiltelefone aus Keramik oder Glas bestehen? Honor Zhao Ming scherzte: Haltbarkeit und Kratzfestigkeit seien der Schlüssel Sollten Mobiltelefone aus Keramik oder Glas bestehen? Honor Zhao Ming scherzte: Haltbarkeit und Kratzfestigkeit seien der Schlüssel Mar 19, 2024 pm 07:40 PM

Sollten Mobiltelefone aus Keramik oder Glas bestehen? Honor Zhao Ming scherzte: Haltbarkeit und Kratzfestigkeit seien der Schlüssel

Der längste und größte der Welt! Der „König des Glases' wurde in Zibo, China, geboren: 26 Meter lang, 3,66 Meter breit und 95 Quadratmeter groß Der längste und größte der Welt! Der „König des Glases' wurde in Zibo, China, geboren: 26 Meter lang, 3,66 Meter breit und 95 Quadratmeter groß Jul 23, 2024 am 11:46 AM

Der längste und größte der Welt! Der „König des Glases' wurde in Zibo, China, geboren: 26 Meter lang, 3,66 Meter breit und 95 Quadratmeter groß

Selten in derselben Kategorie! OnePlus Ace 3V ist mit einer Glasrückseite ausgestattet: 3D gutes Gefühl Selten in derselben Kategorie! OnePlus Ace 3V ist mit einer Glasrückseite ausgestattet: 3D gutes Gefühl Mar 23, 2024 pm 09:16 PM

Selten in derselben Kategorie! OnePlus Ace 3V ist mit einer Glasrückseite ausgestattet: 3D gutes Gefühl

Das Vivo S19 Pro ist zum ersten Mal mit dem doppelten Antiglas King Kong Shield ausgestattet: Die Anti-Fall-Leistung wird um 150 % verbessert Das Vivo S19 Pro ist zum ersten Mal mit dem doppelten Antiglas King Kong Shield ausgestattet: Die Anti-Fall-Leistung wird um 150 % verbessert May 31, 2024 pm 10:03 PM

Das Vivo S19 Pro ist zum ersten Mal mit dem doppelten Antiglas King Kong Shield ausgestattet: Die Anti-Fall-Leistung wird um 150 % verbessert

See all articles