推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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亲手制作一只逼真蜻蜓
3.做好后如图示 4.当选择工具在使用时，把鼠标放在选区里拖动可以移动选区。选择那个缩小的范围，就是第二次渐变的那个图层的像素范围，按向下前头键移动到这个位置，新建图层，反选，羽化，我用的是10像素，找一个淡一点又与这个球体色不同的颜色填充。 5.再次选择那个小球像素范围，反选，确定在淡色填充的层，删除像素并链接到小球图层，合并链接图层。
Photoshop鼠绘可爱的小猫
1. 新建一个文件,大小为567X567DPI，分辨率为72。 2. 新建图层1，取名为头部底色,用钢笔工具大致钩出猫的脸部轮廓。（图1）（图1） 3.将路径转化为选区,用浅褐色填充（图2）（图2） 4.利用加深和减淡工具,将猫头的大致轮廓描绘出来,白色部分可以用喷枪工具,然后用涂抹工具涂抹,使色块融和,柔化. （图3）（图3）
Photoshop绘制活泼灵动的梅花鹿
本作品主要大量使用到了画笔工具，使用好画笔工具对于学PS者来说是非常重要的。希望本教程能给初学者朋友带来一定的帮助。 1.先给大家看看效果图（如图1），是不是很可爱呢，那还等什么呢？下面我们就一起来把它画出来吧！图1 2.打开你的PHOTOSHOP CS，新建一个文件1024X768，分辨率200-300，当然分辨率越大图象越清晰，但文件也肯定会越大。（如图2）图2 3.用钢笔工具画出一块小草地（如图3），填上绿色：R=47，G=124，B=32（如图4）,打开滤镜功能-胶片颗粒，做出象草坪。再打开画笔工具，参数不变，用杜鹃花串画笔和流星画笔分别画出小花（颜色可以根据自己的爱好填，这就不说了）效果（如图5）。
Photoshop轻松绘制至懒至酷加菲猫
加菲猫是世界上最幸福的一只猫，它愤世又懒惰，整天除了做它热爱的睡觉吃饭之外，就无所事事了。事实就是这样：生活对加菲猫来说简直好得不能再好了，似乎每个人都喜欢它。加菲猫最喜欢的做的事情，肯定是坐在电视机前舒服的椅子上，看它喜欢的电视节目。 我们热爱的加菲猫已经26岁啦！但它的青春永远也不会逝去！谁叫它是宝贝宠物呢！这次小女子就来用神奇的PS鼠绘我们懒惰又可爱的加菲啦！说实话我也好想像加菲猫一样啊。 找了一张加菲拥有最最不屑一顾的眼神，最最懒懒的眼神，比如我们今天要画的这张就非常好，很欠扁！ 1.首先就是用强大的钢笔工具，把大轮廓全都勾出来，存好就OK了，最基本的就做好了。 2.笔者第一步骤做的是加菲的身体，调出身体的路径填上一种颜色,R:196 G:127 B:60。（2-1）
Photoshop绘鼠美丽凤凰
3、基本东西好了，然后就肢解凤凰,好残酷，把它肢解！呵呵～～是把草图象下面一样分开，以便做出更好的效果。但要注意，不要象下图那样把位置分开，下图我只是为了方便大家观看才分开的，只是把她分到层里面（小技巧，按Ctrl+J就可以把选区分到一个新层了，而且位置是不改变的。）。但记得要把草图保留，以后会有用的。 4、接下来，一切从头开始，嘎嘎！隐藏草图，保留头部，这样有助你专心工作。 选择涂抹工具（不要告诉我你没用过啊），对准“鸡”头，找一个合适的笔头和压力（30左右的压力），按你想像的涂抹（如果你发现涂抹不够浑厚，不要紧，这个会在最后环节中解决）～～技巧是合适的笔头和压力。轻而易举。（图１） 5、然后就到翅膀，如法炮制，技巧还是合适的压力和笔头大小（图２） 不时把草图显示出来，这样你会容易明白下一步该怎么画。还有就是耐心啊～～～
photoshop鼠绘可爱狗狗
本文由中国教程网 eiven_0709 原创。 总算是弄了一个出来。不过也是个不完全教程，呵呵 要是觉得好就给我加点什么吧...... 呃呵~~~ 自习时间到了~~~~ 大家排排坐哈~~~~ 先看看效果图：效果图 下面开始我们的教程学习：图1
Photoshop实例教程：鼠绘逼真瓢虫
细节~1. 新建文件，新建图层用黑色画笔在上面打出人物的结构图，这一步很重要，如果结构不准再怎么刻画都枉然。 确定结构后开始大概的绘制人物的铠甲，武器，装饰，不用太细致。具体细节在以后的绘制中再刻画。2. 开始绘制背景。在背景层拉出一个兰色的渐变（个人习惯不太愿意用很多的图层，来回找太麻烦）。用普通画笔降低透明度画出云彩的大概形状。用颗粒介质的画笔扑出地面的大概关系。可以随意点，有时候随意画出的东西会有意想不到的效果~！3. 50%透明度普通笔刷用白色着手刻画云彩，画出体积感。没啥说的，多观察多画自然能把握住云彩的感觉。4. 刻画岩石。用颗粒感的笔刷表现出岩石 和远处的树木。注意光影关系和透视关系，远处的可以随意点，模糊些，但不要以为模糊就不加思索的涂。注意岩石的质感表现，笔触硬朗些。
巧用Photoshop路径制作靓丽彩蝶
本系列教程是利用PS的基本功能制作的图像，它非常简单而且制作出的效果非常之棒。 最终效果： 1、建立一个新的文档，文件大小为500×500,图像模式为RGB，背景是黑色，新建一个图层，用钢笔工具绘制一个花瓣形状,效果如下图所示： 2、右单击已画好的路径选择’建立选区’,羽化半径为:0,勾选:消除锯齿,然后用白色填充选区.效果图如下所示： 3.按Ctrl+Alt+D将选区羽化,羽化半径为:5(你可以根据自己所建立的图形大小自行设定羽化半径),按DEL键删除选区中的白色,如下图所示： 4、将刚建立的图层的再复制4份,并对复制的图层进行旋转变小,所下图所示: 温馨小提示：在这里要提示同学们一下。。。当你按Ctrl+T旋转时,可将旋转中心点移到右下角的控制点上.这样旋转的物体都是围着同一个中心点进行旋转. 5.先将第一个花瓣复制再两层,再对其复制的两个图层分别进行动感模糊(滤镜―模糊―动感模糊),模糊角度范围在-100---+80度之间,距离:50以内均可.其他几个花瓣也进行同上的处理,需要注意的是:在动感模时,其模糊角度范围在该层物体的倾斜角度的-10 -- +10度之间,距离:50以内均可.五个花瓣分别进行完后其效果如下所示. 6.将背景层隐藏起来,按Ctrl+Shift+E,除了背景层以为的其他图层都合拼在一起,在新建立一层,用渐变工具(渐变颜色选择你喜欢的颜色)填充新图层,并将该图层的合成方式变成叠加.到这里蝴蝶就做完了,效果如下所示. 7.下面的图像是对其变形,复制以及加入其他元素的蝴蝶…
photoshop绘制逼真蜗牛
先来看看作品最终效果图： 1.新建450*400文档,白色背景。 新建图层1，按D键复位色板，用大小约13的画笔在画布*划一道直线。 2.执行滤镜-扭曲-旋转扭曲，角度-800度，再按CTRL+F执行一次。3.用橡皮檫将左边的一条由外至内檫掉，中心的旋转不够位，可用钢笔或画笔点一下再修整，注意中心部分要细心些。 4.用钢笔画个弧形使螺口闭合，用大小1的画笔描边路径，然后擦掉下面多余的部分。