推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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，按你的需求新建文件。设置渐变，然后拖选出一个矩形选区，新建一个图层，并使用反射渐变作出左图所示图像。 拖选另一个矩形选区，并用中等灰色填充，如图所示。 利用第一步技巧来做其余部分。 复制当前层，然后选择edit/transform/flipvertically菜单命令，分别放置在顶部和底部，接着选择Filter/sharpen/unsharpmask使它们突出一点。 拖选出一个矩形选框，新建一个图层，置于底下，然后再次填充。
Photoshop特效 水彩画、油画效果
有时候很想在自己的房间里贴几幅艺术作品，像水彩画、油画之类的，可是自己不会画，买吧又太贵了！怎么办？想来想去，还是用Photoshop自己做一幅吧，绝对可以达到乱真的效果哦！ ★水彩效果★ 1、首先打开一幅想要制作成水彩画的图像文件。 2、执行“滤镜/模糊/特殊模糊”命令，弹出“特殊模糊”对话框，设置半径为30，阈值为50，选择品质为“中”，模式为“正常”，然后单击“确定”按钮。 3、执行“滤镜/艺术效果/水彩”菜单命令，弹出“水彩”对话框，在这个对话框中，设置笔画细节为14，暗调强度为0，纹理为1，此时的图像已经有一些水彩效果了。 4、执行“图像/调整/亮度/对比度”菜单命令，在弹出的“亮度/对比度”对话框中，设置亮度为30，对比度为8。 5、执行“滤镜/纹理/纹理化”菜单命令，在“纹理化”对话框中设置“凸现”为2，其余按默认设置，得到的最终效果如图1所示。 图1水彩画最终效果 提示：由于一般绘制水彩画所用的纸都是有纹理的，所以为了能达到更加真实的效果，这里加入了纹理化滤镜。
Photoshop 漂亮效果自己造:暗夜精灵
步骤: 1.首先打开原图,执行"图层/新调整图层/色相饱和度",把"着色"打勾,通过调色相和饱和度确定图片的整体色调 2.在"色相/饱和度"调整图层旁的蒙板中用柔一点的黑色画笔涂抹或用套索工具选取后羽化填充黑色.
Photoshop制作电子显示屏幕特效
在这个教程中我们将使用Photoshop创建一个“大屏幕”效果，就像你在屏幕上看到的大型体育赛事，LED灯代表每个像素。我们将使用一些模式，例如滤镜，来创建我们的效果。出自:denisdesigns.com 作者:活力盒子翻译先来看看最终效果图步骤1在Photoshop中打开baseball photo图像。我将添加字母“HOME RUN!”(本垒打)，使用字体Migra(或任何的粗体)。剪裁出击球员和字母“HOME RUN!步骤2我们将改变图像的大小，去图像>图像尺寸，更改宽度为1200px，72像素的分辨度。步骤3现在，我们将合并字体和图像图层，点击图层面板右上角的箭头图标，点击拼合图像。步骤4去滤镜>像素化>马赛克，改变单元格大小为10。这时图像显示有些失常。10意味着滤镜以10像素的方格组成了图像。这个信息对之后的步骤很重要。步骤5为了得到“大屏幕”的视觉效果，我们将改变所有的方格像素为圆形。由于我们的正方形是10×10px，我们将要做一个相同大小的新文件以便可以做出10px的圆。使用椭圆工具(U)从左上方边缘处开始创建一个圆圈，并以右下方的边缘处结束(如图)。给圆填充白色(改变前景色为白色，按ALT + DELETE键填充)步骤6点击图层左边的眼睛隐藏图层，然后去编辑>定义图案，命名为“10px的圆”。步骤7回到我们的棒球文档，并创建一个新层(按Ctrl + Shift + N)。选择图案图章工具(S)，然后在选项上选择我们之前做的图案。确保对齐选项被选中，然后开始在整个文件里描绘。步骤8创建一个新层(按Ctrl + Shift + N)，确保它在其他图层的顶端。按Ctrl键单击选择图案图层。现在按Ctrl + Shift + I反选，给新层填充黑色。点击图案图层旁边的眼睛图标，使其消失。现在差不多应该结束了，每个圆都各自有一个单一的纯色来组成我们的照片。步骤9点击背景层，然后去图像>调整>色调分离。更改色阶为10。这将下调颜色的数量，给它一个低质量的“jumbo-tron” 效果。步骤10我们还可以创建一个旧的old jumbo tron (a simplified version of the left screen in the photo) ，步骤1-9大致相同。我们需要给这张照片更高的对比度，所以我们使用close up face photo。步骤1-6是相同的。第6步之后，在我们添加模式之前，我们要去图像>调整>阈值。这将改变图像的颜色只剩黑色和白色。如果我们在像素化图像之前阈值，灰色的像素就会伴随黑色，这是我们不希望得到的。步骤11重复步骤7和8获得大屏幕效果。最后，我们要添加一些颜色，给它一个黄色的外观。在图层顶部创建一个新层，填充黄色#FFD964。混合模式更改为正片叠底。
Photoshop制作雨巷逼真的雨丝飘飘动画效果
2010-5-25 08:12 效果图2010-5-25 08:12 第一步，找个背景图-打开，2010-5-25 08:12 2010-5-25 08:12