推荐阅读
详细解析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键确认。拖动时，要记下属性栏中的数值变化，以便设置定后面的操作。
最新发布
photoshop选区工具之吸管工具使用教程
photoshop的吸管工具 吸管工具 可以选定图像中的颜色，在信息面版中将显示光标所滑过的点的信息。 吸管工具的任务栏如图3所示，其取样大小选项用来设定吸管工具的取色范围（如图所示），包括；取样点，3X3平均，5X5平均。photoshop的吸管工具的工具属性栏 颜色取样器工具
Photoshop调出古典暗色效果的草地美女
最终效果原图1、打开素材图片，创建可选颜色调整图层，对黄、绿、青、白，黑进行调整，参数设置如图1 - 5，效果如图6。这一步给图片增加暖色，同时把绿色调暗。
Photoshop给照片添加抽丝纹理背景教程
本教程主要使用photoshop制作细格子特效的抽丝纹理背景，教程主要PS把抽丝的团制作好，然后在平铺填充合成到照片中，喜欢的朋友让我们一起来学习吧。先看一下显示的最终效果1、打开图片如图2、ctrl+n新建文件，宽高设为2像素，如图3、新建图层，删除背景。在右上角填充一像素的黑色，如图4、点击菜单--编辑--定义图案，如图
Photoshop调制暖金色阳光草地情侣图片处理
本教程介绍常见的黄褐色图片调色方法。思路也比较简单，只需要把图片的暗部调为褐色，其它颜色调为淡黄色即可。如果图片颜色较为复杂，可以用纯色填充或通道替换来消除杂色。最终效果 原图一、打开原图素材，创建色相/饱和度调整图层，选择黄色，用吸管吸取草地颜色再调整，参数设置如图1，效果如图2。这一步把背景部分的绿色转为橙黄色。二、创建可选颜色调整图层，对黄、绿、白、黑进行调整，参数设置如图3 - 6，效果如图7。这一步增加图片黄色的亮度。
Photoshop制作时尚绚丽的2016光斑艺术字
效果图看上去有点复杂，其实制作方法非常简单。我们先把文字转为路径，然后用设置好的画笔描边就可得到初步的效果；再设置不同的画笔描边，增加细节和层次即可，最终效果1、新建一个1000 * 600像素，分辨率为72的画布，背景用油漆桶工具填充黑色，效果如下图。2、点这里打开文字素材图片，然后鼠标右键选择“图片另存为”，保存到本机。再用PS打开，文字为PNG格式，用移动工具拖到新建的画布里面，并调整好位置，效果如下图。3、按住Ctrl键 + 鼠标左键点击图层面板文字缩略图如下图，载入文字选区，如图4。
Photoshop调出粉褐色野花丛中的户外写真照片
素材图片整体颜色有点偏暗，背景色也比较杂。处理的时候可以用通道替换消除多余的杂色，然后再调成统一的粉红色，后期加强高光及暗部的颜色即可。 最终效果 原图一、打开原图素材，把背景图层复制一层。进入通道面板，选择绿色通道，按Ctrl + A 全选，按Ctrl + C 复制。选择蓝色通道，按Ctrl + V 粘贴，点RGB通道返回图层面板，效果如下图。二、创建色相/饱和度调整图层，对青色进行调整参数设置如图2，效果如图3。这一步把背景青色转为红色。
Photoshop调出橙红色的俏皮可爱情侣照片
Lab模式下制作鲜艳图片是非常快的，前期可以用通道替换减少图片中的杂色，然后增加颜色的饱和度，把颜色调鲜艳，后期再微调一下颜色，增加一点补色即可。最终效果 原图一、打开素材图片，选择菜单：图像 > 模糊 > Lab颜色，确定后按Ctrl + J 把背景图层复制一层。 进入通道面板，选择“a”通道，按Ctrl + A 全选，按Ctrl + C 复制，选择“b”通道，按Ctrl + V 粘贴，点Lab通道返回图层面板，效果如图2。二、创建色彩平衡调整图层，对中间调，高光进行调整，参数设置如图3,4，效果如图5。这一步主要给人物肤色部分增加橙红色。