推荐阅读
问与答 用HTML还是用XHTML
1、什么是是XHTML? HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的XML,所以,本质上说,XHTML是一个过渡技术,结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。 2000年底,国际W3C(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言,目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。下面是W3C的HTML工作组主席Steven Pemberton回答的关于XHTML的常见基础问题。 问:什么是XHTML? 答:XHTML是一种为适应XML而重新改造的HTML。当XML越来越成为一种趋势,就出现了这样一个问题:如果我们有了XML,我们是否依然需要HTML?为了回答这个问题,1998年5月我们在旧金山开了两天的工作会议,会议的结论是:需要。我们依然需要使用HTML。因为大量的人们已经习惯使用HTML来作为他们的设计语言,而且,已经有数以百万计的页面是采用HTML编写的。 问:为什么XHTML 1.0相对HTML 4.0独立发展? 答:并不是这样。XHTML恰恰就是HTML 4.0的重新组织,(确切的说它是HTML 4.01,是一个修正版本的HTML 4.0,只不过以XHTML 1.0命名发行。) 它们在XML里的解释会有一些必要的差别,但另一方面,它们依然非常相似,我们可以把XHTML的工作看作是HTML 4.0基础上的延续。 问:XHTML 1.0如何实现XML标准? 答:XHTML就是一种XML应用。它采用XML的DTD文件格式定义,并运行在支持XML的系统上。这里要感谢XML的Namespaces功能,浏览器制造商不需要再创造新的私有标签(tags),他们只需要在XHTML代码里包含XML代码片段,或者XML代码里包含XHTML代码片段。 2、与HTML相比XHTML有什么特点?
字体设计在平面设计中的作用
文字不仅可以表达作者的思想概念而且也兼具有视觉识别符号的特征,它不仅可以表达概念,同时也通过视觉的方式传递信息。对于现代平面设计而言字体设计是不可分割的一部分,字体的美感,文字的编排,对版面的视觉传达效果有着直接影响。 一、字体的造型 在平面设计中,文字起到的作用是向大众传达作者的意图和各种信息,不要把文字设计孤立地看待,考虑文字的整体信息诉求效果,给人以清晰的视觉印象。因此,简洁,易认,易懂,传达作者的意图,表达设计的主题和构想意念成为字体造型的必备条件。 相同的文字在不同的主题中有不同的表现。文字的造型要服从于设计主题的风格特征。不能和整个作品的风格特征相脱离,相冲突,否则,就无法达到文字的诉求效果。掌握设计主题后,根据主题的需要进行文字的“形”、“音”、“义”的造型设计。例如,2003年陈幼坚设计的可口可乐全新流线形中文字体,这也是可口可乐在中国24年来的第一次全新设计。而事实证明,新的中文标识将消费者对可口可乐的购买欲望提升大概五个百分点,从视觉的统一,到意念的统一无不体现出此次的换标造就了一个经典的字体造型设计案例。 二、字体编排设计 在设计运用中,不同的字体造型或编排可以带给观者不同的视觉感受和视觉诉求。前面所介绍的“字体造型”在设计中以“点”的表现形式出现,而成功的字体编排则可以激发人们的艺术想象力,发掘不同字体之间的内在联系,甚至可以将几个完全不同的内容统一在一起。反之则会给人杂乱、无序的感觉。因此,其作用主要是强化视效、加强美感、方便阅读。 字体编排设计从狭义的概念上来讲,所研究的就是字间、行间的距离和视觉流程等问题;从广义的概念上来讲,则更多的是研究字与字之间字体搭配协调所构成的格调,以及版面所强调构图而形成的形式美感。 对于字体编排来说,每一件作品都有其特有的风格。因此,不能让每种文字都自成风格,独树一派。一个作品版面上的各种不同字体的组合,必须要符合整个作品的风格设计倾向,形成统一的情调和感情特征。所谓风格设计倾向则是指作品整体的协调与局部的对比。统一之中兼具变化,从而产生对比和谐的效果。这样,整个作品才会有视觉上的美感,符合人们的欣赏需求。例如,室内设计杂志与平面设计杂志在字体排版上的处理方式就完全不同。字体排版在室内设计杂志中要体现的是一种有序的展示,需要设计者利用各种方式引导读者的视线,并为读者留出恰当的视觉休息和自由想象的空间,给人在视觉上感觉张驰有度。而平面杂志在字体编排上则更为灵活,主要强调的是带给人们的视觉冲击力,这样则要求设计者更注意字体编排时的形态结构,色彩节奏等之间的关系,使文字与图片浑然一体,利用这样大胆的排列方法来吸引观者的目光。 三、设计师在“字体设计”中的创新 随着时代的发展,文字的设计呈现出多元化、艺术化的趋势。那么就要求在设计时体现其构思与灵感的思维的表现。因此,设计师必须先立足于设计主题特性,定位品质,在满足读者的视觉需求的前提下,再在打破传统思维设计的束缚。如此就需要设计师灵感“表达”,要让人理解设计师所传达的作品“信息”与设计师的创意息息相关。
Macromedia Dreamweaver 安装及使用教程(三)
Form 组的按钮:如图9。 图9 第一个按钮为插入框架按钮,为插入下面的那些按钮作准备。这下面的按钮选项包括:文本框,按钮,多选按钮,单选按钮,列表,文件域,图象域,隐含域,跳转菜单等交互式网页要用到的组件,假如你要制作一个交互式的网页像留言薄什么的,用它做,非常的方便快捷,把初始界面做出来,也就几分钟的事,不信试试。做完了,你会说,哦真棒。 它还有几个选项组,但都不是那么常用了,一个就是它 Character 组它是常用符号组面板,里面为你收集了最长用的符号,这些,你通过手工直接写,是非常麻烦的事,因为它们是源码了,而这儿,可以给你直接的转换成为源码,插入就成。而 Frames 组,则是对页面的分页,也就是分窗口,将一个浏览器窗口分成几个窗口,在每个窗口里加入不同网页,来达到不同的效果。它可以分的总类也如下,可以从图上直接看出来,非常的方便与快捷。而 Head 组则是在网页“head”和“/head”之间加入必要的语句,可以是连接,可以是关键字,也可以是描述性的语句,还可以规定网页的刷新频率等。Invisible 组则是插入网页中看不见的元素了,比如说:换行符,回车符等不可见的符号。主要由这个控制面板来插入。 以上这些,是 Dreamweaver 的基本插入工具,除了属性面板外,就属它最常用了。 4.Dreamweaver 的使用 ① 网页制作。 那好吧,就让我们新建一个文件,看看怎么使用它。新建方法,我就不用多说,一般软件中的新建方法在这儿同样使用,点击菜单 File 中的 New 就行了,或者按 Ctrl+N 也行。 你在这儿就可以插入文字,图象,层等,反正都随你,是不是也是所见既所得。假如我想看一下它的源文件,可以点击右下角的“〈〉”标记,也可以点击启动面板中的最后一个选项。就会弹出来一个小窗口如图10:你也可以打开外部编辑器来编辑它的源代码,比如说记事本。 图10 只要点一下“External Editor…”按钮,Wrap 选项为换行,当你不想横向拉动滚动条,把它选上,文字就自动会换行了,另外一个选项为行号选项,当选上它是,左边将会出项行号,这样特别便于查找,去掉后,就与普通的记事本没有什么区别了。编辑好后,关了它就可以了。 到这儿为止,一般的网页制作中的操作,相信你都已经会了,以上这些都是它的最一般的功能。对付新手的网页制作,绰绰有余。下面我将要给大家介绍一下它的另外一个突出功能:构建站点。 ② 构建站点: 所有设计好的网页,在放到网上去以前,都需要把它组建好,以便于上传,在本地机上就要组织好,而 DreamWeaver 也把这想到了,点击启动面板上的 Site 选项,就会弹出站点管理窗口,和文件浏览器差不多,在这儿,你可以增加文件夹,删减文件,文件改名等等,只要是文件浏览器能干的事,它都能干。并且你可以清楚地看到,你的哪个文件连接到了哪个文件,哪些文件是并列的关系,那些文件是父子关系。你所做的第一步是先建立一个本地站点根目录。然后选择“New Site”打开对话框,在“Local Root Folder”中,输入本地站点根目录的位置。然后输入你的 HTTP Address,如果你还没有该地址,随便输入一个也行,只要好记。最后,按“OK”键就真的 OK 了。以后你从本地站点中删除文件,拷贝文件时,你的站点会自动刷新你的站点文件列表。其余的管理操作,与文件浏览器一样,我也就不多说了。 另外,Dreamweaver 的其他功能和操作还有很多,像图象功能,表格功能,分层和定位操作,框架操作,对象操作模板和库的操作,以及行为与时间线的操作等,那些还暂时地不适合初学者,那也不是我这儿能三言两语能讲清楚了,现在市面上已经有了关于怎样使用 Dreamweaver3.0 的书籍了,如果大家有学精通的意思,我建议大家去买一本读,那会介绍的更详细。 三、我的个人看法 总的说来,笔者认为大家要是想制作出精致漂亮的网页出来,大家最好选择 Dreamweaver 作为网页制作工具,因为除了它的方便快捷的操作之外,它生成的网页源代码是所有网页制作软件中最小的。在网速还不很快的今天,节约代码是很重要的。而 DreamWeaver 除了能把自己制作的网页体积减至最小,并且还能删减像 Word 这类软件生成的庞大网页文件,它能把里面的介绍信息,冗余代码都统统删掉,只留下你所需要的。这恐怕还没有别的软件能与之相比。现在专门的网页设计人员都是选择 Dreamweaver 为网页编辑器,你何不也来试一试呢?
CorelDRAW创建ㄠ文字--05
第五部分:背景 25.现在找到彩色@形状的第3个副本,使用矩形工具,绘制一个能够包围@形状的矩形。右键点击调色板最上方的“无色”色板,去除矩形对象的轮廓。现在这个矩形处于无填充、无轮廓的状态。用挑选工具同时选择这个矩形和彩色@形状,执行Bitmaps菜单下的Convert to Bitmap(位图>转换为位图)命令,在转换位图对话框中,取消透明背景选项,确认转换。(图25)
最新发布
背景橡皮擦工具实现简单抠图
也许一提橡皮工具组,大家都会自然而然的想到他们的作用DDD擦除,疏不知原来背景橡皮也有扣图的作用,有还是没有呢?那让我们一起来试试吧。做图用到的素材:操作步骤:1.打开一张图片,如图所示,通过观查可以发现此图可通过多种方法抠图,这种情况下,其实还可以使用我们经常使用而想不到的最简单的背景橡皮进行处理,不信?那好,跟我来吧!~ 2.将头发的颜色设为前景色,发丝边缘的颜色设为背景色,如图所示:3.选择背景橡皮工具,其属性设置如图,依然保持刚才所设置前景色的背景的颜色,在人物边缘点击,如图所示:
通道抠图:让MM照片随意换背景
前后效果对比 处理图片时,抠图是大家常会遇到的问题,对于边缘整齐、象素对比强烈的,可以用魔棒或是路径工具进行抠图处理。但是对于人物飘飘长发,用这些工具就无从下手了。事实上,抠图的方法很多,不同的图片有不同的抠法。下面笔者就向大家推荐一种最常用而且最有效的方法——通道抠图法。 小提示:通道抠图法是运用图片自身通道信息来选择所需要抠取的部分。 1.启动Photoshop,导入要处理的图片,点选“钢笔”工具,属性设置 将图片中人物的主体轮廓勾出。注意碎发部分就不要勾在里面,因为在后面将对其进行专门地处理。 小技巧:在用“钢笔”工具勾图片时,略向里一点,这样最后的成品才不会有杂边出现。 2.选择“窗口→路径”打开“路径”面板,这时你会发现路径面板中多了一个“工作路径”,单击“将路径作为选区载入”按钮,将封闭的路径转化为选区。 3.选择“窗口→图层”打开图层面板,点选“背景”层,点右键,单击“复制图层”命令,新建一个“背景副本”。点选“背景副本”,单击“添加图层蒙版”按钮 9.单击“添加图层蒙版”按扭,为“图层0”添加图层蒙版 这个漂亮MM就从这张图片里分离出来了。 小提示:如果主体和头发处有衔接不好的地方,可以对其蒙版用黑色画笔处理一下,这就当时选择图层蒙版的原因。 所有的工作到这就完成了,现在你可以把抠出的MM随意贴到任何背景中了。 小技巧:换背景时注意背景光源方向和人物光照方向是否一致,以保证协调,看起来不生硬。
用同一张图讲解5种抠图方法
先贴原图然后ctrl+j自动生成 图层1我将 图层1 改为“人物主体”,目的为后来的另外几种抠图备用,使大家能一目了然。关闭人物主体前的眼睛,选中背景层,回到通道。大家注意看,蓝色通道的背景很干净,呈现单一的灰白。那么蓝通道就可以利用了。 将蓝通道拖到创建新通道图标按钮处,得到一个新的“蓝 副本”通道,如图所示:
用快速蒙版给同色系背景的小熊抠图
先看一看原图。 给照片去背景几乎是每一个PSer都要面对的问题。PS里面去背景的工具有很多。大家也都有各自拿手的去背景方法。但是面对这样一张图。我们该选择什么方法来抠图呢?小熊的边缘是非常不规则的形状。都是一些细小的。突出的。扭曲的。渐隐的形状。所以没办法使用钢笔和套索。小熊主体和背景的颜色也很相近。魔术棒似乎也不行了。那么好吧。我们用画笔工具加上快速蒙版来试试。大致是思路是。在快速蒙版里面。我们用和小熊边缘形状相似的画笔把小熊的边缘画出来。 在正式开始之前。我还要说。画笔是一个变化丰富的工具。那么我们接下来最重要的就是创建一个合适的笔刷。首先选择画笔工具。F5.打开画笔面板。在画笔预设里选择一个叫做“粗边圆形钢笔”的笔触。你会在默认的画笔选择列表的最下面一带找到它。 至于为什么选择这个笔触。这是经验和多次尝试的结果。所以你也有可能会找到其他令你更满意的笔触哦。 打开画笔调板。勾选双重画笔。并打开双重画笔调节窗口。如图设置。你会在下图左面看见实际效果。 下面我们开始画。在PS中打开图片。复制一层。切换至快速蒙版模式。给我们调节好的画笔设置一个合适的大小。用黑颜色慢慢把小熊给画出来。 全部画好以后切换回标准编辑模式。完美的选区就得到了。下面看看效果吧。 还有细节。 我用的照片像素不是太高。可能你会说:什么呀。全是锯齿。但是这个不要紧。关键的是。通过这一篇教程。我们已经对去背景有了新的思路。我们对画笔工具也有了新的理解。那么。我这篇教程的目的就达到了。 结束。
photoshop之如何制作换脸技术
预览成品: 逐步说明: 1、看见预览图了吗,就是把右图的男孩脸换成女孩的脸。现在我们来具*作这个效果。 2、单击菜单“File > Open”(文件-打开)打开两张张图象,一张为只需要脸部的图象和一张被换的图象,如下图。(注意一点:这两张图象的颜色是否相同并不重要,但光线角度最好一致,因为调整颜色相对来说比较好调,而调整光线就不是很容易了) 3、要换脸首先就要进行抠图,我们得先把女孩的脸给抠下来。点击工具箱中的钢笔工具,开始沿着头部周围明显拐弯的地方定位节点,不是用鼠标拖动,而是只要用鼠标点击一下即可,photoshop会自动为你把两个节点连接起来。如果你的图片定位节点的地方太小,你可以用放大工具使图象放大或者按住“Ctrl”+“+”键,再进行定位节点。沿着头部点完一圈后,在第一个节点的位置再点击一下,使路径首尾相接,如果你想调整节点的位置,点击工具箱中选择工具,用它可以移动节点到合适的位置,定完节点后的图象如下左图。这时你可以看出路径的轮廓还是比较不圆滑,不用着急,现在我们来修饰一下。点击工具,这个工具可以调整每个节点两边的线的曲线,使之更加紧密的切合头部的曲线。如右下图。 4、单击菜单“Window > Show Paths”(窗口-显示路径)或者点击面板上Path标签调出路径面板,点击在面板下面第三个按钮,将路径作为选区载入,此时在图象上可以看到路径变为了相应的选区。
利用钢笔、通道+曲线图片精细抠图
1.打开素材观察,发现此图并不难抠。比较难的是 (1)头顶的几根细发和左手边发髻, 对此我们将用曲线调整 (2)左脸颊,左臂的网格衫与背景界限不清。对于界限不清,我们常用钢笔工具抠。 2.选择钢笔工具,图片放大到300%,抠出人体部位(不包括细发)。 3.右腋下,用钢笔工具,从路径区域中减去。 4.进入路径,选择把路径作为选区载入 5.回到图层,Ctrl+J 复制。人体部分(不含细发)已经抠出。(图层1) 在图层1下新建图层(单击图层面板下方的 创建新图层按钮),命名为图层2,填充一种颜色,我用的是粉色,以便观察。 6.接着扣细发,关闭图层1,图层2的小眼睛,选中背景图层 进入通道,比较红绿蓝三个通道。在绿色通道中,头顶的头发较明显,拖动绿色通道到下方的新建路径按钮上复制,生成绿副本 Ctrl+M打开曲线调整对话框 ,调整曲线,目的是使细发和背景分离。 参考数据见图。 7.用白色画笔涂抹残留的黑色 8.涂成这个样子,背景上残留的黑色全部去掉了 9.Ctrl+I反相,然后把绿副本载入选区,快捷键是Ctrl+通道面板中的缩略图或者点按 把通道作为为选区载入。
利用通道,快速扣除白色透明的婚纱
婚纱抠图方法有很多,通道抠图是个不错的选择。大致过程:先需要用钢笔等工具把人物部分抠出来包括婚纱部分。然后把抠出的人物图层复制一层,在通道选区婚纱部分较为清晰的通道并调出选区,回到图层面板后把选区反选按删除高光部分以外的图像,得到的图像就是我们抠出的婚纱部分,后期再适当调亮即可。 原图 最终效果 1、打开原图素材,按Ctrl + J 把背景图层复制一层,把背景图层影藏,然后用魔术棒加橡皮工具把背景部分去掉。 2、把抠出的人物图层复制一层,然后在背景图层上面新建一个图层填充黑色作为参照层。 3、按Ctrl + Alt + 3 调出蓝色通道高光选区。 4、按Ctrl + Shift + I 把选区反选,按Delete 删除不需要的部分。取消选区后再适当调整色阶及对比度,稍微调亮一点,效果如下图。 5、把背景副本2移到背景副本1下面,回到背景复制1图层,用柔角橡皮工具擦去婚纱,然后合并可见图层。 6、最后在背景图层加上自己喜好的颜色或背景素材,完成最终效果。
利用色相/饱和度,也可抠图
素材(来自网络)最终效果图1. 打开背景素材观察,背景色块杂乱,尤其那道白光,而且卷发色差较大,右边的大部分头发与黑背景混在一起。 曾用滤镜抽出或通道抠图,不是费时就是效果欠佳。所以想到先进行色相饱和度调整,然后再抠图。2. Ctrl+J把背景复制二层,得到图层1和图层1副本。新建图层(图层2),填充深绿色,作为检验层,置于背景层之上。3. 用钢笔工具在图层1点描出人体主要部位(不包括散发),进入路径面板,点击 将路径作为选区载入。
同色系背景的抠图方法
本教程介绍背景色较为单一的婚片抠图方法。大致方法:在抠图的时候单独把透明的婚纱和人物部分分开抠出,放置在不同的图层。换上背景以后适当降低婚纱层的不透明度及混合模式即可。 原图 最终效果 1、打开原图素材,用钢笔或套索工具随意在婚纱范围圈选。 2、按Ctrl + Alt + D 把选区羽化一下,数值不要太大。 3、按Ctrl + J把人物及婚纱部分复制到新的图层,如下图。 4、用套索工具单独抠出人物部分,如下图。 5、手部空隙处用选择属性面板上的“减去选区”,然后再扣出来。 6、再适当羽化一下按Ctrl + J 复制到新的图层。 7、在背景图层上面加上想要的背景素材。 8、降低图层一的不透明度,多少随意。不过不要降的太多。你也可以试试混合模式,比如滤色,强光什么的,不过偶觉得在这个图片里效果没降透明度效果好。 9、感觉婚纱有点不白。按Ctrl + M 曲线调之,不调也可以。 最终效果: