推荐阅读
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”中。
最新发布
PhotoShop使用照片滤镜快速制作旧照片
第一步,首先打开一张 照片 把 背景 层复制一层.第2步:执行命令 图象>模式>灰度 把图象模式改为灰度模式.(中间弹出对话框,直接点确定) 第3步 同上 再把图象模式转成RGB颜色模式.第4步 执行命令 图象>调整>照片 滤镜 参数设置如下.
PhotoShop中正片负片叠底的原理介绍(一)
关于正片叠底，正片，负片，通道，色相，色相环等等的相关理论一堆，大家可以从网上查到，原理就不讲了。 感觉单通道正片叠底效果应该属于填充色一类，但却与填充色又有很大的差异，与照片滤镜功能也有所差异，运用得当，最大的优点是在叠底后仍能保持比较好的照片通透度，而且简单易用，特别适合不太熟悉PS操作的朋友，此类方法运用广泛，配合起来使用比较方便，慢慢介绍吧。注：以下介绍的为RGB模式下的叠底，与CMYK模式下有所区别 以下为图层混合选项的设置样例： 正叠1次B通道，透明度100%的效果如下
PS应用画笔工具绘制各种云彩图案的教程
教程用到的都是PS自带的笔刷和图案，制作之前只需要调出画笔设置面板，适当选择好笔刷，再适当设置一些参数和纹理。然后用画笔就可以画出自己想要的云彩图案。5 `6 ]% T" t9 d* H9 X7 J. p国际惯例上最终效果 1、首先我们新建一个 400*400的文档，设置前景色81C1E9、背景色2785DA，线性渐变垂直拉制背景2、按F5进入笔刷调板。 画笔笔尖形状：笔尖类型 柔角100 ，直径 100Px，间距 259
用PS为照片打造柔和梦幻效果
这是一篇很简单的教程，很适合新手哦！首先是通过用高斯模糊，调整包相/饱和度和曲线，调出照片的朦胧感来，再拉一个渐变，模式设为：柔光，来达到柔和的效果，最后用白色画笔点上一些星光效果作点辍。 最终效果对比图 1、打开原图，复制一层，执行滤镜―模糊―高斯模糊，数值自定。
如何调整照片的动态范围
读者提问：我发现，在使用相机的自动动态范围功能拍摄时，很难既呈现更多的暗部细节，又不降低影像的对比度。有什么办法能解决这个问题吗? 编辑回答：大部分现代相机都提供自动动态范围控制选项，它的目的是在维持高光部分曝光正常的前提下，提升暗部细节的呈现。以我们的经验，尼康自动D-Lighting的效果尤其优秀，它在提高了整体动态范围的同时，又不会让画面反差出现太多损失。佳能的自动亮度优化就有点功过参半了，它有时会造成明显的反差不足。 如同对于大部分问题的解决办法一样，最好的方案就是使用RAW格式拍摄，这样，我们可以在后期处理RAW文件的过程中调节动态范围控制的强度，或者直接将其关闭。不过需要提醒的一点是，只有在使用相机厂商提供的配套处理软件时，才能进行这一操作。而如果使用Adobe Camera Raw等其他软件，就无法对相机的动态范围控制效果作直接调整了。 现在大部分相机都有提高动态范围的功能，但是开启这一功能会导致画面反差降低，使得影像显得平淡发灰、了无生气。使用RAW格式拍摄，并以相机厂商提供的相机配套后期处理软件对影像进行处理，就可以对其进行调整。 如何调节动态范围? 使用相机配套的图像处理软件能够最方便地控制动态范围效果，但这并非惟一选择。 1. 佳能DPP 在佳能Digital Photo Professional中，你可以将自动亮度优化设置更改为“低”、“标准”、“强”或者“关闭”。同时，还可以对高光、阴影和整体对比度进行分别调节。 2. 尼康View NX 通过D-Lighting HS滑块，可以方便快捷的完成对动态范围的调整，同时还提供高光保护和阴影保护。在对话框中，软件还提供了其他的控制选项，包括整体亮度和对比度。
探索RAW格式的奥秘
我们在使用RAW格式拍摄时应该注意些什么? 相信有不少读者都曾经尝试过使用RAW格式拍摄。JPEG格式是我们手中大部分相机的默认选择，尽管它非常方便，但这意味着我们在不知不觉中丢失了许多图像细节，使用RAW格式拍摄，这些细节都能保留下来。 遗憾的是，很多读者在选择RAW格式后不得不面对一些更大的问题。RAW文件非常大，而且不是所有后期处理软件都能直接打开的。相机厂商并不愿意选择相同格式保存相机的原始影像信息，这实在是一件伤脑筋的事情，给我们带来了许多不便。 可一旦我们解决了这些问题，习惯RAW格式的拍摄和处理，就会发现实际情况并不如开始所想象的那么痛苦，而你的摄影水平也会一举进入一个新的层次。我们将从头开始向大家解释使用RAW拍摄的原因与必要性，并一一解答和RAW有关的问题。 摄影教程 作为摄影师，RAW格式是查尔斯拍摄时的唯一选择。 1. RAW格式的特点 在开始拍摄前，先弄明白什么是RAW格式。
好的构图是摄影成功的一半（2）
大多数在家里或餐馆里拍摄的照片都不怎么成功，因为这些地方的装饰品和杂物太多了。也许墙上的某张图片会破坏背景的整体感觉，但是往往没有人会想到要拿掉它。餐桌上面的吊灯垂到了景框中，用于装饰的墙纸也不能如变魔术般消失。总之，问题几乎总是“东西太多了”。 你必须得有非常丰富的拍摄经验和构图技巧，才能将这么多的元素协调地集中到一幅照片里。其实，从原则上来说这是可以办到的，因为许多在家里拍摄的人像，效果也是很好的，但总的来说成功的几率还是很小的。为了让在家里拍摄的照片看上去比较完美，就必须在拍摄前收拾、布置一下你准备拍摄的地方。1/60 s f3.5 28 mm ISO 100倘若你想要赋予照片某种风格，就要有针对性地找一处合适的拍摄场景。 1/30 s f2.8 50 mm ISO 100如果你不能改变拍摄场景的背景环境，而在那个时候拍摄照片对你又具有纪念意义，那你只能硬着头皮上了：干扰元素、逆光、红眼。如果拍摄时采用间接闪光的话，就能避免红眼效应。而且为了使拍摄效果好一点儿，我们可以将那几个瓶子放到一边去。 充满象征意义的地点 专业艺术照的拍摄地点基本上都是精挑细选出来的，它和照片想要表达的主旨会有一定的关联。在不同的场景中，比如火车站里、教堂内、废墟中、工厂里、海滩上和森林里，拍摄人像的方式也会有所区别。 和谐的构图 作为和谐的构造原则，黄金分割不只存在于数学领域，还存在于大自然和艺术领域中的方方面面。也就是说，采用黄金分割比例构图的照片看上去会特别协调，并且独具魅力。所以，如果想让自己的照片被别人欣赏，最好别把首要主题放置在照片的正中间。 从数学的角度观察：如果A段的长度∶B段的长度 = (A段+B段)的长度∶A段的长度，那么A段和B段的比例就构成了黄金分割比例。 三分法
拍摄小物品技巧
拍摄古玩、小雕塑、珠宝、彩色玻璃、雕花玻璃、盘子、瓶子、洋娃娃、木刻、家俱、绘画以及类似的物品，不仅对保险等行业有用，而且对富于创造性的摄影家，也是一种饶有趣味的工作。 器材的选择 首先要选择一个适当的镜头。最理想的是大口径镜头。因为它可以免去一大堆复杂的灯光照明设备，避免闪光灯单调的高反差效果，也能避免反射闪光造成的计算错误。一般来说， F2或F1.8的镜头，就能使拍摄进行得又快又好。使用大口径镜头时必须注意它的最深是十分有限的。克服的办法是不要使相机太接近被摄物。也可以用稍慢的速度以便用较小的光圈拍摄。但速度最低不得慢于1/30秒，因为速度再慢就难免震动。把焦点对在被摄物最重要的部位，其它部位可以不在焦点上。切记，在使用标准镜头时相机太靠近物体，会歪曲形象。 摄影技巧 如果用三脚架，最理想的是一只大约焦距为135毫米的镜头。这样拍出的照片，物体各部分的比例比较正常。最好把光圈调至最小，使全部被摄物都能清晰。 广角镜头在拍摄大件家俱时最为理想。它可以将家俱的凸凹和弯曲部分都拍得十分清楚。这种镜头还可以提供很大的景深，甚至在近距离摄影或使用最大光圈时也是如此。 拍首饰、钱币一类小件物品时，可以使用价钱不太贵的近摄附加镜。这些透镜一般都能拧在标准镜头上。装有近摄装置的远摄镜头，也可以拍出同样的效果。 用光
【作品赏析】用镜头完成孩童的心愿
对于患有肌肉萎缩症的孩童来说，走楼梯、投篮球、玩滑板、潜水、跳舞，都是遥不可及的梦想，摄影师 Matej Peljhan 决定利用摄影，来完成患有肌肉萎缩症孩童的小小心愿。不使用大量后制，也没有运用大量的摄影技巧，只需发挥创意巧思、改变一点拍摄角度，就能完成感人的作品。 单纯的影像，也能实现他人的小小梦想。来自斯洛维尼亚的摄影师Matej Peljhan，就透过镜头完成一位小男孩的小小梦想，并拍摄一系列命名为「小王子」的影像作品。 ▲图片来源：mate.1x.com ▲图片来源：mate.1x.com ▲图片来源：mate.1x.com 照片中的小男孩叫做Luka，是一名患有肌肉萎缩症的孩童，由于这种疾病让他的身体越来越难以活动，甚至连日常生活的洗澡、穿衣、吃饭都相当困难，他的身体只能进行极小幅度的动作，所以只能借助电动轮椅移动。Luka喜欢在他的电动轮椅上，打开笔记本作画，因此摄影师以笔记本与儿童画册为灵感来源，开始进行创作。 在拍摄过程中，摄影师把一张床当成背景，从高处向下构图，然后请Luka侧躺在上面，如此一来就可以摆出许多姿势，同时用上不同种类的道具，包括篮球、气球、滑板.....等，来表现Luka积极、乐观、勇敢的人生观。