推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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复杂背景抠散乱的头发
原图: 效果图: 方法步骤: 01、打开图片,ctrl+j两次,得到图层1和图层1副本。点击红圈处,创 建新图层,得到图层2把这层放于图层1与背景层之间,并填充颜色,这 里填充了绿色,作为检验效果和新的背景层。 02、在图层1执行滤镜--抽出命令。在强制前景处打勾,颜色选择白,为
Photoshop去边命令巧除抠图杂边
Photoshop去边命令巧除抠图杂边。 本教程为中国教程网 叶冷 原创。 之所以选这个图,是因为最终抠出的图的边缘比较清晰,易看,最终也易懂。 我复制“蓝通道”为“蓝副本通道”,用色阶调整得到白色选区,抠出这个图。 由于我着重是讲述边缘的问题,具体抠图步骤就省略了。 加了一个深蓝色的背景,大家看,在这个背景的衬托下植物的边缘明显有呈现出一种灰白色。 在这个图里,简单地述说一下修边中三个命令:去边、移去黑色杂边、移去白色杂边。
用Photoshop通道为漂亮MM照片抠图
对于边缘整齐、色彩对比强烈的图片,可以用Photoshop魔棒或是路径工具进行抠图处理。但是对于人物飘飘长发,最好使用通道抠图法。通道抠图法的重点是运用图片自身通道信息来选择所需要抠取的部分。 前后效果对比 1.启动Photoshop,导入要处理的图片,点选“钢笔”工具,属性设置 将图片中人物的主体轮廓勾出。注意碎发部分就不要勾在里面,因为在后面将对其进行专门地处理。 小技巧:在用“钢笔”工具勾图片时,略向里一点,这样最后的成品才不会有杂边出现。 2.选择“窗口→路径”打开“路径”面板,这时你会发现路径面板中多了一个“工作路径”,单击“将路径作为选区载入”按钮,将封闭的路径转化为选区。
Photoshop通道法抠取茂密树枝
这里我们主要利用了Photoshop的颜色识别能力来进行判断和选择,通道法抠取图片是Photoshop中最为高阶的抠图技巧,掌握了它,你可以随意的抠取自己需要的任何图片了。 (1)首先打开photoshop软件,点击菜单“打开”命令,打开我们的“树枝”素材图片。在图片中我们可以看见茂密的树枝无论是用钢笔、索套、画笔、抽出工具都不能实现树枝的抠取,如图1。 图1 打开“树枝”素材图片 (2)通过观察,可见图像中除了待抠取的树枝外,背景是一个蓝色的渐变。这里我们选择蓝色通道,并将其复制一份。这样我们可以在不影响原图像色色彩下任意编辑我们选定的通道,如图2。 图2 Photoshop复制蓝色通道 (3)选中复制的蓝色通道图层,点击“ctrl+i”组合键将图像反相,反相后的图像如图3,这样你可以明显的看出背景部门变成了灰色,而待抠取的树枝部门变成了白色。这是为了我们可以更好的将背景和我们需要抠取的图像分离出来。 图3 反相后的图像效果
Photoshop一图多解抠图从此变得简单
Photoshop一图多解抠图从此变得简单。 原图 最终效果 一、抽出滤镜抠图法 101、打开图片,ctrl+j两次,分别得到图层1和图层1副本。 102、点击红圈处,新建图层2放于图层1和背景层之间,作为检 查效果和新的背景层,并填充颜色。
Photoshop巧用色彩范围抠出复杂人物图象
Photoshop巧用色彩范围抠出复杂人物图象。 原图 最终效果 1 打开如下图片,复制图层,将背景层锁定。我们将在复制层进行抠图,隐藏背景层。选择 >> 色彩范围,打开色彩范围窗口,选择最左边的吸管工具并点击图像背景,这时在色彩范围窗口中你会发现被选择部分变成了白色,移动颜色容差滑杆,使得图像大部分区域变成黑色,并且背景易于选取。提示:要添加颜色到选区时,应使用中间的吸管工具点击要添加的色彩部分。 2 获得选区,在通道面板中,按下“将选区存储为通道”按钮,得到一alpha通道,取消选择(Ctrl+D),点击“Alpha 1”层,这时图像变成黑白色。提示:图像中的黑色区域是我们要保留的部分,白色为要扣除的部分。 3 这时我们发现图像中还有部分灰色区域,这些将成为半透明区域,所以必须将他们调整为纯黑色或纯白色。图像 >> 调整 >> 色阶,打开色阶窗口,由左向右拖动黑色滑杆直到灰色区域变为纯黑色为止。由右向左移动白色滑杆将白色区域变得更清晰。
Photoshop超简单抠婚纱方法
Photoshop超简单抠婚纱方法。 原图 最终效图 步骤一:打开原图,新建立三层,模式都为滤色。 步骤二:打开通道面板、载入明暗分明的通道。 步骤三:分别填入纯的红绿蓝三色,点击链接后,合并三层。
Photoshop抠图片实例教程
Photoshop抠图片实例教程。 原图 最终效果图 1、打开原图,用钢笔工具或套索工具勾出人物主体(即不透明部分)如图: 2、将路径作为选区载入。这句话如果你不明也不要紧,你就按ctrl+Enter让路径转为蚂蚁线就行了。如图所示: 3、保持蚂蚁线不变,按ctrl+j自动生成“图层1”,隐藏背景图层,效果如图所示:
Photoshop通道抠图实例教程
Photoshop通道抠图实例教程。 原图 最终效果图 1.启动Photoshop,导入要处理的图片,点选“钢笔”工具,属性设置,然后将图片中人物的主体轮廓勾出。注意碎发部分就不要勾在里面,因为在后面将对其进行专门地处理。 小技巧:在用“钢笔”工具勾图片时,略向里一点,这样最后的成品才不会有杂边出现。 2.打开“路径”面板,这时你会发现路径面板中多了一个“工作路径”,单击“将路径作为选区载入”按钮,将封闭的路径转化为选区。
Photoshop超细头发通道抠图教程
Photoshop超细头发通道抠图教程。 原图 最终效果图 1、先查看通道找,看看主体部分用何通道比较合适,我选择了蓝通道。复制蓝通道。对此通道进行色阶调整。 对此通道进行色阶调整。 2、反相。用画笔把头发主体之外涂黑。
