推荐阅读

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 回退文件(Contribute 用户)
在启用 Adobe Contribute 兼容性后,Dreamweaver 会自动保存文档的多个版本。 注: 必须将 Contribute 与 Dreamweaver 安装在同一台计算机上。 还必须在 Contribute 管理设置中启用文件回退。有关详细信息,请参阅“管理 Contribute”。如果要回退的页面具有任何以前的版本,将出现“回退”对话框。

在 Dreamweaver 中取消遮盖所有文件和文件夹
您可以同时取消遮盖站点中的所有文件和文件夹。此操作无法撤消,因此无法重新遮盖先前遮盖的所有项。您必须逐一重新遮盖这些项。 如果要临时取消所有文件夹和文件的遮盖,然后重新遮盖这些项,则应禁用站点遮盖。 穿过文件夹和文件图标的红线消失,指示站点中的所有文件和文件夹都已取消遮盖。

Dreamweaver 遮盖站点中的特定文件类型
例如,您可以输入 .jpg 以遮盖站点中名称以 .jpg 结尾的所有文件。用一个空格分隔多个文件类型;不要使用逗号或分号。在“文件”面板中,显示一条红线穿过受影响的文件,指示它们已被遮盖。

在 Dreamweaver 中取消遮盖站点中的特定文件类型
取消选择“遮盖具有以下扩展名的文件”选项,以取消对框中列出的所有文件类型的遮盖。从框中删除特定文件类型,以取消这些文件类型的遮盖。红线从受影响的文件上消失,指示它们已取消遮盖。

Dreamweaver 遮盖和取消遮盖站点文件和文件夹
您可以遮盖特定文件和文件夹,但无法遮盖所有文件和文件夹或遮盖整个站点。遮盖特定文件和文件夹时,可以同时遮盖多个文件和文件夹。 一条穿过文件或文件夹图标的红线将出现或消失,指示该文件夹已遮盖或取消遮盖。

在 Dreamweaver 中启用和禁用站点遮盖
利用站点遮盖功能,您可以从“获取”或“上传”等站点范围操作中排除站点中的某些文件夹、文件和文件类型,在默认情况下,该功能处于启用状态。您可以永久禁用遮盖功能,也可以为了对所有文件(包括遮盖的文件)执行某一操作而临时禁用遮盖功能。当禁用站点遮盖功能之后,所有遮盖文件都会取消遮盖。当再次启用站点遮盖功能时,所有先前遮盖的文件将恢复遮盖。 注: 您也可以使用“取消所有遮盖”选项来取消所有文件的遮盖,但这不会禁用遮盖;而且除非对每个文件夹、文件和文件类型都重新设置遮盖,否则无法重新遮盖所有以前已遮盖的文件和文件夹。 选择“遮盖”>(取消选择即禁用)。选择“遮盖”>“设置”,打开“站点设置”对话框的“遮盖”类别。选择或取消选择“启用遮盖”,然后选择或取消选择“遮盖具有以下扩展名的文件”以启用或禁用对特定文件类型的遮盖。您可以在文本框中输入或删除要遮盖或取消遮盖的文件的后缀。

关于 Dreamweaver 中站点遮盖介绍
利用站点遮盖功能,您可以从“获取”或“上传”等操作中排除某些文件和文件夹。您还可以从站点操作中遮盖特定类型的所有文件(JPEG、FLV、XML 等)。Dreamweaver 会记住每个站点的设置,因此您不必每次在该站点上工作时都进行选择。 例如,如果您在一个大型站点上工作,并且您不想每天都上载多媒体文件,则您可以使用站点遮盖功能来遮盖您的多媒体文件夹。然后,Dreamweaver 将从您执行的站点操作中排除该文件夹中的文件。您可以遮盖远程或本地站点上的文件和文件夹。遮盖功能会从以下操作中排除遮盖的文件和文件夹:执行上传、获取、存回和取出操作生成报告查找较新的本地文件和查找较新的远端文件执行站点范围的操作,如检查和更改链接同步使用“资源”面板内容更新模板和库

