下载吧 - 绿色安全的游戏和软件下载中心

软件下载吧

当前位置:软件下载吧 > 图形图象 > PHOTOSHOP > Photoshop教程:制作3D网页效果

Photoshop教程:制作3D网页效果

时间:2024-02-07 08:15作者:下载吧人气:20

作者:佚名 出处:UCD博客
先看下效果吧!

Photoshop教程:制作3D网页效果


1、新建文件大小为1000x750px,双击图层“图层样式”颜色叠加:#深棕色

Photoshop教程:制作3D网页效果


2、标尺横向拉两条辅助线,分别为30px,250px;垂直拉两天辅助线,分别为100px,900px位置。

Photoshop教程:制作3D网页效果


3、选择矩形工具,沿着横向辅助线画矩形填充白色。

Photoshop教程:制作3D网页效果


4,选择前景色为黑色。选择椭圆工具,创造的形状。使它成为一个高于白色矩形如图所示。下移一层,将其转换为智能过滤器,采用高斯模糊,并改变不透明度为60 %。

Photoshop教程:制作3D网页效果



5、双击白色矩形,弹出图层样式对话框,镜像渐变

Photoshop教程:制作3D网页效果


6、选择矩形工具,创建两条1px线,分别填充黑色、红色。

Photoshop教程:制作3D网页效果


7、选择文本工具(T),文字为白色

Photoshop教程:制作3D网页效果


8、选择矩形创建两条1px直线,如图。

Photoshop教程:制作3D网页效果


9、加蒙板,选择渐变从黑到白,参照图。

Photoshop教程:制作3D网页效果


10、打开“花纹”,在本教程上方’所需素材:花纹’下载图片。

复制第3步图层“矩形”,复制第6步“黑色、红色线”
然后选择矩形副本层“编 辑”自定义图案。新建层“图层样式”
取消渐变;选择图案叠加,模式为叠加。给图层加蒙板径向渐变从黑道白。

Photoshop教程:制作3D网页效果


11、输入文字:做一下设置。放上自己喜欢的图标。

Photoshop教程:制作3D网页效果

完成!



Photoshop教程:制作3D网页效果 Photoshop教程:制作3D网页效果 Photoshop教程:制作3D网页效果
标签网页,效果,3D,制作,教程,Photoshop

相关下载

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

公众号