推荐阅读
3DsMax制作“被束缚的花儿”实例教程
在这个教程中,我将告诉你们我是怎样制作这幅图片的,但我我不会按照细节一步一步地来说,我相信你们对3Ds Max都有基本的了解。这篇教程主要解释和描述有关建模、光照、纹理贴图和后期场景的制作等等,我一般都是按着这样的顺序来制作的,我觉得在现有的灯照下,这样做会使材料的设置更简单,因为我发现在材料编辑器中和在场景灯光下材料看起来的感觉是不一样的。可能这并不是最优方式,但是的确很适合我,我觉得你们也应该试着去找一种适合自己最好的方法,只有这样你才能提高你的工作效率。3DsMax制作“被束缚的花儿”作者:Nenad Tomic使用软件:3Ds Max不多说了,进入正题吧:场景中的几何体都是非常简单的。锁链:锁链只是用网格平滑建立的网格,制作中真的没有太多复杂的哲学概念。为了能把锁链放在我希望的位置中,我手动地将每一独立的链环进行位置设定,直到得到满意的结果。这样一来我可以轻松地创建一定的随机性以促成了一个感觉更真实的锁链,我也使用了路径变形插件,但我发现它不适合我当前的需要,因为它会让锁链弯曲,使它们产生曲线,这种曲线会导致一个不自然的效果。叶子和花瓣:
ps正片叠底图片就颜色变暗,如何恢复原色提亮
图片的混合,在ps设计中经常会被用到,正片叠底的使用更为频繁,那么正片叠底较为熟知的功能,就是自动去除白色背景,免去抠图的步骤,提高设计效率,不过也会有弊端,如果背景图偏暗,那么正片叠底的图片也会变暗,如何把图片的亮度提高或者还原,且看下面的图文教程。 1、ps软件打开背景图,以及一张白色背景的人像,人像图片需要使用正片叠底来完成背景的去除, 2、可以看到设置为正片叠底之后,人像的上半部分,处于背景图的亮部区域,相对而言,其原有亮度损失不大,但处与背景图暗部区域的下半端,明显变暗了,由此可见,想要把人像变暗的部分提亮,只需要把对应的背景区域提亮, 3、笔者使用的方法是,在背景图上面添加一个透明图层,切换至画笔工具,前景色设置为白色,更换柔边的笔刷,硬度为0,顶端的【不透明度】选项,可以酌情调整, 4、选中空白图层,画笔放在人像上进行绘制,注意不要超过人像边缘,可以看到人像提亮了, 5、对于想要提亮的区域,可以反复绘制,最后调整图层的【不透明度】,达到理想效果即可。 6、对比一下提亮前和提亮后,效果还是非常明显的,只需要控制好笔刷以及不透明度,就可以把正片叠底的图片提亮, 以上方法的原理也比较简单,正片叠底后的效果,与背景图的明暗有关系,添加一个图层绘制白色区域,也就相当于提亮了该部分的背景图,进而还原了图片的亮度。
在 Dreamweaver 中打开并编辑现有文档
您可以打开现有网页或基于文本的文档(不论是否是用 Dreamweaver 创建的),然后在“设计”视图或“代码”视图中对其进行编辑。 如果打开的文档是一个另存为 HTML 文档的 Microsoft Word 文件,则可以使用“清理 Word 生成的 HTML”命令来清除 Word 插入到 HTML 文件中的无关标记标签。若要清理不是由 Microsoft Word 生成的 HTML 或 XHTML,请使用“清理 HTML”命令。也可以打开非 HTML 文本文件,如 JavaScript 文件、XML 文件、CSS 样式表或用字处理程序或文本编辑器保存的文本文件。将在“文档”窗口中打开文档。默认情况下,在“代码”视图中打开 JavaScript、文本和 CSS 样式表。可以在 Dreamweaver 中工作时更新文档,然后保存文件中的更改。
利用Key对象来实现响应键盘的操作
利用按钮检测按键动作很有效,但是并不利于检测持续按下的键,所以不适合于制作某些通过键盘控制的游戏。这时,您就需要用到Key对象。Key对象包含在动作面板的“对象”/“影片”目录下面,它由Flash内置的一系列方法、常量和函数构成。使用Key对象可以检测某个键是否被按下,如要检测左方向键是否被按下,可以使用如下ActionScript:if (Key.isDown(Key.LEFT)) { trace("The left arrow is down");} 函数Key.isDown返回一个布尔值,当该数中的参数对应的键被按下时返回true,否则返回false。常量Key.LEFT代表键盘上的左方向键。当左方向键被按下时,该函数返回true。Key对象中的常量代表了键盘上相应的键,下面列出了一些基本的常量:一些功能键的表示:Key.BACKSPACE Key.ENTER Key.PGDN Key.CAPSLOCK Key.ESCAPE Key.RIGHT Key.CONTROL Key.HOME Key.SHIFT Key.DELETEKEY Key.INSERT Key.SPACE Key.DOWN Key.LEFT Key.TAB Key.END Key.PGUP Key.UP 以上是键盘上的功能键,那么如何表示键盘上的字母键呢?Key对象提供了一个函数Key.getCode来实现这一功能,如下所示:if (Key.isDown(Key.getCode("x"))) { trace("X is pressed");} 上面脚本的意思就是,利用Key.getCode函数来告诉系统你是否按下了x键,如果按下了x键以后,函数Key.isDown则会返回true,在输出窗口就会输出X is pressed。最后给出实例源文件:下载
最新发布
大气磅礴的太空主题优秀网页设计欣赏
火星救援》的热潮还未褪去,马上《星球大战7》又要上映了。其实即使没有这些电影,大家对于宇宙的热忱也从来没有降低过。人类自古就喜欢仰望头顶的天空,这样也解释了我们为何如此着迷于宇宙,行星、恒星、黑洞、星系、外星人、宇航员、卫星等等等等,它们总能吸引我们的目光。宇宙给人探索的欲望,当这些元素被加入到网页中之后,会增添更多的神秘感和不一样的生机。宇宙主题的网站则总能唤醒我们的好奇心。这类主题看似是一种限制,但是使用之类元素的网站并非都要与之直接相关,借助这类元素,网页在视觉和内容上确确实实得到了改善,用户也被它们所激励。那么我们来看看,这些元素和主题是如何被运用到网页设计中去的。MinicoolMinicool 是一个用漂亮插画填满的网站,作为一个儿童图书预售类的网站,这些想象力十足的可爱插画充满蜡笔质感,而行星、外星人的可爱形象为整体风格增色不少。Easy Rocket StudioEasy Rocket Studio 是一个全新的在线平台,它可以帮助各种体育项目赢得更多的收入。太空主题的页面设计非常符合这类项目所给人传递的情绪,科技感十足的设计也确实令人难忘。值得一体的是,首页使用了大量的矢量插图,使得在不同平台上看起来都很棒。All I Wish You
Photoshop设计时尚超炫光效字体设计教程
这期教程主要是利用ai和ps制作出超炫的科技文字,教程的难度一般先看看效果图下面是教程1、首先确定这期海报的风格是科技风,以此为依据来寻找灵感,找到你想要的感觉2、简单灵感的探索之后,我们开始提炼关键词,接着就开始设计文字了3、打开ai,输入你想输入的文字,选中文字然后右键,选择创建轮廓,得到如图所示的结果
图标设计:PS设计扁平化风格的铅笔软件图标
最终效果1、新建500 * 500画布,填充为:#01dbcd。2、椭圆工具,画一个362 * 362的正圆填充#01dbcd,描边1像素,命名为“圆”。3、用矩形选框工具画一个长方形,填充为黑色,Ctrl + T 旋转45度左右,大小自己调到合适,然后调到恰当位置,命名为“阴影”。4、将图层“阴影”移到“圆”的后边,不透明度为8%。5、用椭圆工具画一个252 * 252的正圆填充为白色,命名为“圆2”。
Photoshop设计绘制扁平化风格的天气图标教程
六月天变化莫测,今天带同学们来撸一发天气图标,包括彩虹、太阳、阴雨天和雨伞图标,教程不难,不过绘制的时候用了很多小技巧,比如绘制太阳的Ctrl+Shift+Alt+T,全是实用又酷炫的,新手拿来临摹再好不过。最终效果:让我们开始学习吧!1. 做一个彩虹图标第一步我们开始画彩虹的最外层红色条纹。用椭圆工具(快捷键U)画一个450 x 450 px的圆,打开属性面板(窗口>属性)在属性面板中,我们可以改变圆的大小、位置、颜色等等一些其他的设置。把圆的描边设置为3 pt,不填充颜色,然后我们调整下描边的颜色。 单击描边颜色图标,开打颜色样本选择窗口,你可以在样本中选择一个颜色也可以点击右上角的那个拾色器按钮,打开纯色面板,这样你可以更精确的选择颜色。
国外优秀的关于我们页面网页设计欣赏
和网站访客进行沟通的方式有很多,但是最典型、最直接的还是通过关于我们页面来获取沟通方式。在网站设计越来越多样的今天,设计师和设计团队对于关于我们页面的设计也越来越重视,页面的每一个细节似乎都成了展示设计师个性和品牌特色的重要介质。关于我们的页面设计并不难,但是要设计一个完美的版本并不容易。它通常取决于你的出发点,是要个性化的设计,还是品牌化的运作?是提供自己联系方式,还是获取用户的联系方式?下面的优秀案例会告诉你,优秀的关于我们页面要如何设计。1、友好的界面友好的联系人界面总会让人感到亲切的,如果它还具备一些功能性,并且易于阅读,用户会感觉更加舒适的。“What can we help you with”则可以引导用户去点击“加入我们”“聘用我们”以及参与邮件订阅。2、展示全球各地办公室Tool 的关于我们页面中,设计师用醒目的字体标注出团队在洛杉矶、纽约和法国的办公室的地址和联系方式,点开关于我们页面的用户不就是想知道这些信息么?正确的联系方式,简单直接的设计,就是这么做的。3、简化沟通流程
精选视觉效果MAX的优秀网页设计欣赏
在设计网页时,灵感枯竭了可是非常头疼的事情。这个时候看看同行设计师的优秀作品是一个非常有效的方法。比如今天这篇好文,集结了21个创意爆棚的网站,每一个都有简略的创意解说,灵感不足的设计师不妨来瞧瞧,说不定也能成为以后的设计参考。Al Erykah City在中间将很大的LOGO和背景组合起来,将照片和LOGO进行重叠的一种设计方法。Retro Minder90年代左右比较流行的一种风格,输入演员的名字显示在网页中间的一种复古的在线游戏。难度比较高。Mambo Mambo使用流行的明亮的色彩,通过恰当的使用动画,让整个网页变得平滑宜人。
精选活泼大气的粉色系网页设计欣赏
当我们谈及粉色的时候,常常会同女性联系到一起,但是如果你观察的足够多的话,会发现这并非是普遍规律。的确,粉色常常会让人联想到诸如棉花糖这样的绵软可爱的物件,这也使得粉色在绝大多数场景下很少见到,这样一来,一些有趣而独特的网页会将粉色纳入到设计当中来,将它俏皮、活泼的一面展现出来。当然,不同类型的粉色能够传递出不同的情绪,从明艳的粉色到樱花盛开的色调,给予人的感受是截然不同的。今天的网页设计合集中,25个页面使用的粉色各不相同,设计的手法也差异不小。但是,无论是怎样的设计,所呈现出来的效果都相当不俗。接下来,我们逐个研究一下~The VHS Retrominder这个有趣的网站提供了一个90秒的快速测试,检测你对于复古知识的了解。网站首页采用了失真特效的设计,充满了80年代的风情,失真效果下粉色的光晕配合着略显复古的字体搭配,营造出和内容相匹配的氛围。Publicis90这个页面是 Publicis90 的90周年的纪念活动页面,这个全球性的倡议组织正在推行数字化企业,充满活力的红色和粉色搭配到一起,显得积极向上,你可以在这个网站查到所有相关的信息。Around the World in 12 Dishes
精选国外以黄色调为主的网页设计欣赏
对于任何网站而言,配色方案都是其中最关键的影响因素之一。你可以使用你所熟悉的配色方案,也可以跳出来选择更加大胆、明快、更有性格的配色方案,它们或许更容易给人留下深刻的印象。而今天我们要说的,是黄色。作为暖色调,黄色象征能量,带来温度,充满生命力,它可以让你的网站看起来更具有亲和力,舒适而温馨。毫无疑问,黄色色调的网站设计大多都非常的醒目,让人难以忽视。但是同时,它也是一个不容易掌控的颜色,一个不小心可能会毁掉网站的整个设计。所以,你需要清楚地了解黄色的运用手法——比如先看看那些设计优秀的网站是怎样使用大面积黄色色调的。在黄色作为主色调/背景色的时候,文字内容如何展现,各种控件如何使用,这些都值得学习。Lordz明快的黄色和动感的舞蹈有着天然的契合度,这也是为什么瑞士城市舞蹈学院选择使用黄色作为网站的主色调。为了确保网站内容的识别度,设计师采用的是黄黑搭配。James Tupper拥有韩国血统的摄影师JamesTupper 也在设计他的作品展示页的时候选择了黄色作为主色调。 在字体配色上,他同样选取了黑色。Collectif-yay
详细解析HTML5开发移动项目经验谈
说实话,我们这次开发移动端的项目,整个项目组的人都是第一次,最初立项的时候为是选择native app和web app还争论了一番,最后综合考虑,我们选择了web(我们选择了h5)开发。但从这两种开发模式的特点来说,从它们诞生之日起就开始了不断的争论,孰好孰坏,本文不作探讨,只是简单罗列下本人开发遇到的问题和最终的解决方案。1. 响应式web设计说到这个,移动开发面对的屏幕尺寸那叫一个丰富,其中安卓阵营就够让人头痛的。我们在PC端常用的两种布局方式就是固定布局和弹性布局,前者设置一个绝大多数电脑能正常显示的固定宽度居中显示,后者则采用百分比。关于这两者讨论的文章很多,有兴趣的自己查阅下,我今天要介绍的就是相信你已经听过的“响应式布局”,响应式布局意味着媒体查询,这个在css2就已经出现的东西随着html5、css3的到来又增添了新的生机。响应式web设计并非新的技术,只不过将已有的开发技巧(弹性布局、弹性图片和媒体查询等)整合在了一起,并命了这个听起来很牛X的名字——响应式web设计。犹如当年的Ajax一样,将已有的技术重新组合发挥新的作用。(1).媒体查询初探。媒体查询并非新出现的技术,如下:其中就使用了媒体查询,通过 标签的media属性为样式表指定了设备类型,当然CSS3时代的媒体查询更加丰富。发现了他们的区别吗?对,不只是针对设备进行适配,而且加了一个条件,就是当设备纵向放置的时候才匹配,咱们再看一个。
讲解网页的首屏标准你了解多少?
首屏的英文是above the fold,fold有折叠之意,above the fold是指在折叠之后能看到的,为什么首屏的英文翻译会跟折叠有关系呢,原因很简单,因为这个概念最早用于出版领域,可以简单的理解为“头版”因为报纸的运输和分发过程是折叠起来的,所以报纸的折叠后暴露在读者面前的那一部分内容就显得尤其重要,读者会根据头版的内容决定是否购买。因此处于头版的内容意味着一个,编辑认为它们是最重要的,头版的内容也决定了出版物的立场和定位。所以“above the fold”也用来表示所有优先显示或或优先级最高的内容。“above the fold(头版)”的概念延伸到互联网领域。用来指代web网页中不用滚动屏幕看到的信息。与出版业的“头版”不同的是互联网的首屏区域是动态的,由于互联网用户复杂的屏幕分辨率环境,导致他们看到的首屏内容有很大差距。很多店铺设计就是因为对首屏的忽视导致很严重的体验问题。天猫&淘宝的首屏那么我们店铺的买家看到的首屏是什么样的呢?首先看以下天猫和淘宝的买家用户的屏幕分辨率占比情况:下图是最近的淘宝网用户屏幕分辨率占比情况的分布图。