推荐阅读

详细解析网页无边框按钮的优劣点
导览列对于多数手机 APP 而言是个很重要的元素,它不但可以让使用者明确的了解目前所开启的功能名称,在许多时候还是放置导航与重点功能的一个区域。在以往,当导航列上出现可以点击的按钮时,设计师在视觉表现上都力求让用户知道是个按钮,直至 iOS7 的去材质化设计理念,将这些地方的按钮的形态去掉、仅剩下符号与文字告知用户该「按钮」的功能。传统上,大多数的按钮外观都被设计成拥有具体的形状范围,除了可以有效的提示使用者这是个「可以被点击」的按钮组件之外,还可以有效的让用户知道这个按钮的「作用范围」在哪里,以防误触到相邻的按钮。这点这在许多地方相当有用,尤其是按钮相当多的屏幕小键盘或计算器,就需要让用户知道按键的实际感应范围在哪里。桌面系统与触控系统大不同其实在导览列上去除每个按钮实体的形状并不少见,像是计算机系统中也是有许多组件的长相也不诺我们认知中的按钮,比如说系统列,其实就是一串按钮的集合体。计算机系统的主要操作方式是透过鼠标光标,当按钮拥有实体范围时,它可以帮助用户确认按钮的大小及位置,使鼠标光标准确地移动至按钮上方点击,而遇到像导览列或是工具栏的地方,因为导览列本身已经有实体范围了,并且也可以利用 hover 特效,帮助用户进一步确认光标与按钮之间的关系。

用钢笔、通道和曲线的抠图技巧
一、打开素材观察,发现此图并不难抠。比较难的是: A、头顶的几根细发和左手边发髻, 对此我们将用曲线调整。 B、左脸颊,左臂的网格衫与背景界限不清。对于界限不清,我们常用钢笔工具抠。 二、选择钢笔工具,图片放大到300%,抠出人体部位(不包括细发)。

相对路径和绝对路径在网页中的用途
经常听到网友苦述自己的网页中有许多图片不能正常显示,究竟为什么不能正常显示呢?总结其原因绝大部分都是因为使用了错误路径所致。网页中的图像、动画等素材都有自己固定的存放位置,网页只是通过路径使用HTML语言来调用它们,然后把它们显示在网页中。在网页中的路径大体可分为相对路径和绝对路径,大家(尤其是初学网页设计的朋友)往往对它们不够认识,在应该使用相对路径的地方使用了绝对路径,从而导致浏览器无法在指定的位置打开指定的文件,使素材不能正常显示。 那什么是相对路径?什么是绝对路径呢?为什么使用了绝对路径有时就不能显示呢?让我们一起来认识一下它们吧。 比如C盘的My Pictures目录下有一个tp.jpg图像,那么它的路径就是c:My pictures p.jpg,其实这种完整地描述文件位置的路径就是绝对路径。如网页index.htm中有一张图片tp.jpg,它们的绝对路径是: c:My picturesindex.htm c:My pictures p.jpg 如果你使用了绝对路径c:My pictures p.jpg进行图片链接,那么在本地电脑中将一切正常,因为在c:My pictures下的确存在tp.jpg这个图片。但你将它们上传到网站服务器上后,就不会正常了,因为服务器给你划分的存放空间可能在C盘其他目录中,也可能在D盘其他目录中,总之不会那么巧的就是c:My pictures。那么图片路径应该如何设置呢?这里就必须使用相对路径了,所谓相对路径,顾名思义就是自己相对与目标位置。在上例中index.htm中连接的tp.jpg就可以使用My pictures p.jpg来定位文件,这样不论将这些文件放到哪里,只要它们的相对关系没有变,就不会出错。具体的链接方式是这样的:“..My picturesimg.jpg”,其中使用“..”来表示上一级目录,“....”表示上上级的目录,以此类推。 我们一起来看看初学的朋友可能犯的几个路径错误: 例1 c:mywedwedindex.htm
最新发布

