推荐阅读

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

将普通风景照变为美丽夜景
原图: 做练习前先复制一层,降低画面明度。大家不妨先想想有哪些方法。 设计在线:调暗画面可以用降低画面亮度、上面加半透明黑色层等方法。 夜景最重要的还是整体气氛,用喷枪,选淡点的颜色,选合适大小的笔头,压力选5%~15% ,画笔模式选颜色减淡。多次喷就可以让画面局部亮起来。这就是夜晚的感觉。 星星就另外在新层上进行, 画面锐化下,调整下色彩饱合度。 剩下的就是窗户,也可以有许多的方法,就是要把窗户选出来,让它们亮起来,想偷懒的话,少亮几扇,谁也没规定所有的窗户都一定要亮。完成。

Photoshop制作星球爆炸效果
本文将介绍一种使用素材图片制作星球爆炸的效果。在开始制作之前,先找一张龟裂效果的图片,在搜索引擎中可以找到很多这样的图片。本文使用下面这张素材图片,并以此介绍制作步骤,如果使用其他图片,某些步骤可能要根据需要略作调整。 最终效果图。 具体操作步骤: 1、在Photoshop中新建一个600×450像素,背景为黑色的文档,并命名为“爆炸的星球”。打开素材图片,反相该图片(快捷键Ctrl+I),使裂缝颜色变白。选择椭圆选框工具(快捷键Shift+M),在素材图片上圈选出一个圆形选区(按住Shift键可以拖出正圆选区)。复制该选区内容到“爆炸的星球”文档中,将复制的素材图片图层命名为“素材图片”。 圈选出圆形选区。 2、选中“素材图片”图层,按住Ctrl键不放,同时点击该图片的缩略图,将选区加载进来。从菜单中选择“滤镜>扭曲>球面化”。在弹出的对话框中将“数量”设置成最大100%。然后再次执行该滤镜,但“数量”值降低一半。取消选区(快捷键Ctrl+D)。执行“滤镜>锐化>USM锐化”,设置如下:数量: 500%,半径: 1.7px,阀值: 122。取消选区(快捷键Ctrl+D)。USM锐化后的效果如图。 执行极坐标滤镜后的效果。

Photoshop制作数码点阵世界地图特效
用Photoshop来制作数码点阵图其实比较简单,下面这个就是世界地图的数码点阵图。 我们一起来看看具体方法。 图中的由数码点阵构成的世界地图是不是酷酷的?如果你对这效果感兴趣,那么跟我一步步的来使用 Photoshop 制作出数码点阵效果。 点阵图案的准备 首先,在Photoshop建立一个单个的点阵图形,图形的长宽一定要相等,也就是说是一个正方形的图形。这里建立一个8*8的文件,背景为透明色,并将图中的5*5的范围填充为黑色。 按 Ctrl+A 将这个图形全选,使用菜单中的“Edit”-->“define Pattern”将选中部分定义为填充图案。 图形的准备 图案定义完后在 Photoshop 中新建一个文件,使用文字工具,将字体改为webdings,颜色为黑色,按Alt+251便可以将世界地图打到画布上了,可以跟据情况调整一下字体的大小。 使用菜单中的“Layer”-->“Rasterize”-->“Type”(文字光栅化),将该文字层转为普通层。在该层的下方建立一个新的图层,填为白色,并将两层合并。这时就有了一个底色为白色的世界地图。然后就是最重要的一步:使用“Filter”-->“Pixelate”-->“mosaic”滤镜,在弹出的对话框中的“Cell size”参数设为先前建立的单个点阵图形的边长,这里将其设为8。点“OK”,这时世界地图就马赛克化了,但地图的边缘不是很清晰。 要使边缘清晰可以用“Image”-->“Adjustments”-->“Threshold”(阈值),在弹出的对话框中输入合适的值,按“OK”后世界地图就只剩下黑白两色了。

