推荐阅读

详细解析网页无边框按钮的优劣点
导览列对于多数手机 APP 而言是个很重要的元素,它不但可以让使用者明确的了解目前所开启的功能名称,在许多时候还是放置导航与重点功能的一个区域。在以往,当导航列上出现可以点击的按钮时,设计师在视觉表现上都力求让用户知道是个按钮,直至 iOS7 的去材质化设计理念,将这些地方的按钮的形态去掉、仅剩下符号与文字告知用户该「按钮」的功能。传统上,大多数的按钮外观都被设计成拥有具体的形状范围,除了可以有效的提示使用者这是个「可以被点击」的按钮组件之外,还可以有效的让用户知道这个按钮的「作用范围」在哪里,以防误触到相邻的按钮。这点这在许多地方相当有用,尤其是按钮相当多的屏幕小键盘或计算器,就需要让用户知道按键的实际感应范围在哪里。桌面系统与触控系统大不同其实在导览列上去除每个按钮实体的形状并不少见,像是计算机系统中也是有许多组件的长相也不诺我们认知中的按钮,比如说系统列,其实就是一串按钮的集合体。计算机系统的主要操作方式是透过鼠标光标,当按钮拥有实体范围时,它可以帮助用户确认按钮的大小及位置,使鼠标光标准确地移动至按钮上方点击,而遇到像导览列或是工具栏的地方,因为导览列本身已经有实体范围了,并且也可以利用 hover 特效,帮助用户进一步确认光标与按钮之间的关系。

用钢笔、通道和曲线的抠图技巧
一、打开素材观察,发现此图并不难抠。比较难的是: A、头顶的几根细发和左手边发髻, 对此我们将用曲线调整。 B、左脸颊,左臂的网格衫与背景界限不清。对于界限不清,我们常用钢笔工具抠。 二、选择钢笔工具,图片放大到300%,抠出人体部位(不包括细发)。

相对路径和绝对路径在网页中的用途
经常听到网友苦述自己的网页中有许多图片不能正常显示,究竟为什么不能正常显示呢?总结其原因绝大部分都是因为使用了错误路径所致。网页中的图像、动画等素材都有自己固定的存放位置,网页只是通过路径使用HTML语言来调用它们,然后把它们显示在网页中。在网页中的路径大体可分为相对路径和绝对路径,大家(尤其是初学网页设计的朋友)往往对它们不够认识,在应该使用相对路径的地方使用了绝对路径,从而导致浏览器无法在指定的位置打开指定的文件,使素材不能正常显示。 那什么是相对路径?什么是绝对路径呢?为什么使用了绝对路径有时就不能显示呢?让我们一起来认识一下它们吧。 比如C盘的My Pictures目录下有一个tp.jpg图像,那么它的路径就是c:My pictures p.jpg,其实这种完整地描述文件位置的路径就是绝对路径。如网页index.htm中有一张图片tp.jpg,它们的绝对路径是: c:My picturesindex.htm c:My pictures p.jpg 如果你使用了绝对路径c:My pictures p.jpg进行图片链接,那么在本地电脑中将一切正常,因为在c:My pictures下的确存在tp.jpg这个图片。但你将它们上传到网站服务器上后,就不会正常了,因为服务器给你划分的存放空间可能在C盘其他目录中,也可能在D盘其他目录中,总之不会那么巧的就是c:My pictures。那么图片路径应该如何设置呢?这里就必须使用相对路径了,所谓相对路径,顾名思义就是自己相对与目标位置。在上例中index.htm中连接的tp.jpg就可以使用My pictures p.jpg来定位文件,这样不论将这些文件放到哪里,只要它们的相对关系没有变,就不会出错。具体的链接方式是这样的:“..My picturesimg.jpg”,其中使用“..”来表示上一级目录,“....”表示上上级的目录,以此类推。 我们一起来看看初学的朋友可能犯的几个路径错误: 例1 c:mywedwedindex.htm
最新发布

