推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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.观查并分析:图中画圈的地方都比较模糊,这个时候用钢笔工具就不太好使了,那怎么办呢?有什么办法可以让抠图后的效果即有模糊的地方又有清晰的地方呢?思考中…… 2.有了,想来想去想出一法,画笔可以不断的调整其笔刷样式,那好,一起来试试。画笔工具在抠图前,为了确保更能顺利的完成抠图,所以可以再次利用蒙版辅助做图,所以,千万别忘记给图层加蒙版,方法:先将背景层解锁,双击就可以了。然后给层添加蒙版,如图: 3.好了,开始抠图,首先放大图像,选择画笔工具,并在其属性栏内设置画笔的大小,将前景色调成黑色,在要抠图的边缘进行涂摸,将用不到地图片部分擦除掉,如图:
Photoshop 抠图―蒙板配合钢笔工具的使用
钢笔工具是PS里经常用到的绘制路径的一个工具,用顺手了,会喜欢上这个工具,因为在做图的时候非常方便。在使用钢笔工具抠图的时候,往往会用到蒙板辅助做图,当然,其实在用其它工具做图的时候,也经常会用到蒙板,所以这里把蒙板提到教程的前面,就是因为后面的教程里大多数都要用到,那么钢笔工具如何使用,蒙板又会起什么作用呢,让我们一起来学习。 首先蒙版是PS从初级向中级迈进的门槛。蒙版在PS图像处理中起了非常强大的功能,在蒙版的作用下,PS中的各项调整功能可以发挥到更加极致的地步。 对于蒙版的学习,在经典论坛里已经有很多高人讲到了,这里小女在这里再稍做一下提示,其实对于蒙版在配合钢笔和其它工具抠图中,主要还是通过它的Alpha透明功能进行调整, 蒙版在辅助工具抠图的时候,主要是对图层进行了保护作用,也就是说在抠图的时候不被一些工具破坏掉原图,从而快速抠图,就算遇到了错误之处也可以作用画笔或橡皮工具快速更改,还不明白?一起来做!~ 蒙版的用法: 一、可以做多张图片的渡拼接,如图: 所用素材: 操作步骤如下: 1. 如图所示,打开两张图片,然后将一张图置入到另一张图内,如图:
Photoshop 抠图之无招胜有招
先说说简单说说做这个图片扣图的目的:这是很多年以前我在公司上班的时候,一个外国客户的需求,他们需要将一个狼头设计在一个杯子上,于是才会有了下面的扣图。 首先我们来看看素材,这样一张素材,会让人很伤脑筋,背景跟主体部分非常的接近,不管是重色相、明度、饱和度上来区分,都是很难区分的。 对于有一定难度的问题,我一般都会做个小实验,大家跟我看一下这样的实验后,就会明白要怎么做这个扣图的工作了。 首先将画笔调整以下状态 ,这里说一下,钢笔压力这个选项只有装了手写板才会有的选项,我这里用的手写板是Wacom 影拓 II 。 按下Q键,进入快速蒙版编辑状态,双击以快速蒙版模式编辑按钮,在弹出的对话框中做如下设置。 使用画笔工具,用前景色为黑色,在边缘上画上几笔,尽量按毛的走势来画
Photoshop 单色背景抠图简明教程
把原来的图层复制一层。 第二步 把背景图层变成图层0,图层模式变成正片叠底.再新建一个图层填充红色,这时的红色只是用来衬托的,没有什么用处。 用橡皮擦把上面的背景图层擦去.注意发梢不要擦得过度,适当调笔刷的不透明度,否则托到背景里就能看出来痕迹。 第四步 擦好之后把上下两个图层链接一起托到你想要的背景图层上,就OK了,如此而已,很简单的。
Photoshop 桔子婚纱抠图教程
原图 抠完后 1钢笔抠出人物 2将人物复制粘贴两层交下其面建一图层填充颜色以便观察调整 3将最顶层图层1副隐藏,对的人抠出人物所在的图层1进行高斯模糊
Photoshop抠图-毛茸茸的牧羊犬
给毛茸茸的牧羊犬照片抠图可有点麻烦,我把我的Photoshop抠图过程写出来介绍给大家。先看一下处理前后的对比效果。 1) 用Photoshop打开这张素材图,我们的任务是把狗从复杂背景中分离出来。 2)仔细观察,除了狗尾巴部分其它的部分的背景均可以看作是纯色的背景了。不知道你们看出来的没有??我的方法就是把抠图分成数个单一的纯色背景的抠图来做。(为什么要搞为纯色背景?答案只有一个,那就是好抠,抠出来的图损失少喽) 3)说干就干,按L键,切换到套索工具,把“狗头”给抠出来,按Ctrl+Alt+D键,羽化10个像素吧,具体图片具体对待。如图: 4)按Ctrl+J键,两次,得到两个狗头的新层。并且把图层一按Ctrl+Shift+U键去色,如图: 5)新建图层2,填充一种颜色,我这是选了蓝色,作为新的背景图。再图层1的混合模式改为强光,再隐藏图层1副本层,如图: 6)在图层1上执行图像->调整->亮度/对比度命令,设置如图:
Photoshop蒙板抠图方法与技巧
Photoshop蒙板是将不同灰度色值转化为不同的透明度,并作用到它所在的图层,使图层不同部位透明度产生相应的变化。黑色为完全透明,白色为完全不透明。 Photoshop蒙版的优点: 1.修改方便,不会因为使用橡皮擦或剪切删除而造成不可返回的遗憾; 2.可运用不同滤镜,以产生一些意想不到的特效; 3.任何一张灰度图都可用来用为蒙板。 Photoshop蒙版的主要作用: 1. 抠图; 2. 做图的边缘淡化效果; 3. 图层间的溶合。 本文我们介绍如何运用Photoshop蒙版抠图。
Photoshop抠取扫描图像中的印章图案 抠图
最近单位实施网上办公,需要将公章扫描发到网上。但是有的公章底稿质量就不太好,扫描后有日期、落款等文字覆盖在印章之上。无奈之下只好用photoshop将公章图案抠取出来。本例借古人印章一用(图1)。 原图 处理完成 1、在Photoshop中打开图像后,我们到通道面板观察一下,在red通道里可以看到印章和文字黑白差异最大,那好我们就用它了,复制Red通道(图2)。 转到“Red Copy”通道,“Ctrl+M”调出曲线,用黑白吸管分别点击文字和印章,在“Red Copy”通道里使文字变成完全黑色,一次不行,就多点几次,直至印章消失(图3)。 说明:如果你提取的是公章,在Red通道里,可能只看见日期、落款了,那调曲线可就简便的多了。
给秀发飞扬的MM照片PS抠像换背景 抠图
想给一张秀发飞扬的MM照片换背景可不是一件容易的事情,今天我们就用图解的方式一步一步教大家怎么用Photoshop的通道工具将丝丝缕缕的秀发从背景中脱离出来。先看一下处理前后的对比效果。 处理前 处理后 1、先在Photoshop中打开照片,在通道面板中查看通道,看看主体部分用何通道比较合适,我选择了蓝色通道。 复制蓝色通道,对此通道进行色阶调整。 2、反相。用画笔把头发主体之外涂黑。
用PS色彩范围命令两步轻松抠出飘发MM 抠图
在Photoshop中复制背景层,加蒙版。 应用色彩范围命令。 天极设计在线:选择菜单“选择(select)-色彩范围(color range)”即可调出色彩范围面板。 选择色彩范围。 复制新层。 加背景层
