购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

1.4 网店装修中常用的文件类型与软件

做好网店装修的准备后,就需要用软件完成图片、网页、视频的设计与制作,因而必然要接触到一些特定类型的文件,包括图片、视频、音频、网页等类型的文件,以及特定功能的软件,如图形图像处理软件、视频编辑软件等。

1.4.1 网店装修常用的文件类型

在网店装修的过程中,会接触到各种格式和类型的文件,有的是用于平面设计的,有的是用于编写代码的,有的是电商平台要求的文件格式,它们都有不同的作用和特点。本小节将对常用的几种文件类型进行介绍。

01 PSD格式的文件

PSD文件格式是Adobe公司的图像处理软件Photoshop的专用格式,PSD是“Photoshop Document”的缩写。PSD格式文件可以存储Photoshop中所有的图层、蒙版、通道、路径、文字、参考线和颜色模式等信息,因而占用的存储空间较大,但修改起来很方便。使用Photoshop进行网店装修设计时,一般都会将设计文件保存为PSD格式,以便随时打开继续进行设计工作,设计完成后再利用Photoshop的“存储为”或“导出”功能输出为电商平台要求的图片格式文件。

PSD格式的文件不能像其他常见的图像格式文件一样直接在Windows中打开,而是需要安装Photoshop后才能打开。如右图所示,启动Photoshop之后,执行“文件>打开”菜单命令,打开一个PSD格式的设计文件,可以看到文件中包含的图层、路径、文字等原始信息,用户可以很方便地进行编辑和修改。

02 JPG格式的图片

JPG格式是一种与平台无关的图片格式,它利用有损压缩算法,以牺牲一部分图像质量为代价来减小文件大小,以便于图片的网络传输。JPG格式的压缩方案可以很好地处理写实类的作品,但是,对于颜色较少、对比级别强烈、实心边框或纯色区域大的较简单的图像,JPG格式无法提供理想的效果,有时会严重损失图片完整性,这是因为JPG压缩方案虽然可以很好地压缩类似的色调,但是不能很好地处理亮度差异十分明显的区域或纯色区域。

JPG格式提供多个压缩比,用户可较灵活地在图像质量和文件大小之间取得平衡,而且它广泛支持Internet标准。在电商平台中,很多装修图片都要求为固定大小的JPG图片,如下图所示为JPG格式图片的图标和网店装修中存储的JPG文件。

03 PNG格式的图片

PNG是一种专为网络图片传输开发的图片文件格式,它与JPG格式一样,都是与平台无关的图片格式。PNG格式的图片支持高级别无损压缩、24位和48位真彩色图像、Alpha通道透明度、伽马校正、交错。目前的主流网页浏览器均支持PNG图片。如右图所示为在“Windows照片查看器”中打开PNG格式图片的效果。

04 GIF格式的图片

GIF的英文全称为Graphics Interchange Format,原意是“图像互换格式”,是一种基于LZW算法的连续色调的图像压缩格式,也是网络中使用较为广泛的一种图像格式。GIF格式支持透明背景,但最多只能存储256色的RGB颜色级数。它最大的特色是支持在一个文件中存储多幅彩色图像,如果把存储于一个GIF文件中的多幅图像数据逐幅读出并显示到屏幕上,就可构成最简单的动画,也就是网络上所说的“闪图”。如下图所示为GIF格式的文件图标和正在Photoshop中编辑的一个动画GIF。

专家提点

在Photoshop中可以对图片的文件格式进行相互转换,既可将GIF文件中的某一帧图像转换为JPG图片,也可以将JPG图片转换为PNG图片。只需在Photoshop中将需要转换的图片打开,执行“文件>存储为”菜单命令,在打开的“另存为”对话框中的“保存类型”下拉列表中选择需要转换为的格式,接着单击“保存”按钮,即可将打开的图片转换为所选择的文件格式,操作非常简单。

05 HTML格式的文件

从本质上来说,互联网是一个由一系列传输协议和各类文档所组成的集合,其中的一种文档就是HTML格式文件。HTML是Hyper Text Mark-up Language的缩写,即超文本标记语言,是目前网络上应用最为广泛的程序设计语言。HTML文件是由HTML代码组成的描述性文本,包括头部(Head)和主体(Body)两大部分,其中头部描述浏览器所需的信息,主体则包含要呈现的具体内容,包括文字、表格、图形、动画、声音、链接等。

HTML文件存储在分布于世界各地的服务器上,用户可以在网页浏览器中通过传输协议远程获取这些文件,并将其中包含的信息显示在屏幕上。打开计算机上安装的浏览器,在浏览器的地址栏内输入网址,打开相应的网页后,在浏览器中执行“查看>查看源代码”菜单命令,此时屏幕上就会弹出一个新的窗口,其中显示的文字就是HTML代码,如下图所示。

