推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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通道抠阴影图片的的方法,婚纱之类抠图的也可以用本方法。 1.打开一幅阴影比较明显的图片,见图1。 2.我们用通道抠图,那我们开始吧。重制蓝通道,色阶调一下。见图2。 3.前景色调白,用画笔把阴影部分擦鸟,再反选,这可是精致活儿。见图3。 4.将该通道转为选区吧,ctrl+~回到我们的图层,ctrl+j将俺们选的东东复制。见图4 5.接下来该是难搞的阴影鸟,这里先介绍个快捷键,(因为听说公司里讲究滴是效率,所以我把常用的快捷键都背下来老,真叫我去菜单中找,我可能找不到^0^ )ctrl+alt+~,他的作用是选择复合图层的高亮区,如果改为ctrl+alt+1就是选择红色通道里滴罗,依此类推哈。我们来用吧。点选背景图层,ctrl+alt+~,接着Ctrl+Shift+I反选(因为我们选的是阴影,当然是暗部了),ctrl+J,将阴影复制到新层。见图5
Photoshop 通道法为漂亮MM抠图
原图: 效果如下: 教程开始: 处理图片时,抠图是大家常会遇到的问题,对于边缘整齐、象素对比强烈的,可以用魔棒或是路径工具进行抠图处理。但是对于人物飘飘长发,用这些工具就无从下手了。事实上,抠图的方法很多,不同的图片有不同的抠法。下面笔者就向大家推荐一种最常用而且最有效的方法——通道抠图法。 1.启动Photoshop,导入要处理的图片,点选“钢笔”工具,属性设置,然后将图片中人物的主体轮廓勾出。注意碎发部分就不要勾在里面,因为在后面将对其进行专门地处理。 小技巧:在用“钢笔”工具勾图片时,略向里一点,这样最后的成品才不会有杂边出现。 2.打开“路径”面板,这时你会发现路径面板中多了一个“工作路径”,单击“将路径作为选区载入”按钮,将封闭的路径转化为选区。
Photoshop 抠图―套索工具和魔术棒工具篇
在经典的这段时间,经常在PS版区学习,看了不少朋友的帖子,学到了不少东西,在我所看到的帖子里,有很多朋友提到扣图这个问题,所以我们自然而然的就想到选区,又不得不联想到某些工具或命令。就像人一吃饭就要想到筷子与汤勺一个道理。 在经典好友与蓝色的支持和信任下,做了一段时间的版主,翻帖的次数越来越多,所看到的抠图的需求越来越多,所以对抠图做了一些归纳。实际以前经典有朋友总结过,而今天再次总结,是因为它是重要的。 其实对于PS而言,光总结,只理论是不行的,因为它是一个动手的软件,所以要求我们动手实际去做,所以,总结完成后,我们来实际练习,帖子会不断更新,直到我们把抠图练到”我的图片我做主”的水平,让我们一起学习! 也许这将会是我在经典发表的最用心的一篇教程(因为一直很惭愧,从没有给过朋友太大的帮助),也许它会给人情味很浓的经典带来一点点贡献,也许会为我是亲爱的论坛网友带来一丝丝帮助,也许……不管怎么样,反正这篇教程我写定了,因为已经酝酿好久了,憋不住了。 图片在处理的时候,大多时候都会要求我们抠图,当然,也就是做选区!而实际上,PS在抠图的时候不只局限在工具中,还有其它的N种方法,那你对抠图到底了解多少呢??知道如何具体处理吗??让我们一个一个来,先从工具说起。 首先申明,本教程是抠图大集合,有很多东西就是学习了别人的东西而总结下来的,学习的时候也许已经忘记在哪里学到的了,所以不要将我的教程和其它教程去做比较,而且,本姑娘水平有限,也许有问题解决的不到位,但是我会努力,和大家一起进步,我的图片我做主,大家一起来练手。 好了,不多说了,let’s go on……来,现在开始! 工具篇--------之套索工具和魔术棒工具的用法
Photoshop 抠图―背景橡皮擦工具的使用
也许一提橡皮工具组,大家都会自然而然的想到他们的作用DDD擦除,疏不知原来背景橡皮也有扣图的作用,有还是没有呢?那让我们一起来试试吧。 做图用到的素材: 操作步骤: 1.打开一张图片,如图所示,通过观查可以发现此图可通过多种方法抠图,这种情况下,其实还可以使用我们经常使用而想不到的最简单的背景橡皮进行处理,不信?那好,跟我来吧!~ 2.将头发的颜色设为前景色,发丝边缘的颜色设为背景色,如图所示: 3.选择背景橡皮工具,其属性设置如图,依然保持刚才所设置前景色的背景的颜色,在人物边缘点击,如图所示:
宝宝照片处理抠图难题:细软模糊的头发
这张宝宝照片因为背景比较花,再加上图片质量不是非常好,宝宝的头发又比较细软,所以头发部分过于模糊,因此想用Photoshop抠图换背景有点难度,需要一些技巧。 下面我们来看修理方法。比较通道中各个通道的头发对比,选择对比强一些的蓝通道,复制一份。并分区处理,把左边选择后,CTRL+I反相。这样,头发颜色就统一了,左右都是黑色的头发。 用加深和减淡工具把一些模糊的边缘修理一下,这样对比强一点点,再用色阶就会干净很多。 放大图片,把人物的绝对范围选择出来,把这部分通道填黑。这样就有了整体的选择区。至于头发边缘处,我们利用通道来做。 为了防止修坏,把这个通道复制一下。另外,也可以用复制的多通道,制作不同对比的头发选择区。最后把多通道结合到一起,这样可以方便地对图像进行多个区域的调整,比全图整体调整的效果要好很多。 可以看出来,左右的头发,有着不同的颜色对比,所以我们要分区来做,把左边选择出来,用色阶调出对比来。至于头发的细节,最后我们再做。调对比时,在通道中使用选择区,可以保护已经调好的部分。
Photoshop 通道抠图(头发)
用PS抠图是我们经常要做的,其中头发与透明物体是抠图的难点, 这里的方法大家不妨一试! 图片如下: 原图 图片如下: 在通道中复制明暗对比高的:如蓝色 图片如下:
数码婚纱照片Photoshop抠图技巧
现在很多的影楼里都在实用了数码合成婚纱照片,虽然有一些抠图的软件,但是我觉得能够处理各种复杂情况抠好图的还是adobe 的Photoshop软件! 这里我介绍一下我在实际的工作中是怎样用Photoshop简便快速的抠出图片的。因为在一个平面设计中,抠图、修图、拼图是三大基本功,基础的学习者还要从点滴入手。这里有一幅图片,大家比较一下是抠前和抠后的合成效果。 抠图前 抠图后 我们在以前的论坛里可能是见过别人抠的方法,实际上有很多,如抽出,图层蒙板,通道等很多方法,但是每一个全不是绝对的,但是我在实际上,通道用的还是很多的。 如下面这个图要是用抽出方法就不是很容易,还会浪费很多的时间。因为要是有大量片的时候,时间,效率是很重要的,在大型的影楼里,一个熟练制作人员一天会做三到四套相册,也就是要抠上百张的图片,所以一个好的工作方法和流程是很重要的!
Photoshop图像合成实例:女孩与孔雀 抠图
适用读者:photoshop中级水平读者进阶。 教学重点:对色相饱和度的调整有更深一步的认识。 教学难点:滤色混合模式的理解、色相饱和度调整对颜色的不同影响、通道转为图像的思想阻力突破。 独创之处:突破抠图思想局限,将通道做为最终制作结果用于合成,素材本身只是一个辅助图像。 素材如下: 点击看大图 点击看大图 效果图:
