网页设计三剑客PSFLDW案例教程全套配套课件教学资源1.2 “网页设计三剑客”应用入门.pptx

《网页设计三剑客PSFLDW案例教程全套配套课件教学资源1.2 “网页设计三剑客”应用入门.pptx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、PhotoshopCC2015FlashCC2015DreamweaverCC2015中文版案例教程PhotoshopCC2015/FlashCC2015/DreamweaverCC2015ZhongwenbanAnliJiaochengPhotoshop篇第一章网页应用基础及色彩知识图像处理专家--Photoshop网站设计与开发--Dreamweaver1.2.11.2.21.2.3流行动画创作一Flash1.2网页三剑客应用入门1.2.1图像处理专家--Photoshop1．图像处理图

2、像处理是Photoshop最强大的功能，它允许调整图像的色彩模式以及各种与色彩有关的选项，对图像执行抠图、模糊、锐化、修复、裁剪、调色、仿制、减淡、加深、变形、羽化等操作，并可以为图像添加文字或语音注释，同时可以使用各种滤镜功能。还可以通过Photoshop快速对图像进行扭曲、模糊、渲染和各种艺术化、风格化以及其他处理。如图1-7所示为使用Photoshop设计的促销广告。图1一72．图形绘制在Photoshop中提供了多种绘图工具。可以设置这些工具的大小、颜色、形状、样式等选项，可以使用这些工具

3、绘制各种规则或不规则图形，为图形选择包括纯色、渐变、图案在内的填充颜色类型。还可以选用Photoshop中的自定义形状，绘制各种自定义图形，也可以将绘制的图形保存为自定义形状，以便再次使用。如图1-3所示为使用Photoshop绘制的插画作品。3．数码照片编修随着数码相机的普及，个人处理数码照片的需求越来越大，而Photoshop正是编修数码照片的好帮手。例如，使用红眼工具可快速去除拍照时产生的红眼现象；使用修复画笔工具可消除人物皮肤上的各种瑕疵；使用曲线命令则可改善照片的光线效果；使用色彩平衡命

4、令可以调整照．片的色彩效果。此外，为数码照片套用滤镜特效，可制作出专业影楼的拍摄效果。如图1-4所示为使用Photoshop对照片进行后期处理前后效果对比。4．网页图像制作Photoshop在网页图像制作方面也有着较为强大的功能。可以使用Photoshop制作各种网页图像、按钮、网页横幅，也可以将经过Photoshop处理的图像储存为JPEG、GIF、PNG等格式。还可以使用Photoshop的切片工具制作各种网页图像切片。另外，也可以为图像添加映射热区，从而创建各种网页链接。如图1-7所示为使用

5、Photoshop设计页面并创建切片的效果。图1一71.2.2流行动画创作一Flash1．矢量图绘制Flash虽然不是专业的平面绘图软件，但是它也提供了多种图形绘制工具（如椭圆形工具、矩形工具、多边星形工具、钢笔工具等），以方便用户绘制各种图形。另外，Flash提供了选取工具、部分选取工具、油漆桶工具、墨水瓶工具、渐变变形工具等编修与填充工具，使用户在绘图时有更大的创作空间。2．动画创作采用时间轴形式制作动画是Flash的一大特点。在以往的动画制作中，通常要绘制出每一帧的图像或通过程序来制作。而F

6、lash使用关键帧技术，通过对时间轴上的关键帧的制作，自动生成运动中的动画帧，从而节省了大量时间，提高了效率。在动画设计上，Flash不但可以实现一般的移动，也可以实现物体大小、形状、色彩等变化。通过增加引导线，还可以控制物体的运动轨迹，例如控制飞机图形的飞行方向、小球滚动的路径等。Flash还可以通过增加形状提示点和遮罩层来设计高级补间动画，实现波浪运动、燃放烟火等炫目效果。由于Flash可以设计强大的动画效果，Flash动画己发展成为一种独特的艺术形式，如Flash、MTV、Flash电影、F

7、lash广告、Flash电子贺片等。Flash动画被广泛应用在互联网，从动态的LOGO到网页横幅、按钮，甚至整个网页或网站，都可以用Flash动画来实现。图1-8所示为使用Flash制作动画的效果。图1一83．游戏开发作为交互动画开发工具，Flash提供了易学易用而又功能强大的Actionscript脚本语言，可以给动画添加交互性。通过Actionscript脚本语言的使用，可以设计功能强大的交互动画，并应用在网络应用程序中。由于Actionscript脚本语言可以实现很多交互控制功能，因此可以使

8、用Flash开发一些小型的网络游戏，例如趣味性很强的贪吃蛇、接元宝，甚至角色扮演类游戏等。4．网站设计Flash除了可以制作静态的网页版面之外，更可以应用各种按钮元件、图像元件、表单组件等制作互动网页。使用Flash制作的互动网页，比起其他类型的互动网页要更活泼，也比较吸引人。例如，目前很多网站都会使用Flash制作导航条动画、广告动画等。如图1-9所示为使用Flash制作的网站。1.2.3网站设计与开发--Dreamweaver1．Web站点架设Dreamweaver提供了专业、