推荐阅读
ps减去顶层形状不管用什么意思在哪设置？
在用ps做路径或者形状合成的时候，经常会做所谓的布尔运算，也就是形状或者路径的加减乘除，其中比较难理解的是减去顶层形状，如果只是减去形状，可能要更容易理解，那么减去顶层到底是什么意思，哪个是顶层形状，顶层是怎么设置的，能更改么，带着这些问题且看本文讲解。 1、路径工具选中之后，在上端选项的【路径操作】菜单中，可以找到【减去顶层形状】， 2、举例说明一下，左侧工具栏切换到【椭圆工具】，在背景图上绘制出一个圆形，图层面板上可以看到新增了一个形状图层，笔者设置为形状，是为了更加方便理解，当然这里也可以绘制路径。 3、一个圆形形状画出来之后，如果要再画一个元，可以直接在背景图上话，默认情况下鼠标变为【加号】样式，此时会自动新增一个形状图层，也就是说这两个形状，产生了两个图层，如果要做布尔运算，是需要先合并形状，在进行设置，形状的合并可以使用快捷键“Ctrl+E”， 4、绘制第二个圆，也可以在一个图层上完成，前提是先按Shift键，此时鼠标变为了一个大一个小【双加号】样式，按住shift键，再按住鼠标左键，此时就可以松开shift键了，如果想要正圆形，可以继续按住shift键， 5、两个圆形绘制完成，默认的路径操作都是【合并形状】，也就是相加的效果，大圆加上小圆，得到的还是大圆，所以没有变化，想要得到圆环的效果，就要减掉小圆，此时用【路径选择工具】点击选中小圆，上端选项中，点击【路径操作】图标，下拉菜单里面，点击【减去顶层形状】， 6、最终的效果如下图所示，小圆被减去，剩下的是圆弧效果， 7、那么为什么小圆就是顶层图形？因为先画的大圆，后画的小圆，所以小圆处于顶层，其实形状的层级是可以手动设置的，选中形状之后，点击上端选项【路径排列方式】，下拉菜单里面，可以看到【将形状设置为顶层】，以及其他选项，所以【减去顶层形状】，就是减去处于顶层的那个形状。 路径的布尔运算，需要路径或者形状处于一个图层中，如果在操作中遇到问题，可以在下方留言讨论。
Photoshop 鼠绘紫魅妖姬
最近在一本杂志上看到一个非常妖媚的女子，她拥有超黑而又超密的睫毛、黑黑的眼线、大片的腮红、红红如水晶般的双唇、乌黑的头发。充满着神秘气息的女子，很是抢眼。笔者今天来告诉大家此紫魅妖女的PS鼠绘制作过程。 老规矩，我们先来看看我们要打造的这位紫魅妖姬的样子： 最终效果图 1.首先打开PS，建立一个新的文件，长宽自己来定就可以最重要的是分辨率定为72就可以。正常屏幕观看给72就可以如果要打印出来的话就要根据纸张的大小、材质来定了。多多学习一下打印方面各个参数也是很不错的，对以后的实践工作会带来很大的帮助。（图1-1） 图1-1 2.用钢笔工具把人物的大体轮廓勾画出来，这个图绘制的是正面的效果，正面比较好绘制，把路径保存起来。新建一个图层，填上皮肤的颜色，这里皮肤的颜色RGB值为：239、198、178。（图2-1） 图2-1
用Photoshop打造撕纸文字效果
最终效果图 1、新建一个文件，设置宽度为10厘米，高度为5厘米，分辨率为300像素，模式为RGB的白色文件。 2、打开通道面板，在控制面板下方单击“创建新通道”按钮，生成新的通道Alpha 1，执行菜单栏中的“滤镜”“渲染”“云彩”命令，效果如图01所示。 图01 3、进入图层控制面板，在控制面板下方单击“创建新的图层”按钮，生成新的图层“图层1”，选择工具箱中的“横排文字工具”，在文件窗口中输入文字，效果如图02所示，按确认键，文字变为选区，效果如图03所示。 图02 图03 4、单击工具箱下方的“以快速蒙版模式编辑”按钮，使图像进入快速蒙版状态，效果如图04所示。 图04 5、执行菜单栏中的“滤镜”“像素化”“晶格化”命令，在弹出的“晶格化”对话框中，将单元格大小选项设为7，如图05所示，单击好，效果如图06所示。 图05 图06 6、单击工具箱下方的“以标准模式编辑”按钮，使图像退出快速蒙版状态，效果如图07所示。 图07 7、打开一幅报纸图片，并调整它的色相/饱和度，效果如图08所示。执行菜单栏中的“编辑”“定义图案”命令，在打开的对话框中单击确定，将报纸定义为图案。 图08 8、执行菜单栏中的“编辑”“填充”命令，打开填充对话框，设置参数如图09所示，选择自定图案为报纸图案，单击确定，文字效果如图10所示。 图09 图10
抽线效果新思考
Photoshop中的混合模式是其理解难点，它的实质是一种特殊形式的看不见蚁行线的选择。通过混合模式，可以以确定的方式决定哪些色阶的像素被屏蔽或者改变，因此，了解混合模式的作用机理，对用户有的放矢地使用PS达到目的非常重要。下面通过一个实例，说明如何使用PS中的颜色减淡模式抽出图像中的线条，以及由此引发的思考。 打开图像。 将“背景副本”的图层混合模式由正常变为“颜色减淡”，文档似乎变得空无一物，但是细心的读者会发现图像上还有一些黑色的杂点。想一想这是原图中的什么色阶的像素？
最新发布
浅谈网页UI设计中的48DP定律
先说说什么是dp其实对于一个非技术人员要把这个概念完全搞清楚还挺复杂的，所以我们就知道他是干什么用的就好，因为安卓阵营的碎片化，所以会有杂七杂八的不同分辨率的屏幕，但是一个UI人员不可能对不同分辨率把应用的图片都切一遍吧?所以就用dp这个单位，用这个玩意儿可以保证同一个图片在不同分辨率下的屏幕上保持基本相同的物理大小。说了dp，就得说说px，px就是屏幕上的一个个物理的像素点，以前的屏幕上的像素点是可以用肉眼看到的，后来乔布斯炒作了个视网膜屏幕的概念，其实就是像素的密度比较大，肉眼已经看不见了。如下图，是用像素(px)为单位的按钮和图片分别在低分辨率、中分辨率和高分辨的显示效果，可以看出来物理大小是发生变化的。在看看下图，使用了dp作为单位，物理大小就没有发生太大的变化。反正搞安卓开发的，一般都会用dp来规定一个组件的大小。当然偶尔也有人会用像素(px)来规定组件大小，可能是个新手、也可能是此人的程序不想兼容更多的设备。上面解释了什么是dp：dp就是一种基本上和设备无关的单位，可以保证一套UI在不同机器上面的适配，而显示效果不会出现很大的偏差。
浅谈网页设计如何设计漂亮有趣的转场动效
这篇文章由江南大学设计学院研究生孙启玉翻译，主要谈手机App中的转场动效，强烈推荐原型设计师阅读学习，体验下动效的神奇妙用。他们把大量时间花在了像素级按钮，表单样式，设置类型以及如何让那些图标变得漂亮和精致。…但是关于如何设计衔接却很少有人考虑。你点下按钮表单就…出现了?你滑动删除一个项目它就那么消失了?那也忒怪异忒不自然了。在真实世界里几乎没有效果，这好像是一个bug。哦，好吧宝贝。你必须记住——它需要”滑入”。怎样?多快?反弹?渐入?静态设计图体现不出切换过程。当提到动画和可爱的交互的时候，人们总是滥用”趣味性”这个词。对这些人来说很炫酷，但是你猜怎么着?动效也可以有功能性作用，而不仅仅是个装饰性的细节。动效有一个被忽视了的维度——时间!一个看不见的组织将空间合在一起，要明白这点你不必精通数学。让我们看一些简单的想法：缓冲在传统动效里，分解一个物体是如何从A点移动到B点的。它增加了运动的偏向并决定了其余帧如何排列。以这些25帧差值(中间点13帧在不同的位置)举例：
从京东网站改版浅谈网页设计趋势
京东这次的改版，看到遍地都是网友吐糟的声音，什么设计太简单了、首页版块不明显、设计没个性等等，乱七八糟的一大堆差评。对于这些吐糟的人，我将他们分为三类人：一类是专业的网页设计师，他们本就有着更高的见地;另一类是普通的用户，不管旧版是否合理，反正已经使用习惯了，对于新版的改变一下子无法适应过来，难于接受，或者潜意识下就产生了对新变化的抗拒心理;最后一类是属于随风逐流者，看到别人吐糟自己也跟着吐糟，可能有些人压根就没看过新版。在这些吐糟人中，第一类人毕竟是少数，大多数往往属于后两类人。好与差没有绝对的评判标准，只能说仁者见仁，智者见智。但是我认为如果一个新东西刚出来就马上做评价是极不公平和极不合理的，任何没有经过调研的言论都是扯谈。所以，做为一个有态度、有思想、有责任的网页设计师，经过几个月对京东新版的体验，对于视觉方面，我在这里浅淡一下自己的观点(千万别误认为哥是*党)，先申明，这仅仅代表我的个人观点。首先让我们对比一下新旧版的首页截图：我认为，京东网站这次的改版，就如它的新LOGO一样，更精简、更耐看、更内涵。(据说狗能克猫：))。我们可以看到，京东经过几次改版，最终还是选择了今年最流行的扁平化设计(有借鉴易迅的嫌疑，但不得不承认只有过之而无不及，要比易迅更简洁，更耐看)。由此看来，扁平化、极简主义已经成为目前网页设计的主流。
创造人像摄影意境的13种方法
1.玩转photoshop 出色的后期往往能够给你的照片带来更多新意，尤其是弥补数码摄影在色域与色彩表现上的先天不足——当 然，黑白后期对于胶片来说也颇为重要2. 记录纹理如果你的拍摄对象有很深的皱纹，或者其他具有纹理质感的特征，有可能为你的图片增色不少3. 尝试过曝在浅色背景下，过曝有时会给你带来颇为特殊的效果——尤其在画面中存在强烈明暗反差的时候
浅谈网页设计中的响应式布局分析
讲到响应式布局，相信大家都有一定的了解，响应式布局是今年很流行的一个设计理念，随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果，设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计（通过CSS3 Media Query实现响应布局）。响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用大势所趋来形容也不为过。随着越来越多的设计师采用这个技术，我们不仅看到很多的创新，还看到了一些成形的模式。我们在上面了解了什么是响应式布局，那在我们的实际项目中应该怎么去设计呢?在以往我们设计网站的时候都会受到不同浏览器的兼容性的困扰，现在还要来个不同尺寸设备，我们该怎么淡定下来呢?有需求就会有解决方案，呵呵，说到响应式布局，就不得不提起CSS3中的Media Query（媒介查询），这可是个好东西，易用、强大、快捷……Media Query是制作响应式布局的一个利器，使用这个工具，我们可以非常方便快捷的制造出各种丰富的实用性强的界面。接下来就一起来深入的了解Media Query。通过不同的媒体类型和条件定义样式表规则。媒体查询让CSS可以更精确作用于不同的媒体类型和同一媒体的不同条件。媒体查询的大部分媒体特性都接受min和max用于表达”大于或等于”和”小与或等于”。如：width会有min-width和max-width媒体查询可以被用在CSS中的@media和@import规则上，也可以被用在HTML和XML中。通过这个标签属性，我们可以很方便的在不同的设备下实现丰富的界面，特别是移动设备，将会运用更加的广泛。 @media 设备名 only (选取条件) not (选取条件) and(设备选取条件)，设备二{sRules} 示例一：在link中使用@media： <link rel="stylesheet" type="text/css" media="only screen and (max-width: 480px),only screen and (max-device-width: 480px)" href="link.css" rel="external nofollow" /> 上面使用中only可省略，限定于计算机显示器，第一个条件max-width是指渲染界面最大宽度，第二个条件max-device-width是指设备最大宽度。示例二：在样式表中内嵌@media： @media (min-device-width:1024px) and (max-width:989px),screen and (max-device-width:480px),(max-device-width:480px) and (orientation:landscape),(min-device-width:480px) and (max-device-width:1024px) and (orientation:portrait) {srules} 在示例二中，设置了电脑显示器分辨率（宽度）大于或等于1024px（并且最大可见宽度为989px）；屏宽在480px及其以下手持设备；屏宽在480px以及横向（即480尺寸平行于地面）放置的手持设备；屏宽大于或等于480px小于1024px以及垂直放置设备的css样式。
浅谈网页首屏设计之图文混排的10大技巧
图文混排是设计中极为重要的一项技术，同时它也极难达到完美的境界。要在网页首屏中呈现出完美的混排效果，你需要一张完美的照片，和足够出彩的文字排版。如果你准备接受挑战，那么请看接下来额10条技巧吧。1、强化对比PackdogWearetelegraph首先Banner中的文字必须具备可读性才行，所以你需要确认文字与背景之间的色彩搭配能让用户看得清楚。当你选择一个暗色调的背景，那么你需要使用白色或者浅色的的文字，而当背景比较素雅的时候，文字可以使用深色，这就是我所说的强化对比。当然，对比不仅限于色彩，文字同样存在对比。文字与图像相互配合，才能达到出人意表的效果。例如第一个案例，Packdog网站的设计，大图作为背景，用色浓郁，文字则正好相反，轻薄而大小错落。这些对比强烈的元素组合在一起令人印象深刻。2、令文字成为图片的一部分meandmyselfportfolio
为什么在UI设计中大家都喜欢使用蓝色
你可能已经猜到这篇文章是关于蓝色的。毫无疑问，蓝色是UI设计中最重要的颜色，也是使用范围最广、最常用的色彩。在你的手机当中，许多APP都采用了蓝色的LOGO，而它们的UI也大多也将蓝色作为主色调，Facebook、Twitter、Shazam、Safari、支付宝、知乎、Behance均是如此。那么为什么大家都会不约而同地选择蓝色呢?原因很多，但是最主要的，还是下面的几个。1、绝大多的用户喜欢这个颜色。有调研指出，绝大多数的人都喜欢蓝色，蓝色被认为是全球范围内最安全的设计用色。2、蓝色与自然相关。清朗的天空和纯净的水，在多数时候都呈现出漂亮的蓝色，它们代表着好天气和健康的水源，这种对自然的亲近深藏在人类的基因当中，外化表现为对蓝色的喜好。蓝是海洋和天空的色彩，是自然的色彩。3、蓝色还是UI设计师的通用色彩。从UI设计师的角度上来看，这是一种泛用且实用的色彩。常见的色彩当中，红色、橙色、绿色对于用户都有这强烈的情感影响，其中黄色常用作警告，红色能够唤醒用户的激情，也能够昭示危险，而绿色常常关乎健康、安全，相比于它们，蓝色的泛用性明显更强。
摄影教程：摄影入门技巧之--如何构图
提到摄影，可能大多数朋友都会认为：就是选一处景色美的地方，人往镜头前一站，按下快门不就OK了吗！如果你能静下心来看完我的这篇日志，很有可能会颠覆你的这一观点。前 言： 随着数码相机的普及，“摄影师”随处可见，我也算是其中的一个吧。内行戏称我们这些业余“摄影师”是：一个傻瓜（一点摄影知识都不懂），拿着傻瓜相机（全自动相机），照镜头前面的傻瓜（傻傻地站在镜头前面），这也许是对我照相的真实写照吧。 应该说我还算“聪明”，相机到手没几天我就会摆弄了，看来照相还蛮容易的嘛！上次去北京，我就照了几百张，近4G的照片，在电脑上一看，满意的没多少。我不得不开始怀疑自己的水平来。近些日子，我在网上学习了一阵子，才知道里面有很深的学问呢。 我学习的目的并不是准备当摄影师，我和我的相机也拍不出什么“艺术”来，只是不想让人笑话我是“老外”。我写这个系列的日志更不是想当什么“老师”，这对我没吸引力，就当成我的学习笔记，把学习所得与朋友们分享、交流吧。如果你是“高人”，期待您的指点！ 下面这张照片就是我们这些菜鸟的最爱：拍摄的主体（人物）站在画面正中，景物不知放到哪儿好，其目的是为了“突出主体”。结果是，过于中心的构图，只会让画面变得缺乏层次感和变化，很容易让观众产生审美疲劳，得到的是构图呆板、毫无生气和美感。 “黄金分割”与“三分法则”
风光摄影的画面构图六个构图的原则
风光摄影的画面构图经营是十分重要的，主要有六个构图的原则： 1、平衡 画面的布局彩对称或非对称式。 2、对比 采用大小、高低、远近的对比手法。 3、主题 主题布局在画面的位置突出。 4、画面的连接性 画面的连接性是从线条的连接性和物体中产生，必定要有龙去脉。来龙是画面的引点，而去脉是消失点，这些来去的表现，都是一脉可寻。这样才能有效 地表现透视感。
抓拍中曝光不足现象的处理方法
闪光灯的激发问题可能导致曝光不足，但是在黄昏时的室外、闪光灯无法照亮所有背景区域时的室内摄影、室外闪光灯的功率较低， 无法提供足够的照明，以及有其他类似的拍摄问题时，曝光不足问题则更为常见。在很多情况下我们知道即使编辑后也无法获得极佳的图像，但是那张在假期中黄昏 时拍摄的并且很暗的照片正好是您要给家人展示的，这时怎么办? 图7-21显示了使用普及型相机拍摄的曝光不足的图像。由于该相机不提供可调整的ISO范围，所有无法控制曝光设置。该图像是一张典型的城市傍 晚照片。总体的亮度级别很低，并且街道和建筑灯光已经开始闪现，这些灯光在很短的时间内就会压倒周围环境的照明。商业专业人士将该时间始终称为一天中的 “神奇小时”。 由于城市拍摄对象的原因，该照片包含全部的颜色混合，这和主要由褐色组成的传统风景照片不同。我们无法控制该图像的杂色问题，但是可以轻松地解 决曝光不足和色彩平衡问题。下面是解决方法。 1、要在使用普及型相机拍摄的JPEG图像上进行调整，首先要锐化图像，然后将图像转换为16位模式。选择“图像”_“模式”_“16位/通 道”。然后重定图像像素，方法是选择“图像”_“图像大小”，打开“图像大小”对话框。将大小降低到71%并将“重定图像像素”模式设置为“二次立方”。 直方图(参见图7-22)显示所记录的多数图像色调都低于中间灰色。注意一直延伸到白场滑块的直方图细线。这是照片中很少的明亮光源所组成的图 像数据，这是靠近相机的雨滴被内置相机闪光灯照亮后所形成的光源。该直方图反映出这些很少的高光只占图像很少的一部分。保持这些很少高光部分中的细节与图 像的总体质量没什么关系，所以可使用下列快速编辑步骤。 2、将白场滑块向左拖动(参见图7-23)，直至接触到主要的直方图突起为止。这可显著加亮图像(参见图7-24)并且避免丢失主要图像区域中 的所有高光细节。