淘宝天猫网店美工一本通：Photoshop图像处理+Dreamweaver店铺排版 pdf epub mobi txt 电子书 下载 2025

简体网页||繁体网页

☆☆☆☆☆

六点木木 著

图书标签:

• 淘宝店铺
• 天猫店铺
• 美工
• Photoshop
• 图像处理
• Dreamweaver
• 店铺排版
• 网页设计
• 电商设计
• 设计教程

出版社： 电子工业出版社

ISBN：9787121291777

版次：1

商品编码：11990696

品牌：Broadview

包装：平装

开本：16开

出版时间：2016-07-01

用纸：胶版纸

页数：392

正文语种：中文

编辑推荐

全实战案例图文详解步骤演示，淘宝开店一线实战经验精华！

不进培训班 零基础轻松学！

配套练习素材，涉及细节、所需素材会一一标注，边看边练习，即学即用！

本书为拥有多年一线实战经验的知名讲师倾情奉献，网店图片处理、网店页面排版，一本就够！

内容简介

这是一本从网店处理图片需求出发的案例实操图文详解图书。书中涉及内容全部源自淘宝开店一线经验精华，通过学习本书，能帮你快速学会并掌握网店所需图片处理以及店铺排版技能。

本书共三篇。第一篇讲解图片处理，第二篇讲解网店装修排版，第三篇讲解图片处理与网店装修排版的综合使用。市面上处理图片的工具有很多，网店所需为平面图片，所以我们用专业的Photoshop软件+Dreamweaver软件。真正实现：不进培训班，轻松享受专业学习。

作者简介

李露茜 （淘宝ID：卓瑞商学院）笔名六点木木，淘宝教育平台*早一批讲师，卓瑞商学院创始人，卓瑞首席讲师，6年来驻足淘宝一线，见证淘宝多次变革和发展，熟悉淘宝运作模式和诚信体系，根据开店流程独创多个系统教学课程，授课方向：《淘宝开店内功修炼》《店铺装修》《网店推广运营》《金牌客服系列》《老客维护二次营销》《淘宝美工速成》《轻松学会抠图换背景》《PS色差调整美化图片》《网店促销图设计制作》《DW网店个性排版》等，帮助众多中小卖家成功开店并实现盈利。原创开发的电商系列课程学员辐射超过八十万。具有独立编写系统性、可操作性教学课件的能力，曾为北京知名企业研发制作电商系列课程，颇受学员好评及喜爱。

内页插图

目录

第一篇 网店 Photoshop 图片处理实操技能
第 1 章 图片剪裁、角度修正、文字处理
1．1 初识 Photoshop 软件、版本、界面简介
1．1．1 初始 Photoshop 软件、版本简介
1．1．2 Photoshop CS6 界面简介
1．1．3 Photoshop 中新建、打开、保存、关闭、退出等基本操作
1．1．4 网店处理图片时常用的画布缩放、自由变换、移动操作
1．2 随心所欲调整图片大小
1．2．1 旺铺装修、宝贝主图、宝贝详情图的尺寸要求
1．2．2 图片尺寸 ＞ 已知需求尺寸的处理
1．2．3 图片尺寸 ＜ 已知需求尺寸的处理
1．2．4 图片大小调整
1．3 多图拼接、认识图层
1．3．1 多图拼接，图层排序
1．3．2 图层操作详解
1．4 对倾斜的商品图片纠正角度
1．4．1 图层整体旋转
1．4．2 图层局部旋转
1．4．3 画布旋转
1．4．4 标尺工具处理倾斜图片
1．5 角度不好的商品图片重新取景
1．6 字体及字体安装
1．7 在图片上添加文字以及文字特效
1．7．1 横排/直排文字工具
1．7．2 横排/直排文字蒙版工具
1．7．3 文字排版：设置字体、大小、颜色、对齐方式、间距等
1．7．4 创建文字变形
1．7．5 文字的图层样式
1．8 常用图片格式转换
1．9 图片和文字的投影、倒影、加边框
1．9．1 图片投影、倒影、加边框
1．9．2 文字的描边、投影、倒影
1．10 制作 GIF 动态图片，让你的商品动起来

