推荐阅读

Illustrator绘制糖果镂空效果艺术字教程
Radim Malinic 向我们分享:怎样不通过3D软件和插件来给您的大标题一个“群嘲”光环——吸引所有人瞩目。作为一个设计师或插画师,我常常喜欢寻找一些非同寻常的技法来为自己的作品增色。最近,在一次伦敦西部的发掘中,我找到了一种17世纪建筑上独特的元素,来用于艺术霓虹广告,我将这元素运用到了自己最新的作品中。在本教程中,我将融合古老的设计元素设计出一个新的另类的形式感,也许类似于一个未来饼干罐头的设计,比如,贴合一些科幻小说的风格做插画设计。在这些过程中,我将告诉您怎样通过一个简单的元素绘制出复杂的矢量图案,怎样将简单的宋体字变成标题并给予全新的视觉。而所有的这些都将使用PS和AI中的基础工具来制作。在PS中我们将使用混合样式工具和颜色调和层,而AI中我们将通过路径位移选项和自定义描边来制作。一旦你掌握这些技术,你将能在作品中展现出更加“嘲讽”的效果。1.打开AI,我们将一个帅气的标题设计置入A4画布。我选择了Serif Gothic Std(字体)来制作我的主标题,但是你也能使用任何非等线字体。绘制并且叠加一些植物状的图形,并且设置浅色的描边,将它放在标题背后。 2.使用Round Cap 和 Round Joints的描边样式来给文字6px的描边。这会用黑色来加粗原本的文字。复制和粘贴文字到一个新的图层,然后选择轮廓化描边(对象>路径>轮廓化描边)。下一步,选择扩展的路径,将所有的线条转换成对象,并且再路径查找器面板选择组合路径按钮。

字体设计的基本知识(大全)
字体设计要注意以下几点: 字形要正确 不同汉字或拉丁字母的构成,笔划都是法定的,只要有一点半划不符,就成别字,轻则字 义不同,重则不成其字,无人认得,这就完全失去了文字本身的作用。因此字形要做到确切无误,既不能任意增加笔划,也不能任意减少或改变。 风格要统一 不管拉丁字母或汉字,字体笔划都必须统一。如写汉字,不宜三笔隶体,二笔仿宋,写拉丁字母也不宜播楷、小楷、花楷杂组一字,印刷体与手写体也不能在一字中混合运用。 字体表情要适应文字内容的精神 每一种字体,都有它自身的表情。如黑体有醒目严肃的感觉,老宋、楷书有端庄刚直的的表情;仿宋、行书有清秀自由的意趣;而篆书则有华贵古朴的风貌又如拉丁字母的花楷颇相当于汉字的左篆,具有华贵古朴之感;印刷体则相当于老宋楷书,一具有端庄明确的感觉。 手写体则相当于仿宋、行、草,有轻松活泼的体态。因此选择某种字体为设计美术字之基调时,应该按文字内容的精神而定。这样才能表里一致,发挥出文字感染力的最大功能。至于 变化形式,可不拘一格,诣凡笔划之长短、肥瘦、曲直,”作者均可自由规范,只要根据文字 固有结构变化就行,甚至还可进一步按透视法、立体投影、空心变化等受法,加强其装饰意 义,使之美化。书法表现的文字与设计要了解汉字的设计,首先应对各种书写体作系统的了解,这样才能融汇贯通,灵活应用。中国的书体,通常所说的有“正草隶篆”四体,但由于工具特殊,各代书家作书运笔神妙,出现许多不同的变化字体,成为多种特殊的艺术造型。 中国字体从纯粹的绘画演变为线条符号而言,大致可分为下列六体: 古文 上古时代的象形文字,包括商朝的甲骨文和三代的金文两种。 篆书 有西周后期的大篆和秦时的小篆二体。篆书,具有古代象形文字的古朴感,其图形的抽象趣味在近代的篆刻上常被艺术化了。在现代的应用美术中,尤其是国内设计界多把篆书应用于贺年卡、请帖、徽章图案等设计。 隶书 源于秦代,取大篆与小篆的笔法,加以减省整理而成。隶书不仅变秦以前字体的曲线为直线,变划为点,变圆为方,且渐脱离形进于意符,隶书的特点是:一、每个字有一处(横划与右捺)带有波势的装饰笔。二、横划以右斜落笔书写。在广告设计里,凡公司。行号或展示会的全名设计(合成文字)常用隶书,可表现传统的权威感。

