当前位置:主页 > 图片处理 >

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

  • 图片处理
  • 2022-11-05 12:11
  • 网页,效果,3D,制作,教程,Photoshop

修图匠“Photoshop教程:制作3D网页效果【图】”Photoshop图文教程内容: 作者:佚名   出处:UCD博客


先看下效果吧!



1

、新建文件大小为

1000x750px

,双击图层“图层样式”颜色叠加:

#

深棕色


2

、标尺横向拉两条辅助线,分别为

30px

250px

;垂直拉两天辅助线,分别为

100px

900px

位置。


3

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


4

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

60

%。




5

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


6

、选择矩形工具,创建两条

1px

线,分别填充黑色、红色。


7

、选择文本工具(

T

),文字为白色


8

、选择矩形创建两条

1px

直线,如图。


9

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


10

、打开“花纹”,在本教程上方

所需素材:花纹

下载图片。


 


   

复制第

3

步图层“矩形”,复制第

6

步“黑色、红色线”


   

然后选择矩形副本层“编 辑”自定义图案。新建层“图层样式”


   

取消渐变;选择图案叠加,模式为叠加。给图层加蒙板径向渐变从黑道白。


11

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

完成!



作者:佚名   出处:UCD博客


先看下效果吧!



1

、新建文件大小为

1000x750px

,双击图层“图层样式”颜色叠加:

#

深棕色


2

、标尺横向拉两条辅助线,分别为

30px

250px

;垂直拉两天辅助线,分别为

100px

900px

位置。


3

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


4

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

60

%。




5

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


6

、选择矩形工具,创建两条

1px

线,分别填充黑色、红色。


7

、选择文本工具(

T

),文字为白色


8

、选择矩形创建两条

1px

直线,如图。


9

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


10

、打开“花纹”,在本教程上方

所需素材:花纹

下载图片。


 


   

复制第

3

步图层“矩形”,复制第

6

步“黑色、红色线”


   

然后选择矩形副本层“编 辑”自定义图案。新建层“图层样式”


   

取消渐变;选择图案叠加,模式为叠加。给图层加蒙板径向渐变从黑道白。


11

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

完成!



温馨提示:以上“Photoshop教程:制作3D网页效果【图】”相关内容(含文字、图片、视频)来源于网络,版权归内容原作者所有,如有侵权,请告知删除。

猜你喜欢

联系站长