推荐阅读

网页设计创新式布局与交互设计心得
设想并构建出区别于常见网站布局的创新式设计是一件很难的事情,但是一旦把这件事做好,就可以设计出那些最富有趣味又令人着迷的网站。你几乎每天都可以见到这些网站,每次看到他们,你都会感慨到:“多希望我当初能够想到这个点子。”设计师们正在完成一项了不起的工作,设计出一系列精美的网页元素并将其组合在一起,这些网页不但具备可用性,同时又富有新鲜感和原创味道。奇特的造型、颜色的组合搭配和新颖的导航工具可以设计出那些最富有趣味又令人着迷的网站。这些网站也同样难以设想和构建。但是你永远不知道什么可能会引领一场新的趋势,带来大量的点击或者以一种你无法想象的方式“工作“。对于设计师和开发人员而言,在网页设计中最需要记住的是无论外观多么富有吸引力,一定要保证可用性及效率。在设计过程中结合创造性的思考,仔细分析关键因素,这样每天都会产生新奇而吸引人的好点子。跳出框架思考

Photoshop抠出通明风格立体冰块的PS抠图教程
最终效果1、在photoshop中打开需要处理的冰块图片。2、转到图层面板,按Ctrl + J 把背景图层复制一层,按Ctrl + Shift + U 去色,得到图层1,如下图。3、在工具箱选择“钢笔工具”,用路径选项。沿着冰块的底部边缘把冰块下面的投影勾出,效果如下图所示的封闭路径。4、转到路径面板,按Ctrl键点击路径面板中的工作路径得到选区。

Photoshop 7.0图层混合模式探索(五)
“叠加”模式把图像的“基色”颜色与“混合色”颜色相混合产生一种中间色。“基色”内颜色比“混合色”颜色暗的颜色使“混合色”颜色倍增,比“混合色”颜色亮的颜色将使“混合色”颜色被遮盖,而图像内的高亮部分和阴影部分保持不变,因此对黑色或白色像素着色时“叠加”模式不起作用。如图20所示。图20 “叠加”模式以一种非艺术逻辑的方式把放置或应用到一个层上的颜色同背景色进行混合,然而,却能得到有趣的效果。背景图像中的纯黑色或纯白色区域无法在“叠加”模式下显示层上的“叠加”着色或图像区域。背景区域上落在黑色和白色之间的亮度值同“叠加”材料的颜色混合在一起,产生最终的合成颜色。为了使背景图像看上去好像是同设计或文本一起拍摄的。 如在图21所示中的条格及图22所示中的网格和五角星都是利用了“叠加”模式溶解到背景中的,大家可以下载PSD文件自己参考一下。其中的条格、网格及五角星的具体的制作步骤我想就不必介绍了。图21 .psd源文件下载图22 .psd源文件下载 12. 柔光(Soft Light)模式 “柔光”模式会产生一种柔光照射的效果。如果“混合色”颜色比“基色颜色的像素更亮一些,那么“结果色”将更亮;如果“混合色”颜色比“基色”颜色的像素更暗一些,那么“结果色”颜色将更暗,使图像的亮度反差增大。如图23所示。图23 例如,如果在背景图像上涂了50%黑色,这是一个从黑色到白色的梯度,那着色时梯度的较暗区域变得更暗,而较亮区域呈现出更亮的色调。 其实使颜色变亮或变暗,具体取决于“混合色”。此效果与发散的聚光灯照在图像上相似。 如果“混合色”比 50% 灰色亮,则图像变亮,就像被减淡了一样。如果“混合色”比 50% 灰色暗,则图像变暗,就象被加深了一样。用纯黑色或纯白色绘画会产生明显较暗或较亮的区域,但不会产生纯黑色或纯白色。 13. 强光(Hard Light)模式 “强光”模式将产生一种强光照射的效果。如果“混合色”颜色“基色”颜色的像素更亮一些,那么“结果色”颜色将更亮;如果“混合色”颜色比“基色”颜色的像素更暗一些,那么“结果色”将更暗。除了根据背景中的颜色而使背景色是多重的或屏蔽的之外,这种模式实质上同“柔光”模式是一样的。它的效果要比“柔光”模式更强烈一些,同“叠加”一样,这种模式也可以在背景对象的表面模拟图案或文本,如图24所示。图24

