用FW MX的变形工具制作大脚印图标

用FW MX的变形工具制作大脚印图标
用FW MX的变形工具制作大脚印图标

用FW MX的变形工具制作大脚印图标

直线网https://www.360docs.net/doc/8a14886192.html,

在我们平时设计网页的时候,不免要经常动手制作一些小的图标以满足实际的需要。Firework 既然做为三剑客之一,在这方面自然有自己独特之处。我们今天就以"大脚印"图标为例子来讲解一如何使用Fireworks轻松设计网站图标。

步骤1:

打开Fireworks MX,使用菜单命令File-New,新建一个文件,宽与高均为300像素,背景色色。

步骤2:

在工具栏上选择画圆工具(Ellipse Tool),并且在Properties面板上设置填充色为黑色,边无(如图1),绘制一个椭圆(如图2)。目前不需要理会椭圆的大小,只要便于你编辑就可以,我在后面再更改其大小,由于Fireworks绘制的椭圆是矢量图形,我们不需要担心在改变大小后影响晰度。

图1 图2

步骤3:

在工具栏上选择Freeform Tool,按住鼠标将出现一个下拉菜单。选择Reshape Area Tool(3),此工具可以通过拖动鼠标直接编辑矢量图形的轮廓而不需要手工的一个节点一个节点的编辑。

图3

我们只需要在被编辑的矢量元件上拖曳鼠标,Fireworks MX将自动的添加、删除节点,并且设置的变形数值进行变形。拖动在工作区域下面的Properties面板上的size选项后的滑动杆,调数值为130(如图4)。

图4

拖动Strength选项后的滑动杆,调整数值为80。使用鼠标在辉煌子的椭圆上拖曳,我们可以椭圆发生变形(如图5)。

图5

步骤4:

重复以上操作,使最后的拖变形为如图所示(如图6)。在工具栏上能够选择Scale Tool,按键盘上的Shift键做等比例缩放,调整大小。

图6

步骤5:

在工具栏上选择Ellipse Tool,按住键盘Shift键绘制一个正圆,填充色为黑色,这就是脚印大拇指。复制这个正圆,并改变大小与位置,直到绘制好所有5个脚趾,最后的效果如图所示(如图

图7

步骤6:

在键盘上按下Ctrl+A,选择所有元件,使用菜单命令Modify-Group将它们组合起来,再使用Ct 与Ctrl+V进行复制。选择复制出来的脚印,使用菜单命令Modify-Transform-Flip Horizontal将水平翻转。最后调整位置如图所示,就完成了大脚印的制作(如图8)。

图8

总结:本例的关键在于灵活的使用Freeform Tool中的一系列工具。利用它们可以很轻松的完一些效果独特的变形,对于我们的实际工作有很大的帮助。

直线网https://www.360docs.net/doc/8a14886192.html,

图标制作过程

在网上看过很多设计师的图标制作过程,基本都是偏向技法的介绍.其实在图标设计过程中除了技法之外最重要的就是图标创意了,但这方面的系统介绍网上倒是很少.借这次实际的界面设计项目,来分享下我自己对界面图标制作创意阶段的方法的理解.并以丰富的图例来阐释自己的想法!以次作为图形界面设计师交流的引子!欢迎大家进来交流! 这个过程比较长,自己只能分阶段的准备好,发上来!快毕业了事情很多,多多谅解! 今天把部分草图放上来!创意说明后续准备。 第一部分:图标创意阶段 其实这个阶段之前还有个重要的步骤,就是创意准备。 根据项目需求,确定图标的风格,这在界面设计过程中,有风格评测的方法来确定项目是走什么风格路线.这也是项目前期用户研究的内容,有潜力的公司会制定"用户角色",用来指导界面视觉风格方向、界面内容建构和交互设计等! 当我们接到设计任务后,我们怎么开始设计图标呢?首先我们要看懂界面需求,对每个功能图标的定义要非常清楚,否则我们设计的结果将导致用户难以理解,这个也是图标设计所关心的可用性问题!这在我博课里引用了Jakob Nielsen's Website里面的文章“Icon Usability”,大家可以去看看。差的图标设计最终导致用户界面的操作失败的体验。但视觉审美和可用性有时候存在矛盾的方面,我们不能走极端,只顾及可用性但忽视设计美观的一面,也不能追求设计上的美的需求而忘了这是功能性很强的界面图标,最好是能在两者之间取得平衡! 理解功能需求后,我们要收集很多关于“词语——图形”之间能转化的元素,用生活中的物或其他视觉产品来代替所要表达的功能信息、或操作提示。例如音乐:我们会想到,音符、光盘、音乐播放机、耳机等等。但到底选择什么来表达呢?原则上是越贴近用户的心理模型最好,用大家常见的视觉元素无来表达所要传达的信息。隐喻是在图标设计中是必要的思维方法!找出物与所指之间的内在含义,这就要求设计师对生活的细微观察,丰富的联想能力。当然这也就是设计的困难点,做好一个图标设计不亚于好的产品创意设计,包括最终的图标制作也是体现设计师能力之处,特别是现在高分辨率的显示设备大量应用,好的界面要得到用户的认可,高质量的图标设计比不可少!(难啊!现在对GUI 设计的理解还只限于平面美工,管理者的意识往往关系到一个行业是否正常发展。我们的工作要得到认可,需要大家的共同努力!)

Photoshop变形工具快捷键运用

Photoshop变形工具快捷键运用 (一)自由变换工具介绍 在PS中,“自由变换”是功能强大的制作手段之一,熟练掌握它的用法会给工作带来莫大的方便。 在PS中编辑(Edit)菜单下有一变换菜单,它的子菜单包含缩放、旋转等等,初学者在对这些菜单的理解上往往会以强记的方式,而学习效果并不好。 (二)自由变换使用技巧 快捷键:Ctrl+T 功能键:Ctrl、Shift、Alt 其中Ctrl键控制自由变化;Shift控制方向、角度和等比例放大缩小;Alt键控制中心对称。 1)一、三键均不按下: 1.鼠标左键按住变形框角点=>对角不变的自由矩形(可反向拖动,形成翻转图形); 2.鼠标左键按住变形框边点=>对边不变的等高或等宽的自由矩形; 3.鼠标左键在变形框外拖动=>自由旋转角度,精确至0.1度。(5.0版本通过“info”信息面板“F8”;6.0以上版本可直接在选项栏中定义) 2)按下Ctrl: 1.鼠标左键按住变形框角点=>对角为直角的自由四边形; 2.鼠标左键按住变形框边点=>对边不变的自由平行四边形; 3.Ctrl对角度无影响。 4.特例(如图),当某角点拖动至侧对边外时(不好意思,具体位置和角度未计算)会出现如图扭曲。 3)按下Shift: 1.鼠标左键按住变形框角点=>等比例放大或缩小(可反向拖动,形成翻转图形); 2.鼠标左键按住变形框边点=>(同一,即无影响); 3.鼠标左键在变形框外拖动=>15°增量旋转角度,可作90°、180°顺逆旋转。

