推荐阅读

ps减去顶层形状不管用什么意思在哪设置?
在用ps做路径或者形状合成的时候,经常会做所谓的布尔运算,也就是形状或者路径的加减乘除,其中比较难理解的是减去顶层形状,如果只是减去形状,可能要更容易理解,那么减去顶层到底是什么意思,哪个是顶层形状,顶层是怎么设置的,能更改么,带着这些问题且看本文讲解。 1、路径工具选中之后,在上端选项的【路径操作】菜单中,可以找到【减去顶层形状】, 2、举例说明一下,左侧工具栏切换到【椭圆工具】,在背景图上绘制出一个圆形,图层面板上可以看到新增了一个形状图层,笔者设置为形状,是为了更加方便理解,当然这里也可以绘制路径。 3、一个圆形形状画出来之后,如果要再画一个元,可以直接在背景图上话,默认情况下鼠标变为【加号】样式,此时会自动新增一个形状图层,也就是说这两个形状,产生了两个图层,如果要做布尔运算,是需要先合并形状,在进行设置,形状的合并可以使用快捷键“Ctrl+E”, 4、绘制第二个圆,也可以在一个图层上完成,前提是先按Shift键,此时鼠标变为了一个大一个小【双加号】样式,按住shift键,再按住鼠标左键,此时就可以松开shift键了,如果想要正圆形,可以继续按住shift键, 5、两个圆形绘制完成,默认的路径操作都是【合并形状】,也就是相加的效果,大圆加上小圆,得到的还是大圆,所以没有变化,想要得到圆环的效果,就要减掉小圆,此时用【路径选择工具】点击选中小圆,上端选项中,点击【路径操作】图标,下拉菜单里面,点击【减去顶层形状】, 6、最终的效果如下图所示,小圆被减去,剩下的是圆弧效果, 7、那么为什么小圆就是顶层图形?因为先画的大圆,后画的小圆,所以小圆处于顶层,其实形状的层级是可以手动设置的,选中形状之后,点击上端选项【路径排列方式】,下拉菜单里面,可以看到【将形状设置为顶层】,以及其他选项,所以【减去顶层形状】,就是减去处于顶层的那个形状。 路径的布尔运算,需要路径或者形状处于一个图层中,如果在操作中遇到问题,可以在下方留言讨论。

Photoshop 鼠绘紫魅妖姬
最近在一本杂志上看到一个非常妖媚的女子,她拥有超黑而又超密的睫毛、黑黑的眼线、大片的腮红、红红如水晶般的双唇、乌黑的头发。充满着神秘气息的女子,很是抢眼。笔者今天来告诉大家此紫魅妖女的PS鼠绘制作过程。 老规矩,我们先来看看我们要打造的这位紫魅妖姬的样子: 最终效果图 1.首先打开PS,建立一个新的文件,长宽自己来定就可以最重要的是分辨率定为72就可以。正常屏幕观看给72就可以如果要打印出来的话就要根据纸张的大小、材质来定了。多多学习一下打印方面各个参数也是很不错的,对以后的实践工作会带来很大的帮助。(图1-1) 图1-1 2.用钢笔工具把人物的大体轮廓勾画出来,这个图绘制的是正面的效果,正面比较好绘制,把路径保存起来。新建一个图层,填上皮肤的颜色,这里皮肤的颜色RGB值为:239、198、178。(图2-1) 图2-1

用Photoshop打造撕纸文字效果
最终效果图 1、新建一个文件,设置宽度为10厘米,高度为5厘米,分辨率为300像素,模式为RGB的白色文件。 2、打开通道面板,在控制面板下方单击“创建新通道”按钮,生成新的通道Alpha 1,执行菜单栏中的“滤镜”“渲染”“云彩”命令,效果如图01所示。 图01 3、进入图层控制面板,在控制面板下方单击“创建新的图层”按钮,生成新的图层“图层1”,选择工具箱中的“横排文字工具”,在文件窗口中输入文字,效果如图02所示,按确认键,文字变为选区,效果如图03所示。 图02 图03 4、单击工具箱下方的“以快速蒙版模式编辑”按钮,使图像进入快速蒙版状态,效果如图04所示。 图04 5、执行菜单栏中的“滤镜”“像素化”“晶格化”命令,在弹出的“晶格化”对话框中,将单元格大小选项设为7,如图05所示,单击好,效果如图06所示。 图05 图06 6、单击工具箱下方的“以标准模式编辑”按钮,使图像退出快速蒙版状态,效果如图07所示。 图07 7、打开一幅报纸图片,并调整它的色相/饱和度,效果如图08所示。执行菜单栏中的“编辑”“定义图案”命令,在打开的对话框中单击确定,将报纸定义为图案。 图08 8、执行菜单栏中的“编辑”“填充”命令,打开填充对话框,设置参数如图09所示,选择自定图案为报纸图案,单击确定,文字效果如图10所示。 图09 图10

