项目四 网店分类列表区的设计与制作.docx
- 文档编号:28971246
- 上传时间:2023-07-20
- 格式:DOCX
- 页数:68
- 大小:11.84MB
项目四 网店分类列表区的设计与制作.docx
《项目四 网店分类列表区的设计与制作.docx》由会员分享,可在线阅读,更多相关《项目四 网店分类列表区的设计与制作.docx(68页珍藏版)》请在冰豆网上搜索。
项目四网店分类列表区的设计与制作
项目四网店结构中静态图像元素的设计与制作
5任务拓展
1.安装特殊字体
Photoshop可以使用特殊字体,运用于图像是其一大特色。
使用Photoshop制作的特殊字体保存为图像,运用于网页,也是网页设计与制作中,解决页面上特殊字体的一种常用方式。
通过网络下载相关中文字体和英文字体后,保存在字体文件夹。
然后把点选要安装的字体,右键快捷键后选择复制,然后打开操作系统的字体文件夹,在文件夹中点击粘贴,安装完毕,如图4-X所示。
图4-X安装字体
安装完“书体坊米蒂体”字体后,可在文字工具栏中通过字体列表找到“书体坊米蒂体”后选择,并书写文字,如图4-X所示。
图4-X特殊字体
2.字符面板
可以对文字设定更多的选项,调整文字。
“字符”面板除了从字符工具属性栏调出外,还可以从菜单栏“窗口”中调出。
“字符”面板设置如图4-X所示。
图4-X字符面板
行间距,控制文字行之间的距离,若设为自动,间距将会跟随字号的改变而改变,若为固定的数值时则不会。
比例间距,更改字符与字符之间的距离。
是同比例地减少(只做减少而不能增大)字符的间距。
字符间距,也是更改字符与字符之间的距离。
相当于对所有字距增加或减少一个相同的数量。
间距微调,是用来调整两个字符之间的距离,但只针对某两个字符之间的距离有效。
竖向偏移,即基线偏移,作用是将字符上下调整,常用来制作上标和下标。
通过调整“字符”面板,完成图4-X所示文字。
图4-X调整文字
3.段落文字
当输入大量文字时,可通过段落文本框来输入。
输入的文字,会基于定界框的尺寸进行自动切换,也可调整定界框大小并进行旋转。
定界框可以通过选择文字工具后,用鼠标在文件图层上拖选产生,如图4-X所示。
“段落”面板可以通过“字符”面板同样的方法打开。
图4-X段落文字定界框和段落面板
4.历史记录面板
在用Photoshop进行图像处理时,经常需要会到前一状态。
这时可以使用“历史记录”面板在当前工作会话期间跳转到所创建图像的任一最近状态,如图4-X所示。
每次对图像编辑更改时,图像的新状态都会添加到该面板中。
也可以使用“历史记录”面板来删除图像状态,并且,在Photoshop中,可以使用该面板依据某个状态或快照创建文档。
当恢复到前某一状态时,做了新更改,新状态将会替代原有灰色状态,原有状态不能还原。
图4-X历史记录面板
6习题
1.用文字工具,编写一份优惠活动宣传稿
2.使用OpenType字体
任务二图片分类区的制作
1任务简介
本任务目标将通过对图像素材的处理和添加文字来制作网片作为网店“新春特卖”区的标志。
大的图片分类标志,往往列在小的图标式分类列表区之上,作为热门商品,特价商品等分区入口。
用大的图片,主要是为了更好的吸引访问网店的客户注意。
效果如图4-X所示。
图4-X图片分类区的制作效果
2任务引导
3任务实施
1.创建图片分类区文件
按淘宝网店中常见规格设计宽度165像素,高度一般自由可调,本任务设高度220像素,分辨率72,背景白色。
2.粘贴新的背景图层
打开素材文件夹,找到符合新春特色的底纹素材“DA-01.JPG”在Photoshop中打开,选择矩形选框工具在图像中创建选区。
然后把该选区复制,在新建图片分类区中粘贴,通过“自由变换”调整,如图4-X所示。
图4-X添加背景图层
3.不规则选区工具运用
打开素材文件夹中的“180g猕猴桃干.JPG”,进行对应图像色调色泽调整。
因为新文件的图层1为红色,那么猕猴桃干的图片就不能是白色的,需要采用不规则选取工具。
点击工具箱的“快速选择工具”,将属性栏画笔大小调至合适,进行选取,如图4-X所示。
在选取前,可以通过点击工具箱的“放大镜”工具放大图像,方便选区更为精确。
然后可通过选择“磁性套索工具”,按住Shift以“添
图4-X快速选择工具
加到选区”的方式,增加不易被快速选择工具选中的区域,如图4-X。
最后再通过“套索工具”对最后的选区,采用增减的方式,进行修补。
再将选中的猕猴桃
图4-X磁性套索工具
干选区复制,在新建的“新春特卖区”文件中粘贴。
通过“自由变换”调整,也可通过“橡皮擦工具”去除边缘的白色瑕疵,如图4-X所示。
图4-X粘贴猕猴桃干图层
4.制作斜跨标签
在“新春特卖区”中的图层面板中,新增加一个层。
然后在该图层中用“矩形选框工具”创建一个选区,如图4-X所示。
然后点选工具箱的“油漆桶工具”,
图4-X在新图层创建矩形选框
对该矩形选框上色,如图4-X所示。
旋转矩形选框,通过“自由变换”工具旋
图4-X油漆桶上色
转矩形选框并移动到合适位置,如图4-X所示。
完成后,确认自由变换结果,并通过“Ctrl+D”取消选区。
最后输入标签文字,利用文字工具,字体为“书体坊
图4-X旋转矩形框
米蒂体”输入“一元一袋”后,调整合适大小和颜色后。
利用“自由变换”,将文字图层内容旋转并移动到如图4-X所示位置,合适后确认。
图4-X移动特卖文字
5.图层样式修饰文字图层
首先,用鼠标点选回红色背景的“图层1”,再利用文本工具,字体“幼圆”、大小32、颜色为白色,输入“新春特卖”。
在文本图层“新春特卖”选中后,在图层面板点击添加图层样式,在列表中选择“描边”,如图4-X所示。
图4-X增加图层样式
在图层样式对话框中的“描边’标签,按如图4-X所圈选的设置。
图4-X图层样式“描边”设置
在图层样式对话框中,选择“外发光”标签,按图4-X所圈选的设置。
图4-X图层样式“外发光”设置
在图层样式对话框中,选择“投影”标签,按图4-X所圈选的设置。
设置完成后,即完成图层样式操作,点选“确定”。
图4-X图层样式“投影”设置
6.完成制作,保存文件。
4任务分析
不规则选区:
可以建立任意不规则选区的工具是套索工具
、多边形套索工具
、磁性套索工具
、快速选取工具
、魔棒工具
。
套索工具,在画布域内按下鼠标任意移动,松开后即可建立一个与鼠标移动轨迹相符的选区。
所创建选区都是一个闭合区域,如果轨迹起点与轨迹终点不在一起就会自动在两点间连接一线对区域进行闭合。
按Alt键,则不按轨迹作为选区,而是在单击的点间连直线形成选区。
多边形套索工具,是通过鼠标单击成点,再连点成线。
在选取过程中持续按住Shift键可以保持水平、垂直或45度角的轨迹方向。
并且如果终点与起点重合会出现一个小圆圈样子的提示。
可通过退格键撤销前一个点,可一直撤销到最初起始点。
磁性套索工具,可自动是分析色彩边界,在鼠标的拖拉下,在经过的道路上按色彩的分界自动生产点,再把点连起来形成选区。
适用于快速选择与背景对比强烈且边缘复杂的对象。
宽度,磁性套索工具只检测从指针开始指定距离以内的边缘。
对比度,指定对图像边缘的灵敏度,较高的数值将只检测与其周边对比鲜明的边缘,较低的数值将检测低对比度边缘。
频率,指定产生定点的频率。
在边缘明确的图像上,可以试用更大的宽度和更高的边对比度,然后大致地跟踪边缘.在边缘较柔和的图像上,则需要使用较小的宽度和较低的边对比度,然后更精确地跟踪边框。
光笔压力,如果是使用光笔绘图板,请选择或取消选择“光笔压力”选项。
该项被选中时,增大光笔压力将导致边缘宽度减小。
快速选择工具,利用可调整的圆形画笔笔尖通过鼠标拖拉快速“绘制”选区。
拖动时,选区会向外扩展并自动查找和跟随图像中定义的边缘。
对所有图层取样,基于所有图层(而不是仅对当前选定图层)创建一个选区。
自动增强,减少选区边界的粗糙度和块效应。
可以通过在“调整边缘”对话框中使用“平滑”、“对比度”和“半径”选项手动应用这些边缘调整。
魔棒工具,选择颜色一致的区域而不必跟踪其边缘轮廓。
以单击选定的像素颜色值为基准,寻找容差范围内的其他颜色像素,然后把它们创建为选区。
所谓容差范围就是色彩的包容度。
容差越大,色彩包容度也就越大,选区部分也会越多。
“选择”菜单中的“色彩范围”,类似于魔棒工具,选择现有选区或整个图像内指定的颜色或色彩范围,如图4-X所示。
图4-X色彩范围
调整像素选区:
“选择”菜单中的“反向”,可以使用该选项选择放在纯色背景上的对象。
使用魔棒工具选择背景,然后反选选区。
“选择”菜单中的“修改”列表中的“扩展”或“收缩”,按特定数量的像素扩展或收缩选区。
若选区边框中沿画布边缘分布,则不受影响。
“选择”菜单中的“修改”列表中的“平滑”,减少选区边界中的不规则区域和基于颜色的选区中的杂散像素,创建更加平滑的轮廓。
“选择”菜单中的“修改”列表中的“边界”,在选区边界周围创建一个选区。
可选择在现有选区边界的内部和外部的像素的宽度。
在清除粘贴的对象周围的光晕效果,将很有用。
“选择”菜单中的“修改”列表中的“羽化”,通过建立选区和选区周围像素之间的转换边界来模糊边缘。
该模糊边缘将丢失选区边缘的一些细节。
“选择”菜单中的“扩大选取”和“选取相似”,用以实现扩展位于容差范围内的像素为选区,只是“扩大选取”扩展范围为相邻像素,而“选取相似”扩展范围不只是相邻的像素。
“选择”菜单中的“变换选区”,可对选区进行类似于“自由变换”的操作,如图4-X,对选区变形。
图4-X变换选区
图层样式:
可以用做给对应图层添加一些特殊的样式。
可选图层样式包括:
投影,在图层内容的后面添加阴影效果。
内阴影,在图层内容的边缘内添加阴影,使图层具有凹陷外观。
外发光和内发光,在图层内容的外边缘或内边缘发光的效果。
斜面和浮雕,在图层产生高光与阴影效果的各种组合。
光泽,在图层创建光滑光泽的内部阴影效果。
颜色、渐变和图案叠加,使用颜色、渐变或图案填充图层内容。
描边,使用颜色、渐变或图案在当前图层上描画对象的轮廓。
主要运用于文本图层有用。
5任务拓展
1.从图像对象背景中抽取对象,主要有哪些操作方法?
1)利用保护前景色的背景橡皮擦
2)通过选区工具来选取,包括:
建立规则选区工具;建立不规则任意选区工具
3)通过“抽出”滤镜来抽出,“抽出”滤镜设置对话框,如图4-X所示。
图4-X“抽出”滤镜
4)快速蒙板工具,利用蒙板保护被选区域,其余区域被选中,如图4-X所示。
图4-X快速蒙版编辑工具
5)通过“通道”抽取,主要利用具体图像的色相差别或者明度差别用不同的方法建立选区。
主要运用于人物,特别是头发部分的抽取。
2.“样式”面板的应用
Photoshop在“窗口”菜单中“样式”面板提供了预设的图层样式功能,这些预设的图层样式按功能分在不同的库中,如图4-X所示。
图4-X“样式”面板
通过点击这些“样式”面板中的预设的缩略图,可将该缩略图所对应的图层样式运用于当前图层。
例如,选择“文字效果”样式库,然后点选“蓝色渐变描边”,效果可如图4-X所示。
完成后,可点击调出该文本图层运用后所产生的“图
图4-X样式面板运用效果
层样式”对话框,查看“蓝色渐变描边”在“图层样式”对话框中的设置,如图4-X所示。
图4-X“蓝色渐变描边”样式中“描边”的设置
3.图像混合模式的作用
基色,图像原颜色。
混合色,就是通过绘画、编辑工具、图层应用的颜色。
结果色,是混合后得到的颜色。
主要混合模式包括:
正常,默认模式,混合色直接覆盖的目标对象或目标图层上上,使其成为结果色。
当图像的颜色模式是“位图”或“索引颜色”时,“正常”模式就变成“阈值”模式。
溶解,编辑或绘制每个像素,使其成为结果色,和混合色相同。
只是根据每个像素点所在的位置的透明度的不同,可随机以绘图色和底色取代。
透明度越大,溶解效果就越明显。
背后,仅在图层的透明部分编辑或绘画,结果色和混合色相同。
清除,编辑或绘制每个像素,使其透明,将像素清除。
此模式可用于形状工具、油漆桶工具
、画笔工具
、铅笔工具
、“填充”命令和“描边”命令。
变暗,选择基色或混合色中较暗的颜色作为结果色。
将替换比混合色亮的像素,而比混合色暗的像素保持不变。
正片叠底,将基色与混合色进行正片叠底。
结果色总是较暗的颜色。
任何颜色与黑色正片叠底产生黑色。
任何颜色与白色正片叠底保持不变。
颜色加深,通过增加对比度使基色变暗以反映混合色。
与白色混合后不产生变化。
线性加深,通过减小亮度使基色变暗以反映混合色。
与白色混合后不产生变化。
变亮,选择基色或混合色中较亮的颜色作为结果色。
比混合色暗的像素被替换,比混合色亮的像素保持不变。
滤色,将混合色的互补色与基色进行正片叠底。
结果色总是较亮的颜色。
用黑色过滤时颜色保持不变。
用白色过滤将产生白色。
颜色减淡,通过减小对比度使基色变亮以反映混合色。
与黑色混合则不发生变化。
线性减淡,通过增加亮度使基色变亮以反映混合色。
与黑色混合则不发生变化。
叠加,对颜色进行正片叠底或过滤,具体取决于基色。
图案或颜色在现有像素上叠加,同时保留基色的明暗对比。
不替换基色,但基色与混合色相混以反映原色的亮度或暗度。
柔光,使颜色变暗或变亮,具体取决于混合色。
此效果与发散的聚光灯照在图像上相似。
若混合色比50%灰色亮,则图像变亮。
若混合色比50%灰色暗,则图像变暗。
绘画时使用纯黑或纯白色会产生明显变暗或变亮的区域,但不会出现纯黑或纯白色。
强光,对颜色进行正片叠底或过滤,具体取决于混合色。
此效果与耀眼的聚光灯照在图像上相似。
若混合色比50%灰色亮,则图像变亮,就像过滤后的效果,对于向图像添加高光非常有用。
若混合色比50%灰色暗,则图像变暗,就像正片叠底后的效果,对向图像添加阴影非常有用。
绘画时使用纯黑或纯白色会出现纯黑或纯白色。
亮光,通过增加或减小对比度来加深或减淡颜色,具体取决于混合色。
若混合色比50%灰色亮,则通过减小对比度使图像变亮。
若混合色比50%灰色暗,则通过增加对比度使图像变暗。
线性光,通过减小或增加亮度来加深或减淡颜色,具体取决于混合色。
若混合色比50%灰色亮,则通过增加亮度使图像变亮。
若混合色比50%灰色暗,则通过减小亮度使图像变暗。
点光,根据混合色替换颜色。
若混合色比50%灰色亮,则替换比混合色暗的像素,而不改变比混合色亮的像素。
若混合色比50%灰色暗,则替换比混合色亮的像素,而比混合色暗的像素保持不变。
这对向图像添加特殊效果非常有用。
实色混合,将混合颜色的红色、绿色和蓝色通道值添加到基色的RGB值中。
如通道的结果总和大于或等于255,则值为255;如果小于255,则值为0。
差值,从基色中减去混合色,或从混合色中减去基色,具体取决于哪一个颜色的亮度值更大。
与白色混合将反转基色值;与黑色混合则不产生变化。
排除,创建一种与“差值”模式相似但对比度更低的效果,因而颜色较柔和。
与白色混合将反转基色值。
与黑色混合则不发生变化。
色相,用基色的明亮度和饱和度以及混合色的色相创建结果色。
饱和度,用基色的明亮度和色相以及混合色的饱和度创建结果色。
若混合色的饱和度为0,则基色没有变化。
颜色,用基色的明亮度以及混合色的色相和饱和度创建结果色。
这样可以保留图像中的灰阶,并且对于给单色图像上色和给彩色图像着色都会非常有用。
明度,用基色的色相和饱和度以及混合色的明亮度创建结果色,效果与“颜色”模式相反。
6习题
1.制作网页中的常见按钮
2.通道的概念,利用通道扣室外拍摄的模特图
任务三图标分类列表区的制作
1任务简介
本任务目标将通过对图像素材的简单处理和文字的制作来完成网店图标分类列标。
这种图标分类列表的制作,也类似与网页设计与制作里面的按钮。
效果如图4-X所示。
图4-X图标分类列表区的制作效果
2任务引导
3任务实施
1.创建图标文件
网店中图标文件一般放置在页面左边分类列表中。
宽度基本在160像素,高度不一,本任务中文件大小以160*80像素为例。
打开Photoshop,按要求新建文件,分辨率72,背景为白色。
2.素材图片编辑
因为为了体现农产品特色,又是春季因此考虑使用绿色系的色调图片。
在Photoshop中打开“露珠绿叶.jpg”。
在工具箱中点选“裁剪工具”,在工具属性栏中“宽度”中输入“160”,同时用鼠标右键点选更改单位为“像素”,高度为“80”像素,分辨率为“72”,如图4-X所示。
图4-X素材图片裁剪设置
在图片中点选拖拉“裁剪工具”,并通过控点调整至合适大小,如图4-X所示后确认裁剪完成。
图4-X素材图片完成裁剪
3.粘贴新图层
在完成裁剪的素材图片中,按“Ctrl+A”进行全选,再按“Ctrl+C”进行复制。
在新建的分类图标文件中,按“Ctrl+V”进行粘贴。
希望图片中的露水在左侧,可选中被粘贴过来的“图层1”,点选“图像”菜单中的“选转画布”列表中的水平翻转进行翻转,效果如图4-X所示。
图4-X水平翻转“图层1”
4.加圆角矩形边框
给图标加上圆角矩形边框,通过点击“图层”面板中的
“创建新图层”图标,在“图层1”上创建透明“图层2”。
点选工具箱中的“圆角矩形工具”,按图4-X所圈选设置,在“图层2”上添加白色圆角矩形。
圆角矩形的大小位置可以通过“自由变换”来调整。
图4-X使用圆角矩形工具添加
通过按住Ctrl键,同时鼠标点击“图层2”的缩略图,选中“图层2”中的“圆角矩形”。
然后点选“选择”菜单中的“反向”。
接着点击图层面板中的“创建新图层”图标,创建新“图层3”。
通过工具箱中的“油漆桶”工具,把“图层3”对应选区全部填充颜色为白色,如图4-X所示。
然后鼠标
图4-X填充“图层3”中被选区域为白色
再一次点选“选择”菜单中的“反向”,接着选择键盘“DEL”键按下,进行清除。
然后将“图层2”的可见性关闭,效果如图4-X所示。
最后点选“Ctrl+D”,取消选区。
图4-X改变图层2可见性
5.添加渐变效果
在“图层3”上添加新一图层为“图层4”,调整工具箱中的前景色和背景色,再点选工具箱中的“渐变工具”,如图4-X所示。
图4-X点选渐变工具
编辑渐变效果可通过点击渐变工具属性栏中的渐变效果缩略图,调出“渐变编辑器”,如图4-X所示,进行调整。
图4-X渐变编辑器
调整后,可通过鼠标在图片上水平拖拉完成对“图层4”进行“线性渐变”,选择“图层4”对该渐变进行不透明度的调整,并通过鼠标选择将“图层4”拖拉至“图层3”下方,如图4-X所示。
图4-X渐变图层的位置、不透明度调整
6.保存分类图标模板
将当前文件存储为“分类图标.PSD”,作为分类图标模板,然后将进行添加分类图标的文字内容。
7.添加图标文字
打开“分类图标.PSD”,点选文字工具,在“图层3”添加对应文字图层内容“山核桃类”,如图4-X所示。
图4-X添加图标文字分类
对文字图层添加图层样式“描边”,如图4-X所示设置。
图4-X给图标文字添加“描边”样式
然后选择“ArialNarrow”字体,在“山核桃类”下方打上“hangzhoucountry”文字,完成该图标分类的制作,如图4-X所示。
然后将文件存储为“山核桃类.JPG”,完成图标分类列表的制作。
图4-X在图标分类的文字下添加公司英文
8.制作其他图标分类
完成“山核桃类”图标制作后,继续打开“分类图标.PSD”,重复步骤7,继续完成“茶叶类”、“蜜饯类”、“坚果类”、“鱼干类”、“保健品类”,等图标,如图4-X所示。
图4-X其他图标分类
4任务分析
形状工具:
可向图像中添加各种形状:
可以使用各种形状工具绘制形状,也可以从大量的预设的形状中进行选择,以及在单独的图层上排列矢量形状。
在使用形状或钢笔工具时,在对应的工具属性栏有三种不同的模式进行选择,如图4-X所示。
分别是:
图4-X形状模式选择
形状图层
生成单独的图层创建形状。
可以使用形状工具或钢笔工具来创建形状图层。
因为可以移动、对齐、分布形状图层以及调整其大小,所以形状图层非常适于为Web页面创建图形。
可以选择在一个图层上绘制多个形状。
形状图层包含定义形状颜色的填充图层以及定义形状轮廓的链接矢量蒙版。
形状轮廓是路径,它出现在“路径”面板中。
形状图层绘制圆角矩形,如图4-X所示。
图4-X圆角矩形绘制的形状图层
路径
在当前图层中绘制一个工作路径,可使用它来创建选区、创建矢量蒙版,或者使用颜色填充和描边以创建栅格图形。
除非存储工作路径,否则它只是一个临时路径。
路径出现在“路径”面板中,路径绘制圆角矩形,如图4-X所示。
图4-X圆角矩形绘制的路径
填充像素
直接在图层上绘制,与绘画工具的功能非常类似。
在此模式中工作时,创建的是栅格图像,而不是矢量图形。
可以像处理任何栅格图像一样来处理绘制的形状。
在此模式中只能使用形状工具,而不能使用钢笔工具。
本任务中使用圆角矩形工具时,就是使用填充像素。
形状工具选项
可通过单击形状工具栏中形状工具选择边上的下拉箭头来打开各形状工具选项,如图4-X所示的多边形选项。
对应的工具选项有“钢笔选项”、“自由钢笔选项”、“矩形选项”、“圆角矩形选项”、“椭圆选项”、“多边形选项”、“箭头”和“自定形状选项”。
图4-X多边形选项
在一个图层上编辑形状
若要在图层中绘制多个形状或者修改当前形状外观,可以在工具属性栏中选择“添加”、“减去”、“交叉”或“除外”选项来修改图层中的当前形状,如图4-X所示。
图4-X在同一图层上两个形状相加集合
渐变工具:
渐变工具可以创建多种颜色间逐渐混合的效果。
可以从预设渐变中选取或通过渐变编辑器创建新的渐变效果。
渐变工具不能运用于“位图”或“索引颜色”m模式的图像。
在拖拉时用渐变填充区域,以按下鼠标处为起点和松开鼠标处为渐变终点。
渐变工具属性栏如图4-X所示。
图4-X渐变工具属性栏
渐变类型选项从左到右为:
线性渐变
,以直线从起点渐变到终点。
径向渐变
,以圆形图案从起点渐变到终点。
角度渐变
,围绕起点以逆时针扫描方式渐变。
对称渐变
,使用均衡的线性渐变在起点的任一侧渐变。
菱形渐变
,以菱形方式从起点向外渐变。
终点定义菱形的一个角。
工具属性栏中另一所圈选的勾选区为:
反向,对换渐变的起点和终点的设置,反转渐变填充中的颜色顺序。
仿色,可以在较少的颜色中创建较为平滑的过渡效果。
仿色在网页设计中较为常用,因为较少的颜色数也就意味着可以减小图片的字节数,有利于在带宽有限的网络上快速传递。
当然过少的颜色也必然损失图像的细节质量。
一般该选项被默认勾选。
透明区域,可以保持渐变设定中的透明度,如果不勾选,渐变中就不带有透明区域。
一般该选项也被默认勾选。
预设渐变选项,可从图4-X所圈选的下拉箭头中选择。
图4-X预设渐变选项
自定义渐变
点击公共栏中的渐变缩览图,可进入“渐变编辑器”对话框。
在“渐变编辑器”对话框中,可通过点按可添加色标来增加中间色,如图4-X所示。
图4-X添加色标增加中间色
更改色标中的颜色,以及位置。
可通过鼠标点选色标来设置,如图4-X所圈选所示。
其中色标两侧的菱形“颜色中点”则代表该色标颜色的色域范围,可移动来改变范围。
删除色标,可通过鼠标按住色标下拉删去色标。
渐变条的上边沿色标则是表示不透明度的“不透明度色标”。
以白色色标表示不透明度0%,一直过度到黑色表示不透明度100%。
位于渐变条上方的“平滑度”,可控制色彩的过渡范围,默认的100%可得到最亮丽最丰富的过渡色彩。
渐变类型除了默认的实底外
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 项目四 网店分类列表区的设计与制作 项目 分类 列表 设计 制作