4)按下Alt: 1.鼠标左键按住变形框角点=>中心对称自由矩形; 2.鼠标左键按住变形框边点=>中心对称的等高或等宽自由矩形; 3.Alt对角度无影响。 5)按下Ctrl+Shift: 1.鼠标左键按住变形框角点=>对角为直角的直角梯形; 2.鼠标左键按住变形框边点=>对边不变的等高或等宽的自由平行四边形; 6)按下Ctrl+Alt: 1.鼠标左键按住变形框角点=>相邻两角位置不变的中心对称自由平行 四边形; 2.鼠标左键按住变形框边点=>相邻两边位置不变中心对称自由平行四 边形; 7)按下Shift+Alt: 1.鼠标左键按住变形框角点=>中心对称的等比例放大或缩小的矩形; 2.鼠标左键按住变形框边点=>中心对称的等高或等宽自由矩形(Shift 无作用,同四); 3.仅Shift控制角度。 8)按下Ctrl+Shift+Alt: 1.鼠标左键按住变形框角点=>等腰梯形、三角形或相对等腰三角形; 2.鼠标左键按住变形框边点=>中心对称等高或等宽的自由平行四边形。

Photoshop详细解析扭曲变形工具的使用技巧

Photoshop详细解析扭曲变形工具的使用技巧 Photoshop详细解析扭曲变形工具的使用技巧 变形扭曲在工作中可谓最常用的后期技法,也是一根最时效的救命稻草。无论是使在贴图、变脸、特效等等,没有它你几乎无法把成品完成得非常完美,除非你相当的幸运,原图不需要任何修改就是非常理想的图片素材。 我们工作的时候,往往会用到许多设计手法,比如元素对比、主题强调、夸张视觉等等,要把设计拼凑出来容易,做好就需要比较综合的素质了。除了让设计作品符合产品和行业特点,我个人常常会在设计中加入一点玩味的元素来吸引眼球,比如用到一张夸张的素材。但是,素材这东西对于大部分设计师而言是不可求的,那小部分设计师有条件去拍摄,或者有实力去二次创造,二次创造就属于我们合成了。 这次我们要讲的——扭曲变形,是对素材的破坏和创造,看起来比较基础,效果却很能打动你。 好的~~接下来到考验你PS熟练程度的时候了。 变形扭曲这个话题和之前的“光”一样,基础的太基础,进阶的又覆盖面太广。也不是我在这里有资格能讲的。大家都知道,PS常用的变形扭曲工具就那么几个,但是它就是那么

神奇,无论你见到的,想到的,或者想象不到的,它或许就这么轻易的做到了。在这里会因为篇幅原因而避开一些非常基础的操作讲解,大家需要耐心一点,一起学习进步。 废话到此为止,咱们先来看一下PS编辑菜单下关于变形扭曲的命令面板: 咱们一个一个来举例讲解。 上图中,“自由变换”和“变换”只差2个字,它们功能上没有区别,只是操作上入口不一样而已: “变换”命令给用户提供了几种常用的变换形式,比如斜切、扭曲、翻转等等,而这些功能在“自由变换”(快捷键:Ctrl + T )下通过快捷键搭配都可以完成,也就是说通常变形你用自由变换就够了。图示讲解一下: 其中,“变换”下的“变形变换”是其中可操控性能最高的一个命令,它自带了一些变形方案:扇形、拱门、鱼眼等等。我们在各类海报设计时,常常会用到它来处理各种不可控素材,效果好,效率快。 “变换”命令处理常见的缩放、旋转等等不在话下,但是面对一些特殊的情况它就不是首选了。 接下来,更多神器等我们发现,我们从下往上介绍,一个一个说,如下“透视变形”

最好的12个Icon图标资源网站整理分享出来

最好的12个Icon图标资源网站整理分享出来 1.除了Icon以外,还有很多不错的UI设计素材。 地址:https://www.360docs.net/doc/8a14886192.html,/ 2.除了免费Icon资源下载以外,还提供Icon定制的付费服务。 地址:https://www.360docs.net/doc/8a14886192.html,/ 3.很喜欢这个icon资源站的展示方式。 地址:https://www.360docs.net/doc/8a14886192.html,/ 4.Icones.pro,icon资源站,每日推荐的Icon资源还不错,可以按照浏览数,下载数等查看Icon资源。 地址:http://icones.pro/ 5.IconPNG 共收录 21372 个图标icons 和 416 个 icon 图标系列。 地址:https://www.360docs.net/doc/8a14886192.html,/ https://www.360docs.net/doc/8a14886192.html,就是一个帮您找免费图标的图标搜索引擎。有3000多套图片集和30多万个免费Icon资源。地址:https://www.360docs.net/doc/8a14886192.html,/ 7.IconFinder是我个人最喜欢的一个Icon资源站,拥有152,466 icons以及775 icon集,强烈推荐! 地址:https://www.360docs.net/doc/8a14886192.html,/ 8.EasyIcon:拥有超过40万个Icon资源,完全收录Open Icon Library 11,489个图标。 地址:https://www.360docs.net/doc/8a14886192.html,/ 9.Incoarchive对于Icon的分类做得较好,目前约有253,428 icons以及 1,348Icon集。 地址:https://www.360docs.net/doc/8a14886192.html,/ 10.SoftIcons也是我很喜欢的一个Icon站,其最大的优点在于用户下载Icon集:) 地址:https://www.360docs.net/doc/8a14886192.html,/ 11.Icon资源搜索引擎,资源还比较丰富。 地址:https://www.360docs.net/doc/8a14886192.html,/ 12.一个设计感不错的Icon资源站点 地址:http://icon.io/

