推荐阅读

浅谈扁平化界面风格的设计心得
什么是扁平化设计?简单的说就是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果,使用一些简单的纯色块,从而打造出一种看上去更“平”的界面。扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。下面是列举一些国外网站的例子:Squarespace新版的Squarespace几乎完全采用了扁平化的视觉风格,只在一些细节当中使用了相对传统的方式突出了重要的交互元素。试用一下你就会发现,其实他们的产品在功能逻辑上还是蛮复杂的,但这一切都隐含在简约直白的界面背后,你真的可以从中隐约感受到其设计团队付出的心血。FacebookFacebook是扁平化界面设计的绝佳案例。除了几个主要的动作按钮当中使用了轻微的斜面效果以外,其他界面元素全部采用扁平风格。鉴于他们多年来在这方面一直保持着这样的特色,至少我们可以说这种设计风格对于Facebook来说是完全适用的。Rdio

Photoshop快速制作人物线条速写画像
本教程主要是介绍使用钢笔及画笔工具来制作简单的线条人物速写,教程写得比较简单,不过只要明白作者的思路以后就很容易上手! 最终效果 1.先介绍下所用的工具及设置参数。 2.用钢笔工具勾出大概的轮廓,把画笔的大小设置为3px,前景颜色设置为黑色,勾好后点路径图层,按右键选择路径描边选择画笔。 3.同样的方法制作头发,描边选择模拟压力。

