浅谈PS在网店装修中的应用--杨沁(0326)

1、武汉商学院毕业设计（论文） 武 汉 商 学 院2015届毕业设计（论文） 题目:浅谈PS在网店装修中的应用学 号： 601224148 姓 名： 杨 沁 专 业： 电子商务 班 级： 2012级电子商务4班 指导老师： 刘华 完成日期： 2015-3-2 毕业设计(论文)任务书论文题目浅谈PS在网店装修中的应用系（部）名称商贸物流学院专业班级名称 2012级电子商务四班学生姓名杨沁指导教师 刘华毕业设计（论文）的内容和基本要求基本内容：本文主要介绍了Photoshop在网店装修上的应用，包括图片美化处理，店招设计，海报设计，倒影制作，去水印，添加水印，抠图，切片工具的使用等，涵盖网店装修的各个

2、部分。基本要求：按规格书写文字达5000字左右，按要求设置字体字号，经指导老师修改指导后装订成册。在内容上结合自己当前实习工作，结合专业，就某个专业问题谈自己的实习经历，谈该行业目前状况，前景展望等。毕业设计（论文）的主要阶段计划（分前期、中期、后期）前期：确定主题，整理收集资料，关注与论文有关的信息，制定论文提纲；中期：撰写正文部分，运用长期实战经验，提交论文初稿；后期：根据指导老师要求修改论文内容、格式等，最后定稿。主要参考文献、资料：1 许伟民，袁鹏飞.Photoshop七大核心技术M.北京:人民邮电出版社，20122 毛小平, 徐春红, 魏琼.Photoshop CS4完全学习手册M.

3、北京:人民邮电出版社，2010任务下发日期2014.10完成日期2015.3指导教师意见指导教师（签字）：浅谈PS在网店装修中的应用摘要：近年来，随着信息技术的快速发展和应用使个人电脑上的网页设计进入一个新的阶段，各种图像处理软件也越来越完善，普及程度不断的提高。尤其是在图片处理上的应用越来越广泛，网店上的商品图片常用Photoshop工具来进行美化处理，其中的图像软件处理工具Photoshop是目前公认的、较好的通用平面美术设计软件，它功能完善，性能稳定，使用方便。Photoshop为美工必备软件。Photoshop所具有的功能包括：可以对图像进行修饰、对图形进行编辑、对图像的色彩进行处理等

4、，此外，还有绘图和输出功能。在实际生活和工作中，人们可以将数码照相机拍摄下来的照片利用Photoshop进行编辑和修饰，还可以利用Photoshop为图像制作特效效果，如果和其它工具软件配合使用，则可以进行高质量的广告设计、美术创意和三维动画制作。由于Photoshop功能强大，目前，正在被越来越多的图像编排、网页布局、广告和形象设计以及婚纱影楼等领域广泛使用，是一个非常受欢迎的应用软件。本毕业论文中的案例欣赏就主要采用了Photoshop中切片工具得以实现。关键词：Photoshop 处理 美工 网店装修 切片工具引言：随着电脑的日益普及，越来越多的人们开始使用图像处理软件进行平面设计、网页

5、设计、图像处理、影像合成和数码照片后期处理等。Adobe Photoshop就是一款功能强大、应用广泛的专业级图像处理软件。如今，Photoshop拥有大量的用户，除了专业级设计人员外，网店和影楼工作人员都普遍使用该软件进行图像修饰。本文以理论和实际相结合的方式，系统地阐述了Photoshop在网店装修中的应用，抠图，去水印，店招设计，海报设计等。一、Photoshop概论（一）认识PhotoshoAdobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编辑与绘图工具，可以有效地进行图片