12个Icon图标资源网站

12个Icon图标资源网站 今天把自己收藏最好的12个Icon图标资源网站整理分享出来。 1.除了Icon以外,还有很多不错的UI设计素材。 地址:https://www.360docs.net/doc/8a14886192.html,/ 2.除了免费Icon资源下载以外,还提供Icon定制的付费服务。

地址:https://www.360docs.net/doc/8a14886192.html,/ 3.很喜欢这个icon资源站的展示方式。 地址:https://www.360docs.net/doc/8a14886192.html,/ 4.Icones.pro,icon资源站,每日推荐的Icon资源还不错,可以按照浏览数,下载数等查看

Icon资源。 地址:http://icones.pro/ 5.IconPNG 共收录21372 个图标icons 和416 个icon 图标系列。 地址:https://www.360docs.net/doc/8a14886192.html,/

https://www.360docs.net/doc/8a14886192.html,就是一个帮您找免费图标的图标搜索引擎。有3000多套图片集和30多万个免费Icon资源。 地址:https://www.360docs.net/doc/8a14886192.html,/ 7.IconFinder是我个人最喜欢的一个Icon资源站,拥有152,466 icons以及775 icon集,强烈推荐!

8.EasyIcon:拥有超过40万个Icon资源,完全收录Open Icon Library 11,489个图标。 地址:https://www.360docs.net/doc/8a14886192.html,/ 9.Incoarchive对于Icon的分类做得较好,目前约有253,428 icons以及1,348Icon集。

10.SoftIcons也是我很喜欢的一个Icon站,其最大的优点在于用户下载Icon集:) 地址:https://www.360docs.net/doc/8a14886192.html,/ 11.Icon资源搜索引擎,资源还比较丰富。

自由锻造的基本工序

第三章自由锻造的基本工序 3.1自由锻造的基本特征 3.1.1.自由锻造的技术特征 按自由锻件的外形及其成形方法,可将自由锻件分为六类:饼块类、空心类、轴杆类、曲轴类、弯曲类和复杂形状类锻件。 自由锻应用设备和工具有很大的通用性,且工具简单,所以只能锻造形状简单的锻件,操作强度大,生产率低; 自由锻可以锻出质量从不到1kg到200~300t的锻件。对大型锻件,自由锻是唯一的加工方法,因此自由锻在重型机械制造中有特别重要的意义; 自由锻依靠操作者控制其形状和尺寸,锻件精度低,表面质量差,金属消耗也较多。 所以,自由锻主要用于品种多,产量不大的单件小批量生产,也可用于模锻前的制坯工序。 自由锻造加工与其他加工方法相比,具有以下特点: (1) 改善金属的组织、提高力学性能。金属材料经锻造加工后,其组织、性能都得到改善和提高,锻压加工能消除金属铸锭内部的气孔、缩孔和树枝状晶等缺陷,并由于金属的塑性变形和再结晶,可使粗大晶粒细化,得到致密的金属组织,从而提高金属的力学性能。在零件设计时,若正确选用零件的受力方向与纤维组织方向,可以提高零件的抗冲击性能。 (2) 材料的利用率高。金属塑性成形主要是靠金属的形体组织相对位置重新排列,而不需要切除金属。 (3) 较高的生产率。锻造加工一般是利用压力机和模具进行成形加工的。例如,利用多工位冷镦工艺加工内六角螺钉,比用棒料切削加工工效提高约400倍以上。 (4) 锻压所用的金属材料应具有良好的塑性,以便在外力作用下,能产生塑性变形而不破裂。常用的金属材料中,铸铁属脆性材料,塑性差,不能用于锻造。钢和非铁金属中的铜、铝及其合金等可以在冷态或热态下压力加工。 (5) 不适合成形形状较复杂的零件。锻造加工是在固态下成形的,与铸造相比,金属的流动受到限制,一般需要采取加热等工艺措施才能实现。对制造形状复杂,特别是具有复杂内腔的零件或毛坯较困难。 由于锻压具有上述特点,因此承受冲击或交变应力的重要零件(如机床主轴、齿轮、曲轴、连杆等 ) ,都应采用锻件毛坯加工。所以锻造加工在机械制造、军工、航空、轻工、家用电器等行业得到广泛应用。例如,飞机上的塑性成形零件的质量分数占85%;汽车,拖拉机上的锻件质量分数约占60%~80%。 3.1.2.自由锻造材料及加热特征 锻造用材料涉及面很宽,既有多种牌号的钢及高温合金,又有铝、镁、钛、铜等有色金属;既有经过一次加工成不同尺寸的棒材和型材,又有多种规格的锭料;除了大量采用适合我国资源的国产材料外,又有来自国外的材料。所锻材料大多数是已列入国家标准的,也有不少是研制、试用及推广的新材料。众所周知,产品的质量往往与原材料的质量密切相关,因此对锻造工作者来说,必需具有必备的材料知识,要善于根据工艺要求选择最合适的材料。 加热的目的是为了降低锻造变形力和提高金属塑性。但加热也带来一系列问题,如氧化、

photoshop教案——选区工具与自由变换