CorelDRAW X3 全新体验:整形工具
之前我们介绍了CorelDRAW X3安装和全新界面,今天我们看看整形工具。CorelDRAW X3的整形工具相对以前版本做了改进,我们可以更轻松高效地调节曲线。 一、新的节点控制手柄 新设计的控制手柄能帮你选择并自如的调整节点,另外还可以更容易的移动曲线段。如图。 二、更丰富的节点选择方式 节点的选择分为“Rectauglar”,“Freehand ”和“Select all nodes”三种方式,可以选择部分或全部节点。如图。 “Rectauglar”相当于PS中的矩形选区,就是拖动出一个矩形区域,区域内的节点全部被选中。 “Freehand ”类似于套索工具,用自由手绘的方式拖出一个不规则形状区域,此区域内的节点全部被选中。如下图。 “Select all nodes” 就是全选。 具体的操作方法其实很简单: 1. 切换到整形工具。

AutoCad在位编辑参照
对于附着在图形中的外部参照和插入的块,AutoCAD将其统一为参照,来提供在位编辑(In-place Edit)功能,用于对参照中的对象进行修改,并可以将修改结果保存回原来的图形。这样就避免了在不同图形之间来回切换,对于少量的修改工作来说更富有效率。 调用该命令的方式为: 工具栏:“Refedit(参照编辑)”→ 菜单:【Modify(修改)】→【In-place Xref and Block Edit(在位编辑外部参照和块)】→【Edit Reference(编辑参照)】 命令行:refedit 调用该命令后,系统将提示用户选择参照对象: Select reference: 选择后系统弹出“”对话框,如图13-5所示。 在对话框中显示了指定参照的名称(Reference name)、预览(Preview)图像和路径(Path)。如果选择的对象是一个或多个嵌套参照的一部分,则嵌套参照也将显示在对话框中。 (1) “Enable unique layer and symbol names(启用唯一图层和符号名)”:该选项用于控制参照中提取的对象的图层和符号名称是唯一的还是可修改的。如果选中此选项,则图层和符号名被改变(在名称前添加“$n$”前缀,可参见绑定外部参照)。如果不选择此项,则图层和符号名与参照图形中的一致。
最新发布

Dreamweaver:从网页模版切图到网页生成全攻略
鉴于很多朋友问到如何切图这个问题,又鉴于这个问题可大可小,一两句话是绝对讲不清楚的,所以今天有空闲在家里就举一个简单的例子来说明这个问题吧!OK,让我们开始: step1:在Photoshop中打开设计稿,如下图 选择工具板上的slice切片工具,先大刀阔斧的切上一番!技巧: 大面积的色块单独切成一块,尽可能的保持在水平线上的整齐(这个问题你们在后面的制作页面中深有感触)切好的图如下所示: step2:在PhotoShop中选择file-save for web...来输出,这里要注意一些参数的选择: 我们来看看红线所标识的1,2,3部分,将1所示的切片工具选中,然后点选2所示的图片,在3所示的地方选择色值,如果色彩单一可以选择尽量小的色值位;(为什么要这样??)答案:这样会大大减小文件的大小,同时又能比较好的保持图片的色彩;设置好后点OK输出文件,这里的文件包括了一个htm和images文件夹,如图: 这里候你的页面才算完成了一半,接下来在Dreamweaver里建立站点: step3:定义站点: 在图示左边的site name中为站点起一个名字,如example 然后在下面的local root folder中选择我们刚才导出的站点所以的文件夹;站点建好后在site map中我们看到:

