推荐阅读
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快速提亮逆光照片的案例教程,相信有很多朋友在拍照的时候都会碰到逆光拍照的时候都会有昏暗的情况,遇到这样的情况在PS中该怎么正确提亮呢,下面就来看看具体的操作步骤吧原图效果图1、ctrl+alt+2 提取高光2、Ctrl+shift+I 反选选区3、Ctrl+J 复制选区/图层4、Ctrl+D 取消选区1、首先,将准备的素材图片放入PS中;2、按住ctrl+alt+2快捷键提取图片中的高光;3、接着再按Ctrl+shift+I快捷键反选选区,选中暗部;
PS制作表情包案例教程
本次案例给大家分享怎样用ps怎么制作出表情包,网上很多猥琐搞笑的表情包,看起来好像很难制作,其实一点都不难,按小编的步骤来一起动手做出来,下面我们一起来看看PS制作表情包案例教程吧!案例效果图1、首先,将我们准备好的素材放入ps中;2、新建一个画布,带有人物表情的图片放进来;3、使用套索工具将脸部圈出来;4、在选择面板找到修改>羽化,羽化5个像素;
PS换脸教程,马云变美国队长
今天给大家分享一个PS换脸马云变美队的案例教程,相信小伙伴在网络上都会看到很多恶搞图片,把某人的“脸”放人某人的”身体上“,那这些恶搞图片是怎么做的呢?操作步骤简单,简简单单的几个步骤就可以搞定了,下面来看看具体的操作步骤吧效果图1、套索工具:框选某个区域后直接为选区,可对选区复制、填充颜色等2、画笔工具:通过定义画笔的形状、颜色等在画布上涂抹出任意形状3、图层蒙版:对该图层遮挡和显示处理,在图层蒙版上填充黑色为隐藏,白色为显示4、色相/饱和度:改变颜色效果、明暗度、色彩鲜艳度等1、首先,将准备好的美队图片和马云图片放入PS中;2、使用套索工具框选马云的脸部,按住ctrl+j键复制出来;3、在使用移动工具将其移动至美队脸上,调整合适大小及位置后,添加图层蒙版,使用画笔工具擦除边缘;
换脸教程,小李子的脸换成魔性徐锦江
本次教程主要用到的工具及命令:套索工具,用于选择图层内需要选择的部分收缩图层,将图层按选区内容进行收缩,自动混合图层,将多个图层无违和的混合在一起,整个教程制作起来比较简单,同学们跟着教程来学习一下吧,相信你可以学会,并做的很好。效果图:练习素材:操作步骤:对“徐锦江的面部图层”执行【编辑】→【自由变换】(Ctrl+T)右键选框→【水平翻转】后,调整好位置。
移花接木 PS换脸范冰冰
PS的功能很强大,许多好玩的用法,今天就给大家分享一个移花接木的案例教程,也就是换脸教程,下面就一起来看看吧素材1、首先,将准备号的明星图片放入PS中;2、使用左边工具栏中的套索工具框选出任务的面部轮廓;3、按住CTRL+J快捷键复制将选区复制出来;4、接着再将准备好的另一张图片素材放入PS中;5、回到范冰冰图层,使用移动工具将扣号的面部轮廓移动至另一个图片文件;6、按住快捷键CTRL+T自由变换,改变大小、位置、角度等至合适位置;7、接着在添加一个图层蒙版,使用黑色画笔工具在蒙版处涂抹,让边缘看起来柔和;8、接着就是要添加曲线、色相/饱和度等来进行调色,参数根据实际效果而定;
PS通道抠图教程,蓝天中的白云怎么抠图?
今天给大家分享一个PS利用通达抠图白云的案例教程,主要是运用通道、高色差、蒙版等工具来抠出白云,过程较为复杂,同学们要认真的看教程哦,下面我们就一起来看看PS抠图教程,蓝天中的白云怎么抠图吧!原图效果图PS抠图白云教程步骤1、首先,将准备好的图片放入PS中;2、进入通道面板,选择红通道,白云与背景色差比较大,比较理想;3、选择红通道,按Ctrl + A 全选,按Ctrl + C 复制;4、点RGB通道返回图层面板,新建一个空白图层,按Ctrl + V 把复制的通道粘贴进来;
巧用PS视频滤镜去掉图片的电视线
我们知道电视跟电脑不一样,电脑的扫描方式是逐行扫描,而电视的显示方式是隔行扫描,有一些平面作品会特意做出一些电视线的效果,那么我们今天要学的是如何利用视频滤镜去掉图片的电视线。一、打开PS,打开一张带有电视线的图片二、点击菜单里的滤镜,找到视频三、找到逐行四、打开逐行后,会显示选项,选择奇数行还是偶数行五、选择对了,就会将电视线消除掉,因为图片是奇数行还是偶数行我们也不知道
PS运用通道原理抠图的案例教程
今天给大家分享一个PS运用通道抠图的案例教程,主要由通道和色阶来实现,通道抠图相信大家在网络上见得不少,那她究竟是通过什么原理来实现的呢;小编就给大家来解释下,通道抠图主要是选择明暗对比明显的颜色通道,在运用色阶来增强明暗对比,让图层的对比更加明显,就方便我们选区需要抠图的部分;原理知道了,那接下来看看是如何操作的吧!原图效果图1、通道面板:在不同的图像模式下,通道组成的颜色是不一样的;图层的所显示的颜色图像都是通道原色映射而成。 2、色阶:是指图像的明暗显示信息,由3个滑块控制,黑色三角代表暗部,白色三角代表亮部,灰色三角代表中间调1、首先,将图片放入PS中并复制一层;2、通过对比我们发现绿色通道的对比最明显,所以我们选择绿色通道并复制一层;3、按住ctrl+l键弹出色阶对话框,拉动滑块调整数值;4、使用画笔工具,选择硬边缘画笔画出人物轮廓;
PS通道抠图的案例教程
PS扣图对于设计行业者来说是一个必不可少的技能之一,抠图的方法有很多,比如用钢笔绘制、魔棒工具、快速选择等方式,然而在一些抠出比较复杂的东西而言是行不通的,今天就给大家分享一个PS快速抠图的案例教程,主要是通过通道、色阶、色彩范围、剪贴蒙版的方式来实现,下面就来看看具体的操作步骤吧原图效果图1、通道面板:在不同的图像模式下,通道组成的颜色是不一样的;图层的所显示的颜色图像都是通道原色映射而成。 2、色阶:是指图像的明暗显示信息,由3个滑块控制,黑色三角代表暗部,白色三角代表亮部,灰色三角代表中间调 3、色彩范围:可以选择范围内的颜色,在一定的值内选择类似的颜色 4、剪贴蒙版:通过下方图层的形状来显示上方图层的效果。1、首先,将准备好的图片放入PS中;2、选择明暗度对比最为强烈的蓝色通道;并复制一层;3、按住ctrl+l键弹出色阶,移动滑块调整数值,增强明暗对比度;4、按住ctrl鼠标点击蓝色副本缩略图,载入白色部分的选区,这时候需要按住ctrl+shift+i键反选选区选中黑色;
PS如何运用通道抠图抠椰子树?植物通道抠图简单教程
前言:PS抠图是设计从业者必不可少的技能之一,在日常工作中都需要抠图,扣取一些简单的图都是可以通过钢笔工具、魔棒等工具抠出来的,但是一些比较复杂的图片就需要用通道来抠图,比如毛发、树木等;今天就给大家分享一个PS通道抠椰子树的案例教程,主要是通过通道、色阶、图层蒙版的方式来实现,下面就一起来看看PS如何运用通道抠图抠椰子树?通道抠图简单教程吧!效果图1、通道面板:在不同的图像模式下,通道组成的颜色是不一样的;图层的所显示的颜色图像都是通道原色映射而成。 2、色阶:是指图像的明暗显示信息,由3个滑块控制,黑色三角代表暗部,白色三角代表亮部,灰色三角代表中间调 3、图层蒙版:对该图层遮挡和显示处理,在图层蒙版上填充黑色为隐藏,白色为显示1、打开PS,将素材图片放入PS中并拖至下方新建面板按钮复制一层;2、在属性面板上选着通道,有红色、蓝色、绿色通道,这里我们鼠标点击选择颜色对比最为强烈的蓝色通道,再按ctrl+c复制蓝色通道;3、鼠标点击通道面板中的RGB通道,再鼠标点击图层回到图层面板,鼠标点击图层下的新建图层按钮,新建图层,按Ctrl + V 将蓝通道粘贴进来,4、在图层下方找到色阶,弹出对话框,拉动三个滑块增强明暗对比度;5、在左边工具栏中找到套索工具,将椰子树的的阴影部分,框选出来,并按住shift+f6快捷键将选区羽化6个像素;