推荐阅读
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滤镜制作橙子
12.在桔子顶部做一椭圆。如图8。 17.使用铅笔工具绘制桔子把。如图13。 21.按住Ctrl单击图层3,选中桔子把。使用 高斯模糊 使之略微模糊。22.在图层3下方建立图层4。23.选取一椭圆形,并用线形渐变工具填充,作为桔子把的阴影。如图16。
用滤镜制作彩虹围巾
二、 新建图层一,填充任何一种颜色,选择菜单栏上的“图层―图层样式―渐变叠加”,在弹出的对话框中将“角度”一栏设置为“180度”或“360度”,点击渐变项,在“渐变编辑器”对话框中将“渐变类型”设置为“杂色”,“粗造度“设置为“100%”,在“选项”一栏中勾选“限制颜色”一项,然后可以多点击几次“随机化”按钮,选出自己喜欢的色彩。(图一、图二、图三) 四、 暂时将图层一的两个副本隐藏,使图层一为当前层,选择菜单栏上的“滤镜―模糊―高斯模糊”,在弹出的对话框中,将“半径”设置为“19”像素。(图四)
Photoshop滤镜为照片做光线照射效果
下面是原始素材: 最后效果: 第一步:在PS中打开素材,Ctrl+J复制一层,执行:滤镜》风格化》照亮边缘,参数如fig01,效果如fig02 图1 图2第二步:改变图层模式为滤色,执行:滤镜》模糊》径向模糊,参数如fig03,并把模糊中心放置在合适的位置,效果如fig04 图3
PS CS2新增形状模糊滤镜绘制花布图案(推荐)
1.新建立一个文件,尺寸随意。 2.添入颜色RGB(224,23,28)。[这个颜色最好不要更改] 3.滤镜―像素化―彩色半调,用默认的设置就可以,数值不要更改。 嘟嘟后话: 1.大家做到形状模糊那段可以发现,可以换其他的形状,得到的布纹效果是不一样的。 2.如果要变换其他颜色,可以在最后合并图层后,利用图像―调整―色相/饱和度进行设置。 3.还可以使用光照效果,加强布纹的清晰强度。
用Photoshop置换滤镜绘制斑驳边缘艺术相框
细心点的朋友能看出,用喷溅的效果出来边缘比较规则,这里我介绍我自己想的另一个办法(用PSD替换的方法),抛砖引玉~~~~方法很多,我的不一定是最好的办法,大家可以多尝试。 1. 新建一个文件,填充背景为白色。 2. 接着,滤镜-渲染-云彩。 3. CTRL+M 调整一下曲线。 4. 完成好后的效果再接着 滤镜-扭曲-玻璃 5. 做好以后保存为PSD 文件。 6. 新建一个文件,背景为黑色,另外另建一层,为白色矩形 。 7. 在矩形所在的层上,选择菜单“滤镜-扭曲-置换”,选择默认的选项,再选择你刚才保存的PSD文件,进行置换即可!(有现成的纹理效果应该更好,这样就省去做纹理的步骤了) 效果如下:
用Photoshop滤镜轻松制作炫彩背景(推荐)
新建图像800*800 背景为黑色,执行 Filter > Render > Lens Flare 连续N次的移动和添加光晕。效果如下 按CTRL+U执行 Hue/Saturation menu 设Saturation to -100如下 执行 Filter > Pixalate > Mezzotint 类型 = Medium Strokes. 再执行 Filter > Blur > Radial Blur Amount = 100 Type = Zoom Quality = Best 按 Ctrl + F, 7次左右 按 Ctrl + U调色 按 Ctrl + J复制新层 图层的叠加模式为 "Lighten" 在新层上进行如下操作 Fliter > Distort > Twirl amount of 50 再按Ctrl + J将这一层复制一个执行Go to filter > Distort > Twirl amount = -100
Photoshop滤镜为MM照片制作好看的方块效果
2、按Q进入快速蒙板状态,或者直接点下图所示也可以: 3、执行“滤镜”-“像素化”-“点状化”: 4、执行“滤镜”-“像素化”-“碎片”: 注:CTRL+F重复两次; 5、执行“滤镜”-“像素化”-“马赛克”:
用PS的3D滤镜为白瓷咖啡杯添加个性文字
这是一个追求个性的时代,时尚的人们恨不得身边的所有东西都打上个性的标签,也包括杯子。在本文中,笔者就向大家介绍如何使用Photoshop的3D滤镜在杯子上添加自己的个性文字。 运行Photoshop,打开一幅杯子的图像(如图01)。 首先选择文字工具,在杯子上写出个性文字,笔者这里写的是“My Cup”,读者朋友可以自行决定输入内容。Photoshop会自动为输入的文字建立文字图层,并命名为“My Cup”。使用文字工具拖动选择这些文字,在属性栏上将文字字体设为CountdownD,大小为72pt。CountdownD是一种很卡通的字体,颇能体现个性,设置好之后,单击属性栏右侧的对号确认(如图02)。 在文字图层上单击右键,选择Rasterize Layer,将文字像素化,为后面的操作做准备。 选择菜单命令【Filter】→【Render】→【3D Transform】,会弹出3D Transform滤镜对话框,这是一个较为复杂的对话框,还带有多个工具(如图03)。 选择放大镜工具,在对话框的窗口中单击将图像放大一些,以便于操作。选择圆柱体工具,在窗口中画出一个圆柱体(如图04)。 可以使用直接选择工具调节圆柱体的节点,对照文字,使之大致相当于杯子的大小(如图05)。 调整合适后,选择轨迹球工具,旋转图像,使之呈现3D状态,并与杯子的角度和外形相匹配(如图06)。 调整好之后,按下OK按钮回到图像窗口,杯子上的文字已经发生了变化(如图07)。 使用套索工具选择多余的灰色部分,按下Delete键将其删除,再按下Ctrl+D键取消选择。选择移动工具,将3D化的文字移动到杯子上面的适当位置(如图08)。 细心的读者可能会发现,经过3D化处理的文字边缘出现了白边,影响效果,可以选择菜单命令【Layer】→【Matting】→【Remove White Matte】去除白边(如图09)。 在Layers面板上,将“My Cup”图层的混合模式改为Overlay,文字便自然的叠加到杯子上,随着杯子表面的明暗不同而发生变化,并保持杯子表面原有的纹理(如图10)。