推荐阅读

问与答 用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)
最新发布

幻影文字的制作
4、接着执行滤镜/渲染/光照效果,将纹理通道设置为红,其他设置保持默认值不变,单击确定按钮应用。如图4所示。 图45、按下Ctrl+U键打开色相/饱和度调版进行调整,将明度值调整为-50,单击确定按钮应用调整。如图5所示。 图56、进行到这里背景就制作完成了,接下来就开始制作文字。使用文字输入工具输入需要的文字,选择合适的字体。如图6所示。 图67、将文字图层复制一层。如图7所示。 图7 8、执行滤镜/模糊/动感模糊,将角度设置为90度,距离设置为50像素,单击确定按钮应用。如图8所示。 图8 9、再次复制一个文字图层。如图9所示。 图9 10、选中文字副本2图层进行操作,执行滤镜/模糊/动感模糊,角度将角度设置为0度,距离设置为50像素,单击确定按钮应用。如图10所示。 图10 11、将文字图层放置于最上层。如图11所示。 图11 12、双击文字图层打开图层样式面版进行设置。添加外发光样式,扩展10%,大小15像素。如图12所示。 图12 13、添加渐变叠加样式,自行设置一个渐变样式,将不透明度设置为50%。如图13所示。 图13 14、添加图案叠加,选择一个合适的图案,将不透明度设置为85%。如图14所示。 图14

压纹残缺字的制作
制作过程: 1、新建一个宽度为100像素,高度为100像素,分辨率为350像素的文件。 2、新建图层1,单击工具箱中的“自定义形状工具”,在其属性栏中单击路径按钮,并在形状下拉面板中选择五角星图案,然后在窗口中拖拽创建一个五角星路径,如图01所示。 5、在文字图层上单击右键,在弹出的快捷菜单中选择“栅格化文字”命令,将文字层转换为普通层。双击文字层,弹出图层样式对话框,在对话框中选择内阴影、外发光、内发光、颜色叠加、图案叠加样式,设置参数如图04-08所示,设置后的效果如图09所示。 图04 图05 图06 图07 图08 图09

PS制作油彩混合文字
4、按Ctrl+L键,打开色阶对话框,设置参数如图04所示,图像效果如图05所示。 图04 图05 5、在工具箱中选择魔棒工具,在图像中的黑色部分单击,然后隐藏图层2,选择图层1,设置前景色的RGB分别为159、211、223,执行菜单栏中的“编辑”“填充”命令,在弹出的对话框中设置参数如图06所示,图像效果如图07所示。 图06 图07 6、按Ctrl+D键取消选区,新建图层3,按D键将前景色和背景色恢复默认设置,执行菜单栏中的“滤镜”“渲染”“云彩”命令,效果如图08所示。 图08 7、按Ctrl+L键,打开色阶对话框,设置参数如图09所示。 图09 8、在工具箱中选择魔棒工具,在图像中的白色部分单击,然后隐藏图层3,选择图层1,效果如图10所示。 图10 9、选择图层1,在图层面板底部单击“创建新的填充或调整图层”按钮,在弹出的菜单中执行“色相/饱和度”命令,在弹出的对话框中设置参数如图11所示,单击确定,取消选区,效果如图12所示。 图11 图12 10、在图层1上双击,打开图层样式对话框,分别选择斜面和浮雕和光泽效果,设置参数如图13-14所示,图像效果如图15所示。 图13 图14

妙用PS打造玉雕文字
四、再新建一层,把前景色设为深绿色,选择编辑菜单中的填充(如下图): 五、选择图层1,保持前景色为刚才深绿色,背景为白色,选择渐变工具,从左至右拉下渐变(如下图): 六、合并图层2和图层1。七、确定选择图层2,可以用手按住CTRL键,再用鼠标点击文字图层,调出它的选区,再反选(CTRL+Shift+I)Delele删除。 八、好了,现在开始添加图层样式,进入图层样式,具体设置如下图: 九、觉的不够亮的话,要以按Ctrl+J键复制一层,再把图层模式改为滤色,不透明度调到40%,再加个背景色和红绳子,就做完了。

