推荐阅读

不可不知的URL知识
URL设计是Web设计中常被忽视的东西,事实上URL非常重要,这不仅是一个网页唯一的路径,还涉及到你的站点是否干净,友好。本文讲述URL这个司空见惯的Web元素中包含的大量不应为忽视的知识,准则与最佳实践。需要注意的是W3C建议使用URI取代URL一说。关于URL的一些准则首先是与URL有关的一些准则。一个URL必须唯一地,永久地代表一个在线对象URL的最基本的使命是唯一地代表Internet上的一个对象,URL必须和Internet上的对象一对一匹配。然而现实中,这很难实现,我们经常可以通过多个URL到达同一个页面,比如,http://mysite.com/product/tv和http://mysite.com/product?name=tv,这种情形在现代CMS中更是比比皆是,针对这个问题,SEO moz有一篇很好的文章,讲到了如何使用Canonical URL机制解决站点中的重复URL问题。URL应该是永久的,这就要求你在站点上线前就非常严谨地规划URL。如果有一天,你不得不更改URL,一定使用HTTP301机制,告诉浏览器和搜索引擎,你的那个URL所代表的对象,已经搬迁到新地址,这个机制可以保证你旧地址所获得PR不会被清零。尽可能用户友好这是URL设计的根本,你的URL应该为最终用户而设计。保持URL友好的一个好办法是在保证可读性的同时让它尽可能短。比如/about就好过/about-acme-corp-page,当然,保持简短不能牺牲可读性,/13d2一类的地址短则短矣,但并不友好。如果要在Twitter,Facebook一类的社会媒体网络分享你的URL,可以使用Bit.ly一类的网址缩短工具,但这种工具产生的缩短URL并不友好,在Wordpress一类的CMS中,可以使用PrettyLink Pro或Short URL plugin一类的可控制的地址缩短插件。 URL的设计切忌使用一些对用户来说没有意义的内容,比如数据库的ID号,/products/23这样的URL地址对用户是极不友好的,应当使用/products/ballpoint-pen一类的地址。

Dreamweaver快速编辑网页标签
不知各位是否有手写代码的习惯。例如:要在一个单元格插入一段CSS代码,或者一段Javascript代码,怎么做才比较快捷方便呢? 虽然Dreamweaver已经为我们提供了代码视图,可是必竟还要手工去查找,还要来回地切换。虽然也可以用代码视图与编辑视图并存的方式,但还要占用一半的屏幕空间,使本来便不大的编辑区域更显得拥挤。有没有更好的办法呢?答案是肯定的。 下面我们以Dreamweaver MX为例,假设大家Dreamweaver面板布局都为默认的布局方式。查看一下属性面板的上方是否有一行小标签。(如果您用的不是MX,标签在状态栏中)例如:你新建一个空白的HTML文档,上面的小标签应该为<body>。请看下图: 图上画红框的地方,就是我们今天的主角了。我们先看一下“环绕标签”。在页面上随便打入几个字,选中它们,在右键菜单中选择“环绕标签”,在弹出的环绕标签对话框中输入“<strong>”(不包括引号),然后回车。之前被选中的文字是不是已经变成粗体了,到源代码看一下,我们所选中的文字是不是已经被<strong>标签包围了?大家可以试着再加入其它的一些标签,如:<a>,<p>。这里也可以直接输入属性。如:<p style="color:#CC0000">。这里仅大概说明一下,如有疑问,请查看Dreamweaver的帮助。 下面说一下标签选择器的应用方法。 我们将光标移动到刚才加粗的文字里,会发现在<body>的后面多了个<strong>。这就是说光标所在处的这些文字的外面有<strong>的标签,在<strong>标签外有<body>标签。下面大家再添加一个表格,把光标移动到表格内,看看标签的结构。相信对HTML有些基础的朋友都应该很容易理解的。 假设我们现在要插入一个表格,并将这个表格用CSS来将它下移10个象素。先插入一个表格,然后交光标移动到表格内。这时在标签选择器上应该可以看到这样的字样<body><table><tr><td>。然后在table标签上点鼠标右键,会看到有四个选项。删除标签、编辑标签、设置类、设置ID。 在这里,我们选择编辑标签,然后在后面加上属性style="margin-top:10px"和正常书写源代码的方式是一样的。然后按下回车。就完成了编辑。如果在Dreamweaver里看不到效果,请用浏览器预览。 还有另外一种方法,也许你会喜欢。选择窗口→标签检查器当你选择某一个标签后,这里会显示出当前选择标签的所有属性。也可以很快地在这里进行编辑。在这里输入的属性不用包括引号,编辑后按回车确定。 这里我们只将方法告诉大家,希望大家能够从中受益