抽线效果新思考
Photoshop中的混合模式是其理解难点,它的实质是一种特殊形式的看不见蚁行线的选择。通过混合模式,可以以确定的方式决定哪些色阶的像素被屏蔽或者改变,因此,了解混合模式的作用机理,对用户有的放矢地使用PS达到目的非常重要。下面通过一个实例,说明如何使用PS中的颜色减淡模式抽出图像中的线条,以及由此引发的思考。 打开图像。 将“背景副本”的图层混合模式由正常变为“颜色减淡”,文档似乎变得空无一物,但是细心的读者会发现图像上还有一些黑色的杂点。想一想这是原图中的什么色阶的像素?
最新发布

Dreamweaver:从网页模版切图到网页生成全攻略
鉴于很多朋友问到如何切图这个问题,又鉴于这个问题可大可小,一两句话是绝对讲不清楚的,所以今天有空闲在家里就举一个简单的例子来说明这个问题吧!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中我们看到:

Dreamweaver:图片应用技巧
加快图片下载速度 如果网页中有过多的图片,就会影响浏览的速度。 Dreamweaver 可以轻松设置预载图片,加快图片下载速度,让站点以最快的速度出现在用户面前。 创作思想 打开 Dreamweaver MX 2004 软件新建页面,再打开标签面板,在【行为】中选择【预先载入图像】选项,加快图片下载速度。 操作步骤 ( 1 )新建文件,操作如图 36-1 所示。 ( 2 )保存页面并插入图片。为了在插入图片时不提示相对路径,先保存页面为“ 36.htm ”。然后插入要预载的图片,如图 36-2 所示。 图 36-2 插入图片 ( 3 )添加“预先载入图像”功能。使用 Dreamweaver 的行为面板添加“预先载入图像”功能,如图 36-3 所示。 ( 4 )选择要预载的图片,操作如图 36-4 所示。

Dreamweaver MX实例:插入交替图像按钮
Flash中的交替图像按钮一直是网页爱好者喜欢的动画按钮,在 Dreamweaver 中只需要几步简单的操作,就可以制作出这些极具动感的交替图像按钮,而且占用空间少。 效果说明 建立一组相互交替的图像,当鼠标移至目标图像上时,会显示出另外一幅图像,就像会动的按钮,既动感,又时尚,如图 49-1 所示 创作思想 打开 Dreamweaver MX 2004 软件,执行【插入】 【图像对象】 【鼠标经过图像】命令,或者单击工具栏中 下拉菜单里的【鼠标经过图像】命令,按要求进行设置,最后保存文件完成制作。 操作步骤 ( 1 )打开 Dreamweaver MX 2004 软件新建文件。 ( 2 )可以用两种方式制作出交替图像按钮,如图 49-2 所示。 ( 3 )打开【插入鼠标经过图像】对话框,按图 49-3 所示进行设置,选择图像文件。

细品Dreamweaver MX内建FW技术
Macromedia官方将在其他软件中内建Fireworks技术称为Fireworks技术,网上也称之为内建图片编辑器。Dreamweaver MX 2004给人的一个感觉就是与Macromedia公司其它产品的全面无缝集成,这样就大大缩短了开发人员的开发周期,提高工作效率。 以前的Dreamweaver中是没有图片处理功能的,即使你要处理也只能使用Css中的相关滤镜进行一些效果的改变,而大多数特效的制作我们则必须使用Fireworks或者Photoshop工具。现在好了,新版的Dreamweaver MX 2004中集成了一些简单的图片处理工具,使Dreamweaver不仅具有本身应该拥有的功能,还能够对图片进行简单的处理,是不是很方便、下面让我们来了解这个工具的详细特性与使用方法。 在Dreamweaver MX 2004环境中先选择一幅图片,在下边的属性对话框中就会出现内建图片编辑器(图1)。