网页排版应该考虑IE6的兼容性问题
下图是本站统计系统中访客详情中浏览器查看率,IE6占据百分之40多。虽然浏览器的种类很多,光一个IE就有IE5.5,IE6,IE7,IE8等多版本,在这众多的高版本中,IE6依然受大多数用户所喜欢,所以排版时候就不的不去考虑IE6的兼容问题,要不然会损失很多访问者。下面列举IE6中10个不得不注意的问题:1. 使用 DOCTYPE你需要在HTML页面的最顶部加上DOCTYPE类型,当然, strict版是值得推荐的,例如:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">或者, XHTML页面的!DOCTYPE:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">你最不想看到的是,IE6进入怪癖模式 – 其实已经够多怪癖了。2. 设置position: relative设置position:relative解决了不止一个问题,特别当需要设置对齐的时候。很明显,你需要明白的一点是,绝对定位是相对来说的。说不定,因为你没有设置,而不知道东西都飞到那去了。比如,你设计了每篇文章前都有一张图片,最后,你发现,只有一张图片在页面上,或许,是他们重叠了。3. 给浮动元素设置 display:inline 值这源于著名的IE6双倍外边距BUG,例如,你给一个DIV设计了浮动,并且,设置了margin-left:5px;,在IE6中很可能就是margin-left:10px了,这里,给浮动元素设置 display:inline;,即可解决问题。4. 为元素设置 hasLayout很多IE6(或IE7)的问题可以用设置hasLayout值的方法来解决。(如果你不知道hasLayout是什么,请看这里)最简单的给元素设置hasLayout值的方法是给加上CSS 的height或width(当然,zoom也可以用,但这不是CSS的一部分)。设置一个具体的值是推荐的,但有时候并不一定知道高度多少,这里,你可能会用到height:1%。如果父元素没有设置高度,那么元素的物理高度并不会改变,但是,已经具备hasLayout属性。5. 解决字符重复出现的问题复杂的布局可能导致一些浮动元素里面的文字,出现在清理浮动位置的下面。这是一个奇怪的问题,下面这此可以帮你解决:•确保浮动元素设置了 display:inline;•在浮动元素中使用 margin-right:-3px;•在浮动元素的最后一个元素后加上一个IE注释,例如: <!--[if !IE]>把你的注释放这里… <![endif]-->•在最后的元素中加上一个DIV(这以设置width 为90% 或者其他相似的高度)UPDATE: 最简单的方法是删除掉所有注释。(感谢恬玮儿的提示,我自己并没有遇到过,不过,google了一下,发现这个方法也可以解决,并且,这是值得推荐的一个方法。)你可以到positioniseverything.net中查看更多关于这个的解释。6.只在<a>标签中使用hover,IE6只支持<a>标签显示hover样式当然,你还是可以通过JS来解决这个方法。但是, 这关于到可访问性的问题。建议不要把重要的内容设置在利用JS来实现的hover中。7. 使用!important 或高级选择器来区分IE浏览器比如min-height可以避免使用CSS来实现对IE的兼容。#element { min-height: 20em; height: auto !important; height: 20em; /* 让IE6显示这个高度 */ }IE6 并不能正确地识别min-height,可以设置固定的高度,让IE6解析为20em。即使如此,它还是会因为内容的尺寸扩大而改变高度。而另一个方法是使用高级选择器:#element { min-height: 20em; height: 20em; } /* 忽略 IE6 */ #element[id] { height: auto; }8. 避免按比例确定的尺寸比例会让IE6变得错乱,除非你给父元素添加一个确切的高度。不然,给其他的加上!important,例如:body{ margin: 2% 0 !important; margin: 20px 0; /* IE6 可读 */ }9. 尽早测试,经常测试别忘记尽早测试,经常测试, 除非你的程度已经完成。不然,你可能花更多的时间来解决IE6的问题。一般情况下,如果你的网站能在IE6和firefox下良好表现,估计其他浏览器就不会有什么大问题了。10. 重构你的代码很多情况下,解决一个问题,可能比重构你的代码要花更多的时间。

网页设计初学者必看的30个网页制作秘笈
许许多多的网页新手正徘徊在专业编码的门槛前,而网上的教程参差不齐,鱼龙混杂,很容易让新手迷茫。这里总结了30条网页编码的“秘技”,只要在编码过程中牢记它们,灵活运用,你一定会写出一手漂亮的代码,早日迈入专业开发者的行列。在以往的页面源代码里,经常看到这样的语句: 也许过去我们可以容忍这样的非闭合标签,但在今天的标准来看,这是非常不可取的,是必须百分百避免的。一定要注意闭合你的标签,否则将无法通过验证,并且容易出现一些难以预见的问题。最好使用这样的形式:笔者早先曾加入过许多CSS论坛,在那里,如果有用户遇到问题,我们会建议他首先做两件事:1. 验证CSS文件,解决所有可见的错误2. 加上文档类型 DoctypeDOCTYPE 定义在HTML标签出现之前,它告诉浏览器这个页面包含的是HTML,XHTML,还是两者混合出现,这样浏览器才能正确的解析标记。

如何把PSD文件制作成XHTML+CSS文件
继上一篇教程,《Photoshop教程:设计一个博客界面图件》,现在我们来看看如何将这个概念设计转化为完整的由XHTML和CSS组成的标准网页。从PS里面将之前的设计稿从PS里面输出然后再加上编码,这样我们就会得到一个完整的博客设计。在上一个教程里面,我们创建了一个包含了所有框架,设计,色彩,拟议定的板式和基本内容的设计模型。 现在是时候让我们回顾一下之前的计划和概念设定来看看——哪些需要使用纯粹的xhtml和css,哪些需要使用到原来的图片。首先被导出的元素是大的背景图。隐藏掉其他所有页面的图层,然后选择大的背景图导出为web使用格式。 从第一印象上来讲,这个大图片很容易让人觉得他很大,所以体积会变的很大。但是事实上用jpg格式调整好质量质量之后这个文件仅仅才30K而已,这里需要你来拿捏文件的质量和整体的体积的平衡。(译者注:图片如果太大可以适当用高斯模糊来减少细节这样图片体积就会缩小点,一般来讲背景图不必使用特别清晰的底图,增加体积却又吸引眼球影响阅读。)