• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 从菜鸟到高手!Photoshop抠图全方位攻略

从菜鸟到高手!Photoshop抠图全方位攻略

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含Photoshop抠图,ps技巧,ps抠图教程,经验分享等相关知识,希望在学习及工作中可以帮助到您

photoshop-matting-techniques-1

如果你是刚接触Photoshop的新手,小编真诚建议先学抠图。当然这个建议背后有广为人知的原因,见下…

a99de43ajw1eaqn0i25ooj20c81sdgw1

来自微博网友:@小丑出品

这才是我学习Photoshop的动力啊!如果你对此也有着狂热的兴趣,那就继续读下去吧。

如果觉得看图文教程不够生动,推荐前往 优优教程网 查看 《最全面的抠图视频教程》,专门为大家录制的生动详实的抠图自学视频,还有素材都为大家准备好了哟。

稍等,这些文章同样可以帮你从小白成为高手!
《超赞!设计师完全自学指南》
《交互设计师修炼指南!教你从零开始成为优秀交互设计师》

攻略分为三部分,

基础篇

  • 最常见的几种抠图方法
  • 切图绝技之抠图大法
  • 教你使用抽出滤镜

实例演练

  • 抠头发丝的技巧
  • 简单几步抠出火焰素材
  • 利用通道抠出婚纱人像

神器推荐

  • 在线抠图神器
  • 万人好评的神器Kockout

同学们可以自己选择对应的部分学习 :)

基础篇(一)

最常用的抠图方法:

一、魔术棒法——最直观的方法

适用范围:图像和背景色色差明显,背景色单一,图像边界清晰。

方法意图:通过删除背景色来获取图像。

方法缺陷:对散乱的毛发没有用。

使用方法:

  • 1、点击”魔术棒”工具;
  • 2、在”魔术棒”工具条中,在”连续”项前打勾;
  • 3、”容差”值填入”20″。(值可以看之后的效果好坏进行调节);
  • 4、用魔术棒点背景色,会出现虚框围住背景色;
  • 5、如果对虚框的范围不满意,可以先按CTRL+D取消虚框,再对上一步的”容差”值进行调节;
  • 6、如果对虚框范围满意,按键盘上的DELE键,删除背景色,就得到了单一的图像。

二、色彩范围法——快速

适用范围:图像和背景色色差明显,背景色单一,图像中无背景色。

方法意图:通过背景色来抠图。

方法缺陷:对图像中带有背景色的不适用。

使用方法:

  • 1、颜色吸管拾取背景色;
  • 2、点击菜单中”选择”功能里的”色彩范围”功能;
  • 3、在”反相”项前打勾,确定后就选中图像了。

三、 磁性索套法——方便、精确、快速和我常用的方法

适用范围:图像边界清晰。

方法意图:磁性索套会自动识别图像边界,并自动黏附在图像边界上。

方法缺陷:边界模糊处需仔细放置边界点。

使用方法:

  • 1、右击”索套”工具,选中”磁性索套”工具;
  • 2、用”磁性索套”工具,沿着图像边界放置边界点,两点之间会自动产生一条线,并黏附在图像边界上。
  • 3、边界模糊处需仔细放置边界点。
  • 4、索套闭合后,抠图就完成了。

四、(索套)羽化法——粗加工

适用范围:粗略的抠图。

方法意图:粗略抠图,不求精确。

方法缺陷:图像边界不精确。

使用方法:

  • 1、点击”索套”工具;
  • 2、用索套粗略地围住图像,边框各处要与图像边界有差不多的距离;这点能保证之后羽化范围的一致性,提高抠图的精确性;
  • 3、右击鼠标,选择”羽化”功能;
  • 4、调节羽化值,一般填入”20″,确定后就粗略选中图像了。羽化值的大小,要根据前一步边框与图像的间距大小调节。

五、(索套)钢笔工具法——最精确最花工夫的方法

适用范围:图像边界复杂,不连续,加工精度度高。

方法意图:完全*手工逐一放置边界点来抠图。

方法缺陷:慢。抠一个图连手脚指都抠的话,要15分钟左右。

使用方法:

钢笔工具法步骤如下:

1、索套建立粗略路径

  • (1)用”索套”工具粗略圈出图形的外框;
  • (2) 右键选择”建立工作路径”,容差一般填入”2″。

2、钢笔工具细调路径

  • (1)选择”钢笔”工具,并在钢笔工具栏中选择第二项”路径”的图标;
  • (2)按住CTRL键不放,用鼠标点住各个节点(控制点),拖动改变位置;
  • (3)每个节点都有两个弧度调节点,调节两节点之间弧度,使线条尽可能的贴近图形边缘,这是光滑的关键步骤;
  • (4)增加节点:如果节点不够,可以放开CTRL按键,用鼠标在路径上增加。删除节点:如果节点过多,可以放开CTRL按键,用鼠标移到节点上,鼠标旁边出现”—”号时,点该节点即可删除。

