推荐阅读

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$”前缀,可参见绑定外部参照)。如果不选择此项,则图层和符号名与参照图形中的一致。
最新发布

ImageReady CS新功能掠影(1)
[前言] Adobe ImageReady刚诞生时是作为一个独立的动画编辑软件发布的,直到Photoshop升级到5.5版本的时候,Adobe公司才将升级到2.0版本的ImageReady捆绑在一起,搭配销售,弥补Photoshop在动画编辑以及网页制作方面的不足。ImageReady具备Photoshop中常用的图像编辑功能,同时ImageReady更提供了包含了大量网页和动画的设计制作工具,功能强大也非常实用。 Photoshop7.0发布的时候,ImageReady一下子就同步升级到了7.0,今年Adobe 今年Adobe CS套件发布,ImageReady也就一同升级成为崭新的ImageReady CS。 点击ImageReady CS漂亮的羽毛图标,我们一起来看看新的ImageReady CS都带给大家什么样的惊喜。 一、新的工具栏 ImageReady CS的工具栏有一些变化,许多工具也进行了重新合并分组,我们将它和ImageReady 7.0的工具栏做一个细致的比较,并着重介绍新增的“矩形工具”和“药丸矩形工具”…… 二、新增LayerComps面板 和Photoshop CS一样,ImageReady CS增加了LayerComps面板,可以在一个文件中保存不同的层组合效果,以便对各种效果进行快速察看…… 三、新增Web Content面板 经笔者使用发现这与ImageReady7.0中的Rollovers面板功能相近,只不过它将常用的一些面板进行组合,使用此面板能够快速浏览所有的行为切片(Slices),动画帧(Animations)、Map热区(Image Maps),有一个方便的操作面板并能通浏览器方便的看到其运行结果。而且可以快速嵌套行为切片、添加行为片段等等,最重要的是可以在一个文档中建立多种切片方式,在新建动画帧时同时新建层…… 四、丰富的Slice面板 在Slice面板中又添加了许多内容,用户对热区的属性指定变得更加方便…… 五、新增的Table面板 ImageReady CS新增了Table面板,用来调整嵌套行为切片属性…… 六、新建预设

ImageReady CS新功能掠影(2)
可以在一个文件中保存不同层使用了不同模式的效果的合并效果,以便对各种效果进行快速察看。 首先我们打开几幅图像,将其它几幅图拖动到要选做效果的图像中,给各图层改名后,开始对图像模式以及样式进行第一次改变,改变后在菜单“Windows”下选择“Layer Comps”选项,单击“新建多个图层合并效果”按钮。 这时会弹出“New Layer Comp”窗口,在此输入其名称并对所要应用的层状态进行选择,这里有三种选择: Visibility――可见度 Position――位置 Appearance――外观,也就是图层样式 最下方还有对于其效果的注释。 单击OK按钮后,这个图层样式合并效果就自动保存在刚新建的Layer Comp层中了,这时我们再单击Last Document State图层前的按钮,回到这一层,开始调整第二次要保存的模式样式类型,调整完后再再新建Layer Comp层,单击新建按钮后,效果又会被保存。当要查看合并效果时,只要单击“Layer Comp”面板前各层的小方块即可进行查看。三、新增Web Content面板 经笔者使用发现这与ImageReady7.0中的Rollovers面板功能相近,只不过它将常用的一些面板进行组合,使用此面板能够快速浏览所有的行为切片(Slices),动画帧(Animations)、Map热区(Image Maps),有一个方便的操作面板并能通浏览器方便的看到其运行结果。而且可以快速嵌套行为切片、添加行为片段等等,最重要的是可以在一个文档中建立多种切片方式,在新建动画帧时同时新建层。

ImageReady CS新功能掠影(3)
Table面板是用来调整嵌套行为切片属性的面板。 六、新建文件尺寸预设 ImageReady CS在新建文件时提供了常用的一般网页所用的尺寸以及一些广告大小预设,比起ImageReady7.0更细致贴心。 七、输出Flash动画 从来没有想过ImageReady 也能够将动画输出成.swf格式吧!现在网上流行Flash动画为主的.swf格式,不但体积小而且方便,所以在ImageReady CS里也特意为大家准备了能够以.swf格式输入的功能。只要选择主菜单中选中“File”下“Export”中的,就会弹出输出.swf格式的设置框。 在这个对话框中设置其背景颜色、格式以及画面质量等信息。 单击OK后就会弹出一个选择输出路径的对话框,选择要输出.swf文件的目录文件夹,单击“保存”,这时再去看看吧,在这个文件夹里是不是多了一个.swf文件呢?

