推荐阅读

Photoshop设计大气的2014艺术字教程
最终效果1、新建一个1024 * 900像素的文件,选择渐变工具,颜色设置为红色至暗红色如图1,然后由中间向边角拉出图2所示的径向渐变。2、打开文字素材(先保存下图所示的素材,然后用PS打开),直接可以拖进来,为了便于观察,可以先把文字添加白色。3、把文字图层复制一层,用套索把2014选取出来,按Delete删除,如下图。

详解Web图像的常见应用策略与技巧
本文介绍一些关于响应式图像的适配应用策略,回退原理,SVG的换色技巧,雪碧图的百分比定位计算公式等相关的一些小知识点,目的在于帮助一部分同学快速的理清图像应用思路,以及一些web图像的应用技巧。特点:应用简单,上手容易,性能表现良好难点:lazyload实现根据不同设备,不同分辨率,不同像素比使用的响应式图像,常用的有两种场景:1.1 固定尺寸图像基于设备像素比选择,很多网站logo就是固定宽度图像的一个例子,不管viewport的宽度如何,始终保持相同的宽度。在dom里图像与在css里的图像写法如下面的例子<img srcset="test.jpg 1.5x, test2.jpg 2x" src="test.jpg" 768.jpg 768w, 1200.jpg 1200w, 1920.jpg 1920w" sizes=" (max-width: 360px) 100vw, (max-width: 768px) 90vw, (max-width: 1980px) 80vw, 768px" src="360.jpg" src="http://www.missyuan.net/uploads/allimg/170502/1409454491-0.png" "393""293" />在iphone4(320)下,图像宽度和我们设置的100vw一致,但是为什么浏览器选择了768的图像而没有选择360的?因为4的dpr是2呀^_^,浏览器很智能的选择了质量最合适的768.再看一下6p(414),很听话的按照我们的设置,显示了90vw。因为他的dpr更高,浏览器聪明的选择了1200质量的图像。这里我们可以欺骗一下浏览器:
最新发布

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