电子商务网站建设与网页设计（微课版）2

使用Photoshop制作网页版面CHAPTERTWOPhotoshop是一款集图像扫描、编辑修改、图像制作、广告创意等于一体的图形图像处理软件，凭借其便利、专业的图像处理功能，已经成为网页设计与制作的必备工具。通过本项目的学习，我们可以熟悉Photoshop的基本操作，利用Photoshop制作文字特效、图像特效等，并制作出具有专业水准的网页版面。本书将以PhotoshopCS6版本为操作平台进行学习。能够利用Photoshop设计电子商务网站首页。能够利用Photoshop设计促销活动页。学习目标Contents目录Photoshop基本操作1使用Photoshop制作文字特效2使用Photoshop制作图像特效3电子商务网站首页设计4促销活动页设计5一、Photoshop基本操作认识Photoshop工作界面01图像文件的基本操作02利用工具编辑商品图片编辑03一、Photoshop基本操作1认识Photoshop工作界面菜单栏工具栏编辑窗口选项栏面板组一、Photoshop基本操作2图像文件的基本操作一、Photoshop基本操作3利用工具编辑商品图片编辑1选择工具选框工具矩形选框工具椭圆选框工具单列选框工具单行选框工具套索工具魔棒工具一、Photoshop基本操作3利用工具编辑商品图片编辑一、Photoshop基本操作3利用工具编辑商品图片编辑2绘图工具一、Photoshop基本操作3利用工具编辑商品图片编辑2绘图工具仿制图章工具油漆桶工具一、Photoshop基本操作3利用工具编辑商品图片编辑3形状工具01矩形工具02圆角矩形工具03椭圆工具04多边形工具05直线型工具06自定义工具一、Photoshop基本操作3利用工具编辑商品图片编辑3形状工具在工具栏中选择自定形状工具。在“形状”下拉列表框中选择所需的形状样式，然后在图像中拖动鼠标进行绘制即可。在绘制过程中也可以进行图层样式、自选图形的设置。Contents目录Photoshop基本操作1使用Photoshop制作文字特效2使用Photoshop制作图像特效3电子商务网站首页设计4促销活动页设计5二、使用Photoshop制作文字特效添加文字01浮雕文字特效02金属文字特效03五、晶莹剔透文字特效05磨砂涂鸦文字特效04二、使用Photoshop制作文字特效1初识电子商务网站在工具栏中选择横排文字工具，在其选项栏中设置字体、字号等。1输入文字二、使用Photoshop制作文字特效1初识电子商务网站2设置文字属性二、使用Photoshop制作文字特效1初识电子商务网站3创建段落文字二、使用Photoshop制作文字特效1初识电子商务网站4创建变形文字设置变形参数。变形文字效果。二、使用Photoshop制作文字特效1初识电子商务网站5将文字转换为路径二、使用Photoshop制作文字特效1初识电子商务网站6将文字图层转换为普通图层二、使用Photoshop制作文字特效2浮雕文字特效二、使用Photoshop制作文字特效3金属文字特效二、使用Photoshop制作文字特效4磨砂涂鸦文字特效二、使用Photoshop制作文字特效5晶莹剔透文字特效Contents目录Photoshop基本操作1使用Photoshop制作文字特效2使用Photoshop制作图像特效3电子商务网站首页设计4促销活动页设计5三、使用Photoshop制作图像特效调整图像大小01调整图像色彩与色调02应用滤镜特效03三、使用Photoshop制作图像特效1调整图像大小打开网页图像，单击“图像”|“图像大小”命令，弹出“图像大小”对话框，从中设置“像素大小”“文档大小”“缩放样式”“约束比例”等参数，然后单击“确定”按钮。三、使用Photoshop制作图像特效1调整图像大小通过“调整画布大小”进行设置，打开网页图像，单击“图像”|“画布大小”命令，弹出“画布大小”对话框，从中设置画布“宽度”“高度”“画布扩展颜色”“定位”等参数，然后单击“确定”按钮。三、使用Photoshop制作图像特效2调整图像色彩与色调在“图像”|“调整”菜单下选择相关的命令，可以对图像的色彩与色调进行精确的调整。三、使用Photoshop制作图像特效2调整图像色彩与色调在电子商务网站的制作过程中，比较常用的命令有以下几种。1色阶2亮度/对比度3色相/饱和度三、使用Photoshop制作图像特效2调整图像色彩与色调1色阶三、使用Photoshop制作图像特效2调整图像色彩与色调2亮度/对比度3色相/饱和度三、使用Photoshop制作图像特效3应用滤镜特效使用“扭曲”滤镜创建球面化效果01使用“渲染”滤镜创建镜头光晕效果02使用“风格化”滤镜创建拼贴效果03使用“模糊”滤镜创建径向模糊效果04三、使用Photoshop制作图像特效3应用滤镜特效Contents目录Photoshop基本操作1使用Photoshop制作文字特效2使用Photoshop制作图像特效3电子商务网站首页设计4促销活动页设计5四、电子商务网站首页设计页面头部的制作01页面左侧的制作02页面中间及右侧的制作03页面底部的制作04四、电子商务网站首页设计1页面头部的制作四、电子商务网站首页设计2页面左侧的制作四、电子商务网站首页设计3页面中间及右侧的制作四、电子商务网站首页设计4页面底部的制作Contents目录Photoshop基本操作1使用Photoshop制作文字特效2使用Photoshop制作图像特效3电子商务网站首页设计4促销活动页设计5五、促销活动页设计项目习题