用CorelDraw制作转动的立体齿轮
这个灵感来源于我的机械书课本,作为一本专业的机械书,用啮合的齿轮作为封面的设计元素似乎很有代表性。当然除了做机械书封面的主角,你大可把它放进你前卫的设计作品中去充当配角,或者干脆直接用它来做主题。 现在我们要制作的是两个啮合转动的齿轮,并且有意识的从几个空间方向上观察这种转动效果的一个动画,动画部份我会用Corel R.A.V.E.(CorelDraw10中新增的组件)实现。 首先我们先来制作两个啮合的齿轮,以下是详细操作步骤。 1. 打开CorelDraw10,新建一个文件。首先在绘图区画一个长方形,并设置其各个角的圆角为45度。双击这个矩形,将它的旋转中心移至最下边的中心,暂为这个矩形取名为A。 2. 通过敲击小I盘上的“+”号复制这个矩形,将复制得到的矩形B移到一旁,点选“交互式调合工具”按扭: 将A、B进行调合,调合步数为10。将调合方向的角度参数设为360: 这样我们会得到一个很夸张的效果,如图 两个箭头用来指明A、B矩形的位置)。为了改变这种“奇形”,首先按Esc键取消全部选择,然后辅以Shift键将A、B两矩形选中,顺序按C键、E键,从而将A、B矩形水平垂直中心对齐。取得的效果如图 3. 按Ctrl+A选中所有对象,然后按组合键Alt+A,再按B键,将所有调合对象分离。选中A、B矩形任意一个将它删除。选中剩下所有对象,按Ctrl+G组合键将它们群组。
最新发布

CorelDRAW与Photoshop的文字变形艺术逐个看
(以下简称CD)和Photoshop(以下简称PS)在文字变形上的功夫可谓各有高招,PS的“文字变形”命令,快捷方便,能满足绝大多数用户的需求。而CD的“封套”工具自CD 6.0以来就一直保留至今,成为用户使用频率较高的之一。还是老规矩,通过实例来看看谁才是王者。 实战之“文字变形”Photoshop中的“文字变形”1. 新建一个PS文件,并在工作区中输入“中国电脑教育报”。2. 在工作区中右击鼠标,选取“文字变形”命令。3. 在弹出的“变形文字”对话框中选择所需样式,如图1所示。图1 选择一种变形字体样式

倚天不出-谁与争锋 CorelDRAW特色滤镜秀
图像处理领域,毋庸置疑Photoshop(以下简称PS)乃当世王者,论综合实力无出其右者。不过其滤镜在对位图的处理方面,笔者却认为亦敢称雄。PS自带的经典滤镜,CorelDRAW几乎全揽,甚至连许多PS外挂滤镜才拥有的功能,CorelDRAW亦手到擒来。下面咱们就来一起领略一下CorelDRAW的特色滤镜Show。 启动CorelDRAW(以下简称CD,笔者以10.0版本为例),新建一个文件并选择“文件”菜单下的“导入”命令,导入一张位图图片并选中它。提示:本文的操作本应直接启动CD套件中的Corel PHOTO-PAINT进行,考虑到读者朋友可能未安装此套件,故直接在CD中进行。图1 调整“卷页”属性★卷页效果卷页效果在PS中需通过外挂滤镜KPT等才能完成。选中刚刚导入的位图图片,点选菜单命令“位图→三维效果→卷页”,弹出“卷页”属性设置对话框(注:点击该对话框左下方的眼睛图标,可预览效果),如图1所示,读者可自行调试选择。设置完成后按下确定,源图与效果对比图如图2所示。图2 卷页效果图★令人叫绝的“素描盘”与PS的素描相比,CD的此项滤镜可调节性更大,细节更精致。点选菜单命令“位图→艺术笔触→素描盘”,弹出如图3所示的控制面板,建议将样式选为“精细”。设置完成后按下确定,效果如图4所示。

