推荐阅读

详细解析网页无边框按钮的优劣点
导览列对于多数手机 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
最新发布

打造可爱花边框
(kissraini提示:括号内的快捷键在英文输入法状态下有效,可帮助你直接调用工具)效果图: 最终效果1:选择椭圆选框工具(shift+M),shift+alt+鼠标从中心点拖拽出一个正圆,复制选区(ctrl+J),ctrl+鼠标点击新建按钮,在图层下新建一层填充白色(D、ctrl+Del) 2:ctrl+点击新建按钮,再次新建一层,将前景色设置为浅棕色,用椭圆选区工具任意的拖拽出椭圆,编辑-描边,大小-1像素。 3:同样方法绘制多个。

PS制作艺术画框
2、按Q键进入快速蒙版,如图(2),执行滤镜――像素化――色彩半调,最大的半径为8像素,通道(1):105,通道(2):160,通道(3):80,通道(4):60,如图(3),执行色彩半调滤镜后效果如图(4)。

用Photoshop制作电影胶片边框效果
本文中我们用Photoshop将多张照片处理成连续胶片的特殊效果。 先看效果图: 效果图 一、新建文件,参数如图: 新建文件 二、复制背景层,在背景副本上选择矩形选框工具画一矩形,CTRL+J复制一层,选择――载入选区,填充黑色。 复制图层

Photoshop制作墨迹像框的效果
打开素材图片,进入通道调板,新建通道。 2.使用画笔工具,绘制一个形状。 3.使用魔棒工具选择黑色区域,并在“选择”菜单上选择羽化。 按delete 4.“滤镜”―“锐化”―“USM锐化”,数量、阈值拖到最大,半径根据缩略图设置,确定。 5.“滤镜”―“风格化”―“扩散”,确定。 6.“滤镜”―“模糊”―“径向模糊”,模糊方法设置为“缩放”,中心点可以根据图形位置调整。 7.按Ctrl点击通道缩略图(Ctrl+4),得到选区。 8.保持选区,返回图层,复制背景图层,点击新建图层蒙板。 最终处理效果:

Photoshop巧制残破边缘艺术边框
这种残破边缘效果经常被应用到设计中,造成一种特殊的艺术效果。其实只要用好Photoshop的滤镜,操作很简单。 先看完成效果: 也许有观众问,photoshop里面有自带边框actions,用它来做就行了,不用搞得这么复杂吧。那么,actions能做下面两张图的效果吗? 这个实例中,我不多说原理,大家知道如何做就行了。 (1)按D键使前景为黑色,背景为白色。使用filter/render/clouds滤镜。 (2)filter/artistic/palette knife,使用默认设置

用魔术橡皮擦快速更换图片的背景
这是为初学者写的一段教材,如果觉得过于琐细,就麻烦斑竹删去多余的枝蔓吧。另外,写得虽详细,具体做的时候可只要三下二去五,很方便,可不要害怕呵! 这里有三幅图片: 图1是原始图片,(图1): 现在要把图2中用方框选出来的部分天空换入原来的图中,(图2): 得到新的图片。(图3):

ps给照片加蓝天白云
2、选择工具面板“魔术棒”,点击天空部分。(如图二) 图二 3、点击天空部分后,只选择了大部分天空,以下有两种方法可以选择全部天空:其一,按住“shift”键多次点击其余天空部分,直到将全部天空选上。其二,在菜单栏点选“选择\选取相似”项,选取其余天空。(如图三)不管那种方法都要注意:一是最好将图片放大,以便看得清楚,将该选的天空都选上,否则加上蓝天后交界处会融合不自然;二是“魔术棒”的“容差”不要太大,过大可能会选上一些不该选取的部分。如果选上不该选取的部分,可以按住“Alt”键,用“工具面板“上的“索套”工具取消这部分选择。 图三 4、将天空全部选定。(如图四) 图四 5、再打开一幅你想添加的蓝天白云图片。(如图五) 图五 6、点击“选择”菜单中的“全选”。(如图六) 图六 7、点选“编辑”菜单中的“拷贝”。(如图七) 图七 8、返回到原来的图片(注意:此时你选择的天空选区仍然存在),点击“编辑”菜单中的“粘贴入”。(如图八) 图八 9、点击“粘贴入”后蓝天白云就被粘贴到新图层的选择区域内,覆盖原有的旧天空。如果没有占满选区,或者觉得需要调整白云在图片中的位置,可以选“编辑”菜单中的“自由变换”项。(如图九) 图九 10、用鼠标拽拉蓝天图片四周的小点,调整图片大小和位置。感到调整满意时,用鼠标点击工具面板上任意一按钮,出现一对话窗口,点击“应用”。(如图十) 图十 11、 如果觉得天空太亮或太暗,可用“图象\调整\色阶”,移 动滑块调整亮度;也可在“图层”面板上调整新图层的“不透明度”,以便使添加部分与其它部分更融合。对新图片满意了,就点选“图层”菜单中的“合并图层”项,一幅添加蓝天白云的照片就PS成功了。(如图十一) 图十

photoshop制作大光圈朦胧背景
1.在Photoshop中打开原图,对图层进行复制,图层栏定在要复制的图层上。然后菜单栏图层-〉复制图层(见图1) <图1> 2.对下面一个图层进行高斯模糊,在图层栏里选择下面一个图层,然后滤镜-〉模糊-〉高斯模糊(见图2),在弹出的对话框调整参数:半径 5(见图3) <图2> <图3> 3.选折上面一个图层,然后更改它的图层混合选项为“叠加”(见图4) <图4> 4.查看效果保存照片。(见图5)这个方法很简单实用,做完以后有点艺术照的效果。各位读者可以在此基础上进行扩展,调整图层的不透明度,或者把图层改成柔光、滤色的等其他模式,也会让你得到不同的效果,甚至可以将多个图层以不同的透明度叠加,或许有意想不到的收获哦!其中的奥秘就留给大家自己去开发,去思考! <图5>