推荐阅读

浅谈扁平化界面风格的设计心得
什么是扁平化设计?简单的说就是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果,使用一些简单的纯色块,从而打造出一种看上去更“平”的界面。扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。下面是列举一些国外网站的例子: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简单应用图层样式把龙纹图案变为玉雕龙
简单的图案画大多是简洁的线条勾勒的黑白画面,在Photoshop神奇的“魔力”下,这些看上去简单的黑白图案画会变成一件栩栩如生的工艺品,下面我们就把一幅图案画变身玉雕龙。 制作工具:Photoshop CS,其他版本步骤类似。 制作过程: 1、打开一幅龙的黑白传统图案素材,效果如图01所示。2、选择工具箱中的“魔棒工具”,单击图像中的白色背景部分,获取选区。再按“Shift+Ctrl+I”键将选区反选,得到龙的选区,按Ctrl+J键,将选区内容复制到一个新的图层中,产生新图层“图层1”,将背景填充为白色。 3、单击图层1,按Ctrl+T键打开自由变换调节框按住Shift键将图层1等比缩小。 4、按住Ctrl键单击图层1,载入选区,切换到通道面板中,单击通道面板下方的创建新通道按钮,新建Alpha 1通道,此时图层1的选区载入到Alpha 1中,效果如图02所示。5、用白色填充选区,取消选区,图像效果如图03所示。

PS简单几步为汽车添加飞驰的动感效果
原图效果想要在Photoshop中将汽车飞驰的动感效果表现出来,使用动感模糊滤镜即可完成,但假如只是简单地运用动态模糊滤镜,容易导致整个画面上所有的物体都产生动态模糊效果,这样最终的效果并不是很理想,那么我们可以从光和影来下功夫,通过制作出汽车上光线的拖影效果,从而表现高速行使的飞车效果。 第一步:进入到Photoshop中并打开一张汽车素材.可以看到汽车的周围环境处于一种较为模糊的状态,但汽车本身却没有这种效果,所以表现不出来高速行驶的效果。先复制一层,然后再对汽车进行动态模糊处理第二步:选中“背景 副本”图层,然后单击图层面板下方的“添加图层蒙版”按钮,为“背景 副本”图层添加上一个图层蒙版。在工具箱中设置前景色为白色,背景色为黑色,然后选择工具箱中的“渐变工具”,单击“线性渐变”按钮,在工作区中从左下侧到右上侧拉出一条渐变线,这时我们可以看到汽车的尾部出现的动感模糊效果。提示:渐变线的方向与汽车运动的方向一致。

PhotoShop利用变形打造一个铅笔问号
本例主要应用了“变形”网格将一根笔直的铅笔扭曲成了问号,这项技术对于一些需要特殊变形效果图像来说是一个非常方便的技能,值得大家好好学习一下,希望大家能掌握这项技术。效果图1.打开“铅笔素材.psd”文件,隐藏素材图层,选择横排文字工具,并选择适合的字号与字体,设置前景色为黑色,在画布中间如图一个如图1所示的“?”号,并得到“?”图层,并将此图层移至“素材”图层的下方。

PhotoShop打造逼真水滴效果
本例介绍使用PS的制作玻璃上逼真的水滴效果,主要通过使用滤镜、调整色阶、以及设置图层样式来完成最终效果,希望朋友们喜欢~~效果图 附本教程PSD源文件下载1、在通道里,按D键恢复默认颜色(黑/白),再执行滤镜―渲染―云彩,效果如下:2、执行 滤镜―其他―高反差保留,大概调成这个样子:

日韩风格网店服装拍摄技巧
日韩风格的甜美女装在淘宝网店中占据着巨大的市场,也是现在淘宝上的主流女装风格。日韩女装之所以让女孩子喜欢就在于日韩女装的甜美时尚气息。在淘宝上开网店如何表达着甜美和时尚呢,如何让买家在众多日韩女装店铺中找到你的日韩风格女装店,并且感兴趣。那当然是在质量保证的前提下做好图片展示。下面淘宝学堂给大家分享日韩风格网店服装拍摄技巧。 日韩 甜美 适宜店铺:哈日、哈韩淑女装店铺 快门:1/128秒 光圈:F11 ISO感光度:320 简易的室内拍摄,与模特沟通之后摆拍完成,模特甜美的表情与干净的家具背景结合,打造了一张时尚“芭比”的照片。这张照片强调了画面整体的主次之分,黄色的包、右侧的盆栽等都是陪衬的元素,整个画面干净唯美,主题分明突出。相机距离模特约3米,室内光线拍摄,空间闭塞却主题明确,给人眼前一亮的冲击感。画面构图干净简单,色调统一,没有过于刺激性颜色出现。 纯色的连衣裙正是淑女的不二选择,比起花花绿绿的繁杂更显一抹气质。这张照片中的模特白皙柔美,齐刘海加上丸子头的发髻更显得单纯动人,没有特别鲜明的个性,却显得非常恬静乖巧。小部分“露脸”的盆栽也为画面增添了点缀,色彩搭调,整体装扮给人非常舒适、让人疼惜的感觉。 渴望展现自己甜美气质的女孩看到这款裙子一定会很想一试,蕾丝感觉的娃娃裙,泡泡袖、蝴蝶结都是打造日韩甜美系照片常用的元素。简单的色调很容易使衣服本身埋没在买家的视线,但是在拍摄时运用了可爱元素的同时注重色彩的协调,即可彰显衣服档次,再普通的淑女装也变得有品位。 模特展示:甜美的“90后” 这张照片选择的模特从体态上来看并不像欧美风格等那般纤瘦,身高不要求高,但身体比例要好,脸部要求眼大脸小,腮部圆润,营造出一种90后装扮也很重要。 妆容对眼妆要求高一些,假睫毛、美瞳当然少不了,如果拍摄时没有,也可以在后期PS中完成。妆容之外,最好有一张小嘴,这一风格的照片多数都是“90后”般的抿嘴、嘟嘴、极力睁大眼睛,就像是从日韩偶像剧里走出来的姑娘。

