推荐阅读
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的支持上依然垫底,以下是成绩公布:
最新发布
AutoCad页面设置
页面设置就是随布局一起保存的打印设置。指定布局的页面设置时,可以保存并命名某个布局的页面设置,然后将命名的页面设置应用到其他布局中。 在绘图任务中首次选择布局选项卡时,将显示单一视口,并以带有边界的表来标示当前配置的打印机的纸张大小和图纸的可打印区域。AutoCAD显示“页面设置”对话框,从中可以指定布局和打印设备的设置。指定的布局设置将随布局一起保存。 用户也可调用页面设置命令来访问“Page Setup(页面设置)”对话框,调用方式为: 工具栏:“Layouts(布局)”→ 菜单:【File(文件)】→【Page Setup…(页面设置)】 快捷菜单:在布局选项卡上单击右键,选择“Page Setup…(页面设置)”项 命令行:pagesetup 调用该命令后,系统弹出“Page Setup(页面设置)”对话框,如图17-3所示。 在该对话框中各项设置如下: (1) “Layout name(布局名)”编辑框:显示并修改当前布局的名称。
AutoCad布局的创建与管理
17.3.1 使用向导创建新布局 布局向导用于引导用户来创建一个新的布局,每个向导页面都将提示用户为正在创建的新布局指定不同的版面和打印设置。调用 布局向导命令的方式为: 菜单:【Tools(工具)】→【Wizards(向导)】→【Create Layout…(创建布局)】 命令行:layoutwizard 调用该命令后,AutoCAD将显示“Create Layout(创建向导)”对话框,如图17-6所示。 下面依次对各个步骤进行介绍: (1) “Begin(开始)”:指定新建布局的名称。 (2) “Printer(打印机)”:选择已匹配的打印机。 (3) “Paper Size(图纸尺寸)”:选择图纸尺寸、图纸单位。
AutoCad浮动视口
在第3章中已经了解了如何在模型空间中创建平铺视口。同样,在图纸空间中也可以创建视口,称为浮动视口。与平铺视口不同,浮动视口可以重叠,或进行编辑。 在构造布局时,可以将视口视为模型空间中的视图对象,对它进行移动和调整大小。浮动视口可以相互重叠或者分离。因为浮动视口是AutoCAD对象,所以在图纸空间中排放布局时不能编辑模型。要编辑模型必须切换到模型空间。 将布局中的视口设为当前后,就可以在浮动视口中处理模型空间对象。在模型空间中的所有修改都将反映到所有图纸空间视口中。 使用浮动视口的好处之一是:可以在每个视口中选择性地冻结图层。冻结图层后,就可以查看每个浮动视口中的不同几何对象。通过在视口中平移和缩放,还可以指定显示不同的视图。 17.4.1 在布局中创建浮动视口 在布局中,用户可调用“vports”命令弹出“Viewports(视口)”对话框来创建一个或多个矩形浮动视口,如同在模型空间中创建平铺视口一样。创建过程请参见第3章3.2.4节。 此外,在图纸空间中还可创建各种非矩形视口。用户可采用如下两种方式进行创建: 1. 创建多边形视口 工具栏:“Viewports(视图)”→ 菜单:【View(视图)】→【Viewports(视口)】→【Polygonal Viewport(多边形视口)】
AutoCad图形打印简介
使用AutoCAD创建图形之后,通常要打印到图纸上,或者生成一份电子图纸。打印的图形可以包含图形的单一视图,或者更为复杂的视图排列。根据不同的需要,可以打印一个或多个视口,或设置选项以决定打印的内容和图像在图纸上的布置。 布局在图纸的可打印区域显示图形视图,模拟在纸面上绘图的情形。布局选项卡中显示实际打印的内容,还存储页面设置,包括打印设备、打印样式表、打印区域、旋转、打印偏移、图纸大小和缩放比例等。 所有的对象和图层都具有打印样式。使用打印样式能够改变图形中对象的打印效果。打印样式是一系列颜色、抖动、灰度、笔指定、淡显、线型、线宽、端点样式、连接样式和填充样式的替代设置。
AutoCad图形打印命令
用户可以在模型空间中或任一布局调用打印命令来打印图形,该命令的调用方式为: 工具栏:“Standard(标准)”→ 菜单:【File(文件)】→【Plot…(打印)】 快捷菜单:在模型或布局选项卡上单击右键弹出快捷菜单,并选择“Plot…(打印)”项。 命令行:plot(或别名print) 调用该命令后,系统将弹出“Plot(打印)”对话框,如图17-12所示。 该对话框的内容与“Page Setup(页面设置)”对话框类似,分别介绍如下: (1) “Plot Device(打印设备)”选项卡:其中“Plotter Configuration”和“Plot style table”栏与“Page Setup(页面设置)”对话框中相同,其他各项的作用为: ①“Plot Stamp(打印标记)”:选择该项后,可在图形中指定的位置打印标记。用户可单击Settings...按钮,弹出“Plot Stamp(打印标记)”对话框,用于指定用于打印标记的信息(包括图名、日期和时间、打印比例等,也可自定义其他信息)和位置等。 ②“What to plot(打印内容)”:指定打印内容和打印份数。其中打印内容为以下三种情况之一:
AutoCAD基本图形设置
当使用AutoCAD创建一个图形文件时,通常需要先进行图形的一些基本的设置,诸如绘图单位、角度、区域等。AutoCAD 2002为用户提供了三种设置方式: (1) 使用样板(Template) (2) 使用缺省设置(Start from Scratch) (3) 使用向导(Wizard) 下面通过实例来分别介绍这三种设置方式的使用。 3.1.1 使用样板(Template)创建图形文件 在上一章的实例中已经了解了使用样板创建文件的过程。下面介绍样板的概念与作用。样板文件(Template Files)是一种包含有特定图形设置的图形文件(扩展名为“DWT”),通常在样板文件中的设置包括: (1) 单位类型和精度 (2) 图形界限 (3) 捕捉、栅格和正交设置
AutoCAD草图设置(Drafting Settings)
AutoCAD为用户提供了多种绘图的辅助工具,如栅格、捕捉、正交、极轴追踪和对象捕捉等,这些辅助工具类似于手工绘图时使用的方格纸、三角板,可以更容易、更准确地创建和修改图形对象。用户可通过 “Drafting Settings(草图设置)”对话框,对这些辅助工具进行设置,以便能更加灵活、方便地使用这些工具来绘图。 3.2.1 实例2 使用捕捉和栅格(Snap and Grid) Step 1 打开图形文件 在AutoCAD 2002打开在实例1创建的图形文件“exam3-1.dwg”; Step 2 设置捕捉和栅格 (1) 选择菜单【Tools(工具)】→【Drafting Settings…(草图设置)】,弹出“Drafting Settings(草图设置)”对话框,并选择“Snap and Grid(捕捉和栅格)”选项卡,如图3-12所示。 (2) 分别选中“Snap On(启用捕捉)”和“Grid On(启用栅格)”开关,打开捕捉和栅格模式,并按图3-12所示内容进行设置,然后按 键确认。 (3) 现在屏幕上出现了一个点的阵列,也就是栅格(Grid);当用户移动光标时会发现,光标只能停在其附近的栅格点上,而且可以精确地选择这些栅格点,但却无法选择栅格点以外的地方,这个功能称为捕捉(Snap)。如图3-13所示。现在就利用这两个功能来快速准确的绘图。在以下的绘制过程中,用户无需在命令行中输入点坐标,而可以直接利用鼠标准确地捕捉到目标点。 Step 3 绘制轴承支座侧视图
AutoCAD图形的显示控制01
对于一个较为复杂的图形来说,在观察整幅图形时往往无法对其局部细节进行查看和操作,而当在屏幕上显示一个细部时又看不到其他部分,为解决这类问题,AutoCAD提供了ZOOM(缩放)、PAN(平移)、VIEW(视图)、AERIAL VIEW(鸟瞰视图)和VIEWPORTS(视口)命令等一系列图形显示控制命令,可以用来任意的放大、缩小或移动屏幕上的图形显示,或者同时从不同的角度、不同的部位来显示图形。AutoCAD还提供了REDRAW(重画)和REGEN(重新生成)命令来刷新屏幕、重新生成图形。 注意 这里所提到了诸如放大、缩小或移动的操作,仅仅是对图形在屏幕上的显示进行控制,图形本身并没有任何改变。 3.3.1 实例3 查看图形 Step 1 打开图形文件“DB_SAMP.DWG” (1) 运行AutoCAD 2002系统,打开AutoCAD所提供了示例文件“DB_SAMP.DWG”,该文件保存在AutoCAD主文件夹的“Sample”子文件夹中,结果如图3-21所示。 Step 2 使用“zoom”和“pan”命令查看图形 (1) 该图为某建筑平面图。为了查看该图的细部,首先使用“Zoom Realtime(实时缩放)”来进行控制。选择“Standard(标准)”工具栏上的 图标按钮,这时光标变为 形状。如果用户按住鼠标左键垂直向上移动,则随着鼠标移动距离的增加,图形不断地自动放大;反之,如果用户按住鼠标左键垂直向下移动,则随着鼠标移动距离的增加,图形不断地自动缩小。现在将图形放大到可以在屏幕上看清房间号为止,如图3-22所示。 (2) 为了在同样的显示比例下查看图形的其他部分,则可以使用“Pan(平移)”工具。先按Enter或Esc键终止实时缩放命令,然后选择“Standard(标准)”工具栏上的 图标按钮,这时光标变为 形状,然后可以按住鼠标左键在屏幕上向任意方向拖动,则屏幕上的图形也随之移动,从而可以使用户查看任意部分的图形。如图3-23所示。 (3) 下面利用“Zoom”命令来重新显示整幅图形。先按Enter或Esc键终止平移命令,然后在命令行输入: Step 3 使用“Aerial View”查看图形
AutoCAD图形设置命令
3.4.1 MVSETUP命令 该命令用于设置图形规格,调用方式为: 命令行:mvsetup 调用该命令后,AutoCAD提示用户是否启用图纸空间: Enable paper space? [No/Yes] <Y>: n 关于该命令在图纸空间中的使用详见第17章。在本节中选择“No”选项,系统进一步提示用户指定单位类型、比例因子、图纸宽度和高度: Enter units type [Scientific/Decimal/Engineering/Architectural/Metric]: Enter the scale factor: Enter the paper width: Enter the paper height:
AutoCAD绘制多边形和圆弧
实例1 绘制六角螺母零件图 Step 1 创建新图形文件 启动AutoCAD 2002系统,以“acad.dwt”为模板建立新的图形文件。 Step 2 图形绘制 (1) 绘制两条直线(Line),端点坐标分别为(-12.5,0)、(12.5,0)和点(0,-12.5)、(0,12.5)。 (2) 绘制两个圆(Circle),均以点(0,0)为中心,半径分别为4、10。 (3) 现在来绘制一个正六边形。选择”Draw(绘图)”工具栏中 图标,并根据提示在命令行中输入: (4) 再绘制一个圆弧。选择“Draw(绘图)”工具栏中 图标,并根据提示在命令行中输入: Step 3 图形设置和保存 (1) 将两条直线的颜色设为“Yellow(黄色)”,线型设为“CENTER”,圆弧的颜色设为“Red(红色)”,其他图形对象颜色设为“Cyan(青色)”,线宽设为“0.3mm”。
