推荐阅读
3DMAX制作另一种金属曲面渐变的方法
还记的我上次给大家讲的异形建筑外立面的制作方法的教程吗?今天继续教大家用另外一种曲面渐变的方法，效果差不多，但过程是大不一样的，随着科技的发展，越来越多的异形建筑出现，这就需要我们设计师能很好的通过软件把这些异形的想法都表现出来。所以我们要多掌握几种建模的技巧，希望下本篇教程能在工作中帮到大家。1.在顶视图，创建一个(平面)Plane1，参数如图：2.再复制一个(平面)Plane2，隐藏起来，会在后面待用。3.将PLANE1转为可编辑多边形。4.把可编辑多边形物体选择多边形的面层级。
实现CSS3动态进度条及JQUERY百分比数字显示
在网页设计中，想必一个精彩的进度条将会为你的网站增添不少的精彩，一个好的网页设计往往体现在一些小的细节上面，细节决定了成功与否。在此之前也为大家分享了一些关于进度条的设计 � 让人不得不爱的22个UI进度条设计。有了设计理念和作品，那我们怎么用最精彩的方法运用到我们的网页制作当中呢�今天就为大家分享一个利用css3制作动态进度条以及附加jQuery百分比数字显示。其效果对比flash来说却毫不逊色，有一个精致的动画进度条，上面还有当前进度的百分比数字显示，而且还会跟着进度条而移动。相信追求新颖的朋友来说一定会非常的喜欢。查看预览下载附件HTML的代码非常简单，只要为进度条提供一个容器就可以了。基本的HTML代码如下： <div class="wrapper"> <div class="load-bar"> <div class="load-bar-inner" data-loading="0"> <span id="counter"></span> </div> </div> <h1>Loading</h1> <p>Please wait...(By:<a href="http://www.jiawin.com">www.jiawin.com</a>)</p></div> CSS样式表 接下来是为我们的进度条定义样式，这里主要运用了CSS3的linear-gradient的渐变属性、border-radius的圆角属性、box-shadow的阴影属性等等，来制作出进度条的初步模型。完成进度条的模型后我们利用animation属性，让进度条开始动起来，就其中的进度条动画设置代码如下： .load-bar-inner { height: 99%; width: 0%; border-radius: inherit; position: relative; background: #c2d7ac; background: linear-gradient(#e0f6c8, #98ad84); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 0 1px 5px rgba(0, 0, 0, 0.3), 0 4px 5px rgba(0, 0, 0, 0.3); animation: loader 10s linear infinite;} 如果接触了CSS3的朋友，相信大多数人对这个属性都比较熟悉了，在这里大概的说明一下animation设置的参数：@keyframes loader这个标签属性是用来被animation使用的，定义动画时，简单的动画可以直接使用关键字from和to，即从一种状态过渡到另一种状态： @keyframes loader { from {width: 0%;}to { width: 100%;}} 下面是完整的CSS代码，大家可以多研究下，也可以自己修改其中的代码，看看是否制作出更加有趣的东西来： * { box-sizing: border-box;}html { height: 100%;}body { background: #efeeea; background: linear-gradient(#f9f9f9, #cecbc4); background: -moz-linear-gradient(#f9f9f9, #cecbc4); background: -webkit-linear-gradient(#f9f9f9, #cecbc4); background: -o-linear-gradient(#f9f9f9, #cecbc4); color: #757575; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-align: center;}h1, p { padding:0; margin:0;}.wrapper { width: 350px; margin: 200px auto;}.wrapper p a {color:#757575; text-decoration:none;}.wrapper .load-bar { width: 100%; height: 25px; border-radius: 30px; background: #dcdbd7; position: relative; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 2px 3px rgba(0, 0, 0, 0.2);}.wrapper .load-bar:hover .load-bar-inner, .wrapper .load-bar:hover #counter { animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; -webkit-animation-play-state: paused;}.wrapper .load-bar-inner { height: 99%; width: 0%; border-radius: inherit; position: relative; background: #c2d7ac; background: linear-gradient(#e0f6c8, #98ad84); background: -moz-linear-gradient(#e0f6c8, #98ad84); background: -webkit-linear-gradient(#e0f6c8, #98ad84); background: -o-linear-gradient(#e0f6c8, #98ad84); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 0 1px 5px rgba(0, 0, 0, 0.3), 0 4px 5px rgba(0, 0, 0, 0.3); animation: loader 10s linear infinite; -moz-animation: loader 10s linear infinite; -webkit-animation: loader 10s linear infinite; -o-animation: loader 10s linear infinite;}.wrapper #counter { position: absolute; background: #eeeff3; background: linear-gradient(#eeeff3, #cbcbd3); background: -moz-linear-gradient(#eeeff3, #cbcbd3); background: -webkit-linear-gradient(#eeeff3, #cbcbd3); background: -o-linear-gradient(#eeeff3, #cbcbd3); padding: 5px 10px; border-radius: 0.4em; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 0 2px 4px 1px rgba(0, 0, 0, 0.2), 0 1px 3px 1px rgba(0, 0, 0, 0.1); left: -25px; top: -50px; font-size: 12px; font-weight: bold; width: 44px; animation: counter 10s linear infinite; -moz-animation: counter 10s linear infinite; -webkit-animation: counter 10s linear infinite; -o-animation: counter 10s linear infinite;}.wrapper #counter:after { content: ""; position: absolute; width: 8px; height: 8px; background: #cbcbd3; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); left: 50%; margin-left: -4px; bottom: -4px; box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2), 1px 1px 1px 1px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 0;}.wrapper h1 { font-size: 28px; padding: 20px 0 8px 0;}.wrapper p { font-size: 13px;} @keyframes loader { from {width: 0%;}to { width: 100%;}} @-moz-keyframes loader { from {width: 0%;}to { width: 100%;}} @-webkit-keyframes loader { from {width: 0%;}to { width: 100%;}} @-o-keyframes loader { from {width: 0%;}to { width: 100%;}} @keyframes counter { from {left: -25px;}to { left: 323px;}} @-moz-keyframes counter { from {left: -25px;}to { left: 323px;}} @-webkit-keyframes counter { from {left: -25px;}to { left: 323px;}} @-o-keyframes counter { from {left: -25px;}to { left: 323px;}} 在这里其实有很多个CSS3的知识点，例如进度条上面的进度提示的小图标的下方有个小三角形，这个小三角主要是通过制作一个小的正方形，然后利用position来定位，调整好位置后，再通过transform来转换角度，使之最终成为一个三角形。大家可以多多看看里面的一些小细节，对于学习CSS3来说是很有帮助的。完成了进度条的模型，而且进度条也通过CSS3的定义开始动起来了，那我们就接下来用jQuery来完善我们的进度条，让他成为一个不管外表还是内心都很强大的进度条。嘿嘿…在这里主要做的是让进度条上面的数字随着进度而发生变化，从而客观的知道当前进度条的进度百分比，看下面的代码：
拍出时尚的7个拍摄技巧
美国时尚摄影师 Adriana Curcio 与我们分享了她的7个拍摄技巧： 1、准备 准备，是最重要的一点。事实上,不仅仅是器材的准备!每次拍摄，我都写下具体的想法，这次要实现的目标。我有很多书，我会收藏书里的广告样张，因为上面有灯光、化妆、发型、造型、姿势、编辑、等等。这些容易就会被丢到一边的东西，只要你肯翻阅，仔细琢磨，我敢保证图片一定有能吸引你眼球的地方,甚至能提供给你概念或故事，让工作顺利开展。 2、自己的概念在时尚界，分工明显，有专业的化妆、发型、设计团队承担各自工作。但是，我会参与所有的工作。我乐于接受建议和想法，喜欢看别人能给拍摄工作带来什么创意，但一切都必须在我掌握之中。如果你让别人代你拍摄，很容易就能从图像中知道。为了受众能明白你图像所讲述的故事，你一定要牢牢控制主动权。 3、不停的移动 我尝试过各种各样的摄影角度。我每拍完一次就会移动到不同的地方，尝试不同的拍摄角度，不停的移动和拍摄，直到拍摄到最好的画面。 4、成为影像的导演有些模特不需要很多的指导，而且他们的各种姿势常会激发我的创作热情，但是，不要忘记自己的方向目的。 5、打破常规
Flash另类效果之透明按钮设计
本例主要给大家介绍一种另类、实用的钮――透明按钮。通过对本文的学习，读者不仅能掌握两种实用按钮的制作方法，还能学习一些简单的Actions，可谓一举多得。效果图相关下载： 源文件下载：点击这里下载(18.3K, zip压缩文件) 1．打开Flash MX 2004，如图1所示新建一个Flash文档。按快捷键Ctrl+F3打开“属性”面板，单击“文档属性”按钮打开“文档属性”面板（快捷键Ctrl+J），设置场景大小为200px x 120px，背景色为白色色，帧频为12fps。如图2所示。 图1，图2 2．单击【窗口】→【其他面板】→【公共库】中的Buttons命令，打开“按钮”库。如图3所示从“Arcade buttons”文件夹中把按钮arcade button - orange拖入到“场景1”中。
最新发布
美食静物高雅 C Keiko Oikawa
来自日本的摄影师 Keiko Oikawa，她本身是一个美食博客，擅于将食物以优雅形态表现出来，每一张照片都似是酒店美食展品。 今时今日，拍摄食物可能是我们最常做的事，吃鱼生、泰国菜、越南菜甚么都要拍一张，这样的话，不妨参考如何拍得漂亮。
2012日环食精选照片
美国凤凰城 相比起月蚀，日食(或日蚀)罕有得多，所以才有各种各样传说和流言与之相关，今次错过拍摄日环食的话，就要等到 2320年。即是说，我们这代人，甚至以后几代人都未必有机会再遇到了，因此更吸引了非常多摄影爱好者去拍摄这难得一见的天文现象。 香港 *新北 威尼斯 树上的叶子形成了千个“针孔相机”，把光环投射到墙上了。
这张相片是如何拍摄的？
相片没有使用PS!正确答案已经有人猜中了!关键是多重曝光!拍摄这张相片的Jason Yore先在一间黑房中用白色纸做背景，第一张曝光时使用闪光灯，直打到士多啤梨上面，这时你会得到一张曝光正确、整个画面都是士多啤利的相片!第二次曝光，是在同一个位置上再放置香蕉再次开闪光灯拍——没有被香蕉挡着的部份就通通都过度曝光变成白色了! 至于下面的浅色士多啤梨“倒映”，其实是第二张的闪光灯打开时，闪光灯打到背景白色纸后的香蕉阴影来!由于是第二张的阴影部份，和第一张重叠后，光度不至于令这些位置过度曝光变成白色，结果就变成浅色的样子了，就不会如上面般变成全白了。器材和设定是Canon 20D 17-55 IS lens @ f/22 ISO 200 13s (multiple focal length)”。
Bruno Dayan 的艋缅忮
摄影师 Bruno Dayan 是出色的时尚、艺术摄影师，名人名牌子在他手中，特别充满着品味与个性，例如这辑以散景作为主轴的作品，梦幻而充满美感。 在这种光线与色彩配搭下，影像超出现实却又合乎想像，过度曝光?大概没有谁会这样批评吧。 这份对于美感的触觉实在是无法否定的才华，想模仿也不容易。
实例解密 让你意想不到的现场光使用技巧
何为现场光?现场光有别于环境光，它们的区别在于现场光是现场存在的而并非人工为拍摄塑造的光源，而环境光可以是人工为拍摄塑造的光源，也可以是拍摄现场的光源。因此，现场光是环境光中的一种光源。 国内外许多摄影师在寻找光源上有多种策略，优秀的摄影师总是一切从简，在拍摄时能不用灯就不用。不管拍摄需要用到什么光源，他们都会开动脑筋思考，最后用到的光源往往都是不需任何成本就可以获取的。下面以图为例，和小编一起来见证现场光在拍摄中的妙用吧! 如下图，摄影师Cary Norton在拍摄摇滚歌手前，为了寻找合适的拍摄地点找遍了整个伯明翰，最后选择了这个酒吧。为了不破坏酒吧的气氛，Cary Norton用现场光源直接拍摄，利用头顶的顶光突出摇滚歌手坚韧不拔的性格。 在室内拍摄时，现场光源通常比较杂，摄影师在拍摄时常会遇到色温冲突的问题。如下图，台球桌上方的灯是白炽灯，而模特身后的光源是荧光灯管。摄影师Cary Norton首先综合考虑不同光源的开尔文，再决定设置相机白平衡(这里用的是3200K)，最后进行后期调整。 2、烘托主体、突出主体摄影教程 上图是张别具一格的婚纱照。按常理来说，人们一向喜欢光明排斥黑暗，因此，婚纱照的画面风格一般都是比较高调的，但这张婚纱照的摄影师却背道而驰。他利用楼道外照射进来的光线作为新人的背景光，拍摄时对背景测光，使这对新人呈现剪影效果，给画面制造一种神秘感。 3、彰显人物个性 摄影师利用自然光给水池旁的模特形成了夹光，突显模特健美的身形及立体的五官。飘逸的秀发、墨蓝色的衣服以及坚毅的眼神，传达了模特是个认真、严谨的事业型女性这一特质。
如何让雾气成为你作品的点睛之笔
无论在都市之中还是身处郊外，雾都是常见的自然景观。雾生万象，雾变百态，它如轻纱一般挂在树上，绕在屋脊，漫在山路上，藏在草丛中，轻盈飘逸，极富有韵律感。单纯里隐藏着丰富，又能化平凡为奇美。因此雾景是风光摄影中重要的拍摄题材。 1、了解雾景的典型特征 雾气是强调气氛和空气透视的绝佳工具，它为我们提供了许多飘逸神秘的美妙画面。雾景的特点是制造朦胧的景色，在自然光的照射下色调异常柔和曼妙，层次比较丰富，明暗光比自然。在阳光中采用逆光拍摄雾景效果更为突出。拍摄薄雾笼罩下的景物，能明显地从色调上区分出前景、中景、远景，给人以别具一格的空间纵深感。同时，薄雾还能掩盖杂乱无章的背景，简练地勾画出画面中的主体，提高了画面表现力。 2、表现空间感和层次感 上图拍摄于河北样边长城。拍摄长城时，巧妙地运用薄厚不同的云雾，山麓呈现出丰富的层次，营造出一种曼妙的仙境，进而凸显了万里长城的巍峨。 3、捕捉瞬息万变的画面 一般来说在山区的雨后都有云雾出现，平原地区的大雾多出现在夜间湿度较大、第二天气温较低的晴天的清晨。最初，太阳被流动着的雾遮掩，能见度很低，这个时段暂不宜拍摄，但要提前做好充分的准备。一旦大雾开始飘动、慢慢散开，就是拍摄云雾景物的最佳时机。在风的作用下，雾气瞬息万变，景物情调稍纵即逝，抓拍的紧张程度有时不亚于抢拍突发新闻，要善于在变幻莫测的光线和云雾中抓取美妙的瞬间。摄影教程 上图拍摄于云南罗平。无数个孤立的小山在无边无际的云雾中时隐时现，朦朦胧胧，影影绰绰，为万亩罗平油菜花海描绘了一幅恬静和谐的田园风光图。
电影感style拍摄手法 让你的作品更有故事性
充满电影感的照片一向是笔者最欣赏的照片style之一，这种“电影感”不单单能够刺激我们的视觉，且能痛切地让你的脑袋泛起思潮，能够利用照片跟其他人交流，就是这些作品最具价值的地方。当然，要拍出电影感的照片看似没有公式可循，但看着看着，从那些能够散发一丝丝电影感的作品中，总会发现一些共通点。 拍电影犹如说故事，说故事的能力是人类独有的，所以大多数这类作品都会牵涉到人，无论是人的本身、人的历史还是人的痕迹。相片里包含了人的元素，往往能够带出更强的说故事性，那种身同感受的投入感是拍花拍草不能比拟的，可能因为看相片的都是人吧。 中国的山水画里讲究留白，留白的重点在于保留一切的可能性，可能性愈多，故事反而愈丰富。拍照也是如此，太过单纯地拍摄作品，就好像剥夺了其他人欣赏作品的权利，这不是分享，是灌输。除了故事性丰富，保留大环境的讯息也很重要，人总爱猜猜谜，硬要把自己塞进柯南道尔的推理浪漫里。 氛围同样重要，始终硬照跟电影不同，电影还包含了声音的资讯(不包括无声的啦)，无论是主角的对白、闲杂的收音、背景的音乐等，都提供着大量的资讯让观察思考、探讨、反思，影响观众的思考方向，引领观众到达导演所预设的目的地。 在硬照中制造所谓氛围，靠的不外乎主角的表情、背景里的陈设、色调及光暗等，让看者能够代入到当时的环境，让看者自身演释出另一段独特的故事。 抽象的作品从来都没有所谓电影感，这可能是因为抽象的作品跟其他人的关联非常薄弱，不能与除了摄者本身的其他人作出合理的沟通所致。当然，不合理的沟通也是沟通的一种，像你家的猫的一声“喵”，你有时也能够明白它的想法。(对呀，“喵”等于很多话，例如：“奴隶!快开罐头!”) 还有一些设定上的共通点，可能你会发现它们一般都是偏暗、白平衡不准确、saturation偏低等等。还有就是根据实际上并不存在的书-《大绝!拍电影感照片一定要知道的事》里的最后一章里所记载的——在相片上下加两条黑边!
摄影中显瘦小秘密，秀出你的身材
照片上的你眼睛紧紧地闭着，或者照片中的你比现实至少胖十斤，我敢打保证你绝对从内心深处想把这些照片扔到垃圾篓的底部。那么，就让秀体体重管理中心创始人、体重管理专家告诉你拍照显瘦的小秘密吧。 体重管理专家金山认为，与在柔和的光线下拍照不同，单调的光甚至照在红地毯上反射的光线都会让照相机在获取景物尺寸时产生错觉。通过调换拍摄角度或者调整光线强度就能达到所需要的影像效果，这些因素能够伪装不需要的赘肉而照出理想的脸型或身材。摄影教程 较柔和的光线能使女性的皱纹隐藏起来，使皮肤看起来光滑;而较强的光线会使男性的脸庞更加轮廓分明。如果没有影像相助，光线会充分暴露脸庞和身材的不尽人意之处，并且还会使糟糕的形象夸张放大。虽然我们不能像专业摄影师那么选择正确的拍摄角度，但对我们来说这是比较幸运的。在这里我总结了如何让你在照片中显得更苗条的5个秘密，和大家分享： ·一只脚放在另一只脚的前侧，身体稍微偏向一侧。 ·抬头向前避免出现双下巴。 ·让胳膊稍稍地离开身体。 ·深深吸口气挺胸，同时向后探肩。 ·先让脸侧对镜头，然后再正对着它，最好能在快门响前来一个迷人的微笑。
男色当道 简单10招教你男士写真如何摆姿
男色当道的今天，摄影对象已经不仅仅是女人了，男人一样可以成为精彩影像的主角。既然要拍人像，就需要学会如何教人物摆姿势，而男人本身肯定和女人是不一样的，男人要体现干练、精神焕发等特点，也可以体现亲和力以及脸部特写等等。所以说，拍摄男模特美姿一样重要噢! 1. 把专业相关的物件例如书本、电脑、其他工具等作为道具，也可增加专业形象。很适合正式人像照片。还可以将身体侧转45度，一点小小的变化就可以得到不一样的效果。 2. 深坐椅子：完全坐进椅子并舒服地挨着，这个适合正式及企业形象的摄影。摄影教程 3. 站姿：交叉双手：很自然很舒适的基本动作，留意让肩膀稍稍拉后，使身体更挺拔，并注意(收) 肚腩，在拍摄全身照时，让一只脚绕到另一只脚前，但留意重心应放在其中一只脚上，而不要平均重心，否则看起来比较奇怪。 4. 正经肖像：姿势简单，重点在于手拿着的道具，可以是手提电脑、书或其他工具，以突显男仕的职业。 5. 叉腰垂手：很多时男模特儿会不知道双手怎么摆放才好，答案其实只有四个:轻松垂手、在臀部、在口袋或交叉胸前。重点是放松肌肉，除非你在拍摄健美先生比赛。 6. 坐姿坐在台前：稍稍挨向台边，同时转向镜头，当然也可在台上放合适的物件以突出对象身份。 7. 随意坐卧：以背部挨着树或是墙之类，轻轻半躺着。