6、编辑工作。photoshop有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。（二）适用范围1.平面设计平面设计是Photoshop应用最为广泛的领域，无论是图书封面，还是招帖、海报，这些平面印刷品都需要Photoshop软件对图像进行处理。2.修复照片PHOTOSHOP具有强大的图像修饰功能。利用这些功能，可以快速修复一张破损的老照片，也可以修复人脸上的斑点等缺陷。3.广告摄影 广告摄影作为一种对视觉要求非常严格的工作，其最终成品往往要经过PHOTOSHOP的修改才能得到满意的效果。 4.艺术文字 当文字遇到PHOTOSHOP处理，就已经注定不再普通。利用PHOTOSHOP可以使文

7、字发生各种各样的变化，并利用这些艺术化处理后的文字为图像增加效果。5.网页制作网络的普及是促使更多人需要掌握Photoshop，因为在制作网页时Photoshop是必不可少的网页图像处理软件。 6.后期处理当前越来越多的婚纱影楼开始使用数码相机这也便得婚纱照片设计的处理成为一个新兴的行业。7.视觉创意视觉创意与设计是设计艺术的一个分支，此类设计通常没有非常明显的商业目的，但由于他为广大设计爱好者提供了广阔的设计空间，因此越来越多的设计爱好者开始学习Photoshop，并进行具有个人特色与风格的视觉创意。（三）界面组成从功能上看，该软件可分为图像编辑、图像合成、校色调色及特功能特色效制作部分等。

8、 图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等；也可进行复制、去除斑点、修补、修饰图像的残损等。图像合成则是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像，这是美术设计的必经之路；该软件提供的绘图工具让外来图像与创意很好地融合。校色调色可方便快捷地对图像的颜色进行明暗、色偏的调整和校正，也可在不同颜色进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方面应用。特效制作在该软件中主要由滤镜、通道及工具综合应用完成。包括图像的特效创意和特效字的制作，如油画、浮雕、素描等常用的传统美术技巧都可藉由该软件特效完成。（四）功能使用1.标题栏：位

9、于主窗口顶端，最左边是Photoshop标记，右边分别是最小化、最大化/还原和关闭按钮。属性栏(又称工具选项栏)。选中某个工具后，属性栏就会改变成相应工具的属性设置选项，可更改相应的选项。2.菜单栏：菜单栏为整个环境下所有窗口提供菜单控制，包括:文件、编辑、图像、图层、选择、滤镜、视图、窗口和帮助九项。Photoshop中通过两种方式执行所有命令，一是菜单，二是快捷键。3.图像编辑窗口：中间窗口是图像窗口，它是Photoshop的主要工作区，用于显示图像文件。图像窗口带有自己的标题栏，提供了打开文件的基本信息，如文件名、缩放比例、颜色模式等。如同时打开两副图像，可通过单击图像窗口进行切换。图像

10、窗口切换可使用Ctrl+Tab。4.状态栏：主窗口底部是状态栏，由三部分组成。（1）文本行，说明当前所选工具和所进行操作 的功能与作用等信息。（2）缩放栏，显示当前图像窗口的显示比例，用户也可在此窗口中输入数值后按回车来改变显示比例。（3）预览框，单击右边的黑色三角按扭，打开弹出菜单，选择任一命令，相应的信息就会在预览框中显示。5.工具箱：工具箱中的工具可用来选择、绘画、编辑以及查看图像。拖动工具箱的标题栏，可移动工具箱；单击可选中工具或移动光标到该工具上，属性栏会显示该工具的属性。有些工具的右下角有一个小三角形符号，这表示在工具位置上存在一个工具组，其中包括若干个相关工具。6.控制面板：共有

11、14个面板，可通过“窗口/显示”来显示面板。按Tab键，自动隐藏命令面板，属性栏和工具箱，再次按键，显示以上组件。按Shift+Tab，隐藏控制面板，保留工具箱。使用形状或钢笔工具时，可以使用三种不同的模式进行绘制。在选定形状或钢笔工具时，可通过选择选项栏中的图标来选取一种模式。7.路径：在当前图层中绘制一个工作路径，随后可使用它来创建选区、创建矢量蒙版或者使用颜色填充和描边以创建栅格图形（与使用绘画工具非常类似）。除非存储工作路径，否则它是一个临时路径。路径出现在“路径”面板中。二、网店装修演练（一）抠图1.蒙版抠图步骤：S1：导入素材；S2：复制图层（Ctrl+J）；S3：按快捷键Q（进入