Photoshop教案――选区工具&自由变换 【教学目标】 1、知识与技能:掌握自由变换工具的使用 掌握滤镜的使用 掌握图层样式的使用 掌握新建图层的使用 掌握选择菜单变换选区使用技巧 2、过程与方法:通过体验photoshop软件的基本操作了解在图片处理平面设置的魅力,能够在今后的学习生活中运用此技术解决问题 3、情感态度价值观:提升运用信息技术快捷解决生活的能力,并以此为契机养成探究信息技术其它领域的兴趣 【教学重点难点】 重点:掌握自由变换工具的使 掌握选择菜单变换选区使用技巧 难点:掌握图层样式的使用 【教学方法】演示法和操作练习法结合 【教学过程】 步骤1.打开“素材.jpg”图像,在工具箱中选择“矩形选框工具”,在图上拖选出你想要的区域。 图1

步骤2.点击菜单栏“选择”→“变换选区”,然后点击菜单栏“编辑”→“变换”→“旋转”命令将选框旋转到自己满意的角度,最后按“回车键”确定。 图2 步骤3.点击菜单栏“编辑”→“拷贝”复制选中的区域,然后再创建一个新图层(右图层面板的下方按钮),接着点击菜单栏“编辑”→“粘贴”将刚才选中的区域粘贴到新图层上,可以在“图层调板”中看到效果,如图3。 图3 步骤4.为“图层1”应用“描边”图层样式。 ·单击菜单栏“图层”→“图层样式”→“描边”,在其中设置“大小”为9,“位置”为内部,“颜色”为白色。

图4 步骤5.为“图层1”应用“投影”图层样式。 ·单击菜单栏“图层”→“图层样式”→“投影”,在其中设置“角度”为56,“距离”为14。点击确定 图5 步骤6.在“图层调板”中选择“背景”图层,然后为“背景”图层应用“径向模糊”滤镜。 ·单击菜单栏“滤镜”→“模糊”→“径向模糊”,在其中设置“数量”为12,“模糊方法”为缩放。 图6

(免费)photoshop 中自由变换的8种状态

photoshop 中自由变换的8种状态 自由变换的快捷键:Ctrl+T 功能键:Ctrl、Shift、Alt 其中Ctrl键控制自由变化;Shift控制方向、角度和等比例放大缩小;Alt键控制中心对称。 一、三键均不按下: 1.鼠标左键按住变形框角点=>对角不变的自由矩形(可反向拖动,形成翻转图形); 2.鼠标左键按住变形框边点=>对边不变的等高或等宽的自由矩形; 3.鼠标左键在变形框外拖动=>自由旋转角度,精确至0.1度。(5.0版本通过“info”信息面板“F8”;6.0以上版本可直接在选项栏中定义) 二、按下Ctrl: 1.鼠标左键按住变形框角点=>对角为直角的自由四边形; 2.鼠标左键按住变形框边点=>对边不变的自由平行四边形; 3.Ctrl对角度无影响; 4.特例(如图),当某角点拖动至侧对边外时(不好意思,具体位置和角度未计算)会出现如图扭曲。 三、按下Shift: 1.鼠标左键按住变形框角点=>等比例放大或缩小(可反向拖动,形成翻转图形); 2.鼠标左键按住变形框边点=>(同一,即无影响); 3.鼠标左键在变形框外拖动=>15°增量旋转角度,可作90°、180°顺逆旋转。 四、按下Alt: 1.鼠标左键按住变形框角点=>中心对称自由矩形; 2.鼠标左键按住变形框边点=>中心对称的等高或等宽自由矩形; 3.Alt对角度无影响。

五、按下Ctrl+Shift 1.鼠标左键按住变形框角点=>对角为直角的直角梯形; 2.鼠标左键按住变形框边点=>对边不变的等高或等宽的自由平行四边形; 六、按下Ctrl+Alt 1.鼠标左键按住变形框角点=>相邻两角位置不变的中心对称自由平行四边形; 2.鼠标左键按住变形框边点=>相邻两边位置不变中心对称自由平行四边形; 七、按下Shift+Alt: 1.鼠标左键按住变形框角点=>中心对称的等比例放大或缩小的矩形; 2.鼠标左键按住变形框边点=>中心对称的等高或等宽自由矩形(Shift无作用,同四); 3.仅Shift控制角度。 八、按下Ctrl+Shift+Alt: 1.鼠标左键按住变形框角点=>等腰梯形、三角形或相对等腰三角形; 2.鼠标左键按住变形框边点=>中心对称等高或等宽的自由平行四边形。 其实,当你用熟练以后,就会知道 如果你已经能完全理解 “功能键:Ctrl、Shift、Alt 其中Ctrl键控制自由变化;Shift控制方向、角度和等比例放大缩小;Alt键控制中心对称。”

图标icon设计的四个基本要点总结

图标icon设计的四个基本要点总结 一:图形样式 Icon最重要的是对其形的把握,因此在定稿前应该多画草图,来诠释自己的创意,在画草图的同时要考虑形的表现形式,在2008-2009年,icon的设计趋势3维样式,自从iphone上市后终端的icon都跟iphone差不多,以二维形式展现。不管三维、二维、文字、像素,要简洁易懂,一目了然主题。好的设计源自生活细节的提炼,icon当然也不例外,当今时代硬件已经不是瓶颈了同事也要更近趋势设计出更人性化的作品出来。(下面作品是800*400分辨率的屏幕,我们可以从像素、颜色、细节上面做的丰富一些)。 通常一套icon要有个统一的外形,这样才能统一UI设计风格,下面的图标都是在一个方形的容器里面去做的,icon的四面要顶到容器。如果你的容器定位是三角,正三角,梯形都是如此,一般我会做2-4px的浮动空间。 另外还要有素描关系,一套icon的透视角度和光源角度要一致,否则会很凌乱,说一下光源角度,如果从45度角照射,要考虑icon的高光、反光、阴影(这里的阴影不是指整个icon的阴影,3D icon会产生阴影2D icon元素之间会产生阴影)。 二:元素组合搭配

