推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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个小时又5分钟30秒的琢磨和设计 嘎扎嘎扎...小宁的第3个教程新鲜出炉拉... 首发涅...很激动...[众:有毛病!宁双手握紧,泪眼闪闪,嘴里嘀咕着:"首发涅..首发涅..首发涅......" 众一望,众人一心齐汗颜,口曰:"有毛病啊有毛病,散了散了,要下雨啦,回家收衣服啦,没衣服收就回家抱电视啃小说泡游戏." 宁泪流而下[注意:手中有洋葱]:"不要走啊~好歹看看俺滴新教程再留下你珍贵的一贴在走啊." 见某宁有泪流不止之意,生怕被淹死[不用等全球气候变暖了],于是众人冷汗曰:"好好好,俺们就留几句废话.." 停停停!不说了再说下去就又要吃到番茄了..寂静滴某宁滴某孤朋狐友突然像幽灵般的出现并且向小宁飘来,嘴里碎碎念着:"除了扔番茄..还要外加拳脚餐..除了扔番茄..还要外加拳脚餐..." 宁回头一望,尖叫,随即脚底冒烟以100km per hour 的速度飞速逃跑...不见人影只见黑点只闻:"鬼啊!!!救命啊!!!!" 咳咳..回到正题..来人啊..把教程摊开..给众人看看[众:这根本等于没有回到正题,跑到古代知府去了]: 呃....做这种效果时...最好不要用人物照片与模糊一下就看不出主体的照片 呃....字有点小....还有错别字....因为我用的那种字体有些字不能打...素以小宁用一些类似的字代替了
Photoshop 极坐标打造烟花效果
效果：比较反对那种做一步跟一步的教程，写得有启发性一点（虽然急于求效果的人看得会比较累）。最好大家发上来的作品和我的都不一样 首先我们要做烟花， 需要一种爆炸的效果。 这时候我们可能会想到 [径向模糊]；但经过试验，[径向模糊] 内外两个方向都有模糊~ 不能产生一种 拖尾 的效果。于是考虑可以用 转换圆锥和平面的 [极坐标] 滤镜。 接着分析一下极坐标滤镜： 原图a b (a用[平面坐标到极坐标]后) c (a用[极坐标到平面坐标]后)确实，可以实现放射线和平行线的相互转换。 原本纵向的平行线~由平面变为极坐标，就变成了我们需要的放射线。并且b、c 两张图都可以通过反算，变回原图a。
Photoshop CS3制作魔幻陨石壁纸
本教程是关于Photoshop CS3制作魔幻陨石壁纸_网页教学网webjx.com原创，主要是滤镜的应用学习，重点是火焰效果的制作，教程作者步骤描述还是比较详细，希望大家能更方便的学习，有所收获～ 先来看一下效果图： 效果图 1、新建一个文档1024*768像素。 2、在背景层上新建一层。图1 3、首先我们要先造个立方体，用钢笔工具勾个有六个角的路径形状。图2 4、调整六个角的锚点，将路径形状调整成下图所示：
Photoshop画笔打造美女舞蹈艺术照片
在这个教程里使用Photoshop制作美女舞蹈艺术照，主要学习Photoshop中一些工具的使用，笔刷的使用技巧，简单扣图技术，熟悉图层模式的设置等一些基础的知识。原文连接先看效果：点击观看1024*768大图启动Photoshop，建立1024*768文件，分辨率72dpi。然后使用矩形工具在文档的下部绘制一个矩形，填充颜色为#D4D2D2 ，效果如下：准备好一幅美女图片。。
Photoshop制作枫叶飘落的动画风景
本文中我们用Photoshop和ImageReady将一幅静止的风景画面改成枫叶飘落的动画风景。原图： 效果图： 1：选择多边形套索工具（shift+L），套出一片枫叶（选区必须闭合） 2：复制选区（ctrl+J），按住ctrl+鼠标拖拽到原枫叶下方位置 3：按住ctrl+alt+鼠标拖拽，继续复制出枫叶的凋落走向 4：完成整个枫叶凋落过程以后 CS2版本用户：shift+鼠标点击第一片枫叶和最后一片枫叶，将其选中，然后按ctrl+G编组 CS2以下版本用户：点击图层缩略图前的链接按钮，将所有的枫叶图层链接起来，图层－新建－图层组来自链接图层 。 5：同样的方法，作出另一片枫叶的凋落路线 6：点击“在ImageReady中编辑”（shift+ctrl+M）按钮，窗口－动画，点击图层前的小眼睛，隐藏所有图层 7：点击动画面板中“复制帧”按钮，新建第二帧，依次点击所有图层组缩略图左边“展开”三角按钮，点开第一片枫叶的小眼睛 8：然后同样的方法制作第三帧，然后隐藏每个图层组中第一片枫叶小眼睛，使得每个图层组在一帧中只有一片枫叶可见 9：同样的方法将整个枫叶凋落的过程制作出来 。
Imageready蝶恋花 动画制作教程
今天让我们用Imageready来做一个蝴蝶飞过鲜花的动态图，先看下效果吧： 制作步骤： 1、打开一张荷花图片做背景。 2、打开一张蝴蝶图片，用魔棒工具在白色区域点一下选中背景，Ctrl+Shift+I反选，就选出了蝴蝶。
Photoshop图片合成教程：打造夕阳风景
本教程是本人自己学习练习的一个例子，希望大家掌握！其实图片合成是非常简单的，希望大家掌握方法，谢谢大家支持。原图，一张风景照片：最终效果图： 用PS打开后，我们切换到通道面板，我们的目的是把照片中的云去掉，所以在这里选择，蓝通道，复制一个副本：选择副本，执行色阶：