12、快速蒙版）；S4：按快捷键F5（调出画笔）；S5：调节不透明度和流量；S6：按快捷键Q（退出快速蒙版）；S7：将抠出的图片移动到新窗口。2.橡皮擦抠图步骤：S1：导入素材；S2：复制图层（Ctrl+J）；S3：单击橡皮擦，选择魔术橡皮擦工具；S4：然后在素材边缘点击；S5：有痕迹的地方用橡皮擦工具进行擦拭即可；S6：将抠出的图片移动到新窗口。3.白色背景步骤：S1：导入素材；S2：复制图层（Ctrl+J）；S3：然后在图层面板处选择正片叠底；S4：将抠出的图片移动到新窗口。4.黑色背景步骤：S1：导入素材；S2：复制图层（Ctrl+J）；S3：然后在图层面板选择滤色；S4：将抠出的图片移动到新

13、窗口。5.钢笔工具（基本上图片都可以用此工具，过程较为繁琐）步骤：S1：导入素材；S2：复制图层（Ctrl+J）；S3：选择“钢笔”工具；S4：按住CTRL键不放，用鼠标点住各个节点（控制点），拖动改变位置；S5：将抠出的图片移动到新窗口。6.滤镜抠图（婚纱，人物头像）步骤：S1：导入素材；S2：复制图层（Ctrl+J）；S3：执行“滤镜-抽出”；S4：设置好其他参数后，在图片上进行涂抹；S5：将抠出的图片移动到新窗口。7.快速选择工具步骤：S1:导入素材；S2：复制图层（Ctrl+J）；S3：在需要抠出的图像上进行点击；S4：将抠出的图片移动到新窗口。8.魔棒工具步骤：S1：导入素材；S2：

14、复制图层（Ctrl+J）；S3：点击“魔术棒”工具 ；S4：在“魔术棒”工具条中，在“连续”项前打勾；S5：设置“容差”；S6：如果对虚框的范围不满意，可以先按CTRL+D取消虚框，再对“容差”值进行调节；S7：将抠出的图片移动到新窗口。（二）去水印1.使用仿制图章工具去除文字水印  这是比较常用的方法，具体的操作是:选取仿制图章工具，按住Alt键，在无文字区域点击相似的色彩名图案采样，然后在文字区域拖动鼠标复制以覆盖文字。 要注意的是，采样点即为复制的起始点。选择不同的笔刷直径会影响绘制的范围，而不同的笔刷硬度会影响绘制区域的边缘融合效果。2.使用修补工具去除文

15、字水印 如果图片的背景色彩或图案比较一致，使用修补工具就比较方便 ,具体操作是：选取修补工具，在公共栏中选择修补项为“源”，关闭“透明”选项。然后用修补工具框选文字，拖动到无文字区域中色彩或图案相似的位置，松开鼠标就完成复制。修补工具具有自动匹配颜色的功能，复制的效果与周围的色彩较为融合，这是仿制图章工具所不具备的。3.使用修复画笔工具去除文字水印  操作的方法与仿制图章工具相似。按住Alt键，在无文字区域点击相似的色彩或图案采样，然后在文字区域拖动鼠标复制以覆盖文字，只是修复画笔工具与修补工具一样，也具有自动匹配颜色的功能，可根据需要进行选用。4.Ctrl+Alt+方向键

16、去除图片水印  某些背景色垂直性渐变颜色的图标，有一个方便的方法去除文字。 方法：用长形选框工具在无文字区域中作一个选区，选区不宜太宽，高度应高于文字。然后按住Ctrl+Alt+方向键，直至完全覆盖文字即可 。（三）Photoshop制作倒影步骤：S1：导入素材；S2：复制图层（Ctrl+J）；S3：执行“编辑”-“垂直旋转”（Ctrl+T)；S4：添加蒙版（将前景色设置为黑色，从下往上拉动渐变）；或者直接将透明度改为50%即可。（四）店招制作 店招大小在最好在100K以内，建议规格为990*120px。对于店招的装修，建议掌柜们先从整个店铺的风格考虑，包括主题色

