• 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教程,站长图库

就是这么简单,做成彩色的或许更炫

1.首先创建一个600X200的文档,选择圆角矩形工具,按照下图设置上面的工具栏选项.

Photoshop设计碳纤维风格图标教程,PS教程,站长图库

2.在画布上画一个圆角矩形,如下:

Photoshop设计碳纤维风格图标教程,PS教程,站长图库

3.选择钢笔工具,然后在圆角矩形里右击,选择填充路径,这里会弹出一个窗口,提示你选择颜色,颜色可以任选,没有关系,因为后面我们会对颜色进行修改,然后右击,选择删除路径。

Photoshop设计碳纤维风格图标教程,PS教程,站长图库

4.现在你应该有一个圆角的矩形图层,现在设置图层样式,如下:

Photoshop设计碳纤维风格图标教程,PS教程,站长图库

Photoshop设计碳纤维风格图标教程,PS教程,站长图库

Photoshop设计碳纤维风格图标教程,PS教程,站长图库

Photoshop设计碳纤维风格图标教程,PS教程,站长图库

5.设置完之后,你应该得到下面的结果,这里有个小技巧,你可以在设置好的图层样式里选择保存,以后就可以直接使用这个样式了。

Photoshop设计碳纤维风格图标教程,PS教程,站长图库

6.下一步,你要自己创建一个自定义的填充样式,新建一个透明背景的4X4文档,放大到1600倍,然后如下填充图片

Photoshop设计碳纤维风格图标教程,PS教程,站长图库

7.创建好之后,点击"编辑定义图案",保存自定义的填充图案。然后回到第一个文档里,按住CTRL在图层的缩略图上单击,创建选区。新创建一个图层,取名为"样式"。选择油漆桶工具,填充方式里,选择图案,图案选择我们刚才创建的那个图案。

Photoshop设计碳纤维风格图标教程,PS教程,站长图库

8.点击选区填充。给"样式"图层添加一个图层蒙版,然后按D,复位前景色和背景色,按X切换前景背景色,现在渐变工具对称渐变,如下图,从点1拉渐变到点2。

Photoshop设计碳纤维风格图标教程,PS教程,站长图库

9.右击"样式"图层,选择应用图层蒙版,然后再添加一个图层蒙版,这次选择线性渐变,按X切换前景背景色,如下拉一个渐变:

Photoshop设计碳纤维风格图标教程,PS教程,站长图库

10.再次应用图层蒙版,结果如下:

Photoshop设计碳纤维风格图标教程,PS教程,站长图库

11.使用钢笔工具,创建如下路径:

Photoshop设计碳纤维风格图标教程,PS教程,站长图库  

12.在新层里填充选区为白色,透明度设为5%。

Photoshop设计碳纤维风格图标教程,PS教程,站长图库

13.选择矩形工具,在图标下面画一个矩形。

Photoshop设计碳纤维风格图标教程,PS教程,站长图库

14.如下给矩形图层添加图层样式:

Photoshop设计碳纤维风格图标教程,PS教程,站长图库

Photoshop设计碳纤维风格图标教程,PS教程,站长图库

15.使用多边形索讨工具,如下给在矩形图层下面添加一个边角选区。

Photoshop设计碳纤维风格图标教程,PS教程,站长图库

16.用稍微亮点的颜色,填充边角,同样在右边也做一个对称的边角。

Photoshop设计碳纤维风格图标教程,PS教程,站长图库

17.在矩形条上加上你的Label,然后在空白出添加你的图标,收工!

Photoshop设计碳纤维风格图标教程,PS教程,站长图库

 

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

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

相关文章

  • 2022-04-29免费DedeCMS版QQ登陆插件FOR V5.5 V5.6 V5.7
  • 2022-04-29DedeCMS搜索文件search.php移到网站根目录
  • 2022-04-29“内容”优化影响排名 “内容”提升用户体验
  • 2022-04-29详解在TP中怎么引入ThinkWechat.php并打印日志
  • 2022-04-29ThinkPHP中自定义错误、成功、异常提示页面的方法
  • 2022-04-29DEDECMS让广告延时加载,提高网页打开速度
  • 2022-04-29利用html实现进度条效果的方法
  • 2022-04-29帝国CMS下载地址不用弹窗修改方式
  • 2022-04-29如何清除CentOS6或CentOS7上的磁盘空间
  • 2022-04-29PS+AI设计制作复古的霓虹灯字体效果教程

文章分类

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

最近更新的内容

    • Photoshop制作由云朵组成的艺术字教程
    • thinkphp模型定义
    • CSS如何实现渐变提示框(tooltips)
    • JavaScript中Number()方法的两种用法
    • Laravel如何批量更新多条记录(防SQL注入)
    • 11个SEO细节提升网站权威性
    • Photoshop制作时尚绚丽的3D立体字教程
    • 使用织梦DdedCMS添加文章时同时更新所有单页面的
    • mysql聚簇索引和非聚簇索引的区别
    • Photoshop制作一个漂亮的金色球体图标

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

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