推荐阅读

绘制金属质感噪声分贝检测仪图标的PS教程
本教程主要使用Photoshop绘制金属质感的分贝检测仪图标,重点依然是图层样式的运用,而且会多次用到布尔运算,这是PS课程中特别重要的一个知识点,不熟悉的同学建议来练个手。先看看效果图我们从背景的创建开始,我用的尺寸是1000*800像素。创建一个“渐变填充”调整层,设置如下:画一个600*600像素的圆,设置填充为0,并添加一个斜面和浮雕。设置前景色为#312f35,利用布尔运算,画出下图中的这个圆环。这个不多赘述,不懂的可以百度下。

flash中MP3导入及同步歌词的方法
通过Goldwave软件解决flash导入MP3时提示“一个文件或多个文件无法导入”音乐问题。及使用脚本语言简单、轻松实现歌词和音乐的同步。 了解音乐的几种常见格式: 1、mp3(mpeg-1 audio layer 3): 能够以高音质、低采样率对数字音频文件进行压缩。换句话说,音频文件(主要是大型文件,比如WAV文件)能够在音质丢失很小的情况下(人耳根本无法察觉这种音质损失)把文件压缩到更小的程度。 2. wma(windows media audio):是微软在互联网音频、视频领域的力作。常常用于在线收听和广播的首选,wma格式是以减少数据流量但保持音质的方法来达到更高的压缩率目的,其压缩率一般可以达到1:18。 3. wav 也叫一种波形声音文件格式,是最早的数字音频格式,被Windows 平台及其应用程序广泛支持。采用44.1kHz 的采样频率,16 位量化位数,跟CD 一样,对存储空间需求太大不便于交流和传播。 属性(采样频率): 1、5KHZ:只适合于说话声音 2、11khz:相当于电话音质。是标准CD采样率的1/2,是最低的推荐品质 3、22khz:相当于FM广播的声音品质。相当于标准CD采样率的1/2,是供WEB播放的通用选择 4、44khz:理论上的CD音质界限。标准CD采样率

用3DMax预设动画创作Cult3D作品
前言: 好久没有接触旧爱Cult3D了,今天终于重新装上了3Dmax4.0。高兴之余,禁不住手痒,随便搞些3D练练手。突然想起来论坛上兄弟们经常问到的一个问题:如何使用在3Dmax中预设的动画问题?唉,本来以为其他兄弟可以协助解决,结果现在86VR上还是没人来回答。哎,好事做到底,送佛上西天,趁今个心情好,就做个实例来演示一下,希望对急需的兄弟有所帮助。 准备工作: 需要3Dmax建模 需要安装有Cult3D designer V5.3.0.117制作交互效果,本次演示用了我自己汉化的版本。 操作步骤: 一、3D建模: 说明:兄弟们谅解,我的建模水平实在是超低级,怕瞎搞出来的东西对不起兄弟们的眼睛,所以借用了一个任我虚拟老大给我的瑞士军刀3DS模型。在3ds max 4.0中import导入后,稍加些动画调整后完成建模工作: 完成带有动画的模型制作以后,接下来是作品输出啦,首先指定输出C3D格式的Cult3D designer交互素材输出的位置:接下来,在弹出的Cult3D Exporter对话框中的Nodes节点中Animation动画属性选定Matrix animation矩阵动画就行了。 点击Viewer预览按钮后,我们就可以观察到输出的C3D文件自动增加了动画属性,并动态显示出来。 不过很可惜,仅仅这样还不能达到我们最终的实用浏览目的,所以需要我们在Cult3D designer进一步地最精彩的交互设置,给我们的作品以最美妙的生命力。 二、交互创作: 导入已带有动画属性的C3D文件: 创建一个虚拟组合,以便更好的管理众多的几何零部件: 在事件图中首选拖入一个“世界启动”事件,在“行为”中拖入了“鼠标-Arcball”行为到世界启动图标上,事件图将自动在“世界启动”事件和“鼠标-Arcball”行为联接上一根关系线。 右击鼠标,在弹出的“参数”对话框中选择指定“鼠标-Arcball行为”的指定对象。 右击鼠标,在弹出的“详细资料”中可以从新设置鼠标各键所赋予在浏览时对物体设置的交互功能。 上述操作,完成了瑞士军刀Web3D显示时最基本功能设置。这个操作也是目前大多数Cult3D作品展示时所要求达到的。 三、作品输出: 辛辛苦苦大半天,一不小心回从前。费了半天的牛劲后,就要进行作品的最后工作,输出作品啦,在文件菜单栏中选择“发布为网络文件”命令: 在弹出的“保存设置”对话框中进行必要的设置,这里主要介绍一下作品的优化。 在几何体面板中点击“全选”按钮选定全部几何体,然后在“压缩优化类型”为Mesh Level 2,选定“精确保存”有效,这样我们就可以手工指定几何体和纹理帖图的压缩优化率了,也可以点击已设置给定的“高”、“中”、“低”压缩率按钮进行优化压缩。 最后,点击“保存”按钮,Cult3D就完成CO格式的网络文件发布。 OK!让我们点击打开完成的Cult3D作品,端起一杯咖啡,点上一支雪茄,在心爱的电脑屏幕前静静欣赏了。

