推荐阅读

详细解析网页无边框按钮的优劣点
导览列对于多数手机 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教程:关于水滴图片的抠图方法
从素材图来看色调比较统一基本为蓝色,如果精度不需要太高的话直接按Ctrl + U调色相/饱和度中的蓝色就可以换成任意的颜色,如果需要比较精细的效果就需要用通道把水滴的高光和阴影全部扣出来。 原图 2.确定后图片的下部分还有部分的灰色,用套索工具选出来如图2,然后按Ctrl + Alt + D羽化数值为25,再按Ctrl + L调色阶如图3 <图2> <图3> 3.确定后按Ctrl + I 反选,再按Ctrl + L调色阶如图4,效果如图5, <图4> <图5>

Photoshop图像合成教程:艺术化普通照片
下面我们用一张艺术图片为普通照片做个效果 ,photoshop初学者入门教程.先看下效果图: 图1原图和素材: 图2 图3简单方法: 打开原图和素材图,在素材图层上用ctrl+a全选,ctrl+c复制。在原图图层上ctrl+v粘贴。设置混合模式为“线性光”“不透明度”设50%,ok。请看演示截图: 图4

Photoshop打造圣诞唯美灿烂星空
圣诞节就要到了,虽然这是一个地地道道的“洋节”,但国人对于它的兴趣越来越大,也在积极准备着各种圣诞活动。下面我们来制作一款美丽浪漫的圣诞星空,为节日助兴。 1、新建一个文件。打开一幅素材图片,效果如图01所示。图1 打开素材照片 2、双击背景图层,弹出新建图层对话框,保持默认设置,单击确定,将背景层转换为图层0。 3、单击工具箱中的“魔棒工具”,在画面中选择背景,如图2。执行菜单栏中的“选择”→“羽化”命令,设置参数如图03所示,按Delete键删除背景。图2 Photoshop魔棒工具图3 Photoshop羽化 4、选择工具箱中的“移动工具”,将图层0拖动到文件中,并调整大小和位置,图像效果如图04所示。图4 图像效果

PS合成恐怖的烟草海报
A:因为只是一个教程演示,所以新建文件992X800,像素72。如果你想打印出来,像素一定要在300以上,文件大小以自己需要来进行控制。 B:新建一层命名为“背景层”执行菜单―编辑―填充,填充颜色5F5959, C:然后新建一层命名为“遮罩”,多边型索套工具勾勒出图1示选区,填充黑色,之后执行菜单―滤镜―模糊―高斯模糊,数值4.0。只要做出类似光从上方投射下来的效果即可。如图1。 D:还有个步骤就是 效果图上那个金色的框。这个框需要在完成全部效果图的时候进行制作,这里先给出制作方法。新建一层,用矩形工具选择合适的区域,然后执行菜单―编辑―描边,1像素;之后双击本层,修改混合属性的“渐变叠加”,具体样式,可根据自己的喜好设定。 升腾的气息在设计上是联系燃烧的香烟和死神的,故要做的十分的飘渺,这里需要先用路径来确定,之后用橡皮一点一点的擦。 A:新建立“升腾组”,在升腾组内新建一层,钢笔工具勾画出自己喜欢的升腾路径,之后按CTRL+ENTER转化为选区,填充白色;接下来用不透明度比较小的橡皮工具一点点的擦,直到达到类似飘渺的雾的效果,边缘可以小强度的模糊工具来进行过渡,必要的时候要进行羽化,具体数值可灵活改变,笔者不断的修改达到自己喜欢的效果。(注:如果有手写板会更方便,调整好压力)。如图4。 A:首先打开那张死神的素材,执行菜单―滤镜―抽出,在弹出的对话框中,用笔刷“刷绿”死神的身体部分。需要注意的是,如果一次抽出失败(具体表现为颜色残缺)这时候就要调整高光部分。如图5。 d-1:首先要在死神层下方新建一层,用多边型索套工具随意勾勒出光的选区,然后填充颜色“C63E10”,之后先进行高斯模糊,数值2.5,再进行径向模糊,数量75,方式为缩放,品质为好,选择的方向在上方为好,完成后将本层的不透明度修改为15% d-2:再用多边型索套工具勾勒出如图5-3示的黄色部分,填充黄色,之后如上面操作,先进行高司迷糊,后进行径向模糊,之后修改不透明度为20%。如图5-3。

Photoshop合成梦幻吧的变形金刚场景
本教程主要使用Photoshop合成梦幻吧的变形金刚场景,变型金刚小时候最喜欢的一部动画片,07年好来屋真人版上映勾起了我儿时的回忆,这里为广大变型金刚迷做一个简单的教程,做的不好还请大家多多见谅.作者:chen-jie 出自:68ps先看看效果图素材:教程如下

PS唯美合成暮色树林中的仙子
下一步要翻转背景,编辑>变换>水平翻转,然后把他们融合起来,你有很多方法,在此我不多复述了。选择仿制图章工具(S)并开始克隆树木和草地,直到它们看起来融合很自然,再用画笔工具(B),用黑色的画笔涂抹树木的根部。 使树林看上去也不是对称的。

Photoshop MM直发变卷发简明方法
提示:括号内的快捷键在英文输入法状态下有效,可帮助你直接调用工具. 原图: 效果图: 1.选择涂抹工具(shift+R两次)。 2.详细工具栏设置中,选择1象素画笔,正常,强度100%。 CS以上版本,请选择“对所有图层取样”,然后新建一个图层进行绘制,如果是CS以下版本,请直接在原图层绘制。

巧用减少杂色给人物快速去斑
执行“滤镜→杂色→减少杂色”,参考参数设置: 对每通道进行过滤设置参数,如右图:红 强度10 保留细节100%;绿 强度10 保留细节5%;蓝 强度10 保留细节4%;绿、蓝 保留细节值越小,磨皮越糊。如果觉得皮肤磨皮合式了就不用下面的这一步,如果觉得过了,可执行:编辑/消稳杂色/选值为90。