Photoshop毕业设计论文.doc

长治职业技术学院信息工程系毕业设计 第 1 页 目目 录录 目目 录录.1 前前 言言.2 第一章第一章 photoshopphotoshop cscs 简介简介3 一、photoshop cs 的强大功能3 二、photoshop cs 的窗口环境5 三、photoshop cs 色彩模式.5 四、photoshop cs 的工具介绍6 第二章第二章 photoshopphotoshop cscs 特效制作的过程特效制作的过程7 一、按钮制作7 二、网站设计8 结束语结束语.15 参参考考文献文献.16 附录：附录：.17 长治职业技术学院信息工程系毕业设计 第 2 页 前前 言言 photoshop 是由 adobe 公司开发的图形图像软件，是现今功能较强大、使用范 围较广泛的平面图像处理软件。photoshop 友好的工作界面、强大的功能、灵活的 扩充性已成为专业美工人员、电子出版商、摄影师、平面广告设计师、广告策划者、 平面设计者、装饰设计者、网页及动画制作者等人士必备的工具，甚至可作为计算 机爱好者所应用的工具。 adobe 公司最近推出的 photoshop cs 版本，是在以前版本的基础上新增了许 多的功能，包括对网页图片、动画的制作有强大的支持功能；这样用户使用 photoshop 处理和制作图像时更方便、更快捷。使用 photoshop 可以把数字摄影图 片、扫描图片、剪辑、绘图、图形以及现有任何美术作品结合在一起，通过运用各 种处理手段，使之产生令人意想不到的艺术效果。 当您漫步在繁华的街道时，您是否为街道两旁那色彩斑斓的广告画而驻足凝视 过？当您翻阅各种杂志书刊时，您是否曾经因其中逼真生动的精美图片而爱不释手？ 的确，随着生活水平的提高，人们在精神方面尤其是对视觉方面的要求越来越高， 这不仅体现在城市建筑物的改变上，更多地体现在随处可见的海报、灯箱、招贴画、 书籍封面和公司宣传册等平面媒介中。 广泛的社会需求必然会营造巨大的商业空间，人们对视觉美的追求使越来越专 业的、非专业的人员开始从事平面设计工作，也使 photoshop cs 这一在平面设计 领域中首屈一指的软件拥有越来越大的学习与用户群体。 图像处理是电脑应用的一个重要领域，例如，用户可以利用图像处理软件进行 产品设计，特效字、广告制作，图书、杂志封面与彩色插页设计，婚纱摄影合成， 招贴画设计以及网页素材制作等。photoshop cs 正是以其强大的功能备受广大用户 的青睐。人们利用它可以制作出精美的图片，从产品标志、封面广告、网页设计到 动画效果，它几乎无所不能。 长治职业技术学院信息工程系毕业设计 第 3 页 第一章 photoshop cs 简介 一、一、photoshopphotoshop cscs 的强大功能的强大功能 1、photoshop cs 是一个功能强大的图形图像处理软件，photoshop cs 版本功 能强大、操作灵活，photoshop cs 作为专业的图像编辑标准软件，可以帮助用户提 高工作效率，尝试新的创作方式以及制作适用于打印、web 图形和其他任何用途的 最佳品质的图像，通过它的便捷的文件数据访问、流线型的 web 设计、更快的专业 品质照片润饰功能及其他功能，可创造出无与伦比的影像世界。其主要功能如下： （1）支持大量的图像格式，并可在各种图像格式之间进行转换，如 psd、eps、tif、jepg、bmp、pcx 和 pdf 等。 （2）按不同要求调整各种图像的尺寸和分辨率，并能够对图像进行剪裁。 （3）支持多种颜色模式并能灵活地进行转换，包括黑白、灰度、rgb、cmyk 等 模式。 （4）通过 photoshop cs 提供的专业工具（选取工具、画笔工具、钢笔工具等） 绘制各种图形，并可以在图像中加入文本内容。 （5）photoshop cs 支持多图层工作，并可建立不同的图层，同时在图层中进 行编辑工作，还可以对不同的图层进行合并、翻转、复制和移动等操作。 （6）利用 photoshop cs 提供的多种选取工具，用户可以很方便地进行不同形 状的选取工作，如矩形选框工具、套索工具、魔棒工具等。对于选中的区域还可以 进行修改和编辑工作，如羽化、变形等，并且可以对选区进行保存。 （7）可以随意调整图像的色彩和色调，如饱和度、对比度和色相等。 （8）支持 twain32 接口，可以与扫描仪和数码相机等多种图像输入设备相 连接。 2、与以前的版本相比，photoshop cs 新增了以下功能和特色： （1）photoshop cs 新增的修复画笔工具称得上是在所有 photoshop 版本中最 棒的工具，使用修复画笔工具可以轻松地消除图片中的尘埃、划痕、污点和褶皱， 与图章工具不同的是修复画笔工具可以同时保留图像中的阴影、光照和纹理等效果。 （2）photoshop cs 拥有全新的工具箱，灰色的外观和重新设计的工具图标更 加赏心悦目。当鼠标从工具图标上滑过时，图标会自动突出显示，在其它区域或按 长治职业技术学院信息工程系毕业设计 第 4 页 钮上滑动时，也会以这种交互的方式进行显示。 （3）滤镜预览窗口也做了全新设计，原来的小方块被大的预览图像所代替， 这是一项极其实用的功能。 （4）photoshop cs 允许用户自定义工作区，并可以为特别的工作设置特别的 工作区。例如，用户如果喜欢将“图层”控制面板置于屏幕的右边中间，并将“色 板” 、 “颜色”等控制面板集成在其中，只要单击“窗口”|“工作区”|“保存工作 区”命令，就可将当前的工作区的排列方式存储下来，当别人由于使用你的机器而 改变了你的工作区环境时，只要从工作区列表中选择用户自己的工作区即可。 （5）将以往的“抽出”和“液化”命令调整到“滤镜”菜单下。 （6）增加了“画笔”控制面板，而且提供了多种预设的画笔。在“画笔”控 制面板中还增加了一个专门编辑新画笔的功能，如果用户习惯于以往版本的画笔条， 还可以隐藏该控制面板，但是用户将不能享受新的画笔引擎。 （7）新增了“文件浏览”功能，文件浏览器在 photoshop cs 中，单击右上角 的图标将打开文件浏览器。它可对图像进行快速预览、标记和排序，以及搜索和编 辑数据中关键字，还可以自动共享在批文件。它可以用来创建、查看、分类和快速 查找各种图像。 （8）新增了图案生成器滤镜工具，只需要选择一个区域即可创建现实或抽象 的图案，如小草、岩石和沙子，利用它可以很方便地创建背景。 （9）在“液化”功能上有很大的改进，除增加了一个“放大”工具外，还可 以进行多步恢复，还增加了一个显示图像所选图层的图像栏，提供更多的控制。 （10）新增了“自动校色”的功能，它可以让图像的暗调、中间调、亮调达到 最佳效果，而且让颜色的显示效果控制在一定的范围内。 （11）在新文件窗口的“文件尺寸”中添加了一个弹出菜单，这个新功能是一 项个人喜好设置，用户可以从弹出菜单中选择 letter、legal、640480 或 800600 等文件页面尺寸。 （12）完善了 web 功能，升级了 photoshop 的“旋转” 、 “叠加”等功能。改进 了对 web 功能的存储，包括单击背景色使其变成透明的功能。当在 web 图片上输入 文字时，可以选择“尖锐”级别的锯齿选项，以使其能在尺寸很小的情况下清晰可 见。 （13）老版本的 photoshop 仅支持用 alpha 通道存储的方式，而不支持使用使 长治职业技术学院信息工程系毕业设计 第 5 页 用文字和矢量等更好的存储方式，现在的 photoshop cs 可以自动生成一个文本和 矢量通道，而不必在 photoshop 中自己进行设置。photoshop cs 还增加了“透明抖 散”功能，以帮助用户在 gifweb 图像中得到部分的透明效果。 （14）photoshop cs 引进了新的绘画引擎，可以实现许多特殊的图像效果，这 在以前的版本是无法获得的。新的画笔引擎除了带来全新的创作力外，还具有更精 确的控制，从而得到更大的绘图空间。 二、二、photoshopphotoshop cscs 的窗口环境的窗口环境 photoshop cs 的窗口环境是创建、编辑、处理图形、图像的操作平台，它由标 题栏、菜单栏、选项栏、工具箱、控制调板、图像窗口（工作区） 、状态栏、最小 化按钮、还原按钮、最大化按钮、关闭按钮等组成。如图所示。 三、三、photoshopphotoshop cscs 色彩模式色彩模式 色彩模式是指同一属性下的不同颜色的集合，它使用户在使用各种颜色进行显 示、印刷、打印时，不必重新调配颜色而直接进行转换和应用。计算机软件系统为 用户提供的色彩模式主要有 rgb 颜色、cmyk 颜色、lab 颜色模式和 bitmap(位图)模 式、grayscale(灰度)模式、index(索引)模式等。每一种颜色都有自己的使用范围 标题栏 菜单栏 工 具 栏 图像窗口 工 作 区 控制面板 长治职业技术学院信息工程系毕业设计 第 6 页 和优缺点，并且各模式之间可以根据处理图像的需要进行模式转换。 rgb（光色模式）：该模式下图像是由红（r） 、绿（g） 、蓝（b）3 种颜色构成， 大多数显示器采用此种色彩模式。 cmyk（4 色印刷模式）：该模式下图像是由青（c） 、洋红（m） 、黄（y） 、黑 （k）4 种颜色构成，主要用于彩色印刷。在制作印刷用文件时，最好保存成 tiff 格式或 eps 格式，这些都是印刷厂支持的文件格式。 lab（标准色模式）：该模式是 photoshop 的标准色彩模式，也是由 rgb 模式 转换为 cmyk 模式之间的中间模式。它的特点是在使用不同的显示器或打印设备时， 所显示的颜色都是相同的。 grayscale(灰度)：该模式下图像由具有 256 级灰度的黑白颜色构成。一幅灰 度图像在转变成 cmyk 模式后可以增加色彩。如果将 cmyk 模式的彩色的图像转变为 灰度模式，则颜色不能再恢复。 bitmap(位图)：该模式下图像由黑白两色组成，图形不能使用编辑工具，只有 灰度模式才能转变成 bitmap 模式。 index(索引)：该模式又叫图像映射色彩模式，这种模式的像素只有 8 位，即 图像只有 256 种颜色。 四、四、photoshopphotoshop cscs 的工具介绍的工具介绍 1、矩形选框工具：利用此工具可以在图像中建立矩形或正方形选择区域。 2、椭圆选框工具：利用此工具可以在图像中建立椭圆形或圆形选择区域。 3、套索工具：利用此工具可以在图像中按照鼠标拖曳的轨迹绘制选择区域。 4、横排文字工具：在图像文件中创建水平文字，且在图层面板中建立新的 文字图层。 5、渐变编辑按钮：当单击前面的颜色部分时，将弹出渐变编辑器对话框， 在此对话框中可重新设置渐变的各个颜色。单击后面的黑三角按钮，将弹出渐变 选项面板，在此面板中可选择要渐变的颜色。 6、切片工具：可创建切片，能把一个图片切成多个小图片。 7、移动工具：可将图层中的一幅图像或所选区域移动到指定的位置上（包括 在同一文件中和其他文件中） 。 8、油漆桶工具：可用前景色或图案来对需要进行填充颜色的区域着色。 长治职业技术学院信息工程系毕业设计 第 7 页 9、吸管工具：可在图像或调色板中拾取的需要的颜色，并将它设定为前景色， 按下 alt 键的同时单击，则设定背景色。 第二章第二章 photoshopphotoshop cscs 特效制作的过程特效制作的过程 一、按钮制作一、按钮制作 实例说明实例说明： 主要是利用底纹来制作按钮。 主要用到的命令有：圆角矩形工具，添加图层样式，斜面和浮雕，渐变工具， 自由变换等。 实例效果实例效果： 操作步骤操作步骤： （1）启动 photoshop cs 程序，按 ctrl+n 键，新建一个文件，图像大小为 400*250 像素，分辩率为 72 像素/英寸，模式为 rgb 颜色，内容为白色。 （2）按 ctrl+o 键，从素材中打开一张如图 1-1 所示的底纹图片，在工具箱中 选择移动工具，把它拖到我们的画面中来，得到图层 1，并按 ctrl+t 键进行自由变 换调整，把它缩小并移动到适当的位置。 （3）在工具箱中选择圆角矩形工具，在选项栏上选择创建路径，设置半径为 5 像素，然后在画面上绘制出一个用来表示按钮形状的路径，这时单击路径调板， 可以看到已经创建了一个工作路径，如图 1-2 所示。 图 1-1 图 1-2 （4）按 ctrl 键，用鼠标单击工作路径，将工作路径载入选区，按 长治职业技术学院信息工程系毕业设计 第 8 页 ctrl+shift+i 键反选，再按 delete 键删除不要的部分，按 ctrl+d 键取消选择，就 可得到如图 1-3 所示的效果。 （5）在图层调板中单击底部的添加图层样式按钮，在弹出的下拉菜单中选择 斜面浮雕，在弹出的图层样式对话框中设定大小为 3 像素，其他不变，单击好按 钮，就可得到如图 1-4 所示的效果。 图 1-3 图 1-4 （6）在工具箱中选择椭圆工具，按着 shift 键在画面上画一个正圆选框，在 图层调板上单击创建新的图层按钮，新建图层 2。 （7）设置前景色为淡紫色，背景色为白色；在工具箱中选择渐变工具，在选 项栏上单击径向渐变，勾选反向复选框，单击中的下拉按钮，弹出渐变拾色器调板， 并在其中选择从前景色到背景色的渐变，取消调板的显示；然后在画面的先区内拖 动鼠标得到如图 1-5 所示的效果。 （8）按 ctrl+t 键，将球体缩小至如图所示的的一个小圆点，按 ctrl+alt 键， 用鼠标单击并拖动小圆点，松开鼠标即可复制一个小圆点；这样再连续对小圆点进 行移动并复制十次，即可得到如图所示的效果；然后以图层 2 为当前图层并链接其 他的副本，按 ctrl+e 键将复制后的图层合并为图层 2，得到的效果如图 1-6 所示。 图 1-5 图 1-6 （9）在图层调板中合并图层 1 和图层 2，这样一个按钮就制作完成。 二、网站设计二、网站设计 实例说明实例说明： 本例主要是先利用 photoshop 来制作出每一界面的文字和相应图片，然后用创 建图层组将图层进行组合，每一界面为一个组，再转到 imageready 动画程序中来 制作每一界面的翻转效果。 主要用到的命令有：色相/饱和度，羽化，添加图层样式，选框工具，渐变工 具，文字工具，创建组和翻转效果等。 长治职业技术学院信息工程系毕业设计 第 9 页 实例效果实例效果： 操作步骤操作步骤： （1）启动 photoshop cs 程序，然后设置背景色为 r：90，g：190，b：255。 （2）按 ctrl+n 键，弹出新建对话框，并在其中设置图像大小为 1024*768 像 素，分辨率为 72 像素/英寸，模式为 rgb 颜色，内容为背景色。 （3）在素材中打开一张如图 2-1 所示的图片，把它拖放到画面的左上方，成 为图层 1，如图 2-2 所示。 图 2-1 图 2-2 （4）在菜单中执行图像/调整/色相/饱和度，弹出对话框，并在其中设定色相 为 203，饱和度为 80，色选着色复选框，单击好按钮，就可将花朵和背景融合， 长治职业技术学院信息工程系毕业设计 第 10 页 并设定图层 1 的不透明度为 30%。 （5）按 ctrl+o 键，从素材中找开一张“长治职业技术学院”的图片，如图 2-3 所示。用椭圆选框工具，框选出需要的部分。 （6）按 ctrl+alt+d 键，弹出羽化选区对话框，并在其中设定羽化半径为 30 像素，单击好按钮；在工具箱中选择移动工具，并指向选区内按下鼠标左键，然 后拖动选区到画面右上方适当的位置后松开鼠标，得到图层 2，如图 2-4 所示。 图 2-3 图 2-4 （7）设置前景色为白色，在工具箱中选择横排文字工具，在画面上单击并输 入文字“长治职业技术学院” ，选择文字后在选项栏中设置所需的字体和字体大小， 确认后单击选项栏中的提交当前编辑按钮。 （8）用鼠标单击图层调板底部的添加图层样式按钮，并在弹出的菜单中选择 投影，弹出图层样式对话框，其他不变，直接单击好按钮。 （9）用同样的方法在画面上单击并输入英文字母，再给英文添加投影，效果 如图 2-5 所示。 图 2-5 （10）在图层调板的底部单击创建新的图层按钮，新建图层 3，在工具箱中选 择矩形选框工具，在画面上框选出一个矩形选区，设置前景为 r：90，g：190，b：255，并按 alt+delete 键填充前景色。 （11）用矩形选框工具在“长治职业技术学院”图下方框出一个矩形选区，按 ctrl+alt+d 键，弹出羽化选区对话框，并在其中设置羽化半径为 30 像素，按 alt+delete 键填充前景色，这主要是让教学楼的下方变为羽化的效果。 （12）设置前景色为白色，并选择直线工具，在选项栏上选择填充区域选项， 长治职业技术学院信息工程系毕业设计 第 11 页 设置直线宽度为 1 像素，按 shift 键在画面的底部画一条直线。在工具箱中选择文 字工具，在画面的底部、输入“团结勤奋 求实创新” ，选择文字在选项栏中设置 所需的字体和字体大小，确认后在选项栏中单击提交当前编辑按钮。 （13）在图层调板中单击底部的添加图层样式按钮，在弹出的下拉菜单中选择 斜面和浮雕，在弹出的图层样式对话框中设定大小为 3 像素，其它不变，单击好 按钮，得到如图 2-6 所示的效果。然后将所有的图层合并为背景图层，这样背景就 制作完成。 图 2-6 （14）在图层调板的底部单击创建新的图层按钮,新建图层 1；在工具箱中选 择矩形选框工具，在画面上框选出一个长矩形选区；在工具箱中选择渐变工具，在 选项栏上单击右编辑渐变按钮，在弹出的渐变编辑器中设定所需的渐变，具体参数 如图 2-7 所示，按 shift 键对选区进行渐变填充。 （15）在图层调板的底部单击添加图层样式按钮，在弹出的菜单中选择投影和 斜面浮雕选项，在弹出的图层样式对话框中设定不透明度为 30%，距离为 3 像素， 大小为 3 像素，单击好按钮，就可得到如图 2-8 所示的效果。 长治职业技术学院信息工程系毕业设计 第 12 页 图 2-7 图 2-8 （16）将前面做好的按钮拖放到我们的画面上来，按 ctrl+alt 键，用鼠标单 击并向下拖动按钮，连续复制 5 个按钮副本，并对每个图层命名，就可得到如图 2- 9 所示的效果。 （17）在工具箱中选择横排文字工具，在第一个按钮上输入“学院简介” ，依 次在每个按钮上输入相应的文字，在选项栏中设置所需的字体和字体大小，再单击 提交当前编辑按钮确认文字输入，将所有文字图层合并为“学院简介”图层，得到 如图 2-10 所示的效果。 图 2-9 图 2-10 （18）在工具箱中选择吸管工具，在画面上吸取背景颜色（即淡蓝色） ，在图 层调板中复制“简介”图层，在菜单中执行图像/调整/色相/饱和度，弹出对话框， 并在其中勾选着色复选项，设定色相为 150，饱和度为 80，单击好按钮，对按钮 进行调色，这主要为了以后做翻转效果，用同样的方法对其他按钮进行复制和颜色 调整，效果如图 2-11 所示。 长治职业技术学院信息工程系毕业设计 第 13 页 （19）在图层调板底部单击创建新图层组按钮，连续创建 6 个序列；再将调整 后的按钮副本分别拖放到每个序列中，图层调板中的显示如图 2-12 所示。 图 2-11 图 2-12 （20）在图层调板中激活序列 1，使它成为当前的序列，然后按 ctrl+o 键， 从素材中找一张“学院”图片，在工具箱中选择移动工具把它拖放到画面中，并把 它移动到适当的位置。 （21）在工具箱中选择椭圆工具，然后在图片上画一个椭圆，执行菜单栏上的 选择/羽化命令，在弹出的对话框设羽化值为 30 像素，单击好按钮。按 shift+ctrl+ i 键反选，再按 delete 键进行删除。 （22）在工具箱中选择文字工具，在画面上拖出一个文本框，并输入相应的文 字。这样创建的两个图层都在序列 1 中，如图 2-13、2-14 所示。 图 2-13 图 2-14 （23）使用上面（2022）的步骤，将其他按钮依次在每个序列中添加图片 和文字。 （24）在工具箱底部单击按钮，进入到 imageready 程序中来；在工具 箱中单击切片工具，在画面上对“学院简介”按钮进行切片，如图 2-15 所示； 长治职业技术学院信息工程系毕业设计 第 14 页 在菜单中执行窗口/显示翻转，显示翻转调板，效果如图 2-16 所示。 图 2-15 图 2-16 （25）在翻转调板底部单击创建新翻转状态按钮，新建两个新翻转状态，在第 二个翻转状态中按鼠标右键，在弹出的菜单中选择“selected”选项。 （26）在图层调板中单击简介图层前面的眼睛，关闭简介图层，这样学院简介 按钮的翻转状态就制作完成。 （27）用切片工具对“校园风景”按钮进行切片，如图 2-17 所示；这时已创 建了第二个切片翻转如图 2-18 所示，并在第二个翻转状态中设定为“selected” ， 在图层调板中关闭