第 2 章 色差调整美化图片
2．1 商品图片亮度处理
2．2 有白平衡、色差问题的图片处理
2．3 照片清晰度的调整（锐化）
2．4 美化精修图片
2．4．1 祛斑遮瑕
2．4．2 磨皮美白
2．4．3 瘦脸瘦身/丰胸提臀
2．5 调整人物面部阴影或高光
2．6 逆光照片处理
2．7 照片色彩调整

第 3 章 轻松学会抠图换背景
3．1 调整边缘法抠图
3．2 通道法抠图
3．3 滤镜抽出法抠图
3．4 图层混合模式法抠图
3．5 色彩范围法抠图
3．6 图层样式法抠图
3．7 钢笔工具抠图
3．8 复杂背景抠取毛发、婚纱技巧
3．9 抠取透明物体
3．10 纯色背景一步抠取法

第 4 章 去水印/做水印/加水印
4．1 常用 6 种去水印方法
4．2 复杂背景去水印方法
4．3 制作多种类型的水印
4．3．1 横排/竖排/倾斜文字水印
4．3．2 图形水印
4．3．3 图形水印
4．3．4 透明立体水印
4．4 添加水印
4．5 批量修改图片大小

第 5 章 网店所需各类图片设计制作
5．1 店招设计制作
5．2 宝贝主图设计制作
5．3 宝贝详情描述图设计制作
5．4 店铺装修所需促销图、海报图设计制作

第二篇 完美兼容淘宝店铺的 DreamWeaver 个性化排版
第 6 章 兼容淘宝网店的基础代码编写

6．1 初识 DreamWeaver 软件、版本、界面简介
6．2 HTML 基本语法以及网店装修常用标签
6．2．1 什么是 HTML
6．2．2 HTML 语法
6．2．3 网店装修常用标签
6．3 DreamWeaver 中插入文字、段落、图片并加链接
6．3．1 添加文字及其文字代码
6．3．2 段落及其代码
6．3．3 添加图片及其图片代码
6．3．4 为文字图片加链接及其代码
6．4 在 DreamWeaver 中用地图实现一图多链接

第 7 章 兼容淘宝网店的表格排版
7．1 DreamWeaver 中表格基础知识
7．2 DreamWeaver 中表格进阶之表格嵌套
7．3 DreamWeaver 中 CSS 样式布局排版及应用到网店的重要技巧

第 8 章 兼容淘宝网店的案例实操
8．1 表格布局制作优惠套餐模板
8．2 表格布局制作宝贝展示模块
8．3 表格布局制作产品分类模块
8．4 表格布局制作客服中心模块

第三篇 Photoshop 切片 + DreamWeaver 加链接的综合使用
第 9 章 Photoshop 切片 + DreamWeaver 实现一图多链接
9．1 Photoshop 切片工具及用法
9．2 Photoshop+DreamWeaver 综合应用：不同类型图的切片加链接方法
附录 A 第一篇资料
附录 B 第二篇资料
附录 C 第三篇资料

前言/序言

这是一本从网店处理图片需求出发的全实战案例操作+图文详解图书。书中涉及内容全部源自淘宝天猫开店一线经验精华，认真看完并对照步骤练习，能快速学会并掌握网店所需图片处理以及店铺排版技能。

本书共三篇。第一篇讲解图片处理，第二篇讲解网店装修排版，第三篇讲解图片处理与网店装修排版的综合使用。市面上处理图片和页面排版的软件有很多，功能各不相同，而网店所需为平面图片，且淘宝天猫本身是一个网站，旗下所有网店的装修排版属于网页编辑范畴，所以本书将采用最权威专业的平面处理软件 Photoshop 和网页设计软件 Dreamweaver 为大家讲解实操技能。真正实现：不进培训班，轻松享受专业学习，零基础也能学会独立操作。

第一篇：网店 Photoshop 图片处理实操技能，第 1~5 章。本篇从图片剪裁/角度修正/文字处理、色差调整美化图片、轻松学会抠图换背景、去水印/做水印/加水印、网店所需各类图片设计制作五个方向，以案例操作步骤图文说明的形式，讲解网店图片利用 Photoshop 应该如何处理；通过处理过程的还原，大家既能学会网店图片处理方法，又能轻松从案例操作步骤中掌握Photoshop 软件不同工具的用法，一举多得。

