推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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.成为闭和的路径后,载入选区.
其实很简单 PS抠图两种方法
难度抠图是别人这样叫的,并要求发个教程,等到看了这个教程后你就不会认为这样的图是高难度的抠图了,呵,在这里我用了两种方法,希望对你有所帮助,祝你在论坛里玩的开心。 第一种抽出方法: 1、复制一背景层,下面再加一颜色图层以便观察,如图 2、用抽出命令,设置如图,强制前景色3、加蒙板处理掉多余的部分
Photoshop选择与抠像专业技法
在本案例中,要选择的这个人物有两处比较难处理的地方,一是矿泉水瓶,另外就是草帽的空隙。要将人物从背景中准确地分离出来,必须保持矿泉水瓶的透明度,还要保留草帽的编织间隙,因为在替换背景后,这些区域都会显示出新背景的内容。有时候看似复杂的东西,在通道里却一目了然,本案例中的矿泉水瓶和草帽也是如此,我们将在通道中为制作它们的选区寻找最佳的解决办法。原图像 抠选的图像 最终效果 步骤简述:用钢笔工具绘制人物轮廓→制作草帽的选区→将草帽的选区粘贴到人物的选区中→制作矿泉水瓶的选区→将矿泉水瓶的选区粘贴到人物的选区中→替换背景。制作人物选区 (1)选择钢笔工具,在工具选项栏中按下路径按钮,再按下添加到路径区域按钮,沿人物的轮廓绘制闭合式路径,如图1所示。
Photoshop抠出墨的艺术效果
今天这个教程是我群里的一个朋友在问如何把墨的流动效果抠出来,也算以前没有写过这类的教程吧,所以就有了这个教程。 先看下扣出来的最终效果。对墨的图片思考 言归正传,我们先看图片。 这样的图片其实很容易处理,不过要处理得有层次,那还是有一点小难度。拿到图片感觉拍摄的质量不够好,感觉ISO有点高,噪点多了些。那就先看看通道好了,依次查看通道,发现绿色通道还不错。那就先复制一个绿色的通道
巧用Photoshop用图层模式抠取靓妹
方法步骤: 01、打开图片,ctrl+j两次,分别得到图层1和图层1副本。见图01 02、点击红圈处,新建图层2,放于图层1与背景层之间,并填充蓝色。作为检验效果和新的背景层。见图02 03、在图层1执行图像--调整--色阶命令,用白吸管在图中的红圈处点一下,这样原来的蓝灰色的背景就变成了白色的背景了。见图03 04、图层的模式设置为正片叠底, 这时微细的发丝就得到了。见图04 05、ctrl+j复制粘贴一层,得到图层1副本2,图层的模式仍为正片叠底,再看看发丝是不是更清晰了?见图05 06、点击红圈处,在图层1副本层加蒙版,用黑画笔仔细在人物主体外涂抹出新的背景及发丝。见图06 07、蒙版涂抹后的效果。见图07 08、背景太单调了,加点效果,新建图层3放于图层1和图层2之间,用云彩画笔扫一下。见图08
Photoshop抠图杂谈 三言两语话抽出(1)
抠图的方法有好多,其中包括:通道、抽出、图层模式、色彩范围、图层样式、橡皮擦、背景橡皮擦、蒙版、钢笔、套索以及魔术橡皮擦和魔棒等等。另外还有N种专门抠图的外插和软件。今天咱就谈谈抽出滤镜,抽出滤镜功能强大,运用灵活,是PS专用来抠图的工具,它容易掌握,运用得好效果极佳。它可从繁杂的背景中抠出散乱的发丝,也可抠出物体的透明,见图1、图2图1图2我们不去探讨理论,只从实用的角度来探讨基本方法。抽出就是作选区,抽出就是要在选区内得到颜色的信息。从而来达到抠取图片之目的。一、抠取图片的单色抽出滤镜抠图,分为单色抠取和全色抠取两种,当需要强调抠取某一种颜色时,例如:发丝、羽毛、透明的纱等,就要用到抽出滤镜里的强制前景这一项,你需要抠取哪一部分颜色,就把强制前景设置为该种颜色,颜色的设置可用吸管工具来提取,见图3。图31、单色抠取的步骤 以小兔为例,首先在强制前景处打上勾,你需要抠取什么颜色,就用吸管工具点选,然后用高光器工具在需要抠取的地方涂抹绿色,首先强制前景白色抠取小兔的白毛,见图4,抽出的结果,见图4a。再强制前景黑色抠取小兔的耳朵,见图5,抽出的结果,见图5a。最后的效果,见图6。
Photoshop抠图专家:KnockOut外挂滤镜(二)
使用Photoshop抠取透明物体是一个很复杂过程,常见的方法是利用了Photoshop图层的“屏幕”和“正片叠底”特性抠取透明物体,这个过程十分繁琐。KnockOut利用阿尔法通道来保存蒙版,当去掉背景以后,会保留含有阿尔法通道的透明物体。今天我们使用KonckOut来抠取一个透明的玻璃杯。 (1)启动Photoshop,打开一幅玻璃杯照片,如图1所示。 图1 (2)在图层面板中将背景层拖放到下方的“创建新图层”按钮上,创建一个“背景副本”层,如图2所示。图2 (3)保持当前所操作的层为“背景副本”层,然后执行“滤镜/Knockout/Load Working Layer...”菜单命令,启动KnockOut 2.0。在KnockOut中使用外部对象工具在杯子的外部绘制一个选区,如图3所示。绘制外部选区线的时候注意不要碰到杯子上的任何地方。绘制选区线的时候,按住Shift键可以添加特定的选区线;按住Alt键可以删除特定的选区线。图3
Photoshop抠图专家:KnockOut外挂滤镜(一)
在使用Photoshop处理图片的过程中,经常需要用到“抠图”的方法将对象从背景中分离出来,这是一种十分重要并应该熟练掌握的技术。“抠图”的方法有很多种,比如使用魔术棒和套索工具的初级抠图法和蒙版抠图法、通道抠图法、路径抠图法、抽出滤镜等高级技巧,这些方法要么抠图效果不好,要么就是难度对于初学者来说太大。 今天将要给大家介绍一款Corel公司出品的经典抠图工具Knockout,目前最新版本为2.0。Knockout 2.0 (点击下载Knock Out(抠像大师)V2.01中文汉化版)一经推出,便备受好评,因为它解决了令人头疼的抠图难题,使枯燥乏味的抠图变为轻松简单的过程。Knockout 2.0不但能够满足常见的抠图需要,而且还可以对烟雾、阴影和凌乱的毛发进行精细抠图,就算是透明的物体也可以轻松抠出。即便你是Photoshop新手,也能够轻松抠出复杂的图形,而且轮廓自然、准确,完全可以满足你的需要。 Knockout 2.0之前的版本作为一个独立的软件使用,而现在的版本则必须要作为Photoshop的滤镜插件使用。关于它的安装方法和其他外挂滤镜一样,这里不再赘述。本文以Knockout 2.0的汉化版为例进行说明。 一、界面介绍 在安装完Knockout 2.0以后,启动Photoshop,打开需要处理的照片,然后将照片在图层面板中复制为一个副本层。保持在副本层中的操作状态,执行“滤镜/Knockout/Load Working Layer...”菜单命令就可以打开Knockout了,它的界面如图1所示。图1 KnockOut的界面分为菜单、工具栏和状态显示面板几部分。 1.菜单栏 菜单栏中包括文件、编辑、查看、选择区域、窗口和帮助几部分。
Photoshop抠玻璃杯十步教程
原图 抠完后 1、用钢笔工具描勾出图像主体 2、复制两个图层,并将其下层去色(Shift+Ctrl+U)设为强光模式,并在下面新建一个图层填充颜色,以便观看
