推荐阅读

详细解析网页无边框按钮的优劣点
导览列对于多数手机 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 CS3把白天制作成夜景效果
原图 最终效果图 一、首先,我们用Photoshop打开这张素材图片,在此,我使用的Phothsop版本为Adobe Photoshop CS3 Extended,集成了大量的外挂滤镜。如图1所示。图1 二、通常我们使用Photoshop修改图片的时候,都应该把原图片复制一层,以免保存后无法后退。如图2所示,将背景图层拖到新建图层按钮,直接复制出背景图层副本。图2 三、执行菜单:图像―调整―反相(快捷键为Ctrl+I)命令,将副本反相处理。如图3所示。图3 四、使用工具箱中的多边形选择工具,选取图片中的窗子部分,如图4所示。图4 五、执行菜单:选择―反选(快捷键为Shift+Ctrl+I),将选区反转过来。如图5所示。 图5 六、执行菜单:选择―修改―Feather(羽化,快捷键为Alt+Ctrl+D),如图6所示。 图6 七、在弹出的选项中,把羽化半径值设为3像素,如图8所示。 图8 八、执行菜单:编辑―清除(快捷键为Del或Backspace)删除所选区域,如图9所示。 图9 九、在图层面板上,将背景图层直接拖到新建图层按钮,复制出一个新的图层,并命名为“调色阶”,如图10所示。图10 十、执行菜单:图像―调整―色阶(快捷键为Ctrl+L),如图11所示。图11 十一、在弹出的色阶调节面板中,调整参数,直到画面接近夜晚的效果。如图11所示。图11 十二、按快捷键Ctrl+Alt+N新建一个空白图层,并命名为桥灯光。如图12所示。 图12 十三、在桥的灯光位置绘制出一个星形的白色色块,然后双击桥灯光图层,弹出图层样式面板,打开外发光样式。如图13所示。图13

Photoshop照片特效:隐藏脸部轮廓凸显五官
原图 处理后效果1.在Photoshop中打开一个脸部特写图片。 2.复制图层并改变图层模式为线性减淡。 3.复制该层,使效果更强列。 4.选择三个图层,按Ctrl+E合并图层。 5.利用橡皮工具抹去脸部多余部分。 最终效果:

Photoshop制作冬日恋情甜蜜艺术照
效果: 制作工具:Photoshop CS 制作过程: 1、打开一张照片,效果如图01所示。 2、执行菜单栏中的“滤镜”“模糊”“高斯模糊”命令,设置半径为2,如图02所示,图像效果如图03所示。 3、在图层面板中,复制背景层为背景副本图层,并将该层隐藏备用。 4、选择背景层,执行菜单栏中的“滤镜”“艺术效果”“木刻”命令,在弹出的木刻对话框中设置色阶数为8,边缘简化度为4,边缘逼真度为2,如图04所示,图像效果如图05所示。 5、选择背景副本图层,执行菜单栏中的“滤镜”“艺术效果”“干画笔”命令,在弹出的干画笔对话框中设置画笔大小为2,画笔细节为9,纹理为2,效果如图06所示,图像效果07所示。 6、在图层面板中设置图层混合模式为“叠加”,图像效果如图08所示。

教你制作L.xc非主流效果
原图 效果图 前后差距很大吧?? 想做出这样效果``就 往下学吧~ 做法 : 1. 磨皮 (L.xc风格``几乎所有图``上来就磨皮) 2. 进入通道 按 Ctrl 点 RGB 3. 滤经-画笔描边-深色线条 4. 复制图层-复制图层 5. 滤镜-模糊-特殊模糊 阕值50 半径 3.0 6. 滤镜-艺术效果-水彩 7. 混合模式为柔光 完成后,自己加上喜欢的睫毛 === 不用 教啦!是不是 又 简单 又 漂亮 呢!!!!

Photoshop打造仿集英社数码后期效果
照片处理 Photoshop仿集英社数码后期制作教程,其中主要利用Photoshop进行图片合成,各种个性笔刷,从而达到特殊的效果。 原图 效果图 素材1 素材2 制作教程