推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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调出人物照片粉嫩甜美的淡红色
2、磨好皮后，进入通道，得出选区，反向，新建曲线层，如果提亮过了，可以用笔刷降低不透明度来达到最佳效果。 最后把鼻子刷出高光，记得要仔细刷哟。眼睛与嘴，鼻子二边可以用加深工具稍为加深，目的是为了加强面部立体效果。做完后，在锐化次，好了，完工了。
用CMYK打造童话色调
1.打开原图,选择菜单 ： 图像 > 模式 > CMYK模式2.选择菜单： 图相 > 调整 > 通道混合器 参数设置如下图3.选择菜单 : 图像 > 调整 > 色彩平衡 点高光，参数设置如下图
lab通道调色详细图解
< 本教程只是简单阐述lab通道的调色方法，其实在RGB,CMYK颜色里面有更多的通道调出的颜色更加丰富 > 原图最终效果 < 本教程只是简单阐述lab通道的调色方法，其实在RGB,CMYK颜色里面有更多的通道调出的颜色更加丰富 > 原图最终效果 1.打开原图，选择菜单：图像 > 模式 > LAB颜色,然后点通道面版如下图，我们会发现下面有a,b 两个灰色的通道，我们先点a通道然后按 Ctrl + A 全选 按 Ctrl + C 复制，然后点b通道按 Ctrl + V 粘贴 回到图层 选择菜单：图像 > 模式 >RGB颜色得到图2的效果2.同样的道理，如果我们把b通道的复制到a通道有将得到不同的效果。3.其实在RGB,CMYK颜色里用通道可以调出更多的效果具体方法请参考：photoshop玩转通道调色教程
用ImageReady制作个性动画表情
下面的动画表情是我自己设计制作的作品，自己挺喜欢的，于是把它的制作过程写出来和大家分享，也希望能抛砖引玉，大家能做出自己喜欢的动画表情。 图1 制作完成的个性表情 确定QQ表情的初步形象，这是一个有点调皮的小男孩的形象。首先按照构思的形象在稿纸上大概画一个初稿，可以把初稿扫描到电脑里去，用photoshop进行处理，如果不太复杂也可以直接用鼠标在photoshop中画，这个形象就是用鼠标直接画出来的。当然这些都要分层来做，以后就可以在这些基本层面上进行调整与加工。图2 一步一步学表情符绘制 进入Imageready后，通过合并，只有2个层图了，分别是“头部”与“身体”，我们将“身体”图层复制一个得到“身体2”，用自由变换工具，将“身体2”向上缩进一些。图3 合并图层 在“动画”面板上新建一帧，使第一帧为当前帧，同时在图层面板上将“表情”与“身体”的图层保持可见，将“身体2”图层隐藏。
photoshop打造可爱的卡通MM动画
简介:本教程中我们就以一张非常漂亮可爱的卡通MM素材为基础,经过photoshop和imageRead的处理,将她打造成可爱的嬉儿动画签名图吧。先看完成效果： 素材：步骤1：运行"文件－打开"命令，打开素材人物文件，用套索工具（快捷键为L）或者魔棒工具（快捷键为W）扣出卡通美眉，执行一下简易的美白，拷贝美眉图层柔光，拼合图层，效果如[图一]； 步骤2：打开素材背景，将执行了简易美白的卡通美眉放到右下角，缩小照片到500×292象素；效果如[图二]； 步骤3：拷贝卡通美眉图层，"编辑-变换-水平变换+缩小"拖动地方到左下角， 给美眉加一简易的边框，边框色彩取自美眉头发(色彩代码ff3e8e)，加一白色的背景，不透明度50%，PS效果见[照片3]； 步骤4：创建图层，设定前景色为白色，运用素材笔刷中的文字笔刷，缩小笔刷大小，在适合地方画上文字，运用素材样式中的样式。效果见[照片4]； 步骤5：创建图层，设定前景色为白色，运用素材笔刷中的星光笔刷，调节笔刷大小，在文字适合地方画上闪光效果置前景色为白色，拷贝三层以做闪光之。效果见[照片5]； 步骤6：创建图层，设定前景色为白色，运用素材笔刷中的星光笔刷，调节笔刷大小，在美眉两个眼睛地方画上闪光效果再拷贝三层留做闪光效果之用。效果见[照片6]； 步骤7：设定前景色为浅蓝(色彩代码为0f7fd1)，键入文字嬉，字体及设定效果见[照片7]，运用同种色彩键入繁体文字儿，字体及设定效果见[照片8] 步骤8：ctrl+文字嬉图层，shift+ctrl+文字儿图层，创建图层，填充白色，图层顺序调节到两个文字图层下方，设定图层效果为外发光；设定效果见[照片9]；获得效果见[照片10]； 步骤9：创建两个图层，全部选择描边3像素白色(设定效果见[照片11])，再缩小选区，描一像素深蓝色(色彩代码004a81)，设定效果见[照片12]并给深蓝色边框加图片叠加效果；获得PS效果见[照片13]