推荐阅读
解析IOS平台设计规范和常用尺寸
此文分别从控件+布局+模态情景+手势交互+动画+字体等六个方面介绍了一些iOS平台设计的基础规范,有志于UI设计的童鞋推荐收藏起来,将来要做相关的设计可以直截了当戳进来学习。一、UI的控件概述:1、框架UI的元素分为4类:A:栏:状态栏目和导航栏的结合体;B:内容视图:应用显示的内容信息,包括相关的交互行为,例如滚屏、插入、删除等操作进行排序;C:控制元素:产品行为或显示的信息;D:临时视图:临时向用户提供重要的信息,或提供额外的功能和选项。2、框架UI的尺寸:
Photoshop调出阿宝色通透肤色效果的婚纱照片
先来看一些效果:衣服:拍摄前一天路边买的一条纯白色有裙子,很素但是布料很舒服。道具:自家花店根据现有花材扎成的森系手捧,主要有尤加利叶和棉花。场地:一个普通草地器材:佳能6D+135mmf/2L时间是下午三点左右,太阳还稍微有点强,下面就开始拍摄了。这些是前期的一些准备工作。先看看效果对比:看得出原图颜色有些灰,层次不够,皮肤不够通透,下面就讲下调色思路。
滤镜特效范例23
1、新建图像,将背景变为黑色,新建一个文字层。输入白色的文字,类似下图所示。2、对文字使用【滤镜_杂色_添加杂色】滤镜(需要栅格化图层),设定类似下左图。图像效果如下右图所示。-3、对文字层执行【滤镜_像素化_晶格化】,设定如下左图,图像效果类似下右图。-4、将文字旋转90度,执行【滤镜_模糊_高斯模糊】和【滤镜_风格化_风】滤镜,最后再将图像旋转回去。分别如下各图所示。---5、建立一个渐变映射调整层,设定如下左图,图像效果如下右图。-
最新发布
Flash 泡泡文字效果
本例实现的效果是大小不断变化的文字和泡泡。因为涉及到了大小上的变化,所以在制作过程中,要涉及到影片剪辑的高宽(_x,_y)或缩放比例(_xscale,_yscale)等属性。舞台上将要出现的元件只有文字元件和泡泡元件两大类,因此只需制作两个元件即可。然后,使用动态文本,让一样的文字元件显示不一样的文字。并让各个文字和泡泡以不同的速率自动变化大小。因为每个文字或泡泡的缩放过程除了最终的程度不同和缩放的速率不同,其他的步骤都是一样的,在制作过程中主要使用自定义函数来简化程序代码。最后,在舞台上的每个文字和泡泡的onClipEvent事件中写上相应的程序代码,就完成了所有的制作。发泡文字的最终播放效果如图1所示,要实现这一效果,其操作步骤如下: 图1 最终效果 一.制作泡泡元件 1.新建一个电影,在属性面板中设置其尺寸为550pxX400px,选择一种颜色(本例为#336699)作为背景色。 2.选择“插入/新建元件”菜单命令或直接按Ctrl+F8,打开“创建新元件”对话框。创建一电影剪辑,并为其命名为 “mBuble”。 按Shift+F9打开“混色器”面板,将填充方式改为“放射渐变”并在下面的渐变色条上加上3个白色的渐变指针。把位于两头的2个渐变指针的Alpha值设为0,混色器面板如图1所示。 图2 设定泡泡的填充色 3.从工具箱中选取“椭圆”工具。将边框色设定为无,填充色定为上一步设好的圆形放射渐变后,按着Shift键,在舞台*画一个正圆,如图3所示。
Flash 荧光文字效果
图1 1.新建一个电影,在属性面板中设置其尺寸为480pxX150px,选择一种颜色(本例为#000099)作为背景色。 2.从工具箱中选取文本工具,在属性面板中设置字体类型设置成VladimirScrD,字体大小设置成100,在舞台上输入 “Flashghost”。选择工具栏中箭头工具,将文字移动到工作区中间。按键盘的“Ctrl+B”键,将文字打碎。效果如图2 图2 分离文本 3.选择工具栏中墨水瓶工具,将墨水瓶工具参数栏中线条颜色设置成明黄色,线条宽度设置成1.0,将鼠标移动到工作区中,鼠标光标将变成墨水瓶形状,用鼠标依次点击文字边框,文字周围将出现明黄色边框。效果如图3所示: 图3 为文本描边 2.按Delete删除填充区域,效果如图4所示:
Flash 线框字特效
图1 1.新建一个电影,在属性面板中设置其尺寸为290pxX80px,选择一种颜色(本例为#FFFFFF)作为背景色。属性面板如图2所示: 图2 设置影片相关属性 2.从工具箱中选取文本工具 ,在属性面板中设置文本的字体了“Arial Black”字体大小设置为72,颜色取默认值即可,然后在工作区中输入文字“HELLO”,如图3所示: 图3 输入文本 3.从工具箱中选取箭头工具,将文字移动到工作区中间。按键盘上的“Ctrl+B”键两次,这时文字将被打碎。效果如图4所示:
Flash中作毛笔写字动画效果
Flash作为一种功能强大的动画制作工具,也可以方便地实现手写效果。现在,我们就用Flash5.0(中文版)来制作手写效果,具体操作步骤如下: 1、在Flash中新建一个文件。 2、在“修改→影片…”中修改影片属性。 3、按Ctrl+F8,新建组件,命名“毛笔”,用铅笔工具画一毛笔。 图1 4、用文字工具,输入“龙”字,字体可设为行楷,字号值为“300”(自己输入),颜色为黑色(如图1)。 图2 5、按Ctrl + B,将“龙”字打散,打开符号库,然后,将“毛笔”拖到图层1上(如图2)。
Flash逐帧动画制作:花儿吃蝴蝶
先看看效果: 效果预览 说明:大家看效果是不是还挺不错的,这样的动画就叫逐帧动画。没有经过FLASH的计算,每一帧都是由我们自己绘制的。好了,让我们一起来学习是怎么做的吧。 1、设置参数,将舞台大小设置为300*300,背景为白色,帧频为4。 图1 2、建立新图层,取名为背景。以后的背景元素我们都将放在这一层当中。 图2 3、在第一层第一帧上绘制如下的图案:蓝色的是背景,大家可以在动画中看出,咖啡色的是用来放花盆的桌子。因为这一部分在整个动画里对哦是静止不动的,所以我们将它们放置在背景层中。
Photoshop结合Flash制作瓢虫动画
大家好,好久没有写图文教程啦,今天我们学一个综合实例:瓢虫变色交互动画。 今天我们换个形式,我一边写一边发,大家跟着我一起把这个东东做完。 源文件下载地址:http://flashview.ddvip.com/2008_01/39865.rar 我们今天的主题是结合使用Photoshop CS3和Flash CS3,制作出一个瓢虫动画。假如只想学PS手绘的话,大家可以只学前一部分。假如对Flash编程有爱好的话,可以跟我着,熟悉一下更加有趣的Flash。多个软件结合使用,会做出更加漂亮的作品来。 本文我们可以学到的知识: 1,手绘知识之分层绘制表现质感法,我们要表现出光滑的外壳和晶莹透亮的感觉,同时为下一步的交互做好预备。 2,手绘知识之对称绘制法,可以只画一边,镜像得到另一边。 3,手绘知识之渐变绘制法,利用渐变来手绘,可以事半功倍。 4,手绘知识之路径基础,我们还要学会用路径运算和快捷键,本文教你如何活用路径制作出自己想要的外形。 5,软件交互之导入透明图像法,我们可以利用Flash导入PNG格式的透明图像。做出自己想要的透明效果。假如你是一位课件程序开发者,这个功能非常重要。
Flash MX实例:星星跟着鼠标走
在Flash MX当中鼠标的跟踪的制作方法有很多种,为你介绍其中的一种可以有多种变化方式的鼠标跟踪。让星星紧随你的鼠标转动。 有关知识:对象绘制、startDrag 、setProperty、duplicateMovieClip的运用。 实例演示 鼠标黑色画面中滑动或者停留,会看到跟随的小星星 制作过程 步骤1:打开Flash,建立一个新文件。 步骤2:从菜单栏中选择插入>添加符号(Insert>New Symbol),在出现的对话框中选电影片断(Movie Clip),取名为star,如图1所示。 图1 建立名为star的电影片断
使用Flash引导线制作雪花飘飘动画
这种方法最笨但也效果最好,就是用“引导线”功能,让雪花不停的飘呀飘,如果多用几个图层,效果更好。 1、新建一个Flash影片。设背景为“黑色”,其他的用默认值。 2、按Ctrl+F8新建一个组件,类型为“影片剪辑”,命名为“雪花”。在它的正中用“铅笔”工具画一个不规则的多边形,然后用“颜料桶工具”将它填上白色。(如图1-1所示) 3、再用Ctrl+F8建一个组件,类型为“影片剪辑”,命名为“前层”。 4、将组件“雪花”拖到其中,用“选定工具”中的“比例”功能把它缩小(小技巧:先用“放大镜”将它放大,然后再用“比例”功能,可缩得更小)。在第80帧上“插入关键帧”,在“图层1”上用鼠标右键的“添加引导线”功能(见图1-2)。 在新增加的“引导线:图层1”的第1帧上,从“雪花”开始,画一条弯曲的曲线。将第80帧上的“雪花”沿曲线从头拖到曲线的末尾。然后在“图层1”的第1帧上点鼠标右键,选“创见动画动作”功能,见图1-3。
flash实例:打造佛光效果
第一步:将背景改为黑色,点击插入菜单-----选择插入元件-------效果如下图: 第二步:操作步骤如下图: 第三步:操作如下图: 第四步:操作如下图 第五步:多次再制后得到如下效果
Flash教程:绘制喜鹊和红梅动画
本Flash教程是关于使用flash绘制喜鹊和红梅动画,主要由绘制喜鹊、梅花和场景的组装,来制作喜鹊登红梅动画效果,教程适合有一定基础的网友学习,网友需要花点耐心做绘制练习。 本教程详细讲解了使用Flash来绘制喜鹊和梅花的方法,希望网友能喜欢。先看看效果演示: 效果图 新建文档,数值使用默认值。 一、画喜鹊 (逐帧动画练习) 一般的逐帧动画并不难,把第一帧画好了,其他关键帧只要调整或者稍做改动就行了。只有形状变化比较大的,每个关键帧必须重画的,才麻烦。如人物转身,当然,这对高手们来说是小菜一碟了。 网页教学网 新建元件,影片剪辑,名:喜鹊。增加五个图层,图层改名,从上到下为:翅、尾、上嘴、下嘴、身、脚。图层全部上锁,在哪个图层操作就把哪个图层锁打开,其他的锁上,这样不会出错。 Webjx.Com 1、身:用椭圆和直线工具画身体,把对象绘制点上,在属性栏里设置线条为极细,用黑箭头工具调整形状,调不好的地方就配合CTRL或者ALT键打结点,然后再调。FLASH鼠绘的效果是调出来,好多人不会画画,但鼠绘却不错,就在于有耐心去调整。 图1