图标的组合元素不易过多,最好是1-2个组合,元素过多导致识别混乱,即使两个元素的组合也要有主次,大小区分或者颜色轻重区分。如果一套图标里面有共同的元素,那么就没必要重新设计,只要元素之间组合就可。也有一个特例假如一个元素在同一界面上应用很多,会导致的识别性不高,建议元素可以做一下小的调整。(这套图标“文本”元素应用的比较多,所以最好有应用到文本的元素做一些小调整)。 三:配色方案 1、一个icon的颜色最好控制在三个颜色以内,最好控制在0-2之间(黑白灰不算),如果超出三个icon会很花不稳,这一点跟界面的设计原理一样。 2、整套icon的颜色灰度保持一致,基调一致,这里的一致不是说完全一致,有左右浮动的空间,设计师会凭着感觉取色。 3、控制好icon与背景明暗距离,icon的明暗反差,切记要突出主次关系。 四:视觉体验 质感的确定:质感对于icon设计对用户的视觉体验很重要,通常我们在设计之初要考虑到icon 的质感效果或者是要质感定型。比如:金属质感、水晶玻璃、纸质、亚光质感等等,这是大的分类,比如水晶质感还有好几种体现剔透的、只体现高光的。 质感的表现:一套icon在草稿纸上画好后,再用其中最好表现的一个图标做质感的尝试,一般脑子里有几种质感的表现方式,都可以尝试做一下,只要做完一个icon,其它icon的做法都一样。 作品摘自: https://www.360docs.net/doc/8a14886192.html,/jiaohucn/news/uidesign/2012/1219/4195.html

自由变形技巧

在Photoshop(以下简称PS)中,我们常常碰到很多对象变形的需求,“自由变换”就是完成这一功能的强大制作手段之一,熟握它的用法会给工作带来莫大的方便。 大家都知道在PS中编辑(Edit)菜单下有一个变换菜单,它的子菜单包含缩放、旋转等等,初学者在对这些菜单的理解上往往强记的方式,其实这样学习效果并不好。 这里我根我自己的一些经验和体会,对“自由变换”作了一个小结,以此献给初学者。 自由变换的快捷键:Ctrl+T 辅助功能键:Ctrl、Shift、Alt。 其中Ctrl键控制自由变化;Shift控制方向、角度和等比例放大缩小;Alt键控制中心对称。 一、三键均不按下,用鼠标拖动 1.鼠标左键按住变形框角点=>对角不变的自由矩形(可反向拖动,形成翻转图形); 2.鼠标左键按住变形框边点=>对边不变的等高或等宽的自由矩形; 3.鼠标左键在变形框外拖动=>自由旋转角度,精确至0.1度。(5.0版本通过“info”信息面板“F8”;6.0以上版本可直接选项栏中定义) 二、按下Ctrl,用鼠标拖动 1.鼠标左键按住变形框角点=>对角为直角的自由四边形; 2.鼠标左键按住变形框边点=>对边不变的自由平行四边形; 3.Ctrl对角度无影响。 4.特例(如图),当某角点拖动至侧对边外时(不好意思,具体位置和角度未计算)会出现如图扭曲。 变换后状态:

三、按下Shift,用鼠标拖动 1.鼠标左键按住变形框角点=>等比例放大或缩小(可反向拖动,形成翻转图形); 2.鼠标左键按住变形框边点=>(同一,即无影响); 3.鼠标左键在变形框外拖动=>15°增量旋转角度,可作90°、180°顺逆旋转。 四、按下Alt,用鼠标拖动 1.鼠标左键按住变形框角点=>中心对称自由矩形; 2.鼠标左键按住变形框边点=>中心对称的等高或等宽自由矩形; 3.Alt对角度无影响。 五、按下Ctrl+Shift,用鼠标拖动 1.鼠标左键按住变形框角点=>对角为直角的直角梯形; 2.鼠标左键按住变形框边点=>对边不变的等高或等宽的自由平行四边形; 六、按下Ctrl+Alt,用鼠标拖动 1.鼠标左键按住变形框角点=>相邻两角位置不变的中心对称自由平行四边形; 2.鼠标左键按住变形框边点=>相邻两边位置不变中心对称自由平行四边形; 七、按下Shift+Alt,用鼠标拖动 1.鼠标左键按住变形框角点=>中心对称的等比例放大或缩小的矩形; 2.鼠标左键按住变形框边点=>中心对称的等高或等宽自由矩形(Shift无作用,同四); 3.仅Shift控制角度。

AI自由变换工具使用技巧

AI有许多非常实用的工具来帮助你完成设计绘图工作,其中包括AI钢笔工具、AI文字工具、AI笔刷工具、AI混合工具、AI路径查找器,今天所要介绍的AI变换工具也是一个 使用频率很高重要的工具。但是它不是一个工具,而是多个和变换物体有关的工具的集合。本教程对AI初学者特别有帮助,不过一些中级用户也能学到一些以前未曾了解的知识。 平面设计教程 1.关于物体的变换操作 在我们开始讲解AI的变换工具时,我们要先介绍关于AI的物体变换操作。 变换(Transforming) 变换的英文单词来源于拉丁文,变换操作一般指的是对物体进行位置或形状上的变化,虽然听上去很简单,但是这些简单的操作却蕴含着很多的变化。 变换物体可以改变物体的很多属性(如位置、尺寸、角度等),操作可以单独进行也可 以同时进行。一般而言,变换可用于一个或多个选中的物体。 边界框(Bounding box) AI文档中的物体形状可能是多种多样的,不过AI变换操作的算法确实可以同样适用,原因在于AI里不管什么形状的图形,都会有一个矩形的边界框。AI对物体的变换操作都 是针对这个边界框进行的。 边界框有四条边,分别包住物体的四个边界,边上还有操作点,可以很方便地变换物体。通常只要选中物体就可以看见边界框,不过也可以让它不可见(Ctrl+Shift+B)。 变换点(Point of Transformation)

