推荐阅读

详细解析网页无边框按钮的优劣点
导览列对于多数手机 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
最新发布

70佳精美的 PSD 素材免费下载(下篇)
WEB UI Treasure Chest v 1.0Modern Web UI SetFlex 3 Stencil10 Free Avatar PSD12 Free Weather Icons

PhotoShop关于描边路径的运用实例
对于描边路径的一种简单运用,这个实例我们用了三个层来做,并且每个层使用一次描边路径,要注意的就是,每个层在描边的时候,要比前一层细(或者粗)一个像素,这样三个层排列起来就是由粗到细(或是由细到粗),具体请看下面贴图。这是最终效果: 一、首先我们利用钢笔工具创建路径(注意在生成状态的时候就生成为路径,而不是形状图层)然后新建一个层1

使用PS动作快速批量修改照片大小的方法
批量处理设置前期步骤 每次狂按快门的结果就是得到海量的数码照片,想传上网的话,真的要一张一张处理吗?不用吧,懒虫自有懒虫福――批处理。 一、前期准备: 在图片所在文件夹里添加一个文件夹,命名为“处理照片文件夹”,用来存放我们处理后的图片文件,这样就不会改变原始文件。 二、在PhotoShop里进行批量处理设置: 1.在PhotoShop里打开要处理的图片文件,然后点击“窗口”菜单,打开“动作”面板。提示:如果原始图片的构图、色彩不够理想,可先对原始图片进行裁剪、色彩校正后再进行动作设置。 2.点击“动作”面板右边的三角形按钮,在弹出菜单中选择“新动作”命令。

巧用PhotoShop为美女衣服换个花纹的教程
原图效果操作步骤:1. 打开原图并复制一层为 背景 副本,养成好习惯哦...2. 扣取图中 人物 ,可以应用各种抠图方法(俺用的是抽出和钢笔工具)3. 打开一张背景图片,用移动工具拖放到背景副本层的下层,生成图层1,调整合适大小,效果如下:

PS使用双重笔刷画虚线的简单入门教程
此法方法如下:(关键在第一、二、三步) 1;首先我们进入画笔控制面版,设置"画笔笔尖形状";选一个画笔, (这个画笔的大小决定你的虚线粗细)。并设置间距为0, 2;设置"双重画笔", 3; 其中的"直径"和"间距"选项决定了虚线的长短和间距; 4;现在我们就可以直接用画笔来随意画虚线了, 5;运用路径工具,可以画顺畅的任意曲线,方法;先用路径工具画出路径:

PhotoShop简单几步制作照片拼图效果
本教程介绍简单拼贴图的制作方法。大致过程:处理之前需要用网格及辅助线把素材均分成一些小方块,然后分别用选区把这些小方块复制到新的图层,适当给小方块描边并添加投影。最后把小方法变形处理,再改变背景颜色即可原图效果1、打开原图素材,调出网格,按Ctrl + R 调出标尺,用辅助线把画面平分成若干个小方块,如下图2、选择矩形选框工具,款选出一个小方块的选区,按Ctrl + J 复制到新的图层,得到图层1

Photoshop表现质感之金属质感
金属质感 这个案例主要是分成上、中、下三个层面来制作金属的光泽与质地。 关键字:云彩、阈值、曲线效果图 中间层的制作 对“背景”图层执行“分层云彩”滤镜。