基于图像处理技术的有机结合实现图像的设计与应用

收藏 打印 发给朋友 发布者：lunwenchina

热度0票  浏览66次 时间：2021年1月11日 14:11

段胜原

（辽宁冶金职业技术学院 117000 ）

摘要：通过对图像处理软件在教学中授课实情的分析，找出学生设计时出现问题的原因。归纳总结了 Photoshop ， Dreamweaver ， Flash 三款软件有机结合的方法与技法，并设计案例应用在教学中。解决了学生设计中的困难，同时也提高学生图像处理技术的综合应用能力。

关键词：图像处理技术 ;Photoshop;Dreamweaver;Flash; 有机结合一、引言

多媒体技术迅猛发展的今天，精彩炫美的图像每天目不暇接地映入人们的眼帘。能设计制作这样精美的图像是多媒体教师应该具备的职业技能，同时更要让学生能融会贯通，学以致用。高职开设的多媒体课程是各有特色， Photoshop 平面设计课程侧重讲图像处理的技术， Dreamweaver网页设计课程是运用已有的素材去构建网页， Flash 动画设计课程更体现在动画的生成过程。在高职教学中，学生虽然学习完 Photoshop ，Dreamweaver ， Flash 软件，但在实践设计综合运用三款软件技术时，多数同学会力不从心。如：学生自己创意一个网页，他可能会实现整体网页的设计，但对于网页上的图像他不能精修。又如：一个学生他会 flash 动画设计，但他没有绘画基础，不会绘制各帧下变化的图形。究其原因主要是：关于几种多媒体软件的结合应用，没有具体教材来讲，老师缺乏这方面的教学设计，学生也就缺乏实操训练，以致于达不到预期效果。下面结合工作中的实践经验，介绍下三种软件有机结合的一些方法与技法。

二、软件间技术的有机结合

1.Photoshop 与 Dreamweaver 的有机结合

* 精准图片大小

网页的布局是有比例的，在设计网页时，每一个区域的图片尺寸应按标准来设置，设置方法是：在 Photoshop 中单击“图像”菜单中的“图像大小”

的菜单项，来改变图像尺寸和分辨率。如果只需要局部图像，还可以利用裁剪工具按固定尺寸剪裁。

* 配色的调整

页面的配色方案也是网页美观的一个重要因素。可以利用 Photoshop中的颜色填充，调整图层来完成图像的配色。色阶，曲线，色相饱和度，色彩平衡等都是常用调整技术。

* 炫酷的文字设计

网页中的文字可以说是画龙点睛的作用。在 Dreamweaver 虽然可以用CSS 样式设置文字样式，但美化效果很一般。我们可以在 Photoshop 中添加各种丰富的艺术字体，使用变形文字，路径文字，图层样式等技术来制作出色彩斑斓，形态各异的文字。

* 修改与合成图像

网页中的图像是必不可少的元素，它表达页面的主题意向。使用 Pho-toshop 中的抠图，修图，合成技术是必须的。选区工具组，修复工具组，图层的混合模式等技术应会熟练使用。

技法 1 ：一键调白底

为突显图像，网页上的图片白色背景居多，而我们拍完的照片背景略显灰色。介绍一个用色阶一键调白底的妙法：打开图片，调出色阶对话框，找到设置白场的吸管笔，用笔点击图片背景，把灰色背景设为白场，效果立现。这种方法不等同于新建一个白色背景图层，因为它能保留住拍摄物的阴影。

技法 2 ：调整图片边缘

介绍一个辅助精美抠图的方法，抠图时为保证选区边缘的平滑及真实性，在选区工具选项中的有个“调整边缘”项，在点击之后的对话框里去设置智能半径，羽化值，平滑度，净化颜色等参数，抠出的图像融合度好。

技法 3 ：特效合成

网页中神奇的图像多是用合成技术来完成的， Photoshop 中既好用又变化多端的合成技术是图层的样式，滤镜，图层的混合模式，这些功能如魔变神器，只有你想不到的，没有它做不到的。

* 批量处理图片

网页制作中要用到很多图片素材，一张张修图费时费力，而 Photoshop中的动作批量处理功能正适合批量修图。如，统一设定好图像大小，色彩，色调等，编辑好动作命令，一次性完成多张图的处理，省去大量时间。

2.Photoshop 与 Flash 的有机结合

用 Flash 软件设计动画时，要体现出不同帧下的变形图才能产生动画，而绘画技艺对于多数人是一个难点。这里介绍一个利用 Photoshop 里的“操控变形”功能产生出各种形态的图的技法。步骤如下：

步骤 1 ：在 Photoshop 中抠出素材图，将背景设为透明，保存为 PNG 格式的图片。

步骤 2 ：调用“编辑”菜单中的“操控变形”，在图像中先设置几个起固定作用的图钉点，之后拉动要有变化的图钉点，图像会变形产生各种形态的图，再分别保存不同形态的图。

步骤 3 ：在 flash 的不同帧里分别引入设计好的不同形态的图，之后生成连续的动画。这样，一组不经绘画的动图很容易就制作出来了。

另外，利用 Photoshop 的动画面板也可以设计出 GIF 动画文件，它的优势在于图像的色彩丰富。

3.Flash 与 Dreamweaver 的有机结合

网页上的动画图也是靓点之一，可以把在 Flash 里设计好的动画插入到网页中，应用一般有两种文件形式。在 Flash 中生成 SWF 文件格式或 GIF图片格式，再插入到网页中。

三、软件有机结合设计出的案例图

贺卡图：在 Photoshop 中，新建空白画布。设计画面布局为对称式，利用素材设计左侧花边框架，再复制一份放在右侧；设定主题色为粉色，使用的素材与主题色相配；抠花图时使用调整边缘功能；文字“感恩有您” “ hap-py mother ’ s day ”是用添加外来字体来完成的；用绘制图形的直线与矩形制作了卡上的线条与横条。对角处的花使用图层样式，图层混合模式技术来美化合成的。

两颗心型图：使用的路径文字，祝福语写在心型的外圈，并加外发光，投影，描边效果；背景层设计的福字图案水印填充；大的福字用图层样式设计出翡翠玉效果，增加华丽富贵感，一支家里正盛开的鲜花拍照合成在画面中非常的唯美。

动画卡通图：利用 Photoshop 操控变形功能，将卡通人的两手做变形处理，两手由张开动作变为竖大拇指动作，再变为两手上举欢迎动作，保存后插入在 Flash 中制成动画。

以上设计的动静态图都可以应用到 Dreamweaver 中，将三个软件有机结合实现完美的预期效果。

图1 三个案例效果图

四、总结

根据教学实践，归纳总结了图像处理软件有机结合的方法与技法，设计了教学案例，对提高学生图像处理技术的综合运用能力有所帮助。

参考文献

[1] 方芳 . 新媒体时代计算机图形图像处理技术在传媒中的应用 [J]. 电子技术与软件工程 ,2018(24):127-128.

[2] 桑葳 . 网页设计中应用计算机图像处理技术 [J]. 电子技术与软件工程 ,2019(18):76-77.