嘉琪爷爷 發表於 2018-4-17 15:20:29

Photoshop绘制一组复古风格学习工具图标教程

<p>教你使用Photoshop绘制一组复古风格学习工具图标,教程主要分为前期准备工作和学习工具图标的绘制两大部分,准备工作主要有文档、图层的设置以及网格的调整,主要介绍的是背包、笔记本、秒表、写作工具、小三角旗及足球6个学习工具图标创建方法,效果很精致复古,好了,话不多说,下面让我们一起去看看具体的制作步骤吧!</p>
<p><span style="color: #ff0000"><strong>效果图:</strong></span></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201804/20180417150357252.jpg" /></p>
<p><span style="color: #ff0000"><strong>具体步骤:</strong></span></p>
<p><strong>1.&nbsp;&nbsp;设置文档</strong></p>
<p>假设您已经安装了PS并且正在运行,那么让我们快速完成设置文档的过程。首先,进入<strong>文件&gt;新建</strong>键盘快捷键,然后按如下方式调整不同的选项:</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201804/20180417150357253.jpg" /></p>
<p><strong>2.设置图层</strong></p>
<p>一旦我们创建了文档,我们必须通过为每个图标创建一组单独的图层来做好准备。通过这样做,我们不仅可以简化工作流程。</p>
<p>因此,假设您知道如何使用&ldquo;&nbsp;<strong>图层&rdquo;</strong>面板,请将其打开并创建七个图层,并将其命名为:</p>
<p>网格</p>
<p>背包</p>
<p>笔记本</p>
<p>写作工具</p>
<p>幡</p>
<p>跑表</p>
<p>足球</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201804/20180417150357254.jpg" /></p>
<p><strong>3.调整网格</strong></p>
<p>PS允许使用网格,因此您应该知道它可以设置<strong>网格</strong>&nbsp;/&nbsp;<strong>像素网格</strong>。只要使用&ldquo;<strong>查看&rdquo;</strong>顶部菜单下的&ldquo;<strong>对齐网格/捕捉到像素&rdquo;</strong>选项。</p>
<p>由于不同的情况需要不同的<strong>网格</strong>设置,因此有时您可能会发现自己处于需要调整预先包装在Illustrator中的设置的位置。</p>
<p>我个人已经以最低和同时最精确的价值走了,因为这可以更好地控制我的设计。</p>
<p>要更改这些设置,您必须转到<strong>编辑&gt;首选项&gt;指南和网格</strong>。在那里您会看到一个小小的弹出窗口,它可以让您调整以下内容:</p>
<p><strong>网格线</strong>:1 px</p>
<p><strong>细分</strong>:1</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201804/20180417150358255.jpg" /></p>
<p>一旦你调整了这些设置,为了让所有的像素变得清晰,你所需要做的就是启用&ldquo;&nbsp;<strong>查看&rdquo;&nbsp;</strong>菜单下的&ldquo;&nbsp;<strong>对齐网格&rdquo;</strong>选项。</p>
<p><strong>快速提示</strong>:您应该知道,每次进入<strong>像素预览模式时</strong>,<strong>对齐网格</strong>选项都会转换为<strong>对齐像素</strong>,但这很完美,因为大部分时间您都会前进到该显示模式。</p>
<p>现在,如果您习惯于在键盘方向箭头键的帮助下移动物体,则可能需要将<strong>键盘增量</strong>更改为更精确的像素(<strong>1像素</strong>),以使其尽可能精确。您可以通过<strong>编辑&gt;首选项&gt;常规&gt;键盘增量</strong>来完成此操作。</p>
<p>通常,当你开始处理任何新图标时,你应该考虑几件事情,其中之一是<strong>基本网格</strong>。</p>
<p>根据定义,<strong>基本网格</strong>是一个精确定界的参考表面,为了引导您完成创建图标包资产的过程,它被构建和使用。<strong>网格</strong>的大小对于每个项目都是主观的,这意味着有时您可能需要创建更小的图标,而其他时候您可能会发现自己需要使用更大的图标。</p>
<p>通常,<strong>基本网格</strong>的形状是一个完美的正方形,因为与圆形相比,它可以更好地规划和构建形状和线条,从而可以完全控制像素数量。</p>
<p>在我们的例子中,我们将保持简单,并使用<strong>矩形工具(M)</strong>创建六个<strong>96 x 96像素的</strong>正方形(<strong>)</strong>,这将定义图标的大小,并添加一个较小的<strong>92 x 92像素</strong>一()它们中的每一个将充当我们的活动绘图区域,因此给我们提供全方位的<strong>2px</strong>填充。<code>#CCCCCC</code><code>#E6E6E6</code></p>
<p><strong>网格中的</strong>每一个进行分组,然后将它们彼此定位为&nbsp;&nbsp;<strong>60 px</strong>,从而创建两排三个<strong>网格</strong>。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201804/20180417150358256.jpg" /></p>
<p>只要你有所有的<strong>基本网格</strong>,你可以锁定它们的图层,这样你就不会意外移动它们,然后我们就可以开始处理第一个图标。</p>
<p>
                                                <div class="cupage">上一页<strong>1</strong>2 3 4 5 6 7 下一页 阅读全文</div>
頁: [1]
查看完整版本: Photoshop绘制一组复古风格学习工具图标教程