Dreamweaver:图片应用技巧
加快图片下载速度 如果网页中有过多的图片,就会影响浏览的速度。 Dreamweaver 可以轻松设置预载图片,加快图片下载速度,让站点以最快的速度出现在用户面前。 创作思想 打开 Dreamweaver MX 2004 软件新建页面,再打开标签面板,在【行为】中选择【预先载入图像】选项,加快图片下载速度。 操作步骤 ( 1 )新建文件,操作如图 36-1 所示。 ( 2 )保存页面并插入图片。为了在插入图片时不提示相对路径,先保存页面为“ 36.htm ”。然后插入要预载的图片,如图 36-2 所示。 图 36-2 插入图片 ( 3 )添加“预先载入图像”功能。使用 Dreamweaver 的行为面板添加“预先载入图像”功能,如图 36-3 所示。 ( 4 )选择要预载的图片,操作如图 36-4 所示。

Dreamweaver MX实例:插入交替图像按钮
Flash中的交替图像按钮一直是网页爱好者喜欢的动画按钮,在 Dreamweaver 中只需要几步简单的操作,就可以制作出这些极具动感的交替图像按钮,而且占用空间少。 效果说明 建立一组相互交替的图像,当鼠标移至目标图像上时,会显示出另外一幅图像,就像会动的按钮,既动感,又时尚,如图 49-1 所示 创作思想 打开 Dreamweaver MX 2004 软件,执行【插入】 【图像对象】 【鼠标经过图像】命令,或者单击工具栏中 下拉菜单里的【鼠标经过图像】命令,按要求进行设置,最后保存文件完成制作。 操作步骤 ( 1 )打开 Dreamweaver MX 2004 软件新建文件。 ( 2 )可以用两种方式制作出交替图像按钮,如图 49-2 所示。 ( 3 )打开【插入鼠标经过图像】对话框,按图 49-3 所示进行设置,选择图像文件。

细品Dreamweaver MX内建FW技术
Macromedia官方将在其他软件中内建Fireworks技术称为Fireworks技术,网上也称之为内建图片编辑器。Dreamweaver MX 2004给人的一个感觉就是与Macromedia公司其它产品的全面无缝集成,这样就大大缩短了开发人员的开发周期,提高工作效率。 以前的Dreamweaver中是没有图片处理功能的,即使你要处理也只能使用Css中的相关滤镜进行一些效果的改变,而大多数特效的制作我们则必须使用Fireworks或者Photoshop工具。现在好了,新版的Dreamweaver MX 2004中集成了一些简单的图片处理工具,使Dreamweaver不仅具有本身应该拥有的功能,还能够对图片进行简单的处理,是不是很方便、下面让我们来了解这个工具的详细特性与使用方法。 在Dreamweaver MX 2004环境中先选择一幅图片,在下边的属性对话框中就会出现内建图片编辑器(图1)。

使用Dreamweaver轻松实现交替图像按钮制作
只需要几步简单的操作,就可以制作出这些极具动感的交替图像按钮,而且占用空间少。 效果说明:建立一组相互交替的图像,当鼠标移至目标图像上时,会显示出另外一幅图像,就像会动的按钮,既动感,又时尚。 创作思想:打开 Dreamweaver MX 2004 软件,执行【插入】 【图像对象】 【鼠标经过图像】命令,或者单击工具栏中 下拉菜单里的【鼠标经过图像】命令,按要求进行设置,最后保存文件完成制作。 操作步骤 ( 1 )打开 Dreamweaver MX 2004 软件新建HTML文件。 ( 2 )单击插入菜单,选择图象对象,鼠标经过图象,如图1所示。 ( 3 )打开【插入鼠标经过图像】对话框,按图2所示进行设置,选择图像文件。 提示:注意图象文件的位置,最好和该网页文件在同一目录下。 ( 4 )按快捷键 Ctrl+S 保存文件。本实例操作完毕。交换按钮如果结合按钮特效,效果将会更好