ImageReady CS新功能掠影(8)
在这个对话框中设置其背景颜色、格式以及画面质量等信息。 单击OK后就会弹出一个选择输出路径的对话框,选择要输出.swf文件的目录文件夹,单击“保存”,这时再去看看吧,在这个文件夹里是不是多了一个.swf文件呢?

ImageReady2.0全面接触(2)
第三个工具是rubber stamp tool橡皮图章工具。使用这个工具可以方便的进行图形的复制。使用的时候先按住Alt键,选择复制的目标,然后就可以复制图形了。第四个按键包括了三个工具,rectangle tool(矩形工具)、rounded rectangle tool(圆角矩形工具)、ellipse tool(椭圆形工具)。通过它们可以方便的画出矩形、圆角矩形、椭圆形着弥补了Photoshop的绘图工具缺少的缺点。配合Styles浮动面板可以画出漂亮的按键。技巧:按住Shift键可以画出正方形或圆形。第五个按键也包含了两个工具,分别是eraser tool(橡皮擦工具)、magic eraser tool(魔术橡皮擦工具)。橡皮擦工具就不用多介绍了,它的主要作用就是擦除图像。魔术橡皮擦工具它的作用就是擦除相似的颜色(有点像魔术棒工具)。和魔术棒工具一样我们可以通过操作浮动面板调整容差。第六个按键也包含了两个工具,分别是pencil tool(铅笔工具)和line tool(直线工具)。用铅笔工具和Photoshop的铅笔工具的使用方法一样,这里就不多讲了。直线工具可以让我们画出直线。技巧:按住Shift可以用铅笔工具画出直线或者用直线工具画出水平线或竖直线。

ImageReady2.0全面接触(3)
Optimize(优化)浮动面板,是ImageReady2.0中的一个比较重要的浮动面板在这个浮动面板中主要是对图像的优化进行参数调节。在Settings(设置)里面由预设的参数值。如果你对它预设的参数不满意可以对下面具体的参数进行自定义的调节。如图形的格式;GIF格式时的颜色数,图像损失的程度,图像抖动程度等等;JPG格式的压缩比,品质好坏,柔化的程度等等。这些设置非常的繁多专业,可以让你在图像质量和文件大小之间做出精确的平衡。调整好以后你还可以将你的设置通过浮动面板右边箭头里的菜单保存下来,下一次使用就可直接从Settings(设置)调出来使用。而且ImageReady在做图像优化的时候还可以在图像窗口中进行不同设置的比较,在每一幅例图下面都有这种优化设置图像的大小,在网上传输图像要花的时间。甚至我们在优化的时候还可以以图像尺寸优先的方式强制规定图像的尺寸。 技巧 :我们在优化图像的时候,如果图像的颜色较少较单纯就可以采用GIF格式这样图像的大小可以大大的小于jpg格式的图像,而且像质量优于JPG格式。 相反如果图像的色彩比较的丰富就可以采用JPG格式。Info(信息)浮动面板和Photoshop的浮动面板类似。上面显示了各种操作色彩的信息。如RGB的数值、色彩的web表示、鼠标的位置等等信息。Options(操作)浮动面板主要作用是调节工具箱里的工具的参数,在前面我们已经接触过了。由于每一样工具的参数各不一样,这里就不过多的讲述了。在Layer(层)浮动面板中我们不但可以像Photoshop那样方便的对图像进行分层,不透明参数调节,对各层进行复杂的处理,而且在ImageReady2.0中还加入了使用层对GIF动画进行控制。此外ImageReady2.0还对Photoshop的层浮动面板进行了一定的改进,增加了层滤镜按键通过它就不必在一层层的菜单里去选? 要的层滤镜了当我们的操作出现失误的时候就可以在History(历史)浮动面板钟对失误的操作进行纠正。具体的操作方法和Photoshop一样,只要选择到错误操作的前一次操作就可以挽回操作的失误了。

