推荐阅读

详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及,越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词,本人诠才末学,只能说是在自己目前的层次上去解释这词,请不吝赐教,相信探讨完后会让我更上一个层次。什么是视觉一致性?一致,即整体、统一。在我看来,它与对比是形成了互斥的矛盾关系,但两者同时也是相辅相成的。因为两者的和谐存在,才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味,如果缺少了一致也会显得杂乱无章,所以两者是不可或缺,但需要调和。所以说,美就像是走在钢索上的人,两边都是陷阱,要走下去就必须保持两边的平衡。笼统上讲,视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子,而视觉一致性可以提高产品所塑造的品牌形象,一定程度上减少用户的认知成本。好比你进去LouisVuitton的店铺时,你不可能会看到有Chanel或者其他品牌风格的包包罗列在里面吧,LouisVuitton同一个系列的包,从手提包到肩包到行李箱,虽然产品上略有不同,但它们的细节和气质都是一致的,标识图形、埃尔泽菲尔字体以及颜色已经形成了其品牌的识别符号。甚至其衍生产品也都保留着LV独有的气质。我不是一个网游爱好者,但对游戏界面略有研究。当你在玩2D的阿拉德欧式风格的游戏,途中突然弹出一个3D的很唯美的又带有东方古典风的广告弹窗,肯定会觉得很不和谐吧。当你使用游戏中的充值币时,细心点你会发现消耗充值币的动画与消耗游戏币、消耗体力等消耗类的动画效果是一致的。其实每一款好的游戏界面都必须做到相关元素一致性、风格一致性、色彩搭配一致性等,这样才会给用户带来好的体验。还有就是你常看到的系列广告,他们系列感也是可以通过好些方式(画面表现手法,内容板式,slogan的位置等)来体现出视觉一致性,让用户可以直观出同一个产品的系列广告。

用美图秀秀怎么修改gif图片尺寸裁剪gif大小
gif设计的时候,是一组相同尺寸的图片,加上动图效果生成的动图。那么要修改其尺寸,且不破坏原有的动图效果,那么就需要找到合适的软件才能完成,本文使用美图修改动图,也是为了能够让大家轻松掌握,虽然不能像裁剪图片那般容易,但一些技巧还是有一定的借鉴意义的,希望看完本篇教程,能够给您启发。 1、使用的还是v4,v5最新版不支持此种操作,美图官网直接点击【立即下载】,安装完成后启动软件。 2、首先用美图打开动图,以静态图片的形式展示,目的是为了确定裁剪尺寸。下图中打开gif图片,提示显示为静态图片,点击确定即可。 3、图片打开之后,如下图所示,我们只需要中间的区域,点击裁剪按钮, 4、通过拖拉选框,找到合适的位置,比如下图中,中间图案的尺度为140*90,我们的目的就是把gif裁剪为此尺寸。 5、点击右上角的【新建】按钮,弹出的界面上,输入上面获取的宽度和高度值,背景色选为【透明】,点击应用按钮, 6、创建出的画布上,单击右键,点击弹出的【插入一张图片】,选中gif图片。 7、因为固定了画布大小,所以只需要移动gif图到合适的位置,露出需要的图案部分即可,然后点击右上角的【保存与分享】按钮, 8、弹出的界面上,可以看到默认展示的动图缩略图,以及后缀名为gif,更改路径和文件名之后点击保存即可。 如果只是修改gif图片的尺寸,那么就更为简单了,只需要新建画布,拖拉缩放gif图片保存即可,如有疑问可以在下方留言。

Illustrator CS5初学者必读(15)复杂无缝贴图
在上节内容中制作了较为简单无缝贴图,在本节内容中,继续为朋友们讲述使用裁切标记,制作较为复杂的无缝贴图的方法。为了更加便于朋友们理解这个命令的应用原理,我精心的为朋友们安排了实例,在开始教程的学习之前,请先在网站下载配套的练习文件,以便跟随操作步骤学习。(1)执行“文件”→“打开”命令,将“复杂图案.ai(2)在“图层”调板中,复制“背景”图层。((4)执行“对象”→“创建裁切标记”命令,创建裁切标记。

Painter9.5+友基绘影绘制卡通人物漫画
工具:Painter9.5+ 友基绘影ⅡPF8080 1.首先要完成线稿,漫画类的和写实的不同,线稿很重要。要有耐心,因为最后线稿不会覆盖全部显示的出来 图1 2.提线条 打开PS,将线条和之后要上色的图层分开,涂色的时候不要伤到线稿~,直接把背景图层复制到上一层,将模式改为正片叠底,然后把背景图层清空。将线稿调整颜色。 完成。 图2
最新发布

Maya利用动力学作牛顿单摆
这是一个非常有意思的小动画,很简单的。跟我一步一步的做吧。 1、创建一个架子,如图。 2、创建一个nurbs球,并移动它。 3、在side视图中利用X键来创建两条EP曲线。 4、创建一个circle,在side视图中利用X键来捕捉球体的中心。 5、对两条EP曲线进行Extrude操作。

Maya制作骨骼教程
1、在正视图里面建立如图所示的几个joints,并且命名,这里就不细讲了,基本上大家都知道。(见图1)。 图1 2、现在建立脚部关节,我到现在为止见过三种建脚部骨骼的方法。其中反转脚很常用,但是个人认为反转脚设定很麻烦,不如GONMON的教程上讲的方法实用。分别在如图位置建立三个IK(见图2、3、4)。 图2 如图。 图3 如图。

Maya用Expression实现让鸡蛋自己翻滚的效果
本文的目的是探讨一下用Expression等方法来实现不规则圆的物体(如鸡蛋,变形的轮胎)在平面上无滑动的滚动效果,由于不用关键桢key,而且速率可调,这样重用率高,从而效率也提高了。 源代码 我希望提供这样的思路,能起到抛砖引玉的作用,让更多的人来关注,研究Maya,MEL,Expression,来实现更好的效果,进而促进这一领域的范围更广,层次更深的应用,交流和合作。唯愿如此 这是一个二维的模型,O是curve的pivot,D是垂足,T是鸡蛋和平面的接触点,C是曲线模型的起始点,直线dt代表地面,线段od代表物体中心离地面的距离,弧线ct的长度可以由curveInfo.arcLength给出。物体滚动的距离其实就是(架设从c点接触地面开始):弧ct + 线段dt。(或者减,看垂足d是在滚动方向的前方还是后方)。图中线段od和dt是用MAYA自带的measureTools/distanceTool直接测量的。我想这样比自己计算两点间距或者勾股定理套公式要省事一些,也好理解一点吧。 由于有的物体边缘内凹,所以在滚动的时候内凹的部分接触不到地面,在物体翻滚之前,需要做一个二维的轮廓模型,在凹陷的地方取直线,微微有一点点外凸最好,用这个 用一个静态的模型,实现对动态运动的控制。图中的鸡蛋受一个locator控制它的基准坐标,这样即使做过动画,也能很方便的移动到另一个位置。graph Editor中是loopTimes的曲线,% 1 后给uValue, 用来控制快慢和方向。

Maya制作下雨场景
本教程讲解的是关于在场景中创建一个天和一个水面,希望能对大家有所帮助。 如图创建两个平面。 选中天做Emit from objict,并将Rate的值调小些,这样便于观察。 修改粒子,并加上重力,如图。 创建一个 操作如图。

Maya骨骼控制设计系列教材四
今天我们进行一些肩部的细节控制,首先我们要知道肩部到底有那些运动: 肩部的运动多是配合手臂运动方向的运动。肩部会以锁骨前端为中心进行上下的移动,例如耸肩;肩部还会锁骨前端为中心进行前后的移动。而这两种运动配合就可以使肩部实现较自由的运动。 明确了目的我们就可以进行设计控制了。首先我们为圆环添加两个属性。分别为upDown和frontBack。 (图1 添加属性) 选中锁骨前端,执行Display>Components>Local Rotation Axes。你会看到它的旋转轴向不是我们所预期的。 (图2 执行Display>Components>Local Rotation Axes) 按下F8在元素模式下单击?,用旋转工具将骨骼的旋转轴心修改成如图的样子。使骨骼旋转的z平面于y平面平行。

Maya骨骼控制设计系列教材五
手的设置就那么几种,如果想得到更丰富的控制只能增加控制器这里就不说了。值得注意的是手部骨骼的设置,上图是我个人比较喜欢的设置,根据具体要求你还可以作更具体的变化。我们将它parent到手臂最后一节关节上。 (图1 parent到手臂最后一节关节) 这一步也十分平常,我们要交互的控制手臂的ik,所以我们希望控制曲线会正确及时的反映当前骨骼的状态。我们先选择骨骼候选择控制曲线。执行Orient(方向约束),控制器马上就调整到了和骨骼相同的角度。 (图2 执行Orient) 随后我们要做的是移动控制曲线,ik就会随之移动。先选择控制曲线,再选择ik手柄,执行点约束。这样移动控制曲线手臂就会随之移动,而又交互的反映反映当前骨骼的状态。 (图3 移动控制曲线) 再下面,将一个手指控制器点约束到手部某一骨骼,我们之所以不在刚才的曲线上添加这手指控制是因为我们对手部控制曲线还有别的设置。

Maya骨骼控制设计系列教材三
接下来我们继续上身骨骼的创建。首先我们分析一下肩部骨骼的运动特征。肩部的运动是以锁骨为轴心旋转而产生运动的。并且两肩会自由的向前或向后伸展。这就需要我们肩部骨骼设置有足够的灵活性。在这里我只讲述一种基本方法方法,当然你可以进行更多的尝试,进行更丰富的控制,取得更好的效果。 下面开始: 我是这样设计锁骨的。由脊椎长出,先略向下倾斜,再像后生长并向上倾斜,其终结位置应该在整个肩部的最上端。不过要明确一点,锁骨并不是直的,是成角度弯曲的,我们只是为模拟控制将锁骨做成这样的,但我的大致走向和锁骨是完全一致的。 (图1 设计锁骨) 如图,我们就可以进行锁骨旋转的模拟了。然后将其作为脊椎骨骼的子物体。 (图2 锁骨旋转的模拟) 之后创建手臂,如图我的上臂顶端的骨节是完整的,因为我希望在手臂旋转的时候,肩部接近锁骨的皮肤可以保持较小的变形,让人能看出这里是接近骨头的。并且注意,我在前臂靠上的位置加了一节骨骼,就是为了模拟前臂旋转的效果,当然有人用更复杂的方式效果也很好,不过我个人认为这已经就足够用了。

Maya骨骼控制设计系列教材二
接下来我们进行脊椎部分的设置,首先要先制作两个方形的曲线控制器方便我们操作。并将他们的轴心点移至如上位置。(具体位置看完下面的操作你就会知道了) (图1 方形曲线控制器) 将靠上的一条曲线打个组,并成为下面那条曲线的子物体。 (图2 靠上曲线打组) 把最下面的两个簇成组后成为胯部的根控制曲线的子物体。 (图3 最下面两个成组) 把倒数第三个簇成组后,成为腰部下面一个控制曲线(backContral1)的子物体。

Maya骨骼控制设计系列教材一
1 其实Rigging是很有趣的一部分,这里你要思考角色是怎样动画的,而我们又如何能尽可能的拥有较丰富完美的动画动作角色。在你思考的过程中你会不断增强对Ringging的理解,及对maya的把握。这是进阶的最好选择。 2 今天我们继续骨骼设置的学习,相关的骨骼教程很多,脚部的设置无非就是反转脚和ik脚,这里我们就不重复了。我们来了解一下腰部的设置。首先你要已经设置好腿了。 (图1设置) 3 我们在side视图中画骨骼,在稍稍偏上的位置点第一个骨骼。 (图2 点第一个骨骼) 4 我们要在这个骨骼附近创建大概3~4个骨骼。 (图3 创建骨骼)

Maya现场绑定脚骨骼
前几天看了alias原厂出的《 Learning maya 》,把里面的脚的骨骼绑定简单介绍一下,有时间再说说胳膊,手等部分的绑定。 先说说大致原理吧。看下面的这个方盒,大致有点走路时脚的运动规律,落地时,脚跟线落地,脚最后抬起的部分是脚趾。 这个方盒的制作: 先用insert键,把方盒的旋转中心放到右下脚,在安一下insert键 再把这个放盒成组一下(edit——Group)。这时,再安insert键,把旋转轴放到左下角,这里的成组的目的就是使一个物体有两个旋转轴,那个成组后的物体还是只有一个物体(可能是欺骗maya 的一种办法吧,呵呵) 再制作一个Locator,添加属性,名字为roll 最大值为5,最小值为-5,默认值为0,然后用驱动关键帧来设置。roll为0时候,方盒旋转为0,roll为5时,方盒旋转-20度。roll为-5时,成组的那个物体旋转20度。然后设置roll的关键帧,就可以了得到上面的动画了。(这里详细的后面设置脚的时候再细说) 脚比上面的