推荐阅读
详细解析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修图教程：打造梦幻气息的皮肤校色
这次分享的一个教程是关于人像照片如何调色的小文章，主要讲解的是如何使用PS打造梦幻、浪漫的照片色调，以及其中人物肤色和皮肤质感的处理方法。非常适合一些居家、私房、美少女题材的照片。这个系列的教程节选自我和学校老师一起编写的专门讲专业人像修图的书，这本书比较适合有一定PS基础的亲们学习和提高，有很多的真是商业广告修图实例，接下来一步一步的分享给亲们。
Photoshop给外景婚纱照片添加背景虚化效果
模糊背景可以更好的突出主体，不过模糊的方法非常讲究，并不是整体直接模糊。需要先把主体抠出来，转为选区，加上快速蒙版后用渐变控制好模糊范围，然后用合适的模糊滤镜模糊即可。 最终效果原图一、photoshop打开素材图片，把背景图层复制一层，用套索或钢笔工具把人物部分抠出来，得到下图所示的选区。二、打开“调整边缘”面板，从下面的样式里选择黑白，这样能更好的预览边缘的细节变化，半径数值大小要按照片的具体情况而定，这里我选择1.8，以平滑边缘，减少锯齿。三、接着按Ctrl + Shift + I反选选区，按Q键进入快速蒙版。
Photoshop调出黄褐色效果的时尚短裙美女图片
素材图片以黄绿及紫红色为主。我们需要的颜色是黄褐色，因此调色的时候只需要把背景部分的黄绿色转为黄褐色，再把紫色转为橙红色即可。暗部及高光可以按照需要稍微渲染一下。最终效果 原图一、Photoshop打开素材图片，创建色相/饱和度调整图层，对绿色进行调整，参数设置如图1，效果如图2。这一步把图片中的绿色转为黄绿色。二、按Ctrl + J 把当前色相/饱和度调整图层复制一层，增加背景部分的黄绿色，效果如下图。
Photoshop调出甜美暖色效果的外景婚纱照片教程
效果图：原图：配色如下：首先在Camera RAW里打开原片。光线的调整提亮黑色压暗阴影，画面暗会比较柔和，降低白色太亮的区域平和一些光线，加大对比度去灰。
Photoshop调出高饱和浓郁效果的外景照片
本教程主要使用photoshop调出外景美女高饱和浓郁效果，教程主要使用色相饱和度，可选颜色，曲线等等调色工具来完成，后期在使用镜头光晕滤镜来装饰一下整体意境，完成最终效果图，喜欢的朋友可以一起来学习吧。效果图：原图：1.打开原图素材，复制一层创建色相/饱和度调整图层，对全图、红、绿、黄 进行调整，参数设置如图。2.创建可选颜色调整图层，对绿、白、中性色、黑进行调整，参数设置如图，在用不透明40%画笔擦拭人物皮肤。
Photoshop制作青黄色效果港口城市夜景照片
原图素材以蓝色为主，调色的时候只需要把蓝色部分做相应的调整，转为自己喜欢的颜色，再适当加上一些补色并把灯光部分加强一下即可。最终效果 原图一、打开原图素材，按Ctrl + J 把背景图层复制一层，图层混合模式改为“正片叠底”，不透明度改为：30%，效果如下图。二、创建渐变映射调整图层，颜色设置如图2，确定后把图层混合模式改为“柔光”，不透明度改为：70%，效果如图3。三、新建一个图层，按Ctrl + Alt + Shift + E 盖印图层，图层混合模式改为“正片叠底”，按住Alt 键添加图层蒙版，用白色画笔把需要加亮的部分涂出来，如下图。
详细解析Photoshop鼠绘临摹邮件盒教程
这一个月间，或创作，或临摹，但最后感觉进步却不大。分析了一下，一是每天只有晚上四五个小时时间练习，白天无法练习;二是时间都拿来创作或临摹，停下思考总结的时间却太少。之前看过一句话：设计师最重要的技能是审美和视觉传达。Julie Zhuo描述未来设计师的文章Design`s North Star也表达了类似观点。而伟大论语更说过，学而不思则罔，思而不学则殆。哈哈，看来是放下狭隘的创作临摹，多些时间思考总结了。
Photoshop鼠绘绘制超逼真的金属质感沙漏教程
该教程其实很简单，重点在高光和阴影上，还是细节问题，其实做多了类似的教程，就知道其实不是很难，所以还等什么，赶快打开你的photoshop做一个沙漏吧，下面让我们一起来学习吧。效果图：Step 1新建图层，参数如下：Step 2矩形工具，前景色为#808080。一个164 x 235像素的矩形。重命名图层为“Glass upper”。Step 3
Photoshop制作缝线牛仔布纹效果艺术字
最终效果1、打开小牛皮。2、顺便把牛仔布也放进去。3、输入一种字体为“方正胖头鱼”的字体，大小为230左右，大点小点无关紧要，字体也可以自由选择。
Photoshop制作蓝色质感的立体字教程
不要受名称误导当你打开photoshop的图层样式面板，你会发现阴影、内发光、内阴影等效果名称。不过，不要被这些名称误导了，并不像你眼睛所看到的那样，这些效果其实拥有更加强大的功能。你可以使用投影为一个扁平的形状创建出发光效果或3D立体效果。这仅仅是这些效果功能中很小的一部分。继续往下看，你将会学到这些效果的全部功能。所有效果100%可自定义你完全可以自由调整曲线、色调、混合模式、颜色、强度、饱和度、透明度等效果的任意数值，这些数值没有一项是随机显示的。你唯一需要的是耐心和对细节的关注。默认效果就像噩梦Photoshop提供的效果默认数值只是供你了解其作用的。千万不要把这些默认数值当成理所应当的。设计师们只需找到每种效果的设置方法，你的作品肯定会脱颖而出。以后每次打开效果面板，都尝试着寻找方法来改进你的设计。记住以上这三点，并应用到你的设计工作中，我相信这会是提高你Photoshop技能非常棒的方法。相信我，这种方法就像有一种魔力，我已经做到了。来看看我们今天要做的效果吧：看起来很复杂，对吗?就像我前面提到的，不要被这些效果所误导，看我下面的步骤，你就会了解其中的一切。开始吧~