黑神话悟空 發表於 2021-5-11 14:34:13

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

<p>本教程主要使用Photoshop绘制立体感的科技图形插画,教程主要通过分解的方式来告诉大家如何完成效果,希望大家可以喜欢。</p>
<p><div class="arc_down"><img src="https://img.jbzj.com/file_images/article/201910/201910240933002.png"><p class="arc_down_title">Adobe Photoshop 2020 v21.2.12.215 ACR14.0 中文版+安装教程</p><ul><li><span>类型:</span>图像处理</li><li><span>大小:</span>1.93GB</li><li><span>语言:</span>简体中文</li><li><span>时间:</span>2022-05-13</li></ul>查看详情</div></p>
<p>先把最后的效果图抛出来。</p>
<p align="center"><img alt='如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程' src="https://img.jbzj.com/file_images/photoshop/202105/2021051111452831.jpg" /></p>
<h3>step1:那么,看见这张图</h3>
<p>先分解,即它是由哪几个部分构成的呢?</p>
<p>大背景</p>
<p align="center"><img alt='如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程' src="https://img.jbzj.com/file_images/photoshop/202105/2021051111452832.jpg" /></p>
<p>透视的背景线</p>
<p align="center"><img alt='如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程' src="https://img.jbzj.com/file_images/photoshop/202105/2021051111452933.jpg" /></p>
<p>立体图</p>
<p align="center"><img alt='如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程' src="https://img.jbzj.com/file_images/photoshop/202105/2021051111452934.jpg" /></p>
<p>以及一些周边的按钮之类的。</p>
<h3>step2:背景制作</h3>
<p>直接选择矩形工具,拉渐变。</p>
<p align="center"><img alt='如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程' src="https://img.jbzj.com/file_images/photoshop/202105/2021051111452935.jpg" /></p>
<p>接着选择椭圆工具,画一个填充白色的正圆,设置其羽化值。</p>
<p align="center"><img alt='如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程' src="https://img.jbzj.com/file_images/photoshop/202105/2021051111452936.jpg" /></p>
<p>好了,背景完成了。</p>
<h3>step3:背景透视的线</h3>
<p>这个地方我用的方法比较笨,所以画了好久好久好久好久~</p>
<p>先用矩形工具画一个矩形,填充去掉,描边2px</p>
<p align="center"><img alt='如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程' src="https://img.jbzj.com/file_images/photoshop/202105/2021051111452937.jpg" /></p>
<p>接着,根据需要的点配合钢笔工具的加减锚点以及小白(直接选择工具)进行锚点的一对一修改。</p>
<p align="center"><img alt='如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程' src="https://img.jbzj.com/file_images/photoshop/202105/2021051111452938.jpg" /></p>
<p align="center"><img alt='如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程' src="https://img.jbzj.com/file_images/photoshop/202105/2021051111452939.jpg" /></p>
<p align="center"><img alt='如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程' src="https://img.jbzj.com/file_images/photoshop/202105/2021051111452940.jpg" /></p>
<p align="center">
                                                <div class="cupage">上一页<strong>1</strong>2 下一页 阅读全文</div>
頁: [1]
查看完整版本: 如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程