在AI里,物体的边界框默认都会有一个中心点。如果你没有看到的话,可能打开AI 的属性面板(Ctrl+F11),然后点击显示中心的按钮(如下图所示)。这个中心点可以称为变 换点,或参考点。例如对一个物体进行缩放,那么这个参考点是不动的,而其他点则发生 变化。当然在执行某些操作,比如移动时,我们则会变动这个参考点。而且值得一提的是,一个物体的参考点可以移动放在AI文档的任何位置,而不一定在物体里面。 移动(Moving) 在AI里,移动是物体变换操作中最频繁的一种,虽然很多AI用户都没有意识到这点,移动意味着物体坐标的变动。AI的移动操作通常是基于变换点进行的,移动的测量单位可 以是点(point),像素(px)以及其他一些图形设计软件常用的单位。用户可以在AI选项里 进行设置(Ctrl+K)。 缩放(Scaling) 缩放是改变一个物体的尺寸。在AI里有很多方法可以缩放物体。物体的变换点位置 不一样,缩放的效果也会不一样。2维图形有两个轴,所以物体的缩放是基于x和y两个 方向进行的 在AI中,你可以对x或y方向或者两个方向同时进行缩放。同时缩放意味着保持物体 的比例和形状不太,只是改变物体的大小。通常来说100%是指原始大小。 旋转(Rotating) 旋转是改变物体的角度。同样,AI中物体变换点位置不一样也会导致旋转的结果不一样。假如我们保持默认的变换点位置不变(即在边界框的中心),那么执行旋转操作相当于 物体自转。在AI中也有很多种方式可以旋转物体,角度从-360度到360度。

3DMAX常用修改器命令

常用修改器命令面板类 Bend/Taper/Twist/Noise/Extrude 弯曲/削尖/扭曲/杂波/拉伸修饰器 Lathe/UVW Map/Edit Patch 车削/贴图坐标/编辑三角面片修饰器 Mesh Select/Edit Spline 面选择/编辑样条曲线修饰器 Cap holes/Displace/Edit Mesh 补洞/错位/编辑面片修饰器 FFD4*4*4/FFD(box)/FFD(cyl) FFD自由变形修饰器(BOX、CYL方式)Lattice/MeshSmooth/Optimize 网格化/面光滑/优化修饰器 Strethc/Spherify/Skew/Squeeze 伸展/球面化/歪斜/挤压修饰器 Xform/Bevel/Bevel Profile 记忆缩放移动/倒边/按截倒边修饰器 Edit Mesh修改器面板: Modifier stack/Sub-Object 修饰器堆栈/子物体层级 Vertex/Edge/Face/PolyGon/Element 节点/边/三角面/面/子物体 Ignore Backfacing 乎略背面 Soft Selection/Edit Geometry 软选择/编辑模型参数 Create/Delete/Attach/Detach/Break 创建/删除/连接/分离/打断 Extrude/Chamfer/Fillet/Cut/Weld 拉伸/倒角/倒圆/分割/焊接 Surface Properties/Weight 面参数设置/权重 显示命令面板类: Display Color/WireFrame/Shaded 显示颜色/线框/光滑 Hide by Category 隐藏过滤物体 Hide Selected 隐藏选择物体 Hide Unselected 隐藏未选择物体 Hide By Name 隐藏按名称 Hide by Hit 隐藏击中物体 Unhide all 取消隐藏所有物体 Hide Frozen Objects 隐藏冻结物体 Freeze 冻结物体 Display Properties 显示方式设置 Display al Box 以BOX方式显示 Link display 显示链接物体 视图命令类 Top/Front/Left/Perspective 顶视图/前视图/左视图/透视图 Bottom/Back/Right/Camera01 底视图/后视图/右视图/相机视图 Smooth+Highlights/Facets 光滑+高光方式/面方式显示 WireFrame/EdgedFaces/Bounding box 线框方式/面与边线方式/BOX方式显示Show grid/Show Background 显示网络/显示背景图像 Show Safe Frame 显示安全范围 Viewport Clipping 视图裁剪 Texture Correction 显示纹理连接 Disable View 取消视图刷新 Undo View Zoom Extents 撤消视调整 照相机、灯光类: Target comera/Free Comera 目标相机/自由相机 Lens/Fov/Stock Lenses/Type 镜头大小/镜头视角/标准镜头/类型

icon设计-图标应具备的元素

icon设计:从海外角色谈“标志性”图标应具备的元素 每个游戏设计师都希望自己的作品成为“标志性”,成为经典,这不仅意味着设计上成功,也意味该设计被众人所熟知。流行文化讲的一点就是“可识别性”。电子游戏中的就有很多“可识别性”的人物,比如Mario、Pac-Man和Mega-Man;近期的有Altair, Master Chief, Meat Boy, Shovel Knight, 和Freddy Fazbear等这些识别性很高的角色。那么问题WQ来了,这些经典的角色是如何设计的?他们跟普通的设计的差别在哪? 1.简单的形象设计 设计上追求“简单”是一个在老生常谈的问题,无论在哪个领域,简单都极其重要。简单有助于大家更好的记住图标。但在角色设计中,很多人会陷入一个误区,经常只使用如正方式或圆形等这些“显眼、可辨别”形状。事实上,大自然有很多其它奇奇怪怪但识别性很高的“简单”形状,比如星星、白云、树木等等,把这些元素融合到设计中,可以让设计出彩。比如在角色发型设计上,Matt Groening绝对是运用这些元素的大师,他创造的SideShow Bob(《辛普森一家》中的角色)是不是很出乎大家的意料呢?

另外个例子就是《生化奇兵》(Bioshoc)中的机器人Big Daddy,设计看上去“复杂”却让人印象深刻。 我们都知道这个傻大个:但究竟是设计中的什么元素抓住了我们的眼球呢?来,考一下大家的记忆力,在没有任何图片参考的情况下,60秒内画出Big Daddy 的形象。除非你是记忆天才,否则大部分人画出来的Big Daddy多少类似下面这张图:

看看这张图,抓住大部分人眼球的2个特征:1、多眼、管道线形的脸—基本上我们大脑中形成的记忆就是几个圆圈、几条线;2、大钻头—基本上就是个大的三角形,猜测他的臂膀是从他背部伸出来—也就是个矩形图案;剩余的基本上都可归结到次要的设计上。 2.简单的色彩搭配 当你勾画好形状后,就到了选择色彩的时候了。色彩搭配上也要讲求简单。好的色彩搭配甚至能拯救一个设计平庸的作品,相反,色彩搭配不当也可以毁了一款好作品。看看你是否能辨别下面这个角色:

Photoshop自由变换工具的高级技巧

Photoshop自由变换工具的高级技巧 PhotoShop基础教程Photoshop中,“自由变换工具”是功能强大的制作手段之一,熟练掌握它的用法会 给设计带来很大的方便。 大家都知道在PS中编辑(Edit)菜单下有一变换菜单,它的子菜单包含缩放、旋转等等,初学者在对这些菜单的理解上往往会以强记的方式,而学习效果并不好。 这里,我根据模板无忧的一些经验和体会,对“自由变换”作了一个小结,以此献给初学者 Photoshop自由变换工具的快捷键:Ctrl T 功能键:Ctrl、Shift、Alt 其中Ctrl键控制自由变化;Shift控制方向、角度和等比例放大缩小;Alt键控制中心对称。 一、三键均不按下: 1.鼠标左键按住变形框角点=>对角不变的自由矩形(可反向拖动,形成翻转图形); 2.鼠标左键按住变形框边点=>对边不变的等高或等宽的自由矩形; 3.鼠标左键在变形框外拖动=>自由旋转角度,精确至0.1度。(5.0版本通过“info”信息面板“F8”;6.0以上版本可直接在选项栏中定义) 二、按下Ctrl: 1.鼠标左键按住变形框角点=>对角为直角的自由四边形; 2.鼠标左键按住变形框边点=>对边不变的自由平行四边形; 3.Ctrl对角度无影响。 4.特例(如图),当某角点拖动至侧对边外时(不好意思,具体位置和角度未计算)会出现如图扭曲。 三、按下Shift: 1.鼠标左键按住变形框角点=>等比例放大或缩小(可反向拖动,形成翻转图形); 2.鼠标左键按住变形框边点=>(同一,即无影响); 3.鼠标左键在变形框外拖动=>15°增量旋转角度,可作90°、180°顺逆旋转。 四、按下Alt: 1.鼠标左键按住变形框角点=>中心对称自由矩形; 2.鼠标左键按住变形框边点=>中心对称的等高或等宽自由矩形; 3.Alt对角度无影响。 五、按下Ctrl Shift: 1.鼠标左键按住变形框角点=>对角为直角的直角梯形; 2.鼠标左键按住变形框边点=>对边不变的等高或等宽的自由平行四边形; 六、按下Ctrl Alt: 1.鼠标左键按住变形框角点=>相邻两角位置不变的中心对称自由平行四边形; 2.鼠标左键按住变形框边点=>相邻两边位置不变中心对称自由平行四边形; 七、按下Shift Alt: 1.鼠标左键按住变形框角点=>中心对称的等比例放大或缩小的矩形; 2.鼠标左键按住变形框边点=>中心对称的等高或等宽自由矩形(Shift无作用,同四); 3.仅Shift控制角度。 八、按下Ctrl Shift Alt: 1.鼠标左键按住变形框角点=>等腰梯形、三角形或相对等腰三角形; 2.鼠标左键按住变形框边点=>中心对称等高或等宽的自由平行四边形。

Free Windows飞行窗高标清自由变换处理软件操作手册

目录 目录 (1) Free Windows 飞行窗软件概述 (2) 第一部分功能说明 (3) 一、导入 (3) A.设备准备 (3) B.导入视频文件 (3) 二、制作 (3) 1.标清视频抓取 (3) A.标清选框位置选取 (4) B. 调整比例标尺 (5) C. 设定一个关键帧 (5) D. 设定所有关键帧 (5) 2.画面转换 (5) A.出入点选择 (5) B. 转换 (5) 三.补充:图片内部漫游功能 (6) 四.注意事项 (6)

Free Windows飞行窗高标清自由变换处理 软件概述 尊敬的用户,感谢您使用索贝公司的Free Windows飞行窗高标清自由变换处理软件。 Free Windows飞行窗高标清自由变换处理软件是一种将高清晰度电视画面转换为具有特殊效果的标准清晰度电视画面的方法,它并不是简单的将高清晰度电视画面进行缩放或剪裁形成标准清晰度电视画面,而是通过选取特定坐标、范围内的区域而产生需要的画面; Free Windows通过关键帧方式动态的选取,对于每一帧高清晰度电视画面,所选取的区域坐标和大小均可以不相同并可以实现动态流畅的变化 Free Windows操作简便,自动记录高清画幅内的标清选取框所发生的任何变化并生成关键帧。 Free Windows所选取的画面范围在最大可以达到标准清晰度电视画面幅面的1.875倍(分辨率 1350x1080),最小可以达到标准清晰度幅面(分辨率720x576);而且高标清视频效果在同一操作界面内,高清画面、标清画面同时对比,感受直接,操作简便。无论在高清晰度电视画面中选取的区域是何种尺寸,最终均生成为标准清晰度电视画面。 Free Windows是一款既可搭配M3PRO快捷非线性编辑系统,又可以独立使用的高标清自由变换处理软件,转换后的标清文件为新文件,不仅不影响原高清视频文件,还可以无限利用重复制作。 在您使用本软件之前,我们提醒您注意以下注意事项: 请参见光盘中《M3PRO HDV体验版非线性编辑系统软件推荐安装配置说明》文档,选择匹配的计算机安装本软件,如您在不满足要求的计算机平台上安装,我们可能无法保证软件的正常运行。在随机赠送的M3PRO HDV快捷非线性编辑系统软件光盘中附有软件安装指导,请参照这些辅助文档进行正确的安装和操作。 索贝数码科技股份有限公司 2007-12

图标设计的基础知识

