推荐阅读

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

巧妙给风景图片加蓝天白云的方法
选择工具面板“魔术棒”,点击天空部分。(如图二) 点击天空部分后,只选择了大部分天空,以下有两种方法可以选择全部天空:其一,按住“shift”键多次点击其余天空部分,直到将全部天空选上。其二,在菜单栏点选“选择\选取相似”项,选取其余天空。(如图三) 不管那种方法都要注意:一是最好将图片放大,以便看得清楚,将该选的天空都选上,否则加上蓝天后交界处会融合不自然;二是“魔术棒”的“容差”不要太大,过大可能会选上一些不该选取的部分。如果选上不该选取的部分,可以按住“Alt”键,用“工具面板“上的“索套”工具取消这部分选择。 将天空全部选定。(如图四) 再打开一幅你想添加的蓝天白云图片。(如图五) 点击“选择”菜单中的“全选”。(如图六) 点选“编辑”菜单中的“拷贝”。(如图七) 返回到原来的图片(注意:此时你选择的天空选区仍然存在),点击“编辑”菜单中的“粘贴入”。(如图八)

用Photoshop打造Vista背景和透视效果
今天就来简单制作一下Vista效果,Vista效果主要包括过渡彩背景效果、水晶透视效果、水晶3D效果以及科技光效果, 我们先来看看过渡彩背景效果和透视效果。其实制作透视效果不难,但很多朋友都卡在背景效果上面,这个背景效果有点貌似极光,又带着温的感觉,其实这是个多过渡渐变彩。下面就开始制作文件: (1)首先,我先新建一个宽500像素,长360像素的文件,这个大家自己做的时候可以随意。 选渐变工具,前景色为1FAACD,斜向填充。如图, (2)对图层1进行样式处理, 先在图层1上面分别新建曲线、色相饱和度、色彩平衡、亮度对比,等会我们会用到。好,然后我们进行加样式,加内光,外光不加,居中; 加内影,透明度减小,有一点点就行了,等下还要调。

Photoshop表现大光圈朦胧背景效果
本文介绍的是用Photoshop表现大光圈浅景深的模糊背景效果,虽然范围选择并不是特别精确,不过方法很简单,也比较容易出效果。 原图素材: 制作步骤: 在Photoshop中打开原图,复制一个背景层: 执行“滤镜”=>“模糊”=>“高斯模糊” 添加一个蒙板:

Photoshop巧绘制牛仔布底纹
做牛仔布纹有很多种方法,网上也有很多类似的教程,我的这种做法是经过前者的总结和仔细的实践观察得出的。 牛仔布的种类有水洗、打磨、喷漆、刮纹等,牛仔布的纹理有平纹、45%斜纹等。要是把我的牛仔裤按每天换一条算的话,我可以一个月不穿同一款式。呵呵…… 下面是我做的牛仔布底纹效果。 绘制过程: 1、新建一个图层,填充牛仔蓝。 2、选择滤镜――纹理――纹理化。 3、设置参数如下图所示。

Photoshop滤镜模拟病毒侵蚀特效背景
本文将介绍如何用Photoshop模拟抽象的病毒侵蚀特效背景,其中主要用到各种Photoshop滤镜。 先来看一下最终效果。这样制作出来的背景图片可以应用到日常的平面设计工作中,加工为更酷的桌面背景或宣传画之类的作品。 最终效果 应用示例 下面介绍具*作步骤。 1.打开Photoshop CS3,按快捷键Ctrl+N打开“新建”对话框,在“预设”右侧选择名为“Web”的新建文档配置文件,并在“大小”列表中选择800*600,分辨率设置为72像素/英寸,颜色模式设置为“RGB”,背景内容设置为“白色”,如图1所示。设置完毕单击“确定”按钮,新建一个空白文档。 图1

Photoshop给美女照片添加艺术背景
在上一篇Photoshop教程文章中我们介绍了photoshop图片合成:夜光下的妹妹艺术照片,本篇我们介绍利用Photoshop为照片添加艺术背景的方法和技巧。最终效果素材1 1、打开素材1,按Ctrl + J复制一层。2、按Ctrl + B调色彩平衡,参数设置如下图。

photoshop让美眉的脸更美白通透
5、增加一个背景图层,叠加方式改为滤色,不透明度20%; 6、再增加一个背景图层,将叠加方式改为柔光,不透明度50%; 7、选择滤镜―模糊―高斯模糊,半径大小可以自己根据效果决定,这里选10。点击“好(OK)”。最后合并图层。结束。 效果比较:

Photoshop详解靓妹皮肤美白术
效果图 1 效果图 2 1、在PS打开素材图,修图的第一步是找到图片存在哪些问题,然后采取某手段来纠正,观察图片除了用肉眼处,我们更准确的应该借助于PS自带的工具来观察,比如直方图,信息面板等,这就是所谓数字化调整。从直方图上我们看到像素大量集中在中间调区和暗调区,高光区几乎没有,所以照片偏暗。 2、复制一个背景副本,按Ctrl+M,打开色阶图,把高光区滑块往左边拉支到合适们置,同时注意上面的直方图己经发生了变化,原来没有像素的地方现在填充上一些像素,图片亮了。 3、色阶调整好后,接下来我们开始处理皮肤,适当放大图片,用修复画笔工具处理掉皮肤上明显的斑点,注意取样是,一定在靠近斑点周围的好皮肤上取样,然后南用好皮肤覆盖掉斑点,修复画笔工具去斑点的好处是,它能自动根据周围皮肤的纹理融合皮肤,这一点上比图章工具更适合处理斑点。 4、然后开始去噪点,我用的是专为降噪滤镜,“Noiseware Professional”这个滤镜有更多的调凶选项,有针对不财图像的预设,而且能智能识别皮肤和周围的环境,保护皮肤,去噪的效果非常不错。 5、接着,我们调人物的肤色,先用颜色取样器在人物皮肤上不太亮,也不太暗的地方设置个取样点,也就是中间色调的地主,打开信息面板观察,注意取样点处的数据,红色(R)是217,绿色(G)是168,蓝色(B)是107,一般情况下正常肤色之比是红比绿50~60%,绿比蓝30~40%,图中蓝色较低。所经人物肤色偏黄(蓝的互补色是黄)。 6、调整颜色我比较偏爱可选颜色,可经单独对某个颜色进行调整,而对其它颜色影响较小,在图层面板上亲热一个可选颜色调整层,打开可选颜色调整框,我们对照信息面板上的数据来调色,先适当除低红色的比例,重点减少黄色,增加洋红会除低绿色,下面是黑色是调节颜色的明暗的,数字越大,颜色越暗,反之越亮,仍何颜色的增减都会增加颜色的亮度,所以我们适当除低黑色。 7、这是黄色的调整情况。 8、图中原来白色的地方带上了其它色彩,所以我们调整下白色。 9、中性色主要是调节原为图片中应该是灰色的地方,如果这些地方带有其它色彩的话,请加减其它色调正它。 10、对比下信息面板下的数据,红色和绿色除低了,蓝色提高了,图片的色彩正常了。 调整后的效果图:

妙用Photoshop美白和修饰清纯MM
原图: 效果图 步骤图: 一、打开原图,复制一层,进行 图象----调整----去色,再执行滤镜---模糊---特殊模糊,图层模式选柔光1 二、CTRL+J再复制两层人物模糊层, 考被三个图层 三、进行装饰 装饰品 保存