第二篇：完美兼容淘宝店铺的 Dreamweaver 个性化排版，第 6~8 章。淘宝网是一个大型网站，每一个淘宝卖家的店铺是其分支，可以理解为单个小型网站，由不同的网页构成。当卖家装修店铺或发布宝贝时，可以个性化排版展示商品，这个“排版”的动作用 Dreamweaver 软件可视化编辑会更简单。本篇从 HTML 网页基本语法、网店装修常用标签、排版时插入文字/段落/图片并设置其样式、为文字添加链接、为图片添加一个或多个链接、利用表格布局排版等六个方面，手把手教会大家完美兼容淘宝网店的表格布局代码编写技巧，并通过案例还原网店使用频率最高的“优惠套餐模块” 、 “宝贝展示模块” 、 “产品分类模块” 、 “客服中心模块”的排版过程，以及学会这几类问题的处理方法。即使是零基础的“小白”学完后，结合第一篇的图片处理知识，也能独立排版出网店常用 98%以上的宝贝展示效果。网店装修个性化被淘宝官方限制在一定范围内，对 Dreamweaver 软件使用高手来说，更得看看这些内容，它跟独立网站的设计和制作还是有区别的。

第三篇：Photoshop 切片+Dreamweaver 加链接的综合使用，第 9 章。当对店铺进行装修或对店内商品详情进行排版时，不管是图片还是页面展示，从无到有再到专业，一定是建立在对软件熟练的基础上按需灵活处理实现； 本篇将教会大家开店必备技巧：Photoshop 处理好的图片切片、导出切片/代码、在 Dreamweaver 软件中编辑修改和安装到店铺。学会这些方法后，将终身受用。