摄影器材普及:教你认识画幅与镜头规格
许多玩家刚接触佳能单反时,普遍都会被一堆专有名词搞得一头雾水,以下我们就从感光元件片幅到镜头相关规格开始谈起,希望透过详尽的解说与图示范例,让大家在进阶操作时能有更清晰的基础概念。 什么是APS-C画幅? 早期单反刚起步时,由于感光元件物料高昂,再加上生产效率低,所以即便当时已有全画幅(尺寸与传统底片相同;36×24mm)研发能力,但是碍于成本较高,实在难以付诸量产。有鉴于此,佳能开始研发小画幅的感光元件(即是现在普遍所见的APS-C画幅)来降低成本,虽然其画质及感光能力都不及全画幅来得好,但因符合经济效益且生产效率高,所以截自目前为止仍为市场主流产品。 站在同样的位置上拍照,可以明显看出5D(全画幅)与20D(APS-C画幅)间的视角差异。 APS-C由于画幅较小,所以在拍摄时需乘以1.6×的焦距转换率才能达到和全画幅相同的拍摄视角,以50mm标准镜头为例,装载至EOS 20D机身上(APS- C)的视角为30.5°,但30.5°在传统135相机上却为80mm焦段镜头的拍摄视角,彼此间有着1.6×的焦段落差,这也是为何50mm标准镜头装在APS-C机身上会变成80mm中长焦段镜头的主要原因。 什么是EF及EF-S? 佳能镜头群主要分为EF与EF-S两种类型。EF是佳能电子化后最早发行的自动对焦镜头款式,不仅可适用于传统相机,还能搭载各式画幅的DSLR使用,是佳能目前应用率与普及率最高的镜头类别。至于EF-S(S指Small Image Circle)则是Canon针对APS-C画幅DSLR所研发的特殊镜头,由于其成像圈比一般镜头小,因此能达到缩小镜头体积的目的,但缺点是该系列镜头无法搭载至全幅机种(如EOS 5D MarkⅡ)使用,而这也是唯一美中不足之处。 全画幅与APS-C画幅成像示意图 佳能在镜头及机身上皆采不同符号识别(EF镜头采红点标示、EF-S镜头则采白点标示),所以使用者可以很清楚的辨别如何装卸镜头。 朋友们在了解佳能系统的画幅及镜头规格后,是否也更懂得如何运用手边的器材了呢?
最新发布

