推荐阅读
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将鸡蛋复制出来,命名为蛋。图:将鸡蛋复制出来
最新发布
制作在草原蹦跑的金马效果
3、复制一个层次较丰富的通道,执行“滤镜”“模糊”“高斯模糊”命令,在弹出的高斯模糊对话框中设置半径为4.5像素,效果如图04所示。 图04 在弹出的高斯模糊对话框中设置半径为4.5像素 4、按Ctrl+L键,调整一下色阶以便使层次对比更明显,如图05所示。 图05 调整一下色阶以便使层次对比更明显 5、按Ctrl+A键将图像全选后把调整的通道做为灰度图拷贝入图层。把文件另存为PSD文件,做为置换图。 6、将纹理图片拖入文件中生成图层2,按Ctrl+T键将其调整至和文件一样大小。 7、选择图层2,执行菜单栏中的“滤镜”“扭曲”“玻璃”命令,弹出玻璃对话框,在对话框中将扭曲度和平滑度调至最大,纹理选择载入纹理,选择载入纹理后弹出一个打开的对话框,选择刚才保存的PSD文件,设置如图06所示。 图06 载入纹理 确定后画面上出现了一种强烈的玻璃效果如图07所示。 图07 出现了一种强烈的玻璃效果 8、进入通道面板,把Alpha 1通道载入选区,返回图层面板,在图层2上按Ctrl+J键将选区拷贝粘贴入新图层,隐藏图层2观看效果如图08所示。 图08 将选区拷贝粘贴入新图层 9、选择图层1,隐藏图层3,按Ctrl+Alt+4键把Alpha 1通道载入选区,再按Ctrl+I键反选选区后将背景删除,再按Ctrl+D键取消选区。 10、设置前景色为黑色,背景色为白色,执行菜单栏中的“滤镜”“素描”“铬黄”命令,弹出铬黄对话框,设置细节为6,平滑度为9,如图09所示。 图09 铬黄对话框 确定后画面效果如图10所示,图像出现了强烈的光感。 图10 图像出现了强烈的光感 11、按Shift+Ctrl+F键执行消褪铬黄命令,弹出消褪对话框,在对话框中,可以调整透明度和模式,如图11所示,选择强光可以使一部分深色的金属纹理变亮。 图11 选择强光可以使一部分深色的金属纹理变亮。 12、确定后显示图层3,并将图层3的图层混合模式设置为强光。效果如图12所示。这时金属的材料初步形成,但是由于多次命令操作,佛像的细节损失了许多,下面就增加细节。 图12 图层混合模式设置为强光 13、选择背景层,按Ctrl+Alt+4键将Alpha通道载入选区,然后按Ctrl+J键将选择内容拷贝粘贴入新层,为图层4。把图层4拖至图层3的上方,并把图层4图层混合模式设置为强光,效果如图13所示。 图13 将Alpha通道载入选区 14、对图层4进行着色处理,按Ctrl+U键弹出色相/饱和度对话框,勾选着色和预览图标,将色相调整为黄褐色,加强饱和度,降低明度,设置如图14所示。 图14 将色相调整为黄褐色,加强饱和度,降低明度。
PhotoShop打造超酷放射特效
3、按Ctrl+D取消选择,然后执行滤镜/模糊/径向模糊。4、按下Ctrl + F重复执行一次刚才的滤镜命令。 5、按下Ctrl + U键,调出色相/饱和度对话框,如下图。
PS打造螺旋3D抽象效果
渐变工具栏中设置如下:(请注意这里使用的是径向渐变,不要设置成了线性渐变,设置完后将选择区填充渐变。 5.接下来取消选择,执行滤镜-素描-烙黄。参数设置:细节=0,平滑=10。如下图所示: 6.这一步做起来有些麻烦,选择刚用滤镜处理完的形状图层,按CTRL+T执行自由变换,在右击选择透视。将右下的调整角拖拉至最左边,将其调整为一个沙漏形状。调整好后按ENTER确定。 3.接着按播放选区按钮,重复执行动作,直到和下图相似。 4.首先合并除背景层以外的所有可见图层,然后在合并的形状图层之上建立一个新的图层并填充你所喜欢的颜色。并设置图层的混合模式为颜色。 5.然后点击形状图层载如其选择区,在回到它的上层也就是颜色层执行反选删除操作。
PS滤镜制作抽象涡轮
5.在图层副本1上执行滤镜-扭曲-波浪。 按下设置对话当中框随机按纽。 6.在图层2副本上重复应用改滤镜5次(快捷键是CTRL+F),设置图层混合模式为变亮。 7.合并所有可见图层。 8.按CTRL+U打开色相/饱和度设置对话框: 9.复制此图层并执行滤镜-扭曲-旋转扭曲,设置角度为最大999%,设置图层混合模式为变亮。现在在按CTRL+SHIFE+E合并所有可见图层:
Photoshop滤镜打造抽象的光影效果
2.选择”滤镜”― ”渲染”― ”镜头光晕”,其设置如下所示。 4.将背景层复制一份按Ctrl+J;将图层1旋转90度,按Ctrl+T―再右单击图像中变形区域―选择旋转90度;其混合模式改变”变亮”; 提示:复制图层的方法有三种: 其一,直接拖动要复制的图层到图层控制面板上的新建图层按钮上; 其二,先Ctrl+A(全部选择)―Ctrl+C(复制)―Ctrl+V(粘贴); 其三,也是了快捷的,直接按Ctrl+J; 5.将此图层1再复制5份,你也可以多复制几份以备后面造型使用。 6.再选择图层1副本,用”滤镜”― ”扭曲”― ”极坐标”,其选项为,选择从平面到极坐标;效果如下图所示; 提示: 根据自己的需要可以自选择要复制图层的个数以及最终保留的哪些图层,可以将不喜欢的图层删除。 如下图像是通过保留不同极坐标效果、不同的颜色以及对效果进行变形而制作出的几种效果,大家可以自由发挥。。。
用PS极坐标滤镜打造螺旋蚊香
小技巧:平时有些朋友绘路径时总会不小心会画断,可能这时却不知怎样画多条不闭合的路径了吧,其实画完第一条路径后,按住Ctrl在任意处单击,即可绘制第二条路径了。 注意:桌面要符合透视、蚊子可在新图层上用画笔几笔画出,再缩小。一定要记得加上影子。
Photoshop“风”滤镜制作热气与幕布效果
新建合适大小的图像文件,背景为黑色。新建透明图层2,用白色画笔在图层2中随意画上线条,如下; 热气效果的制作方法:继续使用滤镜―扭曲―水波。 参数设置
滤镜制作彩色小贝壳
二、新建图层一,用矩形选框工具拉出0.25*10的竖条选区,填充R:212G:204B:129,用方向键将该矩形选区右移15个像素,继续填充,以此类推,填满画布。(用图章工具或图层渐变也可达到这种效果,大家可以试试)(图一) 将最里层的白圈填充R:242G:230B:112,然后在菜单栏上点击选择―色彩范围,弹出对话框,用变为吸管工具的指针引取画面上白色部分,色彩容差调整为100%,确定对话框后,按Delete删除全部白色部分。(图八) 十六、新建图层三,用圆形选框工作拉出一个与图层一副本一样大小的椭圆来,填充R:242G:230B:112,并链接图层一副本与图层三,再合并(ctrl+E)(图十四)