3、右键”建立选区”,羽化一般填入”0″;

  • 按 CTRL+C 复制该选区;
  • 新建一个图层或文件;
  • 在新图层中,按 CTRL+V 粘贴该选区,这样就OK了!
  • 取消选区快捷键:CTRL+D

注意:此工具对散乱的头发没有用。

六、蒙板抠图法——直观且快速

使用方法:

  • 1、打开照片和背景图
  • 2、点击移动工具把照片拖动背景图
  • 3、添加蒙版
  • 4、前景色设为黑色,选择画笔45

5、这样就可以在背景上擦,擦到满意为止。如果万一擦错了地方,只要将前景色改为白色,就可以擦回来。

唠叨一下:

  • 1、制作的时候一定要精细,不断地调整笔刷的直径和软硬参数,不能凑合;
  • 2、蒙版是可以修的,发现那里不合适,就重新进入蒙版作修饰;
  • 3、如果整体图像都带有一个边缘,可以在蒙版中做一个像素的最低限度处理。

基础篇(二)

专业提供扣图药方,一帖见效,药到病除。

功效:去除图标、按钮等背景图的底色
威力:★★★★
需求:很多时候我们需要用到一些全透明的素材,比如:

超赞!切图绝技之扣图大法

问题:

设计图中没有全透明的素材

超赞!切图绝技之扣图大法

魔术棒选区会带有一些半透明度,底色背景删不干净,
我们可以直接手工选区,一点点的删除底色背景,但是效率好低。

超赞!切图绝技之扣图大法

思考:

有没有办法设置魔术棒工具选区但不带半透明,让底色删的干净点?
嘿嘿,我苦练了半天,终于练出成果,请看练功秘籍。

秘籍:

选择”魔术棒”工具(快捷键W)

基础篇(三):教你使用抽出滤镜

在合成图像的制作中,经常需要将物体与背景分离,如果物体与背景的边界分明则分离的操作较为容易。但如果物体的边缘复杂,尤其是动物毛发这样的情况时,传统的方法就很难使用。我们学习过使用复制并修改通道,然后将其转为选区后建立蒙版这个方法。它虽然可以分离出非常复杂的物体,但也有限制,因为其中有一步是要用画笔涂抹Alpha通道以完善选区。

如下左图是原图,其中反差最大的通道如下中图,我们将其复制后需要用画笔涂抹,如下右图。可以看出这时候的涂抹也是很麻烦的,红色箭头处就是没有涂抹好的痕迹,虽然用较小的画笔可以达到效果,却要耗费许多时间。并且别忘了将小狗涂白之后,还要将背景涂黑才能转换出好的选区。这里的背景并不是单纯或相近的灰度,使用色彩调整命令就很难达到目的。只能使用画笔去慢慢涂抹。

7334c9be44d912f0737e04bbca84f732 14 2 使用抽出滤镜–

6d581c03816ce9eb58977150b5295328 14 2 使用抽出滤镜

e3ad2286520819b4af706d1ca70697a5 14 2 使用抽出滤镜

Photoshop提供了一个专门用于此类用途的工具,虽然位于滤镜菜单,却更像是一个功能扩展模块。【滤镜_抽出】启动后的界面如下左图,使用红色箭头处的画笔绘制小狗的边缘,笔迹应覆盖小狗和背景的边界,并且必须头尾相接形成封闭区域。同时画笔应尽可能小。可〖空格_CTRL_单击〗放大图像后用小画笔仔细涂抹。

在完成封闭

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

  • 从菜鸟到高手!Photoshop抠图全方位攻略

相关文章

  • 2017-08-06编制网站首页的基本原则
  • 2018-08-23从幽灵按钮到空心元素,它们一直在流行
  • 2017-08-06网页制作不得不知道的几个技巧
  • 2018-08-23挂墙上每天背!7种主流设计风格的制作心得
  • 2017-08-06CSS--overflow:hidden在项目实例中使用心得分享
  • 2018-08-23福利干货!搞定电商标题设计的6个奥秘都在这里了!
  • 2018-08-23一对一提问!什么才是学习设计的正确姿势?
  • 2018-08-23能成功传递出情绪和情感的网页,同样也是要看脸的
  • 2017-08-06使用火狐的web developer禁用网页样式图文详解
  • 2017-08-06facebook的信息架构评析

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 文案没有说服力?四招写出逻辑性强的文案
    • 内部教程!超详细的支付宝设计规范之配色篇
    • 设计实战:教育产品组件化交互设计的实践与思考
    • PS用的很溜?但你的设计可能还没入门!
    • 别人的UI表单为什么设计这么漂亮?
    • 如何在网页制作中给网页字体文件增加矢量图标
    • 沪江UED团队出品!用户体验设计师进阶实战指南(下)
    • 专业科班方法!帮你学会网格工具这个理性的排版利器
    • 30款免费高质量的英文丝带字体
    • 前端开发必备常用工具函数小结

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

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