塑料字
(1)按CTRL+N新建一个文件,然后用渐变工具在背景由上至下做淡黄――黄的渐变。(2)设置前景色为红色,用文字工具输入“塑料字”三个字,(3)打开图层面板用鼠标右键单击文字层右边的“T”,选择其中的转换图层命令。(4)按住CTRL键并单击文字层使之被选取。(5)选择(滤镜/素描/基底凸现)命令,所有选项保持默认值,单击OK完成,按CTRL+D去掉选择,最终效果如图所示。

双层边缘凸出效果
在本例中,我们将制作一个双层边缘凸出的效果,所运用到的主要命令有:Maximum;Gaussian Blur;Auto Levels; Contract; Lighting Effects 命令步骤:1. 创建一个新文件,并填充为黄色。2. 创建新通道Alpha 1,输入文字,并拖放到适当的位置,取消选择范围,执行Filter>Other>Maximum,设定Radius:2 pixels。3. 复制Alpha 1 通道成为Alpha 2 通道,执行Filter>Blur>Gaussian Blur命令,对文字制作模糊效果。设定Radius:3 pixels,确认后按OK。4. 执行Select>Load Selection命令,载入Alpha 1 通道。5. 执行Filter>blur>Gaussian Blur命令,设定Radius:3 pixels。6. 执行Image>Adjust>Auto Levels命令, 系统将自动调整文字的色调。

Photoshop美食系列之糖果文字
这里的红色,就是糖果藤的颜色,你也可以换成其它自己其爱的颜色。 5. 在candy cane层之上新建一层,命名为highlights 1,用白色填充图层。载入通道orig选区,收缩选区4像素,将色板复位,用黑色填充选区后取消选择。执行高斯模糊命令,半径为8像素;载入RGB通道中的任意一个,反相选择,应用位移命令,将水平和垂直数值都设为-8,未定义区域为折回(注意:这一点的位移命令不可用移动来代替),取消选择(图05a)。用高斯模糊滤镜稍加模糊,半径为2.0像素;用风格化>浮雕命令形成立体效果,设置角度为135,高度为4像素,数量为150%;采用进一步模糊命令,将画面模糊,随即用曲线命令调节画面,将曲线设置如图05b所示,这时的图像如图05c所示;载入通道orig的选区,稍微收缩选区,收缩量为1像素,羽化选区,半径为2像素,反选删除后取消选择。然后将图层混合模式设为屏幕,将图层不透明度降低为60%,完成第一个高光效果,这层高光的作用是为图像添加立体效果。(图05d,05e)

