![视觉封王:Photoshop CC 2019立体化教程(素材+视频+教案)](https://wfqqreader-1252317822.image.myqcloud.com/cover/200/31476200/b_31476200.jpg)
4.4 选区填充应用
选区在Photoshop中可以用来生成图形,也可以通过基础几何图形的拼合排列组合成复合图形,更好地服务于需求,从而达到设计要求。在了解选区工具的基本功能后,下面通过对一组案例的实际操作,系统了解选区生成图形、复制对象、移动对齐和旋转变换等相关功能的综合应用方法。
4.4.1 创建自定义对标画布
下面通过制作《米奇》案例来了解选区类工具的实际用途。将对标案例参考图(案例课件素材包可以在本书附送的资源文件中下载获得),通过拖曳的方法放入Photoshop的工作区,如图4-27所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P84_9722.jpg?sign=1739333983-XjFVpZqaEn5xDUHP5V1yyt4MSy6bw7sU-0-363ce62c7fc889c26eb404efcb6c0109)
图4-27
该案例画布为正方形,首先按快捷键Ctrl+N新建一个800×800像素的正方形自定义尺寸白色画布,具体参数设置如图4-28所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P84_9723.jpg?sign=1739333983-MyN5EnS0zuPhx68oIWNsxEMqMqxoXa4O-0-949bf459dfe363bdc11c3b5cc7d39df5)
图4-28
单击“创建”按钮,即可在Photoshop工作区中新建一个正方形画布,如图4-29所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P84_9724.jpg?sign=1739333983-5tYMG6gF4xPn9MmLhT3CazHGmxqeJuc5-0-b1a462684764d6b6e3c4e1797f873e9a)
图4-29
4.4.2 画面技术分析
首先对画面的内容进行技术分析。该米奇形象实际上是通过几个正圆形排列组成的,因此在实际操作时要用到“椭圆选框工具”及相关知识点。
同时,该对标稿更多的细节在对象的面部区域。因为耳朵是头的一部分,眼睛、鼻子和嘴等元素都是面部的附着物,因此制作时要先制作头部。继而通过分析得到了制作该案例的顺序:把头部的具体位置绘制好→将其他头部附属的内容当作细节添加到画面中,如图4-30所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P84_9725.jpg?sign=1739333983-UbmxMnHBpRvERSIU9LmfKEad3tnvgDSG-0-b519db6188c97ed6d77e052c0c193f35)
图4-30
4.4.3 基础结构拓形方法
(1)选择工具:单击“矩形选框工具组”按钮,选择“椭圆选框工具”,如图4-31所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P84_9717.jpg?sign=1739333983-3X8xlMSK28JPbAk5ibZRDlhUcpxmDG5g-0-d5b83ca23845269f359178e0f576412e)
图4-31
(2)绘制基础形状:单击“图层”面板底部的“新建图层”按钮,或者按快捷键Alt+Ctrl+Shift+N(业内也叫“3键+N”)新建一个空白图层。此时在“图层”面板中将生成一个名为“图层1”的新图层。按住Shift键的同时,按住鼠标左键在画布中自左上向右下拖曳,形成一个正圆形选区,用来创建米老鼠的头部,如图4-32所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P85_9745.jpg?sign=1739333983-zX6zCmLmrsNrgoffHjpboDucA0MK4caO-0-67d50cbbf4ea39897ef3bd95d59a8f34)
图4-32
这里需要强调一点:在画面中生成任何对象,都要记得主动新建空白图层。因为生成的任何内容都有可能进行位置上的移动或者大小上的调整。Photoshop实际上是处理图层和图层之间关系的软件——画面的内容可以进行再次编辑要依赖于图层关系。希望初学者在生成对象操作前不要忘记新建图层,以便给项目内容修改提供可能。
4.4.4 颜色填充方法
在工具栏底部可以看到前后两个相互遮挡的色块,它们分别叫作“前景色”和“背景色”。在实际操作层面上,对于它们我们不能仅从字面意思来理解,那样会对颜色填充的理解造成歧义。只要知道前后两个色块之间的叠合关系——前面的色块压住了后面的,它就叫“前景色”,后面的叫“背景色”。两个色块的功能完全一致,都是用来调整和填充颜色的。
通过单击两个色块左下角的黑白图标,可以迅速地使“前景色”设成黑色,“背景色”设成白色,其快捷键是D。
(1)填充颜色到选区:按快捷键Alt+Delete,可将“前景色”黑色填充到绘制好的圆形选区范围内。然后按快捷键Ctrl+D删除选区,形成“米老鼠面部”形状,如图4-33所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P85_9753.jpg?sign=1739333983-oPZe12PTd76z631TqTDlrSyljoPp3qGt-0-51bb50425b8955a6101d04c4f4e6e9fc)
图4-33
(2)生成新图层对象:用同样的方法新建空白图层,可以绘制较小的正圆,形成米老鼠的一只耳朵,如图4-34所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P85_9760.jpg?sign=1739333983-6pgjfZSkdVOcvtvpi7aTLZn4JarwUFsc-0-afb5c2d5073c4078d1b24b81b4569d0f)
图4-34
(3)移位复制:选择“移动工具”(快捷键:V),按住Alt键的同时按住鼠标左键将左面的耳朵拖曳到右侧以生成右耳对象。因为耳朵高度应该保持一致,可以利用紫红色的“智能参考线”使它们高度自动对齐,如图4-35所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P85_9768.jpg?sign=1739333983-4BpG8McJtmaC6PTI7vjTEV4j7j43S4Bn-0-3e4d1876944636424c5290c654dc725a)
图4-35
实操拓展
吴老师带你动手练|GO
从实际操作第一个对标案例开始,不少人就希望能把相关的技术操作方法和诀窍学会、练熟,然而从初学者成长为优秀设计师依然似乎是少数人的事。这里分享一下成为优秀设计师在实际操作时要格外注意的几点。
• 摸熟软件原理制式:学习的过程也是探索学习方法的过程,通过实际操作,一定要边操作边体会设计软件的特点,从而达到举一反三的目的。
• 熟悉构图方法:所有设计稿的产生都是从无到有的过程,“无中生有”实际上是通过对象不断地重组搭配形成的——搭配得好就是好的设计。
• 注重美学落地:时刻铭记无论技术掌握得多么熟练,设计作品都是为结果服务的。好的设计必须要有好的结果,初学者在实际操作时千万不能有会了技术就可以了的想法,满足用户审美需求才能形成最终的成交价值。
4.4.5 自动对齐对象
“智能参考线”是指用来自动对齐对象的辅助线。执行“视图→显示→智能参考线”命令,即可通过勾选调用该功能,如图4-36所示,它可以快速自动对齐图层之间的对象。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P86_9791.jpg?sign=1739333983-lJlkvrbqxW5Nm7MOdqLCZSH3ba7wrmWk-0-20158f0188c0a087dce0f82d60f927de)
图4-36
4.4.6 细节构型方法
将角色的头和耳朵绘制好,即已完成了对标稿的基础结构。接下来我们通过分析对标案例中五官的具体位置以安排落地细节信息。如图4-37所示,可以发现面部是由3个白色的椭圆形大底叠合在一起组成的对称形象,其制作原理同头部整体构型类似。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P86_9842.jpg?sign=1739333983-UMrthrLrE8AUZobghPdxBdJVRvIciotm-0-2bbf85a09ac95ec8a75ce0fd57b71f08)
图4-37
(1)生成眼睛:新建空白图层,使用“椭圆选框工具”绘制椭圆(椭圆形绘制无须按住Shift键)。单击工具栏底部的“前后背景色切换”按钮(快捷键:X),将“前景色”切换成白色。按快捷键Alt+Delete填充椭圆选区,再按快捷键Ctrl+D删除选区,绘制生成白色的椭圆,如图4-38所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P86_9807.jpg?sign=1739333983-WvWTSZ3bCTTDLsgNg5OTKLzDjHiTMr2x-0-071bbde49261896de4126db325381513)
图4-38
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P86_9843.jpg?sign=1739333983-VR0ZMMALLQALvq82Xp9iQmmfrFS3ZHRd-0-21eefae711b5daad5cdd10fc3ab1a3fc)
选框和图层关系应用拓展视频
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P86_9846.jpg?sign=1739333983-Au4NPv8DO2lbGsAekNPtZ2g6Rg6f2VVV-0-fa8dfb5c00c9d4b26f822f74a2301005)
图层的移动与复制拓展视频
选择“移动工具”,以复制耳朵的方式按住Alt键移位复制出另一个白色的椭圆,作为另一只眼睛;接着删除选区;然后将其中一个白色的椭圆再按住Alt键进行复制,生成角色嘴巴所需形状,如图4-39、图4-40所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P86_9814.jpg?sign=1739333983-6POnrAUvHLzmGdJdABJPiglSKkVKY3gD-0-2a945ac434f6a3ace9ea39b91d72310c)
图4-39
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P86_9815.jpg?sign=1739333983-5RJWi5FexfUssSd7y7v5gBvAglVry0sp-0-664afa62a4d0322e9c488c676037d3a0)
图4-40
(2)旋转对象:按快捷键Ctrl+T,调出“自由变换框”。将鼠标指针放置在自由变换框四角控制点的任意一处外部,待指针变为旋转箭头时,执行90°旋转,将椭圆形旋转形成平躺状态,如图4-41、图4-42所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P87_32964.jpg?sign=1739333983-mnU6KJMynr1Eknowli81o14kB2UH8HFr-0-d36e2c932f353643f6d03842cd68738f)
图4-41
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P87_9858.jpg?sign=1739333983-hJ6Uj8xRtsEed9TE6Rt9uNnR4E1LdEgp-0-30f660d1457864301686cb57d6b84465)
图4-42
旋转时按住Shift键,可以15°为基准强制旋转角度。
使用“移动工具”将放倒的椭圆位移到与头部居中的位置,形成米老鼠的嘴,如图4-43所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P87_9873.jpg?sign=1739333983-pS2KuRTsK1zZHH5VB2tdjbLSCbxEHVc6-0-c87d80182864785f804bd956c4b791d5)
图4-43
使用快捷键X将前景色切换成黑色,绘制一只眼睛,再将黑色的眼睛进行复制、旋转,用“移动工具”调整好位置。完善面部细节后,通过使用选区类工具的填充属性实现的《米老鼠》案例就制作完成了,如图4-44、图4-45所示。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P87_9882.jpg?sign=1739333983-JBffX0ink4qy4bYfCDLqoTC5iW2Fzoxy-0-cfada422ec16a3e2c7c894bfa639cfc0)
图4-44
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P87_9889.jpg?sign=1739333983-j9B1W9aAkzX3rBu1n2uKnsU5c43l2lW1-0-d1c7cd4048b9e0ea8d90bb10a56bf9a2)
图4-45
通过这一案例,我们了解了使用选框工具组的相关工具生成选区的实际操作方法,同时了解了利用选区通过颜色填充生成新图形的原理。
基本图形生成后,利用不同图层关系通过“移动工具”进行复制、对齐、旋转等操作,可以组合成全新的复合图形。读者要在未来的项目实际操作中多加练习,举一反三。如图4-46所示为米奇形象制作方法总结。
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P87_9906.jpg?sign=1739333983-57kjiN91iOlLhDG0TVSsIcljLU9daldu-0-fcc71cc8ffa0edc5cc5f0392e5f10de4)
选框工具的组合应用
![](https://epubservercos.yuewen.com/AE25D1/17035792704284806/epubprivate/OEBPS/Images/Figure-P87_32966.jpg?sign=1739333983-L6EIIPFEQD8rXRnoviM4yDDGhFb7hSD2-0-2b6ca0b132f8eafbbfd9840cb37026cb)
图4-46