资源描述
淘宝美工教程,Chapter 09,箱包店铺的设计,淘宝美工教程,Chapter 09,箱包店铺的设计,技能要求,充分使用“图层混合模式”和“图层样式”对图层进行编辑,使其呈现出丰富的视觉,利用钢笔工具”和“魔棒工具”进行有效和快速的抠图,同时通过创建剪贴蒙版来对两个图层的显示进行控制,以提高编辑的效果,由此制作出丰富的效果。,根据箱包的受众群和外形特点,对店铺首页的色彩、布局、设计元素和风格等进行定位,突显出广告商品,延长顾客在店铺的停留时间,提高成交率。,Chapter 09 箱包店铺的设计技能要求充分使用“,效果展示,Chapter 09,箱包店铺的设计,怀旧色户外背包首页设计,蓝绿色女式箱包首页设计,效果展示Chapter 09 箱包店铺的设计怀旧色户外,Chapter 09,箱包店铺的设计,设计理念,在欢迎模块中使用了雪山作为背景,采用了双色调的模式让背景色彩协调而统一,并搭配上色彩艳丽的红色作为广告文字,更好的突出店铺中的活动信息;,在商品的成列展示区域,由大到小,由上至下的丰富商品的内容,让页面的布局更加的灵活,具有一定的韵律感,并通过风格一致的标题栏对每组商品进行分类,搭配鲜艳的文字来展示商品的信息,可以清晰的表现出商品的形象。,9.1,怀旧色户外背包首页设计,本案例是为户外背包店铺所设计和制作的首页效果,画面中使用了冰山作为背景,并搭配怀旧的色调来表现出户外登山这项活动的冒险、刺激和勇敢的特点,具有很强的观赏性,其具体效果如图所示。,Chapter 09 箱包店铺的设计设计理念在欢迎模块,Chapter 09,箱包店铺的设计,软件操作,为添加的雪山照片创建图层蒙版,使用“渐变工具”对图层蒙版进行编辑,让图像的边缘呈现出自然的过渡效果;,使用“黑白”调整图层打造双色调效果,并通过颜色填充图层调整整体颜色;,利用“图案叠加”样式为书包素材添加上花纹;,使用“溶解”图层混合模式让标题文字的边缘呈现出自然的溶解效果。,Chapter 09 箱包店铺的设计软件操作为添加的雪,Chapter 09,箱包店铺的设计,主要操作步骤,一、新建文档,新建填充图,层并填充为纯色。添加,素材,并进行编辑。,二、绘制所需矩形,并进行相应的设置。,三、添加素材,创建剪贴,蒙版。,Chapter 09 箱包店铺的设计主要操作步骤,Chapter 09,箱包店铺的设计,四、添加上文字,并按照相同的方法制作出其它标题栏。接着添加上锁链。,五、使用“横排文字工具”在画面中添加所需的文字。,六、为图像窗口中添加所需的箱包素材。,七、最后添加文字,绘制出所 需形状。,Chapter 09 箱包店铺的设计,Chapter 09,箱包店铺的设计,配色扩展,如图,9-63,所示是使用偏暗的灰紫色和古铜色作为主色调调整画面色彩的效果,通常情况下灰紫色会给人一种神秘感,这与户外探险运动所吸引人的地方相同,另外古铜色会表现出沉稳的感觉,两种颜色搭配在一起能够表现出和谐、稳定的感觉。,如图,9-64,所示是使用青色作为主色调,由此来表现出清脆而不张扬,伶俐而不圆滑的效果,同时使用枚红色作为辅助色进行搭配,强烈的对比效果使得画面中的重要信息更加的突出,也与户外队员鲜艳的装备色彩相互的辉映,彰显出商品的特点。,Chapter 09 箱包店铺的设计配色扩展如图9-6,9.2,蓝绿色女式箱包首页设计,本案例是为炫彩时尚的女式箱包所设计的店铺首页,页面中主要以商品展示为主,通过将广告商品与搭配商品分区展示的方式来表达出促销的氛围,搭配上纯度较高的蓝绿色,表现出知性华贵的感觉,具体的制作效果如图所示。,Chapter 09,箱包店铺的设计,设计理念,本案例在配色上使用了蓝绿色作为画面的背景,而蓝绿色是介于蓝色和绿色之间的色彩,代表一种甜美的女性特质,进而给人甜美中带有略微的成熟之感;,画面的欢迎模块中通过变形的标题文字制作出活动主题,搭配上色彩绚丽且外形多样的箱包,同时在下方以时间线的方式制作出未来每个阶段的活动信息,充分地传递出店铺的活动信息和动态;,在搭配区域中通过两种不同商品的搭配,突出本次活动的优惠力度,增强顾客的购买欲,接着以单品展示的方式突出广告商品的信息,加强商品的宣传。,9.2 蓝绿色女式箱包首页设计本案例是为炫彩时尚的女式箱,Chapter 09,箱包店铺的设计,软件操作,使用“矩形工具”、“椭圆工具”和“钢笔工具”等多种绘图工具绘制出画面中所需的形状,并在工具的选项栏中设置每个形状的填充色;,使用“横排文字工具”添加画面中所需文字,通过“旋转”命令调整部分文字的角度;,使用“投影”样式为箱包添加上阴影效果;,使用“钢笔工具”精确抠取箱包,并通过“合并图层”命令将箱包图层进行合并。,Chapter 09 箱包店铺的设计软件操作使用“矩形,Chapter 09,箱包店铺的设计,主要操作步骤,一、新建文档,填充背景色。,二、添加文字和素材。,三、绘制出矩形和箱包形状,并,添加文字。,Chapter 09 箱包店铺的设计主要操作步骤,Chapter 09,箱包店铺的设计,四、使用形状工具绘制出活动内容区域所需的形状,并添加文字,然后添加素材。,五、绘制出欢迎模块区域所需的形状。再使用形状工具和文字工具制作出欢迎模块中所需的收藏及标识图像。,Chapter 09 箱包店铺的设计,Chapter 09,箱包店铺的设计,七、制作出商品展示平台。,八、添加图片素材,然后添加文字和,所需的形状。,九、参考前面的编辑方法,绘制出,其它区域内容。,Chapter 09 箱包店铺的设计,Chapter 09,箱包店铺的设计,配色扩展,如图,9-112,所示是用红色作为主色调的制作效果,这样的配色会营造出一种喜庆的气氛,适合在一些较为热闹和欢庆的节日中使用,画面中的红色不止一种,而是由多种不同明度和纯度的红色组成,形成了丰富的层次。,如图,9-113,所示是使用蓝绿色到枚红色自然过渡的线性渐变作为画面背景的制作效果,这样的配色会营造出一种神秘浪漫的氛围,与当下女式箱包流行的混搭风相互的吻合,可以突显出商品的特点。,Chapter 09 箱包店铺的设计配色扩展如图9-1,9.3,课后习题,实操题,Chapter 09,箱包店铺的设计,以女式箱包和矢量卡通形象为素材,如图,9-117,、,9-118,和,9-119,所示,设计一个女式箱包的首页,要求将素材照片调整为多种色彩,并以卡通形象作为画面背景,利用双色调修饰网页背景,通过彩色的商品与双色调形成色彩上的碰撞,同时使用,Z,字形进行布局,如图,9-116,所示。,图,9-117,图,9-118,图,9-119,图,9-116,9.3 课后习题实操题Chapter 09 箱包店铺的,谢谢,观赏,“,“,Chapter 09,箱包店铺的设计,谢谢观赏“Chapter 09 箱包店铺的设计,
展开阅读全文