当前位置:首页>ps实例教程>ps网页设计>网页模板>教程内容

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

来源:未知 作者:bbs.16xx8.com 学习:1042人次
作者:佚名   出处:UCD博客

先看下效果吧!


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


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


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


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



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


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


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


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


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


10
、打开“花纹”,在本教程上方所需素材:花纹下载图片。
 
   
复制第3步图层“矩形”,复制第6步“黑色、红色线”
   
然后选择矩形副本层“编 辑”自定义图案。新建层“图层样式”
   
取消渐变;选择图案叠加,模式为叠加。给图层加蒙板径向渐变从黑道白。


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

完成!



学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!