推荐阅读
详细解析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制作紫红色田间情侣写真图片美化处理教程
本教程介绍非常漂亮的紫色调图片调色方法。大致分为三个大的步骤：首先是图片的基本修复，包括整体颜色及人物不美观的部分。然后是主色调整，这一步比较重要，调整的时候要细致，要把图片的层次感调出来。最后就是高光部分的渲染，给图片加上光晕等即可。最终效果 原图首先来分析素材图片需要美化的部分：背景杂乱；人物皮肤不干净；女士背部及小腿需轻微液化处理；男士红裤子颜色过于突出；照片整体偏灰，曝光不足。基本调整：一、 用液化工具把女士的肩膀，背部，小腿稍微美化一下。二、分别创建色阶、色彩平衡调整图层，参数设置如下图，将图片颜色基本恢复正常。
Photoshop调成梦幻阳光色彩的美女照片
梦幻图片的制作相对复杂一点，后期多了一步渲染工作。前期基本相同主要是美化和润色，确定好图片的主色，然后再慢慢渲染高光，让图片看上去更为梦幻。最终效果1原图一、图像 - 调整 - 阴影/高光 （数量：27% 高光：0%）。二、色相饱和度（全体-饱和度：+27；绿色-饱和度：+37；黄色-饱和度：+11）。三、照片滤镜（颜色#：00fcff 浓度：25%）。
详解商业人像大片中发丝精细Photoshop美化教程
最终效果原图1、首先我们在ps里面打开图片，进行观察，发现头发问题很多，选取头发形状和走势比较好的部分。如下图。2、然后进行复制，移动到合适位置，添加蒙板，使用画笔进行融合，让它过度自然，如下图。3、关键一步来了，新建空白层，使用头发笔刷根据头发走势和形状进行描绘，让复制的头发层和原图融合自然为止(温馨提示：没有经验的小伙伴可以多看点头发转手绘的教程)如下图。
PS制作甜美黄褐色背景照片及皮肤美白处理
甜美色需要注意好肤色与背景色的搭配，清爽，明亮一点的底色可以更好的衬托出甜美的肤色。在处理的时候可以把背景和人物部分分开来调色。最终效果原图一、复制一层，创建阴影/高光调整图层，参数设置如下图，然后对皮肤以外部分添加蒙版。二、盖印图层，修复画笔工具去除大的噪点。三、复制一层，NEAT磨皮，加蒙版擦出衣服头发和石凳。四、亮度/对比度。
PS制作漂亮红褐色树林中长发女孩照片处理
素材图片有点偏暗，比较适合暗调颜色。作者用的是暗红色，过程也比较简单。先简单调亮图片的暗部，然后快速调出图片的主色，后期再微调局部颜色即可。最终效果原图一、打开人物原图，窗机解锁。二、进入通道面板，按Ctrl 键鼠标点击RGB层载入高光选区，然后按Ctrl + C进行复制。点击图层面板，回到图层面板，按Ctrl + V 粘贴，将图层混合模式改为“滤色”，添加图层蒙版，设置前景色为黑色，把人物部分擦出来，因为这步是为了提高背景部分。三、新建可选颜色调整图层，参数设置如下图。四、再新建可选颜色调整图层，对黄色进行调整，参数设置如下图。注：可能有人会说为什么不一次性在一个可选颜色里面调，却需要多次建立新调整层，因为每一层都是针对下面完成层的基础来调的，一个可选颜色层和多个可选颜色层，就算里面的数值完全相同，也做不到完全一样的效果的，因为被操作层的基数是不同的。
PS美化给草地上的女孩图片添加金色阳光效果
素材图片也是在阳光下拍摄，只是周围的树荫太重，图片有点偏暗。处理的时候可以适当把图片颜色调亮，局部多增加一点暖色，然后渲染出阳光的效果即可。最终效果 原图一、打开素材图片，创建可选颜色调整图层，对黄，绿色进行调整，参数及效果如下图。这一步给图片背景部分增加一点暖色。二、创建可选颜色调整图层，对黄，中性色进行调整，参数设置如图4,5，效果如图6。这一步同样给背景部分增加暖色。
Photoshop给照片添加唯美的逆光效果教程
最终效果原图1、打开原图素材大图，创建可选颜色调整图层，对黄、绿、白进行调整，参数设置如图1 - 3，效果如图4。这一步主要把图片中的绿色转为黄绿色。2、按Ctrl + J 把当前可选颜色调整图层复制一层，不透明度改为：30%，效果如下图。
Photoshop给灰蒙蒙的人像照片添加新海诚风
自很久之前看了《言叶之庭》起，一直很喜欢新海诚先生的用色和光影的风格，苦苦琢磨很久没什么起色。前几天突然想起这个事情，立马跑去电影院看了《你的名字。》回来之后对画面中的光影和色彩有一些自己的小理解，修了一张和其他小伙伴们风格不大一样的动漫风在这里做个小教程和大家分享一下动漫风格对光影的一些处理技巧。一、画面风格分析新海诚一直以多变的色彩，写实的画面和梦幻的光影而著称，有不少摄影师一直在琢磨和模仿他的风格，那么在正式制作之前，我们先来分析一下新海诚的特点。以上是新海诚一部分作品的画面，均来自于网络。然后我们来拆解分析其中的几个关键部分：（1）亮部（2）暗部
巧用Photoshop修复画笔工具完美去除人像照片皱纹
这篇PS教程将针对减少人像皱处进行详细介绍。首先要说明的是，我们要做的是减少人像皱纹，而不是完全消除。因为完全消除皱纹会让人像看上去与实际年龄相差太远，这就偏离了PS的目标。也许有的网友会问，用PS将皱纹完全消除不好吗?的确，在进行时尚杂志封面设计时，消除皱纹的效果是很棒，但那是因为封面模特年轻。对于普罗大众来说，皱纹是随着年龄增长自然而来的，并不应该过度PS修复以致失去人物本身的特征。然而，由于光线条件不足、休息不够而引起皱纹过于明显和暗淡，将会影响人像质量。因此，本次PS教程将会学习通过使用photoshop修复画笔、图层不透明度和混合模式等减少皱纹的影响。这次PS操作版本为PhotoshopCS6，建议使用PhotoshopCS5以上的版本。OK，下面先看看将要进行操作的人像素材。从下图可以看到，人像摄影基本没啥问题，但是眼睛周围的皱纹过于集中深刻，对人像存在不少影响。图00在进行皱纹修复后，人像效果如下。图01步骤1:创建新图层在Photoshop将人像素材打开后，在图层面板中可以看到人像素材作为背景图层设置于图层面板中。
PS美化教程:Photoshop制作水彩风格的人像艺术效果
首先说明，这篇文章是受到一篇文章的启发而做的。但是我改变了它的用途和一些方法，加入了一些其它的因素。与原先的初衷已经不同了。我用在一些溶图上，会出现一些特殊的效果。在一些特效上，或许会出现出其不意的效果，这是我写这篇文章的目的。所以我的定位是溶图。有不足之处，希望各位朋友指出来，一起提高。一：选图其实这种图，我的感觉是选择一些稍微朦胧一点的，对处理效果有帮助。很多朋友都有这种感觉，就是看教程很好，换一张图就不好了，大概就是这个原则问题。二：曲线调整讲图片导入后，复制一层(Ctrl+j)。然后进行曲线调整。然图片明暗更加分明。这里使用的是编辑调整里面的曲线，而不是通道里面的。目的是我只进行这一步调整，更简单。然后我按Ctrl+Alt+2选择 亮部。