Photoshop淘宝天猫网店设计装修从入门到精通

　　本书是一本讲解如何使用Photoshop软件进行*天猫网店设计的实例操作型自学教程，可以帮助*天猫网店店主或设计爱好者，特别是网店页面设计人员提高网店页面的制作能力，拓展*天猫网店店面的视觉设计的创造思路。本书共18章，内容包括：*天猫网店装修入门知识、丰富网店页面的色彩与布局、Photoshop软件的基本操作、美化*商品图像、店铺商品色调美化、网店文字的编排处理、商品图像合成设计、*天猫广告图片特效设计、网店装修三大区域设计、解密旺铺完美店招设计、帮助网店顾客自主购物、打造深入人心的首页设计、不同类别的展示图设计、不拘一格的宝贝描述设计、掌握家居网店装修设计、掌握食品网店装修设计、掌握电子网店装修设计、掌握化妆品网店装修设计。全书使用自带素材，通过Photoshop的制作与对素材的不同处理，制作出精美的界面效果。制作界面过程已被录为视频并被刻录成光盘，可以在手机与网络中进行播放与分享。读者学后可以融会贯通、举一反三，完成自己的作品。本书结构清晰、语言简洁、实例丰富、版式精美，适合想要在网上、手机上开店创业的读者，以及网店美工、图像处理人员、平面广告设计人员、网络广告设计人员等学习使用，同时也可以作为各类计算机培训中心、中等职业学校、中等专业学校、职业高中和技工学校的辅导教材。

　　蒋珍珍，知名电商设计师，擅长各电商平台（天猫、淘宝、京东、当当、微店等）店面整体形象设计，优化商品视觉美感。同时也是一名UI设计师，精通UI界面各元素的设计，特别是移动APP基于用户体验、人机交互的图形化设计，以及H5的设计与制作，有着丰富的一线实战经验。

