推荐阅读

详细解析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合成海洋中漂浮的漂流瓶图片合成教程
最终效果1、新建文件。打开PS软件,按Ctrl + N 新建,尺寸为1680 * 1080像素,分辨率为72像素/英寸,如下图,然后点击确定。2、把前景色设置为暗青色#0c3329,然后用油漆桶工具把背景填充前景色。3、新建一个组,命名为“海底”。4、在工具箱选择“矩形选框工具”,然后框选下图所示的区域。

Photoshop合成创意的树叶中的茶山图片合成教程
最终效果1、打开PS软件,按Ctrl + N 新建,尺寸为1280 * 900像素,分辨率为72像素/英寸,如下图,然后点确定。2、在工具箱选择“渐变工具”,然后设置渐变色,如下图。3、设置好渐变后,在属性栏选择“径向渐变”。4、由下图箭头方向拉出渐变色作为背景。

用PS合成创意作品照片设计的Photoshop合成教程
我们见过很多让人印象深刻的作品,他们大部分都有一个共同点,就是充满创意和想象力。那么这些照片是怎么通过photoshop创造出来的?下面的视频和文字,就向你展示这项魔术,把照片合成到一个新水平,所有的这些,都在90秒内!1匹配你的元素在选择要组合的元素时,需要确保它们匹配。首先,选择透视图匹配的元素。第二,确保光源在你所合成的元素之间是相对相似的。2花时间在选区上所谓的选区,通俗来讲就是抠图,我们的时间要多花在选区上。里卡德说,他80%的创作时间都花在了准确的选择上。这会在最终的作品中产生巨大的变化,所以在选择和剪裁时不要懒惰。

用Photoshop调出夕阳氛围古典人像图片的PS古风调色教程
本教程主要使用photoshop打造中国风古装人物大片,非常有意境的古风人像作品,希望PS教程网的朋友可以喜欢。 最终效果 原图 1、打开原图,镜头的广角导致画面有些变形,我希望能调成横平竖直的效果,所以用自适应广角处理了一下。这个滤镜用起来不复杂,就是你用左边第一个工具沿着画面中物体的边缘画出线条,然后可以右键选择是水平还是垂,就可快速校正。 2、校正完成后到处都是穿帮,这个时候就只能耐心的修补了,好在整图有一种对称美,可以随意挖出一部分素材水平翻转,结合蒙版搞掂。然后就是图章工具使用了。 3、把天空的部分选出来,这里可以直接用快速选择工具,或者你也可以用钢笔工具或色彩范围,选择的方法有多种。这里就不用讲解每一个方法或工具的具体用法了,这些基础使用方法可以百度里看一下。

用PS合成动作迅速的沙尘奔马图片的图片合成教程
本文的重点是骏马部分的处理,先抠出骏马;然后找一些扬沙,灰尘等素材,融合在马上面;后期通过溶图和修饰把沙尘纹理处理清晰,在通过调色等把颜色跟周围环境融合起来。最终效果1、打开扬沙背景。把下面的扬沙素材保存到本机,打开PS软件,然后打开保存的素材。2、打开骏马素材。把下面的素材保存到本机,然后用PS打开。3、抠出骏马。用通道把骏马抠出来,如下图。

用Photoshop外挂滤镜给粗糙头像皮肤磨皮处理教程
具体的质感肤色制作方法需要根据素材图片来选择。下图人物素材本身质感非常好,只需要用图章等工具修复一下较大的痘痘,局部偏暗及偏色的部分用选区来单独修复。总体看上去均匀,有质感即可。 最终效果原图一、PS打开原图素材,创建可选颜色调整图层,把图片稍微调整一下,具体数据根据个人喜欢调整。二、新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。用修复画笔工具和图章工具修复一下美女脸上的痘痘,这个需要耐心。三、新建一个图层,盖印图层。把前几色和背景色恢复为默认的黑白色。然后执行:滤镜 > 素描 > 基底凸现,参数设置如下图。在光照的选项里我们需根据图片的光照来选取。

快速PS磨皮方法,学习PS给欧美女性头像超质感磨皮教程
本文的方法重点是磨皮部分,前期先把肤色磨光滑,然后还原出肤色细节。这种方法优点是磨皮速度极快,磨皮后的肤色区域非常柔和均匀,同时细节保持完好。感兴趣的朋友一起来学习吧。最终效果原图1、前期处理。打开原图素材,按Ctrl + J 把背景图层复制一层,并命名为“前期处理”,如下图。2、红圈位置就是前期需要修复的部分,包括大的痘痘、斑点、瑕疵、伤疤等。3、在工具箱中选择“修复画笔工具”,模式“正常”,源:取样。

使用Photoshop简单步骤给外景婚纱照片添加白云背景
这两天有朋友都在问同一个问题,加天空, 给照片加天空,是每个做数码师经常要做的事,我想大家都有各自的处理方法,但有时候遇到那种地平线在人物头部以下的照片的时候,比如下面的图片,加起天空来就不那么好加了。还是先直接上图吧:不知道大家碰到这种照片会怎么处理。今天我想给大家分享一点我个人的方法与经验。先看下最终处里效果吧:如果是你是才刚刚入行不久话,一定会想问做成这种效果是不是很复杂,其实很简单。好了让我们一步一步来:01、打开照片,新建一个空白层,用渐变工具拉一个由黑到白的渐变效果(如图)02、找一张天空素材图片,(如图)