推荐阅读
浅谈扁平化界面风格的设计心得
什么是扁平化设计?简单的说就是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果,使用一些简单的纯色块,从而打造出一种看上去更“平”的界面。扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。下面是列举一些国外网站的例子: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自带的帮助中去寻找也是不错的选择,这里就不再赘述了!
最新发布
LR调出黑金风格的城市风光照片调色教程
效果图:下图是一张典型的城市夜景风光照片,从美学的角度看,整张照片色彩比较杂乱,没有一个明显的视觉焦点。下面的色环显示了本片的色相和饱和度情况。过多的色相会互相冲突,使得图像杂乱不堪。因此黑金风格的要点,就是要统一画面中的色相。黑金风格的后期操作,可以总结为一句话:
Photoshop调出时尚大片艺术效果的欧美人像照片教程
我们先来一个名词解释:何为跟色?跟色——跟别人的颜色,或者说,追别人的色调 “跟色篇”是我准备长期做的一个系列,其原因有很多,其一,跟色原本就是我自己经常会做的一个练习;其次也能顺便带带新手,在模仿国内外优秀作品的同时,学习、借鉴和思考,高手可绕道,新手或半熟手就跟我上车吧。今天我们要模拟的参考图是:然后我们手上的图是:如标题写的那样,任何色温下都可以成大片,白里透红并不是唯一的方向,而且实际上你看那些摄影大师的片子,白里透红的情况是非常少的。这个参考图是个暖色调,所以我们应该有个类似这样的操作:当然你如果用不惯分离色调,曲线或者色温来控制也是可以的,这只是个人习惯,不需要纠结,记得哦,上面这步是此色调的关键。
Photoshop转手绘教程:绘制水润明亮的眼睛
最终效果原图1、图片大小,快捷键是AIT+ctrl+I,主要的就是调分辨率,宽度,记住千万不要忘记调节。2、接下来眼睛是调色一般用曲线,快捷键是ctrl+m,这个调色主要就是为了让皮肤边通透,变的亮白,但是也不能过爆哦,曲线截图忘记截图了,大致是这种形状,然后曲线你们可以好好研究,红箭头标的地方都是可以手动的,多动动多看看原图就有曲线的大概认识了,另外附上了原图眼睛和调完曲线的眼睛图片。
详解Photoshop转手绘中头发绘制方法教程
原图完整图步骤1:将图片大小改为2000像素,分辨率为300。这样方便绘制头发。步骤2:调色。点击可选颜色,调节颜色。稍微调一下亮度,即曲线。相关参数我已贴图出,如图。
用PS把文艺女孩照片制成唯美手绘效果的PS转手绘教程
素材图片本身带有复古韵味,不过图片的像素不是很高;作者在处理的时候整体颜色用了更加文艺的蓝紫色;同时人物各部分都做了轻微的手绘处理;最后加了一些纹理,画面更加具有古典味道。最终效果原图1、首先裁剪到合适尺寸。2、改变分辨率和大小。
Photoshop制作带金属边框的紫色光斑水晶字体教程
效果字构成稍微有点复杂,包括了立体效果、纹理、高光、描边等。每一个部分都需要用单独或多个图层来配合完成;设置图层样式的时候直接把填充改为0%,这样就可以现实多个图层样式叠加出来的效果。最终效果1、新建画布。打开PS软件,按Ctrl + N 新建画布,尺寸如下图,然后确定。2、加背景色。选择渐变工具,在属性栏点击渐变色设置渐变,如下;设置好颜色后再在属性栏选择“径向渐变”;然后由画布中心向边角拉出径向渐变作为背景。 3、导入文字。把下面的文字素材保存到本机,再用PS打开,用移动工具拖进来,并调整好位置。
巧用Photoshop色彩范围抠出透明玻璃杯抠图教程
先看下最终效果对比图:步骤1在photoshop中打开需要处理的红酒酒杯图片,Crtl+j复制酒杯图层。 步骤2选择画笔工具(B),选择笔刷中的柔边圆笔刷,按键盘上的快捷键,[ 和 ]键调节笔刷大小。按[ 键画笔变小,按 ] 键画笔变大。
Photoshop鼠绘绘制立体感十足红色主题风格的小鸟效果图
最终效果1、创建一个新文档在Photoshop中600×600像素与300 dpi的。收集你最喜欢愤怒的小鸟一些参考和挑选一个作为参考。在这里,我将勾勒出主要的红色小鸟。使用圆形的硬刷从背景中分离出鸟的轮廓的速写。用简单的形状绘制眼睛,眉毛,和嘴。对称东西,首先画一个特征,然后复制和翻转到它的另一面。2、用黑色填充背景层。使用白色笔刷点一个点。3、现在,让我们添加一些色彩。使用圆形的硬笔刷在草图下方绘制。为了帮助草图融入效果,只需将草图改为柔光。其中的差别。4、为了让这只鸟看起来更真实,我们将复制其他动物的毛发区域。其中,箭头指向的区域,我会复制这些纹理。
