推荐阅读
9个设计要素技巧制作出完美的搜索框
搜索框是我们最常用到的UI控件之一，它几乎存在于所有的网站和APP当中。许多人认为搜索框不需要设计，因为它似乎就是由两个最简单的元素构成的。在以内容为导向的网站中，搜索框的重要性会相对更明显，用户需要快速又无痛地找到他们想要的内容。而对于设计相对负责的网站而言，这个需求尤其明显。搜索框的可用性设计，是整个设计的关键。今天的文章我们来聊聊搜索框的设计，如何让用户尽量节省时间，搜到他们想要的内容。1、使用放大镜图标时至今日，搜索的概念和放大镜图标之间的关系已经深入人心，根深蒂固了。在日常最常用、最易于识别的几个图标当中，放大镜所带代表的搜索图标就是其中之一。即使在没有文本标签标识的情况下，用户也能轻松地识别图标的含义。小贴士：使用最简略直观的放大镜图标，细节越少，越容易识别。2、显眼的搜索输入框如果搜索是你的网站或者APP的重要功能的话，你应当让搜索框足够显眼，这样的能设计让用户最快发现它的存在。
phtotoshop给偏暗的荷花少女打造清新蓝天照片
原图效果图1、打开素材原图，复制背景图层。图层样式设置为“滤色”不透明度为50%2、创建可选颜色图层，对红、黄、绿、青、白 进行设置。参数设置如下图6、拖进天空素材，如下图
基础（23）如何快速在Dreamweaver CS3中编辑网页标签
图上画红框的地方，就是我们今天的主角了。我们先看一下“环绕标签”。在页面上随便打入几个字，选中它们，在右键菜单中选择“环绕标签”，在弹出的环绕标签对话框中输入“＜strong＞”（不包括引号），然后回车。之前被选中的文字是不是已经变成粗体了，到源代码看一下，我们所选中的文字是不是已经被＜strong＞标签包围了？大家可以试着再加入其它的一些标签，如：＜a＞，＜p＞。这里也可以直接输入属性。如：＜p style="color:#CC0000"＞。这里仅大概说明一下，如有疑问，请查看Dreamweaver CS3的帮助。下面说一下标签选择器的应用方法。我们将光标移动到刚才加粗的文字里，会发现在＜body＞的后面多了个＜strong＞。这就是说光标所在处的这些文字的外面有＜strong＞的标签，在＜strong＞标签外有＜body＞标签。下面大家再添加一个表格，把光标移动到表格内，看看标签的结构。相信对HTML有些基础的朋友都应该很轻易理解的。假设我们现在要插入一个表格，并将这个表格用CSS来将它下移10个象素。先插入一个表格，然后交光标移动到表格内。这时在标签选择器上应该可以看到这样的字样＜body＞＜table＞＜tr＞＜td＞。然后在table标签上点鼠标右键，会看到有四个选项。删除标签、编辑标签、设置类、设置ID。删除标签：即是将标签删除。（有一些非凡的标签是不能删除的。例如：＜table＞、＜tr＞、＜td＞、＜body＞...) 编辑标签：给标签附加属性、修改属性等。 设置类：给这个标签附予一个类。（即CSS的类别） 设置ID：给这个标签附予一个ID。（即CSS的ID）在这里，我们选择编辑标签，然后在后面加上属性style="margin-top:10px"和正常书写源代码的方式是一样的。然后按下回车。就完成了编辑。假如在Dreamweaver CS3里看不到效果，请用浏览器预览。还有另外一种方法，也许你会喜欢。选择窗口→标签检查器当你选择某一个标签后，这里会显示出当前选择标签的所有属性。也可以很快地在这里进行编辑。在这里输入的属性不用包括引号，编辑后按回车确定。这里我们只将方法告诉大家，希望大家能够从中受益。
Photoshop合成“蛋壳里的小鸡”
这个Photoshop实例主要运用了通道和套索工具，合成了一个蛋壳里的小鸡，先看下完成图吧：图：完成图 制作步骤： 1、打开一张素材图片。图：打开素材图片 2、抠出鸡蛋。打开通道面板，比较之后发现蓝通道中鸡蛋的边缘最明显，所以选择蓝通道，然后用磁性套索工具勾出鸡蛋的轮廓，平滑2个像素。图：抠出鸡蛋 3、Ctrl+J将鸡蛋复制出来，命名为蛋。图：将鸡蛋复制出来
最新发布
滤镜制作制作抽象3D水波纹
3、用 Dodge Tool（减淡工具）将选区内其余的部分加亮。 4、执行 Filter/ Distort/ Wave（滤镜/扭曲/波浪）命令。 5、先复制图层，然后旋转刚复制的图层。将旋转过的图层的混合模式改为 Screen（屏幕模式），你也可以根据个人喜好来设置。重复几次这样的操作。
Photoshop打造超炫魔幻球
3. 点滤镜―素描―铬黄 设置如下。（图4） 4. 点图象―调整―色相/饱和度，设置如下（图5） 5. 获得如下的效果（图6） 9. 合并后再复制一层为4，点编辑―变换―垂直反转。效果如下（图10） 10. 把1和4合并后，再复制一层为5，点编辑―变换―反转90度，效果如下（图11） 11. 点图象―调整―色相/饱和度，设置如下（图12）
巧用素材制作逼真的星球爆炸效果
最叙谈效果图 1、本文将介绍一种使用素材图片制作星球爆炸的效果。在开始制作之前，先找一张龟裂效果的图片，在搜索引擎中可以找到很多这样的图片。本文使用下面这张素材图片，并以此介绍制作步骤，如果使用其他图片，某些步骤可能要根能要根据需要略作调整。素材图2、在Photoshop中新建一个600×450像素，背景为黑色的文档，并命名为“爆炸的星球”。打开素材图片，反相该图片（快捷键Ctrl+I），使裂缝颜色变白。选择椭圆选框工具（快捷键Shift+M），在素材图片上圈选出一个圆形选区（按住Shift键可以拖出正圆选区）。复制该选区内容到“爆炸的星球”文档中，将复制的素材图片图层命名为“素材图片”。图1：圈选出圆形选区 3、选中“素材图片”图层，按住Ctrl键不放，同时点击该图片的缩略图，将选区加载进来。从菜单中选择“滤镜>扭曲>球面化”。在弹出的对话框中将“数量”设置成最大100%。然后再次执行该滤镜，但“数量”值降低一半。取消选区（快捷键Ctrl+D）。执行“滤镜>锐化>USM锐化”，设置如下：数量: 500%，半径: 1.7px，阀值: 122。取消选区（快捷键Ctrl+D）。 图2：USM锐化后的效果 4、执行“滤镜>扭曲>极坐标”，选择“极坐标到平面坐标”选项。 图3：执行极坐标滤镜后的效果 5、将画布顺时针旋转90度（菜单“图像>旋转画布>90度(顺时针)”）。
扭曲滤镜制作液体马效果
1、打开背景图（风景图）并复制背景图为背景副本。将马的图片中的马抠出（用魔术棒选取白色背景后反选即可）置于背景副本图层上方（图层1），水平翻转―去色―调整大小至合适。 2、将背景和背景副本图层设为不可见（关闭图层前的眼睛），将图层1储存为PSD文件（以后在做玻璃纹理时要用到）。 3、 回到背景副本图层（当前工作图层为背景副本），将图层1设为不可见。执行滤镜―扭曲―玻璃（扭曲度19左右，平滑度9左右），缩放100%，点纹理选项右边的小三角―载入纹理，选择刚才保存的PSD文件。 4、复制图层1的红色通道，再回到图层面板，按住CTRL键点击图层1，得到选区后再回到红色通道副本，反选―填充黑色，取消选择。调整曲线如图所示。然后将通道作为选区载入。 5、保留选区，回到图层面板，在背景副本图层上方新建图层2，在选区内填充白色。
3D变换滤镜制作精美人物魔方
然后设置选项如图： 然后设置选项如图 确定后点选轨迹球工具将立方体进行调整。 然后确定这样就会出现一个立方体。 确定后点选轨迹球工具将立方体进行调整 第二步：按CTRL用鼠标点击图层，使立方体处于选中状态，点 选择 > 修改 > 平滑，设置大约3像素。然后反选按DELETE删除。取消选择。使立方体边界平滑一些。 按CTRL用鼠标点击图层，使立方体处于选中状态 第四步：将其他两个前面的眼睛点上，选中，和前一个一样做法调整图象。右面亮度适当调低，上面的亮度更低，最后如图： 亮度适当调低 第五步：将其他两个前面的眼睛点上，选中，和前一个一样做法调整图象。右面亮度适当调低，上面的亮度更低，最后如图： 亮度适当调低 第六步： 然后将三个人物图层合并，是合并后的图层处于选中状态，按CTRL用鼠标点击立方体图层，然后反选删除。删除多出立方体部分。 第七步：将立方体图层复制，将复制后的立方体层拖到最上面点滤镜 > 风格化 > 照亮边缘，设置如图： 调整
制作经典数码光圈
3、按 Ctrl + J（复制当前层）再按 Ctrl + T变换当前层，选择″水平翻转″，回车确定变形，用矩形选择工具将当前层的左半部分选择上并删除掉，再按 Ctrl + Shift + E，合并当前所有图层。 4、选择″滤镜″>″扭曲″>″极坐标″，选″平面坐标到极坐标″,按Ctrl J复制当前层，按 Ctrl + T旋转当前层，选择旋转90 度顺时针，将当前层的图层模合模式变成″变亮″,再重复复制图层以及旋转90度顺时针两次，完成以下的效果，按 Ctrl + shift + E 合并所有图层。5、选择″滤镜″>″扭曲″>″极坐标″，选″平面坐标到极坐标″，再按 Ctrl + J，复制当前层，并把此图层的模合模式变成″叠加″，重复制图层以及改变模合模式，直到图像变暗为直，最后按Ctrl + shift + E合并所有图层。
超炫美精灵之光效果
4、选择渐变工具，设置为暗红（701211）到透明渐变，新建图层1，然后在图层1上添加渐变效果。 添加渐变效果 5、现在按照前面所说的方法在图层1绘制出其它的云彩。 绘制出其它的云彩 6、设置图层1的不透明度为66%，然后单击“添加图层蒙版”按钮，为图层1添加蒙版。选择画笔工具，使用柔边画笔在边缘较硬云彩边缘进行涂抹。 设置图层 7、新建图层2，设置前景色为黑色，背景色为白色，执行“滤镜”→“渲染”→“云彩”命令。 “云彩”命令 8、使用快捷键“Ctrl+M”打开曲线命令，设置曲线到如图所示效果。 曲线命令 9、设置图层2的混和模式为“滤色”，不透明度为25%。 图层模式 10、新建图层3，然后按照前面所讲的绘制云彩的方法绘制出如图效果的白色云彩。 白色云彩 11、设置图层3的混和模式为“柔光”，不透明度为35%。 柔光模式 12、新建图层4，使用钢笔工具绘制出如图效果的天使。钢笔工具绘制13、将路径转换为选区，为它填充白色。按快捷键“Ctrl+T”打开自由变换命令，将图案缩小，然后移动到图中所示位置。 自由变换14、复制图层4为图层4副本，在菜单栏中执行“滤镜”→“模糊”→“径向模糊”命令。如图设置弹出对话框。 径向模糊
制作质感水晶美女头像
2、选择工具箱中的“魔棒工具”，在属性栏中设置容差为15，单击背景，然后选择菜单栏中的“选择”“选取相似”命令，为人物建立选区，如图03所示。 图03 为人物建立选区 3、将人物移动复制到图片01中，效果如图04所示。 图04 将人物移动复制到图片01中 4、将图层1复制三次，分别复制成为“图层1副本”“图层1副本2”“图层1副本3”，并把图层1复制在最上层，并将复制的图层移动到如图05所示的位置。 图05 将图层1复制三次 7、选中图层1副本2，选择菜单栏中的“滤镜”“风格化”“照亮边缘”命令，在弹出的“照亮边缘”对话框中设置参数，如图09所示。 图09 选择菜单栏中的“滤镜”“风格化”“照亮边缘”命令在弹出的“照亮边缘”对话框中设置参数 单击“好”后，效果如图10所示。 图10 效果 8、将图层1副本2的混合模式设置为“滤色”，将“图层1副本”和“图层1副本3”暂时隐藏，效果如图11所示。 图11 将“图层1副本”和“图层1副本3”暂时隐藏
燃烧火焰
4.执行菜单-滤镜-扭曲-波浪，将生成趋数设置为6、波长最小值为60、最大值为100、波幅最小值为1、最大值为180、比例，水平垂直都为100%，类型选择正弦、未定义区域选择重复边缘象素（图3）。 图3 5.将背景图层复制一个置于最上，按CTRL+I将颜色反转，再按CTRL+F将波浪滤镜再执行一次，并将此图层的混合模式改为差值（图4）。 图4 6.按CTRL+B将中间值的青色调节至-100，再执行菜单-图象-调整-渐变映射，简便类型选择“简单”，样式选择第一种蓝到白渐变，并把渐变选项设置为反向（图5）。 图5