推荐阅读
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、首先,准备一张图片放入PS中,使用快速选择工具选中图案以外的内容;2、接着,在图层面板下方点击图层蒙版工具,这时候就会发现图案就隐藏起来了;3、再按住快捷键ctrl+I快捷键进行反相,图案就会进行反向选择,图案意外的部分就被隐藏起来;4、选中图层蒙版点击鼠标右键,可以选择关闭或者打开图层蒙版;5、得到最终的效果图;PS的图层蒙版是通过颜色来决定隐藏的效果,白色为不隐藏,黑色为隐藏,中间是会出现透明叠加效果
PS快速更换人物背景
工作生活中有时候需要给图片更换背景,如果自己不会的话就需要找人帮忙,甚至还需要支付一定的费用; 今天就来教大家如何用PS更换背景,下面就一起来看看吧对比图1、首先,就是将准备好的图片放入PS中;2、选择左边工具栏的快速选择工具,点击上方的选择主题按钮;3、这时候就会发现人物主体就被选中了;4、在使用快速选择工具修复人物缺少的部分,将其补全回来;5、按住快捷键ctrl+j快捷键将选区复制出来;6、再按住快捷键ctrl+shift+n快捷键,新建空白图层;7、使用左边工具栏的渐变工具,颜色可以根据需求而定;8、人物背景就更换好了,看看效果吧
PS快速更换证件照背景
今天给大家分享一个PS快速更换证件照背景的案例教程,操作简单方便,只需要魔棒工具和色相/饱和度两个工具,简单的几个步骤就可以完成了,下面就一起来看看教程吧1、首先就是将准备好的证件照素材放入PS中;2、使用左边工具栏的魔棒工具;3、在属性栏中将容差调整至100,然后用魔棒工具见一下蓝色背景,这时候背景就被选中了;4、最后在图层下方的工具栏中选择色相/饱和度,然后左右拉动滑块,就会看到背景就发生变化了;5、可以做出不同颜色的背景;到这里,PS更换证件照的教程就结束了,是不是很快速呢?同学们动手练一练吧
PS快速更换图片背景
今天给大家分享一个PS快速更换图片背景的教程,主要使用的方法的是用颜色范围选择主体颜色,反选背景,将背景删除,最后加入另一张图片背景即可,下面就一起来看看具体的操作方式吧1、首先就是先准备好两张图片素材放入PS中;2、在主体图层上执行选择》色彩范围的指令,弹出对话框,将颜色范围调整至最大;3、接着按住快捷键ctrl+i反向选中背景;4、按删除键将背景删除;5、最后加入准备好的背景素材,调整大小位置,图层顺序将背景图防放置最低层;6、得到最终的效果到这里,PS快速更换背景的教程就结束了,是不是很方便呢?同学们动手练一练吧
轻松玩转抠图,PS抠头发攻略
相信大家在学习PS的过程中都活碰到抠图的难题,常常抠不同的图,合成最常见的就是需要抠图,同学们都不怎么喜欢抠图,太麻烦,尤其抠头发,本次就教同学们快速抠出毛边,下面我们就一起来看看轻松玩转抠图,PS抠头发攻略吧!抠图效果图教程步骤1、打开PS,执行文件—打开命令,进行打开你所要抠图的文件,并复制一层; 2、用快速选择工具对要抠出来的对象上进行闪单击拖动选择,得到选区,再点击属性栏上的选择并遮住; 3、选择第二个画笔对人物边缘进行涂抹,涂抹出毛发细节部分,点击确定按钮; 4、得到一个完整的人物选区,按住ctrl+j复制出人物;
PS图层蒙版更换背景
今天给大家分享一个PS图层蒙版更换背景的案例教程,主要使用魔棒工具、图层蒙版来完场,先用魔棒选中背景,再用蒙版来掩藏,下面就一起来看看具体的操作步骤吧1、首先,将准备好的图片素材放入PS中;2、使用左边工具栏的魔棒工具,点击背景选中;3、接着在添加上图层蒙版,这时候会发现所掩藏的并不是背景;4、按住ctrl+i快捷键反选,就可以将背景隐藏起来;5、下面就是新建一个新的图层,选择一个合适的颜色;6、按住alt+delete快捷键填充前景色;7、更换几个颜色看看效果吧到这里,PS图层蒙版更换背景的教程就结束了,是不是很好学呢?同学们动手练一练吧
PS快速抠出头发的案例教程
相信很多小伙伴抠图最怕的就是扣头发,发丝细小且不好操作,用常用的抠图方法根本就行不通,那么今天给大家分享一个PS快速抠出头发的案例教程,主要通过通道、色阶增强明暗对比度来进行实现,下面就来看看具体的操作步骤吧原图效果图1、通道面板:在不同的图像模式下,通道组成的颜色是不一样的;图层的所显示的颜色图像都是通道原色映射而成。 2、色阶:是指图像的明暗显示信息,由3个滑块控制,黑色三角代表暗部,白色三角代表亮部,灰色三角代表中间调1、首先,将人物图像放入PS中并复制一层;2、接下来进入通道面板,选择对比度更明显的蓝色通道,复制一层;3、Ctrl+L弹出色阶对话框,调整对比度;4、调整完后在用用画笔工具修饰一下;
如何利用PS通道蒙版扣头发?
今天给大家分享一个PS通道蒙版构图的案例教程,说到扣图,相信有很多小伙伴最不想看到的就是扣头发,头发细小又复杂,用寻常的抠图方法是难以实现的,那该怎么扣头发呢,下面就跟随小编来一起学习吧原图 效果图1、通道:在不同的图像模式下,通道组成的颜色是不一样的;图层的所显示的颜色图像都是通道原色映射而成。2、色阶:是指图像的明暗显示信息,由3个滑块控制,黑色三角代表暗部,白色三角代表亮部,灰色三角代表中间调3、图层蒙版:对该图层遮挡和显示处理,在图层蒙版上填充黑色为隐藏,白色为显示4、钢笔工具:绘制出路径,勾出平滑曲线1、打开PS,将素材图片放入PS中;2、在右边属性视图窗口进入通道面板,通道面板分别有:RGB、红、绿、蓝四个通道,在这里我们选择对比最为强烈的红色通道;
PS在复杂背景人像照片下抠出头发
说到抠图,相信有几种东西是小伙伴们最不想碰到的,扣人像就是其中之一了,扣男士的人像还好,可怕就应该是长发飘飘的美女了,如果说还有更为可怕的话,就是在复杂背景下长发飘飘的美女了,着实让人头疼;今天就给大家分享一个PS在复杂背景下抠出长发飘飘美女的案例教程,下面就来看看小编的表演吧,小伙伴们要认真学。原图效果图1、通道:在不同的图像模式下,通道组成的颜色是不一样的;图层的所显示的颜色图像都是通道原色映射而成。2、色阶:是指图像的明暗显示信息,由3个滑块控制,黑色三角代表暗部,白色三角代表亮部,灰色三角代表中间调3、图层蒙版:对该图层遮挡和显示处理,在图层蒙版上填充黑色为隐藏,白色为显示4、钢笔工具:绘制出平滑的曲线路径,按住Ctrl+回车键可以将路径转换为选区5、背景橡皮檫工具:有点类似颜色替换工具,在保护前景色前提下,檫除你不需要的的颜色。
PS抠头发的案例教程
今天给大家分享一个PS抠头发的案例教程,这节课主要讲的是怎么用通道扣去扣取发丝,抠头发一直是新手同学老大难的问题,现在就跟小编一起来学习,把这个大难题解决掉吧1、首先,将图片素材放入PS中并复制一层;2、执行上方菜单栏的图像》调整》色阶,弹出对话框后,拉动滑块,使头发与背景的对比更加明显;3、接着,进入通道选择对比更为强烈的红色通道,并复制一层;4、按住快捷键ctrl+i反向;5、使用白色画笔将人物脸部轮廓的涂白;6、按住ctrl健点击红色副本图层,载入选区;7、点击RGB通道,将红色副本通道隐藏;8、回到图层,选中背景图层,按住快捷键ctrl+j复制出选区;9、再使用钢笔工具画出人物主要轮廓;