推荐阅读
详细解析6种实验性的网页导航模式
虽然绝大多数的设计都遵循设计规则和用户的使用习惯，但是标新立异的设计仍然非常有市场。独特的设计更容易让人难忘，这一点是毋庸置疑的。在网页的导航栏设计上，也是如此。随着越来越多的网页开始采用加粗的非衬线字体置于网页顶部作为导航，许多有想法的设计师开始有意识的打破这一规律，别出机杼，采用不一样的导航模式。当然，如果你的网站用户量大，并且需要尽量降低用户的使用门槛，遵循常规的设计更合适。如果你的网站是更加偏向实验性的小网站，有趣而好玩的导航模式，反而更适宜于用户探索。不同的导航模式对于网站的影响不尽相同，针对不同的内容、不同的用户，你需要仔细挑选导航模式。实验性的导航并不具备泛用性，但是如果你在追求别具一格的设计，那么下面这些独特的导航设计应该能激发你的灵感。侧边栏导航侧边栏导航的设计多种多样，它可以是静态的也可以是动态的，宽度可大可小，几乎可以随心所欲地进行设置。但是如果你仔细审视会发现，它不仅仅是单纯的将原本的顶部导航旋转90度放到侧面就好了，对于正常的上下滚动的页面而言，常驻的侧边栏导航意味着整个页面其他部分的长宽比和以往截然不同了。所以，不论侧边栏导航的宽窄如何，你都需要重新审视，尤其是它在不同尺寸、比例的屏幕下的显示效果，并且进行合理的重设计。同时，导航中的文字如果太长，在侧边栏中还存在展示上的问题，那么你要怎么解决呢?需要考虑的问题非常之多。最优的导航设计通常都不会使用太长的词汇，并且占据的空间也相对固定。导航项目最好不要太多，如果导航栏需要滚动浏览那就太过了。上面Sanctum 的案例就做的足够简单干净，当用户滚动浏览的时候，导航会停留在对应的位置，并且随着背景而改变色彩。
Photoshop设计创意的产品宣传海报教程
先看看效果这就是原图了，做的很简单，大家一看就知道是新手对的吧，于是我要来了产品拍摄图是这样的，我们先把产品抠图，记住用钢笔抠图，面试都是钢笔抠图的，魔棒什么的最好不用，业界一句话，用钢笔抠图是对产品的基本尊重。这一步大家都是会的，我想既然是推车，我在工厂也见过，其实我还推过货的，这东西就是个质量和载重，那怎么体现载重呢?我就在想了!放个数字，太单调了，我想呀，放头大象吧，大象都能推那什么还不能呢。当然这是夸张的手法，于是网上找素材，还真有。
挖掘Dreamweaver 4.0的“潜力”（三）
来源： yesky 作者： yesky 与其他产品进行整合 Dreamweaver最酷的特性之一是它可以与其他产品进行很好的整合，它可以与Fireworks实现完全的图像编辑互操作，甚至还能够创建Flash文本和Flash按钮。 4、动画GIF图形 如果拥有Dreamweaver/Fireworks软件，就可以充分享受二者之间充分的整合性带来的各种方便。即使你不是专业的图形设计师，偶尔也会想把一幅GIF格式的图像作成动画。要对一个网页中的图像进行动画处理，可以在标准窗口中选择图像，然后点击Property Inspector中的Edit按钮，图像就会自动加载到Fireworks，如果安装了Studio包，Fireworks就会成为缺省的图像编辑器。然后就该转到Fireworks中了，选择图像，并依次选择Modify --> Animate --> Animate Selection。然后填写Animate对话框中动画的帧数、图像的运动方向等参数，可以使用Frames面板中设置动画的速度，使用Object改变它的属性。要导出文件，可以使用Optimize面板选择Animated GIF as the file type先项，点击Done按钮，Fireworks将自动地导出优化过的图像，更新GIF文件，并在Dreamweaver中显示更新后的文件。在浏览器中依次点击File --> Preview就可以看到你作的漂亮的动画了。 5、添加Flash按钮 即使不使用Flash软件，也可以利用Dreamweaver在网页中创建和添加Flash按钮对象。Dreamweaver 4.0中有一些已经制作好的各种风格的Flash按钮对象，依次选择Insert --> Interactive Images-->Flash Button就可以看到不同风格的按钮(图5)，在这个对话框中，将鼠标掠过每种类型的按钮，就会看到它在浏览器中是如何“动”的。选中希望使用的风格，并填写按钮的文本、字体、颜色或定制的文件名等参数，点击OK按钮。就会创建出SWF文件并被插入网页中，如果点击它，Property Inspector将显示文件的属性，还可以点击播放按钮预览按钮的动作。图5 6、制作移动的文本 在网页上添加Flash文本对象与添加Flash按钮一样简单。利用Dreamweaver 4.0的新功能，无需利用Flash也能完成这一工作。没有交互媒体开发经验的HTML软件开发者也可以创建基于Flash的文本动画。由于97%的网民可以浏览Flash对象（根据Macromedia提供的资料），因此在网页上添加Flash对象不存在兼容性问题。要制作移动的文本，依次打开Insert --> Interactive Images --> Flash Text，填入要移动的文本、字体、颜色、大小等参数即可。(图6)图6
PhotoShop用“自由变换”制作照片折叠效果
本教程主要为大家介绍使用photoshop中的“自由变换―斜切”功能制作折叠图片效果。效果图：1、首先打开素材图片，然后使用“矩形选框工具”创建一个矩形选区，大概选取图片的三分之一，如图所示。2、在菜单栏中选择“选择―变换选区”命令，设置选区的大小，使选区贴合图片，如图所示。按Enter确定。3、在菜单栏中选择“编辑―变换―斜切”命令，然后拖动选区的一边，出现斜切效果，如图所示。按Enter键确认。拖动时，要记下属性栏中的数值变化，以便设置定后面的操作。
最新发布
图片增加透射光的方法:PS给大树下的人物加上唯美的透射光效果
图片增加透射光的方法非常简单;前期设定光源的位置，然后把离光源较远的区域大幅压暗，整体也压暗;再给光源区域渲染一些暖色作为底色;最后用透射光笔刷加上透射光即可。最终效果原图 1、打开原图素材，按Ctrl + J 把背景图层复制一层。选择模糊工具把远处的背景及杂乱的区域模糊处理，如下图。 2、现在给图片增加一些暖色。创建可选颜色调整图层，对黄色，绿色进行调整，参数及效果如下图。
Photoshop制作水彩画照片:快速把儿童照片转成水彩画效果
先看下最终效果图： 步骤1 在photoshop打开我们需要处理的图片，Ctrl+J复制图层，得到图层1。选中背景图层，Ctrl+Delete填充白色。 步骤2 我们给图片去色，打开图像-调整-去色(Ctrl+Shift+U)。
3DMAX室内光影色彩的表现技法解析实例教程
色彩在整体的空间设计语言中占据较高的效果比例，它运用得成功与否直接关系到前期设计工作的成立与最终的体现，能否也是至关重要的一环。使用软件：2008 3ds Max、VRay、photoshop一、主体材质的设定为了更直观地观察并讲解材质，我们先在场景中给主体材质进行编号，然后对相对应的材质进行分析和讲解，(图01)图01材质编号 A：ICI材质 B：木地板材质 C：木纹饰面板材质 D：椅垫黑喷漆材质 E：白色饰面板布材质 F：淡黄色饰面板布材质1.1.A-ICI材质的制作1.1.1.在Diffuse(漫反射) 通道中给草绿色(R：240 G：240 B240);1.1.2.在 Reflect(反射)给了一个20%的灰度值，想让墙面砖有个高光;
详细解析网页设计色彩剖析之深邃黑
网页设计色彩剖析系列又来了!站在巨人的肩膀上，品味世界上优秀的网站设计，每次分析一种颜色。本期的嘉宾是神秘而又深邃有型的黑色。当我们还是孩童时，每个人都画过彩笔画。大家应该都做过一个小实验：用各种画笔，试图混合各种颜色，最后发现，你加的颜色越多，最终的效果越黑。通常来说，最终的颜色会是黑色或者深褐色。黑色，到底是不是一种色”彩”?或者它是一种”超载”的颜色?科学家表明，黑色会吸收光谱内所有的可见颜色，并且没有任何反射。今天我们将一道探索黑色，空间与宇宙之色。黑色为何对于我们的生活具有如此大的冲击力?我们一探究竟。定义黑色：黑色吸收光谱内所有的可见光，不反射任何光。因此黑色通常被认为是一种缺乏光度的色彩，或者说，黑色是各种颜色彻底混合的产物。尽管黑色被形容为”非彩色的”、缺乏色调的颜色，但惯例上，我们还是把它当成一种颜色。视网膜上存在分别对红，绿，蓝的光线特别敏感的3种视锥细胞(而光的三原色为红黄蓝)，人们对红绿蓝三种颜色非常敏感。而黑色与白色形成的对比色，也能达到这种敏感度。不反射任何可见光的黑色与包含光谱中所有颜色光的白色，两者的视觉效果对比极为强烈。对光的吸收大于反射，那么色彩看上去就比较”黑”一点。然而，黑色之所以能够只吸收，不反射，原因在于黑色是多种色彩的混合，因而能够全面的吸收光谱上的光。就像上文提到的儿童时期的色彩实验，如果按照确切的比例混合三种主色，那么混合出的颜色几乎不反射光，看起来就很”黑”。黑色是一种极度令人敏感的颜色，即使完全没有光度，黑色的给人的感觉依然非常与众不同——Hermann von Helmholz黑色的优点
3DMAX教程：三维静帧《摄影师》制作解析
这是作者程睿与大家分享他的作品《摄影师》的创作过程。在本篇教程中，以介绍制作流程为重点，同时分享制作思路和经验，希望这些内容能对大家能有所启发和帮助。最终效果图00作品构思笔者平时很喜欢摄影，虽然水平不高，但是给笔者带来了很多生活乐趣和美好回忆，人们拿起相机时流露出的诙谐表情也给我笔者留下了深刻印象，所以我决定制作一个表现摄影爱好者幽默神态的CG作品。我搜索了一些参考图，包括人物的表情、姿势、 相机、背包等等，反复观察这些素材后，我对将要制作的内容基本心里有数了，所以我不准备绘制设计草图，而是直接从人物的神态出发，逐渐完成整个作品。图01基础模型
Photoshop快速把照片转为涂鸦喷溅效果教程
最终效果原图1、确保你的图片是RGB颜色模式，8位/通道。检查方法：图像-模式。2、为了获得最佳效果，你的图片尺寸应在1500-4000像素(宽/高)之间。检查方法：图像-图像大小。3、新建图层，填充颜色#d6cdb2，将此图层命名为“背景颜色”。
PS调色风景照片添加唯美夕阳效果的photoshop照片处理教程
素材图片拍摄的非常大气，只是图片中没有霞光，缺失一些韵味;前期我们先把图片整体压暗，营造出日出时候的环境;同时局部受光区域需要渲染一些暖色，并提高亮度;最后更换霞光素材，局部再渲染出阳光效果。 最终效果 原图 1、营造较暗的氛围。打开原图素材大图，创建曲线调整图层，对RGB、绿、蓝通道进行调整，参数及效果如下图。 2、创建曲线调整图层，对RGB，蓝通道进行调整，参数设置如下图，确定后把蒙版填充黑色，然后用柔边白色画笔把天空过亮的部分涂暗一点，如下图。
用PS调色调出蓝色甜美色调可爱女孩照片的photoshop照片调色教程
简单的介绍下调色思路，其实处理照片时，我们首先需要的是对照片进行风格的设定，无论简单美化也好，做手绘也好，当然，这些都是给自己确定自己想要处理成什么效果。确定了风格，接下来的就是对照片素材进行分析，查看照片素材是否适合自己想要的，如果是就再对照片进行分析，看看怎样调整才能达到自己的目的，如果不适合就不要生搬硬套，那样只会徒劳。 处理这种靛蓝外景效果，最主要的是对人物背景的处理，其次是对人物肤色的处理，让人物看上去有种甜甜的感觉，当然处理时也不是一步两步就能完成的，需要慢慢来，那样才能慢慢的调出我们想要的效果。 最终效果： 原照： 教程加载中： 1.打开照片，复制一层，为其创建渐变映射，这一步是分离人物和背景色，因为我们要慢慢去调，效果如图。 2.创建可选颜色调整图层，调整绿色和中性色，看看，是不是有色靛蓝色的味道了呢，呵呵，慢慢来，效果如图。
PS调色调出粉色唯美逆光效果女孩照片的人像照片处理教程
本教程主要使用photoshop调出外景美女粉色唯美逆光效果，主要用可选颜色高出整体色调，然后用到color efx pro 4滤镜做出梦幻的效果，方法简单易学，分享给大家了。先看看效果：首先将图片拖入PS，CTRL+J复制图层，图像~调整~可选颜色，黄色里加洋红减青色减黄色，红色里减青色加洋红。参数看感觉，不用全照抄。调完效果：CTRL+I反相图层蒙版，蒙版变成了黑色了，隐藏了我们刚刚调整的可选颜色。然后用画笔工具把我们想要改变颜色的部分，后面的枯草地画出来。
PS调出甜美小清新效果外景可爱女孩照片的图片调色教程
本教程主要使用photoshop调出外景可爱女孩甜美小清新效果，非常清新的日系小清新效果图，感兴趣的朋友一起来学习吧。 先看看效果图 以上就是原片与成片的对比图啦。 练习素材： 前期介绍