Photoshop为唯美外景婚片增添蓝色梦幻意境
本教程介绍色调比较纯美的婚片调色方法。在调色之前,先选择好自己喜欢的颜色。然后用调色工具逐步调出来(先把色调调统一,然后再加重)。刚开始只需要调整背景部分,人物部分暂时不用去管,后面会单独处理。单一的色调可能会有一点单调,可以适当加入一些补色来衬托。原图 <点小图查看大图>最终效果 <点小图查看大图>1、打开原图素材,创建可选颜色调整图层,参数设置如图1,2,效果如图3。 <图1> <图2> <图3>2、创建可选颜色调整图层,对绿色调整,参数设置如图4,效果如图5。

Photoshop合成设计蓝色梦幻的婚片-PS婚纱照处理教程
效果图婚纱照记录着新娘一生中最美的时刻,当然也珍藏着新郎一生中最难忘的回忆。谁都希望自己的婚纱照亮丽无暇。不过国内的婚纱照设计大多千篇一律,缺乏创意。随着韩国文化在中国的盛行,看着网上韩国风格的婚纱照是不是羡慕不已?其实通过Photoshop软件的制作,你也可以让自己的婚纱照充满创意,带上韩国色彩,如图1图1下面笔者结合Photoshop中的滤镜功能、添加杂色、云彩和图像菜单中的曲线、色彩平衡等命令,制作出一款幽雅大方、美观耐看的韩国幽雅梦幻婚纱相片。具体操作步骤如下:一、背景区域制作(1)执行“文件→新建”命令,打开“新建”对话框,设置“名称”为幽雅梦幻风格,“宽度”为14厘米,“高度”为10厘米,“分辨率”为200像素/英寸,“颜色模式”为RGB,“背景内容”为白色。设置“前景色”为:深蓝色(R:22,G:137,B:196),“背景色” 为:浅蓝色(R:147,G:223,B:246),执行“滤镜→渲染→云彩”命令,为“背景”图层填充云彩效果,如图2所示。 图2

PS调色处理打造唯美的淡紫色外景婚片-PS婚纱照处理教程
本教程重点是外景婚片背景部分的换色方法。调色之前我们需要多观察一下图片背景部分色调构成。然后用可选颜色工具选择需要调整的色调精确调色,把背景颜色调成自己喜欢的色调。后期再整体润色即可。原图 <点小图查看大图>最终效果 <点小图查看大图>1、打开原图素材,首先我们要做的就是把背景颜色换掉。先分析一下背景部分主要由黄,绿,青色构成。下面我们分别来调整这几个颜色。 创建可选颜色调整图层分别对黄,绿,青调整,参数设置如图1 - 3,效果如图4。调色的时候可能人物衣服,脸部等部分有偏色,先不要理会后面会单独处理。 <图1> <图2> <图3> <图4>

Photoshop将外景婚纱照调出漂亮的青蓝色调
绿色看上去非常舒服,不过有时候背景绿色太过艳丽往往抢了主角的视觉。处理的时候可以适当把绿色换成较为柔和的青色或其它颜色,再适当把人物部分美白润色。这样画面就会主次分明。原图 <点小图查看大图>最终效果 <点小图查看大图>1、打开原图素材,感觉色调有点单调基本上都是由绿色构成。创建可选颜色调整图层对黄,绿,白,中性色进行调整,参数设置如图1 - 4,先改变一下背景颜色,效果如图5。 <图1> <图2> <图3> <图4>

PS婚片调色教程:调出外景婚片的复古色调
本教程较为古典的单色婚片调色方法。大致过程:先用色相/饱和度等调色工具把照片快速变成单色图片,然后运用各种调色工具调整局部及整体色调,调出大致的主色调。最后适当加入一些补色如蓝色等即可。原图 <点小图查看大图>最终效果 <点小图查看大图>1、打开原图素材,创建色相/饱和度调整图层,先勾选“着色”选项,然后再调颜色,参数设置如图1,效果如图2。 <图1> <图2>2、新建一个图层填充颜色:#BB9980,图层混合模式改为“正片叠底”,图层不透明度改为:60%,加上图层蒙版,只保留部分天空部分,其它部分用黑色画笔擦掉,效果如下图。 <图3>

