推荐阅读

详细解析网页无边框按钮的优劣点
导览列对于多数手机 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将照片处理为艺术插画特效
我们在翻阅杂志或是明星写真集时,常会发现有一些处理得非常艺术的照片插图,如图1所示。其实我们只要开动脑筋,配合Photoshop强大的图像处理功能,就可以轻松实现漂亮的艺术插画效果。 具体操作步骤如下。 第一步:进入到Photoshop CS3(其他版本步骤类似),按快捷键Ctrl+O键,在弹出的“打开”对话框中找到我们想处理的图片素材,如图2所示。 第二步:提取人物。这个图片素材由于背景为白色,所以我们可以通过“魔术棒”工具来完成人物提取工作。单击工具箱中的“魔术棒”工具,并在出现的属性工具栏中单击“添加到选区”按钮,然后使用“魔术棒”工具依次单击白色背景。接着按快捷键Shift+Ctrl+I键进行反选,这样就把人物选中了。得到选区后按快捷键Ctrl+J键复制选区并新建图层,得到图层1,如图3所示。 第三步:选中图层1,将其拖放到图层面板下方的“创建新图层”中,创建出“图层1 副本”图层,执行菜单栏中的“图像→调整→去色”命令。接着将“图层1 副本”图层拖放到图层下方的“创建新图层”按钮上,创建出“图层1 副本2”图层,并将其隐藏起来,如图4所示。

Photoshop制作用图片填充图片的错觉效果
用两幅图片当作图案填充另一幅图片,达到一种视觉错误的感觉!用Photoshop简单实现的一个教程。希望大家有所启发! 素材1 素材2 原图。 效果图。 制作方法:

Photoshop打造一个燃烧火球的魔法手
把一个普通的手的图片合成一个拿着燃烧火球的魔法手!呵呵,效果还不错。 手的图: 首先使用套锁工具把它扣出来。 效果如下: 找一张自己喜欢的图: 创建一个新图层,绘制一个圆,然后一点一点删除部分,成为如下图形状,执行径向模糊,之后把大拇指选出来放到最上面图层。

Photoshop特效处理:冲出照片的汽车
首先我们找一张汽车的图片,当然你在练习中可以自己找其他的图片,但是要注意合成图像的最终效果和原图的关系是比较大,最好找那种有独特视觉效果的图片作为原图。 本实例中用到的原图如下。 打开原图,新建立图层,填充为黑色,把背景层解锁,移动到新建立图层的上面,之后再建立一个新图层,使用矩形选框工具选择一个合适的矩形,并且填充为白色,保持选区不变。 保持选区不变,执行“选择”>“修改”>“收缩”命令,在出现的窗口里输入收缩选区10象素,然后按好按钮,最后按Del键删除,这样就得到了一个边框。 然后按Ctrl+T为该图变形。 使用套索工具选择盖住汽车的白线,然后删除掉。

Photoshop表现古老的威尼斯油画特效
本文中我们用Photoshop将这张威尼斯的照片制作出一种古老油画的特效。 Photoshop中新建文件,填充颜色如下。 添加杂色。3-4% 按Ctrl-Shift-F消褪添加杂色 添加一点海绵效果(滤镜艺术化海绵),再按Ctrl-Shift-F消褪。 找一个材质,按Ctrl-Shift-U去色。

照片处理 Photoshop制作冲出照片的效果
已经有类似的Photoshop教程了!您可以在本站搜索下!我比较喜欢这种效果,所以又练习了一个!效果描述:使一个普通照片中的部分人物或者事物等走出照片,达到一种立体效果。 原图: 效果图 教程稍后提供!

巧妙运用Photoshop调出唯美梦幻效果
下面图象感觉很梦幻,是如何调出来的啊? 专家指导,大致的思路 : 抽线(图案填充) 弄个笔刷刷两下(就是脚下加点效果) 复制图层后模糊,改变该图层的混合模式模式(具体效果,可以多试几个) 建立图层蒙板用画笔刷出自己要的形状 .. 具体的操作: 1 画一个选区(如上图1);