Hi,网页设计师综合门户欢迎您!
设为首页  加为收藏  我要投稿找回密码免责声明意见反馈

招聘精英个人求职推广网站网友作品网页特效动画欣赏网页素材酷站欣赏源码下载设计软件

  • 全站搜索
  • 新闻资讯
  • 网页教程
  • 平面教程
  • 程序设计
  • 视频教程
  • Flash教程

网页设计师提供网页设计、网站程序开发、系统开发等,请联系QQ 103198680

 您当前的位置:首页 > 阅读文章
网页设计师综合门户欢迎您!

PhotoShop绘制水晶质感3D立体按钮制作教程

刊登方式:转载   来源:网络  作者:  关键词:平面设计理念  更新时间:2017/7/16

  photoshop教程效果图:

PhotoShop绘制水晶质感3D立体按钮制作教程 网页设计师综合门户

  1.新建大小自定,这里500*300。

  2.前景色设置纯黑,选择形状工具,形状圆角矩形工具,在背景上层拉出形状适当钢笔修改下,如下图

按此在新窗口浏览图片

  3.添加形状1的图层样式,渐变叠加 颜色-838383-020202-838383- 如下图

按此在新窗口浏览图片

  4.复制形状1用移动工具,稍微往上移动 ,添加图层样式 投影请看下图。渐变叠加 颜色-ffffff-

按此在新窗口浏览图片
按此在新窗口浏览图片

  5.为了方便,在复制形状 大家可以自己选择形状1或形状2。用变换工具缩小形状3.

按此在新窗口浏览图片

  6.添加形状3.图层样式,投影看下图。渐变叠加 颜色 -513900-b07c00-473200-946800-。

按此在新窗口浏览图片
按此在新窗口浏览图片

  7.复制形状3.稍微适当拉长,添加图层样式 渐变颜色-946800-ffb300-c38900

按此在新窗口浏览图片

  8.设置完成这四个形状 我们得到下图 。

按此在新窗口浏览图片

  9.下面 可以用钢笔 或还用形状 看个人爱好 绘制一个类似月丫的某某【这里命为形状5】设置为叠加不

  透明44% 添加图层样式,渐变为中心纯白色 看图 。

按此在新窗口浏览图片
按此在新窗口浏览图片

  10复制形状5 命为形状6 设置叠加 ,添加图层样式 渐变叠加 还是中心白 跟形状5一样 只修改缩放。

按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片

  最终效果:

按此在新窗口浏览图片