用Photoshop打造美女人体裂痕
在广告设计中,把两幅完全不相关图片通过PS巧妙地融合到一起,会得到一些匪夷所思的效果。下面我们将要做的是把干涸裂痕的大地图片“移植”到人体上,得到一种另类的艺术效果。 先看一下效果: 制作工具:Photoshop CS 制作过程: 1、新建宽度为10厘米,高度为12厘米,分辨率为200,颜色模式为RGB,背景为白色的文件。 2、将工具箱中的前景色设置为深棕色,新建文件填充前景色。 3、选择菜单栏中的“滤镜”“渲染”“光照效果”,弹出“光照效果”对话框,参数设置如图01所示,画面效果如图02所示。 图01

Photoshop将美女变成邪恶之神
这个教程是关于创造一个邪恶黑暗的效果.让我们一起来看看看艺术的黑暗面.我已经下载了一张女演员Livtyler的图片,就是这个 如果你喜欢上面的图片,只要复制它而且用在这个教程中是免费的,我只想知道经过这么多的教程中对她脸的处理她会说什么~!让我们开始,我们可以一步一步的来.我假定你非常熟悉Photoshop ,因为我不会非常详细的解释每一步而是写出它们的快捷键.我想你已经在photoshop里打开了上面的图象,好了么?(如果你想对我们的作品作一些修改,使用别的图片的话,最好是一些女孩子的照片) 单击键盘上Ctrl + U 和饱和价值 -90 然后确定 现在一切都清楚了,该你给这件事加一点点神秘色彩了 对图像使用模糊滤镜如下所示 现在我们真正的巫术工具来了,这一步我们讲要让她看上去变得很难看,烧了它~!按"O"键选择加深工具 调整范围值为高光曝光度设成100% 加一些暗影到额头下面、眼睛下面、嘴的周围或者其他你认为需要和需要减低曝光量的地方,你的结果应该看起来是这样的 下面添加一个新图层起名叫eyes(眼睛)。选择这个图层,用多边形套锁工具选择她的眼睛,用红76绿14蓝11填充选择区域,将图层的填充值变成50%并且混合模式变成颜色加深。现在她的眼睛变成鬼眼了 这里到了很需要技巧的部分了,如果你有一些比较漂亮的恶鬼的脸的图片我们可以借过来当作纹理。总之我不想谈论额外的帮助,我们在photoshop里面做所有的这些。按“B”选择笔刷工具,建立一个新图层,使混合模式设成覆盖,用仿完成画笔集替换默认画笔选择下图所示的画笔,在你想要的地方做一个标记使用颜色红52绿7蓝7 现在我们要尝试一些其他的笔刷用同样的方法,我选择的是涂上所示的第90种,用这个笔刷在她的脸上到处刮擦。记得你要选择15%的不透明度,使用任何你喜欢的比较喜欢的颜色我用的是跟前面一样的 你的图应该如下图所示 现在你要在她的脸上加一些邪恶的纹身,按"U"键选择形状工具并且选择如下图所示加亮的形状

Photoshop打造另类视觉系COSPLAYER
先看效果图: 到图库里翻出了这样有视觉味道的MM,然后就开始用PS处理。画矢量风格的图片真的不好,一做就象那个方向使劲,眼周围的线条做的很硬,后来用了早先的毛笔字的做法,效果终于自然一些。嘴巴是这次处理比较满意的地方,黑白对比做的还可以,黑的很有效果。最后还是实验了图层的混合模式,得到了另外的2张。 制作笔记: 1.任何化装用品在脸上,外边都有些毛点的效果,口红除外,所以做的时候最好先把边缘羽化删除一些,然后用“扩散”。 2.颜色的选择不能过于纯色,比如黑色的眼影到了皮肤上后,不一定就是纯黑的,我这里就是咖啡色的。嘴唇一开始也不是纯黑的,也多少有点粉灰。如果要添加眼影,也要考虑到这点,因此,选完颜色后,要使用“正片叠底”,让颜色均匀的与下面的内容混合。 3.嘴巴的改色,用了调整图层,底下是“渐变映射”,从棕黑到白,然后做嘴型蒙版;上面是“亮度/对比度”,提高嘴唇的光泽。(他们做cos的人说,弄成这么黑还真的很不容易,这样简单多了) 皮肤的改色差不多,但用的是“色相/饱和度”,降低饱和度得到雪白皮肤,然后用蒙版把旁边的部分都涂出来。 4.图层都合并后,可以尝试复制图层得到多种的混合效果,这里用的是“叠加”,“亮光”。 5.注意细节,例如,指甲虽小但也应该考虑,我这里手指甲改成黑色后,还加了白色花瓣,只是现在图片缩小了,效果不是很明显。