现代摄影师必须掌握的关键技能
现代相机的发展应该——至少在理论上——令拍摄出精彩照片变得比过去更加容易。现代相机有如此之多的曝光模式、对焦工具、照片风格等等,制造商希望你相信,现在拍照只需要按下快门就好。的确,随着技术进步像准确曝光这种技术已经变得非常容易了,但是如果你还想在摄影上有所进步该怎么办呢? 现在的摄影术与10年前已经大不相同。随着传统暗房技术的衰退,一个好的现代摄影师也必须具备除了构图和曝光之外的技能。本文就向大家介绍5个我认为是最关键的技能。 1. 掌握一种软件 如何在数码暗房中获得最佳图片的技术需要细细打磨。无论你是希望“摄影”还是“创作图片”,这都是非常重要的技能,它可以令你更好地控制自己的作品,将照片做到最好。 要做到这一点,你需要选择一款编辑软件,然后学习如何发挥它的全部潜力。这当然并不意味着要买最贵最专业的——应该选择最符合你兴趣和需要的。准备好改变自己的想法。 2. 练好基本功 你需要了解构图、曝光以及如何最大发挥相机性能。无论拿着哪种相机,如果你真的不知道如何使用它,那是很难拍出好照片的。认真阅读说明书,学习相机的使用方法。学习关于景深、对焦标尺和快门速度的概念。这些事可能做起来会有些枯燥,但是有助于你理解如何创作出自己想要的画面。 3. 创新 按照固定的方法一遍遍拍摄相同的照片是很容易的。作品的进步意味着你需要不断提升自己的创作方式。你需要对新事物保持兴趣,比如新的工作流程,及它们如何对你的创作产生影响。拒绝“进化”会令你难以“生存”并最终丧失对摄影的兴趣,而如果你希望在摄影上不断进步,就需要不断创新。 4. 学习别人的作品

如何拍摄出具有生命和感觉的人像作品
有很多初接触人像摄影的朋友,都会把大部份的心思和注意力放在拍摄的技术上面。例如光圈、快门、场景、构图、白平衡、如何叫模特儿摆出各种优美的pose等等……当然,掌握和熟练基本技术是必要的。自已手上的兵器都还没有用好,又如何能够施展好的武功呢? 可是,摄影始终是一门艺术创作。而人像摄影作品能否令观赏者留下深刻印象,其感觉是极为重要的。大家都不希望别人在看自已的作品时如走马看花,看后很快就会遗忘。单从上述提及的拍摄基本技术下苦功,似乎并不够。有人说,人像摄影根本的定义应该是要把被摄者最真的一面刻画出来。最真的一面指的当然不单单是指被摄者的外表,而是包含被摄者的性格、特质和内在。我们要拍到有生命、有感觉而动人的人像作品,除了一定程度上的摄影技术配合外,就必须把被摄者最真实、最自然的一面和性格拍摄出来,作品的生命和感觉才会出来。 因此我花了不少时间去研究和尝试,如何能够把被摄者的性格拍出来!但从人类心理学角度来看,人的性格本来就有两面甚至多面,而且每个人都不一样。要把被摄者的全部性格拍出来几乎是不可能的。所以只能把被摄者当时的那面性格和内心感觉自然地拍出来!如何能够做到呢? 相信没有特定的方法,以下分享其中一种我经常用的方法: 每当我准备拍摄人像照前,首先会与被摄者进一步沟通。这样做除了可对被摄者的性格有进一步了解之外,也可以了解对方希望拍摄出何种感觉的照片。往往对方第一个念头就是真实的个性所至才会有这种想法,作为摄影师应该尽量配合和达成对方的要求。 其次,为这次拍摄定下一个符合被摄者性格的主题。主题的好与坏,是否适合拍摄上的条件限制,亦需要从经验之中不断进步。除了影像以外,音乐同样是能带动生命和感觉的很好的媒介。提前为主题选定音乐,在拍摄前给对方充足时间聆听,有需要时可现场把音乐一边播放一边拍。让音乐把对方的自然情绪带动出来,无论喜与悲。很多从事商业摄影的朋友在工作室拍摄时喜欢播音乐也是这个原因。多称赞,给予对方自信心,放松心情。若气氛投入了就让对方自由发挥。尽量避免不断改变被摄者的动作,因为每个细微的肢体语言都可能正在体现出对方的性格和内心世界。
最新发布