Photoshop彩色玻璃字制作特效
用photoshop可以实现很多神奇的效果,下面的彩色玻璃字就是一个例子,我们给出具体的制作步骤: 1.建立一个新文件,宽度500 pixels,高度为360pixels。分辨率72pixel/inch,模式为RGB Color,背景为白色。重设缺省色,输入文字,这里使用的是Impact字体,大小是110磅。 2.执行Layer/Rasterize/Type,删格化字体。按住Ctrl键在图层面板点击Creem图层,载入选区。设置前景色为灰色(R:153,G:153,B:152),然后用前景色填充文字。保存两次当前文字选区,并分别命名为bitblue1,bitblue2。然后取消选区。 3.在Channel面板激活bitblue1通道。执行Filter/Blur/Gaussian Blur,值为4 pixels。选择RGB通道,然后载入bitblue2通道,反选选区,按下Delete键。执行Filter/Render/Lighting Effects,参数如图:其中color和Ambient color全为白色。 4.执行Image/Adjust/Curves,如图 5.复制文字所在的图层得到Cream copy层,在该层上再次使用Curves曲线调整,如图 6.设置当前Cream copy层的色彩混和模式为Liminosity,按住Ctrl点击图层面板上该层,载入图像选区。重设前景色与背景色,新建一图层Layer 1,并将该图层移到Creem图层下方。用前景色填充,将它与Creem图层链结起来。建立Layer 2图层,该图层在Layer 1图层上方。设置前景色为(R:220,G:174,B:49),取消选区,用前景色填充该图层。将Layer 2图层移到Creem层上方。 7.在Layer 2图层为当前图层的情况下,点击渐变工具,并选择Chrome即铬黄渐变,选取Reflected Gradient方式,在文字上方拖出一个渐变,如图 8.执行Filter/Distort/Wave,参数如图:在Layer 2图层为当前图层的情况下,点击Layer/Group with precious,将其与下一个图层组合起来。 9.选择Layer 1层,执行Filter/Blur/Gaussian Blur。值为4 pixels。重设前景色与背景色,选中Cream copy层,执行Edit/Stroke进行描边,参数如图: 10.将Cream copy层的色彩混和模式调为Overlay,然后双击该层,弹出Layer Style面板,勾选Drop Shadow选项,参数如图: 11.按住Ctrl键点击图层面板上的Cream copy层,载入选区。点击Select/Modify/Contract,值为1 pixels,反选选区,按Delete键。取消选区。 12.选择Layer 1图层,执行Edit/Stroke对其进行描边,宽度为1pixels,位置为Inside,Blend Mode 为Normal,Opacity为100%。选择Creem图层,设置前景色为(R:201,G:201,B:201) 点击渐变工具,选择从前景色到背景色渐变,选取Reflected Gradient方式,同样在图像上方由顶向下大约拖出50 pixels距离的一个渐变。这时图像看起来如图所示。 13.按住Ctrl键点击图层面板上的Layer 1层,载入选区。重设前景色与背景色,点选Layer 2图层,执行Edit/Stroke对其进行描边,宽度为4 pixels,位置为Inside,Blend Mode 为Normal,Opacity为50%。 14.反选选区,Ctrl+X剪切。执行Select/Reselect,反选选区,Ctrl+C拷贝,选择背景层,Ctrl+V粘贴,在背景层上自动生成了一个新层Layer 3。点击Edit/Transform/Flip Vertical垂直翻转该层。把该图层移到Layer 2图层的下方。点击Edit/Free Transform对其进行变形。如图所示。 15.点击Filter/Distort/Ripple,Amount值为-50,Size为Medium。把Layer 3图层的透明度改为48%。拖动图层垂直向下移动一些距离,然后再利用Transform变形将图像调整为如图所示。 16.选择Layer 3图层,并双击它调出Layer Style面板并分别勾选Drop Shadow(Blend Mode颜色为R:140,G:109,B:2),Inner Shadow(Blend Mode颜色为R:252,G:175,B:26),Out Glow(Blend Mode颜色为R:251,G:216,B:132),Inner Glow(Blend Mode颜色为R:252,G:252,B:11)。参数见图: 17.选择Creem Copy图层,并双击它调出Layer Style面板并分别勾选Drop Shadow(Blend Mode颜色为黑色),Inner Shadow(Blend Mode颜色为R:252,G:175,B:26),Belvel and Emboss (Highlight Mode颜色为白色,Shadow mode颜色为R:253,G:183,B:14)。Stroke(Gradien选择Orange, Yellow,Orange渐变)参数见图: 18,最后效果如图:

妙用PhotoShop图层样式做漂亮文字
一、打开准备好的填充图,菜单:编辑----定义图案(弹出的对话框点确定) 填充图就可以关掉不用了 二、新建一个画布,填充黑色(当然你也可以自定颜色),打上喜欢的字(最好用较粗的字体) 三、在文字工具的属性栏中打开---变形文字,设置参考如图所示: 四、双击文字图层,弹出图层样式对话框,选择图案叠加 在图案下拉菜单中找到刚才保存的填充图,设置参考如图所示: 五、设置好自已需要的前景色和背景色,继续为文字层做图层样式---描边 在渐变下拉菜单中选择第一种(从前景到背景色) 六、描边中的其它设置参考如图所示: (鼓励大家多尝试自已调节数值 ) 七、继续为文字层做图层样式---斜面与浮雕和等高线 设置参考如图所示: 八、最后再为文字层加上外发光效果,设置参考如图所示: 颜色自已看着调好了 完成: