推荐阅读

详细解析网页无边框按钮的优劣点
导览列对于多数手机 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合成“蛋壳里的小鸡”
这个Photoshop实例主要运用了通道和套索工具,合成了一个蛋壳里的小鸡,先看下完成图吧:图:完成图 制作步骤: 1、打开一张素材图片。图:打开素材图片 2、抠出鸡蛋。打开通道面板,比较之后发现蓝通道中鸡蛋的边缘最明显,所以选择蓝通道,然后用磁性套索工具勾出鸡蛋的轮廓,平滑2个像素。图:抠出鸡蛋 3、Ctrl+J将鸡蛋复制出来,命名为蛋。图:将鸡蛋复制出来

用Photoshop与IR鼠绘燃烧的火柴
3、执行菜单/滤镜/杂色/添加杂色,设置如下,增加火柴的质感。 6、选择自定义形状工具,点红圈内三角形调出其菜单,选择“全部”替换当前形状库,然后选择红圈内的水滴形状。

Photoshop配合Painter绘制鲁特琴演奏者戏剧场景
构思和勾勒 为了凸显这个场景的喜剧效果,我将鲁特琴的渲染做得相当精细,而对于毛驴,我则采用了更为夸张放纵的手法来绘制,以使它俩能够形成鲜明的对比。下面是制作过程:毛驴对音乐非常地感兴趣,因此他来到一位非常有名的音乐家跟前对他说:“请您教我 这门艺术,这样我就可以像您那样演奏鲁特琴了。” “啊,亲爱的小毛驴,”音乐家回答说,“这对你来说实在是太难了。你的手指似乎不 太适合演奏鲁特琴,他们太大。我想鲁特琴的琴弦可能撑不住。” 但是不论音乐家怎么说都始终无法说服毛驴。毛驴已经下定决心要学习如何演奏鲁特琴。由于毛驴的刻苦和好学,它终于成功了,如今它已经和音乐家弹奏地一样好了。 最初,我只是粗略地绘制了一幅草图,大小约为4" x 5",这样大体的框架就基本完成了。我用扫描仪把图片扫入Photoshop,进行最后的调整。 我一时兴起,把毛驴的头部绘制成微微上台、不停晃动的样子,之后发现这样做效果确 实不错。 图1 为了美饰草图,我把扫描层的透明度降低,在Painter (IX)中,使用自定义画笔快速地 在多个层上绘制。笔触则模仿铅笔的质感。 图2 接着,我做了一个覆盖图,估计着阴影的投影方位和光源的方位,制作了毛驴的阴影部 位。我尝试了不同的光照角度,确保投影不会抢了主角的风头。图3

用Photoshop样式打造晶莹琥珀吊坠
这个PS实例的大部分效果都是通过图层样式来实现的,先看下完成图吧:图:完成图 制作步骤: 1、新建一个文件,新建一个图层,命名为“颜色”,用椭圆工具画一个椭圆,填充浅褐色。图:给画的椭圆填充浅褐色 2、Ctrl+J复制一层,命名为琥珀。图:复制一层 3、选择琥珀图层,打开样式面板,在样式菜单中选择“玻璃按钮”样式替换当前样式后,选择红圈内的“橙绿色玻璃”样式。图:选择“橙绿色玻璃”样式

photoshop教程:打造贝克汉姆守护天使
大家通过对作者之前的photoshop基础教程集合1-4的学习,想必对PS常用到的滤镜、画笔、钢笔、材质等方法都有了相应的掌握,那么,在下面教程中北极将综合应用这些PS基本手法,介绍给大家一款简单海报的合成方法~ 我们先看看素材和效果图: 素材效果图 本期学习要点: +利用钢笔工具扣图; +画笔工具制作效果图上的手臂部分; +画笔工具及加深减淡协调合成部分; +磨皮以及调色; +滤镜制作飘光及其云彩部分; +整体画面风格颜色调整。 人物的制作

PS合成夜空飞翔的鸽子
下面我们为“月亮”添加一些发光效果。在图层调板中,双击【月亮】的图层缩略图,调出【图层样式】对话框,参数设置如下2图所示。(林栖者语:大家要根据自己的图像灵活调节这些参数,不用和下面的完全相同;例如在“内发光”特效中,我将“大小”设置为62像素,而原文中是103像素。) 下面我们要对“鹰”的边缘做进一步的修饰,比如去掉鹰的尾巴和翅膀尖端部分一些多余的高光和颜色。首先我们要先点击图层调板中的【锁定透明像素】按钮,然后使用【仿制图章工具】对鹰的尾巴及翅膀处进行修饰。如果你觉得这一步难度较大,完全可以跳过此步,但是为了达到更好的效果,建议大家进行此步操作。