首页 > 精品范文库 > 12号文库
网站切图教程(ps)(模版)
编辑:柔情似水 识别码:21-1014778 12号文库 发布时间: 2024-05-29 18:39:48 来源:网络

第一篇:网站切图教程(ps)(模版)

使用photoshop进行网站切图

一,基本概念

1,切图,是一种网页制作技术,他是将美工效果图转换为页面效果图的重要技术。Fireworks也提供了切图技术,Flash则直接提供了网页格式输出技术(不需要切图)。

2,切片,是切图的直接结果,切图实际上就将图切分为一系列的切片

二,切图操作过程 1,切图工具图标的识别

2,切图基本操作

1)基本操作有两个:划分切片和编辑切片

划分切片,是使用切片工具,在原图上进行切分的操作。

编辑切片,是对切分好的切片进行编辑的操作,编辑包括对切片的名称、尺寸等的修改等等 下面我们看一下这两个操作 2)基本操作

如果想移动某个切片,可以使用“切片选择工具”选择某个切片,并用鼠标进行拖动,也可以使用实现,另外如果想精确的细微移动,则可以使用实现

如果想将某个切片存为某个图片输出,可以使用“切片选择工具”选择某个切片,然后选择“文件”菜单,并选择“存储为Web所用格式(W)...”,然后在弹出的界面中...3,切图技巧

1)一张图,可以有多种切分方式,如下:

既然存在n多种切图方式,那么是不是哪种方式都可以满足要求? 答案:不是的。

一般对页面的要求是,当页面大小发生变化时,页面的各部分可以相对自由地伸缩,而不会使页面发生错乱或变形等问题。

我们切分好的图是要输出为Html格式的网页文件的,然后通过网页编辑器,将该页面进行加工,做成符合要求(例如可以根据内容多少,自由伸缩等)的模板页面。这其中,切图的方式直接影响着模板页面是否能够满足实际的要求。我们来看一个例子:

2)切图技巧主要有几下几点

属性均匀的区域适合分为一个切片,均匀主要是指颜色和形状都没有变化,或者在X或在Y方向上没有变化。

属性渐变的区域适合分为一个切片,渐变有两种表现形式 颜色渐变 形状渐变

根据原图的内容布局,确定整体的切分策略,即切分要有分块的思想,要在想象中将整个布局看成是一个两个table,然后在具体到每个table,去考虑里面应该如何切。下面通过几个图例来说明

三,切图的Html格式输出

切图完成,就可以输出为Html格式的页面了。

在“文件”菜单中,选择“存储为Web所用格式(W)...”,在弹出的页面中直接选择“存储”,然后在弹出的界面中,填入文件名,保存类型选择“HTML 和图像(*.html)”,设置为“默认设置”即可,切片选择“所有切片”。然后点击“保存”按钮就可以了。后面的事情,就是编辑输出的Html页面了。

网页制作:从切图到生成网页

鉴于很多朋友问到如何切图这个问题,又鉴于这个问题可大可小,一两句话是绝对讲不清楚的,所以今天有空闲在家里就举一个简单的例子来说明这个问题吧!OK,让我们开始:

step1:在PhotoShop中打开设计稿,如下图

选择工具板上的slice切片工具,先大刀阔斧的切上一番!技巧: 大面积的色块单独切成一块,尽可能的保持在水平线上的整齐(这个问题你们在后面的制作页面中深有感触)切好的图如下所示:

step2:在PhotoShop中选择file-save for web...来输出,这里要注意

一些参数的选择:

我们来看看红线所标识的1,2,3部分,将1所示的切片工具选中,然后点选2所示的图片,在3所示的地方选择色值,如果色彩单一可以选择尽量小的色值位;(为什么要这样??)答案:这样会大大减小文件的大小,同时又能比较好的保持图片的色彩;设置好后点OK输出文件,这里的文件包括了一个htm和images文件夹,如图:

这里候你的页面才算完成了一半,接下来在Dreamweaver里建立站点:

step3:定义站点:

在图示左边的site name中为站点起一个名字,如example

然后在下面的local root folder中选择我们刚才导出的站点所以的文件夹;站点建好后在site map中我们看到:

(为什么要建立站点?)建立站点可以使我们养成一种很好的习惯,就是把一个网站所包含的文件,文件夹有条理的放在一起,同时我们很容易的将这个站点移动到其它地方而不用对文件路径进行任何改写!(当然如果你实在不想建立站点也没人强求你,我在事际工作中就遇到这样的同事,没有习惯为页面建立站点,当然后果的要麻烦少少了)

step4:重新制作页面表格(为什么?)通常在photoshop中直接导出的htm文件是不可以直接使用的,因为有些地方在实际运用时要作调整,比如有动态文字的地方,我们需要在页面中输入页不是使用图片,那么图片就要把它拿走,如果你在直接生成的htm中拿走不想要的图片再加上你想要的东西,你们发现页面将变得惨不忍睹,整个页面可能完全乱了套!

好了,先来分析一下导出的htm文件吧:

根据这个页面表格所示,我们在新的页面中建立一个三行一列的表格:

注意,把cellpadding,cellspacing,border三项值设为0,这个很重要;

因为图片中我们不希望看到空隙和错位;然后再在第一行中插入一个三行两列的表格,并合并左边三列的表格,如图:

插入表格的时个要注意对比原htm文件中的内容,思考为什么这样做;

接下来在第二行中插入一个二行二列的表格,按上面的方法合并左边的格子,并在右边格子的第一行插入一个一行五列的表格如图示:

最后在下面一行插入一个三行二列的表格,并将图示中1,2外分别合并:

最后得到的页面应该是这样的:

好了,现在我们的任务就是往表格里面加图加内容了!这里就不再赘述了!(其实已经赘述得够多了!)

还要提醒大家注意的是在加图片和内容时,表格单元格的align,valign这两个属性非常重要,要不遗余力的运用它们来帮你做事!OK,自己实践一下!

不用切图的页面圆角

首先看样式表文件:

