Photoshop教程:制作红色质感网页模版(3)

admin 1 0
作者:佚名   出处:网络收集

最终效果图

Photoshop教程:制作红色质感网页模版(3)-第1张图片-快备云

Photoshop教程:制作红色质感网页模版(3)-第2张图片-快备云

1、在photoshop中新建文件,把背景填充一个深红色的,颜色:#7B0B0A,用滤镜——纹理——纹理化,纹理:砂岩,缩放:50%,凸现:3,其它默认,用画笔将边缘颜色加深,将不透明度调到5%,擦出如下图的效果。

Photoshop教程:制作红色质感网页模版(3)-第3张图片-快备云

2、用圆角矩形工具,把半径设置10px,按Ctrl+Enter转换成选区,选取画面一小块

Photoshop教程:制作红色质感网页模版(3)-第4张图片-快备云

3、填充深红色颜色:#810F0F。

Photoshop教程:制作红色质感网页模版(3)-第5张图片-快备云

4、给图层添加图层样式,投影,如下图设置:

Photoshop教程:制作红色质感网页模版(3)-第6张图片-快备云

5、添加图层样式,内阴影,如下图设置:

Photoshop教程:制作红色质感网页模版(3)-第7张图片-快备云


6、添加图层样式,斜面和浮雕,如下图设置:

Photoshop教程:制作红色质感网页模版(3)-第8张图片-快备云

6、添加图层样式,纹理,如下图设置:

Photoshop教程:制作红色质感网页模版(3)-第9张图片-快备云

7、添加图层样式,渐变叠加,如下图设置:

Photoshop教程:制作红色质感网页模版(3)-第10张图片-快备云

8、渐变的颜色值,如下设置:

Photoshop教程:制作红色质感网页模版(3)-第11张图片-快备云

9、应用所有图层样式后的效果图。

Photoshop教程:制作红色质感网页模版(3)-第12张图片-快备云

10、可以在面板上添加一些元素来点缀。

Photoshop教程:制作红色质感网页模版(3)-第13张图片-快备云

Photoshop教程:制作红色质感网页模版(3)-第14张图片-快备云



标签: 网页 模版 质感 红色 教程 制作 Photoshop

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~