Coreldraw初始设置要项
Coreldraw初始设置中有很多选项,多了解一些选项的设置内容和方法对大家的设计学习和工作会有不少帮助。 编辑选项设置: 下面是重要的文字选项设置。很多人都说CD不方便做中文排版,或老是问把“,”“。”排到行首很难看怎么办,可以好好注意下面的介绍。 默认的,当你选到一个文本框后,打开文本格式对话框的情况:

打造属于自己的字体
一、字体基本知识 平时我们常见的字体格式主要有以下几种: 1.光栅字体(.FON) 这种字体是针对特定的显示分辨率以不同大小存储的位图,用于Windows系统中屏幕上的菜单、按钮等处文字的显示。它并不是以矢量描述的,放大以后会出现锯齿,只适合屏幕描述。不过它的显示速度非常快,所以作为系统字体而在Windows中使用。 2.矢量字体(.FON) 虽然扩展名和光栅字体一样,但是这种字体却是由基于矢量的数学模型定义的,是Windows系统字体的一类,一些windows应用程序会在较大尺寸的屏幕显示中自动使用矢量字体来代替光栅字体的显示。 3.PostScript字体(.PFM) 这种字体基于另一种矢量语言(Adobe PostScript)的描述,常用于PostScript中,不过Windows并不直接支持这类字体,要在Windows使用这类字体需要安装"Adobe Type Manger"(ATM)软件来进行协调。 4.TrueType字体(.TTF) 这是我们日常操作中接触得最多的一种类型的字体,其最大的特点就是它是由一种数学模式来进行定义的基于轮廓技术的字体,这使得它们比基于矢量的字体更容易处理,保证了屏幕与打印输出的一致性。同时,这类字体和矢量字体一样可以随意缩放、旋转而不必担心会出现锯齿。我们下面要制作的字体就属于这一类型。 一个完整的TTF字体有基本拉丁文(字母A-Z大小写、常用符号)、扩展拉丁文(音标、注音符号)、图形符号、控制符号以及很多部分组成,不过我们可以制作只包含基本拉丁文区的字体。我们这里要用到两个软件:CorelDraw、Font Creator Program。下面我们就开始字体的制作。

用CD色彩样式批量调色
我们注意到,图中的火车为红色,背景为蓝色。下面我们就试着用CorelDraw中的色彩样式将整列火车改成橙色,将背景改为绿色。 下面我们就来看看CorelDraw中奇妙的色彩样式吧! 2.选中全部图片(最好在执行调色操作之前先将图片群组),选择“颜色样式”坞泊窗上方的“自动创建颜色样式”按钮 ,弹出“自动创建颜色样式”设置框。如果不想将外框颜色也作为替换对象,则取消“使用轮廓色”前面的勾。当“自动将相似的颜色链接起来”被选中后,创建的色彩样式中的相似颜色会自动从属到一个“父颜色”下而成为其“子颜色”,方便了全局色彩的调整。不过使用该选项的话,物件的颜色的会有些许变化。当“自动将相似的颜色链接起来”有效时,还可以对“父颜色”的数量进行设置。“较多的父颜色”生成的的色彩样式失真比较小,但是调色就比较麻烦一些;“很少父颜色”生成的的颜色失真比较大,但是对于调色比较方便。 在这里我们讲一讲什么是“父颜色”和“子颜色”。比如有几种颜色,其中有“大红”、“朱红”、“墨绿”、“藏青”、“天蓝”、“翠绿”等,那么“红色”就是“大红”、“朱红”的父颜色,“大红”、“朱红”就是子颜色。同样,“绿色”为父颜色,那么“翠绿”、“墨绿”就是子颜色了;“蓝色”为父颜色,“藏青”、“天蓝”为子颜色。如果我们选择“很少父颜色”的情况下,上述的颜色就会被分为“红”、“青”两种了,“墨绿”、“藏青”、“天蓝”、“翠绿”四种颜色都会被划入到“青”这一个父颜色中去了。当然,上面说的只是很简单的情况,实际使用中软件对于父颜色的决定远比这复杂得多,不过原理是一样的。