使用好的网页制作软件提升网页设计效率
随着电子商务的兴起,电商网站如雨后春笋般群体突起,每个网站都想在众多的平台中脱颖而出,当然了,这毫无疑问是网站建设中最重要的一件事。当网站建设越来越细节化,保持更新的难度似乎也越来越大,因为总有细枝末节我们无法顾及。万维网成长迅速,所有的电商平台都被带动了,贸易越来越“云”化,传统的电脑似乎成为了一朵沉闷乏味的昨日黄花,被手机和平板电脑取而代之,如果你一味的坚持传统,那我只能送你一句话:长江后浪推前浪,前浪迟早要死在沙滩上。今天我们给大家介绍的“免费网站代码制作器”不是一个新概念,但它现在处于成熟期,市场上这种工具种类繁多,很难选择。网页制作器使用方法非常简单,功能也很强大,最重要的一点是——免费!对于那些网站建设新手和还在学校学习的童鞋来说,有个东西练手实在是太重要了,为了让你们以后能够做出高大上的网站,我们不得不把这个工具分享给大家!这是多么大无畏的精神,我都被自己感动的落泪了…用这款软件制作网站只需要几分钟,并且可以正常运行,你需要做的步骤很少。首先点击“开始”,选择“模版”(如果你想自己做也可以不选择模版)。如果你选择了模版,别担心,模版也是可以编辑的,并且模板的类型多种多样,从文艺小清新到杀马特非主流应有尽有,任你挑选。不仅仅有网页版,还有手机版呦~下一步就要用到你的智慧啦——制作主页面,你可以选择喜欢的元素在顶部菜单中排成一排,这样嵌入、修改起来很方便,这些元素可以是音频、图片、幻灯片或者单独的HTML框架等。如果你懂一点儿代码知识,你可以通过编写代码来修改网站细节,这样的修改非常快速。当网站建设基本完成后,点击“完成”按钮,会跳出一个对话框,让你给这个网站起个名儿,起好之后就算大功告成了,你就可以在网络中查找到它了~你会收到一份PDF格式的支持指南以及一份用户服务电子邮件,服务里包括搜索引擎优化集成,网页分析以及最重要的免费托管。

详细解析2013年网页设计最热趋势
时光荏苒,岁月如梭,还有整整六天,2013年就将成为历史。在这一年里,我们见到了太多“所谓的潮流”,不知道大家心里对它们的看法如何。那么今天我们也想盘点一下自己心目中的“2013年最热门网页设计趋势”,是骡子是马,拉出来溜溜。01.响应式设计2013年,浏览器的建设中大量使用CSS3,这就加速了响应式设计的发展,所以“响应式设计”频频登上各大设计网站的头版,成为2013年网页设计最火热的趋势。小编掐指一算,这个趋势十有八九会延续到2014年,到时候你的顾客可能就会用专业的语气告诉你,哥要一个响应式网页!响应式设计的原理是网页图层会根据屏幕的尺寸来重编页码,追踪设备型号以及不断增多的用户描述等。Also read: 13 really useful responsive design tutorials02.扁平化设计2013年几乎人人都使用过扁平化设计的系统,不过,你是否觉得有点厌倦了呢?自从浏览器开始支持CSS3的文字阴影和图像阴影功能后,拟物化设计就成为了设计师们的心头好,同时,这种高于扁平化又低于3D的仿真效果也受到了广大人民的一致好评。

详细解析图标字体化设计过程和技巧
在做手机端Web App项目中,经常会遇到小图标在手机上显示比较模糊的问题,经过实践发现了一种比较好的解决方案,图标字体化。在微社区项目中,有很多小的Icon(图标),如分享、回复、赞、返回、话题、访问、箭头等,这些Icon(图标)一般都是纯色的。开始制作时考虑用双倍大小的Sprite图,通过CSS样式设置只显示二分之一尺寸,这样在Retina屏上显示的大小是正常的,一旦放大屏幕后图标又变得模糊不清,测试的效果不是很理想,后来又考虑多套图标适配方案、SVG矢量图等,都因为种种原因放弃掉了(如多套图标繁琐、Android 2.3不支持SVG格式等),为了解决以上问题,用到了图标字体, 通过查阅Icon Font相关技术博客和文章,并结合在项目中实际应用梳理出了图标字体化浅谈这篇文章,望对正在学习和使用的重构同学们有一个参考和帮助!文章内的内容参考了相关技术文章并加上自已的理解,错误在所难免,欢迎批评指正。下图为微社区用到的部分图标字体。字体图标除了图像清晰度之外,比位图还有哪些优势呢?1、轻量性:一个图标字体比一系列的图像(特别是在Retina屏中使用双倍图像)要小。一旦图标字体加载了,图标就会马上渲染出来,不需要下载一个图像。可以减少HTTP请求,还可以配合HTML5离线存储做性能优化。2、灵活性:图标字体可以用过font-size属性设置其任何大小,还可以加各种文字效果,包括颜色、Hover状态、透明度、阴影和翻转等效果。可以在任何背景下显示。使用位图的话,必须得为每个不同大小和不同效果的图像输出一个不同文件。3、兼容性:

CSS实例教程:纯CSS3编写的面包屑导航
随着Web技术越来越先进,浏览器更新换代也很快,在国内很多网站已经有使用css3和html5的技术了,所以我们也应该多学习这些新知识,设计达人网站整理的资料,你在学校、图书上也是未必能看到的。今天我们整理了10个纯CSS3制作的面包屑导航,这些都是通过CSS3来编写,十分方便,而且实用。有些文章附有教程,大家可以学习研究一下。漂亮面包屑导航

写给设计师看的HTML&CSS入门指导
想做一个开发&设计并行的牛人?却不知道如何开始?欢迎观看本文,说不定会引起你对开发的兴趣,HTML&CSS是网页设计的基本。设计师应该时刻学习,不要仅仅局限于视觉设计的层面。那么该要如何开始HTML&CSS的学习呢?本文勾勒出了HTML&CSS的基本,即便不学,掌握这些基本知识也是很有必要的。整体简介在开始学习HTML&CSS之前,首先要搞清楚两者的区别。两者在整体上有着很明显的差异。整体看来,HTML是超文本标记语言,是用来构建框架的。而CSS值得是层叠样式表,统一控制HTML网页的外观属性。(而JavaScript是行为)标签、属性、元素是在掌握之前必须要了解的几点基础。元素元素是用来定义页面、内容、结构的一种标识符。一些流行的元素包括h1-h6,p,div,a,span,strong以及em.

浅谈热门有趣的信息图是怎样诞生的
很多设计师都对信息可视化、设计信息图非常感兴趣,在平时的作品中合理地加入一些可视化的元素,能瞬间提升设计质感和强化主题,这里我想给大家扯扯信息图设计的一些事,欢迎大家拍砖。什么是信息图?提及信息图,不可避免要先讲下时下热门的议题:信息可视化(Information Visualization)。大家从字面上以及平时工作学习中应该或多或少有了解,可以将它大致理解为:将复杂的信息通过图形样式清晰明了的传达给读者。信息可视化是一个跨学科的领域,其详细深入的定义这里不做研讨,本文主要针对其图形化的产物信息图进行介绍。可视化并不是什么全新的概念,生活中很多信息可视化例子:公共指示、统计图、星级评分、五线谱…信息图形(Infographic),又称为信息图,是指数据、信息或知识的可视化表现形式。——摘自百度百科;信息图最初是指报纸、杂志、新闻通讯社等媒体刊登的一般图解。随着信息可视化在大数据时代越来越被人重视,以及越来越多的设计师热衷于以图形化的方式结合视觉上的美感将信息传达给读者,使得信息图越来越流行和被大众所喜闻乐见。将原本很难用语言表达的信息,通过图画来加以说明,使其容易理解,这是信息图设计的目标和理想。信息图的分类信息图的分类有很多种,各分类之间也并不是泾渭分明,所以大可不必纠结什么样的分法最正确,在木村博之所著的《图解力》一书中,他将信息图分为六大类:图解(Diagram)、图表(Chart)、表格(Table)、统计图(Graph)、地图(Map)、和图形符号(Pictogram)。图解(Diagram):主要运用插图对事物进行说明

超赞的静态信息图设计方法和技巧
这篇文章给大家分享静态信息图的设计方法。时间仓促难免有疏漏不足,欢迎各位指正,信息在“设计”之前应有数据的收集、整理等步骤,在完成之后,应进行整体规划。然后才是“设计”的步骤:先选择各个部分的图表基本类型,接着进行装饰,最后再进行整合:一、选择图表类型任何信息图表都是在一些基本图表的基础上,加以装饰。就像先有“骨架”再往上“贴皮”。在选择图表类型的时候,给大家推荐两个小工具:Choosing a good chart 英文版 、 Choosing a good chart 中文版它提供了一个选择图表的流程图,根据它的导引可以一步步明确需求,并最终找到合适的图表类型。Chart Chooser它提供一个需求筛选器,根据选择的需求为你筛选合适的图表类型

