中文版Photoshop淘宝美工设计完全自学教程 时代印象 著 专业科技 文轩网

目录 章 淘宝美工常识............................26 1.1  什么是淘宝美工......................................................26 1.2  淘宝美工都做什么....................................................  26 1.2.1  优化商品图片.......................................................  26 1.2.2  设计店铺首页........................................................  28 1.2.3  制作活动海报........................................................  29 1.2.4  制作宝贝描述页....................................................  29 1.3  淘宝美工工作准备....................................................  30 1.3.1  基础软件配备.......................................................  30 1.3.2  分析商品图片........................................................  30 1.3.3  收集常用素材........................................................  30 1.3.4  拍摄商品图片.......................................................31 1.3.5  分析店铺风格........................................................  33 1.4  认识淘宝店铺...........................................................  34 1.4.1  店铺首页..............................................................  34 1.4.2  宝贝详情页...........................................................  36 1.5  淘宝美工工作的目的.................................................  36 1.5.1  商品美化的目的....................................................  36 1.5.2  店铺设计的目的....................................................  36 1.6  色彩是致命诱惑........................................................  36 1.6.1  颜色的影响...........................................................  36 1.6.2  颜色的性格...........................................................  37 1.6.3  网页安全色...........................................................  37 1.6.4  淘宝色彩搭配技巧.................................................  38 1.7  字体赋予标题竞争力.................................................  39 1.7.1  网页常用字体.......................................................  39 1.7.2  如何提升标题竞争力..............................................  40 1.7.3  文字内容也是重点................................................41 1.7.4  淘宝常用文本设置准则.........................................41 1.8  版式布局凸显格调....................................................  41 1.8.1  淘宝常见版式布局....................................................  41 1.8.2  如何提升版式设计.................................................  42 1.8.3  店铺布局设计原则.................................................  43 1.8.4  巧用网格与辅助线.................................................  45 1.8.5  元素决定版式风格.................................................  45 第2章  淘宝美工Photoshop基础操作.......46 2.1  Photoshop 工作界面.................................................  46 2.1.1  Photoshop 工作界面组件........................................  46 2.1.2  菜单栏..................................................................  46 2.1.3  标题栏..................................................................  47 2.1.4  工具箱..................................................................  47 2.1.5  工具选项栏...........................................................  47 2.1.6  面板.....................................................................  47 2.1.7  状态栏..................................................................  48 2.1.8  文档窗口..............................................................  49 2.1.9  选项卡..................................................................  49 2.2  图像的基础设置........................................................  49 2.2.1  新建文档...............................................................  49 实战：新建一个商品文件..................................................  50 2.2.2  打开与置入文件.....................................................  50 实战：打开和置入一个商品文件.......................................  50 2.2.3  存储文件........................................................................51 实战：存储宝贝图像文件.........................................................51 2.2.4  修改宝贝图片尺寸与画布大小.................................  52 实战：修改宝贝画布大小..................................................  52 实战：修改宝贝图像文件大小...........................................  52 2.2.5  复制、剪切与粘贴..................................................  52 实战：如何对宝贝进行复制、剪切与粘贴..........................  53 2.2.6  撤销、返回、恢复操作...........................................  53 实战：宝贝的撤销与恢复操作...........................................  53 2.2.7  宝贝图像的自由变换..............................................  54 实战：宝贝图像的自由变换..............................................  54 2.2.8  宝贝的单位与标尺设置...........................................  54 实战：设置宝贝的单位与标尺...........................................  54 2.2.9  宝贝的参考线设置..................................................  55 实战：宝贝的参考线设置的应用.......................................  55 2.2.10  调整缓存宝贝文件位置.........................................  55 实战：调整缓存宝贝文件位置...........................................  55 2.3  Photoshop 图层操作.................................................  56 2.3.1  新建图层与图层组.................................................  56 实战：宝贝图层的新建方法..............................................  56 2.3.2  合并与盖印图层.....................................................  56 实战：宝贝图层的合并与盖印...........................................  56 2.3.3  图层混合模式........................................................  57 实战：用混合模式制作炫彩唇妆.......................................  60 2.3.4  宝贝图层样式........................................................  60 实战：宝贝图层样式.........................................................61 2.3.5  图层蒙版...............................................................  63 实战：用图层蒙版合成宝贝照片.......................................  63 第3章  商品与素材准备——抠图............64 3.1  为什么要抠图...........................................................  64 3.2  商品的抠图技巧........................................................  64 3.2.1  商品的素材准备....................................................  64 实战：为宝贝展示准备素材..............................................  64 3.2.2  更换商品的颜色.....................................................  65 实战：通过色相/  饱和度为商品替换颜色...........................  65 3.2.3  更换商品的背景.....................................................  66 实战：通过填充工具更换商品的背景.................................  66 3.2.4  基本形状抠图........................................................  67 实战：利用椭圆选框工具对商品抠取.................................  67 3.2.5  批量复制宝贝........................................................  67 实战：通过调整边缘抠取商品...........................................  67 3.3  复杂商品的抠图技法.................................................  69 3.3.1  复杂背景抠图........................................................  69 实战：复杂背景抠图........................................................  69 3.3.2  处理商品中的毛发..................................................  70 实战：处理商品中的毛发..................................................  70 第4章  修饰淘宝商品主图........................72 4.1  如何选择商品图片....................................................72 4.2  商品主图的尺寸规范.................................................73 4.2.1  图片尺寸与要求....................................................73 4.2.2  在软件中修改尺寸.................................................73 4.3  商品图片常见问题....................................................74 4.4  淘宝图片修复技法....................................................74 4.4.1  修复商品位置........................................................74 实战：通过修复工具修复商品的位置.................................75 4.4.2  去除图片水印........................................................75 实战：去除口红图片上的水印...........................................75 4.4.3  修补商品瑕疵........................................................75 实战：修补陶瓷杯上的瑕疵..............................................76 4.4.4  调整商品轮廓........................................................76 实战：虚化商品轮廓........................................................76 4.4.5  补全商品图片........................................................76 实战：补全残缺的玉器.....................................................76 4.4.6  商品清晰化...........................................................77 实战：通过锐化工具让项链更清晰....................................77 4.5  淘宝图片修饰技法....................................................77 4.5.1  添加图片水印........................................................77 实战：为手机图片添加水印..............................................77 4.5.2  突出商品模糊背景.................................................78 实战：模糊太阳帽图片的背景...........................................78 实战：放大突出商品........................................................78 4.5.3  去除背景杂物........................................................78 实战：去除背景杂物........................................................79 4.5.4  美化商品边缘........................................................79 实战：美化纸杯蛋糕边缘..................................................79 4.6  淘宝批量修图技法....................................................80 4.6.1  批量更改图片格式.................................................80 实战：批量更改商品图片格式...........................................80 4.6.2  批量添加水印........................................................80 实战：批量添加商品图片水印...........................................80 第5章  淘宝商品主图调色........................82 5.1  常见图片颜色问题....................................................82 5.2  Photoshop常用调色设置...........................................82 5.2.1  亮度/对比度命令..................................................83 5.2.2  色阶......................................................................84 5.2.3  曲线......................................................................85 5.2.4  色调均化...............................................................88 5.2.5  反相......................................................................88 5.2.6  色相/饱和度.........................................................89 5.3  淘宝图片颜色修复技法..............................................90 5.3.1  调整曝光过度........................................................90 实战：调整曝光过度照片..................................................90 5.3.2  调整曝光不足..............................................................91 实战：调整严重曝光不足照片............................................91 5.3.3  弱化背景色调..............................................................91 实战：弱化背景色调.........................................................91 5.3.4  调整图片暗部........................................................92 实战：调整商品图片暗部..................................................92 5.3.5  调整颜色偏色........................................................92 实战：调整商品照片的颜色偏色.......................................93 5.3.6  更改商品图片色调..................................................93 实战：更改商品图片色调..................................................93 5.3.7  制作黑白图片........................................................93 实战：制作黑色复古商品照片...........................................93 5.4  淘宝图片调色技法....................................................94 5.4.1  调整图片颜色对比.................................................94 实战：调整商品图片颜色对比...........................................94 5.4.2  调整暖色调图片.....................................................95 实战：调整暖色调商品图片..............................................95 5.4.3  调整冷色调图片.....................................................96 实战：调整冷色调商品图片..............................................97 5.4.4  调整颜色纯度........................................................97 实战：调整商品颜色纯度..................................................97 5.4.5  调整背景色调........................................................98 实战：调整商品图片背景色调...........................................98 5.4.6  更换背景颜色........................................................98 实战：更换商品图片背景颜色...........................................98 5.5  淘宝批量调色技法....................................................99 5.5.1  批量调整曝光度不足..............................................99 实战：批量调整商品图片曝光度不足.................................99 5.5.2  批量调整图片色调................................................100 实战：批量调整商品图片色调.........................................100 第6章  淘宝商品特效合成......................102 6.1  合成特效为商品加分...............................................102 6.2  淘宝图片合成技法..................................................102 6.2.1  制作投影与阴影..................................................102 实战：豆浆机投影的合成................................................103 实战：商品的阴影展示...................................................104 6.2.2  商品组合展示......................................................106 实战：商品组合展示......................................................106 实战：电压锅组合展示...................................................108 6.2.3  完善商品背景..............................................................110 实战：丰富商品背景..............................................................110 6.3  淘宝图片特效添加..................................................112 6.3.1  丰富商品功能.............................................................112 实战：丰富产品功能..............................................................112 6.3.2  添加光晕特效.................................................................113 实战：给汽车添加光晕特效.....................................................113 6.3.3  美化商品展示..............................................................115 实战：美化商品展示..............................................................115 第7章  商品文字制作............................120 7.1  商品文字制作注意事项............................................120 7.1.1  文字设计的基本原则...........................................120 7.1.2  文字设计的基本要求...........................................121 7.1.3  文字设计的制作过程............................................122 7.1.4  文字设计的禁忌..................................................122 7.2  制作标题文字.........................................................123 7.2.1  标题设置.............................................................123 实战：淘宝标题设置......................................................123 7.2.2  标题展示技法......................................................124 实战：标题的展示技法...................................................125 7.3  编辑段落文字.........................................................125 7.4  淘宝常用文字设计..................................................125 7.4.1  笔画相连............................................................125 实战：笔画相连的制作技法............................................126 7.4.2  图形趣味.............................................................126 实战：“鲜芒果”趣味字体设计.....................................126 7.4.3  文字变形.............................................................128 实战：文字变形的字体设计............................................128 7.4.4  点缀与修饰.........................................................129 实战：点缀与修饰的字体设计.........................................129 7.4.5  减少笔画.............................................................130 实战：笔画减少字体设计................................................130 7.5  淘宝常用文字效果..................................................131 7.5.1  立体文字效果.....................................................131 实战：立体文字效果设计...............................................131 7.5.2  材质文字.............................................................132 实战：材质文字效果设计................................................132 7.5.3  透视与角度..........................................................135 实战：透视与角度的文字效果设计..................................135 第8章  淘宝店标制作............................136 8.1  认识淘宝店标.........................................................136 8.1.1  店标的作用.........................................................136 8.1.2  淘宝店标的制作原则............................................136 8.1.3  淘宝店标的分类..................................................137 8.2  淘宝店标应用到店铺中............................................139 8.3  文字类淘宝店标制作...............................................139 8.3.1  淘宝的中文类店标...............................................139 实战：制作淘宝炫酷中文店标.........................................140 8.3.2  淘宝的英文类店标...............................................141 实战：淘宝的英文类店标制作图.....................................141 8.4  图案类淘宝店标制作...............................................142 8.4.1  淘宝中的单色图形店标........................................142 实战：淘宝店标单色制作图............................................142 8.4.2  淘宝中的卡通图案店标.........................................143 实战：卡通图案店标制作图............................................143 8.4.3  淘宝中的三维立体店标.........................................145 实战：三维立体店标制作图............................................145 第  9章 淘宝首页店招设计......................148 9.1  店招的作用及分类..................................................148 9.1.1  店招存在的意义..................................................148 9.1.2  常见店招的类别...................................................148 9.2  店招设计的注意事项...............................................149 9.2.1  店招尺寸规范......................................................149 9.2.2  店招格式规范......................................................149 9.2.3  店招设计要点......................................................149 9.3  店招包含的信息......................................................150 9.3.1  店铺Logo与名称.................................................150 9.3.2  店铺主营品牌名称................................................150 9.3.3  店铺主题广告语...................................................150 9.3.4  商品图片.............................................................150 9.3.5  店铺收藏.............................................................150 9.4  常见淘宝店招设计..................................................150 9.4.1  服饰类店招.........................................................150 实战：欧美风女装店招设计与详解..................................150 实战：男鞋旺铺店招设计与详解.....................................154 9.4.2  食品类店招..........................................................156 实战：海鲜旺铺店招设计与详解.....................................156 9.4.3  母婴类店招..........................................................160 实战：母婴产品店招设计与详解.....................................160 9.4.4  运动类店招.........................................................162 实战：运动类店招制作...................................................162 9.4.5  数码类店招..........................................................166 实战：数码相机店招设计与详解.....................................166 9.4.6  美妆类店招..........................................................168 实战：美妆店招设计与详解............................................168 9.5  好店招具备哪些优势...............................................171 9.5.1  品牌优势突出......................................................173 9.5.2  寓意直观深刻......................................................173 9.5.3  信息传达深刻......................................................173 9.5.4  极强的视觉记忆...................................................173 0章  店铺导航条设计........................174 10.1  认识导航条..........................................................174 10.1.1  导航条常用尺寸...............................................174 10.1.2  自定义导航页面...............................................175 10.2  导航条设计要点....................................................175 10.3  导航条上传与管理.................................................176 10.4  店铺导航栏设计展示..............................................177 10.4.1  小清新风格......................................................177 实战：制作小清新风格导航条........................................177 10.4.2  时尚简约风格...................................................180 实战：制作科技手机导航条...........................................180 10.4.3  可爱风格..........................................................182 实战：可爱风格的导航条设计........................................182 10.4.4  中国古风.........................................................184 实战：中国古风导航条设计...........................................184 10.4.5  欧美复古风......................................................185 实战：黑白经典男装导航条...........................................185 1章  淘宝首屏海报制作.....................188 11.1  首屏海报非常重要.................................................188 11.1.1  首屏海报是什么..............................................188 11.1.2  尺寸与格式规范...............................................188 11.1.3  首屏海报重要性...............................................189 11.1.4  影响海报的展示因素........................................190 11.2  首屏海报设计技巧.................................................191 11.2.1  各元素之间的关系................................................191 实战：协调各元素制作首屏海报....................................192 11.2.2  文案字体不超过三种........................................194 实战：文案字体不超过三种...........................................195 11.2.3  海报用色不宜过多............................................195 实战：海报用色不宜过多..............................................196 11.2.4  制作风格与页面一致........................................198 实战：制作风格与页面一致...........................................198 11.2.5  模特使用是否得当............................................201 实战：模特使用是否得当..............................................201 11.2.6  图文不要强行拼凑............................................202 实战：美妆海报的制作..................................................203 11.2.7  文案过多怎么办...............................................204 实战：母婴海报制作.....................................................205 11.2.8  创意欠缺怎么办...............................................208 实战：创意女装活动海报..............................................208 11.3  淘宝首屏海报分类.................................................211 11.3.1  活动信息类别.........................................................211 实战：美食活动海报......................................................211 11.3.2  新品上市类别..................................................212 实战：新品发布海报制作..............................................213 11.3.3  店铺通知类别..................................................215 实战：国庆通知海报.....................................................215 2章  淘宝活动促销广告.....................218 12.1  促销广告的存在意义..............................................218 12.2  促销广告设计准则.................................................218 12.2.1  牢记尺寸格式规范............................................218 12.2.2  突出活动主题...................................................219 12.2.3  明确活动目的...................................................219 12.2.4  保证广告形式美观............................................220 12.3  淘宝常见活动促销广告..........................................220 12.3.1  店铺开张.........................................................220 实战：新店开业促销活动设计........................................221 12.3.2  店庆促销..........................................................223 实战：周年庆促销活动设计...........................................223 12.3.3  节日促销..........................................................225 实战：双十一促销活动设计...........................................225 实战：圣诞促销活动设计..............................................227 实战：春节促销活动设计..............................................229 实战：情人节促销活动设计...........................................232 12.3.4  促销..........................................................234 实战：年末清仓促销活动..............................................234 实战：促销活动设计..............................................237 3章  淘宝公告栏设计制作..................240 13.1  公告栏作用..........................................................240 13.1.1  什么是淘宝公告栏...........................................240 13.1.2  公告栏尺寸......................................................241 13.2  公告栏分类设计....................................................241 13.2.1  店铺开张公告..................................................242 实战：店铺开张公告.....................................................242 13.2.2  店铺声明公告...................................................244 实战：店铺放假公告.....................................................244 13.2.3  活动公告..........................................................245 实战：活动公告............................................................245 13.2.4  抢购公告..........................................................248 实战：抢购公告............................................................248 4章  店铺收藏区设计.......................252 14.1  收藏区的设计作用.................................................252 14.2  收藏区的设计要点.................................................252 14.2.1  收藏区的常用位置............................................253 14.2.2  如何吸引买家关注............................................253 14.2.3  收藏区与店铺风格统一.....................................253 14.3  淘宝常用收藏区设计..............................................254 14.3.1  简单收藏区......................................................254 实战：简单收藏区的制作..............................................254 14.3.2  主题收藏区......................................................255 实战：新品上市收藏区..................................................255 14.3.3  综合侧栏收藏区...............................................256 实战：综合侧栏收藏区的制作........................................256 5章  店铺客服区设计........................260 15.1  客服区作用..........................................................260 15.2  客服区设计原则....................................................261 15.2.1  明确设计目的..................................................261 15.2.2  设计尺寸规范...................................................262 15.3  淘宝客服区制作....................................................262 15.3.1  简洁型客服区..................................................262 实战：简洁型客服区.....................................................262 15.3.2  文案类客服区...................................................264 实战：文案类客服区.....................................................264 15.3.3  图文结合类客服区............................................268 实战：图文结合类客服区..............................................268 6章  首页热销板块与展架.................274 16.1  认识热销板块与展架的区别....................................274 16.1.1  热销板块与展架的区别.....................................274 16.1.2  尺寸规范.........................................................275 16.1.3  热销板块的重要性............................................276 16.2  热销板块的特征....................................................276 16.2.1  主题清晰且吸引人............................................276 16.2.2  展示与优惠券呈现............................................276 16.2.3  主推产品与设计融合.........................................276 16.3  展架制作要点.......................................................277 16.3.1  产品选择与规范...............................................277 16.3.2  产品与信息的关系............................................277 16.3.3  货架小导航条设计............................................277 16.4  宝贝热销区与展架设计..........................................277 16.4.1  活动热销区......................................................277 实战：海鲜馆活动热销区设计........................................278 实战：服装类活动热销区设计........................................282 16.4.2  宝贝展架设计...................................................285 实战：运动鞋类展架设计..............................................285 实战：男装展架设计.....................................................291 7章  淘宝店铺首页设计....................296 17.1  店铺首页制作规范.................................................296 17.1.1  首页包含哪些内容...........................................296 17.1.2  首页制作尺寸规范............................................298 17.1.3  首页元素格式规范............................................299 17.2  店铺首页常用布局.................................................300 17.2.1  普通店铺首页布局............................................300 17.2.2  旺铺首页布局...................................................300 17.3  用颜色美化店铺首页..............................................301 17.3.1  根据店铺类型选择颜色.....................................301 17.3.2  根据产品选择颜色............................................301 17.3.3  店铺要有重点色...............................................301 17.3.4  不要大量使用刺激色.........................................302 17.3.5  中性色的妙用...................................................302 17.4  首页字体使用规范.................................................302 17.4.1  网络常用字体分类............................................302 17.4.2  首页文本使用原则............................................302 17.5  进行Photoshop页面切图制作 ...............................302 17.5.1  标示裁切位置..................................................302 17.5.2  切图制作与保存................................................303 实战：商品切图与保存..................................................303 17.6  淘宝店铺首页设计展示..........................................304 17.6.1  简洁店铺首页设计............................................304 实战：简约女装首页设计..............................................304 17.6.2  时尚店铺首页设计............................................311 实战：潮流男装店铺首页设计...............................................311 17.6.3  复古店铺首页设计............................................320 实战：茶具店铺首页设计..............................................320 8章  淘宝活动页设计....................328 18.1  关于淘宝活动页....................................................328 18.1.1  淘宝活动页的作用...........................................328 18.1.2  活动页尺寸规范...............................................328 18.1.3  活动页格式规范...............................................329 18.1.4  活动页包含哪些内容........................................330 18.2  常见淘宝活动页布局..............................................331 18.2.1  “T”字布局....................................................331 18.2.2  “王”字布局....................................................331 18.3  如何做好淘宝活动页..............................................331 18.3.1  要符合页面的气氛............................................331 18.3.2  颜色会影响点击率............................................332 18.3.3  做个吸引人的文案............................................332 18.4  淘宝店铺活动页设计展示.......................................333 18.4.1  店铺促销活动页...............................................333 实战：双十一促销活动页设计........................................333 18.4.2  店铺圣诞活动页...............................................347 实战：狂欢圣诞活动页设计...........................................347 18.4.3  店铺换季活动页...............................................358 实战：秋季换装活动页设计...........................................358 9章  宝贝描述页设计....................370 19.1  关于宝贝描述页....................................................370 19.1.1  宝贝描述页是什么...........................................370 19.1.2  描述页的尺寸规范............................................370 19.1.3  描述页包含内容...............................................371 19.2  淘宝描述页布局设计..............................................371 19.3  高信息传递的宝贝详情展示....................................372 19.3.1  商品细节放大效果............................................372 19.3.2  灵活添加对比效果............................................372 19.3.3  突出产品特性...................................................372 19.4  不可或缺的宝贝描述设计.......................................372 19.4.1  宝贝描述设计是什么.........................................373 19.4.2  宝贝描述内容有哪些.........................................373 19.4.3  为什么设计宝贝描述.........................................373 19.4.4  制作描述时注意什么.........................................373 19.4.5  宝贝描述设计技巧............................................373 19.5  宝贝描述设计展示.................................................374 19.5.1  左、右分栏类...................................................374 实战：女包描述页设计..................................................374 19.5.2  表格罗列类......................................................378 实战：女士牛仔裤描述页设计........................................378 19.5.3  细节展示类......................................................381 实战：儿童运动袜描述页设计........................................382 19.5.4  多方位展示类...................................................385 实战：冬季女鞋描述页设计...........................................385 19.5.5  并联展示类......................................................389 实战：女士耳钉描述页设计...........................................390 19.6  宝贝描述页面的设计展示.......................................393 19.6.1  模特展示类......................................................393 实战：女士秋大衣描述页设计........................................393 19.6.2  商品展示类......................................................396 实战：户外登山包描述页设计........................................396 19.6.3  同类型商品展示类............................................399 实战：女士马丁靴描述页设计........................................399 第20章  服装类网店设计制作分析...........402 20.1  网店整体设计分析.................................................402 20.1.1  服装类店铺分析...............................................402 20.1.2  本案例的结构展示与配色分析...........................404 20.2  服装类店铺首页设计与制作....................................406 实战：服装类店铺首页设计...........................................406 20.3  服装类店铺活动页设计与制作.................................411 实战：服装类店铺活动页设计..................................................411 20.4  服装类宝贝描述页设计与制作.................................414 实战：服装类宝贝描述页设计........................................414 第21章  装饰类网店设计制作分析...........416 21.1  网店整体设计分析.................................................416 21.1.1  装饰类店铺分析...............................................416 21.1.2  本案例的结构展示与配色分析...........................418 21.2  装饰类店铺首页设计与制作....................................419 实战：装饰类店铺首页设计...........................................419 21.3  装饰类店铺活动页设计与制作.................................426 实战：装饰类店铺活动页设计........................................426 21.4  装饰类宝贝描述页设计与制作.................................433 实战：装饰类宝贝描述页设计........................................433 附录A  Photoshop工具与快捷键索引........................................435 附录B  Photoshop命令与快捷键索引........................................437 附录C  淘宝推广技巧..............................................................438 附录D  淘宝常用的配色技巧....................................................440