Fireworks混合模式之宝石花效果
混合模式功能应该说是目前流行的各大绘图软件都不可或缺的,通过灵活调整各种混合模式,同样可以制作出各种各样、丰富多彩的效果来,如果各位不相信的话,可以先来看看下面的效果图,是否给你一种眼花缭乱的感觉呢?关于这种效果的名称我想了很长时间,觉得没有什么很恰当的,就暂且叫宝石花效果吧!呵呵~废话少说了,我们还是赶快来看看如何通过FWMX来实现这种炫目的效果吧1、打开FWMX,新建一个大小为200*200,背景为白色的文件。进入编辑区,如果编辑区的上侧和左侧没有标尺的话,首先执行菜单命令"View / Rulers"使得标尺栏为可见,为了操作方便,接下来执行菜单命令"View / Guides / Show Guides"、"View / Guides / Snap to Guides"使得辅助线为可见并且打开辅助线的自动吸附功能,这样,我们就将最基础的前期工作准备好了。2、顺序从上侧标尺栏和左侧标尺栏拖拽出两条辅助线,辅助线的位置均位于两侧标尺的中间地带,也就是100像素的地方,如下图所示:3、选取工具箱的矩形绘制工具,在编辑区绘制一个任意大小的矩形,然后在Properties(属性)面板上的Info区域进行具体设置,将W(宽)、H(高)值均设为100,将X、Y值均设为0,这样,我们就得到了一个位于编辑区左上角、边长为100像素大小的正方形。具体设置如下图所示:4、对矩形的填充方式进行调整,同样在Properties属性面板上进行调整。将填充方式设为Starburst方式,单击填充颜色井,在弹出的颜色设定框中进行设定,本例是将左侧的颜色块设为了黄色,右侧的颜色块设为了红色。当然,您可以根据实际情况进行任意调整。本例具体设置情况如下图所示:5、选中编辑区的矩形对象,配合键盘上的Alt键,向右侧拖动举行对象,这样就自动复制了一个新矩形对象,将复制的对象放置到编辑区的右上角。因为我们在第一步已经选定了自动吸附到辅助线的命令,所以这里我们不必担心位置的问题了,目前编辑区的具体摆放情况如下图所示:6、采取和第五步同样的方式,在编辑区的左下角和右下角再次复制出两个相同的对象,如下图所示:7、执行快捷键"Ctrl+A",同时选定编辑区的四个对象,然后快捷键"Ctrl+G",将四个对象组合成组,此刻层面板会如下图所示:8、选定编辑区的组合对象,执行菜单命令"Edit / Clone",原地克隆复制一个组合对象,接着执行菜单命令"Modify / Transform / Numeric Transform",在弹出的对话框中选择变形方式为Rotate(旋转),输入旋转的数值大小为"30",其余不作调整,点击确定即可,这样就将克隆对象顺时针方向旋转了10度,打开层面板我们可以看到目前编辑区两个对象的位置关系。选中克隆的对象所在的层,单击混合模式的下拉菜单,选择混合模式为Lighten(加亮),如下图所示:9、打开History(历史)面板,配合Shift键,同时选定我们刚刚操作的上面这三个步骤:“Clone、Transform、Blend Mode”,单击历史面板左下角的“Replay”按钮,如下图所示:10、具体什么效果各位应该已经从编辑区看到了吧!呵呵,别急,再次按动历史面板上的Replay按钮!看看你制作的最终效果图是否如下所示:好了,其实通过上面的几步操作,相信大家对于使用混合模式产生一些奇幻的效果应该有一些个人的心得了,呵呵,这样最好哈;不过可能有些朋友对于混合模式的应用还是不太清楚,或者说认为通过上面的步骤产生的效果不过如此,没有什么值得称道的地方,不要着急,后面我们还有没有讲到的地方呐~~~。单单使用一种混合模式就已经能产生我个人所认为的足够奇幻的效果了(老风卖瓜,自卖自夸,呵呵……),如果结合两种或者更多的混合模式综合使用的话,会产生什么效果呢?你不知道,俺也不知道,MM公司也不见得知道,估计老天都不知道,呵呵,废话又来了,抱歉,抱歉……还是看看如何实现如上面例图所示的宝石花效果吧!这就是两种混合模式综合运用产生的“下场”哈~~~~1、重复上面1~4步的操作,此刻编辑区应该如下图所示:2、选中矩形对象,会出现颜色调节手柄。用鼠标点中调节手柄右下侧的矩形调节点,配合Shift键,向圆形调节点推动。注意:此时使用Shift键的目的就是为了能够使填充色均匀的向中心方向发生改变,如果不使用Shift键的话,很难保证这一点实现。针对本例的最佳调整效果就是如下图所示了:注意:此刻的调整效果对于将来效果的生成是很重要的,各位可以根据后面的步骤自行测试的! 3、同样,配合Alt键,在编辑区的四个角都复制同样的矩形对象,如下图所示:4、"Ctrl+A",选中全部对象;"Ctrl+G",组合成组;"Ctrl+Shift+D",克隆矩形对象;"Ctrl+Shift+T",数值调整克隆对象;变形方式为"Rotate",数值大小为"10",点击确定;打开Layers(层)面板,选中克隆对象,将混合模式调整为Lighten(加亮),此刻层面板如下图所示:5、打开History(历史)面板,同时选中“Clone、Transform、Blend Mode”这三个历史步骤,单击历史面板左下角的“Replay”按钮三次,编辑区现在应该出现如下图所示的效果了:6、我们在进行旋转变形操作的时候,每次旋转的角度为30度,理论上,克隆两次、旋转两次即可了,但是我们这一次却克隆了三次、旋转了三次,这样最后一次的操作对象其实和最初的对象是完全重合了,请理解我这些废话!:)打开层面板,选中最上面的一层,该层的混合模式应该和下面的两层相同,为“Lighten”模式,此刻我们看到的效果和上面的例子出现的效果是没有什么两样的,所以我们要对该层的混合模式进行改变,现在我们要采用“Invert”模式,具体设置如下图所示:7、废话不说了,看看编辑区发生什么变化了?是不是如例图一般的宝石花效果图已经出现了?请看下面的最终效果图:各位,做个实验吧!如果将最上面一层的混合模式变成“Luminosity”,会产生什么效果呢?请看下图:继续令人心动的实验,这次我们将最上面一层的混合模式变成了“Diference”,居然产生了更加不可思议的效果:好了,罗罗嗦嗦了老半天了,自己都感觉有些麻烦了~~,本节我们主要是来学习如何利用混合模式进行效果制作,有关混合模式的相关基础知识我们并没有涉及到,如果大家想更清楚的了解相关常识,可以到点燃灵感去找找有关资料,当然,直接从FW自带的帮助中去寻找也是不错的选择,这里就不再赘述了!
最新发布

