推荐阅读
问与答 用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)
最新发布
图像巨变:专家解读Photoshop CS4
本期特邀嘉宾: 薛欣 Adobe中国专家组成员, Adobe标准培训教材编委会委员。主持过三十余套专业书籍的编著,讲座培训数百场次。 祁连山 《电脑报》特约作者、“中国教程网”站长,国内有影响力资深Photoshop专家,出版多本Photoshop图书及视频教程。 全球图像梦工厂,PS造 向波:非常高兴请到两位专家来和大家讨论Photoshop。如今很多用户都有这样的感觉:Photoshop的变化太快,Photoshop CS1的许多功能还未摸透,眨眼间,Photoshop CS4(以下简称CS4)又向我们走来。现在我们该如何重新认识Photoshop以及它的CS系列? 薛欣:是的,现在的CS4变化很大,可以说是巨变。如果要想深入地了解和掌握Photoshop,我想应当对Photoshop的历史有所了解。今天,无论是印刷产品中的图片,还是网络中的各种图像以及全球银幕上的特效大片,无不留下Photoshop的痕迹,Photoshop已经成为一种文化。 祁连山:自2005年Adobe收购Macromedia后,Photoshop从7.0开始之后的版本都改称Photoshop CS系列。从此Adobe在它的拳头产品Photoshop影响下,缔造全球图像软件的巨擘,王者地位无可撼动。1990年,Photoshop1.0.7正式发行,当时人们可能不会想到,这个软件会成为后来图像软件行业的绝对霸主。为什么Photoshop能一直成为图像软件中的统治者?从Photoshop发展中的几个重要时期就可以看出一些眉目。 透过版本看Photoshop核心技术 向波:通过Photoshop的发展历程来认识Photoshop,这是一个不错的主意,但在Photoshop的历史中,作为用户应该注意哪些因素呢? 祁连山:掌握Photoshop几个重要的技术,这非常重要。我是在1996年接触Photoshop的,那时还是4.0版本。应该说4.0版的Photoshop就是一个经典的版本了,各项功能的设计已经比较完美,当然后面每次的变化都让人心动不已。如果要问为什么Photoshop能成为长期统治图像领域的王者,让其他图像处理软件一直得不到好的发展,我认为主要在于Photoshop几个最明显的功能设计,这几个设计让其他软件几乎无法超越。我做了一张Photoshop各个版本中重要功能变化的图表,通过这个图表大家可以对Photoshop的发展及功能有个简单的了解。点击看大图
快速掌握Photoshop CS4的全新3D技术
1.图片也能变3D,有趣 用图层新建三维明信片(new 3D postcard from layer)命令,可以将普通的图片转换为三维对象,并可以使用工具和操纵杆来调整X、Y、Z轴,以控制对象的位置、大小和角度。注意该操纵杆也需要OpenGL支持。三维工具和三维明信片 2.重大突破,直接和3D软件融合 Photoshop CS4这次对3D的支持不是只让大家看看热闹,的确有重大突破。用户不但可以导入MAYA、3DSMAX等软件生成的3D对象,还可以在Photoshop CS4中直接生成或转换平面图像为三维形状,包括帽子、苏打罐、葡萄酒瓶等。用户既可以使用材质进行贴图,也能够使用画笔和图章直接在三维对象上绘画,甚至可以使用“Ctrl+E”直接把二维图像压入三维对象中。创建三维对象及贴图 最让人不可思议的是,CS4中还提供了3D面板。使用该面板可以通过众多的参数来控制、添加、修改场景、材质、网格和灯光等。比如在灯光方面,就可以进行查看、添加及删除等操作,并且还可以设置光源的类型。除此之外,三维对象和时间轴配合还可以完成动画的制作等。这些改进,为平面设计师向三维过渡铺平了道路。 在3D面板中控制材质、网格和灯光 对于大多数Photoshop爱好者来说,最想知道的就是Photoshop CS4有哪些变化对自己最有用,下一次我们着重介绍Photoshop CS4的最大亮点。
快速掌握Photoshop CS4的亮点变化
对于大多数Photoshop爱好者来说,最想知道的就是Photoshop CS4有哪些变化对自己最有用。除了前面讲的几个变化外,下面的几个变化是这次CS4的最大亮点。 一、快速掌握Photoshop CS4的界面变化 当你第一次打开Photoshop CS4,你会发现这次界面有很大的变化,菜单栏中增加了很多我们不认识的图标和按钮。从这次CS4将这么多的功能提到界面上来,我们就可以感觉到它的变化是非常大的,因为对一个图像处理软件来说,开阔的设计空间尤其重要。 在菜单栏上,常用的一些功能被作为按钮罗列出来(应用程序工具栏),包括启动Bridge、抓手和缩放工具、显示网格标尺、旋转视图工具(Rotate View Tool)、显示多联(n-up)等,打开多个文件时也会以“选项卡”的方式出现。 亮点1:图片浏览方式多样化 当打开多个页面后,可以使用多联(n-up)下拉面板,控制多个文档在窗口中的显示方式。该功能还包含匹配缩放和位置选项(Match zoom and location),用来对比多个图片时非常有用。 不仅如此,我们按住Shift键的时候,还可以对显示的图片同时进行移动或者放大缩小。浏览图片时的效果和速度都有了革命性的变化,如缩放工具一直按下时可连续平滑放大或缩小图片;可使用抓手工具“滑动”查看图片,这些操作在停止时都还包含缓冲效果;按H键不放可在放大图和原图之间切换及导航,另外画布边缘还设计了小阴影,这些都得益于OpenGL的支持。 亮点2:支持任意旋转
Photoshop CS4人性化智能设计
怀着无比激动的心情,装好了试用版。不过等待安装的过程有点漫长……因为CS4需要至少2G的内存,需要支持OpenGL和SM3.0的独立显卡,需要 WindowsXP Service Pack 3等等。如果没有这些,也可以运行,只是性能有影响,个别功能不可用而已。这点比CS3要求高了不少,很多人要换新机器啦~吼吼打开Photoshop CS4后,感觉界面的设计感更简捷了。调板取消了之前华而不实的阴影效果,改为传统的边界线,并且去掉了Windwos本身的“蓝条”,直接以菜单栏代替,在菜单栏的右侧,将原来的很多菜单里的常规的操作功能直接设置成快捷的图标按钮,比如移动、缩放、显示网格标尺、新的的旋转视图工具(Rotate View Tool)等等,对于不熟悉快捷键的很多用户真是超级方便啦!此外浏览图片比以往速度快了超多倍,而且无锯齿的无极放大,不像过去,比例不合适的话,文字和图像都有锯齿。这对显示器小,和做高分辨率图片的情况,非常实用。并且通过旋转视图工具(Rotate View Tool),还可以360度旋转画布,特别适合使用Photoshop绘画的用户。(这项功能需要机器较好的配置了)否则就如同本人一样得到如下的对话框框……非常强大的蒙版功能,可以建立先建立一个蒙版,之后再调节蒙版的边缘羽化值,随时随地哦,超实用~这样蒙版边缘可以随时被调整了,不像过去,做完要模糊,模糊了不合适只有历史,现在可以随时调整。对于偶这样没啥条理的人,简直就是量身定制。(蒙板功能演示视频:http: //www.youtube.com/watch?v=FE9ggqYkc9E)
Photoshop CS4内容识别比例工具无损裁边
爱冲洗照片的朋友一定知道,由于数码相机拍摄尺寸和照片冲洗尺寸通常无法吻合,所以在数码照片冲洗店冲洗照片时,必定会被“残忍”地裁去一大截照片中精彩的内容,给照片冲洗带来遗憾(图1)。 在Photoshop CS4之前的版本中,要实现无损失的剪裁操作是十分复杂的。而现在利用Photoshop CS4中的“内容识别比例”工具,只要简单地拖动鼠标就可以完美实现无损剪裁。现在就让我们一起来试试如何无损地完成一次6英寸照片的剪裁吧! 1. 启动 Photoshop CS4后,在菜单栏中单击“打开”命令,选择并打开需要处理的照片。然后用鼠标选择“背景”图层并拖至“创建新图层”,复制出一个背景图层副本。最后用鼠标将“背景”图层拖至“删除图层”,将锁定的“背景”图层删除(图2)。这些操作的目的在于解除“背景”图层的锁定,让我们可以对打开后的原始图像进行自由转变和内容识别比例工具的使用。 制作“保护罩”,锁定照片内容 在进行具体的“内容识别比例”变换之前,我们需要以手动方式对照片中一些不需要变形的内容进行“保护”。要“保护”就得先制作一个“保护罩”告诉Photoshop哪些地方是不需要“内容识别比例”变换的。 2. 制作这个“保护罩”的原材料就是选区了,在工具箱中选择“套索”工具,并勾勒、圈选出需要保护内容。通常我们需要保护的内容一般是照片中的主体人物或物品。 3. 依次选择“选择→储存选区”,在弹出的“储存选区”对话框的名称项中输入被保护的事物名称(图3),并单击“确定”完成对选区的储存。数码相机的拍摄尺寸和传统冲印尺寸有些不符
Photoshop CS4打造《梅兰芳》电影海报
海报设计的语言是一种靠视觉感悟所产生的语言,它是设计师思想和理解的视觉化表现,并且有独特的传递方式。海报设计不是艺术,不能完全是设计师个人的喜好,设计要根据客户的需要,解决具体的问题,体现商业价值的同时展现了海报设计思想。下面梅兰芬海报设计主要应用了 Photoshop 的文字工具、渐变、蒙板等,希望大家喜欢。 先看最终效果:终效果 下图是素材图片,来自互联网,仅供学习交流。素材1素材2素材3
PhotoshopCS4教程:迷幻烟雾字体特效
第一步:打开Photoshop cs4,新建一个1920x1200 像素的文件,命名为【烟】。 在图层调板中,双击【背景】图层缩略图,进行“解锁”,“解锁”后的图层系统将自动将其命名为【图层 0】。我们再次双击【图层 0】的图层缩略图,这次将会弹出【图层样式】对话框,我们选择【渐变叠加】,参数设置如下图所示。 其中【渐变编辑器】中两个色标的颜色分别是#07090a 和 #202b35,其它参数设置如下图所示。 添加图层样式后的效果如下图所示。 第二步:在工具箱中选择【横排文字工具】,输入文字,效果如下图所示。 在文字图层缩略图上点击鼠标右键,在弹出的快捷菜单中选择【栅格化文字】命令。然后执行【滤镜―模糊―动感模糊】命令,设置模糊的角度为90度,距离为40像素,效果如下图所示。(林栖者语:此处先将文字图层转换成智能对象也可以进行滤镜操作) 第三步:执行【滤镜―扭曲―波纹】命令,参数设置如下图所示。 效果如下图所示。 第四步:执行【滤镜―模糊―高斯模糊】命令,模糊半径为10像素。 点击图层调板下方的【创建新组】按钮,新建一个组,然后将其重命名为【文字】,把刚才新建的文字图层拖入组【文字】中,并将组【文字】的混合模式改为【颜色减淡】效果如下图所示。 第五步:在所有图层的上面新建一层,命名为【云】。确认前景色为白色,背景色为黑色,执行【滤镜―渲染―云彩】命令,效果如下图所示。
Photoshop CS4快速打造飘渺的烟
先看一下最终效果:下载飘渺的烟笔刷:http://images.enet.com.cn/eschool/luntan/bishua/smoke_brushes.zip第一步:打开photoshop cs4,新建一个1920x1200 像素的文件,命名为【烟】。 在图层调板中,双击【背景】图层缩略图,进行“解锁”,“解锁”后的图层系统将自动将其命名为【图层 0】。我们再次双击【图层 0】的图层缩略图,这次将会弹出【图层样式】对话框,我们选择【渐变叠加】,参数设置如下图所示。其中【渐变编辑器】中两个色标的颜色分别是#07090a 和 #202b35,其它参数设置如下图所示。添加图层样式后的效果如下图所示。
Photoshop CS4制作感恩节主题海报
感恩节是美国人独创的一个古老节日,也是美国人合家欢聚的节日,时间是在11月的第四个星期四,感恩应该是一种美德,下面我们就跟着教程一起来制作感恩节主题海报吧。 11月的第四个星期四是感恩节,感恩父母,给了我们生命;感恩兄弟姐妹;感谢生活;感谢爱人;让我们始终怀着一颗感恩的心。 下面就由集创设计为我们带来感恩节主题海报制作教程。教程使用Photoshop CS4,用到渐变工具、自定义形状工具、径向模糊滤镜、图层样式等工具,希望能给您带来帮助!最终效果图 1、打开Adobe Photoshop CS4软件,执行菜单:"文件"/"新建"(快捷键Ctrl+N),设置名称:保持一颗感恩的心--感恩节,设置宽度:3000像素,高度:1980像素,分辩率:300像素,颜色模式:RGB、8位,背景内容:白色,如图1所示。图1 2、选择工具箱中的渐变工具,在工具选项栏中设置为线性渐变,在工具选项栏中点击可编辑渐变工具,弹出渐变编辑器,设置由深红渐变到朱红色,在绘图区中从上而下拖动出渐变效果,如图2所示。图2 3、选择工具箱中的自定义形状工具,然后在工具选项栏中选择形状为心形,设置颜色为深红色,执行菜单:"图层"/"新建"/"新建图层"(快捷键Ctrl+Shift+N),新建图层2副本,在新图层中绘制出心形形状,按Ctrl+Enter将形状转换为选区,然后按Alt+Backspace将选区填充为深红色,如图3所示。图3
Photoshop CS4教程:两步搞定素雅颜色
其实这个教程本身只是讲述了PS CS4新增加的“调整”与“蒙版”调板的基本用法,效果用之前的版本也都能做出来。 有了“调整”与“蒙版”调板后,确实是省了不少事。