使用Dreamweaver轻松实现交替图像按钮制作
只需要几步简单的操作,就可以制作出这些极具动感的交替图像按钮,而且占用空间少。 效果说明:建立一组相互交替的图像,当鼠标移至目标图像上时,会显示出另外一幅图像,就像会动的按钮,既动感,又时尚。 创作思想:打开 Dreamweaver MX 2004 软件,执行【插入】 【图像对象】 【鼠标经过图像】命令,或者单击工具栏中 下拉菜单里的【鼠标经过图像】命令,按要求进行设置,最后保存文件完成制作。 操作步骤 ( 1 )打开 Dreamweaver MX 2004 软件新建HTML文件。 ( 2 )单击插入菜单,选择图象对象,鼠标经过图象,如图1所示。 ( 3 )打开【插入鼠标经过图像】对话框,按图2所示进行设置,选择图像文件。 提示:注意图象文件的位置,最好和该网页文件在同一目录下。 ( 4 )按快捷键 Ctrl+S 保存文件。本实例操作完毕。交换按钮如果结合按钮特效,效果将会更好

Dreamweaver中层的应用技巧
问题:当两个层中都是图片时可以实现,但如果有FLASH是就不行了,就是说图片永远会被FLASH遮住.怎么办? 关于 Dreamweaver 中的层 层是被分配了绝对位置的 HTML 页面元素 - 具体地说,是 div 标签或任何其他标签。层可以包含文本、图像或其他任何可在 HTML 文档正文中放入的内容。 注意 本章中所说的层属于 Dreamweaver 的布局概念,而不是 layer 标签。 理解层的概念 通过 Dreamweaver,您可以使用层来设计页面的布局。您可以将层前后放置,隐藏某些层而显示其他层,以及在屏幕上移动层。您可以在一个层中放置背景图像,然后在该层的前面放置第二个层,它包含带有透明背景的文本。 利用层可以非常灵活地放置内容。但是,使用旧版本的 Web 浏览器的站点访问者查看层时可能会遇到麻烦。若要确保所有人都能够查看您的 Web 页,可以使用层设计页面布局,然后将层转换为表。有关更多信息,请参见将层转换为表格。但是,如果您所面对的访问者很可能使用某种最新的浏览器,则可以完全用层来设计布局,而无需将层转换为表格。 关于层的 HTML 代码

用Dreamweaver MX 2004与SQL数据库相连
一、在SQL Server 2000中建立数据库 1.在SQL Server 2000中创建数据库 (1)打开SQL Server 2000的企业管理器,在数据库选项上单击右键,点击新建数据库。 (2)在新建数据库属性中设置数据库名称为sjk。 2.在SQL Server 2000中创建用户 (1)打开SQL Server 2000的企业管理器并打开安全性文件夹。 (2)在登录选项上单击右键打开新建登录属性,设置用户名为zl,身份验证选择SQL Server身份验证,然后输入密码,在下面的默认设置中设置用户默认数据库为sjk(第一步新建的数据库)。 (3)选择“服务器角色”选项卡,将其中的所需要的服务器角色选中,如果为了方便可以全选。 (4)选择“服务器访问”选项卡,选择用户可以访问的数据库,只要点击所要访问数据库前的方框,系统会在方框内打上对钩。然后在下面的数据库角色中选择用户在访问该数据库时所拥有的权限,建议将所有的权限都选上。

Dreamweaver快速制作细边线表格
在Dreamweaver中插入一个表格,若设置其“边框(Border)”为1,预览时其边框线较粗。对于不熟悉HTML语言的网页制作者,如何快速制作出细边线的表格呢?下面,我给大家介绍一个小技巧--巧用背景颜色和间距制作细边线表格。 以制作一个4行3列、边框线为红色细线的表格为例: Step 1 在Dreamweaver的设计视图中插入一个4行3列的表格。 Step 2 在“属性”面板中设置此表格的属性如下:边距(CellPad)根据需要自行设置值(例如10);间距(CellSpace)为1;边框(Border)为0;背景颜色(Bg Color)为红色。 Step 3 选中此表格的所有单元格,在“属性”面板中设置所有单元格的属性如下:背景颜色(Bg)为白色或红色以外的其他颜色。 最后,保存网页,按F12预览。怎么样,一个4行3列的红色细线表格是不是呈现在你面前? 另外,如果我们照常想用表格来布局定位,但只要外边框线显示为细线,而内部单元格的分隔线不显示的效果,则可以配合使用嵌套表格。下面以表格外边框线为红色细线为例来说明操作方法: Step 1 在Dreamweaver的设计视图插入一个1行1列的表格。 Step 2 在“属性”面板设置此表格的属性如下:“边距”根据需要自行设置(例如5);“间距”为1;“边框”为0;“背景颜色”为红色。 Step 3 选中此表格唯一的单元格,在“属性”面板设置此单元格的“背景颜色”为白色或红色以外的其他颜色。

