推荐阅读

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

PS调整照片色彩饱和度
本教程介绍较为实用的照片色彩饱和方法。调色的过程比较简单,只需要用曲线稍微增强一下对比,然后用色彩平衡等增强图片的饱和度和鲜艳度即可。 1、打开原图素材,创建亮度/对比度调整图层,参数设置如下图,数值根据图片实际情况而定

PS简单给照片磨皮美白
本教程介绍较为常见的图片颜色偏暗调整方法,在不使用任何美白磨皮滤镜情况下,主要都是通过曲线、可选颜色等来达到照片美白的效果。 1、打开原图素材,按Ctrl+j复制图层。选择图层<图层样式<调整曲线RGB、红、蓝通度。参数设置如图

PS打造美丽的泛黄婚照
.Net 嘉嘉 婚片调色可以按照自己的喜好选择主色系.不管用什么色调,重点是把画面中的色调搭配好,尽量做到层次分明,主体突出。 1、打开原图素材,创建可选颜色调整图层,对黄,绿,青进行调整,参数设置如图。这一步简单把背景调成较为统一的颜色。

Photoshop打造古铜肤色美女
1、打开原图素材,把背景图层复制一层,执行:图像 > 调整 > 亮度/对比度,参数设置如下图 3、新建一个图层,按Ctrl + Alt + Shift + E盖印图层,执行:滤镜 > 锐化 > 锐化,确定后按Ctrl + F一次即可。然后用减淡工具把高光的地方涂亮。设置图层样式 不透明度为60%

CS5制作3D冰冻玻璃立体字
本教程的立体字制作方法简单实用。大致过程:通过变形处理做成立体面。利用图层样式分别对两层文字设置,做出质感。后期再渲染一下光感,加上一些闪光装饰即可。 最终效果 1、首先 先新建文档 600*400像素 分辨率:72像素 背景:白色 2、前景颜色为#1d391b 填充背景 选择滤镜>杂色>添加杂色。参数设置如下图

CS5打造梦幻紫红色风景照
来源:PS123.net 嘉嘉 本教程介绍紫红色风景图片调色方法。主要是用色相/饱和度来调色,调出主色后需要加强层次和明暗,云彩部分可以根据自己的喜好装饰一些光束。 效果图 原图

ps给偏暗的人物调出冷艳蓝色
来源:ps123.net 嘉嘉 本教程介绍给人物调出冷艳蓝色的调色方法。大致过程,是先通过色阶来调整图片的暗色。然后再对人物肤色的高光、暗调来进行润色处理。 调整的时候需要保持好人物的细节。 1、打开原图素材,按Ctrl + J 把背景图层复制一层,图层混合模式改为“滤色”,不透明度改为:50% 2、创建色阶调整图层,对RGB通道进行调整,设置数值如下图 3、再新建色阶调整图层,对RGB通道调整。 设置数值如下图

CS5简单修复偏黄的人物图片
本教程的偏色修复方法很简单,只需要简单几步,大致过程:使用匹配颜色和应用图像将人物调白等,再用可选颜色去黄,和加深局部地方。 效果图 原图 1、打开原图,把背景图层复制一层,执行:图像 > 调整 > 匹配颜色,参数设置如下图。

PS使用动作将偏暗人物快速修复
本教程介绍将偏暗人物快速修复,只需要简单几步,不过需要用到一个美白修复动作。大致过程:使用美白修复动作后再通过可选颜色等来进行润色,加深五官立体感。 原图 效果图 3、然后选中原图,按动作的播放按钮,执行修复动作,效果如下图

CS5打造经典剔透的水晶立体字
本教程的水晶字制作的非常经典。主要通过图层样式和滤镜来完成。高光部份可能用图层样式不能完全做出来,还需要用手工加上去。 最终效果 1、首先 先新建文档 800*600像素 分辨率:72像素 背景:白色 2、选择渐变工具,前景色设置为#a276b9、背景色设置为#633681,在画布里从内到外拉出渐变效果 3、背景效果需要安装喷溅笔刷,新建一个图层,选中喷溅笔刷,调整大小再盖上。 4、在界面输入文字,颜色为#633681