![视觉封王:Photoshop CC 2019立体化教程(素材+视频+教案)](https://wfqqreader-1252317822.image.myqcloud.com/cover/200/31476200/b_31476200.jpg)
1.2 Photoshop应用领域
Adobe Photoshop的复合图像计算和设计功能对我们实际学习和工作场景应用具有极高的价值。
那么Photoshop软件到底对我们有哪些实际可见的用途?如何通过软件技能的学习发挥其应用价值?通过本节的学习我们能了解Photoshop的应用领域和场景,探索这款软件在实际应用中的商业价值,使我们的学习更有针对性。
1.2.1 Photoshop在调色配色中的应用
作为一款图形图像处理软件,首先更具备强大的修图功能。比如,学好修图再发朋友圈和公众号,就再也不用求人了。作为一款非常好用的带有图片美化和图片风格化功能的专业图形图像处理软件,Photoshop表现非常出色。而本书中学习的不仅仅是如何把图修得漂亮,更重要的是专业而漂亮,帮助读者做出赏心悦目的美图。图1-6所示为Photoshop强大的美颜及修图功能的效果。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P38_4255.jpg?sign=1739340742-HGrZbAJiKWdJAv6WsFKm6CQFxk2WebNw-0-f16113efd8e25c701c7c3ff8419aad26)
Photoshop的美颜应用
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P38_4250.jpg?sign=1739340742-36RY197ORrs9oRNUZvofZej4OyQtGdE2-0-fa6ed5e8130cede2b5218896c9dfc118)
图1-6
后面相关的图像处理应用,如图片的修色、调色和校色章节不仅会为读者介绍修图的技巧和工具的使用,而且会全面、系统地讲解配色、构图、色彩关系、光源关系等方面的知识点,使读者可以从内到外真正掌握图片美化的奥秘,成为一个专家,再也不用求助于“大神”帮助修图。图片的修色、调色和校色效果如图1-7、图1-8所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P38_4258.jpg?sign=1739340742-pioD6eFUdZJvIDRUtpKkpD6prdkyT3wz-0-d3397a83541f4aa275387e78368b45ae)
Photoshop的调色和校色应用
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P38_4251.jpg?sign=1739340742-8c7PHVpO6PDI4UpgoBcJEhRISf1h4Fl2-0-2e6bfe0de6721647d721b0dbc82a6286)
图1-7
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P38_4252.jpg?sign=1739340742-tdN052QDfsJteAXCprCjqu0C0hoT1mOb-0-23a9d2a992cac075178f0ed7e1be25b7)
图1-8
1.2.2 Photoshop在印刷出版中的应用
目前,印刷厂在设计物料或印刷书籍时普遍采用四色印刷(CMYK)技术。一般四色机印刷色序的排列方式是黑、蓝、红、黄,也有按倒色序黄、红、蓝、黑印刷的。四色机的印刷原理要求设计师在编辑排版纸媒物料时需要相应地使用CMYK四色设色,而非使用互联网屏幕模式的RGB显示色。Photoshop在四色设置和印刷设计上的功能优势可以极大程度地满足物理设色在设计师通过软件设计时对颜色精准显示的需求。图1-9所示为服务于印刷工业的CMYK四色校色法。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P38_4253.jpg?sign=1739340742-WWaHrXCTHuhETFS5SJMSdTiH134AZmdm-0-f96478760414a387598b38ed29d603c7)
图1-9
由于纸媒物料的印刷出版需要大量的图文排版,因此对图形、图像和文字的组合设计显得极为重要。在印刷排版设计时,Photoshop因其方便、实用的调色功能和极好的图文处理能力,可大大提高设计师的工作效率及印刷物料的原型呈现。图1-10所示为笔者为中国移动设计的纸媒周边印刷品。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P38_4261.jpg?sign=1739340742-6JuoX555gvZNghGXR2b2K1e4ygC7DbDE-0-64cbcbb3d5820bc64172f195778be2a0)
Photoshop的纸媒印刷产品应用
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P38_4254.jpg?sign=1739340742-oLoDYcf7LaZEOHaV3aOEUTkjV71RvXPH-0-5c582d62baa99f1ee0fbe53e2cbf8273)
图1-10
1.2.3 Photoshop在广告设计中的应用
任何一个流体产品,如饮料、酱油、洗发露、护肤霜等,若想成为可进行销售的产品,都要放在圆柱体的瓶子里来呈现。因此,广告设计中的产品包装设计在某种意义上就成了视觉信息图像化的载体。说白了,就是把这个圆柱体包装卖出去!因此,市场价值就演绎成如何将一个圆柱体的包装放在一个矩形区域里,用画面化的软件技术手法使产品产生实实在在的市场成交。这是我们学习的动力和方向。因此,相关配图、配饰的结合表现与棚拍或者摆拍的广告产品共同上演了一出旨在为寻求市场成交而形成的视觉盛宴。在商业设计和广告宣传品设计中,无论是熙熙攘攘地铁站的站内广告,还是社会化媒体营销的公众号,亦或是电商平台的活动广告,无不蕴含着产品宣传设计的影子,这都绕不开Photoshop的强大视觉画面处理技术。如图1-11~图1-13所示是用Photoshop进行视觉画面处理的效果。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P39_5352.jpg?sign=1739340742-A3nvcMRvGgfPpqlqKzvbpOdmqOyxas4X-0-8658c2ede4ebd74ed8cda94799017c92)
Photoshop在广告设计中的应用
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P39_5349.jpg?sign=1739340742-tx5rS372jUbcsOFoFCLhfhlCFHy0SfY1-0-b6b5f7d6252d8a548baf2fc52570b67f)
图1-11
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P39_5350.jpg?sign=1739340742-V12j4md93QXg7ZaCBG9PYH09iHmNmimH-0-ea7fe20d2458a98c0d66719552a0c357)
图1-12
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P39_5351.jpg?sign=1739340742-nCs2n2fYhmc9xgONIafbp7mD2ttFXgjH-0-223d439d1cbf7c468d1328538f0bc114)
图1-13
1.2.4 Photoshop在Web设计中的应用
Photoshop广泛应用于各类Web端的网页图像设计和网站设计中,无论是企业网站、电商平台网站,还是个人网站、活动推广站、HTML5站,Photoshop的身影无处不在。利用Photoshop强大的图文编辑功能,可以帮助网站运营人员快速将用户需求以图像化的方式呈现落地。如图1-14所示为Photoshop软件在天猫网主站活动设计中的应用效果。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P39_5355.jpg?sign=1739340742-fopH6HqUT3tP6JaRd7KxXDNsLHxqkShf-0-af4dd54fd460a2afdf5290cfb22db07b)
Photoshop在电商网站设计中的应用
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P39_5358.jpg?sign=1739340742-F9aPhguuWyuLZmGPjV136sbMin83u6M7-0-f46e943a6ec70ce0a35aecc2e0c71ca9)
图1-14
1.2.5 Photoshop在移动交互设计中的应用
可以说,移动交互设计对当前和未来的所有行业都有着重要的影响。借助于Photoshop,交互设计师可以更清晰有效地表现数字化的文字、图形、图像、动效等内容,使用户更好地了解其所代表的含义并运用。如图1-15所示为使用Photoshop制作的移动端APP应用交互界面,如图1-16所示为Photoshop在移动交互设计各领域的拓展应用展示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P40_5481.jpg?sign=1739340742-ZsZa1WVKw5uktl1JLIci1CdenAJXeVuO-0-953c2119f1eca36c85520c46eac458e2)
Photoshop在移动交互设计中的应用
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P40_5484.jpg?sign=1739340742-Uj2Sl6TzpCbXzs1G087YeryypMJahUip-0-0157c05c4b6d1899963647d4a332172b)
Photoshop在广告视觉设计中的应用
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P40_5471.jpg?sign=1739340742-btM6exCYUfHkO2WAVRxuhHOOwyTxK3U5-0-265f8153a62e02aac81660683d74cb1e)
图1-15
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P40_5477.jpg?sign=1739340742-7ZQM1mGuTeResyhGx0IAE6x1yn9vIhSx-0-98b7ad9af1f39e518fa633c3f307ee3e)
图1-16
1.2.6 Photoshop在数字可视化设计中的应用
生活在互联网时代的我们,经常需要将互联网信息以视觉化、图像化的方式呈现出来。那些看起来科技感十足,或者现代感爆棚的设计作品,它们最初很可能就是一张现实生活中人们都看得见、摸得着的普通照片。有了Photoshop,设计师得以更充分地发挥才能,更好地进行图形图像设计和处理,将其视觉化、图像化,使之形成互联网风格和调性的图片,才有了这样的奇迹。无论是雨后春笋般的互联网公司、新注册的网站,还是相关移动端APP的开发建设,亦或是电商Banner广告图设计,都是Photoshop能够大展身手的地方。我们学习软件的目的就是要通过软件的相关工具和操作将这些具象化的素材信息转为丰富多彩的视觉化信息,并根据需求的不同创造出丰富的设计作品。如图1-17所示为用Photoshop将照片素材制作成数字化科技感的视觉作品。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P40_5487.jpg?sign=1739340742-q4WL3plvUtes9FT9DtfTPIAPbrjc53p1-0-bfa8bcf49383b57aa82edfa1812d98cb)
Photoshop在数字技术可视化中的应用
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P40_5474.jpg?sign=1739340742-FqtVc4hXzkhf1UvAoQhkxymuQK1yl8Sk-0-6d00df7205e456ed31b5f534fac430b2)
图1-17
1.2.7 Photoshop在电子商务中的应用
在互联网时代,越来越多的电商产品和广告通过视觉设计展示产品调性。如图1-18、图1-19所示为电商产品展示设计效果图,用效果图代替产品实拍图是一种普遍的做法。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P40_5490.jpg?sign=1739340742-49Rji8tqHgGjY3Wckk0B2DXmBxtf3yuO-0-c465f85a596e5328f6be5066ab7e3f68)
Photoshop在电商产品视觉设计中的应用
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P40_5493.jpg?sign=1739340742-v1zkJOtoY7BaNVpPGfBSEhAmQuROZ89X-0-3511930970f02c4e50c46c7c965d8bbb)
Photoshop在电商广告设计中的应用
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P41_5502.jpg?sign=1739340742-BcGd8qKZhpCiMQ7jeix11b00sKnVUUei-0-37a425fb0a40cfd283a9de674973f0ad)
图1-18
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P41_5506.jpg?sign=1739340742-zPMx8mcjeblMGqTrpQLZj1fKPkYI6Mkq-0-fc720a83eee863c2dd833d414df47714)
图1-19
Photoshop在电商视觉营销领域也起到越来越重要的作用。活动视觉营销正是通过策划文案的视觉化设计呈现给买家赏心悦目的效果,从而达到引流的目的。如图1-20所示为电商网站活动营销的广告Banner。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P41_32291.jpg?sign=1739340742-WHaOkyCZ1K7f4ZkQUWQORBZNhNN5OGPa-0-39954c09dfee1832db160a534ab3bbc2)
图1-20
品牌视觉设计是电商经营者提升店铺形象、产品品质感、店铺整体UV价值的核心组成部分。Photoshop广泛应用于电商品牌视觉的展示和设计,为产品价值与品牌价值做背书,提升产品品牌的视觉调性。如图1-21所示为哈根达斯电商网站品牌主视觉设计效果。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P41_5513.jpg?sign=1739340742-wTP82bnqoNWr4yEjH1JhoMFZaZGfaQ3X-0-ce2609a087c9b3b5180d3963aeb96f07)
图1-21
Photoshop也广泛应用在电商产品的视觉设计中,通过合理搭配产品视觉板块中主体与陪体的关系,合理调用和排布产品构图关系、主次关系以及色彩关系,达成产品视觉的统一性,增加购物者的点击欲。其效果如图1-22所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P41_5523.jpg?sign=1739340742-fsm7m8oeGglnl4L0TU7pmuJU4r4RfXsp-0-90d89040b3ed6595dc54984b7a5a9a7b)
Photoshop在产品视觉设计中的应用
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P41_32293.jpg?sign=1739340742-pnCmpCmX1HmqvJw6DT5dnbzcKMfLCC7G-0-44fee17ec8b0f5c950bc111c8b1b140f)
图1-22
在电商产品的视觉形象设计中,品牌形象是围绕产品而形成的,其中相关行业色调和气质图的配合应用起到至关重要的作用。Photoshop可以灵活利用图形、图像和文字之间的关系,通过品牌视觉来提升产品形象。如图1-23所示为电商产品的品牌形象设计。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P41_5526.jpg?sign=1739340742-XxW55PVRkosGI4F1Cw1bZWeWJM2c2tcd-0-c2059b2617498bcaee5469a05cef31de)
Photoshop在VI设计中的应用
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P42_5566.jpg?sign=1739340742-bjNC22hBpEmZMcvgnr5Gd6rI99VLVwFe-0-a0ce5a8d9a66b1d82607e835bd3b7caa)
图1-23
要想提高电商产品的用户转化率,通过视觉孵化的方式放大产品的品牌价值和功能价值,使之变成实实在在的销售额,就需要有良好表现的产品详情页设计。无论是精密感和科技感爆棚的电子数码产品,还是让人垂涏欲滴的美食产品,Photoshop的应用无处不在。如图1-24所示为应用Photoshop实现的产品详情页效果图。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P41_5529.jpg?sign=1739340742-rytdNiLTvvqdIpxDmzdojqp2pNjO5eT6-0-38f4cb633dbf3500423e19c565beeee5)
Photoshop在详情页展示设计中的应用
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P42_5558.jpg?sign=1739340742-Qtpq0wy5RYsn40YiYzp7rnKJzZSorBRK-0-a11e4a2b139f77cfc534824f20e87ab3)
图1-24
电商广告设计,要求设计师在设计规则和规范应用、设计产品的落地和推广以及品牌策划等各个方面,都要具备较好的基本功。
因此,在带领大家学习、掌握Photoshop操作技能的前提下,本书还会着力讲授设计的策略思维,梳理产品价值推导、用户体验和用户研究等各个相关方面,启发读者真正了解用户的潜在需求,实现满足用户视觉体验并促成交易的高水平、高品质的电商广告作品。如图1-25所示为使用Photoshop对电商产品视觉的抠图效果,如图1-26所示为电商产品视觉与策划文案组成的营销Banner。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P42_5562.jpg?sign=1739340742-NNfXQVOAgaupzKuJ95NRQPTbyroOWZh0-0-9a180e2115ff77338b3c6a0550e275e1)
图1-25
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P42_32294.jpg?sign=1739340742-j2q4sYZEYAtwyCwgySUMllc58xz4ROyb-0-a0f101f8bf6d7f912f994e8f6cda613d)
图1-26
1.2.8 Photoshop在宣传产品输出中的应用
任何一个视觉形象都是对某一特定主题品类和特定宣传物料的图像化结果。通过深刻了解产品需求文档(PRD),设计师可以进行头脑风暴,并搜集相关素材进行物料视觉设计,利用Photoshop搭建构图及配色,从而将相关的品牌形象和实现内容有步骤、有秩序地加以排列组合并进行视觉化处理,这样才能形成富有吸引力、号召力和生命力的宣传产品。这是Photoshop软件在平面设计领域的宽口径落地。也正是由于Photoshop场景适用的广泛,而备受设计师们的喜爱。如图1-27、如图1-28所示为使用Photoshop设计的品牌形象及VIS系统的拓展物料应用。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P42_5567.jpg?sign=1739340742-JJR4aTBkeEbUP7YNnj2bZkPLuEO7xECj-0-fe0a6f0413645825f84d7a7bb3f7a9c3)
Photoshop在商业展示中的应用
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P42_5555.jpg?sign=1739340742-bmdAS3Q2ZCMfsGhcN2IHklleWiCqu3IC-0-b2e3eeae83d485fa344ca03f68131f3d)
图1-27
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P42_5552.jpg?sign=1739340742-IU9PTPwLmVLRSxjcM9Aes3knsVplpyFe-0-80ebbc75467099ce009b0cb29c5d0260)
图1-28
吴老师教你举一要反三
应用实操·灵活变通
由于Photoshop在实际中的应用包罗万象,在学习前要做好如下准备:
• 对于Photoshop,我们应该思考如何深入学习并切实掌握这一功能强大的软件。因为无论软件本身拥有多么复杂、丰富的功能,其最终意义是学以致用。
• 随着未来科技的发展和时代的进步,Photoshop在视觉呈现领域和数字技术可视化应用中的落地和实现方法会随着时代和市场的需要发生趋势性变化,而应用图形、图像、文字组合画面的视觉美依然是亘古不变的追求。
• 技术是为应用服务的,在学习软件的同时,一定要了解其背后的应用规律。只有将市场的潜在需求熟谙于心,才能以不变应万变,做到“一招鲜吃遍天”。