Dreamweaver中层的应用技巧
问题:当两个层中都是图片时可以实现,但如果有FLASH是就不行了,就是说图片永远会被FLASH遮住.怎么办? 关于 Dreamweaver 中的层 层是被分配了绝对位置的 HTML 页面元素 - 具体地说,是 div 标签或任何其他标签。层可以包含文本、图像或其他任何可在 HTML 文档正文中放入的内容。 注意 本章中所说的层属于 Dreamweaver 的布局概念,而不是 layer 标签。 理解层的概念 通过 Dreamweaver,您可以使用层来设计页面的布局。您可以将层前后放置,隐藏某些层而显示其他层,以及在屏幕上移动层。您可以在一个层中放置背景图像,然后在该层的前面放置第二个层,它包含带有透明背景的文本。 利用层可以非常灵活地放置内容。但是,使用旧版本的 Web 浏览器的站点访问者查看层时可能会遇到麻烦。若要确保所有人都能够查看您的 Web 页,可以使用层设计页面布局,然后将层转换为表。有关更多信息,请参见将层转换为表格。但是,如果您所面对的访问者很可能使用某种最新的浏览器,则可以完全用层来设计布局,而无需将层转换为表格。 关于层的 HTML 代码

用Dreamweaver MX 2004与SQL数据库相连
一、在SQL Server 2000中建立数据库 1.在SQL Server 2000中创建数据库 (1)打开SQL Server 2000的企业管理器,在数据库选项上单击右键,点击新建数据库。 (2)在新建数据库属性中设置数据库名称为sjk。 2.在SQL Server 2000中创建用户 (1)打开SQL Server 2000的企业管理器并打开安全性文件夹。 (2)在登录选项上单击右键打开新建登录属性,设置用户名为zl,身份验证选择SQL Server身份验证,然后输入密码,在下面的默认设置中设置用户默认数据库为sjk(第一步新建的数据库)。 (3)选择“服务器角色”选项卡,将其中的所需要的服务器角色选中,如果为了方便可以全选。 (4)选择“服务器访问”选项卡,选择用户可以访问的数据库,只要点击所要访问数据库前的方框,系统会在方框内打上对钩。然后在下面的数据库角色中选择用户在访问该数据库时所拥有的权限,建议将所有的权限都选上。

Dreamweaver快速制作细边线表格
在Dreamweaver中插入一个表格,若设置其“边框(Border)”为1,预览时其边框线较粗。对于不熟悉HTML语言的网页制作者,如何快速制作出细边线的表格呢?下面,我给大家介绍一个小技巧--巧用背景颜色和间距制作细边线表格。 以制作一个4行3列、边框线为红色细线的表格为例: Step 1 在Dreamweaver的设计视图中插入一个4行3列的表格。 Step 2 在“属性”面板中设置此表格的属性如下:边距(CellPad)根据需要自行设置值(例如10);间距(CellSpace)为1;边框(Border)为0;背景颜色(Bg Color)为红色。 Step 3 选中此表格的所有单元格,在“属性”面板中设置所有单元格的属性如下:背景颜色(Bg)为白色或红色以外的其他颜色。 最后,保存网页,按F12预览。怎么样,一个4行3列的红色细线表格是不是呈现在你面前? 另外,如果我们照常想用表格来布局定位,但只要外边框线显示为细线,而内部单元格的分隔线不显示的效果,则可以配合使用嵌套表格。下面以表格外边框线为红色细线为例来说明操作方法: Step 1 在Dreamweaver的设计视图插入一个1行1列的表格。 Step 2 在“属性”面板设置此表格的属性如下:“边距”根据需要自行设置(例如5);“间距”为1;“边框”为0;“背景颜色”为红色。 Step 3 选中此表格唯一的单元格,在“属性”面板设置此单元格的“背景颜色”为白色或红色以外的其他颜色。

