推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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抠图完全攻略
抠图难吗?其实一点也不难,只要你有足够的耐心和细心,只须掌握最基础的photoshop知识就能完美的抠出图片。当然,这是靠时间换来的,我们应当掌握更简便、快速、效果好的抠图方法。抠图,也就是传说中的“移花接木”术,是学习photoshop的必修课,也是photoshop最重要的功能之一。这几天在研究photoshop抠图,个人纵观所有抠图方法无外乎两大类:一是作选区抠图;二是运用滤镜抠图。 图1 稍难点的抠图就是“抠发抠婚纱”,抠发,指的是抠细小的物体,如毛发等;抠婚纱,就是抠透明质感的物体,如婚纱、玻璃杯等。好了,我们就分三大类来解析一下photoshop抠图: 一、一步抠图——最原始最没有技术含量的抠图方法。 1、双击photoshop窗口灰色区域,打开两张素材图片。 图2 2、移动图片至想要的背景图片上,把所在层的模式改为“滤色”。
photoshop 新手教程-简单学习用抽出抠图
1.打开图象 CTRL+J复制一层。 2.CTRL+ALT+X 抽出,用画笔(B)画出要保留的图象的边缘,并填充(G)要保留图象的内部。(如果不喜欢快捷键^_^ 没关系..在滤镜-抽出这打开吧,呵.再新手也应该看得懂吧) 3.按住CTRL键新建一层,就会在图象下面新建一个空白图层,填充一个纯色,观察扣出的结果。(这个不会...我也就没办法了) 大体上完成了吧.现在你喜欢什么就换个背景咯..随便换个吧.比如 顺便送只小猫..给你做图...
巧用Photoshop通道为卷发人像照片抠图
用Photoshop抠图是我们经常要做的,其中头发与透明物体是抠图的难点,特别是卷发人像。这里介绍一种方法,大家不妨一试。 原图 在通道中复制明暗对比高的:如蓝色 用路径钩边。 调出选区,并羽化5。
Photoshop抠图:从花背景中快速抠出文字
这种方法可以帮助大家快速从花背景的合成图中抠出文字。只有两步,希望对菜鸟有帮助。 第一步:在Photoshop中打开图例 第二步:从菜单中选择“图像-调整-阈值(image/adjustments/threshold)”,选择阈值=128 (threshold leve1=128)。 得到效果图:
利用Photoshop通道抠图法理解和实例讲解
抠图方法很多种,根据不同的照片采用不同的抠图方法是提高抠图效率的好方式,而什么照片采用什么抠图方法是很多人感到疑惑的,我建议大家多正确理解几种抠图方法,了解不同抠图办法的特点和技巧要点,这样在需要抠图时才可以根据照片的背景来选择适当的抠图办法。 当然,如果不嫌麻烦,而且严格要求作品质量,甚至采用多种抠图技巧来进行混合抠图也是必要的。 只有正确理解"通道",才能正确运用通道的特点来理解"通道"抠图的意义以及运用技巧。 正确理解通道及通道有什么作用,详细说起来可以写一本厚厚的书,但我只想在这个教程中说明"通道"在一般抠图时所扮演的角色,以及"通道"在一般抠图时的运用技巧。 当你能理解这个抠图教程"通道"的运用原理后,以后你会发现"通道"的其他可以应用的奇妙之处。 用一句话可以概括"通道"在抠图时的运用精髓:"通道"就是选区!也就是说:建立通道,就是建立选区;修改通道,就是修改选择范围!那么选区是如何形成的呢?简单说:通道中不同的颜色形成不同的选择范围!
Photoshop通道给大美女李嘉欣抠图教程
原图: 处理图片时,抠图是大家常会遇到的问题,对于边缘整齐、象素对比强烈的,可以用魔棒或是路径工具进行抠图处理。但是对于人物飘飘长发,用这些工具就无从下手了。事实上,抠图的方法很多,不同的图片有不同的抠法。下面笔者就向大家推荐一种最常用而且最有效的方法——通道抠图法。 1.启动Photoshop,导入要处理的图片,点选“钢笔”工具,属性设置,然后将图片中人物的主体轮廓勾出。注意碎发部分就不要勾在里面,因为在后面将对其进行专门地处理。 小技巧:在用“钢笔”工具勾图片时,略向里一点,这样最后的成品才不会有杂边出现。 2.打开“路径”面板,这时你会发现路径面板中多了一个“工作路径”,单击“将路径作为选区载入”按钮,将封闭的路径转化为选区。 3.选择图层面板,点选“背景”层,点右键,单击“复制图层”命令,新建一个“背景副本”。点选“背景副本”,单击“添加图层蒙版”按钮
Photoshop通道法为漂亮MM抠图实例
原图: 处理图片时,抠图是大家常会遇到的问题,对于边缘整齐、象素对比强烈的,可以用魔棒或是路径工具进行抠图处理。但是对于人物飘飘长发,用这些工具就无从下手了。事实上,抠图的方法很多,不同的图片有不同的抠法。下面笔者就向大家推荐一种最常用而且最有效的方法——通道抠图法。 1.启动Photoshop,导入要处理的图片,点选“钢笔”工具,属性设置,然后将图片中人物的主体轮廓勾出。注意碎发部分就不要勾在里面,因为在后面将对其进行专门地处理。 小技巧:在用“钢笔”工具勾图片时,略向里一点,这样最后的成品才不会有杂边出现。 2.打开“路径”面板,这时你会发现路径面板中多了一个“工作路径”,单击“将路径作为选区载入”按钮,将封闭的路径转化为选区。 3.选择图层面板,点选“背景”层,点右键,单击“复制图层”命令,新建一个“背景副本”。点选“背景副本”,单击“添加图层蒙版”按钮