淘宝天猫网店美工一本通：Photoshop图像处理+Dreamweaver店铺排版 打造令人瞩目的视觉营销，提升网店转化率的实战秘籍 在竞争激烈的电商时代，一个吸睛的店铺视觉形象和流畅的浏览体验，是吸引顾客、建立品牌信任、最终促成转化的关键。你的产品再优秀，如果店铺陈列杂乱无章，图片模糊不清，页面加载缓慢，那么潜在的顾客很可能在第一时间就选择离开。本书正是为你量身打造的集大成者，它将系统性地引导你掌握淘宝天猫网店视觉设计与页面搭建的核心技能，让你从零基础到精通，成为一名专业的网店美工。 本书内容涵盖了网店美工最重要的两大核心技术：Photoshop图像处理与Dreamweaver店铺排版。我们将以最贴近实战的教学方式，剖析电商设计中每一个关键环节，帮助你快速提升作品的专业度和吸引力。 第一部分：Photoshop图像处理——让你的商品图片“说”出故事 在电商视觉营销中，商品图片的质量直接决定了商品的吸引力。一张经过精心处理的图片，能够最大限度地展现商品的细节、质感和独特卖点，激发消费者的购买欲望。本部分将带你深入Photoshop的世界，掌握电商图片处理的方方面面。 Photoshop入门与基础操作： 我们将从最基础的界面认识、常用工具讲解开始，让你迅速熟悉Photoshop的工作环境。无论是选区工具、套索工具，还是橡皮擦、画笔工具，你都将一一掌握其核心功能和在电商设计中的应用场景。你将学会如何高效地裁剪、调整画布大小，为后续的精细化处理打下坚实基础。 抠图与背景去除技巧： 商品与背景的完美分离是图片处理的第一步。我们将传授多种抠图技巧，从简单的魔棒工具、快速选择工具，到更加精细的钢笔工具，以及针对复杂背景（如头发、毛发）的优化方法，让你轻松应对各种素材，实现干净利落的商品抠图，为背景替换或合成打下基础。 色彩与亮度调整，还原真实美感： 色彩是影响消费者心理的重要因素。我们将详细讲解色彩平衡、色阶、曲线、色相/饱和度等调整工具，教你如何精准地还原商品的真实色彩，避免色差带来的误解。你将学会如何根据不同商品类别的特性，调整图片的亮度、对比度，使其更具视觉冲击力，同时又不失真实感。 商品细节优化与瑕疵修复： 细节决定成败。本部分将聚焦于商品本身的优化，如锐化工具的使用，让商品的纹理和细节更加清晰；污点修复工具、仿制图章工具的妙用，帮助你快速去除商品上的灰尘、划痕等瑕疵，呈现完美的商品形象。你还将学习如何通过局部调整，突出商品的重点区域，吸引顾客的目光。 电商常用尺寸规范与输出设置： 淘宝、天猫平台对图片尺寸有明确的要求。我们将为你梳理各类商品主图、详情页、轮播图、SKU图等的常用尺寸规范，并教授如何根据这些规范进行画布设置和图片导出。同时，你将掌握不同文件格式（JPG、PNG）的选择与使用，以及针对网页展示的最佳输出参数设置，确保图片在保证清晰度的同时，文件大小适中，不影响页面加载速度。 创意合成与场景化展示： 除了基础的商品优化，创意合成更能赋予商品生命力。我们将演示如何利用Photoshop进行图层叠加、蒙版应用，将商品与背景进行创意融合，营造更具吸引力的展示场景，如生活化场景、模特搭配等。学习这些技巧，你将能为你的商品赋予更丰富的故事感和情感连接。 海报与活动页面的设计制作： 促销活动是提升销量的有效手段。本部分将指导你如何设计制作具有吸引力的促销海报、品牌活动页面。从版式布局、文字排版，到素材的选取与组合，你将学会如何运用Photoshop的强大功能，创造出能够抓住眼球、传达活动信息的视觉作品。 第二部分：Dreamweaver店铺排版——构建专业、流畅的用户体验 如果说Photoshop是雕琢商品“容颜”的利器，那么Dreamweaver则是搭建网店“骨架”与“灵魂”的工程师。它将带领你走进网页设计的殿堂，掌握将一张张精美的图片、一段段有吸引力的文字，有机地组织成一个完整、用户友好的店铺页面的能力。 Dreamweaver基础与网页结构： 本部分将从Dreamweaver的界面介绍、常用面板讲解开始，让你快速上手。你将了解HTML和CSS的基础知识，这是网页得以成型的基石。我们将通过实例，让你理解什么是标签，什么是选择器，以及它们在网页结构搭建中的作用。 响应式布局原理与应用： 在移动互联网时代，网站的响应式设计至关重要。本书将深入讲解响应式布局的原理，教你如何利用Dreamweaver的栅格系统、媒体查询等功能，设计出能够自适应不同屏幕尺寸（电脑、平板、手机）的店铺页面，确保无论用户使用何种设备访问，都能获得最佳的浏览体验。 店铺首页与分类页面的布局设计： 店铺首页是顾客对你的第一印象，其布局的专业性直接影响到顾客的停留时间和浏览深度。我们将指导你如何规划店铺的整体视觉风格，设计具有层次感和引导性的首页布局，包括导航栏、轮播图、特色板块、新品推荐等。同时，我们也会讲解如何设计信息清晰、分类明确的商品分类页面，帮助顾客快速找到心仪的商品。 商品详情页的结构与营销要素： 商品详情页是促成转化的关键阵地。本部分将详细解析一个优秀的商品详情页应该包含哪些核心要素：高质量的商品主图、吸引人的商品描述、详细的规格参数、使用场景展示、买家评价区、关联推荐等。你将学会如何运用Dreamweaver将这些元素进行科学的排版，用图文并茂的方式，全面展示商品的卖点，解答顾客的疑问，从而提升转化率。 CSS样式表的精细化控制： CSS是实现网页美观与布局的关键。我们将深入讲解CSS的各种属性，如颜色、字体、边距、背景、定位等，教你如何通过CSS来精细化控制网页的每一个细节，实现个性化的视觉风格。你还将学习如何使用Dreamweaver的CSS面板，直观地进行样式编辑和管理。 JavaScript基础与互动效果的实现： 为了增加店铺的生动性和用户体验，适度的JavaScript互动效果是必不可少的。本部分将介绍一些基础的JavaScript概念，以及如何在Dreamweaver中集成简单的JavaScript代码，实现一些常见的互动效果，如图片轮播、下拉菜单、页面元素的显示/隐藏等，让你的店铺更具活力。 HTML5与CSS3的电商应用： 随着Web技术的不断发展，HTML5和CSS3带来了更多强大的新特性。我们将介绍如何将HTML5的新语义标签和CSS3的新样式属性应用于电商设计，例如使用CSS3的动画效果、渐变背景，以及HTML5的视频和音频标签，让你的店铺在视觉和功能上更具现代感和吸引力。 页面优化与性能提升： 页面加载速度是影响用户体验和SEO排名的重要因素。本部分将分享页面优化技巧，包括图片压缩、代码优化、缓存设置等，帮助你提升店铺页面的加载速度，留住更多的潜在客户。 实战案例分析与项目实操： 本书的每一章都将结合实际的淘宝天猫店铺案例，进行深入分析和讲解。你将跟随作者的步骤，从零开始，一步步完成一个完整的网店视觉设计与页面搭建项目。通过大量的实操练习，你将真正掌握书中所学的知识，并能灵活运用于自己的店铺设计中。 本书特色： 全面性： 涵盖了电商美工所需的核心技术，理论与实践相结合。 实战性： 以淘宝天猫平台为导向，内容紧贴电商行业最新需求。 易学性： 从基础讲解，层层递进，即使零基础也能轻松掌握。 图文并茂： 大量精美的实例图片和清晰的步骤图解，让学习过程更加直观。 超值附赠： 包含大量精美的设计素材、模板资源，助你快速上手，提升效率。 无论你是初次接触网店美工的新手，还是希望提升技能、突破瓶颈的在职人员，本书都将是你不可或缺的学习伙伴。通过本书的学习，你将能够独立完成高质量的网店视觉设计，打造出令顾客耳目一新的店铺，从而有效提升店铺流量、转化率和最终的销售业绩。现在就开始，用你的设计 talent，点亮你的电商事业！

