推荐阅读

详细解析网页无边框按钮的优劣点
导览列对于多数手机 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
最新发布

专业摄影师为你治疗收集器材综合征
认同街头摄影师Eric Kim所分享,去摸新的相机、比较不同的镜头、试一试未接触过的大光圈、体验不同相机与镜头的“个性”、聆听相机的运转声音、幻想及讨论新器材的面世之类,其实是令人兴奋又开心的。问题是,如果我们真正关心的是“摄影”,而不是成为收藏家,事情就不能做得太过,变成“沉迷器材症候群”(Gear Acquisition Syndrome);再者,其实我们都知道,真正能感动人心的作品,是照片的内容与情感,而不是器材。所以一下是Eric Kim给我们的一些建议,让我们避免“沉沦器海”。 1. 知道自己的软弱 其实我们每一个都是普通人,就像所有自以为“吸少少毒不会上瘾”的那些人,最后都会上瘾,因此最好的方法,是认识到自己也是软弱的,会被引诱到的,那么反而有机会逃脱。 例如Eric Kim的亲身经历,在Leica店派对上遇到Leica MP 配0.58倍率取景器,即时觉得手上的Leica M6不够了,0.72倍率配35mm镜头也没意义,他一边喝酒,一边把玩,身边的人当然就是说“买啦买啦”之类……在群众压力与器材的诱惑下,他知道自己快要忍耐不住,所以马上退还MP了。 2. 自制物理限制 正因为人的自制能力有限,所以才需要外在的限制来帮助我们,就像很多试图戒烟的人,都要用电子烟或尼古丁贴之类的帮助,所以你不妨为自己设立安全关卡,例如找一个人帮你管理财富。 就像Eric Kim就有一个冷静又“霸道”的女友,当他告之要决定要买Leica MP时,马上就被否决了……是的,如果有钱,我们就会“身痕”,不妨把财富预先放出去投资,而不是等到头脑发热时,乱买东西。 3. 小心选择朋友 根据Eric Kim从社会学所得∶“一个人会是自己三个最亲密朋友中的平均数。”换言之,如果你总是整天和谈论器材、比较器材的人在一起,你自然就会这么做;所以,找 一些喜欢摄影、谈论摄影、多摄影的朋友待在一起,你就会更专注于摄影。偶尔我们依然会谈论一些新的传闻或产品,但都会有限。 4. 一部机,一支镜

让您家的宠物更上相
正确的曝光是拍摄一张照片基本的要素,而曝光量是由光圈和快门所决定的,因此不管是拍摄风光、美食还是宠物,如何选择光圈快门的组合是拍摄最基本的技巧。下面,小编带你一起去看看,利用光圈快门的巧妙搭配来拍摄宠物,会有什么样的效果。 适当使用大光圈 拍摄宠物也应该像拍摄人像那样,将光圈开大,得到奶油般的背景虚化。如果拍好了,效果固然不错,但也很容易让主题表达不清。光圈太大,没准您拍的狗狗鼻子是清楚的,眼睛就虚了,我们并不是在显示镜头的景深有多浅,而是要记录爱宠的神态。 注意:避免影像松散,选择不同的对焦点 大光圈有助于提高快门速度,表达主题,但适当的控制景深,让影像不至于太松散,也是非常重要的。很多朋友都将相机长时间设置在*点对焦上,采用先对焦后构图的方法。虽然省去了选择焦点的麻烦,但其实这样对拍摄并非很有利。尤其在使用稍大光圈时,很容易造成焦点跑掉,使整张照片作废。因此,适当选择不同的对焦点,能够有效的提高拍摄成功率。 注意:焦点一般放在宠物眼睛上 眼睛也是宠物心灵的小窗户,他们的喜怒哀乐都会毫无保留的体现在眼神之中。宠物的眼睛,会使摄影作品更具魅力,表达出的“语言”也更丰富。 运用高速快门 高速的快门是首要的,因为好动的小家伙们是没有耐心摆Pose给你拍的,甚至有时候你一刻也没法让他们停下来,保险一点的话,快门速度都要快于1/100秒。所以牺牲一点景深,在室内或光线不太好时用最大光圈、高一级的ISO就成了第一选择。 为提高快门速度可以借助闪光灯,闪光灯的作用主要有两点:一是补光,二是保证快门的高速。闪光灯补光能增强拍摄位置的灵活性,闪光灯对宠物的眼睛造成影响,因此要注意尽可能的避免直射,多使用墙面反光、折射光补光,如果拍摄现场不适合折、反光补光,请为你的闪光灯配个柔光罩,让你的宠物变得更加温柔可爱。使用闪光灯后可以大大提高快门速度,所以很有必要使用闪光灯。

如何巧妙的运用高速快门捕风
拍摄者在大风天气拍摄厚重而快速滚动的云层时,可得到生动的作品。特别是有些风天并不阴霾,云间的阳光忽隐忽现,可形成美好的光线效果。然而这类场景往往变化极快,拍摄者需耐心观察,大胆捕捉,动作迅速。这时,高速快门就显得尤为重要。 相机: Nikon D700 快门速度:1/500s 光圈:F5.0 焦距:70mm 感光度:ISO200 曝光补偿:EV-0.3 风在上图中的形态是通过被风吹拂的摇动的芦苇表现出来的,拍摄者使用1/500s的高速快门将芦苇摆动的画面定格。在阳光明亮的风天进行拍摄时,拍摄者可着重表现在云层中忽隐忽现的阳光,营造优美的氛围。 相机: Sony α100 快门速度:1/800s 光圈:F6.8 焦距:100mm 感光度:ISO100 曝光补偿:EV0 图中,风在画面中的形态是通过柳树枝条的动态表现出来的。绿叶被阳光投射,高速快门将摇曳的柳条定格,柔美的线条迎来夏日里难得的清风,似乎令人感觉到清爽袭来。 注:更多请关注摄影教程栏目,三联摄影群:182959594欢迎你的加入

Photoshop给过曝的人物图片润色
然后按ctrl+Alt+2选中高光区。解释一下,我的PS版本是这个快捷键。。可能有的版本是“ctrl+ALT+~ ”这个组合键。新建一个图层填充黑色,模式柔光,透明度80%。

PhotoShop简单制作透明边框的做法
一、我们先用PS打开一张图片:二、按Ctrl+A键选中整幅图片;单击菜单里面的“选择-变换选区”,选中以后,将图片上面选项栏里面的W与H的数值由100%改为92%,然后点击右边的对勾确认。还有一种就是直接用矩形选框工具选择,描边,反选,再调亮度/对比度。三、确认了以后呢,我们就可以使用菜单里面的”编辑-描边“来画出边框:

PhotoShop简单将偏暗照片调亮
在光比大的场合,无论怎么拍都不能做到亮处曝光合适,暗处层次分明,特别是对数码相机,比较小的宽容度根本没办法让你兼顾明暗,难道就没办法了么?当然不是 请看下面教程教你如何处理原图效果图 教程步骤如下:1、在Photoshop中打开照片