推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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调色调出暗黑风格的外景人像照片
大家好，我是阿末，今天为大家带来一组不太一样的外景人像后期。独具一格的风格，很容易成为你与众不同的标签，想要在人像方面有所突破，一定不只能局限于大众的流行趋势，看惯了糖水片、小清新的你，赶紧过来洗眼睛吧!(文章末尾有福利)前期情况：▌拍摄场地：江边的一片芦苇地，已经全部枯黄了，秋冬季节比较普遍常见，所以大家如果想拍类似风格的作品场景也比较容易找到。▌拍摄时间：由于事先在一个废弃的院子内拍了一下，所以转换到芦苇地的时候，天色已经接近全黑了。这个季节就是这样说黑就黑，所以事先一定要规划好，不然很容易像我这样在时间上出现问题。▌拍摄器材：器材使用了尼康D600+50MM F1.8G，大光圈加上尼康自带的比较强的对焦辅助灯才能完成后面这段拍摄，因为天已经全完黑掉了，换成佳可能就必须得依靠补光设备来实现对焦了，说实话还就喜欢尼康这一点的。▌服装准备：因为事先就决定要拍情绪暗黑颓废的画风，所以就准备了一套日系和服，妹子自己化妆造型(大拇指)。一、原片概析▌环境颜色不统一，特别是黄色里面夹杂绿色，视觉感受上很不舒服▌光线环境比较差，ISO开的比较高，所以噪点颗粒非常，画面显脏▌画面影调对比比较平，对于暗黑风来说显得氛围感有些不足
Photoshop转工笔画手绘效果的古装美女
最终效果原图1、打开人物素材，把人物抠出来，这里的先用的办法是直接把背景给涂白。2、把照片的构图以裁剪的方式来修整。3、把抠出来的照片图层模式调整成“正片叠底”，在照片下填充一个偏黄的图层，这样会有点古典画的感觉。
Photoshop结合SAI给古典美女转手绘处理
本教程主要使用photoshop结合SAI手绘板给漂亮MM打造梦幻仿手绘照片效果教程，这种手绘的效果非常的漂亮，前半部分是PS里面操作，后期在SAI里面绘画加以补充完成最终效果图，喜欢的朋友一起里学习吧。效果图：原图：对于一些新手选择数位板的角度来说，高曼的一百多，友基跟影拓的都是200-500的都有，看你自己的选择，高曼跟友基我都用过，个人感觉还不错，如果你是土豪，你也可以买几千以上的数位屏看见好多人都在板子这个问题上纠结。不要看不起一百多的板子，不是越贵的板子就画的好看，如果给你再好的板子你不会画照样没用，我建议练手可以先用一百多的，等慢慢画的好了再用友基影拓的就行，画画跟板子无关，看你自己的努力跟技术买啥板子还是看你们自己吧，好了，我们开始更了。首先在ps里打开你的图接着找到曲线，给图图提亮一下
Photoshop打造唯美转手绘效果的美女照片
本教程主要使用photoshop结合SAI制作人像唯美转手绘效果，调色部分主要使用PS软件来完成，然后转手绘的部分使用SAI来完成，喜欢的朋友让我们一起来学习吧。效果图与原图：原图：第一步是裁成一个自己要的大小。练习嘛尽量画大点。这样精度会高些。我截的还挺多的，这一步是用曲线 调亮，快捷键是CTRL+M，边打水印边发有点慢。以下几步都是调色，大家跟着做就行了。
解析后期中的色彩定向分离的Photoshop教程
色彩的定向分离。这个名词是不是从没听过，看起来高大上有没有?咳咳，这可是个很严肃的课题。什么叫色彩的定向分离呢?首先，我们来讲一下什么叫色彩分离。其实，色彩分离我们到处都在用。比如可选颜色工具、色相/饱和度工具。它包含两步：选中某种色彩，然后对该选中色彩进行调整，这里特指去色。举个例子，如果我们只想降低画面中叶子的饱和度，怎么办，请看下图：既然我们有了色彩分离，为什么还需要色彩的定向分离呢?举个例子：如果我们要把下图中的绿色分离出去，你该怎么办?如果我们使用之前的分离方法，出现的结果是：你会发现无法很好的分离绿色。为什么呢?主要是因为工具中的绿对应的范围太广，无法实现准确调整，这时候，定向调整就派上用场了。我们经常在摄影中看到一些高级灰、灰调色彩，比如：
Photoshop绘图工具之前景色和背景色工具
在工具栏的下方有一个设置前景色和背景色的区域，如图： 1.前景色介绍 前景色图标表示油漆桶、画笔、铅笔、文字工具和吸管工具在图像中拖动时所用的颜色。 2.背景色介绍 在前景色图标下方的就是背景色，背景色表示橡皮擦工具所表示的颜色，简单说背景色就是纸张的颜色，前景色就是画笔画出的颜色。 3.切换颜色 用鼠标单击切换图标，或使用快捷键"J" 。 4.默认颜色 用鼠标单击默认颜色图标，即恢复为前景色白色，背景色黑色。快捷键“D”
详细解析PS你不知道的冷知识和技巧
冷知识系列不像一般的教程，实在是太难憋了，其实现在的内容80%在几个月前就已经写好了，但觉得知识点太少又实在没想出再写点啥，以至于一憋就是大半年,，现在正值回音第二季，跟凉哥那儿立下的军令状几近deadline，再不写就要完不成任务。1、路径选择工具的优化(CC+)本条是针对PSCC及以上版本的技巧【在PSCC发布之初本是没有这个功能的，后续的更新中才加上】，第一次使用CC时相信很多人在使用路径选择工具时都有一些不适感——尼玛怎么什么都能选。事情是酱紫的，在CC中，Adobe将路径工具的级别变为全局(与AI类似)，双击可将目标图层锁定，在未锁定的情况下路径选择不受图层限制，通俗点说就是，无论你有多少个图层，是否上锁，只要存在就可以被选中，但是选中了却未必可以操作(比如选中的路径中包含上锁图层)，这与我们以往的操作习惯有很大出入，Adobe也发现了这个问题，所以在后续版本中增加了这个切换功能。如上图，这回应该比较好理解了吧~在第一次框选时可以选中任意路径图层(包括上了锁的)，重新调整过左上角的选择现有图层/所有图层后，则只能选择当前图层，有点类似移动工具的自动选择。通过这一设置，我们可以控制路径选择的范围，需要选择某一路径而不想被其他图层打扰时使用“现用图层”，当需要批量操作时选用“所有图层”，随心控制，就是这么炫酷~关于这个技巧的应用，后文还有说明。2.创建副本快捷键：Ctrl+J 拓展快捷键：Ctrl+Shift+J，【C】+J相信大家都已经知道，在PS中它的标准称谓是“通过拷贝的(形状)图层”，用以从一个图层中对某一区域(选区、形状)创建副本图层，说着挺绕的，所以看图吧：
Photoshop制作墙面上立体铁架广告文字效果
效果图中的立体字制作比较复杂，文字为多层，同时还有一些装饰。制作的时候先分层做出平面图；然后用PS自带的3D工具立体化及渲染颜色。能熟练掌握3D工具，制作也很快。最终效果一、建立1280 * 1024像素，的新文件，背景颜色：#a1a1a1；新建文字图层，字体：Britannic Bold，颜色：#e6e6e6，大小：335点。二、转换文字图层为形状。菜单栏：文字 > 转换为形状。三、复制图层Tsane；切换到直接选择工具；设置填充类型为无，描边颜色为：#959595，大小为3点；在描边选项 > 对齐中设置居中。四、复制图层Tsane副本；得到Tsane副本2；设置描边颜色为：#464646；在描边选项中打开“更多选项”。
Photoshop绘制绚丽闪烁的光斑艺术字教程
本教程抓哟使用photoshop绘制绚丽闪烁的光斑艺术字教程，这个教程的过程不难，但是最终的效果非常的好，练习主要考验同学们对笔刷的掌控能力，效果图：一、画出草图1. 新建图层 W：42.5cm, H：59.4cm，300 dpi，CMYK。用画笔很快的画一个心形出来。2. 画出文字草图，考虑到只是一个草图，如果你觉得在纸上画更自在，你可以画好后再扫描到电脑上哦~3. 这一部很简单，用钢笔工具将你画的字勾出来。
Photoshop制作霸气立体特效的游戏文字
教程重点是文字质感部分的渲染，最好的方法就是找一些纹理及高光素材，通过修改混合式模式叠加到文字上面，控制好范围及颜色即可。 最终效果一、AI里调整好字形和3D效果，然后导入PS，也可以直接使用文字素材。二、给导入的文字添加图层样式。新建图层填充黑色，执行：滤镜 > 渲染 > 分层云彩，可以按Ctrl + F 多执行几次，找到自己认为最满意的。再把图层混合模式改为“叠加”，调整透明度为60%，根据自己想要的效果对该图层进行调整。三、分别新建曲线、黑白、色相/饱和度及自然饱和度太欧战图层，参数设置如下图，注意好各层的混合模式及透明度设置。