图标设计的基础知识 图标的定义 图标就是一个符号,一个代表某个对象的符号,一个象征性的符号。 基于功能来划分图标类型 解释性图标:这些图标是在阐明信息的图标类型。它们是用来解释和阐明特定功能或者内容类别的视觉标记。 交互图标:这种图标在UI中不止是展示的作用,它们还会参与到用户交互当中来,是导航系统不可或缺的组成部分。它们可以被点击,并且随之响应,帮助用户执行特定的操作,触发相应的功能。 装饰和娱乐用图标:种图标通常是用来提升整个界面的美感和视觉体验,并不具备明显的功能性。这类图标迎合了目标受众的偏好与期望,具备有特定的风格的外观,并且提升了整个设计的可靠性和可信度。更准确地说,这些装饰性的图标不仅可以吸引并留住用户,并且可以让整个用户体验更加积极。 应用图标:应用图标是不同数字产品在各个操作系统平台上的入口和品牌展示用的标识,它是这个数字产品的身份象征。 Favicon:Favicon 有时候也被成为 URL 图标,它是网页在网页的标签中显示的识别性小图标,它同样代表着网页,是用户在网页和浏览器当中快速定位的视觉识别标识。Favicon 同样是身份识别用的图标,并且在网页的宣传和推广以及视觉识别上都有重要的意义。 基于视觉特征来划分的图标类型

字符图标:现在的字符图标同样包含了字母、数字和图形,它们中所涵盖的内容更加丰富。字符图标使用简化和通用的图形,当用户在使用它们的时候,它们拥有足够的识别度和灵活的适用场景。 扁平和半扁平图标:扁平化的图标设计比起字符图标就要复杂得多,其中增加了色彩和其他元素的填充,比起近乎由轮廓和笔画构成的字符图标,明显要高一个维度。然而和前者一样,扁平的图标同样专注于清晰而直观的视觉信息传达,为用户提供一目了然的视觉内容。扁平化的图标设计最突出的功能也就在此,在二位的平面上,不借助复杂的纹理和阴影来明了地、视觉化地传达信息,和拟物化图标正好相对。 拟物化图标:拟物化图标是扁平化图标的对立面,正如同当初拟物化图标设计师常说的,它就是“抄现实”,尽量将现实世界中的形状、纹理、光影都融入到整个图标的设计,拟真是它的特点。拟物化图标这一设计趋势几乎是跟随着Macintosh 的诞生和进化一步一步走过来,走到极致,然后从UI设计领域开始,被扁平化设计所替代。不过,拟物化图标现在依然广泛地运用在不同领域,尤其是游戏设计和游戏类产品的图标设计当中。 SVG 图标:SVG 图标现在越来越受欢迎,它很大程度上降低了跨平台、跨屏幕设计的时候图标显示上的兼容性问题。 基于图像隐喻来划分的图标类型 相似图标:它是将现实世界中的物理实体给符号化,这种设计最典型的就是用于搜索的放大镜图标,购物车图标,邮件图标等。 参考性图标:它是使用类比对象的方式来设计的图标,比如压缩和解压类的工具图标,常常会使用包、拉链这样的意象来传递出概念。

自由变换工具小结

这里我根我自己的一些经验和体会,对“自由变换”作了一个小结,以此献给初学者。 自由变换的快捷键:Ctrl+T 辅助功能键:Ctrl、Shift、A lt。 其中Ctrl键控制自由变化;Shift控制方向、角度和等比例放大缩小;Alt键控制中心对称。 一、三键均不按下,用鼠标拖动 1.鼠标左键按住变形框角点=>对角不变的自由矩形(可反向拖动,形成翻转图形); 2.鼠标左键按住变形框边点=>对边不变的等高或等宽的自由矩形; 3.鼠标左键在变形框外拖动=>自由旋转角度,精确至0.1度。(5.0版本通过“info”信息面板“F8”; 6.0以上版本可直接在选项栏中定义) 二、按下Ctrl,用鼠标拖动 1.鼠标左键按住变形框角点=>对角为直角的自由四边形; 2.鼠标左键按住变形框边点=>对边不变的自由平行四边形; 3.Ctrl对角度无影响。 三、按下Shift,用鼠标拖动 1.鼠标左键按住变形框角点=>等比例放大或缩小(可反向拖动,形成翻转图形); 2.鼠标左键按住变形框边点=>(同一,即无影响); 3.鼠标左键在变形框外拖动=>15°增量旋转角度,可作90°、180°顺逆旋转。 四、按下Alt,用鼠标拖动 1.鼠标左键按住变形框角点=>中心对称自由矩形; 2.鼠标左键按住变形框边点=>中心对称的等高或等宽自由矩形; 3.Alt对角度无影响。 五、按下Ctrl+Shift,用鼠标拖动 1.鼠标左键按住变形框角点=>对角为直角的直角梯形; 2.鼠标左键按住变形框边点=>对边不变的等高或等宽的自由平行四边形; 六、按下Ctrl+Alt,用鼠标拖动 1.鼠标左键按住变形框角点=>相邻两角位置不变的中心对称自由平行四边形; 2.鼠标左键按住变形框边点=>相邻两边位置不变中心对称自由平行四边形; 七、按下Shift+A lt,用鼠标拖动 1.鼠标左键按住变形框角点=>中心对称的等比例放大或缩小的矩形; 2.鼠标左键按住变形框边点=>中心对称的等高或等宽自由矩形(Shift无作用,同四); 3.仅Shift控制角度。 八、按下Ctrl+Shift+A lt,用鼠标拖动 1.鼠标左键按住变形框角点=>等腰梯形、三角形或相对等腰三角形; 2.鼠标左键按住变形框边点=>中心对称等高或等宽的自由平行四边形。 其实,当你用熟练以后,就会知道,如果你已经能完全理解“功能键:Ctrl、Shift、Alt 其中Ctrl键控制自由变化;Shift控制方向、角度和等比例放大缩小;Alt键控制中心对称。”的含义,就根本不用去看下面的所谓八种变化了而熟悉Ctrl、Shift、A lt 这三个键,在对其它诸如通道、图层、蒙板等的控制上也有极大的帮助。

相关文档
最新文档