Photoshop打造青山绿水的清新黄绿色调婚片
本教程介绍黄绿色婚片的调色方法。在调色的时候为了统一色调,我们需要把画面中一些绿植的色调进行特殊处理,形成视觉重心。同时把人物的色调也调成类似的,这样画面的层次就非常分明。如果觉得画面比较平淡的话,还可以手工加上一些局部高光效果,这样能够更好的渲染画面。原图 <点小图查看大图>最终效果 <点小图查看大图>1、打开原图素材,创建可选颜色调整图层,对青色及红色调整,参数设置如图1,2,效果如图3。 <图1> <图2> <图3>2、用套索工具勾出右边树叶部分的选区如图4,创建可选颜色调整图层,参数设置如图5,效果如图6。

PS把外景婚纱照片调成淡雅的中性色-PS婚纱照处理教程
外景图片如果画面的色调构成比较复杂的话,调成中性色是个比较好的选择。因为中性色可以消除大部分的杂色。只保留淡淡的主色调,画面会感觉统一很多。调色的过程也比较简单:先用调色工具把主色调加强一下,然后降低画面的饱和度即可。原图 <点小图查看大图>最终效果 <点小图查看大图>1、打开原图素材,创建可选颜色调整图层,对红,黄,绿,青进行调整,参数设置如图1 - 4,确定后用黑色画笔把人物部分擦出来效果如图5。这一步操作时把画面背景色调艳丽一点。 <图1> <图2> <图3> <图4>

Photoshop调出外景婚片阳光下的温馨浪漫色彩
原图素材拍摄的很美,不过情侣缺少了一种朝阳下温馨浪漫的色彩。处理的时候我们先从高光部分入手,把画面中较亮的部分加强一下颜色并加上光晕,感觉有种朝阳的味道,然后再慢慢渲染画面的色彩,色调以暖色为主,局部可以适当加上一些补色。原图 <点小图查看大图>最终效果 <点小图查看大图>1、打开原图素材,创建渐变映射调整图层,颜色设置为:#3A0E67到#FCB002渐变,如图1,确定后把图层混合模式改为“变亮”,效果如图2。 <图1> <图2>2、按Ctrl + Alt + ~ 调出高光选区,新建一个图层填充橙色:#F8850D,图层混合模式改为“柔光”,图层不透明度改为:60%,如下图。 <图3>

婚片调色处理教程:PS将外景婚片调出暗调黄褐色效果
本教程介绍暗调婚片的调色方法。大致过程:调色之前先把图片的色调压暗一点,然后用调色工具把主色调成自己想要的颜色。后期再适当加上暗角并调整下大致明暗关系即可。原图 <点小图查看大图>最终效果 <点小图查看大图>1、打开原图素材,创建色相/饱和度调整图层,参数设置如图1,勾选着色选项,确定后把图层混合模式改为“变暗”,图层不透明度改为:50%。 <图1> <图2>2、创建可选颜色调整图层,对黄,绿,中性色进行调整,参数设置如图3 - 5,效果如图6。 <图3>

PS将外景婚片调出甜美的糖水色调-PS婚片处理教程
非常感谢老兵黑影提供的原片。本教程图片比较大,如果您看不清楚,可以点击图片看大图。这张是最后处理好的效果,大家可以对比一下,如果喜欢的话可以继续看我说的步骤第一步在ps里面打开原片,我们看看这原片,比较灰比较暗,色彩透不出来。于是先添加一个曲线图层,如图调整:第二步添加蒙板,因为提亮之后有些地方会稍微过曝,这个时候就需要用黑色画笔在过曝的地方把它给涂回来,自己调整一下画笔的大小和透明度的参数。