目 录第１章　新手导航：淘宝天猫网店装修入门知识 11.1　入门基础：淘宝天猫网店设计入门解析… ……… 21.2　吸引客户：淘宝天猫网店装修的意义 41.2.1　展示店铺信息… ………………41.2.2　展示商品详情… ………………61.2.3　视觉营销推广… ………………81.2.4　突出产品特色… ………………91.2.5　加强产品识别… …………… 101.3　规避误区：解析网店装修中的注意事项………… 111.3.1　网店装修注意事项… ……… 111.3.2　网店装修六大误区… ……… 15第２章　视觉出彩：丰富网店页面的色彩与布局……… 172.1　色彩常识：色彩设计知识解析……… 182.1.1　无色系与彩色系… ………… 182.1.2　颜色的三种属性… ………… 202.1.3　色调奠定主旋律… ………… 262.2　店铺配色：网店常用的冷暖色系…… 302.2.1　暖色系配色效果… ………… 302.2.2　冷色系配色效果… ………… 312.3　配色方案：解密网店配色技巧……… 322.3.1　对比配色在装修中的应用… 322.3.2　调和配色在装修中的应用… 342.4　文字应用：网店文字应用技巧……… 382.4.1　字体风格的设计与运用… … 382.4.2　文字编排对页面的影响… … 402.4.3　设计文字的合理分割… …… 422.5　布局版式：网店版式布局技巧……… 442.5.1　网店布局元素分类… ……… 442.5.2　网店页面主图处理… ……… 492.5.3　网店布局版式引导… ……… 51第３章　软件入门：Photoshop 软件的基本操作……… 533.1　安装启动：掌握Photoshop 基础操作………… 543.1.1　安装Photoshop CC 软件… 543.1.2　卸载Photoshop CC 软件… 563.1.3　启动Photoshop CC 软件… 573.1.4　退出Photoshop CC 软件… 573.2　简单编辑：商品图像的基本处理…… 583.2.1　新建图像文件… …………… 583.2.2　打开与置入操作… ………… 603.2.3　保存商品文件… …………… 623.2.4　关闭商品文件… …………… 633.2.5　显示与隐藏面板… ………… 643.2.6　复制与删除图层… ………… 653.3　常用操作：排列与显示商品图像…… 663.3.1　最大化与最小化显示商品图像… ……… 673.3.2　改变商品图像窗口排列方式… ………… 673.3.3　商品图像编辑窗口的切换操作… ……… 703.3.4　商品图像的放大与缩小操作… ………… 703.3.5　使用抓手工具移动商品图像… ………… 723.3.6　适合屏幕显示商品图像… … 733.3.7　按区域显示商品图像… …… 743.3.8　调整商品图像的尺寸… …… 763.3.9　调整商品画布的尺寸… …… 763.3.10　调整商品图像的分辨率…… 783.4　辅助操作：使用标尺与参考线……… 793.4.1　显示标尺… ………………… 793.4.2　测量尺寸… ………………… 813.4.3　编辑参考线… ……………… 82第４章　抠图技能：美化淘宝商品图像……… 854.1　素材处理：简单抠图在店铺装修中的应用……… 864.1.1　使用“反向”命令处理商品素材… …… 864.1.2　使用“色彩范围”命令处理商品素材… 874.1.3　使用矩形选框工具处理商品素材… …… 894.1.4　使用椭圆选框工具处理商品素材… …… 904.1.5　使用多边形套索工具处理商品素材… … 924.1.6　使用魔棒工具处理商品图像… ………… 934.2　素材强化：精致图像点亮店铺页面… 944.2.1　使用钢笔工具路径处理商品图像… …… 944.2.2　使用“颜色加深”模式处理商品图像… 964.2.3　使用“滤色”模式处理商品图像… …… 984.2.4　使用快速蒙版处理商品图像… ………… 994.2.5　使用通道对比处理商品图像… …………1014.2.6　使用通道对比处理透明商品图像… ……103第５章　颜色调整：店铺商品色调美化…… 1055.1　颜色填充：丰富网店商品图像…… 1065.1.1　使用“颜色”面板填充商品背景… ……1065.1.2　使用油漆桶工具填充商品颜色… ………1075.1.3　使用快捷菜单填充商品颜色… …………1095.1.4　使用渐变工具填充双色商品背景… ……1105.2　颜色调整：美化网店商品颜色…… 1135.2.1　使用“自动色调”命令调整商品图像色调… …………………………1145.2.2　使用“自动对比度”命令调整商品图像对比度… ……………………1155.2.3　使用“自动颜色”命令校正商品图像色偏… …………………………1155.2.4　使用“亮度/ 对比度”命令调整商品图像明暗… ……………………1165.2.5　使用“色阶”命令调整商品图像亮度范围… …………………………1175.2.6　使用“曲线”命令调整商品图像色调… 1195.2.7　使用“曝光度”命令调整商品图像曝光度… …………………………1205.2.8　使用“自然饱和度”命令调整商品图像饱和度… ……………………1225.2.9　使用“色相/ 饱和度”命令调整商品图像色调… ……………………1235.2.10　使用“色彩平衡”命令调整商品图像偏色……………………………1245.2.11　使用“匹配颜色”命令匹配商品图像色调……………………………1255.2.12　使用“替换颜色”命令替换商品图像颜色……………………………1265.2.13　使用“阴影/ 高光”命令调整商品图像明暗…………………………1285.2.14　使用“照片滤镜”命令过滤商品图像色调……………………………1305.2.15　使用“通道混合器”命令调整图像色调1315.2.16　使用“可选颜色”命令改变商品图像颜色……………………………1325.2.17　使用“黑白”命令去除商品图像颜色…1345.2.18　使用“去色”命令制作灰度商品图像效果……………………………135第６章　文字版式：网店文字的编排处理……1376.1　文字排版：输入与编辑商品文字… 1386.1.1　制作网店商品横排文字效果… …………1386.1.2　制作网店商品直排文字效果… …………1406.1.3　修改商品文字段落属性效果… …………1426.1.4　制作商品文字段落属性效果… …………1446.1.5　设置商品文字段落属性效果… …………1466.1.6　制作横排商品文字蒙版效果… …………1486.1.7　制作直排商品文字蒙版效果… …………1506.1.8　制作商品文字水平垂直互换效果… ……1526.1.9　制作商品文字沿路径排列效果… ………1536.1.10　调整商品文字路径的形状…1556.1.11　调整商品文字位置的排列…1566.2　文字特效：制作各类商品文字特效 1576.2.1　制作商品文字凸起效果… …1576.2.2　制作商品文字下弧效果… …1606.2.3　制作商品文字转换为路径效果… ………1616.2.4　制作商品文字栅格化处理效果… ………1626.2.5　制作商品文字描边效果… …1646.2.6　制作商品文字颜色效果… …1656.2.7　制作商品文字双色渐变效果… …………166第７章　商品合成：商品图像合成设计…… 1697.1　彩妆合成：彩妆店铺合成效果设计 1707.1.1　彩妆背景优化效果制作… …1707.1.2　彩妆主体添加效果制作… …1727.1.3　彩妆商品文体效果制作… …1747.2　腕表合成：腕表店铺合成效果设计 1757.2.1　腕表店铺素材抠取处理… …1757.2.2　腕表店铺素材变换处理… …1767.2.3　腕表店铺素材合成处理… …1777.3　女装合成：女装店铺合成效果设计 1797.3.1　女装背景内容优化效果… …1797.3.2　女装搭配主体处理效果… …1807.3.3　女装元素搭配制作效果… …1817.4　手机合成：手机促销合成效果设计 1827.4.1　手机界面背景处理效果… …1837.4.2　手机促销元素处理效果… …1847.4.3　手机促销文字制作效果… …185第８章　特效处理：淘宝天猫广告图片特效设计………………………… 1878.1　特效入门：制作广告商品图片简单特效设计… 1888.1.1　广告商品图片复古特效… …1888.1.2　广告商品图片冷蓝特效… …1908.1.3　广告商品图片冷绿特效… …1938.1.4　广告商品图片暖黄特效… …1958.1.5　广告商品图片怀旧特效… …1978.2　 特效升级：打造广告商品图片复杂特效设计… 1988.2.1　广告商品图片拍立得特效… 1998.2.2　广告商品幻灯片展示特效… 2028.2.3　广告商品单张立体空间展示特效… ……203第９章　重要元素：网店装修三大区域设计 2079.1　广告海报区：店铺亮点吸引顾客眼球………… 2089.1.1　网络广告海报设计要素分析… …………2089.1.2　女鞋网店广告海报设计方案… …………2099.2　公告栏区：淘宝天猫网店信息展示平台……… 2169.2.1　网店公告栏的设计样式分析… …………2169.2.2　店铺公告栏设计方案详解… 2179.3　店铺收藏区：帮网店抓住回头客… 2209.3.1　网店收藏区的区域设计分析… …………2209.3.2　网店收藏区设计方案详解… 222第10 章　网店招牌：解密旺铺完美店招设计 22710.1　招牌设计：网店店招设计详解… 22810.1.1　店招的意义… ……………22810.1.2　店招设计的要求… ………22810.2　招牌设计：店招设计实战… …… 22910.2.1　珠宝网店店招设计… ……22910.2.2　家具网店店招设计… ……23010.2.3　眼镜网店店招设计… ……232第11 章　网店导航：帮助网店顾客自主购物 23511.1　导航设计：网店导航设计详解… 23611.1.1　导航条的设计意义… ……23611.1.2　导航条的设计分析… ……23611.1.3　导航条的尺寸规格… ……23611.1.4　导航条的色彩和字体风格分析… ……23711.2　导航设计：网店导航设计实战… 23811.2.1　手机类店铺导航设计… …23811.2.2　护肤类店铺导航设计… …240第12 章　网店首页：打造深入人心的首页设计…………………………… 24312.1　首页设计：网店首页设计详解… 24412.1.1　网店首页界面的设计要点… …………24412.1.2　网店首页设计的前期筹备工作… ……24412.1.3　网店首页设计的注意事项… …………24512.1.4　网店首页界面的设计技巧… …………24612.2　首页设计：网店首页设计实战… 24612.2.1　农产品网店首页设计… …24612.2.2　女包网店首页设计… ……250第13 章　网店主图：不同类别的展示图设计 25313.1　主图设计：网店主图设计详解… 25413.1.1　素材收集途径… …………25413.1.2　主图展示方式… …………25513.2　主图设计：网店主图设计实战… 25613.2.1　电脑网店主图设计… ……25613.2.2　玩具网店主图设计… ……261第14 章　网店详页：不拘一格的宝贝描述设计…………………………… 26514.1　详页设计：网店详页设计详解… 26614.1.1　商品详页的设计要点… …26714.1.2　商品图片的展示方式… …26714.1.3　商品细节的展示… ………26814.2　详页设计：网店详页设计实战… 26814.2.1　抱枕网店详页设计… ……26814.2.2　坚果零食网店详页设计… 272第15 章　家居行业：掌握家居网店装修设计 27715.1　家居网店：家居网店设计布局与配色分析… 27815.2　家居网店：家居网店装修实战步骤详解… … 27815.2.1　制作家居店铺导航和店招的效果… …27915.2.2　制作家居店铺首页欢迎模块的效果… 28215.2.3　制作家居店铺单品简介区的效果… …28415.2.4　制作家居店铺广告海报区域的效果… 28615.2.5　制作家居店铺服务信息区的效果… …288第16 章　食品行业：掌握食品网店装修设计 28916.1　美食网店：店铺设计布局与配色分析… …… 29016.2　美食网店：店铺网页装修实战步骤详解… … 29016.2.1　制作美食店铺导航和店招的效果… …29116.2.2　制作美食店铺首页欢迎模块的效果… 29316.2.3　制作美食店铺商品推荐区的效果… …29616.2.4　制作美食店铺商品展示区的效果… …30016.2.5　制作美食店铺底部功能区的效果… …303第17 章　电子行业：掌握电子网店装修设计 30517.1　手机网店：店铺设计布局与配色分析… …… 30617.2　手机网店：店铺网页装修实战步骤详解… … 30617.2.1　制作手机店铺背景和店招的效果… …30717.2.2　制作手机店铺首页欢迎模块的效果… 30917.2.3　制作手机店铺商品展示区的效果… …31117.2.4　制作手机店铺单品简介区的效果… …31417.2.5　制作手机店铺商品推荐专区的效果… 317第18 章　化妆品行业：掌握化妆品网店装修设计……………………………32118.1　美妆网店：店铺设计布局与配色分析… …… 32218.2　美妆网店：店铺网页装修实战步骤详解… … 32218.2.1　制作美妆店铺店招和导航的效果… …32318.2.2　制作美妆店铺首页欢迎模块的效果… 32518.2.3　制作美妆店铺促销方案的效果… ……33018.2.4　制作美妆店铺商品展示区的效果… …33118.2.5　制作美妆店铺商品热销区的效果… …335附录　Photoshop 软件快捷键操作………… 338