推荐阅读
Photoshop巧用调整边缘方法抠图和边缘处理技巧
调整边缘抠图非常快速，但是边缘容易虚，要求不高无所谓，稍高一点就要想办法处理了，常用的处理方法很多，我们这里只是一种。一：首先导入要处理的图片和背景图，并且调整顺序。二：首先是要快速选择工具选择范围，然后点击矩形选择工具，会出现调整边缘选项点击进入。
详解Photoshop通道混合器抠图方法教程
详解photoshop通道混合器抠图方法教程！ 今天给大家介绍一种稍微复杂一点的ps抠图方法，适合想要进阶的朋友哦！本方法适用图像范围：图片背景部分颜色复杂，要抠图的图像部分非常复杂。 优势：处理非常复杂图片的首选抠图方法 劣势：处理过程和步骤比较复杂 如果说给你一辆车，让你抠出来比较简单，但是如果给你一片树林，让你抠图，你有头绪吗?接下来，我们就交给大家一个全新的抠图方法，利用反相和通道混合器的方式进行抠图，这样即使给你一片树林，你也能够完整的抠出来。 打开图片，复制一个新的图层 选择反相选项
名片设计的文字表现
我们都知道,文字是人类日常生活中最接角的视觉媒体之,变是学术文化的传播者．而字体设计就是将文字精神技巧化,并加强文字的造形造魅力．所以文字应用在设计行业时,不单只为传达讯息,并且具有[装饰][欣赏]的功能和加强印象的机能. 近年来,由于广告事业的发展迅速和爱到世界性的设计潮流影响,不论是广告公司或个人在从事设计工作时,为了商业需求或表现个人设计理念,除了印刷字体的变化外;也产生了许多具有装饰性、变化性的新颖字体。[手绘字体]就是在强调书写时的轻快和创意趣味……等诸多前提下,巧思设计出来与传统字体截然不同的特殊字体。 在设计名片时,行业常影响文字造形的表现方式;例如,软笔字体适合应用在茶艺馆上。文字设计的题材来源有：公司中英文全名、中英文字首、文字标志……等,字形则包括万象,设计的字形、篆刻的字形、传统的字形。最后，要注意字体与书面的配合,来营造版面的所氛,将名牌塑造成另一种新视觉语言。
Photoshop制作金属质感文字效果
本教程的实例中主要应用到的图层样式包括：投影、内阴影、外发光、内发光、斜面和浮雕、光泽和渐变叠加制作而完成。希望大家喜欢！ 先看效果图：效果图 制作过程： 1、打开Photoshop CS4软件，执行菜单：“文件”／“新建”（快捷键Ctrl+N），弹出的新建对话框，名称：制作金属质感文字效果，宽度：1300像素，高度：576像素，分辨率：72像素／英寸，颜色模式：RGB颜色、8位，背景内容：白色，设置完毕后单击确定按钮，如图1所示。图1 2、单击工具箱中的横排文字工具 ，输入IROM MAYA，然后在工具选项栏上设置字体：Army，大小：212.56点，颜色：白色，设置消除锯齿的方法：锐利，如图2所示。图2 3、双单击文字图层进入到图层样式，分别勾选投影、内阴影、外发光、内发光、斜面和浮雕、光泽、渐变叠加复选项。设置内阴影混合模式：柔光，点击色标处，阴影颜色设置为白色，不透明度：70%，角度：120，距离：5像素，扩展：0%，大小：5像素，然后点击确定按钮，如图3所示。图3
最新发布
妙用Dreamweaver MX共享Word XP文件
我们平日办公时用得最多的软件是Execl、Word或WPS Office等，你的计算机中一定储存着大量的XLS、DOC、WPS文件吧！网页制作时需要将此类文件转换为HTML文件，你是如何处理的呢？下面就随我来看一下将DOC转换为HTML文件的方法吧！ 一、复制法 1、如果你的Word XP文件全部是文字，没有表格和图像，那么使出惯用的复制大法来，将全部文字迁移到Dreamweaver MX中，保存后大功就告成了。 2、若Word XP文件中有图像，是不能直接复制到Dreamweaver MX中的，可作如下处理：把图像复制到图像处理软件如画图、Fireworks中，再另存为jpg或gif图像，将jpg或gif图像插入到Dreamweaver MX中即可。 二、导入法 如果你的Word XP文件中有表格，采用复制法是行不通的，处理方法是： 1、将表格转换成文本。把Word XP文件中表格之外的文字全部删除，只保留表格，单击“表格/转换/表格转换成文本”，在“表格转换成文本”对话框中“文字分隔符”选择“制表符”，如图1所示。 2、将Word XP文件另存为TXT文件。单击“文件/另存为”，保存类型选择“纯文本”，在随后的“文件转换”对话框中采用默认设置，单击“确定”按钮即可。
妙用DreamweaverMX共享WPS Office文件
我们平日办公时用得最多的软件是Execl、Word或WPS Office等，你的计算机中一定储存着大量的XLS、DOC、WPS文件吧！网页制作时需要将此类文件转换为HTML文件，你是如何处理的呢？下面就随我来看一下将WPS转换为HTML文件的方法吧！ 一、复制法 1、如果你的WPS Office文件全部是文字，没有表格和图像，那么使出惯用的复制大法来，将全部文字迁移到DreamweaverMX中，保存后大功就告成了。 2、若WPS Office文件中有图像，是不能直接复制到DreamweaverMX中的，可作如下处理：把图像复制到图像处理软件如画图板、Fireworks中，另存为jpg或gif图像，再将jpg或gif图像插入到DreamweaverMX中即可。 二、转换、导入法 如果你的WPS Office文件中有表格，采用复制法是行不通的，也不能采取处理WORDXP文件中表格的方法。但事在人为，我们可以换一种思路来解决，具体办法是： 1、把WPS Office中数据转换到ExeclXP文件中。选中WPS Office表格中的所有数据，单击工具栏中“复制”按钮，切换到ExeclXP中，单击工具栏中的“粘贴”按钮，保存为XLS文件。 2、把XLS文件另存为TXT文件。在ExeclXP文件中单击“文件/另存为”，保存类型选择“文本文件（制表符分隔）”，出现提示窗口后确认即可，保存为TXT文件。 3、把TXT文件导入到DreamweaverMX中。在DreamweaverMX编辑窗口中单击“Insert/Table Objects/Import Tabular Data...”，打开“Import Tabular Data”对话框，在对话框中单击“Browse...”按钮，找到要导入的文件TXT文件，双击此文件填加到Data File栏中，、单击“OK”按钮即可。
巧用Dreamweaver MX控制页面元素
浏览带有下拉菜单的网页时，我们经常会注意到当更改显示器分辨率时，其下拉菜单的位置并没有改变，这也是我们设计网页时容易忽略的一个问题，其实通过CSS控制页面元素精确定位后，这一点就不难实现了。 建立主菜单栏 新建页面，执行菜单“Insert/Table”命令打开“Insert Table”对话框，插入一个一行多列的表格，表格列数由你的菜单条目决定，同时设置“Cell Padding”、“Cell Spacing”以及“Border”参数(如图1)。在建立的表格中输入主菜单导航文字，选取表格及文字后，用快捷键“Ctrl+F3”打开其属性窗口，我们可以定义一个字体控制CSS来控制文字属性，调整相关参数(如图2)。 CSS实现相对定位菜单栏 定义一个CSS相对定位的定义控制，将相对定位模型(菜单栏表格)定义为这个CSS属性。使浏览器以相对定位模型左上角作为原点，建立新的坐标系。再在这个相对定位模型下级插入层，使之相对于该相对定位模型定位。使用CSS控制后再在表格中插入的层是不可拖动的，改变其位置可以直接在其属性面板上输入L、T的参数值。 打开“CSS Styles”面板，点击“New Style”按钮，在弹出“New Style”窗口中定义一个名称为.pos的CSS属性，并且选择“Make Custom Style”的“Type”类型和“This Document 0nl”的“Define”类型，“确认”进入“Style Defintion For .pos”窗口，选取“Positioning”定义Type为“Relative”确定。选取菜单栏表格，将该CSS控制添加到菜单栏所在的表格中。使该相对定位模型(表格)建立新的坐标系，只要我们在其中插入下拉菜单层，并设置层内容和主菜单的鼠标响应事件就可以使下拉菜单精确定位了。 插入菜单栏目 光标移入表格第一列，执行菜单“Insert/Layer”命令插入一个新层，作为“菜单一”的下拉菜单，点击层内部，执行“Insert/Table”命令，设定该表格行数、列数，并将表格线宽度设为“0”，表格底色为喜好颜色，输入菜单项目文字，设定文字CSS控制效果，并调整菜单大小。以同样的方式做出其他下拉菜单图层效果(如图3)。 设置层属性和鼠标响应事件 分别选中层Layer1、Layer2、Layer3、Layer4，在其属性窗口中把“Vis”项改为“Hidden”，把这4个层隐藏。
巧用Dreamweaver MX制作阴影字
网页制作中用到的特效字，你一定是用图象处理软件制作的吧！告诉你，不用图象处理软件，我也能做出漂亮的特效字来，你看，阴影字我就是这样做出来的。 1、打开DreamweaverMX，新建一文档； 2、插入一个图层，图层编号默认为“layer1”，输入文字“阴影字”，通过属性面板设置其字体为“华文行楷”，字体大小为“7号”，颜色默认为黑色，如图1所示； 3、选中图层“layer1”，单击“编辑”菜单下的“拷贝”命令，将光标移到图层“layer1”，再单击“编辑”菜单下的“粘贴”命令，将复制的图层编号改为“layer2”，这样图层“layer2”成为图层“layer1”的子层； 4、将图层“layer2”中的“阴影字”三个字设置颜色为“#FF0000”，如图2所示； 5、移动图层“layer2”，使两个图层中的“阴影字”三个字略微错位，形成阴影字的形式，这样阴影字就制作完成了，如图3所示。
巧用Dreamweaver MX设计导航栏特效
关于导航栏的设计有很多特效，但你浏览过这样一种导航栏特效吗？当鼠标移到导航栏目上时，导航栏目会被一层“蒙版”所遮盖，而鼠标移开时“蒙版”也随之移开。该特效其实可以在Dreamweaver MX中设置两个CSS属性分别控制，当鼠标移到和移开导航栏目时显示背景图片，并设置导航栏表格的鼠标响应事件即能实现。当然背景图片至关重要，需要一张动态的、可长短交替变换的GIF图片，可以用Fireworks制作该图片。 制作背景效果图 在Fireworks中新建一个170×17像素、背景为透明的文档。更改油漆桶填充颜色为淡灰色(#F1F1EF)，选取工具栏“Rectangle Tool“工具，使用该色将编辑可视区画一个矩形。再次更改油漆桶填充颜色为黄褐色(#FF9900)，以同样的方法在图片最左侧画一个小矩形(如图1)。最后导出GIF图片并命名为mouseover.gif，以后用作鼠标移到导航栏目上时显示的背景图片。 在这张做好效果图基础上，制作鼠标移开时的动态GIF效果图。执行菜单“Windows/Frames”命令打开帧控制面板，点击四次面板下部“New Frame”按钮添加四帧，添加这四帧作用是：在每一帧上设置由长到短的淡灰色(#F1F1EF)背景层图片以实现动态变换效果。选取第一帧图片中的淡灰色背景层图片，单击帧面板右上角三角形按钮，执行弹出菜单“Copy to Frame”命令，在“Copy to Frames”对话框中选择“All Frames”确认将淡灰色背景层图片复制到各帧中，当然别忘记也将黄褐色(#FF9900)矩形层图片也复制到各帧中。选取第一帧图片，使用鼠标调整淡灰色背景层图片大小至编辑可视区域右侧1/5处。同理调整2、3、4帧淡灰色背景层图片逐渐变短至消失于左侧黄褐色小矩形中，选取油漆桶填充颜色为深紫色(#003366)，填充黄褐色小矩形为该色。为了使效果更加流畅，双击帧控制面板各帧后时间延迟参数，将其设置为“8”(如图2)。最后导出mouseout.gif动画文件。 制作特效 在编辑页面中，执行菜单“Insert/Table”命令插入单列表格，行数由导航栏目数目而定，并设置表格宽度为172Pixels。选取该表格，快捷键“Ctrl+F3”打开其属性窗口，更改“Border”参数为“0”、“CellSpace”参数为“1”(如图3)。设置导航标题栏背景图片为“mouseover.gif”，其他各行“Bg”背景色参数为“#CCFFFF”(淡蓝色)、背景图片为“mouseout.gif”，并输入各行导航信息(如图4)。 快捷键“Shift+F11”打开“CSS Styles”控制面板，点击“New Style”按钮，在弹出的“New Style”对话框中，分别定义鼠标移开导航栏目时显示“蒙版”撤消背景图片“mouseout.gif”的CSS控制名称为“Out”，鼠标移到导航栏目时显示“蒙版”背景图片“mouseover.gif”的CSS控制名称为“Over”。复选“Make Custom Style”的Type类型和“This Document Onl”的Define类型，在“Style definition for .”对话框中设置这两个CSS属性Background项“Background Images”参数为背景图片为“mouseout.gif”和“mouseover.gif”。
Dreamweaver制作网页实用七小招
一、从外部文档中粘贴时，如果只要文字而不想要其格式，可以使用“Edit→paste as text”命令，不要直接用Ctrl+V。二、当有浏览者使用Netscape浏览页面时，在改变窗口大小的时候页面会花掉。在制作网页时就应该考虑到这个问题，可以通过点击“Command→Add/Remove Netscape resize fix”来加以解决，它可以使在Netscape中浏览页面时，改变窗口大小的时候页面不会花掉。 三、仅仅拷贝文字。当我们从Dreamweaver中拷贝文字到另一个应用程序的时候，HTML代码和文字一起被拷贝过去了。一般我们都用快捷键Ctrl＋C来拷贝， 如果在拷贝的时候多按一个“C”键则只拷贝选中的文字。 四、在Dreamweaver中输入空格是一件令人很头痛的事。如果你按下面的方法操作就会简单多了：先将“中文输入法”转换成全角状态，然后同时按下键盘上的Shift+Ctrl+space就可以插入一个空格(可以连续输入)。 五、library组件和template模板不用上传服务器，就可以正确预览使用了该组件或模板的页面。 六、不要在同一个页面同时使用表格和层来布置，在Netscape中会导致混乱，从属关系除外。 七、一次链接到两个网页。我们都知道超级链接一次只能连到一个页面。如果你要想一次在不同的框架页中打开文档，可以使用“Go To URL”JavaScript 行为。打开一个有框架的网页，选择文字或图像，然后从行为面板中选择“Go To URL”。你会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个你想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。
在Dreamweaver MX中应用“占位图形”
“占位图形”顾名思义是在准备好将最终图形添加到 Web 页之前使用的临时图形。使用它可以在没有理想的图形的情况下先行制作Web页面――在需要使用图形的地方插入一个占位图形先“占领”着“地盘”。 一、插入占位图形 将光标定在需要插入图形的地方；选择：插入>图像占位符即出现图像占位符对话框，如图： 设定好各项参数后点击“确定”即将占位图形插入到了页面中，如图： 上面显示了名称和大小。察看源代码发现增加了一个包含空 src 属性的图像标签。 二、替换占位图形 1.当页面设计好以后，我们就需要使用正确的图形来替换到占位图形。在用DreamweaverMX（简称Dreamweaver MX）中选中占位图形并打开属性面板，点击“创建”按钮。则Dreamweaver MX就会启动FireworksMX(简称Fireworks MX)并自动建立好一个和占位图形同样大小的空白画布等待图形设计师的“操刀制作”。
用Dreamweaver MX创造网页鼠标样式
经常在网上冲浪的朋友是否曾注意到有些网站的鼠标不是规则的斜向上箭头的形状，而是"十"字形，或者是向左的箭头，或者是个问号等等。当你想在网页的不同位置让鼠标显示不同形状，以体现不同的功能区；当你想让你的网站体现与众不同的风格时，考虑一下在鼠标样式上下功夫吧。其实鼠标样式的用途还是极为广泛的，那么怎样才能实现鼠标的不同样式呢？ 启动Dreamweaver，打开你要应用鼠标样式的网页，在主窗口中选择Text下拉菜单，再选择CSS Style子菜单中的New Style命令新建样式表。（注：如果你的网页中已经存在样式表，可以选择CSS Styles' Edit Style Sheet编辑样式表。） 此时弹出New Style对话框。其中Type项有三个单选按钮：Make Custom Style、Redefine HTML Tag、Use CSS Selector。其中Make Custom Style 是自定义样式，样式名以圆点开头；Use CSS Selector是使用CSS选择器，里边包含四个超链接样式a:active/a:hover/a:link/a:visited；Redefine HTML Tag是定义HTML系统标签的样式，如a\body\br等等。假设我们只对该页面的超链接设置鼠标样式，这里选择Redefine HTML Tag选项中的a标签。下面的Define项选择This Document Only。单击OK按钮。 弹出Style definition for 对话框，进入超链接样式设置。左边的Category是样式类别，这里对其它项不作解释，我们选择Extentions项。可以看到右边Visual Effect中的Cursor项，这就是设置鼠标样式的关键项。单击右边的下拉菜单，选择你所需要的鼠标样式，单击OK按钮就可以了。下面讲一下各样式的大致含义。 hand：是大家所熟悉的手型。 crosshair：是十字型，就是小乌龟首页所用的样式。 text：是平时鼠标移动到文本上的样式。 wait：是等待的效果。 default：是默认的那种效果。 help：是带问号的鼠标样式。 e-resize：是向右的箭头。 ne-resize：是向右上方的箭头。 n-resize：是向上的箭头。 nw-resize：是向左上方的箭头。 w-resize：是向左的箭关。 sw-resize：是向左下的箭头。 s-resize：是向下的箭头。 se-resize：是向右下方的箭头。 auto：是系统自动的效果。 当然根据需要你也可以将样式应用于其它标签，或者单纯的只应用于某一段文本。如果读者对CSS代码不陌生的话，或许直接手写代码更方便。特别是，如果你想在不同的位置运用不同的鼠标样式，或者不同的标签使用不同的鼠标样式。直接将样式写在某个具体的标签里边就可以了。 方法是：< tag style="cursor:mouse_style">。其中tag是标签名，mouse_style就是鼠标样式，如hand/crosshair/text/wait等等。 下面举个具体的实例以加深大家对鼠标样式设置的理解。 < span style="cursor:hand"> hand：是大家所熟悉的手型。< /span>< br> < span style="cursor:crosshair">crosshair：是十字型，就是小乌龟首页所用的样式。< /span>< br> < span style="cursor:text">text：是平时鼠标移动到文本上的样式。< /span>< br> < span style="cursor:wait">wait：是等待的效果。< /span>< br> < span style="cursor:default">default：是默认的那种效果。< /span> < br> < span style="cursor:help">help：是带问号的鼠标样式。< /span>< br> < span style="cursor:e-resize">e-resize：是向右的箭头。< /span>< br> < span style="cursor:ne-resize">ne-resize：是向右上方的箭头。< /span>< br> < span style="cursor:n-resize">n-resize：是向上的箭头。< /span>< br> < span style="cursor:nw-resize">nw-resize：是向左上方的箭头。< /span>< br> < span style="cursor:w-resize">w-resize：是向左的箭关。< /span>< br> < span style="cursor:sw-resize">sw-resize：是向左下的箭头。< /span>< br> < span style="cursor:s-resize">s-resize：是向下的箭头。< /span>< br> < span style="cursor:se-resize">se-resize：是向右下方的箭头。< /span>< br> < span style="cursor:auto">auto：是系统自动的效果。< /span>
DreamweaverMX制作导航下拉菜单
Dreamweaver从出道以来，其简便易用而又功能强大的“行为”(Behavior)一直是大家所关注的热点之一。在Dreamweaver MX(DW MX)中，对这一功能又有了扩充与改进。 在DW MX中，行为指的是为了响应某一事件(Event)而采取的一个操作(Action)。其中Event 指的是浏览器的事件，比如窗口刷新、鼠标移动等。而 Action 指的是后台响应事件的 JavaScript 代码，可以完成相应的操作，比如播放声音、翻转图片等。 用DW MX制作导航下拉菜单是网页中经常使用的特效之一。(如图1)主要应用了DW MX中的“Show-Hide Layers”行为。 首先制作好导航条(图1中的“产品中心”那一栏)，随后添加一个层，作为下拉菜单将要显示的位置，并填入下拉菜单的对应栏目。 接下来，打开“Behaviors”面板，同时选中“产品中心”链接(注意，这个时候不能够选中刚刚建好的层，否则无法应用“Show-Hide Layers”行为)，单击“+”号，选择“Show-Hide Layers”，就可以看到我们刚刚建好的层在选择项中，可以设定为隐藏或者显示(如图2)。 行为的妙用主要体现在：如果我们要实现下拉菜单，关键就是让鼠标移到“产品中心”链接上时，使层显示；而鼠标离开链接时，使层隐藏。根据这种思想，我们首先为这个层设立两个Action，一个选择Hide，一个选择Show。然后，调整Event，将Hide Layer的Event设为OnMouseOut，即为鼠标离开链接；而将Show Layer的Event设为OnMouseOver，即为鼠标选中链接。按“F12”预览，就可看到我们期盼的效果。 这样，平时我们觉得很神秘的导航下拉菜单就可以轻易在行为中实现。还可以在导航链接上继续应用 “Swap Image”行为，实现鼠标点选链接时出现图片翻转效果。
十六则Dreamweaver使用快技法
1、灵活运用样式熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准，在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我们应尽量使用状态栏中的元素列表来调用Style。 2、活用Format Table命令 在复杂的网页设计中，表格的应用是最多的，因为利用表格可以自由地控制文本和图象在网页上出现的具体位置，从而使整个网页看上去紧凑统一。Dreamweaver在这方面也不甘落后，我们可以使用其中的“Format Table”（格式化表格）命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式，先将光标置于表格的任意一个单元格内，再选择“Command”→“Format Table”命令， 在随后出现的对话框中，从左边的列表中选择一个设计方案。按“Apply” 键来查看效果，如果不满意的话，还可以重新设置或者修改部分参数的值，如边界粗细，背景颜色等等。 3、同时链接到两个网页 我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档，可以使用“Go To URL”JavaScript 行为。打开一个有框架的网页，选择文字或图象，然后从行为面板中选择“Go To URL”。我们会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。 4、不给文件起中文名称 大家在制作好了网页后，通常会给网页起一个具有代表性的中文名称，一来能使人一看文件名就能大概了解文件所包含的内容，二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做，就会发现Dreamweaver对中文文件名支持得不是太好，经常会有页面调用不正确的现象发生，所以我们以后在Dreamweaver中保存网页的时候，尽量用英文或者数字作为文件名称，这样就可以避免上面的出错现象。 5、巧妙设置字体分辨率