17、，经营什么产品等因素，确定好店招要制作成什么风格，如果前期掌柜对店招的设计无从着手，可以到其他店铺去模仿学习一下。另外可以直接在线制作静态或动态的店招，这些都是不错的选择。（五）海报设计与设计店招一样，我们在设计海报的时候，必须对商品十分熟悉，制作符合商品的海报，突出商品的特征，吸引客户眼球，从而为店铺带来流量和提高转化率。步骤：S1：文件-新建（一般采用像素，各可根据设计习惯设计，1920*450px,1920*500px,1920*550px,1920*600px,1950*620,);S2：调出标尺；S3：再新建一个950*600px的文件，并将其移动到第一个文件中；S4：导入素材，进行

18、海报创作。（六）水印制作方法一：输入文字，然后调节不透明度，一般调为50%即可，可根据自己的选择进行调节；方法二：导入素材，将前景色设置为黑色，背景色设置为白色；在素材上输入文字，在图层面板将“填充值”设置为0%,这个时候，图像上的文字就看不见了，右击图层面板下方的f(x)进入图层样式，将阴影项勾上即可。如需要其他水印效果可有选择地勾选其他选项，即可达到想要的效果。（七）背景图设计步骤：S1：选张好看的背景图，用photoshop编辑下将尺寸改为1920*1080px;S2：中间空间部分尺寸为950*1080px，可以做个阴影；S3：保存为.jpg格式，上传到店铺空间即可。（八）商品主图设计

19、步骤：S1：文件-新建（360*360px;500*500px;600*600px;800*800px等）S2：突出产品特色；S3：加上标签（如LOGO);S4:添加文案。（九）宝贝详情撰写步骤：S1：文件-新建（750*自定义）；S2：根据商品的特征进行商品描述，加入文案等。（十）切片工具使用步骤：S1：导入素材；S2：右击裁剪工具，选择“切片工具”；S3：从你想切的地方开始切，这时会出现方形的区域块，这就是要切的范围;S4：拖动鼠标依次切片；S5：将切好的图片保存（文件-存储为”Web和设备所用格式“，将品质设置为”80-100“，选择.jpg,单击存储;S6：选择存储路径，选择格式为”H

20、TML和图像“点击”保存“。S7：根据之前保存的路径，找到该文件夹，打开后就可以看到一张张图片和HTML文件。三、案例欣赏（实例：静数夏你如莲）（一）步骤：S1：进入淘宝网首页；S2：在搜索栏处点击”店铺“；S3：输入“静数夏你如莲”S4：回车；（二）分析：本网店首页装修选取的是一张PSD源文件，通过修图，美化等，将其变为自己想要的样子，然后用切片工具，将其分为一张张的图片，接着将这些图片上传到图片空间，在首页添加自定义内容区，隐藏标题，插入图片粘贴链接，即可达到效果。总结 随着信息技术的快速发展，电子商务在我们生活中发挥着越来越重要的作用，催生的购物网站更是层出不穷。IT时代，几乎没有哪一行能和网络脱离关系，因此网站的规划与建设已经成为一项专门职业。在网站规划建设中，网页美工布局设计是其至关重要的一环，它关系到网站能否吸引更多人的眼球，直接反映网站的点击率，而点击率正是网站的生命所在。所以网页布局设计是否美观、规范、合理越来越受到网页设计师的重视。  本次毕业设计，我最大的收获是对网站的设计有了更熟练的运用，对网站页面整体的设计有了很好的把握。毕业设计的制作从开始的想法，到实际的规划设计，以及工具的选择，到最后的实际的制作，后期的调整，这整个过程自己遇到了很多的问题，由于