评分☆☆☆☆☆

这本书在“Photoshop图像处理”这一块，给我带来的最大惊喜在于它对于“电商视觉风格”的解读。我之前总以为PS就是调色、加滤镜，但这本书让我明白，电商美工不仅仅是技术活，更是艺术活，是营销活。它深入浅出地分析了不同行业、不同品类商品的视觉特点，比如服饰类如何突出质感和模特效果，食品类如何营造食欲和新鲜感，家居类如何体现温馨和品味。然后，它就针对这些特点，提供了相应的PS处理方法。我印象最深刻的是关于“营造氛围感”的部分，书中讲解了如何通过光影、色彩搭配、背景元素等，来烘托商品的情绪和故事。比如，为一款甜点设计页面，它教你如何用柔和的光线和温暖的色调，营造出甜蜜幸福的感觉；为一款户外装备设计页面，它则告诉你如何运用冷色调和硬朗的线条，来表现坚韧和冒险的精神。这些细致入微的讲解，让我一下子就打开了思路，不再是机械地套用模板，而是能够根据商品本身的气质，去量身定制最合适的视觉呈现。

评分☆☆☆☆☆

我之前一直觉得店铺排版就是把图片一张张堆砌起来，结果弄出来的页面要么像杂货铺，要么就是毫无重点，客户看了也抓不住眼球。这本书的“Dreamweaver店铺排版”部分，简直是给了我一盏明灯！它不仅仅教你如何使用Dreamweaver，更重要的是教会了我“排版的逻辑”和“视觉的引导”。它从基础的网格系统讲起，让我明白了如何合理地组织页面元素，让信息层层递进，有主次之分。然后，它又讲到了如何运用留白、对比、对齐等视觉法则，来增强页面的美感和可读性。最让我受益匪浅的是，它还结合了用户体验的考量，教你如何设计出符合用户浏览习惯的页面，比如重要的信息放在用户容易看到的位置，用吸引人的标题引导用户往下看，以及如何通过清晰的导航让用户快速找到所需内容。现在我设计的页面，不仅仅是好看，更是“好用”，客户停留时间长了，浏览路径也更顺畅了，这对于提升店铺的整体转化率起到了非常关键的作用。

评分☆☆☆☆☆