Photoshop打造超酷的暗调蓝光非主流照片
2、把人物选出来,羽化100左右,(自己根据情调节)选区如图:4、取消选区。加大对比度(图像 > 调整 > 亮度/对比度),参数设置如下图。 5、新建一层纯色调整层颜色的RGB值为7、112、108,图层模式为“柔光”,再新建一层纯色调整层颜色的RGB值为16、42、62图层模式为“柔光”。

Photoshop调出人物图片淡青的非主流色调
2、执行图像――应用图像,参数如图。 8、执行滤镜――滤镜库――深色线条,参数如图。10、alt+ctrl+shift+e,盖印图层,得到图层3。11、TOPAZ锐化,轻微磨皮,再加些适合的文字,完成最终效果。

电影特效照片的制作
1、打开素材图,按crtl+u打开“色相/饱和度”窗口,饱和度为“-76”,设置如图1,效果如图2<图1> <图2> 2、打开“亮度/对比度”窗口,调节亮度和对比度分别为“-10”和“50”左右,设置如图3,调节后效果如图4 <图3> <图4> 3、在层面板窗口拖动图层至“创建新的图层”复制一个活动层。<图5> 4、点击“菜单>滤镜>模糊>镜头模糊”,打开“镜头模糊”窗口,设置“半径”为9,“叶片弯度”为14,“旋转”为58,“亮度”为7,“阈值”为213,设置如图6,效果如图7。 <图6> <图7> 5、点击层面板底部“添加图层蒙板”,点击图层选择“图层蒙板缩略图”如下图8(图层中红色框位置) <图8> 6、选择“笔刷工具”,设置主直径值为“400 px”,然后使用笔刷工具点击照片,设置如图9。 效果如图10 <图9> <图10>

用Photoshp制作电影胶片效果
先看效果图: 一、新建文件,参数如图 二、复制背景层,在背景副本上选择矩形选框工具画一矩形,CTRL+J复制一层,选择――载入选区,填充黑色 三、不要取消选区,执行选择――修改――平滑,取样半径5 四、执行选择――反选,DEL删除,矩形的四角变圆滑了,CTRL+D取消选区

巧用Photoshop制作漂亮拼图特效
虽然Photoshop有一些外挂滤镜可以很轻松地实现拼图的效果,不过练习一下用Photoshop从无到有地模拟拼图效果对自己的Photoshop技术提高会有一定的帮助。 大家不妨先想想自己做会用什么工具、方法和步骤。一起来试试吧! 原图如下 完成效果图 1.新建一文件设置如图。 2.选择矩形选框工具,设置如图。

Photoshop打造炽热太阳特效
完成效果如下。 1. 创建一个photoshop新文件,将背景设置为黑色,创建一个新的图层,并利用圆形工具绘制一个正圆。将你的前景和背景颜色换成橘色,然后执行“滤镜-渲染-云彩”。如图: 2. 执行“滤镜-扭曲-球面化”, 设置数量为100% ,模式为正常。 依据你画的太阳的大小这步重复几次。在这里我重复了两次。 3. 创建一个新的图层, 并且按CTRL键单击太阳层选择,设定颜色为默认值( 黑白) 然后,在新的图层上,执行“滤镜” -渲染 -云彩。 4. “滤镜” -渲染 -分层云彩。根据你的图形大小多重复几次。在这里我重复5次。

Photoshop滤镜打造动感特效
这是我玩Photoshop滤镜时做出的动感效果,觉得挺有意思,发来跟大家分享一下,比较简单。 原图 效果图: 开始制作 抠图的方法很多,在这里就不细说了 再发一张类似的效果图。大家可以看出这是利用了纵向位移。