PS制作绿色质感水晶字的简单新手入门教程
1、首先新建一个300*300的文件,在上面写一个字母(我这里的字体是“文鼎特圆简+平滑+宽度增加50%”)如图2、设置前景色为#A7A7A7,背景色为#F1F1F1,按住Ctrl点击字母H所在的层,选取H的轮廓,再新建一层,用线形渐变工具,从下往上拉渐变,如图所示3、用一个深一点的灰色,外描边一象素4、依次选择“选择”>“修改”>“缩小选区” 半径设3象素。如图:5、设置前景色为#99FF66,背景色为#33CC00,然后新建一层,从下往上拉一个线形渐变,如图:

Photoshop技巧教程:详细解析等高线的原理
2010-6-4 10:18 2010-6-4 10:18 2010-6-4 10:18 2010-6-4 10:18 2010-6-4 10:18

PS巧用素材打造梦幻光影照片效果
本教程主要是先调整照片的色彩平衡,再把一副纹理素材,用一下滤镜的光照效果,拖到照片上模式设为滤色,(素材之间的运用主要是通过改变其混合模式,就能达到一些效果)其它就是加一些好看的画笔,再打上一点你喜欢的文字,完成最终效果。 先看最终效果图原图

PS快速给夜景天空加上满天星星
这又是一个非常简单的教程,教你怎样给夜景的天空加上满天的星星,主要用到滤镜的添加杂色,用曲线调杂色的数量,最后对星星调一下色相/饱和度,这样就完成了。不懂有问题请到论坛提问:http://www.86ps.com/forum/

Photoshop中的RGB,CMYK,LAB颜色模式详解
RGB、CMYK、LAB、HSB……也许很多朋友都看到过这些色彩模式,但你了解它们吗?大多数朋友都会说不了解吧。色彩模式是图形设计最基本的知识,不掌握怎么行呢?每一种模式都有自己的优缺点,都有自己的适用范围,下面我详细的跟大家谈谈这些色彩模式。1、 RGB模式 RGB是色光的色彩模式。R代表红色,G代表绿色,B代表蓝色,三种色彩叠加形成了其它的色彩。因为三种颜色都有256个亮度水平级,所以三种色彩叠加就形成1670万种颜色了。也就是真彩色,通过它们足以在现绚丽的世界。在RGB模式中,由红、绿、蓝相叠加可以产生其它颜色,因此该模式也叫加色模式。所有显示器、投影设备以及电视机等等许多设备都依赖于这种加色模式来实现的。RGB的色彩的明暗,暗照从明到暗的顺序排列(如图)

PS合成超酷的火焰扑克牌
2、创建一个新图层命名为Poker card hase。使用圆角矩形工具(半径调协为40px)在图层上创建一个扑克的形状,如图所示。 12、我们要反扑克制作成立体的效果。按钮Ctrl键单击扑克和所有花纹的图层把它们都选中,然后按下Ctrl+T,单击右键选择“透视”,然后向上拖动左下角的调整点,然后单击右键选择“自由变换”向左拖动右边的中点。完成后按下回车键。

Photoshop教程:纹理素材叠加制作颓废效果
本教程介绍颓废非主流的制作教程,思路:需要找一些比较配套的素材图片,然后把素材图片加上纹理效果,当然也直接可以用纹理素材叠加。最后把图层叠加在一起,效果就出来了!最终效果素材1素材2 1.打开素材1和素材2,把素材2拖到素材1里面如图12.执行菜单:滤镜 > 杂色 > 添加杂色,参数设置如图2,确定后再执行菜单:滤镜 > 艺术效果 > 胶片颗粒,参数设置如图3,效果如图4