推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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抠出图章,很简单的,大家试试。原图 1、打开图像后,我们到通道面板观察一下,在red通道里可以看到印章和文字黑白差异最大,那好我们就用它了,复制Red(红)通道(图2),图2 3、转到“Red Copy”(红复制)通道,“Ctrl+M”调出曲线,用黑白吸管分别点击文字和印章,在“Red Copy”通道里使文字变成完全黑色,一次不行,就多点几次,直至印章消失(图3)。
PhotoShop纯色背景快速抠头发的简单方法
1、打开原图,复制背景图层一份,并改名为图层1.如图:2、我们先用矩形选框工具框住右边的图像,然后按Ctrl+L键,点选设置白场吸管工具,在选区内的背景上点击,务必使背景尽可能变为白色,而要抠取的主体人物部分尽可能的不损失细节为好。如图: 3、按Ctrl+Shift+I键,反选,然后也按Ctrl+L键,用上面的方法,把背景也设为白色。如图:
PS用颜色混合带将玻璃杯融入环境
首先,我们想在一个有书架的屋内放一个大的玻璃瓶,通过我们的处理,使他达到象是真的存在于这个屋内一样。下面是屋子的样品以及我在百度上搜到的一些相关的效果,大家以后做的时候也可以先搜一下,以达到更加真实的效果。 以上所引用的水杯及茶杯图片均为真实拍摄,想对来说,茶杯的变形更为复杂一些,在处理这样的情况时候,我们可能还需要用到液化,水杯的可以用球面化的水平优先。
Photoshop简单的抠图与溶图教程
新店就要开张了,菜单还没做出来,这可急坏了来来---------抠图与溶图咋这么难呢?我们来看看令他头疼的是个什么样的作业呢?哦,原来是要把下面那盘点心抠出来溶合到新的背景中。原图背景素材合成效果图 教程:
PhotoShop利用蒙版为事物抠阴影教程
在影楼和日常生活中经常遇到给照片换背景时,地上的阴影不知怎么扣下来,光扣人物,再后期加上阴影又显的很假,不加显的更假,像是悬空一样,不能和背景融合在一起,下边讲给你一种方法,让你把属于人物的背景扣下来,让背景换的更显的自然些,好的,废话不多说,直接上教程……首先,打开一张有阴影的图,复制一层用套索和魔棒工具把主体扣出来然后添加蒙板,在背景层上边添加一个空白层并填充成反差比较大的颜色,好看清阴影的效果复制刚才扣好主题的那一层,并把其中一个的眼睛点掉,为的是保留主体的轮廓,只在另一个上做效果
Photoshop通道混合器扣除复杂的树林
本教程主要用Photoshop通道混合器工具来给一张树枝图片抠图,抠图的方法有很多种,这种抠图方法是利用通道混合器来调整通道所做的抠图方法。因为涉及到通道,对刚入门的人有点难,有时间我会跟大家讲讲关于通道的知识。原图:创建反相调整层,效果如图:反相命令可以将图像中的每个像素的亮度值都转换为256级颜色值上相反的值,从而创建负片效果。从反相的效果中我们可以看到,天空和原材显示出比较一致的色调,树木的枝干呈现为白色,树枝与背景的色调已经初步分离,这些都为我们下一步的操作创造了条件。新建通道混合器调整层,勾选单色。减少通道中的红色,增加输出通道的绿色和蓝色,从而进一步分离天空和