Photoshop 将照片变为十字绣效果
很多女孩子都喜欢绣十字绣,用彩色的绣花线在网格布上用交叉针法绣出一个个小“×”,这些小“×”类似数码图像中的像素,组合起来就成了美丽的图案。 今天我们尝试用Photoshop将自己喜欢图像处理成十字绣的效果,如果没有现成的十字绣图谱转换软件,心灵手巧的朋友还可以用这种方法来制作十字绣图谱 完成图: 一、 在Photoshop中新建1024*768分辨率为72dpi的图像,打开一张素材图片,拖放至图画布中,如果不用这个尺寸,以下的步骤的参数都要做适当调整才行,大家可以多试一下。今年是狗年,我们就选一对可爱的小狗图片吧! 二、 选择菜单栏上的“滤镜―像素化―马赛克”,在弹出的对话框中将“单元格大小”设置为“16方形。(图一)

Photoshop打造岩壁效果 滤镜
我们首先看一下效果图。 新建立一个空白文档,设置如图。 执行滤镜--渲染--云彩操作,将前景色和背景色还原为黑白颜色或直接按“D”键。 再执行滤镜--渲染--分层云彩命令,图像变得对比更加强烈。 执行图像--旋转画布--顺时针转动,将图像顺时针旋转。以便下步的风吹效果。 执行滤镜--风格化--风操作,设置如图。执行风操作这样是为了制造出岩壁的效果,再重复一次风操作,然后再进行滤镜--锐化--锐化边缘,进一步锐化操作。

Photoshop制作射灯教程
1、我们首先打开一张光域网的图片,如图。 2、进行反相操作。 3、调整画布大小,这时我们可以看到光域网图片上方有一条很明显的线,我们用路径工具将它选中。 4、用画笔工具修整一下,让它过度得更加自然,如图。 5、在编辑菜单中选择定义画笔,并按回车确认。

Photoshop将漂亮MM转变成油画效果
先看一下效果图 原理:通常的人物图画,脸部都是比较白的,相反眼、耳、口、鼻就深色一点,所以处理的时候,主要就是把脸部色弄淡一点,眼、耳、口、鼻弄深色一点就可以了,其他部分就用水彩画纸画纸了事。 1,首先,当然就是打开要处理的相片,再用磁性套索工具将人物脸部选取出来(如图1) 2,不要取消选区,将选区扩大2个像素(选择--修改--扩展),再将选区羽化3个像素(右键--羽化),最后复制选区,粘贴到新建的图层上(如图2)。 3,在刚建的新图层上,将鼠标对着图层缩览图按右键,选择“选择图层透明度”,将脸部再选出来,再按CTRL+L弹出色阶对话框,参数设置如图3。

Photoshop实例提高:魔幻特效制作实录
制作说明:想做的是个类似蜕变的壳或者蛹一样的物体,但又不想太呆板的形状和颜色。因此作了些透明的效果,增加了些升腾的感觉和光感,让它看起来是在无时无刻发生着变化的,而且不是个空壳摆在那里。最后的效果还是有很多可改进的地方,背景也只是简单描述了一下。这个慢慢再在下文介绍。 很多人反映在以前教程中怎么做都感觉不像笔者的效果,其实笔者并不主张完全照着文章的样子做,因为没有很严格的步骤,笔者所说的还是自己摸索的方法,具体的实施步骤需要大家自己去摸索,只要结果都差不多就行了。最重要是了解一些效果的做法,然后可以灵活运用到其他地方。这次笔者尽量把步骤说的详细一些,再加上一些操作中的画面,最好这次大家能看明白。 那么这就开始喷了,因为步骤比较多,建议大家把厕所都上好了,省得去了回来忘记做到哪一步了…… 为了让大家看清楚,用一个深色的背景铺在后面,只要不用黑色的就行了,最好有一点颜色,这样可以让光的部分有余地发挥。 最终完成效果图 首先是画一个期望的形状,这个形状也是任意的。只要看起来像你想做的效果就行了。这个步骤也是要用路径来作。便于以后的修改。无论任何时候,路径的填充都要比选区填充的要好。目前笔者的这个形状就是椭圆形修改而来的。 看一下大概的路径