推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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
最新发布
合成紫色科幻太空星球场景图片的PS教程
外星球表面及环境怎样我们可能都没有见过。不过我们可以结合地球的环境去发挥想象，去打造一幅带有奇幻色彩的外星球场景图。天空部分布满各种星球，地面也有草地和山丘等。。。画面任由自己去发挥。最终效果 一、在一开始时，我们要在Photoshop中新建一个尺寸为1200 x 1200像素文件，白色背景。 二、让我们置入我们的风景图片，并使用自由变换工具（Ctrl/Cmd + T）调整图片尺寸，使其适合画布的宽度。我们同样需要使用移动工具将图片下移，以使得谷仓/库房处于画布左下角。
PS软件合成恐怖裂纹石块人像照片效果
在这个合成恐怖裂纹石块人像照片的PS教程当中，主要是学习对纹理素材的合成应用，这是用一张人像照片，然后再找一张裂纹石块纹理素材图片合成到人像照片的脸部，并进行色彩调整即可。最终效果 原图 一、打开原图素材，再打开下图所示的纹理背景，把纹理图层拖进来。
合成唯美树林跳舞白衣美女图片的PS教程
教程用到的素材不多，不过作者刻画的非常细致，背景中每一个角落的颜色都渲染得非常到位，同时用滤镜、画笔，素材等加入了不少梦幻的元素，效果看上去非常唯美。最终效果 一、在Photoshop中创建一个新的文档并设置如下。 二、打开森林图像。使用移动工具（V），以将其拖动到白色画布上。
Photoshop制作美国牛仔主题海报图片
制作美国牛仔海报之前需要对牛仔文化有一定的了解。然后搜集一些相关的素材，再按照自己的思路去构图及处理细节。最终效果 一、新建一个600 * 800像素的文件，背景填充黑色。打开木板素材拖进来，如下图。 二、复制木板素材，选择菜单：编辑 > 变换 > 垂直翻转，然后移上去对接好。
制作随风飘动大红灯笼图片的PS教程
制作灯笼之前，我们分析一下它的构造，这一步非常重要。然后根据构造逐层画出初步效果，后期渲染明暗，增加质感和装饰等即可。最终效果 一、新建大小适当的文件，选择渐变工具，颜色设置为：#421c1b至#1c0202，然后拉出下图所示的径向渐变，可以适当增加一些杂色。 二、新建一个图层，用钢笔勾出灯笼的形状，填充黑色。 三、新建一个图层，用钢笔勾出灯笼的框架，填充橙黄色。
制作漂亮可爱毛绒小熊玩具图片的PS教程
小熊的制作难点是毛发部分的刻画。分为两个部分，大范围及边缘部分。大块的直接用滤镜来完成，边缘部分需要用涂抹或画笔来完成。最终效果 一、新建一个850 * 518的文件，背景填充淡蓝色。新建一个图层，用椭圆选框工具拉出一个椭圆选区，填充暗红色，取消选区后按Ctrl + T 变形，右键选择“变形”，调节一下，效果如下图。 按照上面的方法，把小熊的身体、手脚、耳朵等分层做出来。然后用加深，减淡工具表现一下明暗。
用PS软件学习制作一杯热咖啡图片
本教程介绍过程非常简略，不过思路很好。制作实物之前一定要先学会分解图片，然后按照一定的顺序慢慢刻画及渲染即可。最终效果 一、简单把效果图分解一下。先画出杯体，然后利用图层样式中的渐变叠加设置颜色。 二、利用形状工具画出杯口，然后利用图层样式中的斜面与浮雕表现出杯口的体积。 三、画出杯身部分，并添加高光及暗部，如下图。
制作男士真皮公文包图片的PS实例教程
公文包构成并不复杂，制作思路也比较简单。过程：先把各部分的轮廓分好层，然后加入纹理素材，根据光源方向设定好暗部及高光区域，做出体积感。边缘部分再用画笔加上装饰线条即可。最终效果 一、用photoshop新建一个512px*512px、模式为RGB的空白文档；设置两条参考线定位画布中心；点击圆角矩形工具（U），设置圆角半径为10px，按Alt键由中心画一个棕色的圆角矩形，这就是公文包的主体部分，因此把该图层命名为“main”。 二、设置前景色为#8b493b；背景色为#672907； 选中图层main栅格化图层（ps:只有这样才可以进行下一步操作），按ctrl键点击图层变成选区，然后执行 滤镜 > 渲染 > 云彩命令，这样就创建了皮革的自然颜色。 三、给矩形添加一个真实的皮革质感。下载一个皮革材质图片，放到main图层上面，命名为“texture”，调整图片大小略大于“main”图层（PS：为了方便看到下面图层，可先把texture图层的不透明度降低一些）（如图a所示），给texture添加图层蒙版，然后按Ctrl键点击main图层，出现选区再反选，填充黑色，然后设置texture图层的混合模式为柔光，不透明度为50%；再执行 图像 > 调整 > 色阶 命令，让图层变得再亮一点。
设计透明玻璃效果网站主页图片的PS教程
玻璃网页其实跟玻璃的制作一样。重点是把边缘及中间的高光渲染出来，比较规则的图形直接用图层样式做出初步的质感，再增手工增加一些高光等即可。其它部分可以按自己需要添加。最终效果 一、新建一个800 * 600像素的文件，背景颜色任意。打开模板素材，拖进来，效果如下图。 二、给木纹图层添加图层样式，选择内阴影，参数及效果如下图。
如何使用PS钢笔工具创建选区？
钢笔工具是一个多用途的工具，下面介绍其在创建选区方面的应用。使用钢笔工具创建的选区更加细致，可以创建一些非常复杂的选区，下面将对如何使用PS钢笔工具创建选区进行详细讲解。（1）在工具箱中选择钢笔工具；（2）在图片中沿着图片的边缘绘制锚点；（3）在绘制锚点时可以放大图片，使绘制的边缘更加细致；（4）在遇到曲线时可以拖动锚点上的控制炳调节切线方向；（5）在绘制锚点结束时，使起始锚点和最终锚点相连以闭合路径；