推荐阅读

详细解析网页无边框按钮的优劣点
导览列对于多数手机 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、增加图片景深。打开原图素材大图,按Ctrl + J 把背景图层复制一层,然后选择菜单:滤镜 > 模糊 > 高斯模糊,半径设置为5,确定后按住Alt键 + 鼠标左键点击蒙版图标添加黑色蒙版;然后用透明为50%的柔边白色画笔把远处的背景涂模糊,如下图。 2、增加橙黄色。创建可选颜色调整图层,对黄色、绿色、青色进行调整,参数及效果如下图。

详解Photoshop给物品图片抠图的六种方法
1、番外篇:毛发对于毛发,则可以采用通道法:选择背景与主体反差较大的一个通道,复制为图层,使用色阶工具使其成为黑白分明的图像,然后用自动索套即可。将两种方法选取的图层合并即告完成。如果发现有白色边缘或其他颜色的边缘,可以使用“图层”菜单下的“修边”中“移去白色杂边”、“移去黑色杂边”或“去边”命令。2、初学者常用方法a.一般如果背景颜色比较单一的话,可以用魔术棒:ps中最初级、最方便初学者的抠图工具,但在实际使用中会在图象边缘留下条边。需要去边处理。b.套索:分为三种:套索,多边形,磁性。适合抠颜色反差大边缘明显的图象。c. 路径:以矢量图的方式进行,是ps中抠图最精确的。其他的:滤镜:滤镜>抽出:边缘清晰背景单一且大面积抠图时常用;选择:就是选择你要的那部分图,执行反选、颜色范围、载入选区等都是常用的抠图工具;通道:通道设计的基本功能并不完全是为了抠图,但用来抠图抠头发,羽毛等细小物件非常有效。

Photoshop合成原始人望远方的创意场景图教程
我一直不喜欢也不推荐使用别人的半成品作品或者素材来做合成,那样虽然快速出效果,但是对自己学习成长非常不利。聊聊这个分享作品,还是那句老话,很多知识点在之前的很多案例都有无数次的讲解,作品效果虽然不属于那种吊炸点的特效类,但是其中的细节,真正只有自己去动手做了,才会领会。同一套素材,我反正是做了3遍,希望大家能消化成为自己的东西。效果图:GIF动态过程:

详细解析Photoshop人像头发后期抠图技巧教程
这段时间不知道是怎么了,到处都在问扣头发的问题,所以今天我就给大家分享一个思路吧。网上肯定有很多抠图的方法,比如通道,调整边缘,那些方法也很好,但是我今天要分享的这个估计在网上就比较少见的。这是效果图:这是今天的原图:虽然只是简单的换一个背景,但是如果我们用一般的抠图方式显然还是比较困难,所以今天分享一个新的方法给大家——混合模式法。首先我们先在最下面建立一个红色背景,并且将图层1复制一个图层: 然后将图层1的灰色先大致抠出来,这里用钢笔或者魔棒自己根据情况,主要就是要保证头发都留着,衣服和身体上的边缘口干净:

Photoshop抠图:使用橡皮檫工具抠出人像头发丝教程
关于抠图,PS提供了许多的抠图工具,例如 钢笔抠图、套索工具抠图、快速选择工具、QBQ快速蒙版、通道抠图、调整范围还有橡皮檫抠图等。但是在编者遇到头发丝较为明显的棚拍人像时,用各种的抠图方式到了头发的位置都非常的粗糙,让人头疼不已。所以,接下来就为大家讲一种商业中常用到的抠图方式,橡皮檫抠图法, 再对目前主流的快速抠图方法做一个比较。第一步:在颜色界线分明的棚拍人像片,用快速选择作出大概的选区,Ctrl+j 复制选区中的内容。第二步:在图层1中用 套索工具 (快捷键L)勾选有头发位置的大概轮廓,复制出来。并在该图层下建一个 空白图层 填充你要替换的颜色用于检查抠图精度(一般选择红蓝绿三原色用于检查)。

Photoshop抠图:保细节抠出背景杂乱的透明婚纱教程
通过原图可以看出婚纱背景较为复杂,并且婚纱受光不均匀,局部过曝,抠图的难度有点大;抠图的时候需要灵活综合多种方法,如通道、钢笔、蒙版、调色工具等逐步抠出婚纱。最终效果最终效果-纯色背景原图1、点击原图素材,打开素材大图,并把大图保存到本机。打开PS软件,打开保存的素材图片;进入通道面板,把蓝色通道复制一份,得到蓝副本通道,如下图。2、选择蓝副本通道,再选择菜单:图像 > 应用图像,参数设置及效果如下图。

PS合成教程:制作从水中穿越出来的大鲨鱼图片
本教程主要使用photoshop合成从水中穿越到出来的鲨鱼场景,合成的教程主要妙在创意,本组的创意非常的独到,从浴缸中穿越到现实中,对教程感兴趣的朋友可以跟着教程一起来学习吧。教程来自于站酷设计师凶勐的大老虎,感谢作者!

Photoshop美化教程:给水边小镇图片加上晨曦效果
原图画面非常漂亮,不过天空部分有点泛白,整体缺少韵味;前期先把图片转为暖色,并把整体压暗,渲染出较暗的环境;然后给天空换上霞光素材,把过渡处理自然,得到想要的效果。最终效果原图1、点击原图素材打开大图,然后鼠标右键选择“图片另存为”保存到本机。用PS打开保存的原图素材,按Ctrl + Alt + 2 调出高光选区,按Ctrl + Shift + I 反选得到暗部选区,然后创建曲线调整图层,对RGB、绿、蓝通道进行调整,参数及效果如下图。2、按Ctrl + J 把当前曲线调整图层复制一层,效果如下图。

Photoshop合成教程:打造在玻璃瓶中跳舞的女孩图片
效果图合成比较简单,直接把人物抠出,贴到瓶子里面,并调整好大小;然后根据环境,渲染人物的颜色和光影;最后给人物周围增加一些装饰元素,得到想要的效果。最终效果1、打开人物及瓶子素材。2、接下来就是先把人物抠出来,这里使用的是通道抠图,这个步骤就不详述了,抠图的时候要细心一点。然后把人物移到瓶子上面,水平翻转一下,并调整好大小,如下图。3、按住Ctrl点击人物图层缩略图调出选区,然后确认当前操作图层是在背景瓶子图层,按Ctrl + J 复制图层,将美女选区内的瓶子复制出来,移到人物图层上面,再混合模式改为“点光”,再用橡皮工具擦掉不需要的瓶子即可。4、接下来我们调整人物颜色,这里用了颜色叠加、渐变叠加、照片滤镜、色相/饱和度等来调整,参数设置如下图。