推荐阅读
解析IOS平台设计规范和常用尺寸
此文分别从控件+布局+模态情景+手势交互+动画+字体等六个方面介绍了一些iOS平台设计的基础规范，有志于UI设计的童鞋推荐收藏起来，将来要做相关的设计可以直截了当戳进来学习。一、UI的控件概述：1、框架UI的元素分为4类：A：栏：状态栏目和导航栏的结合体;B：内容视图：应用显示的内容信息，包括相关的交互行为，例如滚屏、插入、删除等操作进行排序;C：控制元素：产品行为或显示的信息;D：临时视图：临时向用户提供重要的信息，或提供额外的功能和选项。2、框架UI的尺寸：
Photoshop调出阿宝色通透肤色效果的婚纱照片
先来看一些效果：衣服：拍摄前一天路边买的一条纯白色有裙子，很素但是布料很舒服。道具：自家花店根据现有花材扎成的森系手捧，主要有尤加利叶和棉花。场地：一个普通草地器材：佳能6D+135mmf/2L时间是下午三点左右，太阳还稍微有点强，下面就开始拍摄了。这些是前期的一些准备工作。先看看效果对比：看得出原图颜色有些灰，层次不够，皮肤不够通透，下面就讲下调色思路。
滤镜特效范例23
1、新建图像，将背景变为黑色，新建一个文字层。输入白色的文字，类似下图所示。2、对文字使用【滤镜_杂色_添加杂色】滤镜(需要栅格化图层)，设定类似下左图。图像效果如下右图所示。-3、对文字层执行【滤镜_像素化_晶格化】，设定如下左图，图像效果类似下右图。-4、将文字旋转90度，执行【滤镜_模糊_高斯模糊】和【滤镜_风格化_风】滤镜，最后再将图像旋转回去。分别如下各图所示。---5、建立一个渐变映射调整层，设定如下左图，图像效果如下右图。-
最新发布
大师之路GIF动画教程专题<04:动画的设计思维>
通过前面3课的学习，我们已经掌握了制作动画的方法，尽管做出来的动画还十分简陋。还记得学习基础部分的时候，曾在很长一段时间内接触的都是单一的色块吗？那并未影响大家现在的水平发挥。同样的，很快我们就要开始制作较为精细的动画了。但是在这一切到来之前，大家还必须学习一些必备的设计思维。所谓设计思维就是指在制作动画前的规划考虑，这规划包括很多方面。首先讲一下图层的组织，最终的成品动画是不包含图层信息的。这里所说的图层仅指制作中。对于利用图层位置变化来制作的动画而言，有一个显而易见的问题就是必须合理安排图层，因为移动的最小单位是图层，因此如果需要制作多个运动轨迹各异的物体时，它们就必须分布在不同的图层中。也需要事先考虑好移动的距离，图像的尺寸以及摆放的位置需要为移动留下足够的空间，这是其一。其二就是考虑好是否会与其他图层相交，以及相交时候的处理，谁遮盖谁，也就是图层的层次安排，如下图中就列出了3种相交的方式，最左边的是两个图层均为100%时候，绿色覆盖红色。另外两个则显示了在50%的不透明度下，不同层次造成的不同覆盖效果。如绿色遮盖红色，那么相交部位就偏绿，反而反之。这都是在正常混合模式下，如果选择了其他的混合模式如叠加等，就要更加注意层次。以上说的都是技术问题，现在来说一下情节方面的问题。一般来说，如果一个物体始终都在图像中运动，则无需对其进行交代。但如果物体原本不在画面中，是后来进入画面的，或原本在画面中后来移出了画面，则需要对物体的出现和消失做一个交代，这个交代就是过渡，让观看者有一个比较自然的心理转变。常见的手法就是让物体逐渐显现(也称淡入)或逐渐消失(也称淡出)。如下图所示，演示了在同样的一个文字移动中，是否采取淡入和淡出处理的效果对比。动画效果1动画效果2
大师之路GIF动画教程专题<03:设定帧过渡>
在开始之前讲解一下上节课的思考题，问题的关键就是很难保证前后帧的轨迹统一，其实我们换一个角度想，就会觉得问题变简单了。总共不是有6个帧吗？我们就先将除了第一帧以外其余5帧中的方块移动到相同的位置，然后再将除了前两帧以外的其余4帧移动到下一个位置，以此类推。落实到操作上，其实就是先选择帧2到帧6，移动到相应位置，然后按住CTRL减去选择帧2，将帧3到帧6移动到下一位置，再减去选择帧3……如此类推直到完成帧6的位置指定。这是一个操作中很实用的技巧。具体的操作我们就不再叙述了，有问题的话可以参看本课的视频教程。目前我们制作动画的方法还属于全手动类型的，就是逐帧进行制作。比如一个物体的移动，我们是从头到尾参与了每一帧的设定。这种方式能够带来最大的可干预性，但同时也使得制作变得非常繁琐，尤其是帧数多的时候。今天我们要学习的就是利用帧过渡来制作动画，它的基本原理是，设定好某段运动的起始帧和结束帧，然后在这两帧种产生平均的过渡。如果是物体的移动，则就是先设定好移动起点帧和终点帧。新建一个图像，大约150×150，新建图层并画上方块，将其移动到左上角。接着复制1帧，在新帧中将方块移动到右下角，并将图层部透明度设为10%，大致如下左图所示。然后按下红色箭头处的按钮，将出现如下中图所示的对话框，红色箭头处的过渡方式是指过渡相对哪一帧，由于之前我们选择的是第2帧，并且总共也只有2帧，所以既可以选择默认的“上一帧”，也可以选择“第一帧”。要添加的帧数就是指过渡过程所将占用的帧数，这里设为3，那么加上原来2帧，这个动画总共就是5帧。由于只有一个图层(背景层未有变化)在参与动画，所以现在图层选项中任何一个都是可以的。但不选择背景层的话会形成成透明背景，有关动画背景透明的问题我们会在以后学习到。注意绿色箭头处的参数，其中有“位置”和“不透明度”这两项。所谓参数就是指进行动画过渡的图层属性，我们之前说过图层的位置和不透明度的变化可以做成动画，在这里就反映出来了。确定后将会在动画调板中看到的效果大致如下右图所示，可以很清楚地看到方块的位置和不透明度都发生了均匀的过渡。如果之前在过渡设定中关闭了“位置”或“不透明度”参数，显然就没有现在的效果了。这种利用过渡方式制作动画的方法较为简便，我们只需要考虑某段动画的开始和结束的样子就可以了，中间的过程会自动完成。在这种情况下，开始和结束的那两帧被称之为关键帧(KeyFrame)，因为它们决定了过渡的形态。以后我们也会接触到有多个关键帧的动画。当今许多动画片的制作也采用这种方式，虽然动画片的画面复杂的多，但基本的原理是相同的。不过由于过渡均匀的特点，有时也会使得画面不够生动，缺乏表现力。这是Photoshop功能上的局限。现在我们面临一个新课题，那就是如何让动画可以完美地循环播放，也就是从A到B再回到A，这样才能形成完整循环，称为往复式动画。就我们目前的这个动画来说，可以通过复制并移动帧来完成“回去”的过程。首先复制帧4，复制后帧4帧5都是相同的内容，而原先的帧5则变为了帧6。然后手动将帧5移动到帧6后方，这样就交换了两者的前后顺序。过程如下图所示。从这个操作可以看出，复制出来的帧并非都出现在最后，而是出现在原有帧的后面，这个特点要注意。
PhotoShop制作漂亮的闪闪的挂坠的GIF动画
下面开始制作步骤： 1.新建一个300*200的文件，新建一个图层，选择画笔工具挑一些你喜欢的笔刷在图层1上绘制组合一个挂坠。 2.复制图层1，也就是图案层，用钢笔工具把第一个要变色的图案圈出来，按CTRL+回车将路径转换成选区
PhotoShop CS3制作帅哥抛番茄GIF动画教程
自从Photoshop CS3将动态软件Imageready也包括了进来，我们做动态图更加方便了，下面就来练习做一个抛掷物体的动态图，先看一下效果制作步骤： 1、打开一张图片，帅哥的动作很适合用来做抛掷效果。2、打开一张番茄图片3、用磁性套索工具将它勾选出来4、用移动工具将番茄拖入帅哥文件中，放在帅哥手上如下位置，Ctrl+T调整到合适大小。
PS制作可爱的红星滚动蚂蚁线GIF动画教程
素材效果基本步骤1、打开原图。 2、使用磨棒工具，容差设为20，勾选连续。3、在红心旁边的白色部分进行点击，再SHIFT+CTRL+I反选，得到红心的选区4、打开路径面板，点击面板下方的“从选区生成工作路径”按钮，得到红心形状的路径。（以上步骤也可以使用钢笔工具直接勾出路径
PhotoShop制作可爱的恭喜发财GIF动画教程
效果先在photoshop中做好图片准备工作 一、 新建大小为10厘米*10厘米、RGB模式，分辨率为72dpi的画布。 二、 新建图层，用圆形选框工具拖放出一个正圆，选择渐变工具，打开渐变编辑器，将左右两个色标颜色设置为R：237G：235B：165与R：255G：245B：217，选择径向渐变，由选框中心向外拉出一个渐变。再分别新建图层，用两圆相减再填充颜色的方法画出眉毛与眼睛。用矩形与圆形相减的方法画出嘴形，再用画笔工具画出牙齿三、 新建图层，用矩形选框工具、圆形选框工具与变形工具结合画一个帽子的形状，填充深灰色，再用加深减淡工具处理一下使之有立体感，用画笔工具画一些装饰纹。最后用圆形选框工具与渐变工具结合拖放出宝石图案