推荐阅读

详细解析网页无边框按钮的优劣点
导览列对于多数手机 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制作逼真的雪花飘落效果
2010-6-4 09:26 2010-6-4 09:26 2010-6-4 09:26 2010-6-4 09:26 2010-6-4 09:26

Photoshop图片合成教程二
3.回到莲花的图层,将其显示,将先前勾的路径转换为选区,再执行菜单-选择-反选,将选中的图象删除(图4)。 图4 4.选择加深工具,适当调整笔触的大小,将加深工具的属性设置为中间调,暴光度设置为30%左右。沿着剩下的莲花图象的上部涂抹,将其图象上部的颜色加深,这样处理后的莲花池塘看起来就有层次了,象是在贝壳里面的一样,而加深的部分就相当于贝壳上半部覆盖在莲花池上的阴影(图5)。 图5 5.再回到先前打开的第二个图片,也就是莲花池的图片,用钢笔工具将下方那朵较大较清晰的莲花勾勒出来(图6)。将勾勒出的路径转换为选区后,将这朵莲花复制粘贴到贝壳的图象文件中,并置于图层的最顶层。 图6 6.用矩形选框工具框选粘贴的莲话的茎部,按住CTRL+ALT+SHIFT将框选住的部分垂直向下拖动,将拖动复制的部分跟莲花本身的茎部连接起来,并多拖动几次复制,同时保证拖动部分与之前拖动复制的茎部相连接,这样莲花的茎就加长了(图7)。 图7 7.用矩形选框工具框选加长后的莲花茎部(图8)。执行菜单-滤镜-扭曲-切变,将切变轴调节至如(图9)所示。完成后效果如(图10)。 图8 图9 图10 8.现在可以看到莲花的头部与茎部错位了,先要将错为的莲花头部的位置调整一下,使它能与茎部连接在一起,选用矩形选框工具框选住莲花的头部,按住CTRL+SHIFT水平拖动莲花头部,将其位置调整,这样看起来的莲花就稍微自然些,而不是那么笔直死板了(图11)。 图11

Photoshop打造坐在云端上的美女
天空美女,用Photoshop合成图片效果,适合对Photoshop有一定基础的的人学习。 尊重原创,转载时不要在图片上打上任何标志。 素材: 最终效果: 制作步骤:

灯泡中的女人
效果步骤1:首先找两幅漂亮的图。我选的是一个3D的灯泡(一个非洲设计学的学生做的)和张柏芝的一张照片。 步骤2:然后把张柏芝的照片直接拖到灯泡里,修改大小!到你刚刚把她可以放在灯泡里面为止 步骤3:用marquee tool 拉一个圆形,把张柏芝以同心圆的程度罩起来 步骤4:设置filter-distort-spherize,使柏芝看起来有放大镜效果

Photoshop合成“夕阳西下景色”
Photoshop图片合成实例教程,适合初学者,合成照片非常简单!用橡皮图章将需要去除的背景搽掉,最后进行精细处理,可以使用一些小工具,如模糊工具等,尽量使背景和前景结合在一起,然后通过调整曲线、给照片增加滤镜使两个照片色调接近,并改变水的颜色。 素材1 <图1> 素材2 <图2> 1.打开PS,打开上面两个图片。将图2作为背景图片,将图1覆盖在图2上。然后用橡皮图章将需要去除的背景搽掉。如下图。 2.最后进行精细处理,可以使用一些小工具,如模糊工具等,尽量使背景和前景结合在一起,然后通过调整曲线、给照片增加滤镜使两个照片色调接近,并改变水的颜色。最终效果

PS合成森林中的阴森古堡
注意: 调整大小的时候按住Shift键可以等比例缩放,为保证你的素材不会被拉变形,拉的没有违和感。将先后图层顺序排列好 比如最前面的是阶梯 阶梯后面是废墟 废墟后面是天空。 选择一个素材图片点击蒙板你的素材图层后面将出现一个新的白色框框,他就是蒙板.我们接下来要在这个板子上操作,这里我选择的是废墟的图片。

PS合成冰凌中的冰冻小孩
(加个小知识:直接用图层剪切蒙版更方便,在两个图层之间按住alt单击一下,效果和原理都是一样的,见下图)常规蒙版。跑题了,还是不要玩了。解释一下思路:拿到这个题目我们考虑一下如果是现实中是要怎么实现类似的东西的?想想这个效果是不是跟隔着一层玻璃看人是一样的,所以我们要实现的无非就是在人物上面加上一层玻璃/冰块/水晶…… 这样的效果而已。所以上文中第三步,把图层叠加方式改成滤色就是做的这样的一个过程,因为我讨了个巧,找素材的时候故意找的背景是黑色的,直接做滤色相当于抠图了,抠出来个图层直接放上来也是一样的。层次的拿来说一下。比如在这个位置。如果我们处理水晶里面,有些杂质是在宝宝后面的,就可以把前面的这些擦去,就会出来一点层次了,差不多就是这个意思。会不会觉得好一点? 那么还有没有高阶版?有的,这个有很多细节是需要斟酌的,比如因为这个孩子在的缘故,水晶顶部的那些反光和水晶整体的颜色都会产生很微妙的变化,这个需要细细的去琢磨了