推荐阅读
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如何制作波浪文字效果？波浪子体设计教程
今天给大家分享的是PS制作波浪字效果的案例教程，主要通过钢笔工具、路径、文字工具、剪切蒙版来制作而成，由钢笔工具绘制波浪路径，最后对文字进行剪切蒙版，下面就来看看具体的操作步骤效果图1、钢笔工具：绘制出平滑的曲线路径，按住Ctrl+回车键可以将路径转换为选区；2、文字工具：在PS文档中输入相应的文字，并选择相应的字体、字号、颜色等;3、剪切蒙版：根据下方图层的形状来显示当前图层效果;1、首先、新建一个白色的画笔；2、使用左边工具栏的钢笔工具，在上方属性栏选择路径；3、在画笔中画出一根曲线；4、在上方菜单栏的窗口中选择路径；
使用PS图层蒙版做渐隐字
PS的图层蒙版强大好用，灵活多变，可以做出很多不一样的效果，方便我们的工作，是必不可少的知识点之一，今天交给大家分享一个用图层蒙版做出来的文字渐隐效果的案例教程。1、首先，建好画笔后，使用文工具分开输入4个文字；2、选择相应的文字添加图层蒙版；3、在使用左边工具栏的渐变工具，颜色为黑白渐变；4、在“图”字图层蒙版上从左到右拉出一个渐变，做出渐隐效果；5、接着，在依次给剩下的文字做出来，就可以做出有前后错觉的渐隐效果了；6、最终的效果图；PS的图层蒙版是通过颜色来决定隐藏的效果，白色为不隐藏，黑色为隐藏，中间是会出现透明叠加效果
PS制作抖音故障风文字效果案例教程
今天给大家分享一个抖音故障风字体制作的案例，大家可能对故障风不是很了解，但对于抖音相信大家一定不陌生，抖音的图标就是采用故障风的效果制作出来的；那么，下面我们就一起来看看PS制作抖音故障风文字效果案例教程吧！案例效果图1、首先，新建一个尺寸600*400px，像素150px的画布；2、将前景色改成黑色，矩形选框工具选中背景，填中黑色；3、使用文字工具，输入文字；4、按住ctrl+j键，复制出一层；
使用PS通道创建简单3D立体字效果
1、创建画布 ，插入文字内容：CHANNELS，并栅格化；2、建立新的图层并用矩形选框专用工具在内容四周建立矩选区；3、 在矩形PS选区内添充白色；4、删去 （Del）；5、隐藏文本层，按下Ctrl并点击矩形层获得如下PS选区；
PS制作3D立体文字效果
今天给大家分享的是PS制作3D立体文字效果的案例教程，相信大家都经常在网络上一些3D立体字效果，大部分都是由3D软件来制作的；其实，PS也是可以制作一些简单的立体字效果，那该怎么做呢？下面就来看看具体的操作步骤吧效果图1、文字工具：在PS文档中输入相应的文字，并选择相应的字体、字号、颜色等;2、3D工具：主要有立体效果、角度、光照、材质以及渲染等功能;1、新建一个灰色的图层，并使用左边工具栏的文字工具输入相应的文字；2、在上方菜单栏执行--3D--从所选图层新建3D模型；3、弹出窗口后，右边工具栏都是设置3D效果的一些光照、材质等，小伙伴们可以对其一一尝试；在鼠标点击一下文字，调整合适角度；4、点击下方的渲染按钮，等待即可；5、得到最终的效果图
PS制作好看的霓虹字教程
夜晚来临，城市的大街上到处可以看到那些颜色璀璨的发光字，这些又称为霓虹字，那么像这种好看的霓虹字在PS中该怎么实现出来呢，下面就一起来看看教程吧效果图1、准备还一张背景素材图片；2、接下来添加一个黑白来给素材去色，再添加一根曲线调整一下曝光度；3、新建一层填充黑色，新建蒙板用黑色画笔点一下在中间部分曝光处和暗角；4、矩形工具画一个圆，填充颜色，高斯模糊，图层模式选叠加，降低透明度；5、受用文字工具加上文字，双击本字图层弹出图层样式，加上外发光和投影，参考下如图；6、将字体复制一层，填充度为0，增加一个投影的图层样式；7、最后一步，添加照片滤镜-冷却滤镜，到这里就大功告成了；
PS制作霓虹字效果案例教程
PS是一个强大的图像软件，运用的当可是制作出很多有趣好看的图案效果，今天就给大家分享一个PS制作霓虹字效果的案例教程，主要是运用PS的图层样式开种种调制叠加而成，所以，需要足够的耐心哦，下面就来看看教程吧1、首先，当然就是新建文档了，这里小编用的是1440*525的一个尺寸大小，同学们可以自行给选择画布的大小，接下来就是使用文字工具输入相应的文字，选择合适的字体，以及字体大小就可以了；2、接着拉出辅助线，新建一个图层，使用画笔工具对文字进行描绘;3、在新建一个图层，使用相同的方式来绘制水平线，命名该层为“水平”。注意线段连接处一定要留一点空间；4、绘制完成后，这时可以删除参考线，得到如下图的效果；5、接下来就到了最重要的步骤了，给水平图层添加图层样式(注: 将该图层的填充设为0 )，分别为内阴影、外发光、内发光、斜面与浮雕的图层样式，这里主要是制作霓虹灯发光的一个效果，具体数值可参考下图；6、得到如下图的效果；7、接着继续对另一个水平图层如上的图层样式；8、得到如下图的效果；9、下面就到了垂直图层制作图层样式，填充设置为0，将垂直层复制一次，给原来的垂直层添加一下样式，依次添加内阴影、外发光、内发光、斜面与浮雕的图层样式；
PS光效怎么做，运用PS滤镜工具给图片制作光效教程
光影效果在商业设计非常常见，比如给我们正在做的一个作品添加光效，让效果更加突出。那么PS光效怎么做呢？在一些电影大片看到的光影效果大部分是用PS滤镜工具完成的。下面我们就一起来看看PS光效怎么做，运用PS滤镜工具给图片制作光效教程吧！PS软件可以做出很多炫酷的光影效果，但是一些光效并不需要我们手动的去画，不但花费很多时间和精力，而且得到的效果也不没有那么好。所以一定要掌握好方式方法，尽一切可能用最少的时间做最大的事。下面我们就看看给图片制作光效教程。1、打开PS软件，新建一张画布，并填充黑色；2、打开渐变工具，选择一个喜欢的颜色，从颜色到透明；3、新建图层，使用径向渐变，绘制出一个圆；4、按住ctrl+T自由变换，对其压扁拉长；
PS制作绚丽的霓虹字效果
霓虹字，这个词可能会对部分同学来说比较陌生，但是当你在夜晚的时候走在城市的街头，就会看到到处都是五颜六色的发光字、灯光字等，这些就是霓虹字了，那在我们的PS中怎么做出这样的效果呢，下面就一起来学习吧1、首先，就是新建一个画布，选择一张合适的图片作为背景，使用合适的字体输入文字；12、接下来就是需要图层样式来处理了，双击图层样式，选择投影，参数如下图：混合模式：明度不透明度：5% 角度：90 把全局光勾掉；233、选择外发光，参数如下图：混合模式：线性减淡【添加】不透明度：82% 颜色选择：#10bedd 注意图案和品质选择；4564、斜面与浮雕，详细参数如下图：样式：内斜面方法：平滑深度：100% 大小：3PX 软化：0px 角度：0度，高度：48度 把全局光勾掉注意光泽等高线选择高光模式：正常，颜色【#FFFFF】阴影模式：正常，颜色【#3bffea】；7895、颜色叠加，详细参数如下：颜色选择【#FFFFF】不透明度：100%；10、116、、描边，详细参数如下：大小：1PX 位置：内部混合模式：正常不透明度：100% 填充类型：渐变填充渐变选择：【MissYuan_霓虹字】勾掉反向样式：线性，勾上与图层对齐角度：90度缩放：100% 设置完以后完成效果图；12、137、得到最终的效果图；14此次教程主要针对对PS有一定的基础并比较熟悉的同学，如果对PS还不够熟悉可以去本网站学习其他基础教程，然后再来学习哦。
PS如何给图片增加霞光效果？
今天给大家分享一个PS给图片增加霞光效果的案例教程，主要是通过曲线、镜头光晕等等工具来完成，曲线调整图片的明暗对比，在使用调色工具调下颜色，在添加光晕色块叠加制作光晕，下面就来看看具体的操作步骤吧原图效果图1、曲线：通过调整曲线的上下幅度，来达到提亮或者压暗画面的效果2、镜头光晕：制作光圈光晕效果1、首先，将图片放入PS中并复制一层； 2、我们新建一个图层，选择画笔工具降低不透明度10%，颜色为黑色，涂抹低于天空下面的水面。然后使用相同的画笔，改变颜色#ad651a涂抹天空部分； 3、找到下方图标添加曲线压暗图层；