推荐阅读
PS打造蓝色质感水晶文字效果
这篇教程教飞特的朋友们用PS打造蓝色质感水晶文字效果,教程制作出来的文字效果灰常漂亮,制作难度中等,教程主要体现的是质感的部分吧,希望飞特的朋友们能从这篇教程中有所收获,先来看看最终的效果图吧:效果图:具体的制作步骤如下: 1.打开背景图,开始打字,设置前景色#77a5c2 ,打上你想要的字样,我用的是Alba字体(字体素材下载),然后复制文字图层,得到文字副本层, 把填充改成0% 2.回到文字图层,更改图层样式
理解Web框架,和如何构建一个CSS框架
什么是框架? 为了便于沟通,我们给“框架”统一一个定义(至少在本篇文章中是统一的):一套包含工具、函数库、约定,以及尝试从常用任务中抽象出可以复用的通用模块,目标是使设计师和开发人员把重点放在任务项目所特有的方面,避免重复开发。通常的讲,框架就是上面提到的JavaScript框架和Web应用框架。 需要强调说明的是,我们不必讨论构造、打包发布,相反,一个框架只为你或你的团队使用即可。CSS框架 有些时候,你可能尝到了抽象类似的CSS代码的甜头,在那些同时设计几个类似网站的设计师身上表现最为明显。此外,团队中的设计师们从框架的方法上有很多的获益。比如,我在一家报馆工作,所有的20多个网站保持着很多的共同点,基于新闻网站的特点,它们趋向于更加相似,而不是差异。但是,即使单独一个设计师,设计一个从表面上看有差异很大的项目,也可以为CSS框架抽象出一些通用的小碎片。 劳伦斯日报(Lawrence Journal-World),我在那里工作,我们最近建立了一个CSS框架,并发现它是一个巨大的效率倍增。当然,我们花了数天时间自己创建了一个CSS框架,但一旦框架完工,开发高质量网页的速度是极快的。更何况,既然团队每一个设计师现在都使用这个框架,当一个设计师修改另一个团队成员网页时,他们不再需要花20分钟理解别人的构建思路,可以马上上手。 有那些可以忽略? 当投入到一个整体性很强的CSS框架,你想寻找的东西,是每个项目都做了一遍又一遍的重复通用的代码,目标是巩固这些代码核心地位,遵循“不重复自己(Don’t Repeat Yourself)”编码方法。这使得维护工作容易了许多,还可以帮访问者节省带宽开销。 几乎每个我参与的项目中,我必须声明的几个CSS问题: “大量重置”浏览器默认风格,比如,设置所有元素的margin和padding为0,去掉框架(framesets)和图片(images)的border,等等。 以基线对齐。这包括诸如设定块级元素的margins相同的(或多个)基准行高,如段落(paragraph)、头(header)、以及列表(list)。 创建表单(Form)的基本样式。 创建几个常用的CSS 类,例如,.hide(把display置为none,即隐藏元素)、.mute(设定为一个较小的字体和较亮的颜色)。 还有更有趣的事情,许多网站设计师发现自己不断重复使用着相同的基本结构,为什么不动它整理成自己的,在某种程度上可以非常灵活的用于多个网站?Yahoo这样做了,这就是YUI。当我们为的劳伦斯日报网站(the Journal-World)建立CSS框架的时候,我先看看Yahoo是怎么做的。我们很肯定那不是我们想要的,但作为一个很好的例子,给我们提供了很多思考和如何建构自己框架的想法。我们解决了16个单元格的问题,它具有足够的灵活性使我们的每一个网站都可以应用,即使每个网站看上去与下一个版本有些差异。另外大多数网站共用widgets ,象下拉菜单、导航菜单、按钮等,这些也是主要的需要抽象提取的对象。除此之外,你可能有共同的内容名称,如图片列表的缩略图,你可以规范对CSS命名,如“thumbnail-list”,让所有显示缩略图的都使用这个CSS类。
IE9在对HTML5的支持上依然垫底
HTML5带来新热潮,W3C预计在2012年使其视频、绘图和地理规范稳定下来并达到推荐水平。事实上多个浏览器已经开始全面拥抱HTML5,也包含不思进取的IE。html5test.com是一个在线的基准测试,它类似于Acid3,但主要用来测试浏览器对HTML5的兼容性,讽刺的是,IE9仅仅带来了更快的JS引擎,在对HTML5的支持上依然垫底,以下是成绩公布:
最新发布
CorelDraw中的点阵图转矢量图(2)
一、按轮廓 这是最直接的一种转换方式,只需要设置一下转换的精确度(图4),点击描绘按钮即可。图4 精确度的值越小,转换后的图像轮廓越光滑,反之精确度的值越大,转换后的图像失真情况越小,即改变最小。我们把精确度设定为20,看看得到的这个卡通图像的效果(图5)。图5 原图中一些锐利的轮廓被圆滑了,把精确度设定到100,得到的描绘结果发现原图中的锐利轮廓依然存在(图6)。图6 二、按高级轮廓 使用高级轮廓的转换方式,可设置的参数就很多了,程序也提供了各种预制好的模式,选择它们就可以得到相应的参数(图7).
CorelDRAW实例:齿轮绘制(2)
添加透视效果 为了使效果更好,我们来给齿轮添加透视效果。选中齿轮点菜点效果下的添加透视点。这时齿轮上面出现红色的网络,用鼠标拖动可以添加透时效果。软件自动生成的透视,十分的准确,比手绘要方便许多(如图7)。我们最好复制一份没有添加透视的齿轮备用。 选中齿轮按“+”号键,在原位置复制一个齿轮(按加号在原地复制对象)。按alt键,点击齿轮选中下层的齿轮(按住alt键可以选中被别的对象挡住了的对象)。点击色盘中的黑色,把下层的齿轮改成黑色。把光标移动到选中标记中心的小×上面,光标变成十字箭头,拖动鼠标,把下层齿轮移动一点,使两个齿轮错开一点位置。这样一个简当的有立体感的齿轮就做好了(如图8)。 下面制作另一种风格的齿轮
CorelDraw中的点阵图转矢量图(1)
图1 选中图片点击鼠标右键,在菜单中可以看到“描绘位图”(图2)选项,选中后CorelDraw将跳转到CorelTRACE中去编辑位图。图2 CorelTRACE是CorelDraw带的专业点阵图转换矢量图工具,整个软件的界面功能分布很简单,左边是转换的工具选择,如按轮廓、高级轮廓、中心线、中心线轮廓、素描、马赛克、3D马赛克、木刻一共八种方式转换。选定其中一个方式后在菜单栏上出现相应的工具设置选项,应用设置后在“描绘结果”窗口中可以看到最后的矢量图效果(图3)。 下面我们详细介绍这八种转换方式。
CorelDraw中的点阵图转矢量图(4)
五、素描 素描我们都知道是铅笔绘画的效果,调节素描图需要设置的选项较多。 行间距:是控制铅笔线条效果的,数值越小铅笔的笔画越密,数值越大铅笔的笔画越疏(图19)。图19 行距的数值越小得到的矢量图视觉越清楚,行距数值越大得到的矢量图形线条越少,图形看起来越疏散。我们把行距的数值调整到1和30,看看得到的图像效果对比(图20)。图20 图层是指横画、竖画和不同角度的斜画,生成的矢量图中它们都各自为不同的层。图层和图层角度关系紧密,图层角度是不同层描描绘的方向角度(图21)。图21 阀值也是调节图像线条的疏密程度,阀值越小线条越疏散,阀值越大线条越紧密(图22)。
CorelDRAW实例:齿轮绘制(5)
真实感很强的齿轮 点击多边形工具,按在工具栏上的“星形”按钮,并设“多边形的点数”为20,及设定一个20个角的星形。设定“多边形的锐度”,把它的滚动条拖动到最右边。按“ctrl”键,按住鼠标左键,绘出一个星形(如图12)。 以下过程不再赘述,相信通过上面的简介,大家应当可以轻松制作出下面的效果。我们再用焊接,剪切的方式绘出齿轮的截面(如图13)。 再用立体化工具制作出3D齿轮,最终效果如图14, .cds文件下载。
CorelDRAW实例:齿轮绘制(1)
用箭头工具框选所有直线,点击轮廓工具按钮在弹出菜单中点击“轮廓笔对话框”按钮,或按快捷键F12,弹出“轮廓笔”对话框。在此我们设置一个适当的线宽。在宽度后的单位列表中设定一个单位,比如像素。在前面的列表中直接输入一个数值,确定线宽的像素值。因为,笔者在制作web图形,为了便于观察把单位设成了像素,一般用于平面印刷或喷绘时一般使用的单位是毫米。还可以在此设定线的颜色,不过更多人习惯通过右击色盘来确定线色,这要比在此设定要方便许多。最后确定设好线宽(如图4)。 使星形保持在选中状态下。点击菜单“排列”下的“结合”,或直接按快捷键“ctrl+l”,把这些线条结合为一个对象。齿轮中间有一个孔,下面我们给齿轮中心挖一个孔。使用椭圆工具画一个适当的圆。选中所有图形,按住alt键,再按三次A键(按钮alt键是用来激活菜单,按一次A键展开排列菜单,再按一次A展开对齐与分布菜单,第三次按A键,执行其下的对齐和属性,打开对齐与分布对话框,由于一步步的有鼠标展开菜单比较麻烦,一般常用的命令都使用快捷键,在CD9上面只需按两次A键即可)。打开“对齐与分布”对话框。选中水平中心和竖直中心,点应用按钮,对齐图形(如图5)。
CorelDraw中的点阵图转矢量图(5)
七、3D马赛克 和马赛克的方式差不多,只是3D马赛克立体感很强(图25)。图25 八、木刻 木刻的效果设置选项包括:缩减节点、阀值、角度、宽度和木刻属性。大多数选项前面都介绍过了,木刻属性是选择色板、连接雕刻、锥形终点、反转和对称等等(图26)。图26 使用木刻得到的矢量图效果多种多样(图27)。
CorelDRAW巧绘卡通曼雅形象(3)
嘴巴:选择“椭圆形工具”绘制2个圆,如图5所示摆放,使用“挑选工具”选中2个圆后,点击属性栏内的“相交工具”便可以得到曼雅的嘴巴(如图5)。给嘴巴填充一个红色,按住Shift键将嘴巴成比例地放大,用键盘方向键将嘴巴移动到曼雅头部合适的位置(如图5)。 技巧提示:在使用任何工具的状态下,按空格键可以快速切换到“挑选工具” 舌头:使用“椭圆形工具”绘制一个椭圆,调整好大小比例,移动至嘴巴合适的位置,按住Shift键选中嘴巴,按“交叉工具”得到舌头,将多余的圆删除,为舌头填充一个粉红色。在选中舌头的情况下,点击工具栏内的“外框工具”,选择“无外框”为舌头去框(如图6)。 牙齿:点击“多边形工具”,在属性栏内的“多边形的点数”框内输入3 。回到工作区内绘制三角形,调整大小;填充白色;去边框;按“+”键复制,利用键盘上的方向键,将2颗牙齿移动到合适的位置。 接下来就是绘制阴影了,使用“挑选工具”选中头部,按“+”复制,去框;填充白色;按住Shift键对它进行成比例缩小,再用方向键将白色圆圈移动到如图1的位置。选择“造型工具”,在靠近眉毛处的路径(虚线)通过鼠标右键在路径上点击,选择“新增”来新增3个节点,用“造型工具”把中间的节点向内拖,通过拖拉节点上的控制点来控制路径的弯曲度,腹部的阴影也是如法炮制,先绘制一个椭圆,曲线化,再用“造型工具”通过新增节点和对节点的控制点进行拖拉就可绘出如图1的形状。
Coreldraw初始设置要项(2)
下面是重要的文字选项设置。很多人都说CD不方便做中文排版,或老是问把“,”“。”排到行首很难看怎么办,可以好好注意下面的介绍。 默认的,当你选到一个文本框后,打开文本格式对话框的情况:
