推荐阅读
问与答 用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制作大气的立体字海报
建立背景。新建合适大小的画布,置入背景素材。对素材调色,把它尽量压暗,提高对比度。 添加一个亮度对比度的调整图层,将整体亮度压低,新建一层高光层混合模式为线性减淡,一层暗部层混合模式为正片叠底。亮部层中用合适的柔角画笔,调整好流量和透明度,吸取一个亮黄色在收光面上画出淡淡的高光,适当的时候可以用高斯模糊均化一下。暗部层反之,打造阴影区域。
Photoshop制作刚冲泡的咖啡泡沫层效果
在动手之前,先观察下要制作的效果有哪些比较需要重点还原的地方,然后在脑海里过一遍操作步骤,会让整个制作流程变简洁很多。 这是原图,个人观察到的重点:咖啡色的底色上面有斑驳的色块,毕竟像咖啡这样的液体很难做到非常纯净,这样的效果在制作时适当夸张也是可以的。 咖啡上的白泡,集中的地方更偏向纯白色,分散的较薄的地方偏向浅土黄色。越集中的地方气泡越紧致密集,越分散的地方气泡越大。集中的地方是一个类似小山的立体图形稍微有点高度,不是完全的平面。也就意味着要给它背光的地方加上适当的阴影。 大气泡朝向光的方向有非常小的反光,底下有投在咖啡表面的投影。 也许是刚被搅拌完,咖啡表面有很浅的螺旋纹,而且咖啡上浮着的油脂还是什么别的东西有环绕延展的趋势。 于是根据这些制作的内容,拟定制作的步骤:先做底色。 做咖啡表面的螺旋纹。(虽然是这么想的,但是我制作时忘了) 再做色块和碎气泡底色。个人想着色块和碎气泡可以一起做,毕竟色块不是那么明显。 然后做较集中的气泡底色。把底色挖空就成了气泡的效果。 最后用滤镜给整体质感进行立体感的处理。先选对底色。(下面的滤镜效果大家根据实际需要调整数值就好。大家做的情况不同,给出指定数值没什么意义。我会把每次使用滤镜的理由都写出来)。色斑和气泡边缘都比较柔和,所以把笔刷硬度调到最低,开启用笔压控制透明度。颜色选取比底色明度稍高、色相偏黄作为较稀疏的气泡。(看观察的第二点)画的方式为中间更集中、透明度更高。边缘分散的地方透明度较低。再这里我参考了一下原图调整了一下底色的颜色。然后再背光的方向给白色的气泡加上浅色的阴影,赋予初步的立体感。边缘用之前一直在用的笔刷换成清除模式擦一下,避免过硬。 在这里挖这些细碎的气泡挖得有点累,于是想了一下有没有方法快速挖空大量密集的气泡。然后想到这么一个方式:用PS自带的渲染云彩制作无序的颜色和明度。然后用杂色搭配阈值给云彩换算成斑点,再用高斯模糊将这些斑点做成柔和的圆斑。然后用通道选取这些斑点制作选区,用选区来挖空气泡图层。(补充一下想这个方法的思路:首先气泡是在气泡底色上挖空出来的,快速挖空多个地方首先想到就是用选区。那问题就是怎么制作星星点点的选区。气泡不可能是一个硬边的小点,所以这些选区还要带半透明,只能使用通道了。那方向就变成怎样生成有大量柔和密集斑点的一张图来从通道提取选。
Photoshop技巧教程:极致边界锐化
数码照片在进行完颜色校正等编辑之后保存文件之前,都要进行锐化处理,这样做主要有2个目的:其一是恢复部分在颜色校正等编辑过程中损失的细致纹理;其二是修复照片的轻微对焦不准现象。锐化处理就是提高照片的清晰度。锐化处理对图像像质是一种不可逆的有损操作,锐化不当或锐化过渡,会使图像边缘过渡生硬、干燥,甚者出现彩色光环和噪点。因此有宁可锐化不足,不可锐化过渡一说。关于锐化的方法,有很多。常用的和基本的锐化是photoshop的USM滤镜,这里要介绍的方法主要依据(美)Scott Kelby在《Photoshop数码照片制作宝典》一书中讲解的几种专业锐化技术,并增加了一些个人的理解和经验,供大家参考。明度锐化和亮度锐化这2种方法操作步骤简单,是很多专业摄影师喜欢和经常使用的方法;而极致边界锐化则可以对图像锐化边界获得更多的控制权,但操作步骤要复杂一些;美女照片的锐化有一定针对性,选择性锐化的方法同样适用于明度锐化、亮度锐化和极致边界锐化等所有的锐化方法,它是在原来锐化的基础之上的提高操作。为了增强大家的直观理解能力,在Canon的官方网站上下载了一张5D的样片,取其局部进行示范操作演示。Canon 5D 官方样片,下载地址:/Article/UploadFiles_art/201002/20100211013521589.jpg本贴使用的局部截图:ok,我们现在一步一步开始操作。第一步:在photoshop(本人用的版本是CS2)中打开需要锐化的图象。复制一个副本。按Ctrl+A全选图象,再按Ctrl+C将图象复制到内存备用。
PhotoShop简单打造时尚视觉效果
我本人喜欢这个色。不过大家可能很多人不喜欢。如果是喜欢这种色的就看看。不喜欢的就当路过了!希望有更多的朋友们分享自己的制作过程与思路。这样才会进步!使用软件:Photoshop原图效果1效果2
PS网页设计中一些像素化细节的技巧
在网页设计中细节的处理十分重要,我个人也经常观摩外国佬的网站,发现优秀的网站设计在细节方面的处理都是照顾十分周全的。今天在这里分享给大家的小技巧很简单,但是却可以很好滴增强整个网站的细节。所以我自我认为这些技巧对提升你的网站设计水平也是有帮助的。并且你会留意到这些技巧都围绕一个词,就是“像素化”,简单地说就是一些1px,2px的小线。好吧,我们开始。1.像素分隔线第一个介绍的是分隔线,请看下图,为 Pixel2Life.com 的导航栏。留意图中红圈圈中的线已经按钮之间的分隔线,这些线看起来有一种凹进去的感觉,形成一种很好的分隔线的感觉。接下来我把这张图放大,我们看看其中原理。我们可以看到这些分隔线,都是有2条相邻的1px直线构成的,并且一条颜色较背景色更深,一条较浅。接下来,看方法:PS.画线过程可以放大画布(Z)以便观察。怎么样,效果比单色的分隔线要好很多吧?接下来再看一些使用这个分隔线技巧的例子:
跨越3D革命!Photoshop CS4三维功能体验
新版本的Photoshop CS4中加入了三维建模的功能,并且可以对模型贴材质、打灯光、渲染、输出动画,本文将对此进行简单介绍。虽然现阶段Photoshop的3d能力并不强大,但是我们可以预想,在以后的版本中将逐步完善。很久很久以前…… Sorry,我不是在讲童话故事。我只是说在Photoshop的很早期版本有一个3D变换滤镜,后来不知为什么被去掉了。现在看来Adobe大概是在韬光养晦,正在策划一场2D跨越3D的革命! 这场革命从CS3就开始了,而如今它已经“占领”了我所有的视觉神经。这里用一个小例子,来体验一下Photoshop CS4的三维能力吧。用户如今不但可以导入MAYA、3dsMAX等生成的3D对象,还可以在Photoshop CS4中直接生成三维形状,比如立方体、球体、苏打罐、葡萄酒瓶等。你可以有两种选择,基于平面图像直接转换为带贴图的三维对象;或像我一样,选择主菜单3D>New Shape From Layer来新建一个三维对象,这里我新建了一个帽子形状。
很经典的PS制作虚线框文字的详细教程
先看看虚线效果 键入一个字母“B”,并设定颜色为黄绿色 执行“图层>文字>创建工作路径”,此时路径调板中出现“工作路径” 在图层调板中新建图层,选择工具箱中的画笔工具,在画布上单击右键,即可弹出画笔的选项框,在选项框里设置画笔的主直径为2px,硬度为100%。在回到路径调板中,将“工作路径”向下拖曳到“用画笔描边路径”的按钮上,我拖了两次
PhotoShop教程:实例详解可选颜色的调色方法
1、从网上任意找一张图片,我们要对其进行一些调色处理,ps里的调色工具非常多,可能有一种非常好的调色工具让你忽视了,在这里我向大家推荐一个“可选颜色”工具,并在实际应用中给大家详细介绍。2、我们要调整一下这位美女的肤色。执行 图层-〉新调整层-〉可选颜色,我们来建立一个可选颜色的调整层
Photoshop照片后期处理的色彩搭配方案剖析
本文介绍一些照片后期处理时候可以用到的一些色彩搭配方案。 一、照片主色为红色 红色色感温暖,性格刚烈而外向,是一种对人刺激性很强的色。红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。 1、在红色中加入少量的黄,会使其热力强盛,趋于躁动、不安。 2、在红色中加入少量的蓝,会使其热性减弱,趋于文雅、柔和。 3、在红色中加入少量的黑,会使其性格变的沉稳,趋于厚重、朴实。 4、在红中加入少量的白,会使其性格变的温柔,趋于含蓄、羞涩、娇嫩。 二、照片主色选用黄色 黄色给人活泼、温暖、阳光的感觉,这种颜色敏感、具有扩张和不安宁的视觉印象。黄色是各种色彩中最为娇气的一种色。只要在纯黄色中混入少量的其它色,其色相感和色性格均会发生较大程度的变化。 1、 在黄色中加入少量的蓝,会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失,趋于一种平和、潮润的感觉。 2、 在黄色中加入少量的红,则具有明显的橙色感觉,其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。 3、 在黄色中加入少量的黑,其色感和色性变化最大,成为一种具有明显橄榄绿的复色印象。其色性也变的成熟、随和。 4、 在黄色中加入少量的白,其色感变的柔和,其性格中的冷漠、高傲被淡化,趋于含蓄,易于接近。 三、 照片的主色选用蓝色 蓝色色感较冷,性格朴实而内向,是一种有助于人头脑冷静的颜色。蓝色的朴实、内向性格,常为那些性格活跃、具有较强扩张力的色彩,提供一个深 远、广埔、平静的空间,成为衬托活跃色彩的友善而谦虚的朋友。蓝色还是一种在淡化后仍然似能保持较强个性的色。如果在蓝色中分别加入少量的红、黄、黑、 橙、白等色,均不会对蓝色的性格构成较明显的影响力。 四、照片的主色调为绿色 绿色是具有黄色和蓝色两种成份的色。在绿色中,将黄色的扩张感和蓝色的收缩感相中庸,将黄色的温暖感与蓝色的寒冷感相抵消。这样使得绿色的性格最为平和、安稳。是一种柔顺、恬静、潢足、优美的色。 1、 在绿色中黄的成份较多时,其性格就趋于活泼、友善,具有幼稚性。 2、 在绿色中加入少量的黑,其性格就趋于庄重、老练、成熟。 3、 在绿色中加入少量的白,其性格就趋于洁净、清爽、鲜嫩。 五、照片的主色调为 紫色 紫色的明度在有彩色的色料中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。 1、 在紫色中红的成份较多时,其知觉具有压抑感、威胁感。 2、 在紫色中加入少量的黑,其感觉就趋于沉闷、伤感、恐怖。 3、 在紫色中加入白,可使紫色沉闷的性格消失,变得优雅、娇气,并充满女性的魅力。 六、照片的主色调为 白色 白色的色感光明,性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性。如果在白色中加入其它任何色,都会影响其纯洁性,使其性格变的含蓄。 1、 在白色中混入少量的红,就成为淡淡的粉色,鲜嫩而充满诱惑。 2、 在白色中混入少量的黄,则成为一种乳黄色,给人一种香腻的印象。 3、 在白色中混入少量的蓝,给人感觉清冷、洁净。 4、 在白色中混入少量的橙,有一种干燥的气氛。 5、 在白色中混入少量的绿,给人一种稚嫩、柔和的感觉。 6、 在白色中混入少量的紫,可诱导人联想到淡淡的芳香。