推荐阅读
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将鸡蛋复制出来，命名为蛋。图：将鸡蛋复制出来
最新发布
PS制作3D出屏效果的案例教程
今天给大家分享一个PS制作3D出屏效果的案例教程，其实不难，通过简单的合成效果就能做出来，主要是运用抠图、图层蒙版工具，下面就来看看具体的操作步骤效果图制作3D出屏效果步骤1、将图片素材放入PS中，并复制出一层；2、将手机素材放入PS中，调整好大小；3、使用魔棒工具选中白色部分并将其删除；4、在手机层上添加图层蒙版，用黑色画笔将手机边隐藏，将鹿角显示出来，这样有种把鹿拍照到眼前的立体感；5、最终效果图；
PS打造图片层叠切割的案例教程
今天给大家分享一个PS打造有意思的图片层叠切割的案例教程，简单好看，主要是通过矩形工具、图层样式来实现的，下面就来看看具体的操作步骤吧原图效果图1、矩形工具：用于绘制矩形图案，按住SHIFT键不放，可以绘制正方形矩形2、图层样式：制作浮雕、描边、投影等效果，增加立体感1、将图片放入PS 中，按住ctrl+j复制一层；2、在图层下方找到新建图层按钮，新建一个空白图层，并按住ctrl+delete键将其填充灰色；
PS怎么把图片合成双重曝光特效？
今天给大家分享一个PS合成双重曝光的案例教程，即好看有简单制作的图片美化效果，原理是将两张或多张图片叠加而成，主要运用画笔、图层蒙版、色阶等工具在制作而成，操作步骤简单，下面就来看看具体的操作步骤吧。效果图1、画笔工具：通过定义画笔的形状、颜色等在画布上涂抹出任意形状2、图层蒙版：对该图层遮挡和显示处理，在图层蒙版上填充黑色为隐藏，白色为显示3、色阶：是指图像的明暗显示信息，由3个滑块控制，黑色三角代表暗部，白色三角代表亮部，灰色三角代表中间调1、首先，新建一个600*800的画布大小；2、将人物素材放入PS中；
PS如何制作炫酷火焰人物效果？火焰特效创意合成教程
今天给大家分享一个PS制作炫酷火焰人物的案例教程，在本次教程中主要给大家讲的是人物装转为素描效果，在使用图层样式制作燃烧效果，最后再加入一些火焰元素制作而成，下面就来看看具体的操作步骤吧效果图1、图层样式：可以对选中的图层添加投影、浮雕等效果1、将素材图片放入PS中，Alt+Shitf+CtrI+B处理成黑白效果；2、按住CTRL+J复制一层，并将图层混合模式改成颜色减淡；3、执行菜单栏-滤镜-模糊-高斯模糊，数值根据实际效果而定；4、按住Ctrl+Shift+AIt+E盖印；5、按住Ctr1+I反相，得到一个类似黑板的效果；6、在图层下方找到曲线，将曲线网上提，提亮画面；
PS制作人物文字效果
今天给大家分享一个PS制作人物文字效果的案例教程，制作过程简单易学，主要通过文字工具跟剪切蒙版制作而成，下面就来看看具体的操作步骤吧原图效果图1、文字工具：在PS文档中输入相应的文字，并选择相应的字体、字号、颜色等；2、剪切蒙版：根据下方图层的形状来显示当前图层效果；1、首先，将扣好的人物素材放入PS中；2、使用左边工具栏的文字工具框选出画布；3、然后在文字选框中输入任意文字，将其填满，文字字号稍微小些；
PS给图片换背景的案例教程
今天给大家分享一个PS给图片换背景的案例教程，主要是通过魔棒工具选中背景再替换颜色来实现的，操作步骤简单，下面就看看具体的操作步骤吧原图效果图1、首先准备好的图片素材放入PS中；2、在左边工具栏中找到魔棒工具点击下背景得到选区；3、弹出颜色窗口，任意选择一个合适的颜色；4、按住ctrl+delete键填充颜色；5、再按住ctrl+d键取消选区；
PS如何给蓝色证件照换背景颜色?
今天给大家分享一个PS给证件照换背景颜色的案例教程，主要是运用快速选择工具、图层的运用等来完成的，下面就来看看具体的操作步骤吧。原图效果图1、首先，将准备好图片素材放入PS中；2、在使用快速选择工具选中人物；3、按住ctrl+j键复制出人物图层；4、在人物图层下方新建图层，并填充颜色；5、最终效果图；
如何给汽车换背景图片？PS抠图换背景教程
如何给汽车换背景图片？PS抠图换背景教程原图效果图1、首先，将准备好的图片素材放入PS中；2、在使用左边工具栏的快速选择工具选中车辆；3、按住ctrl+j复制出图层；4、再将准备好背景图片放进来；5、得到最终的效果；
秒抠印章 PS秒抠印章案例教程
今天给大家分享一个PS秒抠印章的案例教程，既然是秒抠，自然是很简单的了，就不过多介绍了，直接进入正题吧原图效果图1、色彩范围：通过在图像中指定颜色来定义选区，并可通容差来扩大或减少选区；1、首先，将准备好的素材图片放入PS中；2、接着执行上方菜单栏的选择--色彩范围的指令；3、使用第一个吸管吸取印章颜色，并调整颜色容差来控制选区的大小；4、得到选区后按住ctrl+j快捷键复制出来，再将背景图层隐藏，就可以看到抠出来的印章了；5、看看最后的效果结语，到这里，PS秒抠印章的案例教程就结束了，看完之后是不是很简单，有没有蠢蠢欲动的感觉，赶紧动手试试吧
利用PS蒙版工具更换图片背景颜色教程
今天给大家分享一个PS蒙版更换背景颜色的案例教程，主要是通过魔棒工具选中背景，在利用图层蒙版的特性来实现的，下面就来看看具体的操作步骤吧原图效果图1、首先，将准备好的图片素材放入PS中；2、接着点击图层下方的图层面板按钮进行添加；3、在使用魔棒工具选中背景；4、将前景色调整为纯黑色；5、点击图层后的蒙版，按住ctrl+delete键填充颜色，得到如下图效果；