Dreamweaver查找替换的技巧
在开发建设网站的过程中,也许我们会遇到这样的情况,当我们的网站已经进行了相当一部分,却发现还需要对某些细节进行修改。这时候不可能完全依靠手工去更改了,怎么办呢?利用Dreamwaver中的查找替换能够帮助实现这些修改。 Dreamwaver的查找替换功能十分强大,在它的查找替换对话框中甚至可以用精确的“查询语言”来控制查找过程。我们在Dreamwaver中调出“查找对话框”的快捷键是“Ctrl+H”,各个输入框的作用是:最上面的“Find”项用来指出查找的范围,有3个选项,第一项是在当前文件内查找,第二项指在当前的Site中查找,第三项是在指定文件夹中查找,如果我们选中了此项就要点击右面的文件夹状按钮指定文件夹;下面的“Find”项用来选择查找的类型,如果选“Text”是指查找类型为文本(非HTML代码),其他几项依次为在HTML代码中查找、高级文本查找、包含Tag的查找;右边的输入框中要输入待查找的内容;下面的“Replace”指要替换为什么内容。 让我们举一个例子来说明如何使用查找功能。假设我们想把正文文本中的“dreamwaver”替换为“Dreamwaver”,如果只用“Text”查找,就会把< title>中的“dreamwaver”也替换掉,我们不希望这样。所以我们采用了“高级Text查找”,将查找条件(“+”、“-”按钮右的内容)设为“Inside Tag”和“Font”,意思是查找在Font标签内的文字“dreamwaver”,然后将其替换为“Dreamwaver”。需要说明的一点是查找级别选项必须选为“Match Case”,也就是必须完全匹配查找条件,否则文字中的大小写区别将被忽略。 设置好后,点击“Replace All”,查找替换过程就开始了,替换完毕后所有被替换的地方会显示在替换信息列表中,文件前的小绿点表示替换成功。 那怎样实现包含Tag的查找替换呢?假设我们网站中所有的图片都设置了“alt”属性(只有背景图和个别补角的图不设置此属性),但由于做网页时没有注意设置图片的“Border”属性值为“0”,个别图片在浏览时出现边框而影响了浏览效果,所以要把所有的已设“alt”值的图片的“Border”值设为“0”,而在图片很多的情况下我们是不可能一一去改的,这时如果利用Dreamwaver包含有Tag的查找替换功能,就能很简单地解决问题。 我们先选定文件夹,然后设包含在img标签内的,具有“alt”属性并且符合“alt=any value”作为查找条件,再把“Action”设为“Set Attribute”、“ Border”、“0”,这个设置的意义是对符合条件的图片其“Border”属性统一设为“0”,点击“Replace All”按钮。很快,查找替换就完成了,图片属性就会被准确无误地修改。 需要提醒的是进行查找替换时,被操作的文件不要处于被编辑的状态,否则有可能会出现替换出错的问题。

Dreamweaver的行为体验
Dreamweaver(以下简称DW)提供了一种称为“Behavior”(行为)的机制,帮助你构建页面中的交互行为。行为,就是在网页中进行一系列动作,通过这些动作实现用户与页面的交互。利用DW的行为,你不需要书写一行代码,就可以实现丰富的动态页面效果,达到用户与页面的交互。 一个行为是由事件和动作组成的。事件是动作被触发的结果,而动作是用于完成特殊任务的预先编好的javascript代码,诸如打开一个浏览器窗口,播放声音等。 当对一个页面元素使用行为时,你可以指定动作和所触发的事件。在DW中已经提供了一些确定的动作,你可以把它们应用在页面元素中。 一、内置的一些基本行为 1.调用JavaScript(Call JavaScript) 这个行为允许你设置当某些事件被触发时,调用相应的JavaScript脚本,以实现相应的动作。在这个行为设置时,你可以直接输入JavaScript脚本或者函数。 2.改变属性(Change Property) 这个行为允许你动态地改变对象属性,比如图像的大小、层的背景色等等。需要注意的是,这个行为的设置取决于浏览器的支持。 3.检查浏览器(Check Brower)