ImageReady2.0全面接触(4)
技巧 :当你从色彩区中选择颜色的时候可能出现web色彩警告,这时只要点击旁边的小方块就可以自动转化为颜色最接近的web颜色。虽然色彩浮动面板的色彩丰富,但是选色不是很方便,对于常用的颜色就可以从Swatches(调色板)浮动面板里直接选取。使用浮动面板下面的添加命令可以将常用的颜色添加进去。我们在做设计的时候往往要文字,在Type(文字)浮动面板中我们可以设置文字的不同的参数。如常见的字体、字体大小、字间距、行间距、左对其、居中、右对齐、抗锯齿等,还可以设置基线位置。技巧 :当我们需要输入平方等类型的的文字的时候可以通过改变基线位置得到。Brushes(画笔)浮动面板和Photoshop的类似,通过它可以改变喷笔或毛笔工具笔头的形状。同样用浮动面板右边箭头里的菜单中的载入画笔命令可以载入Photoshop中的一些特殊的笔形。

ImageReady2.0全面接触(5)
在这里我们可以设置色彩选择器(Color Picker)的方案(Adobe的还是system系统的)、插值算法(Interpolation)的形式(Smooth光滑还是Jagged锯齿)、以及自动抗锯齿(Anti-alia PosrScript)、保存调色板(Save Palette Loctions)、用英文显示字体(Show Font Names in English)、完成后提示(Notify when Done)、显示工具箱提示(Show Tooltips)、禁止警告(Disable Warnings)、自动增加数据(Ato-Update Files)、撤销次数(Undo Levels)。如果我们要进入下一项设置,只需按下Next按键或者在对话框上部的下拉菜单中选择即可。 下一项设置为Saving Files(保存文件)。在这里我们主要设置分割后的小块图像的文件名保存形式以及兼容的操作系统。还包括了优化图像的设置。

