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

Photoshop设计金属质感的网页按钮

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

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

先看看效果图

Photoshop设计金属质感的网页按钮,PS教程,站长图库

让我们开始!创建一个新的文件,本ps教程分辨率为500×300,填补这个白色画布。然后选择圆角矩形工具(半径30像素)绘制一个形状使用#d61d23的颜色。

Photoshop设计金属质感的网页按钮,PS教程,站长图库

之后,应用下面的图层样式到这一层:

内阴影

渐变叠加

Photoshop设计金属质感的网页按钮,PS教程,站长图库

Photoshop设计金属质感的网页按钮,PS教程,站长图库

您的按钮应该看起来像我的:

Photoshop设计金属质感的网页按钮,PS教程,站长图库

现在,时间,使反射按钮。使用Ctrl + J键复制当前层,然后创建一个新的,然后将其翻转复制的图层,得到一个层中的所有图层样式。之后,翻转,垂直与编辑>变换>垂直翻转上我的照片下面:

Photoshop设计金属质感的网页按钮,PS教程,站长图库

为了使反射更透明的底部的图片适用于快速蒙版模式,梯度如下:

Photoshop设计金属质感的网页按钮,PS教程,站长图库

然后返回到标准模式。现在,我们有一些选择的区域。按删除所选区域到清晰的图像。

Photoshop设计金属质感的网页按钮,PS教程,站长图库

Ctrl + D键删除选择。进入到下一步骤。我想添加的按钮,有些刺眼。要做到这一点,选择圆角矩形工具(半径:80像素),并创建一个新的形式使用白色。

Photoshop设计金属质感的网页按钮,PS教程,站长图库

栅格化这个图层与图层>栅格化>形状。之后,应用快速蒙版模式更多的时间和填充下一个渐变:

Photoshop设计金属质感的网页按钮,PS教程,站长图库

回到标准模式,我们收到了再次选择的区域。按删除,清除选定部分的图像。

Photoshop设计金属质感的网页按钮,PS教程,站长图库

取消选择选择的区域,按Ctrl + D和改变图层模式叠加,为当前层。

Photoshop设计金属质感的网页按钮,PS教程,站长图库

我们完成了按钮。现在,移动到下一个步骤。我认为它会看起来更好时,我们将会把它的一些设计元素上。要做到这一点得到我的照片下面用白色的椭圆工具,创建圆润的造型:

Photoshop设计金属质感的网页按钮,PS教程,站长图库

 

之后,应用这些混合选项到这一层:内阴影-内发光-渐变叠加-行程

Photoshop设计金属质感的网页按钮,PS教程,站长图库

Photoshop设计金属质感的网页按钮,PS教程,站长图库

Photoshop设计金属质感的网页按钮,PS教程,站长图库

Photoshop设计金属质感的网页按钮,PS教程,站长图库

结果如下:

Photoshop设计金属质感的网页按钮,PS教程,站长图库

 

时间带来了一些图片,我们的圆形设计元素。地球上找到了一些图片,谷歌图片或使用地雷,或找到它的地方。打开它,并减少一点点,然后将图片,如下图所示。

Photoshop设计金属质感的网页按钮,PS教程,站长图库

好,那么它的黑色和白色图像>调整>去色(按Ctrl + Shift + U),并改变图层模式为叠加,这一层:

Photoshop设计金属质感的网页按钮,PS教程,站长图库

 

选择锐化工具(刷:100像素,模式:普通,强度:40%),以使该片段的清晰度。

Photoshop设计金属质感的网页按钮,PS教程,站长图库

我们需要做的最后一件事,。要完成的教程让我们添加一些文字。的横排文字工具,并喜欢上我的照片下面写出来的白色的东西。

Photoshop设计金属质感的网页按钮,PS教程,站长图库

 

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

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

相关文章

  • 2022-04-29Photoshop制作蓝色冰霜效果的艺术字教程
  • 2022-04-29避坑!Laravel数据库迁移功能的一个坑
  • 2022-04-29phpMyAdmin怎么在某数据库里创建函数
  • 2022-04-29如何运用layui数据添加页面的前端布局?(附源码)
  • 2022-04-29Thinkphp5中是如何自定义全局异常
  • 2022-04-29Discuz! X3.3 X3.2移除dz云平台cp.discuz.qq.com去除discuz_tips去除discuz.gtimg.cn
  • 2022-04-29Wordpress关闭所有评论的方法
  • 2022-04-29Thinkphp5.1趣味实现学生扫码选座功能
  • 2022-04-29Photoshop绘制时尚大气的播放界面
  • 2022-04-29WordPress怎么实现评论自动填写QQ邮箱与昵称?

文章分类

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

最近更新的内容

    • Photoshop从零开始设计漂亮的网页模板
    • Photoshop制作金属颓废效果的黄金字教程
    • Photoshop设计书法人像前后期创作分享
    • Discuz“密码错误次数过多,请15分钟后登陆”
    • Photoshop制作创意的云朵图案艺术字教程
    • 搜索引擎营销中作弊的方式—链接作弊
    • Photoshop制作非常简洁的灰色质感导航栏
    • wordpress前台空白问题的解决方法
    • Nodejs实现微信分账的示例代码
    • 使用Vue实现移动端左滑删除效果

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

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