推荐阅读
23个Facebook Paper中的设计细节分析
Cocoachina:Facebook的 Paper 自前几日上架App Store后就成为开发者设计师们热议话题,在App Store里也获得了很高的用户好评率,当然也有不喜欢这款应用的用户,包括那些讨厌Facebook的用户和被众多手势操作迷惑的用户。不过在我看来,Paper中一些细节设计和交互设计还是给人带来很大的惊喜,以下是我认为值得与其他设计师分享的设计细节。(温馨提示:动态gif 图稍大,等一下就可以流畅看咯)Facebook(脸谱)推出的移动新闻阅读应用Paper在发布后的短短一周,其下载量在苹果应用商店迅速攀升,并获得了包括《连线》在内的多家美国科技媒体的好评。Paper是在美国当地时间2月3日,即社交网络巨头Facebook成立十周年之际,正式发布的。Facebook创始人马克·扎克伯格(Mark Zuckerberg)曾表示,自己梦想着有一天Facebook能了解足够多的用户情况和生活习惯,以便推送用户乐意看到的精准信息,扎克伯格将此称为“全球最好的私人定制报纸”。值得注意的是,目前只有美国区的苹果商店上架了该应用,可以免费下载,但不提供iPad版本,Android平台何时上线未知。内容做成了一张张卡片早在1月底,Facebook就宣布将在其成立10周年之际推出新产品,市场也早已风传Facebook要推新闻阅读应用,但没有想到其界面和设计是如此令人赞不绝口。《连线》杂志称其为目前看来是最好的Facebook。科技博客The Verge则评价称,是最好的Facebook应用。说到细节,就不能不提Dribbble,来看看上面有哪些逆天的icon,还有哪些大牛级别的设计师吧。涨姿势时间:来了解下Facebook Paper 的设计主管:Mike Matas。
PS滤镜打造炫光星球
这篇教程教飞特的朋友们用PS滤镜打造炫光星球,教程制作难度一般。主要使用了云彩和扭曲两个滤镜,转发过来,希望飞特的朋友们喜欢这篇教程。先来看看最终的效果图吧: 教程用到的笔刷:星星笔刷、星云笔刷、碎片笔刷具体的制作步骤如下: 1、创建一个新图片,大小为940*700,背景填充黑色,新建一个图层,使用套索工具(羽化50px)绘制一个椭圆选区,然后执行“滤镜―渲染―云彩”,如图所示。 2、按下Ctrl+L打开色阶调整框,应用下图所示的设置。
人物摄影中的基本取景法 特写和大特写
特写一般表现人物肩部以上的头像或某些被摄对象细节的画面。在拍摄特写画面时,构图应力求饱满,对形象的处理宁大勿小,空间范围宁小勿空。通过特写,表现人物瞬间的表情,展现人物的内心世界。 大特写 女性的特写镜头应尽可能隐藏脸部的缺陷,不可影响其形象。对于特写中不能隐藏的缺陷或不足,还可以通过后期处理进行修饰。 有些人当成为了照片的主角后,一再表示“不喜欢被照出来”,这会使摄影师不知所措。若没有任何不愿被照出来的理由,此时只能理解为不满意相片中自身的形象。作为摄影师还得会鼓励模特,尽可能赞扬模特的优点,告诉其隐藏缺点的方法。 照片2-17室内照相馆中的高调人物照片 <照片2-17>是有意识地提高闪光灯的亮度后拍摄的照片。提高亮度,使背景的白色和人物的脸色相同,这样即去掉了皮肤上的细纹或缺点。为了表现回头的背影,人物安排在1/2的右侧。 对于<照片2-18>,在多个角度取景,以表现截然不同的视觉感。人物的特写(Close-up-shot)可以拍摄人的整个头部,也可以截取特定部位,这都有助于构成独特画面。 照片2-18
网页制作中FLASH代码的优化
1.js部分:function swf(src,w,h){html = '';html += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="'+w+'" height="'+h+'" id="main">';html += '<param name="allowScriptAccess" value="sameDomain" />';html += '<param name="movie" value="'+src+'" />';html += '<param name="quality" value="high" />';html += '<param name="wmode" value="transparent" />';html += '<embed src="main.swf" quality="high" bgcolor="#cc6600" width="'+w+'" height="'+h+'" name="main" align="center" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';html += '<\/object>';document.write(html);}2.调用部分<SCRIPT>swf('http://www.poluoluo.com/benner.swf','1004','159')</SCRIPT>
最新发布
CorelDRAW 贴齐导线
3.3 对象的组织 Snap To Guideline(贴齐导线) 使用 Snap To Guideline(贴齐导线)时当对象靠近导线时就会自动贴向导线。将鼠标移动到标尺中,向绘图页面中拖动时可看到一条虚线跟随,到达需要的位置时释放鼠标即可显示导线。当导线被选中时呈红色,再次单击后可以调整其倾斜角度。 图 3-36 贴齐导线后的效果 Snap To Objects(贴齐对象) 使用该功能时,在移动对象时如果遇到其他对象便会以对象的节点为参考点自动贴向该对象。 图 3-37 贴齐对象后的效果 3.3.4 群组与组合 从字面上来看 Group(群组)与Combine(组合)的功能似乎有点相似,但它们的使用结果却大相径庭。 使用 Group(群组)命令可以将多个不同的对象结合在一起,作为一个整体来统一控制及操作。群组的使用方法也很简单:
CorelDRAW 颜色填充
4.2 颜色填充 一幅优秀的绘图作品除了有好的构图及轮廓外,合适的颜色填充也是非常重要的。在 CorelDRAW 10中,颜色的填充包括外部轮廓和对象内部的色彩填充。 4.2.1 Uniform Fill(均匀填充) Uniform Fill(均匀填充)是一种最普通的填充方式,它可以应用于绘图页面中所选的对象,也可以被指定为默认的填充方式而自动应用于新建的对象。 CorelDRAW 10为用户提供了多种均匀填充的方式。在前面的章节中已经学习了最简单的方式使用调色板均匀填充对象。在这里我们将介绍如何使用Color Docker Windows(色彩泊坞窗)和Fill Color Dialog(色彩填充对话框)来均匀填充对象。 Color Docker Windows(色彩泊坞窗) 单击 Outline Tool(轮廓线工具)或 Fill Tool(填充工具) 级联菜单中的 Color Docker Windows(色彩泊坞窗)按钮,即可调出Color(色彩)泊坞窗(该泊坞窗也可以通过单击菜单命令Windows/Dockers/Color调出)。 图 4-8 Color(色彩)泊坞窗的三种调色模式
CorelDRAW 编辑轮廓线
4.1 编辑轮廓线 4.1.1 设置轮廓线粗细及样式 CorelDRAW 10在其工具箱中提供了一个 Outline Tool(轮廓线工具),用于创建及编辑轮廓。 单击Outline Tool(轮廓线工具)按钮,在弹出的级联式菜单中选择 Outline Pen Dialog(轮廓笔对话框)按钮,在弹出的Outline Pen对话框中设置轮廓线的粗细及样式。 图 4-1 Outline Pen(轮廓笔)对话框 在 Color(颜色)列选栏中选择轮廓线的颜色; 在 Width(宽度)列选栏中选择轮廓线的粗细及度量单位; 在 Style(样式)列选栏中选择轮廓线的线形样式;如果你对系统提供的线形还不够满意,可以单击下面的Edit Style…(编辑样式)按钮,进入Edit Line Style(编辑线段样式)对话框。 图 4-2 在Edit Line Style(编辑线段样式)对话框中编辑虚线 在该对话框中拖动滑块到适当的位置,可以控制虚、实线之间的距离;在需要呈现实心点的位置单击鼠标即可显示该点,再次单击即可清除该点。在右下方的预览窗口中显示了编辑后的虚线样式,单击 Add(添加)按钮即可将编辑好的虚线样式添加到Style(样式)列选栏中。 如果要编辑已有的轮廓线样式,可在选定该轮廓线样式后,再单击 Edit Style…(编辑样式)按钮进行编辑,编辑完成后单击Replace(替换)按钮即可。
CorelDRAW中的文本及输入
5.1.1 CorelDRAW中的文本及输入 文本( Text)是CorelDRAW 10中具有特殊属性的图形对象。在CorelDRAW 10中有两种文本模式:Artistic Text(艺术体文本)和Paragraph Text(段落文本)。 Artistic Text(艺术体文本) 实际上是指单个的文字对象。由于它是作为一个单 独的图形对象来使用的,因此可以使用各种处理图形的方法对它们进行编辑处理。 Paragraph Text(段落文本) 是建立在艺术体文本模式的基础上的大块区域的文 本。对段落文本可以使用 CorelDRAW 10所具备的编辑排版功能来进行处理。 使用键盘输入文字是最常见的操作之一。在输入文本时,就可以方便的设置文本的 属性。 艺术体文本的输入 在工具箱中,选中 Text Tool(文本工具)或按快捷键F8 ,然后在绘图页面中适当的位置单击鼠标,就会出现闪动的插入光标,此时即可直接输入艺术体文本。 段落文本的输入 在工具箱中选定 Text Tool(文本工具)后,在绘图页面中适当位置按住鼠标左键后拖动,就会画出一个虚线矩形框,此时即可 在虚线框中直接输入文本。 图 5-1 段落文本框
CorelDRAW 交互式填充工具
4.3.3 Interactive Fill Tool(交互式填充工具) 为了更加灵活方便的进行填充, CorelDRAW 10还提供了Interactive Fill Tool(交互式填充工具)。使用该工具及其属性栏,可以完成在对象中添加各种类型的填充。 在工具箱中单击 Interactive Fill Tool(交互式填充工具)按钮,即可在绘图页面的上方看到其属性栏。 图 4-21 Interactive Fill Tool(交互式填充工具)属性栏 在 Fill Type (填充类型)列选框中,可以选择 No Fill (无填充)、 Uniform Fill (均匀填充)、 Linear (直线式渐变填充)、 Radial (放射状渐变填充)、 Conical(圆锥状渐变填充)、Square(正方形渐变填充)、Two Color Pattern(双色图案填充)、 Full Color Pattern (全色图案填充)、 Bitmap Pattern (位图图案填充)、 Texture Fill (材质填充)或 Postscript Fill (半色调挂网填充)。虽然每一个填充类型都对应着自己的属性栏选项,但其操作步骤和设置方法却基本相同。 图 4-22 选择Uniform Fill(均匀填充)时的属性栏 图 4-23 选择Linear(直线式渐变填充)时的属性栏 图 4-24 选择Two Color Pattern(双色图案填充)时的属性栏
CorelDRAW 特殊填充
4.3 特殊填充 除了均匀填充和渐变填充之外, CorelDEAW 10还提供了几种特殊的填充方式:Pattern Fill(图案)填充、Texture Fill(材质)填充和PostScript Fill 填充。掌握这些特殊填充,可以迅速的为对象添加丰富多彩的填充效果。 4.3.1 Pattern Fill(图案)及Texture Fill(材质)填充 Pattern Fill(图案)填充是使用重复图案为对象进行填充。 单击 Fill Tool(填充工具) 级联菜单中的 Pattern Fill(图案填充对话框)按钮,即可弹出Pattern Fill(图案填充)对话框。 图 4-15 Pattern Fill(图案填充)对话框 在该对话框中选择图案填充的类型为 2-color(双色)、Full color(全色)或Bitmap(位图)。 当选择 2-color(双色)类型时,允许用户为重复图案设定Front(前景)色和Back(背景)色,还可以单击Create(创作)按钮,进入Two- color Pattern Editor(双色图案编辑)对话框进行创作,也可以单击Load(调入)按钮调入已有的图案; 当选定 Full color(全色)或Bitmap(位图)类型时,允许用户使用多种颜色的彩色图案或位图化的图像作为填充。单击预览框右边的向下箭头,可在弹出的列选框中选择彩色图案或位图图案,也可单击Load(调入)按钮调入已有的图案; 在对话框中还有若干个选项,供用户对填充图案进行编辑。在 Origin(原点)选项框中设置X、Y值,可以指定绘图页面的起始点,设定图案填充的中心;
CorelDRAW 制作文本效果
5.2 制作文本效果 CorelDRAW 10除了能对文本作一些基础性的编排处理之外,还能最大限度的满足用 户创造力的发挥,制作出图文并茂、美观新颖的文本效果。 5.2.1 沿路径排列文字 在 CorelDRAW 10中,我们可以将Artistic Text(艺术体文本)沿着特定的路径来排列 ,从而得到特殊的文本效果。而且,当我们改变路径时,沿路径排列的文本也会随之改变。 具体操作步骤如下: 图 5-15 沿着路径排列文本 选中已经填入路径的文本, 即可显示其属性栏,通过对属性栏中的选项设置,可以 改变文本的排列效果。 图 5-16 路径文本属性栏 在 Presets List(样式列表)列选栏中,可以选择多达7种的系统预设的文本排列样式,并可将自己喜欢的样式,通过按“+ ”按钮,加入到样式列表中去,按“-”按钮,则删除选定样式。
CorelDRAW 编辑段落文本
5.1.3 编辑段落文本 用于艺术体文本编辑的许多选项都适用于段落文本的编辑,包括字体设置、应用粗 斜体、排列对齐、添加下划线等等。下面我们将介绍专用于段落文本编辑的一些选项。 图 5-7 段落文本编辑属性栏 单击 (减少缩进量)或 (增加缩进量)按钮,可以使选定的段落文本整段向左或向右缩进。 单击 (项目符号)按钮, 可在选定的段落文本前添加项目符号标记。 单击 (首字下沉)按钮, 可以使选定的段落文本的首行的第一个字符放大并下沉。 图 5-8 段落文本编辑效果 段落文本的格式编辑 单击属性栏中的 按钮,即可弹出 Format Text(格式化文本)对话框。在该对话框中,可以在Paragraph(段落)、Tabs(制表符)、Column(分栏)、 Effects(效果)及Rules(规则)等属性页面中,进行添加制表符、设置分栏、设置项目符号、设置首字下沉 及设置段落文本规则等操作。
CorelDRAW Blend(调和)效果
CorelDRAW特殊效果——Blend(调和)效果 2 沿路径进行调和 单击Interactive Blend Tool(交互式调和工具)的属性栏中的 Path Properties(路径属性)按钮,可以使选定的调和对象,按特定的路径进行调和。操作步骤如下: 图7 沿特定路径进行调和 图8 Detach From Path(从路径中分离) 图9 选择Blend along full和Rotate all object后的效果 3 调和组合 我们还可以利用Interactive Blend Tool(交互式调和工具)的属性栏中相关选项来编辑、组合调和, 从而得到更加丰富的调和调和效果。 单击Miscellaneous Blend Options(混合调和选项)按钮,在弹出的对话框中选择Map Nodes(对应节点)选项,可以指定起始对象的某一节点与终止对象的某一节点相对应,不同的节点相对应, 会产生不同的调和效果。 图10 Map Nodes(对应节点)的调和效果
CorelDRAW 命令菜单
CorelDRAW 命令菜单 使用C o r e l D R AW 的操作菜单栏,可进行创建新图形、设置美术字、打开和编辑图形文件、进行特殊效果的处理等操作。 1. 主菜单 即第一级菜单,如C o r e l D R AW 9 工作窗口上显示的菜单栏。 · File 菜单可进行文件的基本操作,如创建、打开、保存、导入、 导出及打印等。 · Edit 菜单可将用户创建的对象做粘贴、复制、选取等基本操作。 · Vi e w 菜单包括十几个命令 , 有视图属性工具、窗外属性工具、页面属性工具、预览工具等。 · 当处理大型复杂的图形文件时,可能只想观看图像中的各物体的框架,这样可节省屏幕 重画图形的时间。执行Vi e w / Wi r e f r a m e 命令可显示对象的轮廓。图1 所示为正常显示,图 2 所示为Wi r e f r a m e 显示。 图1 图2