推荐阅读

详细解析网页无边框按钮的优劣点
导览列对于多数手机 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合成由小蝙蝠构成的蝙蝠侠头像
在寻求灵感拟定剧本的时候,我们往往需要找一些参考,如下图。以下便是我以脑海中的想法为基础,最终选定了3个主要素材。1、打开PS,新建一个画布,我尽力的是竖版的画布,把背景层填充黑色。然后用柔边画笔工具给画布先打个大概的光源,并给图层编组,命名为背景。 再从准备好的蝙蝠素材里挑选出几只不一样的蝙蝠,分别做一些旋转变形,让他们看起来是独立的个体,如下图。

半透明细线边框的制作
设置如下: 四、按Shift+Ctrl+I键来将选区反选,就是选中白线框外面的部分,最后把外面这一圈变深一点,执行“图像”->“调整”->“亮度/对比度”,然后按照下面的设置就可以了。 最终效果:

Photoshop打造水晶相框
1、在Photoshop中打开亲密爱人的合影照片,如图01所示。 3、按Ctrl键的同时单击“路径”面板的路径层,载入画框的选择区域。在“图层”面板单击“新建图层”按钮,新建一个图层,选择菜单栏中的“图层”“图层样式”“混合选项”命令,打开“图层样式”对话框,设置样式如图03所示。 5、将画框外的部分选中。选择背景图层,选择菜单栏中的“滤镜”“纹理”“染色玻璃”命令,打开“染色玻璃”对话框,设置单元格大小为8,边框粗细为1,光照强度为6,单击确定按钮,此时背景区域产生了染色玻璃的效果,如图05所示。 图05 6、选择画框的内部,新建一个图层。将选区填充白色,选择菜单栏中的“图层”“图层样式”“混合选项”命令,打开“图层样式”对话框,设置样式如图06所示。 图06 画面效果如图07所示。 图07 7、打开一幅玫瑰花图片,如图08所示。 图08 单击工具栏中的“魔棒工具”按钮,选择背景区域,按Delete键将选区删除。使用移动工具将玫瑰花拖动到画面中。然后选择菜单栏中的“滤镜”“艺术效果”“粗糙蜡笔”命令,打开“粗糙蜡笔”对话框,设置线条长度为7,线条细节为4,纹理为帆布,凸现为20,单击好按钮,再将玫瑰复制画面效果如图09所示。 图09 8、输入文字。制作一条文字路径。选择工具栏中的“钢笔工具”按钮,在空白区域绘制一条折回线,单击工具栏中的“转换点工具”按钮,拖动节点,将直角线变成贝塞尔曲线。单击工具栏中的“直接选择工具”可以调整单个点的位置和贝塞尔手柄。选择工具栏中的“横排文字工具”按钮,在路径上单击鼠标,此时文字光标就会在路径的端点处闪烁,输入文字即可得到随路径方向旋转的字体了,选择“图层”“文字”“文字变形”命令,对文字进行变形处理,最终效果如图10所示。 图10

用PS调清脆的蓝、云中漫步、1像素点边框
定义画笔的时候需要注意这样几个问题:1.如果想定义不透明的画笔,就一定是白底黑图,灰色及彩色图像都会被定义成半透明的效果。2.另一个是无论圈选的白底有多大,系统都会自动忽略不计。 □□□ □■□ = ■ □□□

PHOTOSHOP打造1像素点边框
定义画笔的时候需要注意这样几个问题: 1.如果想定义不透明的画笔,就一定是白底黑图,灰色及彩色图像都会被定义成半透明的效果。 2.另一个是无论圈选的白底有多大,系统都会自动忽略不计。 □□□ □■□ = ■ □□□ 其实只要新建一个1像素的文件就可以了 3.虽然这么定义的画笔1像素和铅笔1像素貌似是一样的,但同样设置了间距200%后,铅笔的描边很奇怪,只有右下脚是点点的效果,其他的部分是直线。 4.如果用这样的画笔去描路径,左边和上边是在图内,右边和下边是在图外。所以路径一定要比原图宽高各少1像素,而且要左顶点和图对齐。我描大图的时候是全选,然后转路径,然后挪了好几次(次数忘记了,挪的乱七八糟的)才描明白。

妙用Photoshop画笔为图片添加多彩的边框
本实例是Photoshop的一个小技巧,当大家拍了好多照片之后都喜欢添加好看的边框,这个教程就是给大家讲如何添加自己喜爱的边框。 原图: 用Photoshop打开之后,建立一个新图层,然后使用矩形选区工具选择一个最大范围的矩形选区。 然后按F5打开画笔面板,设置如下。 选择矩形选区工具,在照片中右击,然后选择“建立工作路径”,在出现的窗口中设置容差值(4-8都可以)。