ImageReady2.0全面接触(6)
第三个选项为HTML设置。在这一项设置中可以让我们设置HTML的格式和编码参数,以适应不同的系统要求。第四项为Opimization(优化设置)。我们使用ImageReady的时候有四个或两个(4up和2up)优化的窗口,这个设置就是设置这四个或两个优化窗口的优化形式。比如你可以设置第一个窗口为原始图像,第二个窗口为优化为Jpg格式的图像,第三个窗口为优化为128色的Gif图像,第四个为优化为64色的的Gif图像。 第五项为Cursors(光标)设置。在这个设置中可以让我们设置光标的形状。它包括了两类光标的设置――painting Cursors(笔光标)和Other Cursors(其它光标)。通过笔光标设置我们可以设置喷笔、毛笔等工具的光标形状(Standard标准\Precise精确\Brush Size笔尺寸)。在其它光标中我们可以设置吸色工具等的光标形状(Standard标准\Precise精确)。技巧:在我们需要一些精确的操作的时候可以选择精确光标,这样光标就变成十字形状方便我们操作的定位。第六项是Transparency(透明)设置。这个对话框中主要设置图像透明的显示方式。我们知道通常透明显示为灰白相间的棋格状图形。这个对话框中可以设置这个图形的颜色(比如变为红白相间)、棋格状的大小、对比度等等。最后一项是设置Plug-ins & Scratch Disks(插件和虚拟磁盘)。在这里可以设特别的ImageReady的插件位置(默认的是在...\Adobe\Photoshop 5.5\Plug-Ins\Adobe ImageReady Only),以及虚拟磁盘的位置。技巧:如果想要Photoshop5.5和ImageReady共用插件只需要将插件安装到...\Adobe\Photoshop 5.5\Plug-Ins\提示:如果没有特别的需要最好使用ImageReady的默认设置,以免引起不必要的麻烦。 随着Internet的发展许多公司都推出了网上对软件进行升级的服务。ImageReady也不例外,文件菜单中 dobe Online...就提供了这个服务。选择这个命令弹出一个对话框。按下Update(升级)按键即可自动升级ImageReady。如果你的公司使用的代理服务器可以通过Preferences(参数)进行设置。 Recent Files(最近的文件)中可以快速的选择最近编辑(打开)过的文件。技巧:如果你编辑过的文件不知道存到哪儿去了,可以在这儿找一找,或许会有收获。 EXIT(退出)关闭ImageReady。 第二个菜单Edit (编辑),在这个菜单中包含了15个命令。 Undo(撤销)、Redo(重做)这两个命令和绝大多数的软件的作用是一样的,可以撤销命令和重做命令。Undo/Redo(撤销/重做)命令可以在这两个命令之间切换。技巧:使用撤销/重做能够让我们反复比较命令执行前和命令执行后的图像效果的变化。此外记住这几个命令的快捷键也是很有用的。 Cut(剪切)、Copy(拷贝)、Paste(粘贴)、Clear(清除)命令和大多数软件的命令作用一样这里就不多讲了。Copy Merged(拷贝合并)这个命令比较特殊。我们知道ImageReady里允许对图像进行分层编辑,当我们用选取工具选取图像的后再选择拷贝,这时在粘贴板上的是当前编辑层上选取区域的数据。而如果选择拷贝合并命令着可以把这个选取区域的所有层的数据拷贝来。 Copy HTML Code(拷贝HTML编码)子才单中包含了三个命令――Copy All Slices(拷贝所有切割)、Copy Selected Slices(拷贝选取的切割)、Copy Preloads(拷贝载入)。第一个命令可以将所有的分割图片的HTML代码拷贝到粘贴板上;第二个命令是将选中的图像块的HTML代码拷贝到粘贴板上;第三个命令是拷贝页面中的JavaScript到粘贴板上。这样就可以让你在记事本或者其它编辑其中编辑HTML代码。 Copy foreground color as HTML(拷贝前景色作为HTML),这个命令可以前景色转化为HTML代码。技巧:如果你遇到一种颜色知道它的HTML代码,那么就可以用吸色工具将它吸取为前景色,然后使用拷贝前景色作为HTML命令,粘贴到记事本里就可以看到这种颜色的HTML代码了。 Fill...(填充)命令可以让我们选择填充的颜色、透明度等参数。当我们选择填充命令就会弹出一个对话框。在use下拉菜单中选择填充的形式――前景色、背景色、图案、黑色、50%的灰和白色。Opacity(不透明度)调整透明参数。Mode(模式)里选择填充的模式,一共21中模式。 Strock(外线)命令可以在沿着选区画线。比如用矩形选取工具选取一个区域,然后选择这个命令就会形成一个矩形的方框。选择这个命令以后同样有一个对话框出现。在Width(宽度)中可以设置线的宽度。Loctation(位置)中可以设置线沿着选区的位置――内部、中心、外部。Use(使用)下拉菜单中可以设置使用的颜色――前景色、背景色、图案、黑色、50%的灰和白色。Opacity(不透明度)中可以设置透明度。Mode(模式)中仍然有21种模式让你选择。 技巧:通过这个命令我们就可以方便的在ImageReady中画出,矩形、圆形等几何形状,就不必为了这些简单的几何图形去动用Illustrator这些大家伙了。 Free Transform(自由变形)命令可以让图像按你的意愿自由变形。选择自由变形命令以后图形或选区周围就出现了八个控制点。通过对这些控制点的操作就能轻易的对图像进行拉伸、旋转等变形操作。 Transform(变形)子菜单包含了12个命令――Again(再次)、Scale(缩放)、Rotate(旋转)、Skew(歪斜)、Distort(变形)、Perspective(透视)、Numeric...(数字)、Rotate 180(旋转180度) Rotate90 CW(随时针旋转90度)、Rotate90 CCW(逆时针旋转90度)、Flip Horizontal(水平反转)、Flip Vertical(竖直反转)。这些命令和自由变形命令一样选择后图形或选区周围也会出现了八个控制点,通过对这些控制点的操作达到变形的目的。如果你对变形要求非常的精确就可以选择Numeric...(数字)命令,在对话框种精确调整参数。包括Postion(位置)、Scale(缩放)、Skew(歪斜)、Rotate(旋转)的参数调整。

ImageReady2.0全面接触(7)
先让我们看看Adjust(调整)子菜单,它包含了九个菜单命令,通过这些命令我们可以方便的调整色阶、色调、亮度、对比度等等的调整。Levels...(色阶)命令可以方便的调整图像的色阶。选择色阶命令以后就会弹出一个对话框,在这个对话框中我们可以象Photoshop一样方便的调整图像的色阶。在Channel(通道)中可以方便的选择单独的通道进行色阶的调整。下面是色阶调整图,调整方法和Photoshop一样。同样可以将设置好的色阶保存。如果你是初学者对于这些复杂的调节头痛,就按下Auto(自动)按键就可以自动的位你调整色阶,当然这就不能保证调整的满意度了。Auto Levels(自动色阶)命令可以帮助初学者自动快速的调整色阶。这个命令对大多数图像的色阶调整可以得到比较好的效果。如果你对自动调整的色接不满意就只有用前面讲的色阶命令手动调整了。技巧: 在用手动调整之前可以先试试自动调整色阶,如果不满意再进行手动调整。这样往往可以提高处理图像的效率。Brightness/Contast...(亮度/对比度)命令可以在对话框中调整图像的亮度和对比度。你既可以通过滑动杆调节,也可以通过数值调整,非常的方便。