Dreamweaver查找替换的技巧
在开发建设网站的过程中,也许我们会遇到这样的情况,当我们的网站已经进行了相当一部分,却发现还需要对某些细节进行修改。这时候不可能完全依靠手工去更改了,怎么办呢?利用Dreamwaver中的查找替换能够帮助实现这些修改。 Dreamwaver的查找替换功能十分强大,在它的查找替换对话框中甚至可以用精确的“查询语言”来控制查找过程。我们在Dreamwaver中调出“查找对话框”的快捷键是“Ctrl+H”,各个输入框的作用是:最上面的“Find”项用来指出查找的范围,有3个选项,第一项是在当前文件内查找,第二项指在当前的Site中查找,第三项是在指定文件夹中查找,如果我们选中了此项就要点击右面的文件夹状按钮指定文件夹;下面的“Find”项用来选择查找的类型,如果选“Text”是指查找类型为文本(非HTML代码),其他几项依次为在HTML代码中查找、高级文本查找、包含Tag的查找;右边的输入框中要输入待查找的内容;下面的“Replace”指要替换为什么内容。 让我们举一个例子来说明如何使用查找功能。假设我们想把正文文本中的“dreamwaver”替换为“Dreamwaver”,如果只用“Text”查找,就会把< title>中的“dreamwaver”也替换掉,我们不希望这样。所以我们采用了“高级Text查找”,将查找条件(“+”、“-”按钮右的内容)设为“Inside Tag”和“Font”,意思是查找在Font标签内的文字“dreamwaver”,然后将其替换为“Dreamwaver”。需要说明的一点是查找级别选项必须选为“Match Case”,也就是必须完全匹配查找条件,否则文字中的大小写区别将被忽略。 设置好后,点击“Replace All”,查找替换过程就开始了,替换完毕后所有被替换的地方会显示在替换信息列表中,文件前的小绿点表示替换成功。 那怎样实现包含Tag的查找替换呢?假设我们网站中所有的图片都设置了“alt”属性(只有背景图和个别补角的图不设置此属性),但由于做网页时没有注意设置图片的“Border”属性值为“0”,个别图片在浏览时出现边框而影响了浏览效果,所以要把所有的已设“alt”值的图片的“Border”值设为“0”,而在图片很多的情况下我们是不可能一一去改的,这时如果利用Dreamwaver包含有Tag的查找替换功能,就能很简单地解决问题。 我们先选定文件夹,然后设包含在img标签内的,具有“alt”属性并且符合“alt=any value”作为查找条件,再把“Action”设为“Set Attribute”、“ Border”、“0”,这个设置的意义是对符合条件的图片其“Border”属性统一设为“0”,点击“Replace All”按钮。很快,查找替换就完成了,图片属性就会被准确无误地修改。 需要提醒的是进行查找替换时,被操作的文件不要处于被编辑的状态,否则有可能会出现替换出错的问题。

Dreamweaver的行为体验
Dreamweaver(以下简称DW)提供了一种称为“Behavior”(行为)的机制,帮助你构建页面中的交互行为。行为,就是在网页中进行一系列动作,通过这些动作实现用户与页面的交互。利用DW的行为,你不需要书写一行代码,就可以实现丰富的动态页面效果,达到用户与页面的交互。 一个行为是由事件和动作组成的。事件是动作被触发的结果,而动作是用于完成特殊任务的预先编好的javascript代码,诸如打开一个浏览器窗口,播放声音等。 当对一个页面元素使用行为时,你可以指定动作和所触发的事件。在DW中已经提供了一些确定的动作,你可以把它们应用在页面元素中。 一、内置的一些基本行为 1.调用JavaScript(Call JavaScript) 这个行为允许你设置当某些事件被触发时,调用相应的JavaScript脚本,以实现相应的动作。在这个行为设置时,你可以直接输入JavaScript脚本或者函数。 2.改变属性(Change Property) 这个行为允许你动态地改变对象属性,比如图像的大小、层的背景色等等。需要注意的是,这个行为的设置取决于浏览器的支持。 3.检查浏览器(Check Brower)