说实话，一开始买这本书，我抱着一种“试试看”的心态，毕竟网店美工的东西太多了，教程也鱼龙混杂。但这本书的“Photoshop图像处理”部分，真的给我带来了超乎预期的专业性。它没有泛泛而谈，而是非常具体地分析了电商图片在不同场景下的需求。比如，它会详细讲解如何制作不同尺寸的商品主图，确保在各种设备上都能清晰展示；如何设计具有吸引力的促销海报，让用户一眼就能看到优惠信息；如何优化宝贝详情页的图片，让每一个细节都得到充分的展示。更重要的是，它还融入了一些“营销思维”，教我如何从消费者的角度出发，去思考什么样的图片更能打动他们，什么样的视觉元素能够引起他们的购买欲望。它还分享了很多行业内的“潜规则”和“小技巧”，比如如何通过色彩心理学来影响消费者的情绪，如何利用对比度来突出商品的卖点等等。现在，我不仅能把图片处理得更漂亮，更重要的是，我能够根据不同的商品和营销目标，设计出真正有“战斗力”的图片。

评分☆☆☆☆☆

这本书简直是把我从一个对网店美工一窍不通的小白，瞬间变成了一个能够独立设计出像模像样淘宝、天猫店铺页面的“高手”！特别是Photoshop图像处理的部分，讲得太细致了！从基础的选区、图层、蒙版，到后面那些复杂的抠图、调色、合成技巧，这本书真的是一步一步地教，完全没有那种“懂了就懂了，不懂拉倒”的感觉。我之前最头疼的就是那些复杂的背景抠图，看教程总是跟不上，要么就是讲得太理论。这本书就不一样，它会告诉你为什么这样做，每一步操作的意义是什么，还会给出一系列实操案例，比如如何抠出毛发、如何处理半透明物体等等。而且，它还不仅仅是教你会用工具，更重要的是教你如何“思考”如何处理图片，比如什么时候用蒙版比橡皮擦好，如何用调整图层让颜色更通透等等。我学会了如何根据商品特性去优化图片，让产品在众多竞争对手中脱颖而出。尤其是那些关于电商视觉营销的章节，让我明白了好的图片不仅仅是好看，更是能直接带动销售的！现在我设计出来的商品详情页，转化率真的提高了不少，客户也经常夸赞我的设计有专业水准，这真是让我太有成就感了！

评分☆☆☆☆☆

坦白说，我当初买这本书，主要是冲着“Dreamweaver店铺排版”这个部分去的。一直以来，我都在愁怎么把Photoshop里设计好的素材，能够流畅地整合到淘宝、天猫的店铺后台，形成一个完整的、有逻辑性的页面。以前都是瞎猫碰上死耗子，自己摸索HTML和CSS，结果总是出现这样那样的小毛病，要么是图片错位，要么是链接失效，要么是手机端显示一团糟。这本书关于Dreamweaver的使用讲解，真是太及时了！它从零开始，教你如何新建网站、如何使用页面布局工具、如何插入图片和文字，更重要的是，它讲解了如何编写简单的HTML和CSS代码，让你可以更精细地控制页面元素的显示效果。我最喜欢的是它针对电商店铺特点的排版技巧，比如如何制作响应式布局，让电脑和手机端都能有良好的浏览体验；如何优化页面加载速度，避免客户因为等待而流失；如何利用Dreamweaver的Fireworks集成功能，直接将Fireworks中的切片导入，省去了大量的重复劳动。现在，我能够自信地搭建出结构清晰、视觉统一的店铺页面，不仅仅是商品详情页，连首页、活动页都能游刃有余地搞定。

评分☆☆☆☆☆

看书是一种享受，喜欢看书，也喜欢在京东买书

评分☆☆☆☆☆

可以～

评分☆☆☆☆☆

东西也好，非常不错，信号很强，操作简单，适合购买

评分☆☆☆☆☆

好！正版！书很详细的介绍了美工技能

评分☆☆☆☆☆

很好的工具书，上班必备，提高自己，丰富多彩，值得拥有。

评分☆☆☆☆☆

书还行吧

评分☆☆☆☆☆

东西很好，物流也相当给力。

评分☆☆☆☆☆

很详细的

评分☆☆☆☆☆

好，。。。。。。。。。。。。。。。。。