7招生态摄影这样拍,让你抓住动物的神韵
不少人买相机的理由,是为了拍摄家中的宠物。不过拍摄宠物或动物却不是这么容易,一般大家养的宠物或动物,通常都是那种会活蹦乱跳的,不太会专注地看着镜头,直挺挺地等你按下快门。想要解决这个问题,就是增加快门速度来定格它们的动作。可是,有时还是会发现自己拍摄的动物感觉好像少了那么一点精神,下面就要告诉喜欢拍摄生态的朋友,该从哪些要点来掌握动物的精气神。 1. 特写画面注重眼神 拍摄动物,最有效的方法是抓住它们特征最为鲜明的一面重点表现,使用长焦镜头将其突出、放大,画面会更加具有吸引力。同时,要注意针对眼睛准确对焦,捕捉到锐利眼神就是完成一张优秀的作品的关键,如果眼睛里还有适当的反射光线当然会更好。 光圈优先,f/5.6,1/60s,ISO 200,自动白平衡 2. 运用拟人化的道具 拍摄宠物时,使用道具往往会让画面呈现出拟人化的效果,令人忍俊不禁,表现出顽皮、可爱的天真本性。除此之外,利用宠物喜欢或很好奇的道具,也可以有效地调动它的情绪,表情更加生动、自然。 手动模式,f/18,1/320s,ISO 200,自动白平衡 3. 用光线突出轮廓和质感 逆光和侧逆光往往是表现轮廓和质感的有效手段,这种光线使动物正面大部分隐没在暗影中,能够突出轮廓特征,带给作品一种含蓄的韵味。在这种光线下,还能够更好地表现半透明的翅膀、羽毛的质感。 光圈优先,f/5,1/4000s,ISO 200,手动白平衡

黑白照片的“影调”与“调式”;彩色照片的“色调”
摄影中影调来源于音乐,来源于音乐中的术语,是因为摄影这种利用光影变化而构成的画面更具有一种音乐般的视觉上的节奏与韵律。 对摄影作品而言“影调”,又称为照片的基调或调子。指画面的明暗层次、虚实对比和色彩的色相明暗等之间的关系。通过这些关系,是欣赏者感到光的流动与变化。 摄影画面中的线条、形状、色彩等元素是由影调来体现的,如线条是画面上不同影调的分界。 自然界所有的颜色(即固有色)有三个主要特征:色彩的色调、饱和度和明度。但对黑白照片而言,多种可见色反映在黑白照片上,只形成黑白灰三个色阶,其间的差别只在亮度上,这样自然界千变万化的色彩便失去了两个最重要的特征DD色彩的色相和饱和度,只保留了明度(亮度)。不同亮度的景物变化为相对应的黑白灰色阶,所形成的明暗层次。因为不具备有色彩的特征,我们将黑白摄影中的基调称为“影调”,以能表现出五彩缤纷的色调为特征。 一、黑白照片的影调 影调与流动物体之间的光线又极为密切的关系。在摄影画面中,影调结构体现在这样几个方面: 首先,表现为由白(高亮度)过渡到黑(低亮度)的层次等级。在黑白摄影中,影调不但能体现物象,还能抽象地再现于对应原景物的固有色彩。如:红为较深的灰而黄色为较浅的灰色,黑中有黑,白中有白。灰色层次多,影像明暗变化大,称为影调丰富,影调细腻;反之,黑白灰过渡剧烈,呈跳越式变化,灰色层次少,称为影调单一粗犷。 其次,不同的影调能产生不同的视觉感受。丰富的影调有助于产生恬静、温和、舒畅之感;粗犷的影调有助于给人们以刚强、力量、激烈、兴奋之感。 其三,自然界中被人们视觉观察到的灰色调是无限多的9阶灰。色谱是为了对影调进行大致分类,并因它作为识别和记录色调的依据。 其四,照片中不同程度的黑白灰有不同的视觉感受。黑色给人你庄严、稳重、压抑之感;白色给人以圣洁、明朗、开阔的感觉;灰色给人以黑白间的感受,使人有正常协调之感。灰色的不同变化在画面中常常有协和的用,在黑白两极之间搭起桥梁使之协调。