• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > 用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教

用PS制作漂亮的立体3D橙色玻璃RSS Icon图标设计教

作者:站长图库 字体:[增加 减小] 来源:互联网 时间:2022-04-29

站长图库向大家介绍了等相关知识,希望对您有所帮助

简介:本教程教大家用PhotoShop制作漂亮的立体3D橙色玻璃RSS Icon图标。呵呵,有一些时间没有好好写过PS教程了,不过也没有忘记继续学习PS哦,

坚持才能成功,亲,想学好PS,不动手是不行滴。
这篇教程是在国外网站上看的,效果图是挺漂亮的,简单的把教程翻译了一下,喜欢的可以参考下别人的做图思路。

我们可以拿来参考,分析,这样会对我们做图有帮助的。

先看最终效果图:

按此在新窗口浏览图片

1.新建文档,可以根据自己的需要设定。

2.设置前景色为橙色(#e2832f),在工具箱中找到矢量圆角矩形工具,设置半径值为40px,按住Shift键绘制个带有圆角的正方形。

按此在新窗口浏览图片

3.按CTRL+T对圆角正方形进行变形调整,使其产生立体效果,如图。

按此在新窗口浏览图片

4.为其添加径向渐变,前景色为:#fac042 ,背景色为:#d75927 。新建空白图层,再使用钢笔工具勾出高光路径,如图。

按此在新窗口浏览图片

5.按CTRL+回车键,将路径转换成选区,并为其拉出由橙色到浅橙的渐变,并更改其不透明度,效果如图。

按此在新窗口浏览图片 

6.我们用同样的方法去制作其它部分,并按CTRL+T进行调整,效果如图。

按此在新窗口浏览图片

7.继续向下进行调整,这样看起来更加的有立体感,如图。

按此在新窗口浏览图片

8.调整好后,为其添加图层样式,参数如图,效果如图。

按此在新窗口浏览图片


按此在新窗口浏览图片


按此在新窗口浏览图片  


按此在新窗口浏览图片


按此在新窗口浏览图片

9.新建空白图层,注意图层顺序,使用渐变工具结合画笔工具,为其增加高光效果,如图。

按此在新窗口浏览图片


按此在新窗口浏览图片

10.用同样的方法继续制倾斜的正方形,并为其添加渐变样式,效果如图。

按此在新窗口浏览图片


按此在新窗口浏览图片  

11.继续调整其高光,中间调,阴影效果,如图。

按此在新窗口浏览图片

12.继续使用渐变工具对其进行高光区域进行加强调整,如图。

按此在新窗口浏览图片

按此在新窗口浏览图片

13.调出图层选区,新建空白图层,使用渐变工具,设置颜色由透明到橙色(#c35c18),由中心向右上角拉出,效果如图。

按此在新窗口浏览图片

14.注意四个角的高光加强,如图。

按此在新窗口浏览图片  

15.新建空白图层,使用钢笔工具绘制选区,选择渐变工具,设置颜色由透明到白色,拉出渐变,并调整其不透明度,效果如图。

按此在新窗口浏览图片


按此在新窗口浏览图片


按此在新窗口浏览图片


按此在新窗口浏览图片


按此在新窗口浏览图片  


按此在新窗口浏览图片

16.继续用同样的方法去制作,设置图层混合模式的强光和降低其填充至25%左右。

按此在新窗口浏览图片


按此在新窗口浏览图片


按此在新窗口浏览图片


按此在新窗口浏览图片  

17.使用钢笔工具结合矢量工具中的一些图形,来制作RSS符号,并按CTRL+T对其进行调整,如图。

按此在新窗口浏览图片

18.为RSS符号添加图层样式,效果如图。

按此在新窗口浏览图片


按此在新窗口浏览图片


按此在新窗口浏览图片 

19.为RSS符号继续添加阴影效果,这样看起来更加的立体,如图。

按此在新窗口浏览图片


按此在新窗口浏览图片


按此在新窗口浏览图片

20.调整其阴影不透明度,修饰细节,完成最终效果。

按此在新窗口浏览图片

 

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2022-04-29Photoshop从零开始设计漂亮的网页模板
  • 2022-04-29PhotoShop设计简洁清新的小按钮制作教程
  • 2022-04-29帝国cms 自定义页面 调用分类方法
  • 2022-04-29Photoshop制作创意的云朵图案艺术字教程
  • 2022-04-29AI绘制质感电池图标
  • 2022-04-29PhotoShop打造水与火的碰撞视觉特效合成教程
  • 2022-04-29宝塔面板搭建WordPress站点主题404页面不生效
  • 2022-04-29PHP处理字符中的emoji表情(判断/移除/存储)
  • 2022-04-29教你怎么使用Vue实现动画效果(附代码)
  • 2022-04-29解决TP获取微信用户信息出现10003错误问题

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • 关于WordPress局域网内外同时访问
    • 网页CSS字体/网页常用中英文字体(带字体预览)
    • 织梦CMS导入数据库,修改数据库配置文件方法
    • Photoshop制作洁白的云朵艺术字教程
    • composer下composer.lock的用处及删除它的方法
    • PHP生成小程序二维码乱码怎么办
    • CSS如何实现元素不随滚动条滚动
    • php如何生成随机字符串并不重复
    • Photoshop制作超酷的哥特字体教程
    • 社交网站内容对SEO的价值

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有