如果提高用户对于网站设计的第一印象
两个陌生人相遇,双方会在3-5秒内迅速评判对方,产生第一印象。是不是很残酷?他/她对你的初步评价5秒钟就完成了。这个第一印象的规律引发了我的思考,网页设计是不是也是同理?1. 保证独一无二的视觉冲击力不要追随潮流。剑走偏锋。虽然可能会失败,但是如果成功,用户会对你网站印象深刻。这款 Diesel的页面—— Diesel’s Fall Winter 2013就很有冲击力,情感效应极佳的图片,创新的导航设计,立即会引起用户的注意。Story Pixel做的也不错。复古的设计主题,一半是大地与作物,一般是翡翠色的天空,当你看到这么漂亮、有趣、独一无二的页面,你肯定想要继续浏览。2. 可以多尝试一下插画

详细解析网页设计中非常常见的错误
在设计网页的过程中,射鸡师们难免会犯点错。尤其是初出茅庐的新人们更加容易在实现新点子的过程中出错。别说是新手了,就算是经验丰富的行家也得注意提高警惕,避免犯这些错误。很多开发者越来越依赖网页模板来减少设计出错的机会。让我们来留心看看这些常见的错误吧。网页结构上的瑕疵很多设计师把握不好承载信息的空间与留白之间的平衡。文本、图片和菜单应放在能与之形成足够反差的背景上,通过调整各元素之间的间距来营造干净整洁的外观,拥挤的页面是不能抓住访客注意力的。创建网站的过程中记得检查页边距和padding样式。举个好栗子 → feedafever浏览器那些事儿你的网站应该在所有的常用浏览器里都完美展现。很多设计师只不过是忘记了检测浏览器兼容性,或者匆忙之中跳过了这一步。那些依赖网站模板的开发者们经常犯这种错。常用的浏览器有好几个呢,每一个又有一堆不同的版本,足以将事情搞得越来越复杂。之所以有如此之多的版本,是由于许多用户不肯升级他们的浏览器。要找出网站目标用户群体常用的浏览器,并针对它们检查你网站的兼容性。令人抓狂的导航这个错误可不得了,可以瞬间把感兴趣的访问者吓跑。访客访问网站时是冲着他们所需的信息而来的,这些信息应该最多在三次点击之内找到,而很多设计师把内容埋藏得太深了,使访客感到受挫。文本部分和导航元素应该被恰当地突显出来以引导用户,又有不少人在主页、产品、关于等栏目的标签上使用了用户不熟悉的词汇,导致他们产生困惑。网站模板对于需要开发新网站或者重新设计已有网站的中小企业来说是个很好的选择,能将正确的导航元素各归各位。

网站运用新趋势之神奇的鼠标滚轴动画
动画在每一年都是最具影响力和占据主导地位的。Web开发者通过不同的实验来实现动画,从最简单的基础效果到富有开创性的展示结果。毫无疑问,这种雪崩式的动画效果已经被认为是web技术史上最先进的技术。已经被永不满足现状的Web开发者们发展到了一个全新的水平。这些动画缓慢却很清晰,让网页设计师在页面上把交互和视觉都展现结合的淋漓尽致。最新的最火爆的最给力的网页设计趋势来了,快来看看这个神奇的视差滚动设计趋势。Kaipoche该网站致力于今年的风筝节。通过一个简单的滚动激活动画技术,它有一个真正充满活力和引人瞩目的设计。Bizbrain是一个先进的长页面网站。它通过精彩的彩色图熟练地演示了各种数据。各个版块都有各自相应的信息。Drugs and Alcohol on Campus这也是一个交互式图表,能够在不知不觉中给你最紧迫的问题提供答案。所有画面都是通过鼠标来激活动画的,使这些问题看起来不那么“干巴巴”的。