.b1 {height:1px;font-size:1px;overflow:hidden;display:block;background:#000;margin:0 5px;}.b2 {height:1px;font-size:1px;overflow:hidden;display:block;background:#fff;

border-right:2px solid #000;border-left:2px solid #000;margin:0 3px;}.b3 {height:1px;font-size:1px;overflow:hidden;display:block;background:#fff;

border-right:1px solid #000;border-left:1px solid #000;margin:0 2px;}.b4 {height:2px;font-size:1px;overflow:hidden;display:block;background:#fff;

border-right:1px solid #000;border-left:1px solid #000;margin:0 1px;}

接着看页面代码:

当然你也可以用其他的标签

或者之类,应该也是可以的

用Fireworks制作具有动态效果的切图

在上一章中,我们说到用fireworks2进行切图,可以将一个大图片分割成不同色深的多个小图片,并且生成相应的网页文件或代码,从而减小网页的重量。今天我要接着告诉您的是,功能强大的fireworks2不仅可以制作静态切图,更能够导出javascript动态特效!

打开monitor.gif 件后你可以看到那上面画的是一个电视机,现在我们要做的是将这个电视机放入一个网页,并且当浏览者的鼠标按下电视机上的开关后,会在屏幕中播放内容。

第一步,要在图象上制作用来调用javascript的热区,制作热区的方和上一章中切割图象的方法一样,都是使用工具栏最右下方的切割工具(SliceTool)。由于我们设想中的这个javascript是通过按下电视机开关后在屏幕上出现变化,所以需要定义两个热区,分别是电视机开关和电视机屏幕。

然后选择“windows > Object”(Ctrl+I)选项,打开Object面板。先选中电视屏幕的热区,Object面板即将显示这个热区的属性,其中的连接地址默认为“No URL(noHREF)”也就是当前网页的连接(#);项内容为鼠标放到图片上时显示的提示;这下面那个红色的靶心是target,用来确定连接标签的目标的,在这儿就不多说了;最关键的是:不要激活 target

下的“Auto-Name Slices”功能,而需手动给这个切割热区起一个名字,这样做是为了在指定behavior时能够方便的辨认目标。还要注意的是在给slice命名时,不能使用中文,否则生成的javascript 代码会在浏览器中长时间报错。在这个例子中我给屏幕热区起的名字是“screen”,再以同样的方法给电视开关取名为“button”。

接着做一个电视上要显示的图象,选择“File > New”(Ctrl+N)命令新建一个和屏幕热区大小相同的图片(注意:尺寸过大或过小都会被 javascript缩放到屏幕热区的大小)。新建文件后,您可以使用工具栏上各类工具随心所欲地画出自己喜欢的东东(工具栏中各个绘图工具的使用 方法将在以后的教程中做详细介绍)。对自己的作品满意了吗?您画完后 请选择“File > Export”(Ctrl+Shift+R)将图象导出为网络图形。

Fireworks的图象导出功能非常强

大,但现在您只要一路NEXT就可以了,并将生成的gif文件保存到指定的目

录下。

然后回到我们刚才编辑的电视机

画面,选定开关热区,再选择“ Windows > Behaviors”

(Ctrl+Alt+H)选项,打开behaviors面板。按下添加按钮,选择“Swap Image”,在随后弹出的Swap Image对话框中的“ Swap Image in Slice”选项中选择“screen”热区(也可以在右边的热区画面中直接选择screen热区,这样做就可以让button热区调用一个使screen 热区产生变化的javascript);在“Source of Swap”中选择“Image File”并在浏览面板中指定刚才制作的那个gif图象。最后激活“Restor Image onMouseOut”(激活这个功能后,浏览者将鼠标离开调用javascript 的热区后,发生变化的图

象将恢复正常。

当上面这步完成后,behaviors面板中将出现一个“OnMouseOver”的件处理器,这就说明刚才做的热区已经成功调用了javascript。但我们期的效果是当鼠标按下开关后才在电视屏幕中显示内容,所以请按下“ OnMouseOver”旁的下拉菜单按钮,在弹出的菜单中选择“OnClick”。好,到这儿基本上该完工了。想看看作品的效果如何吗?选择“File > Preview in Browser > Preview in...”(F12)命令,就可以在新窗口 中预览刚才的作品了。

达到预期效果了吗?满意的话就可以导出成品了,这儿有个小技巧,由于fireworks的预览功能已经生成了临时的图形和HTML文件,所以如您使用IE5行预览的话,可以直接在自己满意的预览窗口中将所以文另存,就可以免去导出步骤而得到完整的作品了。如果您没有IE,那只能乖乖地使用导出功能,具体地导出方法和我们在上一章中所说的静 态切图的导出方法相同,在这儿就步重复了。

Fireworks使用技巧

迄今为止,Fireworks在一阵又一阵的喝彩声中经历了4个成长阶段,目前已经推出了4.0版本。最初,Fireworks同时又是互联网的新生儿,它非常诚恳地吸收了众家的长处。不管是平面设计软件的图层和色彩,还是动画制作的帆要领不管是它的Flash图符和库面析,还是Dreamweaver的快速启动栏;不管是矢量绘图软件中的工具,还是位

图图像编辑软件的面析,只要它们有优点,它都学来。Fireworks在学习中创新,从而一步一步走向成熟,也越来越受大家的青睐。第一篇 用Fireworks切割图形

但传统的切图工作十分繁琐,许多设计者都是使用Photoshop类软件将图一片片分好,然后在分别保存为不同色深的gif图象,虽然可以使用action之类的自动执行命令集,但实际工作量依旧十分惊人,而且非常容易切错尺寸。

现在用了Fireworks就可以非常轻松地切割图片了,首先用Fireworks 打开要切割地图形文件(File > Open),当图片打开后选择工具栏最右下方的切割工具(SliceTool),在图中按住鼠标左键任意画出想要的切割效果(注意不要将选区重叠),图中那些红线表示就是最后生成的表格分栏情况。

等全部的切割区域完成后选择“FILE > EXPORT”进入导出,在Format 中选择gif,再根据图象的具体情况设置色深、调色板和透明色,然后按下 “Next”。

最后再导出成HTML文件的对话框中指定保存的目录,在“slicing:” 选项中选择“Use Slice Objects:”按照刚才划分出的切割情况来切图,并分别保存。在“Style选项”中选择“Generic”导出成标准的HTML源码。OK,如果要和Dreamwever一同使用的话,可以选择“Dreamweaver Libra-ry.lbi”将导出为

DREAMWEAVER2的一个模板,而“Dreamweaver” 选项将 导出成DREAMWEAVER作出来的网页源码。

就这样,仅几秒种的时间,就完成了一个非常专业的图形切割。怎么样,您是不是感受到了Fireworks的强大功能。

第二章 用Fireworks制作具有动态效果的切图

在上一章中,我们说到用fireworks2进行切图,可以将一个大图片分割成不同色深的多个小图片,并且生成相应的网页文件或代码,从而减小网页的重量。今天我要接着告诉您的是,功能强大的fireworks2不仅可以制作静态切图,更能够导出javascript动态特效!

打开monitor.gif 件后你可以看到那上面画的是一个电视机,现在我们要做的是将这个电视机放入一个网页,并且当浏览者的鼠标按下电视机上的开关后,会在屏幕中播放内容。

第一步,要在图象上制作用来调用javascript的热区,制作热区的方和上一章中切割图象的方法一样,都是使用工具栏最右下方的切割工具(SliceTool)。由于我们设想中的这个javascript是通过按下电视机开关后在屏幕上出现变化,所以需要定义两个热区,分别是电视机开关和电视机屏幕。

然后选择“windows > Object”(Ctrl+I)选项,打开Object面板。先选中电视屏幕的热区,Object面板即将显示这个热区的属性,其中的连接地址默认为“No URL(noHREF)”也就是当前网页的连接(#);项内容为鼠标放到图片上时显示的提示;这下面那个红色的靶心是target,用来确定连接标签的目标的,在这儿就不多说了;最关键的是:不要激活 target下的“Auto-Name Slices”功能,而需手动给这个切割热区起一个名字,这样做是为了在指定behavior时能够方便的辨认目标。还要注意的是在给slice命名时,不能使用中文,否则生成的javascript 代码会在浏览器中长时间报错。在这个例子中我给屏幕热区起的名字是“screen”,再以同样的方法给电视开关取名为“button”。

第三章 下面告诉你如何做动画,COOL!

用Fireworks2制作动画一共有三中方法,由简到难的排列起来分别是: 合并图象形成动、使用符号(Symbol)生成画效果和手工绘制。

合并图象形成动画,顾名思义就是将一系列图片按序排列生成不同的帧而形成动画(很象Director中的Space to time功能),不过这种排列完全是程序自动执行的,免去了大量的手工操作。具体的方法是这样的(当然使用这种方法的前提是必须有一连串连续 的图片):选择“File > Open Multiple ”命令。进入系列图片所在的目录,然后按次序将一连串的图片加入(“Add”命令)对话框左下部的窗口,并且激活“Open as Animatio”选项,再按下“Done”

按钮就OK了。

在动画生成后,按下“Windows > Frame”(Ctrl+ Alt+K)命令,您就看到原来的一系列图片都按次序地从Frame1往下排到底。按下屏幕右下角的播放键就可以浏览动画效果了。这种纯粹的懒办法最合适我这样画不来线条的人了,一次有只用了10 秒钟就搞定了一个小鸟飞飞的图片,效果棒极了!

不过,要是手头没有现 成的连续图片,那只能劳驾,自己亲自动手了。而许多图画中有规则的动态效果若是用手工制作,既费时间也未必能够达到理想的效果。所以Fireworks2提供了一个Tween功能,使用户可以指定程序生成动态过度效果(感觉就更Flash里的一样)。

在绘制动画前,我们事先必须明确动画的工作原理。我想简单的说,动画是有不变的物件(object)和会变的物件两部分组成。通常不变的物是只如背景之类始终在动画中显示的物件,而会变的物件是指通过变化 形成动画的物件。所以在制作动画之前得先制作不变的物件,为此Fire-works2提供了一个共享层的概念(Share Layer)。

我们都知道,动画是由一个个不同的帧(Frame)组成的,而共享层就是在所有帧中都显示的一个层,这样我们只要将动画中不变的物件全放在这个层中,以后只需要修改一个帧的共享层中内容就可以使所有的帧都达到相应变化,大大减少了工作量。设置共享层的命令是Layer 面版的弹 出菜单中的“Share Layer”命令,设置为共享的层在Layer面版中都有一 个特定的共享符号(Wegb Layer是系统自动设置的共享层,用于放置热点、切割区)。

在完成不变的物件(object)后就可以使用Tween 功能制作动画效果 了。Tween功能的原理是将物件(object)转化为符号(symbol),然后 确定符号的初始和结束样例(instance),再将这些样例转换为具有过度 效果的连续帧(frame)。Tween功能支持物件的位移、旋转、缩放、扭曲、以及透明度和层效果(effect)的过度。下面我来举个实例:通过十个帧 让我的名字“Arky”从图象的左上角移动到右下角同时逐渐变深。

第三章 下面告诉你如何做动画,COOL!

用Fireworks2制作动画一共有三中方法,由简到难的排列起来分别是: 合并图象形成动、使用符号(Symbol)生成画效果和手工绘制。

合并图象形成动画,顾名思义就是将一系列图片按序排列生成不同的帧而形成动画(很象Director中的Space to time功能),不过这种排列完全是程序自动执行的,免去了大量的手工操作。具体的方法是这样的(当然使用这种方法的前提是必须有一连串连续 的图片):选择“File > Open Multiple ”命令。进入系列图片所在的目录,然后按次序将一连串的图片加入(“Add”命令)对话框左下部的窗口,并且激活“Open as Animatio”选项,再按下“Done”

按钮就OK了。

在动画生成后,按下“Windows > Frame”(Ctrl+ Alt+K)命令,您就看到原来的一系列图片都按次序地从Frame1往下排到底。按下屏幕右下角的播放键就可以浏览动画效果了。这种纯粹的懒办法最合适我这样画不来线条的人了,一次有只用了10 秒钟就搞定了一个小鸟飞飞的图片,效果棒极了!

不过,要是手头没有现 成的连续图片,那只能劳驾,自己亲自动手了。而许多图画中有规则的动态效果若是用手工制作,既费时间也未必能够达到理想的效果。所以Fireworks2提供了一个Tween功能,使用户可以指定程序生成动态过度效果(感觉就更Flash里的一样)。

在绘制动画前,我们事先必须明确动画的工作原理。我想简单的说,动画是有不变的物件(object)和会变的物件两部分组成。通常不变的物是只如背景之类始终在动画中显示的物件,而会变的物件是指通过变化 形成动画的物件。所以在制作动画之前得先制作不变的物件,为此Fire-works2提供了一个共享层的概念(Share Layer)。

我们都知道,动画是由一个个不同的帧(Frame)组成的,而共享层就是在所有帧中都显示的一个层,这样我们只要将动画中不变的物件全放在这个层中,以后只需要修改一个帧的共享层中内容就可以使所有的帧都达到相应变化,大大减少了工作量。设置共享层的命令是Layer 面版的弹 出菜单中的“Share Layer”命令,设置为共享的层在Layer面版中都有一 个特定的共享符号(Wegb Layer是系统自动设置的共享层,用于放置热点、切割区)。

在完成不变的物件(object)后就可以使用Tween 功能制作动画效果 了。Tween功能的原理是将物件(object)转化为符号(symbol),然后 确定符号的初始和结束样例(instance),再将这些样例转换为具有过度 效果的连续帧(frame)。Tween功能支持物件的位移、旋转、缩放、扭曲、以及透明度和层效果(effect)的过度。下面我来举个实例:通过十个帧 让我的名字“Arky”从图象的左上角移动到右下角同时逐渐变深。

第五章 文字工具以及文字特效

这章教程,我想单单给你介绍Fireworks的文字工具以及文字特效,之所以要将对文字功能版块的介绍独立成一章,是因为Fireworks

中的文字以及相关功能,是目前我所见的图象编辑软件中最强大,最

完善!

#完整的文字格式化功能,支持双字节文字

这是所有成功的图象设计软件所必备的特点,当然Fireworks也不例外。您可以在工具栏中按下文字按钮(图标为“A”的那个按钮),再在工作窗口中单击以呼出文字编辑面版(Text Editor)。Fireworks的文字面版十分直观,完全支持双字节文字(当然,前提是系统拥有相应的字库),使用的方法与普通图象编辑软件中的同类功能十分相似,如果您有一些图象设计经验的话,完全可以轻松上手。但与众不同之处在于:Fireworks2的Text Editor功能支持定义单个文字的属性。当您在Text Editor中输入一串文本后,可以自由地改变此 文本中任意字的属性。也就是说,用户可以在Text Editor面版中同时输 入一串字体、颜色、大小等等属性完全不同的语句。

不仅如此,在用Fireworks编辑图片的过程中,文字始终保持一种特殊 路径形式。所以用户可以随时随地地修改文字内容,而不会象Photoshop5 那样,一旦进行“Rend Layer”操作,用户就再也无法对文字层中的内容 进行修改了:(#方便的文字色彩填充功能

Firework将文字作为一种特殊的物件(object),它既能够让Text Editor工具识别,对文字的内容进行修改,又允许用户象编辑普通路径那 样给文字着色、描边(方法详见教程的上一章)。这种特殊的设定给用户 带来了前所未有的方便,甚至当用户使用变形工具(快捷键为“Q”)给 选定的文字进行变形后,聪明的Firewoks仍然能够自动匹配变形后的文字 的大小,依旧允许用户使用Text Editor对文字进行编辑。#别出心裁的文字对齐选项

Fireworks 提供了一个矢量绘图软件所特有的文字对齐功能。您只要在画面中文字上单击右键,就可以在随后弹出的菜单中的“Align”一项内选择文字的对齐方式。Fireworks2共提供了八种文字对齐方式: 左对齐(left); 右对齐(right); 水平居中(center-1);

左右扩展(Justified-1,这种方式是通过调节文字的水平间距使文 字按文字框的长度对齐,使用非常广泛);

左右拉伸(Stretched-1,这种方式是通过拉伸文字的宽度,使之按 文字框的长度对齐);

顶端对齐(top); 竖直居中(center-2); 底对齐(bottom)

上下扩展(Justified-2,这种方式是通过调节文字的垂直间距使文 字按文字框的高度对齐,使用非常广泛);

上下拉伸(Stretched-2,这种方式是通过拉伸文字的高度,使之按 文字框的高度对齐); #文字的特色效果

Fireworks2 新增一个Style功能面版(“Windows > Styles”快捷键 为Ctrl+Alt+J)。Style功能提供了近300种内值的路径填充和描边的特效,可以最快捷地生成适用于网页制作的文字特效,当然,Style 也适用于所有普通路径。并且Fireworks2允许用户自由扩充Style,您可以将自己新创的路径定义为一个Style(方法是使用Styles面版的弹出菜单中的“ New Style”命令),以便今后反复使用。

#文本环绕路径功能

这无疑是Fireworks2的文本功能中最激动人心的效果,这个以前只有在矢量绘图中才可能具备的功能大大缩短了用户制作环绕文

本的工序。您只须选定文字和文字要环绕的路径,然后选择“Text > Attach to Path”(快捷键为 Ctrl+Alt+Y),就可以将文字结合到特殊的路径上。并且,结合后的文字依旧可以通过Text Editor进行编辑,也可以使用不同的Align 方式定义不同的路径围绕效果,还可以用上述的方法修改文字的填充效果或套用Style。#查找和替换功能(Find & Replace)

这样的新增功能听上去似乎是一款文字编辑软件才应该具备的,不过细心macromedia已经为用户考虑到了方方面面,Fireworks2中的Find & Replace功能(“Windows > Find & Replace”)不仅提供了普通的文字查找替换功能,并且可以修改文件中使用的颜色、字体、URL!这些匠心独具的设计使Firework2成为最具创造力的图象设计软件,它完全体现了macromedia的设计决心——让您的工作更具效率(Productivty)。

第二篇:PS抠图教程

PS抠图方法

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

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

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

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

使用方法:

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、这样就可以在背景上擦,擦到满意为止。如果万一擦错了地方,只要将前景色改为白色,就可以擦回来。

初学者PS抠图法集锦专业版

一、橡皮擦抠图

方法、特点和适用范围:橡皮擦抠图就是用橡皮擦工具擦掉不用的部分,留下有用的部分。这种方法属外形抠图的方法,简单好用,但处理效果不好,可用于外形线条简单的图形抠图。但主要用于对其它方法抠图后的效果进行进一步处理。

操作步骤:

1、打开图片;

2、双击该图层,将背景层改为普通层

3、选取橡皮擦工具,可选画笔主直径大点,先粗略地擦掉大部分不用的部分

4、再选画笔主直径小点,把图片放大,进行精细处理

二、魔术棒抠图

方法、特点和适用范围:魔术棒抠图就是用魔术棒工具点选不用的部分,或者点选要用的部分再反选,然后删除,留下有用的部分。这种方法属于颜色抠图的范畴,使用简便,但不宜达到预期效果。因此只能用于图片要用部分和不用部分色差较大时抠图或用于其它抠图方法的辅助方法。

操作步骤:

1、打开图片;

2、双击该图层,将背景层改为普通层;

3、选取魔术棒工具,在其属性栏取适当的容差值(色差小时须选较小值,一般取值为20);如因该图色差较大,可选了较大值80;

4、点选背景;

5、编辑/清除

三、路径抠图

方法、特点和适用范围:路径抠图就是用钢笔工具把图片要用部分圈起来,然后将路径作为选区载入,反选,再从图层中删除不用部分。这种方法也属外形抠图的方法,可用于外形比较复杂,色差又不大的图片抠图。再辅之以橡皮檫工具,可取得好的效果。

操作步骤:

1、打开图片;

2、双击该图层,将背景层改为普通层;

3、选取钢笔工具,在其属性栏选取参数;

4、把图片中要用部分圈起来;

5、终点接起点,形成闭合区;

6、在路径面板下面点选将路径作为选区载入按钮;

7、选择/反选.四、蒙版抠图

方法、特点和适用范围:蒙版抠图是综合性抠图方法,即利用了图中对象的外形也利用了它的颜色。先用用魔术棒工具点选对象,再用添加图形蒙版把对象选出来。其关键环节是用白、黑两色画笔反复减、添蒙版区域,从而把对象外形完整精细地选出来。

操作步骤:

1、打开图片;

2、双击该图层,将背景层改为普通层;

3、选取魔术棒工具,容差选大点(50—80),按住Shift键,通过多次点选,把对象全部地选出来;

4、按下添加蒙版工具按钮;

5、在导航器面板中将显示比例调大,突出要修改部分;

6、选背景色为黑色,前景色为白色;

7、选取画笔工具,直径在10左右,对要修改部分添加蒙版区域;

8、把画笔直径调小点(5—7),转换前景和背景色,使前景色为黑色,把所添加的多余部分减掉;

9、如果不够理想,则重复7、8两步,以达到满意效果。

五、通道抠图

方法、特点和适用范围:通道抠图属于颜色抠图方法,利用了对象的颜色在红、黄、蓝三通道中对比度平同的特点,从而在对比度大的通道中对对象进行处理。先选取对比度大的通道,再复制该通道,在其中通过进一步增大对比度,再用魔术棒工具把对象选出来。可适用于色差不大,而外形又很复杂的图象的抠图,如头发、树枝、烟花等等。

操作步骤:

1、打开图片;

2、双击该图层,将背景层改为普通层;

3、打开通道面板,分别点选红、黄、蓝三个单色面板,找出对象最清晰的通道,该图中我们点选蓝色通道;

4、将蓝通道拖至通道面板下面的创建新通道按钮上,复制出蓝副本通道;

5、图像/调整/色阶,调整“输入色阶”,增强对象对比度;

6、图像/调整/反相;

7、选用套索工具,把烟花等图案圈出来;

8、选择/反选,编辑/填充/填充前景色(白色),选择/取消选择;

9、图像/调整/反相;

10、按住“Ctrl”键点蓝副本通道,载入烟花等的选区,功换到图层面板,烟花等被选中;

11、选择/反选,编辑/清除;选择/取消选择

第三篇:PS抠图教程

背景橡皮擦抠图

先看看原图和效果图:

效果图

1、打开图片,ctrl+j得到图层1,点击红圈处,创建图层2,放于图层1与背景层之间,填充白色作为检查效果和新的背景层

2、按图示给出的参数,用背景橡皮擦在图层1里擦吧,注意擦的时候尽量不要松手,直到擦干净为止

3、说是擦干净为止,其实是擦不干净的,我们会看到留有许多的边缘杂色,如图示的红圈处

4、把图放大到400%,用橡皮擦工具清除掉边缘的多余杂色(画笔的大小约在5-7之间)。

5、边缘杂色清理完后的效果。

6、ctrl+j复制图层1得到图层1副本,图层的混合模式滤色,不透明度40%,目的是提亮

7、点击红圈处,创建色相/饱和度调整图层,参考参数如图设置,这时一朵漂亮的小花就全部完成了抠图的任务

8、看看效果如何

9、再换个背景看看

通道抠选人物头发与半透明衣服

效果图

素材

图1

图2

1.打开“素材”如图1所示。在本例中我们要抠选人物头发以及半透明衣服图像。

2.切换至“通道”调板,分别观察其三个原色通道,从中选择头发与背景的对比度最好的一个,在这幅图中观察发现“红”通道最为合适,如图2所示为红通道中的图像状态。

3.选择“图像” “计算”命令,在弹出的对话框中设置参数,如图3所示。得到新通道Alpha1,图像效果如图4所示。

图3

图4

图5 提示:观察图像的整体效果可以看出,其中头发与底部的半透明衣服,都已经基本上选择出来了,但放大显示比列,观察细节内容不难看出,其仍然存在大面积的杂色图像,如图5所示,这对我们抠选图像的质量有着很大的影响,下面就来将它们修除。

4.设置前景色为黑色,选择画笔工具并设置适当的画笔大小,放大图像的比例,在人物以外的部分涂抹,直至将其全部去除,如图6所示效果。

图6

图7

图8

图9 5.按住Ctrl键并单击Alpha通道以调出其储存的选区,切换到“图层”调板,复制“背景”图层得到“背景 副本”,单击添加图层蒙版按钮,为其添加蒙版。在当前图层的下方新建一个图层,并将其填充为白色,方便我们观察抠选出来的图像。得到如图7所示图像。

6.将人物基本轮廓显示出来了,下面我们将其黑色区域影藏的眼睛等地方显示出来。选择“背景 副本”的图层蒙版,设置前景色为白色,选择画笔工具并设置适当的画笔大小,在人物身体内部进行涂抹,以将其隐藏,得到如图8所示效果。

7.选择钢笔工具并在其工具选项栏上选择路径按钮,沿着人物身体边缘绘制路径,如图9所示。8.按住Ctrl+Enter键将路径转换成选区,然后选择“选择” “修改” “收缩”命令,在弹出的对话框中将参数设置为2,退出对话框后按 Ctrl+Shift+I组合键反向选区,如图10所示。

图10

图11

图12

图13 提示:在这里使用这些命令主要是秀出杂边,此处的杂边修除的收缩数值应该根据边缘的杂边粗细而定。9.选择“背景 副本”的图层蒙版,使用画笔工具并设置适当的画笔大小,在人物身体边缘处进行涂抹,已将杂边修除,按Ctrl+D组合键取消选区,此时图像效果如图11所示。

10.在用刚才的路径,重新转换为选区,然后在人物身体内部进行涂抹,将头部、腿部、脚部等位置显示出来,图层蒙版效果如图12所示。得到如图13所示效果,11.下面在取出头部顶边的杂边。首先在“背景 副本”的蒙版上单击鼠标右键,在弹出的菜单中选择“应用图层蒙版”命令,然后使用颜色替换工具,按住Alt键在头顶杂边附近处吸取颜色,在用画笔在头顶涂抹直至将其替换成头发颜色位置。如图14所示效果。

图14

图15

12.此时最不协调的是头发周围的灰色图像,可以利用“图层” “修边” “移去黑色杂边”命令。这里也可以复制“背景 副本”得到“背景副本2”,在对该层重新应用“去除黑色杂边”命令,设置“背景 副本”的不透明度为50%左右,得到层次更加分明的效果,如图15所示的最终效果。

抽出抠图

素材1:

素材2:

1、打开文件复制背景层,点击滤镜——抽出(具体设置如图)

2、继续复制背景层,点击滤镜——抽出(具体设置如图)

3、复制背景层并挪动到最顶层,添加蒙板用画笔擦出人物,并且添加一个新背景

4、由于图片整体发蓝,所以给图片进行照片滤镜调整图片颜色

最终效果图: 抽

图1:要把头发从纯色背景分离出来

图2:从菜单栏选择“滤镜/抽出”

图3:点击“边缘高光器工具”(界面左侧第一个图标,像个笔头)

图5:把头发分散的部分全部涂上高光

图6:缩小视图,高光一定要达到图片的边缘,很重要!

图4:调整画笔大小(点击 > 符号,之后进行调节)

图7:再选择填充工具(油漆桶形状的)

图8:在高光的下部区域任意处用填充工具点击,这个区域就会变成兰色

图9:确定

图10:发丝抠出来了!

图11:再用加深工具(像一只半合拢的手)处理一些细节,使分散的发丝颜色深一些

图12:最终效果:丝丝分明!

PS通道抠图法人像照片抠图教程

1、CTRL+J 复制图层

2、切换到通道面板,复制红副本

3、色阶调整,使黑白分明

4、用画笔工具把脸部的白点涂黑

5、CTRL+I 反相,再用色阶进一步黑白分明。

6、反相回来,载入选区 还有杂点,用画笔去掉

7、回到图层面板,你看到已经得到想要的选区

8、按键盘上的清除键就完成了

Photoshop用图层混合模式实现抠图

原图:

效果图:

一、打开一张需要进行抠图的照片,然后执行两下CTRL+J复制,得到图层1和图层1副本。

二、在背景图层上面新建一个图层2,并为其填充蓝色。

三、选中图层1,执行CTRL+L打开色阶调整面板,用设置白场吸管在右下角的背景上点击一下,得到白色背景。

四、再把图层1的混合模式设为正片叠底,这时就可以把很细的头发丝区分开来。

五、再对图层1执行CTRL+J复制一层,把该层的混合模式照样设为正片叠底,这时的头发丝就更加清楚了。

物的主体。

六、给上面的图层1副本添加图层蒙版,然后用黑色画笔工具在蒙版状态下把背景和头发丝涂抹出来,只保留人

七、人物就差不多抠出,可以在图层2上面新建一个图层,给该层刷上一些云彩,这样看起来的效果就不一样了。。

第四篇:PS抠图教程

ps抠图方法大全

抠图的方法有好多,其中包括:通道、抽出、图层模式、色彩范围、图层样式、橡皮擦、背景橡皮擦、蒙版、钢笔、套索以及魔术橡皮擦和魔棒等等、另外还有N种专门抠图的外插和软件。

今天咱就谈谈抽出滤镜,抽出滤镜功能强大,运用灵活,是PS专用来抠图的工具,它容易掌握,运用得好效果极佳。它可从繁杂的背景中抠出散乱的发丝,也可抠出物体的透明,见图

1、图

2、我们不去探讨理论,只从实用的角度来探讨基本方法。抽出就是作选区,抽出就是要在选区内得到颜色的信息。从而来达到抠取图片之目的。

一、抠取图片的单色

抽出滤镜抠图,分为单色抠取和全色抠取两种,当需要强调抠取某一种颜色时,例如:发丝、羽毛、透明的纱等,就要用到抽出滤镜里的强制前景这一项,你需要抠取哪一部分颜色,就把强制前景设置为该种颜色,颜色的设置

可用吸管工具来提取,见图3。

1、单色抠取的步骤

以小兔为例,首先在强制前景处打上勾,你需要抠取什么颜色,就用吸管工具点选,然后用高光器工具在需要抠取的地方涂抹绿色,首先强制前景白色抠取小兔的白毛,见图4,抽出的结果,见图4a。再强制前景黑色抠取小兔的耳朵,见图5,抽出的结果,见图5a。最后的效果,见图6。

2、综上所述,每抠取一个单色就需要复制一个原始图层,抠取n种单色就要

复制n个图层,最后再复制一层,放在最顶层,在这层加蒙版用黑画笔涂抹出

新的背景。例图见图

7、图

8、图9,图

10、图

11、图12。

二、抠取图片的全色

全色抠取图片,不要在强制前景处打勾,用高光器工具沿边缘描绿色,笔触要适当,小一点会更精确,一般在5左右,用填充工具把中间填充蓝色。见图13、14、效果见图15。

三、注意事项

每获得一个抠出的图层,都要把图放大检查,用橡皮擦或蒙版清除边缘的杂 色,这样才会使新的图片干净清澈。

四、抽出抠图的特点

1、可去除边缘杂色,见图16,图17。

2、可使头发的高光随背景色改变而溶于新背景。举例说明:

01、打开图片,ctrl+j两次,得到图层1和图层1副本

02、点击红圈处,创建新图层,得到图层2把这层放于图层1与背景层之间,并填充颜色,这里填充了绿色,作为检验效果和新的背景层。

03、在图层1执行滤镜--抽出命令。

04、我们可以看到抽出后的头发的高光处是半透明的。

05、半透明之处就露出了新的背景的颜色,这就是要讲的头发溶于背景色的宗

旨。

06、在图层1副本层里,点击红圈处,添加蒙版,用黑画笔涂抹出人物主体及头发以外的新的背景,头发部分用50%灰色画笔涂抹。

07、蒙版里涂抹大致情况参考。

08、再换一下其它颜色的背景看看效果。

我们要学会观察图片,先来看下面这张图:

这张图片色彩虽然不算丰富,但也不是纯色背景,甚至有些许的零乱,但人物的主题却被黑色长发包围,我们只需抠出头发,脸部和身体用历史记录恢复即可。

1、打开图片,复制背景,关闭背景眼睛。单击滤镜-抽出,弹出对话框,如下图:

2、强制前景打上勾,用吸管工具在头发上吸一下,如下图:

3、选用边缘高光器,画笔调到合适大小,在头发上涂,如下图:

4、点确定,头发被抽出,如果你觉得头发颜色浅,可以ctrl+j拷贝副本。此时画布和图层面板如下图所示:

5、合并可见图层,用历史记录画笔恢复脸部和身体,此时画布和图层面板如下图所示:

加上背景,完成!

本教程非常全面的讲解了多种抠图方法,其中第二种方法图层模式抠取法是比较少见的,不过却非常方便,只需要把背景调成白色,然后改变图层混合模式,再稍微用蒙版涂一下就完成,非常快捷。其它的方法基本上都是常用的。抠图的时候需要根据具体图片设定最佳方法。原图

最终效果

一、抽出滤镜抠图法

打开图片,ctrl+j两次,分别得到图层1和图层1副本。

点击红圈处,新建图层2放于图层1和背景层之间,作为检 查效果和新的背景层,并填充颜色。

在图层1执行滤镜--抽出命令,在强制前景处打勾,用吸管 工具在红圈处取色。

用高光器工具把头发涂抹绿色

确定后,头发就抠出来了

把图放大到400%,用橡皮擦或用蒙版把头发边缘的杂色 清理干净,以使图片的效果清澈。

在图层1副本层点红圈处为图层添加蒙版,用黑画笔涂抹出 新的背景。

108、看看效果

二、图层模式抠取法

打开图片,ctrl+j两次,分别得到图层1和图层1副本。

点击红圈处,新建图层2放于图层1和背景层之间,作为检 查效果和新的背景层,并填充颜色。

在图层1执行图像--调整--色阶命令,用白吸管在图中的红 圈处点一下,原来的灰色背景就变成了白色背景了。

用白画笔把残余的灰背景色涂抹成白色。

图层的混合模式设置为正片叠底。

在图层1副本层点红圈处为图层添加蒙版,用黑画笔涂抹出 新的背景。

看看效果

三、通道抠取法

打开图片,ctrl+j复制图层得到图层1,新建图层2,放于图 层1和背景层之间,并填充颜色,作为检查效果和新的背景层

点击图层1,进入通道,复制绿通道得到绿副本。(因绿通道里的层次最清晰)

执行图像--调整--色阶命令,(快捷键:ctrl+l)参数参考如图。

这时人物主体及头发外还有灰色。

用白画笔涂抹掉这些灰色。

ctrl+i,反相白变黑,点击红圈处作选区,出现蚁线。

回到图层,点击图层1,ctrl+j得到图层3,关掉图层1的小眼 睛看看头发就抠出来了。

把图层1移到最顶层,加蒙版用黑画笔涂抹出新背景

看看效果

总结一下,黑色背景的图片用“滤色”模式;白色背景的图片用“正片叠底”模式。当然如果你想抠的对象本身有黑色或白色,那就另当别论

了。

第五篇:PS抠图图文教程

【PS图文教程——新人学习抠图必看】PhotoShop纯色背景快速抠头发的简单方法

1、打开原图,复制背景图层一份,并改名为图层1.如图:

2、我们先用矩形选框工具框住右边的图像,然后按Ctrl+L键,点选设置白场吸管工具,在选区内的背景上点击,务必使背景尽可能变为白色,而要抠取的主体人物部分尽可能的不损失细节为好。如图:

3、按Ctrl+Shift+I键,反选,然后也按Ctrl+L键,用上面的方法,把背景也设为白色。如图:

4、上面的两部,目的只有一个,使背景变为白色,有人会问不用框

1、打开原图,复制背景图层一份,并改名为图层1.如图:

2、我们先用矩形选框工具框住右边的图像,然后按Ctrl+L键,点选设置白场吸管工具,在选区内的背景上点击,务必使背景尽可能变为白色,而要抠取的主体人物部分尽可能的不损失细节为好。如图:

3、按Ctrl+Shift+I键,反选,然后也按Ctrl+L键,用上面的方法,把背景也设为白色。如图:

4、上面的两部,目的只有一个,使背景变为白色,有人会问不用框选出选区直接用Ctrl+L色阶进行背景变白的处理行不行?我觉得行不行,但是因为头发的左右两边的背景色有些不相同多少,只用一个点来定义白场,人物细节必将损失过多些。这也就是我为什么分两边来定义背景为白色的原因。说了这么多的废话,接下来,按Ctrl+D键,取消选区,然后用橡皮擦工具,把一些还没有变白色的背景杂色部分进行擦除。如图:

5、调入一张背景图,作为我们抠图的检验,把它放到图层1的下方,并改名为“风景”,如图

6、按Ctrl+Shift+U键,去色,然后我们把图层1的图层混合模式改为正片叠底(正片叠底简单的理解就是白色变透明,其它不变),如图:

7、什么?头发不够黑吗?没事,按Ctrl+J键,复制一层即可了,这下头发够黑了吧。如图:

8、复制背景层,并把背景副本层置于顶层,然后给背景副本层添加图层蒙板,然后按D键,恢复为默认的前景色和背景 色,再按B键,切换到画笔工具,把不需要的部分涂抹,如图:

9、添加照片滤镜调整图层,设置如图: 完成最终效果!

作者的最终效果衔接得不是很好,所以大家最后在蒙版里擦的时候要仔细的擦!

【PS图文教程——新人学习抠图必看】用PS抠透明图象的一种方法

首先,打开原图,先勾出透明物品的选区。按Ctrl+J将效果盘复制到新的图层,然后隐藏背景层接下来到通道面板,按Ctrl点击RGB通道,载入选区,新建一个通道Alpha1,按Ctrl+Shift+I反选,填上白色,按Ctrl+D取消选区,来到图层面板新建一层(图层2),填上黑色,移动到盘的层(图层1)下面,然后观察下下各通道的明暗关系,然后复制蓝色通道,对蓝色通道调整色阶,将不必要的亮面调暗,效果如

首先,打开原图,先勾出透明物品的选区。

按Ctrl+J将效果盘复制到新的图层,然后隐藏背景层

接下来到通道面板,按Ctrl点击RGB通道,载入选区,新建一个通道Alpha1,按Ctrl+Shift+I反选,填上白色,按Ctrl+D取消选区,来到图层面板新建一层(图层2),填上黑色,移动到盘的层(图层1)下面,然后观察下下各通道的明暗关系,然后复制蓝色通道,对蓝色通道调整色阶,将不必要的亮面调暗,效果如下:

按住Ctrl点击Alpha 1调出选区,然后回到层面板,选择盘的层(图层1),按Ctrl+J复制一个层,回到通道面板,按CTRL点击蓝色通道副本,调出亮面的选区,填上白色以后,好像什么也没有看到,不用理会,现在调出书和小商标的选区,然后选中图层1,按Ctrl+J将原图上的小商标复制到一个新层,好了,隐藏图层1,此时一切都完成了现在只需把背景换了,并把小商标和书的层调整到最上方,就完成了,【PS图文教程——新人学习抠图必看】轻松抠出印章文字

为了避免不必要的麻烦,本例借古人印章一用教大家使用photoshop抠出图章,很简单的,大家试试。原图

1、打开图像后,我们到通道面板观察一下,在red通道里可以看到印章和文字黑白差异最大,那好我们就用它了,复制Red(红)通道(图2),图

23、转到“RedCopy”(红复制)通道,“Ctrl+M”调出曲线,用黑白吸管分别点击文字和印章,在“RedCopy”通道里使文字变成完全黑色,一次不行,就多点

为了避免不必要的麻烦,本例借古人印章一用教大家使用photoshop抠出图章,很简单的,大家试试。原图

1、打开图像后,我们到通道面板观察一下,在red通道里可以看到印章和文字黑白差异最大,那好我们就用它了,复制Red(红)通道(图2),图2

3、转到“Red Copy”(红复制)通道,“Ctrl+M”调出曲线,用黑白吸管分别点击文字和印章,在“Red Copy”通道里使文字变成完全黑色,一次不行,就多点几次,直至印章消失(图3)。

图3

这里说明一下,如果你提取的是公章,在Red通道里,可能只看见日期、落款了,那调曲线可就简便的多了。

4、回到图层面板,复制背景层,命名为“去字”。接下来,到通道面板,按住Ctrl,单击“Red Copy”通道,调出选区,按“Ctrl+Alt+I”反转选区,按“Ctrl+Alt+D”羽化选区1至2个像素,回到图层面板选中“去字层”,按“Del”键删除选区,“Ctrl+D”去除选区。

为了便于观察,我们在“去字”层下新建一层命名为“白色背景”,填充为白色。这时可以看到,原来的黑字的部分已被去除,变成白色(图4)。为什么要删除黑字部分?我将在下面说明

5、复制“去字” 层,将复制的层命名为“去背”,这一步就是要将印章的黄色背景去除,如果你提取的是白纸上的公章,也要将白色背景去除,因为纸张的白色程度不同,可能与你今后需要应用的地方有颜色上的差异。这一步不可省。

观察通道面板,选出印章和背景差别最大的通道,这里我们选用“Green”通道,去背和去字一样原理一样,具体做法参照步骤1和步骤2,效果如图(图5)(图6)。

图5

图6

6、复制“去背”层,将复制的层命名为“修复”,顾名思义,这一步就是要修复原来被文字遮挡印章部分。接着就要用到印章工具了,用印章工具修复印章还真是有点宿命的味道啊。Alt键定义好“印章工具”范本的位置,小心涂沫,注意力道和笔画走向。这时全看你的耐心和细心了。

因为中国印章讲究残白,在按印的时候,用力不均,会造成某个地方没能着色,在纸上留下白色部分。因为前面已经将黑字去除,在修复时有的地方没照顾到,少涂一点就没关系,就当是印章是残白吧,这也算是偷懒的一种办法吧。

否则直接用印章工具修复,留下一点点黑色印记,红彤彤中一点黑就会很显眼。另外,修复时你可以新建一图像,按照印章的字体输入相同的文字,观察文字的走向和特点,再进行修复会方便,不会太失真。因为公章大多是标准字体,因此这对公章的修复特别用有(图7)。

图7

7、最后调整一下印章的颜色和方向,用曲线工具,简单的调节一个曲线的曲度,设置成你的需要的颜色。

用直尺工具(I)和菜单/Image/Roate Canvas/Arbitrary,可以调整印章的角度。

至此,印章取出来了,看一下最终效果(图8)吧。

【PS图文教程——新人学习抠图必看】Photoshop背景橡皮抠出朵朵云彩

快速又简单的抠图法,适合新手学习,这里感谢原作者,原教程过程比较简单,我加了一些步骤,应该每个人都能做出来的原图:效果图:方法:

一、打开原图,鼠标左键按住背景层拖到下图红圈处,复制一层(好习惯,别忘了),鼠标左键按住背景层拖到下图红圈处

二、选中背景层,点击下图红圈处,新建一层,填充黑色(也可以是其它颜色,便于观察抠图的效果)

三、用吸管工具将云彩设置为前景色,蓝天设置为背景色

四、在工具栏中选择橡皮工 快速又简单的抠图法,适合新手学习,这里感谢原作者,原教程过程比较简单,我加了一些步骤,应该每个人都能做出来的原图:

效果图:

方法: 背景层拖到下图红圈处,复制一层(好习惯,别忘了),鼠标左键按住背景层拖到下图红圈处

一、打开原图,鼠标左键按住

二、选中背景层,点击下图红圈处,新建一层,填充黑色(也可以是其它颜色,便于观察抠图的效果)

三、用吸管工具将云彩设置为前景色,蓝天设置为背景色

四、在工具栏中选择橡皮工具选项,点开小三角选中背景橡皮擦工具

五、选中背景橡皮擦工具后,在菜单栏下面会出现背景橡皮擦工具的属性栏,设置取样为背景色板(下图红框1)。

设置限制为:不连续(下图红框2)。。容差的设置比较关键,设置的数值越小背景(天空)颜色保留的越多,大家可

以自己尝试一下(这里设置的是85%,下图红框3)。。最后一项保护前景色一定要记得勾选(下图红框4)

六、好了,设置完就可以在背景图层上随意涂抹了

最后来看看效果,不错吧

换一个背景再看看,现在快点交作业吧

(注:背景橡皮擦工具抠图适合颜色比较简单的图片,不适合背景复杂的图片)

网站切图教程(ps)(模版)
TOP