Coreldraw翩跹蝴蝶梦
美丽翩跹的蝴蝶因美丽的外形和绚丽的色彩常常成为美工制作的选题。今天我们就用Coreldraw制作一只蝴蝶,伴你度过盛夏,让她的艳丽带走你酷热中的烦忧。 本例制作中,主要使用了CORELDRAW的调和、封套和渐变填色等基本工具,各位可以看到小工具也能做出很好的效果。 下面我们按翅膀,躯体,头,眼和触角的顺序来制作。 首先,使用鼠标右键点击工作面,在随之弹出的选项窗口中选择“对齐格线”。接下来,使用矩形工具绘制一个1/2”高,2”宽的长方形(图中标为红色,位于图1上部)。使用椭圆工具绘制一个直径为1/4”的圆(在绘制中,各位需按住CTRL键,以便绘出一个正圆)。复制7个圆形,并如图中所示排列成一行(可使用对齐工具使之保持均匀排列的状态)。 选取圆形和小长方形,在“排列”下拉菜单中选择“合并对象”功能,该过程将清除圆形的下边及长方形的上边,构成一个完整的图形,复制该图并将其置于原图之下2.5”处。效果见(图1)。 使用填充工具的线性填色方式为上部的合并图形着色,选用颜色数值为a和b。接下来,使用图中的c,d两色为下面的图形应用线性渐变色。选取工具条中的“调和”工具,然后点选下面的波浪状图形,并向上图拖动鼠标,使之产生渐变的调和效果。在属性栏中将调和层级设为9,效果见(图2)。 选取调和后的图形,及调和工具,并在随之引出的“彩色调和效果”下拉菜单中选取“彩虹”方式。

CorelDRAW:制作石英表
1. 打开 11,新建一个文件。单击工具箱中的椭圆编辑工具,按住Ctrl键不放在工作区中绘制出一个正圆形,并给它填充黑色。在圆上点击鼠标右键,在弹出的菜单中,选择复制命令,复制出两个圆,先放在一边(如图1)。 图1 先画3个圆 2. 选取原来的圆形,然后按住Shift键不放,向外等比例放大到合适的位置,并给这个圆填充上黄色。选择一个我们刚复制出来的一个圆,将它拖动到大圆内,位置关系(如图2)。 图2 大小圆的位置关系 3. 选取上面的圆形,然后单击菜单栏中的“排列→造型”,选择“修剪”命令,系统将弹出修剪窗口,不选中任何复选项,然后单击“修剪”按钮,用鼠标单击外边的大圆,就会将小圆修剪掉(如图3)。 图3 减掉小圆位置关系 4. 选择修剪后的对象,按住工具箱中的填充工具按钮不放,从弹出的隐藏按钮中选择渐变填充工具,在类型右侧的下拉列表中选择“圆锥”,在颜色调和栏中选择“自定义”,下面我们就要设置颜色,在渐变颜色栏中添加五个颜色点,并设置每个颜色点的填充参数为:RGB(255,255,255)、RGB(227,29,29)、RGB(255,255,255)、RGB(227,29,29)、RGB(255,255,255)、RGB(227,29,29),其它参数设置(如图4所示)。 图4 添加5个颜色点 5. 接下来,将另一个复制出来的小圆形拖放到大圆被修剪的那个空白部分,并使其重合。选择这个圆,打开渐变填充工具,对它执行渐变操作。在类型下拉列表中选择“射线”,颜色调和栏中选择“自定义”,在渐变颜色栏中添加两个颜色点,设置其参数值为:RGB(137,120,230)、RGB(255,255,255)、RGB(140,164,230)、RGB(140,119,235),其它参数如图5所示。