Photoshop打造时尚韩式风格效果室内婚片
本教程主要使用photoshop调出室内婚片时尚韩式风格效果,主要分成两部分,首先用Camera Raw调整,然后进入PS里行细节调整。喜欢的同学可以学习一下。效果图:原片:Camera Raw里的调整如下:

21个设计师必须知道的简单实用PS秘籍
今天分享21个简单实用的photoshop秘籍,效果惊人,但过程却可以在2、3步内就说清楚,都是能给人满满动力的教程呢,还有Instagram 同款滤镜打包免费下载,实在是教程界的独孤大侠,资源界的宋江呐。1. 安装这些免费Photoshop动作,做出如同Instagram般的滤镜效果下载地址:时尚唯美的人像Instagram调色动作(Instagram Actions)2. 如果你需要处理一大堆照片,使用批处理在几秒内缩放它们,或为它们添加水印你甚至不用在Photoshop中打开任何一个文件。只要确保那些照片都在你计算机上的同一个文件夹中,然后单击 文件 >> 处理多个文件,然后继续(Windows中似乎并没有这个功能,取而代之的是文件–>自动–>批处理及文件–>脚本–>图像处理器)。3. 使用减淡和加深工具获得闪闪发亮的眼睛减淡(Dodge)会提亮,加深(Burn)会变暗。放大到足够大,然后使用这简单的三步教程:digital-photography-school.com

解析Photoshop CC版本的高级使用技巧
对于不少PS小白而言,简化工作流程以节省PS的时间,可能仅仅是一个概念。而国外PS大神Paul Tysall就为大家介绍9个PS省时技巧。这些技巧可以更好地让photoshop完成大部分的任务。PS CC功能十分强大一、快捷键你可以在编辑菜单下找到“键盘快捷键”选项,不过我们一般习惯于按Cmd/Ctrl+Option/Alt+Shift K调出快捷键菜单。从“应用程序菜单”命令里找到“图像”选项,点击下拉三角按钮,找到“CMYK”选项,并为它设置一个快捷键。图01二、规范默认设置对于RGB与CMYK之间的转换,你可以设置一系列包含你想要的所有转换的调整动作。第一步是改变CMYK模式,在曲线黑场和白场上分别创建一个控制点,并对其进行微调,从而改变图像的色调值。

那些你不知道的Photoshop冷知识
本来已经打算将第三期作为这一系列的完结篇的,但我昨天将PS更新到了最新版,发现Adobe在这次更新变更了我常用的功能键使用方式,于是我查看了PS的更新日志,发现这几次更新中又多了一些亮点,其中针对图层组做了一些优化,还有个“抽出资源”的新东东,而对参考线则新增两个新功能,从此曾经的必备插件贵的贵的(guideguide)等终于可以光荣下岗了。一、参考线1、通过形状新建参考线(photoshop CC 2014.2)在之前的冷知识 第二期 里曾经提到过,通过选区边界的吸附特性来快速创建参考线的技巧,现在Adobe在更新中加入了类似的功能,使用起来更加方便~如下图:一个不过瘾,来试试多个图层。一键创建参考线,就是这么简单~使用方法也是非常简单【我自定义了快捷键,这个功能本身是没有的】,在视图中找到“通过形状新建参考线“即可:

Photoshop制作火焰燃烧效果的火焰字教程
作者制作火焰字的思路非常不错:用图层样式来制作初步的红色纹理字,然后增强边缘的高光,再用火焰素材叠加,就可以得到非常不错的效果。 最终效果一、首先创建一个1000x600px的背景,填充黑色。添加一个径向渐变图层,参数如图。完成后调整图层不透明度为40%。二、打开岩浆纹理素材,将它定义成图案。(编辑 → 定义图案)。三、回到背景中,新建图层,填充背景,将混合模式改为颜色减淡,如图。四、打出HOT LAVA,字体大小设置为200px,填充红色。参数如图:(译者操作时36点就很大了,同学们自己选择大小即可)。

Photoshop中可以显示全部图层的快捷键
photoshop中可以显示全部图层的快捷键!我们有时间在网上下载的PSD文件,有很多都是隐藏图层的白板,但是我们为了方便浏览,计划将所有图层显示。如果我们手动一个一个图层去点击,实在太麻烦吧,太没效率。 PS显示全部图层有至少两种方法,下面我们一起看看。 Photoshop显示全部图层方法一: 此方法是配合shift,ctrl键选择多个图层实现。 Photoshop显示全部图层方法二: 此方法是笔者经常使用的快捷的显示全部图层的方法。选中任意一个图层,在该图层眼睛的地方点右键,单击"显示/隐藏所有其他图层 "。这方法绝对是ok 的,尤其图层非常多的时候。