在网店装修过程中,有时为了让页面设计更有个性,或者需要为页面添加链接,就要用到HTML代码,大部分情况下会使用专业的网页编辑软件Dreamweaver来对代码进行编辑,如下图所示。

06 制作视频时涉及的文件

制作网店视频时会涉及的文件有视频和音频两类。视频类文件包括前期准备时拍摄的素材视频和要上传到电商平台的成品视频,其格式通常为AVI、MOV、MP4等主流的视频格式,大多数视频编辑软件和电商平台都是支持的。

一个完整的网店视频,仅有画面是不够的,还需要有配乐和配音,在制作时就需要将各类音频文件与视频文件合成在一起。配乐可以使用现成的乐曲、歌曲、音效等音频素材,而配音可能还需要由专业人士使用专业的录音设备进行录制,才能收到较好的效果。常见的音频格式有WAV、MP3、WMA、OGG、AAC等,大多数视频编辑软件也是支持的。

1.4.2 网店装修设计利器——Photoshop

Photoshop是Adobe公司推出的图形图像处理软件,它具有丰富强大的功能和直观友好的界面,能较轻松地完成商品照片的调修、润色、抠图和特效制作,并添加各种图案和文字,设计出美观的网店页面。本书以较新的Photoshop CC为软件环境进行讲解。

安装好Photoshop后,在Windows开始菜单中找到并单击Photoshop的快捷键方式,或者双击桌面上的Photoshop快捷方式图标,都可以启动Photoshop应用程序,启动完毕后可以看到Photoshop的工作界面,如下图所示。

Photoshop的工作界面主要包含菜单栏、工具箱、工具选项栏、面板和图像窗口几个部分。菜单栏包含11组菜单,单击各个菜单标签可打开其子菜单;工具箱是所有工具的集合,单击工具图标即选中相应的工具,用于在图像窗口中进行图像编辑;选中某个工具后,工具选项栏中会显示出该工具的相关选项,调整各选项的设置可改变工具的编辑效果;面板分类汇集了编辑图像时的选项和功能,默认显示在工作界面右侧,可将其拖动至任意位置;图像窗口用于对图像进行编辑、绘制等操作,用户在Photoshop中对图像执行的所有操作的效果都会直接反映在图像窗口中,图像窗口底部的状态栏还会显示当前图像的文件大小、显示比例等信息。

专家提点

在Photoshop所有面板的右上角都含有扩展按钮 ,单击该按钮即可打开相应的面板扩展菜单,不同的面板拥有不同的扩展菜单,单击选择菜单中的选项,可快速进行编辑和设置。

1.4.3 网店视频制作利器——会声会影

在网店装修中,除了平面图像的处理外,还会涉及视频的编辑与制作。目前市面上有很多视频编辑软件,会声会影(该软件英文名称为Corel VideoStudio,本书使用的软件版本为VideoStudio Pro X10,为方便叙述,在讲解时使用其中文名称“会声会影”)便是其中之一。会声会影由Corel公司推出,具有可视化的工作界面和丰富的特效功能,操作简单,上手容易,因而被广大非专业人员应用于各种风格的网店短视频的制作。接下来简单认识一下会声会影的软件界面及基础功能。

安装好会声会影后,在Windows开始菜单中找到并单击其快捷方式,或者双击桌面上的快捷方式图标,都可以启动会声会影应用程序,启动完成后可以看到它的工作界面,如下图所示。

会声会影的工作界面主要包含以下组成部分:标题栏和控制按钮,作用与其他标准Windows程序相同;菜单栏,包含5组菜单,单击菜单标签可打开相应的子菜单;步骤标签,包含视频制作中的捕获、编辑和共享3大步骤;预览窗口,用于预览视频文件的编辑效果;导览面板,用于控制视频文件的播放/暂停、快速跳转、音量等;素材库,显示当前视频项目的素材及软件自带的模板、转场效果、字幕效果、纯色背景、滤镜等;工具栏,包含编辑视频时常用的按钮,单击按钮即可选择相应的工具进行视频编辑;时间轴,用于显示当前视频项目中的所有画面素材、背景音乐、字幕和转场效果在时间上的先后顺序;“选项”按钮,单击后可展开选项面板,在时间轴中选择不同的内容,在面板中会显示不同的编辑选项和功能。

专家提点

在会声会影中对工作界面进行调整后,执行“设置>布局设置>切换到>默认”菜单命令,或者按快捷键F7,可以将工作界面恢复到初始默认状态。 OML9a3HeBsw+sKPQRZrbrUD27aqLKXr/MYR+CQCJ2EAHS/HAkfu2rgsQWkkkaiOD

点击中间区域
呼出菜单
上一章
目录
下一章
×