用Coreldraw制作节日贺卡(2)
如上文所述的同样方法,继续使用“位图编辑”工具。但这次当彩球出现在CorelPaint中时,各位需点选工具列上位于“笔刷”栏中的“图象喷涂”工具,如(图3)。此时,“图像喷涂”工具将出现在你的属性栏中。点击位于属性栏尾部的“图像喷涂”设置图标并选取“保存选项为图形列表(Save Options as image lists)”的设置。对于其它选项,诸如:“保存为方向性图形列表”,因在本次习作中不涉及,则不做选择。到这里,我们还应该设立一个新文件夹来保存喷涂图形和圣诞彩球,否则,在具体喷涂使用时会造成麻烦。说到这,我要讲讲上述工作的意图,其实就是为“喷涂工具”制作“弹药”,来制造我们想要的效果,从而达到装饰圣诞树的目的。(到这里我们完成了一个喷涂文件的制作) 制作了“武器”,我们就要实际的应用一下。重新打开“圣诞树”文件,并点击激活它。与此同时被一红框围绕的该图像将出现在“物件管理泊坞窗”中。选取工具列中的“图像喷涂”工具,然后点击其属性条左侧的黄色文件夹图标见(图4)。

用Coreldraw制作节日贺卡(1)
当今通讯科技发展迅速,电话、E-MAIL的往来问候虽然更加迅速但却无法替代信笺间流露的亲情和爱意。如果能自己制作一张小小的贺卡,虽然只言片语,但传递的是对远方亲友感同身受的思念,这不是几个冷冰冰的字符可以替代的。下面就让我们用Coreldraw设计制作并打印出一张贺卡,在寒冷的冬日为我们的亲友带去我们炙热的爱。 既然是冬季的节日贺卡,我想主题不外乎圣诞、新年、春节、情人节之类。以圣诞为例,其传统内容构成不外乎圣诞树及一些附属装饰物,诸如:彩球,彩灯等等。我们接下来的工作就从这些方面入手绘制贺卡的装饰画。 首先,让我们打开Coreldraw附带的图片库光盘(通常有几张或更多,它们均分门别类地为用户提供各式各样的图片,以应付各位创作中的需求。另外,该图库中提供的图片均已做好抠像处理,可直接在图象编辑中使用),在其中找出我们制作圣诞贺卡所需要的图片资料。通常这并不是什么难事(该图片库都具备相应的搜索引擎),我们可以从中选出如(图1)所示的一株松柏――就是我们通常在圣诞节期间看到的那种。由于该制作需要各种各样的附件,为了方便以后的工作,减少搜索浏览的时间,我们可以新建一个文件夹存储该制作项目所需的图片或文件。这样做的好处是:可以避免因各种不同文件混杂而导致寻找特定文件的麻烦。其实这样做既不费事,也不会占用各位宝贵的空间,做完之后大可一删了之。 接下来,我们将选好并略微调整尺寸的松树导入Coreldraw。选取工作面中的松树,然后在“位图”下拉菜单中选择“编辑位图”功能。这样一来该图将出现在随之引出的Corel―Paint中。在CorelPaint中新建一个页文件并将其页面长宽设为4×5英寸(该过程可在页面设置对话窗中完成)。在“窗口”下拉菜单中勾选“对象管理”和“笔刷设置”泊坞窗,打开相应的属性窗口以备后面使用。将“松树”复制并粘贴到新文件中,然后以圣诞树(ChristmasTree)为名保存该文件。为很好地投入后续工作,可先将其置于工作条中待用。 下面我们来处理圣诞树上的装饰物――彩球。其实下面的工作并不是简单的图像编辑,而是直接将他们变成了工具。从我们特定的文件夹中找出如(图2)所示的多个彩球图片,并分别缩小其尺寸至1英寸见方,然后,逐个将它们导入Coreldraw中。

用CorelDRAW制作自己的贺卡(4)
电脑键盘上的按键用“交互式调和工具”完成:先建立两个基本图形,分别作为调和的开始对象和结束对象,然后选择工具栏中的“交互式调和工具”,在其中一个图形上,按住鼠标左键并拖动到另一个对象,完成后,调整调和的数目即可,如图10所示。 图10 用贝塞尔工具、自然笔工具绘制一张如图11所示的卡片,并加入到屏幕之中,以表达“在电脑屏幕上敲上问候,深深祝福她”的创意。图11 同样,我们再绘制一个雪人、圣诞树和一个大礼包,如图12所示。图12