Photoshop图层不透明度和填充度的区别实例讲解
我收到过许多学习photoshop用户问到的很多最普通的问题,其中的一个就是“图层面板上“不透明度”和“填充”这两个选项究竟有什么不同?难道它们不是做着同样的事情吗?这个问题问得好,因为在大多数情况下它们的功能的确是一样的。这两个选项都是控制当前图层的透明度。它们是控制当前被选中的这个图层能允许其下面的图层所显示的程度。通常情况下,要降低一个图层的透明度,我们就减少它的“不透明度”的百分比。然而,假如“填充”也是降低图层的透明度,干嘛要用两个选项来做同一件事情呢?难道它们一定有区别的对吗?说的对,它们当然是有区别的。“不透明度”和“填充”的主要区别是与“图层样式”有关系的。如果你没对你的图层添加任何样式【诸如阴影、斜面和浮雕、外发光等)效果的话,要降低图层的透明度,这两个选项你随用哪个都行。但是如果你的图层添加了一个或多个图层样式,这两选项“不透明度”和“填充”的作用是完全不同的。让我们来看一个实例:这里我打开了一张图片,我在上面写了文字:“梦想”在图层面板这里,我们看到女孩图片在背景层上,文字“梦想”在其上面的文字图层上,我还复制了一层文字图层,文字图层副本,被我暂时关闭了眼睛。现在我选中的是文字图层,模式是“正常”。再看“不透明度”和“填充”这两个选项,在默认情况下,都是100%。这意味着,我的(被选中的)文字层当前是百分之百可见。

Photoshop制作绿色金属质感的3D立体字
首先,这个教程需要的两款素材已经上传到附件里;然后,英文原版讲的比较细,在这我省略了一部分个人认为不影响理解的部分,因为那样弄起来实在是太长了。最后,如果有哪位同学看不懂或者觉得比较跳跃,可以留言或者私信哈。下面就开始啦。先看看效果图1.制作背景①首先把附件里的图案文件、字体文件安装到电脑里。②创建一个600*500px的文件,分辨率72即可。③复制背景图层,命名为“Background Pattern”。④给这个图层填充图案,打开图层样式-图案叠加,选择刚才添加的图案,其他参数如下图。每次使用这个图案,不要忘记点一下贴紧原点哦。

Photoshop给美女局部特写照片美化润肤处理
图片美化看似简单,实际要掌握的技巧还是蛮多的。如下面的教程,作者为了达到完美的境界,图片增加了背景、光晕、光斑等,基本上看上去不完美的部分都进行了修饰,确实要花费一定的心思。最终效果原图一、拍摄的原片为RAW原始格式,PhotoshopCS4以上的版本都带有转换RAW格式的Camera raw插件,这里我所使用的是PhotoshopCS6,PhotoshopCS6的插件选项会有一些变动和增减。 使用RAW转换格式的同时,对照片整体色彩进行调整。图中用蓝色标记的植物,发丝,头饰为补救并保留回来的内容;而红色标记的牙齿,眼白,高光为丢失的细节内容,Camera raw基于对前期不足以及照片整体进行调整,为了达到一定的效果在调整中丢失且不严重的细节部分可以通过后面的修调来还原;在进行整体色彩和细节的调整后使照片中的环境色彩变灰让照片看着柔和突出想要的主题,同时使片中人物的皮肤色彩变得通透来突出主体。

Photoshop合成唯美背景色彩的艺术模特照片
本篇合成教程的制作水准相当高超,不管是色彩的搭配,还是背景的选择,都是艺术模特照片合成设计中较高的水平。这款艺术模特照片作品很讲究画面的创意构图及人物的创意设计。本教程没有提供制作的原始素材,大家可以去网上下载类似素材,不要专注模仿,大家可以发挥自己的想像,结合本合成教程中的相关知识,制作出属于自己的高水平photoshop作品。最终效果一、打开原片,用曲线提亮,效果如左图(作者没有提供相应的人物素材图,大家可以去网上下载类似素材)。二、用磁性索套工具将人物细致的选出来,并羽化,羽化值为1。三、将人物拖入素材画布中,适当调整好位置,并在背后穿帮的地方,用图章工具修复好。 四、用Photoshop打开需要用到的花瓶素材。