wy168 发表于 2023-5-5 15:16:25

办公PS技巧14:如何用PS绘制简单的图形或图案?学会马上举一反三


    <div style="text-align: left; margin-bottom: 10px;">
      <h1 style="text-align: left; margin-bottom: 10px;">如何用PS绘制一个简单的图形或图案?</h1>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">因为绘制过程中知识点比较多,所以我将用最直白的语言去解释。</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">当你学会这三个图形后,很快就能举一反三(如图)</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/abb9cc6532b64cf0b65fafc0db984b7a~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=e48fPyqg4%2FXTXFTchfQZeQrOIlw%3D" style="width: 100%; margin-bottom: 20px;">
            <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">01</p>
      </div>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/c2b7e0ec02c5422caa453f57caaa275c~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=RJJlQYOYH3rsp1HNbu4hpK8q27g%3D" style="width: 100%; margin-bottom: 20px;">
            <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">02</p>
      </div>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/8efff58938af489c8e6bcead79b1fe12~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=tRIe5KWNvQCrAdLWeQ73LTSa%2FAc%3D" style="width: 100%; margin-bottom: 20px;">
            <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">03</p>
      </div>
      <h1 style="text-align: left; margin-bottom: 10px;">我将尽可能的让你一看就明白,所以在学习前要明白photoshop的几个小知识</h1>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">1、在photoshop中,<strong style="color: blue;">按住“shift”键有“加”,“等比”的意思</strong>。比如:一个形状<strong style="color: blue;">“加”</strong>一个形状,<strong style="color: blue;">等比</strong>放大的时候需要用到这个快捷键</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">2、在photoshop中,<strong style="color: blue;">按住“alt”键有“减”,“中心”的意思</strong>。比如:一个形状<strong style="color: blue;">“减”</strong>一个形状,<strong style="color: blue;">从中心</strong>放大的时候需要这个快捷键</p>
      <h1 style="text-align: left; margin-bottom: 10px;">接下来绘制第一个图案</h1>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/2f6a6c8cd0d8417b858d2e489689e77c~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=8tdQ%2BW2kZj5216%2F56fSNHOamxEE%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">首先选择形状工具里面的“椭圆工具”</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/93c35876a2994a66bf82f67d5034b554~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=Y6zubyYu4fxs3iPUliJTgcPV2QY%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">接下来知识点来了,上面说到<strong style="color: blue;">按住“shift”键有“加”,“等比”意思</strong></p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">所以接下来你按住“shift”键之后,拖拽鼠标,就会画出一个等比的正圆。如果你不按住的话,你将画不出正圆。简单吧</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/a9e130e61e14407685c0bfdb85e2da48~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=qxbdrHlCcwIuR9kyaHtRDfHiCW4%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">画完之后你会发现图层面板多了一个形状图层,<strong style="color: blue;">你只需要记得这个是形状图层,它可以无限放大不会模糊的就可以了</strong></p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/180b1e85cda44a39985786c33c937cce~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=A0g0Dkt6lucfqlh0w859LCYcqV8%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">接下来还是选择形状工具里面的“椭圆工具”</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/afef27dc5cdc4632866e8f30e98e007a~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=1umXlkQ5djIFSm1HLKsi8WYECDs%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;"><strong style="color: blue;">既然按住“shift”键有“等比”的意思,如果你不按住的时候就没有“等比”的意思了</strong>,所以我们就可以直接绘制了</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/e1b4e05700274946950ea891df4a83f8~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=YrJpt3CCQDRLFpIpFqln2zHsx4w%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">绘制的时候如果发现位置不对可以按住空格键移动位置</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">好像没有对齐,接下来我们讲讲对齐</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/e51aeee936ad4eb28901a049f37372dc~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=QCVrIg7gRXqGbNmNIqVHpvkA5rk%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;"><strong style="color: blue;">首先把两个图形选中,按ctrl+E</strong>,这个快捷键可以把两个图形合并成一个图形</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/450300db7381412b9ca49bb7390ae877~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=206izqiVc4Gtq4dCJpgagDEd1Nc%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">选择“路径选择工具”,按住shift,选中图形。</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/b27d1151302d4e809b3682cf10f1f4f7~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=oyZ1dvbVIcGDZSFPeHPzP386FMk%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/6f4ec6e691554643aeff468b3d750b17~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=nM3lfIA3asOdd2xkUR8O2koL7Uk%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">在“路径选择工具”的对齐面板里面选“水平居中”</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/5dac461fcd2d4bcc9bbec655a395db5f~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=FVWL3m46mY2dhdC1Rur0wcgx6vE%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/1ef286d8afef41359a32bd3b66b46176~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=SjVQEshvVqTcj%2FfsWfeRh%2Fa5sv4%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/1139100ae4ba45a8ae7002830d7b9142~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=7DbHTIhlmykobMkaY1RGZuymWN0%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">是不是完成啦,很简单吧</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;"><strong style="color: blue;">在这个图形中你学会了:</strong></p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">1、按住shift可以画出一个正圆,不按住的话可以画椭圆</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">2、按ctrl+E可以把两个形状图层合并成一个形状</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">3、用路径选择工具可以选择路径</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">4、在“路径选择工具”里面可以实现两个形状相互对齐</p>
      <h1 style="text-align: left; margin-bottom: 10px;">第二个图形</h1>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/a54db1146bf94effa50c2c1287904142~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=4Qc2Pey2kTPyuu80DJSsALiH9GA%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">选择形状工具,点击“矩形工具”,在画布单击一下鼠标左键,在弹出的对话框中做一个570像素*100像素的矩形</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/c7e73f9fa6674d07878e760abb5d1c7d~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=Ck9Pr8zwio8YlfPxdqPIBZd0bq4%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/640fe7e0e9b24dcda1f07e5028c2ac64~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=yQgQE%2ByNdia%2BY9ADJsCfzuIOCZs%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/921f405068414942a5b391aa80f4ccbd~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=1qf2O0BXm13%2FU0tCqK7GKWAnuL4%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">选择“窗口”--“属性”,可以把当前形状的属性面板调出来</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/d563a9618d78455ab63cf4d430910393~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=7juyYUb7KBaUOyako2bvKb8XueQ%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/3856e641910745bebc0a9ed41f5bf872~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=uUWZZ6AXQPqBvZeKoBr5I%2BE2eXI%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">把圆角调成50像素</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/f1055a94da5f484bbf849c8551dd4b59~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=H95WR%2FCMLZgWqPzYHuKGIdxrSfI%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">用“路径选择工具”选中矩形,执行“ctrl+C”复制,“ctrl+V”粘贴,“ctrl+T”自由变换</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/5d70c4b1a8f549f78ba86a2392b0797f~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=mT5P53lbAncR%2B%2FDXvozPTFFUAh4%3D" style="width: 100%; margin-bottom: 20px;">
            <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">路径选择工具</p>
      </div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">连续执行快捷键,“ctrl+C”,“ctrl+V”,“ctrl+T”,<strong style="color: blue;">意思相当于你把路径复制了一下,粘贴了一下,执行了一次自由变换,最后你会发现四周多了几个点</strong></p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/99cd73ab75d541419048b2dd8f5f5998~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=tmnYffN7vHcTdrhcBiypxLBagPY%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">然后把鼠标一定四边的位置,<strong style="color: blue;">按住“shift”拖拽鼠标</strong>,实现等比旋转90度</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/884bb10dec8b4b1d8bb2d9c462640333~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=y%2Fx8vFqTRMRl6J%2Fhxkp0eo%2Ba4%2Fk%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">然后用“路径选择工具”移动竖条的位置</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/31f5c04e42894e0188264f239f8b5654~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=gkYalmTJsy8mheoUPCtZPSn2bMY%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">这次你会发现,两个图形做到了一个图层上面,因为我们之前选择路径的时候执行了复制粘贴,<strong style="color: blue;">记住:选择路径复制粘贴的时候,默认就会粘贴到一个图层上面,不会分开两个图层,</strong>但是你可以用路径选择工具分开选择</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">最后选中整个图层,执行“ctrl+T”,按住shift,旋转45度</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/a41627bd406b4c49ba75d16f89dc627c~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=Slypfab%2BeRsoOt5I7KFtHgDHDdk%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/246689a8e32a40a3b32c33f4bca49652~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=KxX8IJcntvckkz0hSOhCXtuw1Tg%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/ec6efe932809406ebef1b14a79501b30~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=pJSCFKkuVcDK0cvRmuQ%2FmP7%2BDFI%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;"><strong style="color: blue;">在这个图形中你学会了:</strong></p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">1、选择形状工具的时候,单击一下画布可以任意创建图形大小</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">2、选择一个形状后,可以用ctrl+C和ctrl+V进行路径复制粘贴</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">3、按ctrl+T可以实现图形自由变换。按住shift可以实现等比15度旋转</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">4、在形状的属性面板里面是可以调节形状的圆角的</p>
      <h1 style="text-align: left; margin-bottom: 10px;">今天最后一个形状</h1>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/85b0e23af79649bc8988f8562c151eb6~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=8O79%2BIdS4QlRUNbdGcfiihU6wYY%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">你需要结合上面所学的所有方法把这个图案做出来</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">第一步、用矩形工具画出一个长方形,并调整它的圆角(上面两个案例中有讲到)</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/232895a2bd6d49e7826300e37430639a~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=EtqOTIE6cAD3sNfSYm4bHWtNHjs%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">第二步、用直接选择工具选择矩形,ctrl+C,ctrl+V,ctrl+T,实现复制粘贴自由变换(上面的两个案例有讲到)</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/d029c40446eb44378d1c6206244f06b8~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=4%2FBzdUCUCBjDAOrMq5kB5vbCbzg%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">第三步、选择中间小的矩形,点击上方的“减去顶层形状”</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;"><strong style="color: blue;">(在形状中进行路径“加法”或者“减法”,这个就叫布尔运算)</strong></p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/0136c34ef19f4943a18579b9a705685c~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=ad%2BdIiQ3c0TNsBz2V%2BQhkSouJO4%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/56c85337b89e495f93d0769680c47e73~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=7k6Jd4srE%2FMxUGxH3QiNYEAaceE%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">第四步、用白色的“直接选择工具”,记住,一定是白色的。选择中间矩形下方的四个点</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">(黑色箭头和白色箭头有什么区别:黑色是选择整条路径,白色是选择路径上的点)</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/9d69ba0d44524f009a881d712f7f7f33~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=6uD8iuBWt7sm9bjcb5fFvV62nl4%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">用白色箭头框选下图中的四个点</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/9d5196de3f9b4fb39a6a93421ae8e3d9~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=CCETM4c%2BAqqESqQv4%2ByKWx73P48%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">框选完成之后,按住“shift”+向上的箭头,可以一次性移动10个像素,这次我们需要移动100像素,所以你按10次</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/f44fd5e3042e4fd085a0374f70be7f75~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=VZ50fKiHwY%2BX4WISWTUQNe6yVnY%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">你需要保证下图中的三个边距是一样的距离,用上面的这个方法调整就可以了</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/d79e8892526f4deaa113de03ae0986c6~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=esp3kMPYy4KlEGY%2FCakf0LmibP4%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">等你调整完后你会发现红框处的圆角很不协调,外面的圈显得特别大,但实际上是一样的</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/93659ba1fd1548219689c9703c07aaa3~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=E7G1tw%2Fs07myj%2B6xZoI4GzNNRCA%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">接下来我们把内部矩形的圆角调整成16像素。</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">为什么是16像素?你<strong style="color: blue;">只需要记得一个公式:外部的圆角半径-边距=内部的圆角半径</strong></p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">在这个案例中:外部圆角的半径是80,边距是64。所以80-64=16,这样就得出了内部圆角的半径</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/1074ca5c96f943a4a0d8a2709a96837c~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=hZZY%2FwmBWvoE8gEm4jW7%2FmtzpYw%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">这样是不是协调多了</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/bb9d2a54ec7d4b96b80c960198a43c08~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=vGYAwQqnVZ2Edx8%2FYJejfnB%2FGpM%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">最后用“路径选择工具”选择整个图形</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/ad8eb92ad6e74ff8b4d4ae3351c15748~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=bKlw%2Frl3PAUCxYcNCEZOK4R8rQ4%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">然后选择“椭圆工具”,按住“alt”键画出一个圆形,画到一半的时候再按住shift,这时候椭圆就会变成正圆了</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/53df38beb36342a2aba13c7ab13422d9~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=dUBz9YetLz0k1W9Y0q%2BD5cLMgP0%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">画到一半的时候再按住shift,这时候椭圆就会变成正圆了,绘制的过程中如果发现位置不对,按空格键可以移动位置</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/e74c38d2a0224b1db47611b618998620~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=LtQ6vYD1GPGDlW4wWtRujcyza%2Bg%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">这里需要解释一下:</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">按住“alt”的目的是为了图形做“减法”,用正圆减去当前的形状,上文中已经说过“alt”有减去的意思</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">绘制过程中按“shift”的目的是为了把椭圆变成正圆</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">按住空格的目的是为了移动正圆的位置</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">接下来我们讲正圆对齐一下形状就可以了</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">选中下图中的两条路径,点击水平居中</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/6829e98c11684b0c8b095afb2bd1d782~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=k2QfDbUmoAab%2FFCmdO2UZM3BMl0%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/c16dc727619349298c3c172bc1031070~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=c7NwZ0lR6ZcM4aTwr9zMDz2NEcU%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;"><strong style="color: blue;">在这个图形中你学会了:</strong></p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">1、按住alt的时候可以为路径做减法</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">2、知道了什么是布尔运算</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">3、白色箭头和黑色箭头的区别</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">4、如何调整圆角的半径,使其看起来协调</p>
      <h1 style="text-align: left; margin-bottom: 10px;">关键是你学会这个图案的时候,你将掌握大部分的图形图案使用技巧</h1>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">其实组合来组合去就只有这些小技巧,关键是你要快速的把他们组合起来才行,这些小技巧看似简单,实际上做起来还是稍微有点复杂的</p>
      <h1 style="text-align: left; margin-bottom: 10px;">要明确一点:在工作中,能找素材完成的东西,千万不要自己傻乎乎的去做</h1>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">但今天只是练习的话,最好就不要抱这个心态了</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">至于如何找素材,之前的文章已经讲过,这里就不重复了</p>
      <h1 style="text-align: left; margin-bottom: 10px;"><strong style="color: blue;">接下来几期,将会解决以下这些问题:</strong></h1>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;"><strong style="color: blue;">“日常办公安装什么版本的PS软件?”(已解决)</strong></p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;"><strong style="color: blue;">“这张图片尺寸太大了,想要压缩一下,怎么办?”(已解决)</strong></p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;"><strong style="color: blue;">“这张图片有10M这么大,想变小一点,怎么办?”(已解决)</strong></p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;"><strong style="color: blue;">“这份PDF如何压缩变小呢?”(已解决)</strong></p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;"><strong style="color: blue;">“我想把一个长方形的图片变成圆形的,怎么办?”(已解决)</strong></p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;"><strong style="color: blue;">“这张图有个小水印,我想要去掉怎么办?”(已解决)</strong></p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;"><strong style="color: blue;">“这张彩色图片想要变成黑白,怎么办?”(已解决)</strong></p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;"><strong style="color: blue;">“我想要找一张漂亮的素材,最好是没有背景的,去哪里找?”(已解决)</strong></p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;"><strong style="color: blue;">“把照片里多余的人物去掉,怎么办?”(已解决)</strong></p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;"><strong style="color: blue;">“图片放大不模糊的方法?”(已解决)</strong></p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;"><strong style="color: blue;">“PS的颜色面板怎么用?隐藏了哪些小秘密”(已解决)</strong></p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;"><strong style="color: blue;">“快速把多张图片拼合成一张图片”(已解决)</strong></p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;"><strong style="color: blue;">“这张图片需要去印刷,有什么要求?需要注意什么?”(已解决)</strong></p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;"><strong style="color: blue;">“保存图片选择文件格式的时候,应该注意哪些问题?”(已解决)</strong></p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;"><strong style="color: blue;">“如何用PS绘制简单的图形或图案?”(已解决)</strong></p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">碰到问题的时候看一看,可能会对你有所帮助。</p>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">万一以后用到怎么办呢...</p>
      <div style="text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/772b2ed5a8784a9e95b07804331d4d5b~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1679814472&amp;x-signature=e2R2361J8vgVSnqHAy%2FXzIoDwjE%3D" style="width: 100%; margin-bottom: 20px;"></div>
      <p style="font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 30px;">“设计原来如此”,与你有关的设计都在这里。</p>
    </div>


页: [1]
查看完整版本: 办公PS技巧14:如何用PS绘制简单的图形或图案?学会马上举一反三