推荐阅读
详细解析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里什么做不到呢，哈哈哈，这样格调满满的图同学们一定很想学，一起通过教程来学习一下吧。效果图：操作步骤：首先PS，导入一张图片，并打开参考线：www.16xx8.comCtrl+K调出首选项，选择“参考线，网格和切片”，网格线间隔单位设置为百分比，数值为33.33：执行视图-显示-网格，然后把参考线拉到网格线所在的位置。如图所示：
用PS调色调出暖色效果室内人像的照片处理教程
原图的颜色有一些曝光不足，模特皮肤有些许的痘痘和眼袋需要处理。我们主要把人物处理细腻一些，然后在把整体的颜色处理的漂亮一些，最终效果我们先来看看原图是怎么样的。分析原图1.原图由于在室内拍摄和天气的原因，导致整体的曝光并不是很足，调子也很普通灰灰的。2.模特皮肤有些许的痘痘和眼袋需要处理。3.衣服和肤色的黄色、红色、蓝色由于曝光的原因，原本衣服和肤色的颜色黄色、红色、蓝色变得黑了，黄色、红色、蓝色中掺杂灰色导致颜色不是很通透。所以后期要着重调整颜色为如下通透的颜色，这也是我们最终的目的。
Photoshop制作时尚大气的镏金艺术字教程
本教程主要使用photoshop制作时尚大气的镏金艺术字教程。作者通过各种图层样式的配合，做出逼真的金属质感，大家都试试吧。教程中未注明色值的默认黑色或者白色。喜欢的朋友让我们一起来学习吧。教程素材：镏金效果的金属艺术字PS教程素材先上最终效果图1、开始之前，先把需要的字体和笔刷装好。在PS里新建一个文件，1800*1300px，RGB，背景色为#1f1f1f。2、新建一个图层，命名为“texture”，使用刚刚载入的笔刷在画布中心点几下，颜色用白色。注意多换几种笔刷来涂，覆盖画布的*部分。3、调整“texture”的图层样式，如图：
Photoshop设计制作金色大气的2017艺术字教程
最终效果1、打开PS软件，按Ctrl + N 新建画布，尺寸设置如下，然后确定。2、选择渐变工具，颜色设置为灰色至暗灰色如图2，然后由背景中心向边角拉出径向渐变，如图3。3、点这里打开文字素材，然后保存到本机再用PS打开，用移动工具拖进来，调整一下位置，如下图。
Illustrator制作意大利面艺术特效文字教程
在下面的教程中，您将学习到如何在Adobe Illustrator创建一个alphabetti意大利文字效果。首先，您将学习如何创建一个简单的矩形和一个文本，如何轻松地将它们放在画板中心。接下来，您将学到如何使用基本的矢量形状创建复合路径。如何在外观面板中添加微妙的阴影，基本的混合技术和光栅效应。最后，使用径向渐变和一个简单的混合技术，您将学习如何提高插画的整体对比。先看看效果图1. 创建一个新文件和设置网格Ctrl+N创建新文档，参数设置如下;在点击确定之前，确保对话框底部的“使新建对象与像素网格对齐”未勾选。2. 创建背景和主要的形状STEP 1将工具栏底部的颜色设置成R:180 G:13 B:7 ，描边设为无;选择矩形工具(M)，点击你的画板上开设矩形窗：宽度为610px;高度为810px，单击“确定”;接下来，打开对齐面板(窗口>对齐)。设置对准画板(如下图所示)，然后单击“水平居中对齐“，”垂直居中对齐“按钮。移动到图层面板，打开现有的图层，双击该，重新命名为“背景”。
CorelDRAW如何制作路径文字教程
在使用CorelDraw设计排版过程中，有时需要一些特殊的文字形式来对图片增添美感修饰，正常情况下，我们是按照常规的横、竖方向来书写文字的，那么怎么来按照自己想要的想要的方向、路径书写出来的文字呢?本文小编分享如何使用CorelDRAW制作路径文字。1、打开CorelDRAW，导入要添加路径文字的图片。2、使用“贝塞尔工具”(绘图工具不限制，只要能到达想要线条或图形就好了)，绘制要输入文字的路径。3、选择“文本工具”，将鼠标指针放到曲线路径上，此时指针右下角显示曲线图标。4、点击路径，出现输入文本的光标。5、现在输入文字，文字会沿着路径方向排列。
制作清新的水果立体字海报设计的Photoshop教程
效果图由两大部分构成：立体字和装饰元素。立体字是用PS自带的3D工具完成的；装饰部分用到了水果、水珠、高光等素材，素材的局部可以用滤镜等做一些特殊处理。最终效果1、创建新文件，大小1400px * 800px，然后设置淡蓝色背景。2、创建新图层，使用白色柔和的笔刷工具在画布中心点上白点。3、新图层的混合模式设置为”柔光”。4、通过这一步，加入3d文字效果，首先使用文字工具，淡粉色，输入一行字。
如何制作剔透的紫色玻璃字体的Photoshop设计教程
玻璃字制作重点是高光部分的刻画，先把文字图层复制几层，每一层填充都改为0，然后用图层样式逐层给文字增加高光；高光可以应用到文字中间或边缘。最终效果1、新建画布。打开PS软件，选择菜单：文件 > 新建，尺寸设置如下图，也可以按自己需求设定。2、制作背景。选择渐变工具，颜色设置为暗灰色至黑色，如下图，在属性栏选择径向渐变；然后由画布的中心向边角拉出渐变色。3、导入文字。把下面的文字素材保存到本机，再用PS打开，用移动工具拖进来，然后调整好位置。
PS转手绘教程：制作唯美手绘效果的古装电视人物照片
原图最终效果1、软件是sai，把人物抠出来，滤色图层-叠点肤色在脸上，衣服上，衣服上叠一些蓝色紫色。2、水彩笔磨皮，用笔把鼻子嘴巴的结构稍微画一下。