当前位置: 首页 > 文章教程  > 计算机与互联网 > 平面设计

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

5/9/2018 10:17:05 PM 人评论

教你使用Photoshop绘制一组复古风格学习工具图标,教程主要分为前期准备工作和学习工具图标的绘制两大部分,准备工作主要有文档、图层的设置以及网格的调整,主要介绍的是背包、笔记本、秒表、写作工具、小三角旗及足球6个学习工具图标创建方法,效果很精致复古,好了,话…

教你使用Photoshop绘制一组复古风格学习工具图标,教程主要分为前期准备工作和学习工具图标的绘制两大部分,准备工作主要有文档、图层的设置以及网格的调整,主要介绍的是背包、笔记本、秒表、写作工具、小三角旗及足球6个学习工具图标创建方法,效果很精致复古,好了,话不多说,下面让我们一起去看看具体的制作步骤吧!

效果图:

具体步骤:

1.  设置文档

假设您已经安装了PS并且正在运行,那么让我们快速完成设置文档的过程。首先,进入文件>新建键盘快捷键,然后按如下方式调整不同的选项:

2.设置图层

一旦我们创建了文档,我们必须通过为每个图标创建一组单独的图层来做好准备。通过这样做,我们不仅可以简化工作流程。

因此,假设您知道如何使用“ 图层”面板,请将其打开并创建七个图层,并将其命名为:

网格

背包

笔记本

写作工具

跑表

足球

3.调整网格

PS允许使用网格,因此您应该知道它可以设置网格 / 像素网格。只要使用“查看”顶部菜单下的“对齐网格/捕捉到像素”选项。

由于不同的情况需要不同的网格设置,因此有时您可能会发现自己处于需要调整预先包装在Illustrator中的设置的位置。

我个人已经以最低和同时最精确的价值走了,因为这可以更好地控制我的设计。

要更改这些设置,您必须转到编辑>首选项>指南和网格。在那里您会看到一个小小的弹出窗口,它可以让您调整以下内容:

网格线:1 px

细分:1

一旦你调整了这些设置,为了让所有的像素变得清晰,你所需要做的就是启用“ 查看” 菜单下的“ 对齐网格”选项。

快速提示:您应该知道,每次进入像素预览模式时对齐网格选项都会转换为对齐像素,但这很完美,因为大部分时间您都会前进到该显示模式。

现在,如果您习惯于在键盘方向箭头键的帮助下移动物体,则可能需要将键盘增量更改为更精确的像素(1像素),以使其尽可能精确。您可以通过编辑>首选项>常规>键盘增量来完成此操作。

通常,当你开始处理任何新图标时,你应该考虑几件事情,其中之一是基本网格

根据定义,基本网格是一个精确定界的参考表面,为了引导您完成创建图标包资产的过程,它被构建和使用。网格的大小对于每个项目都是主观的,这意味着有时您可能需要创建更小的图标,而其他时候您可能会发现自己需要使用更大的图标。

通常,基本网格的形状是一个完美的正方形,因为与圆形相比,它可以更好地规划和构建形状和线条,从而可以完全控制像素数量。

在我们的例子中,我们将保持简单,并使用矩形工具(M)创建六个96 x 96像素的正方形(,这将定义图标的大小,并添加一个较小的92 x 92像素一()它们中的每一个将充当我们的活动绘图区域,因此给我们提供全方位的2px填充。#CCCCCC#E6E6E6

网格中的每一个进行分组,然后将它们彼此定位为  60 px,从而创建两排三个网格

只要你有所有的基本网格,你可以锁定它们的图层,这样你就不会意外移动它们,然后我们就可以开始处理第一个图标。

 

 

 

相关教程

  • PS怎么画中国银行logo?PS制作红色的中国银行标志教程

    使用PS怎么画中国银行logo?在之前的教程中脚本之家给大家分享给使用CorelDraw和Illustrator绘制中国银行标志的方法,今天小编就给大家简单说说用photoshop怎么设计出红色中行标志,教程难度一般,感兴趣的朋友跟着小编一起去看看PS制作红色的中国银行标志教程的具体内容…

    5/9/2018 10:17:16 PM
  • Photoshop绘制一组DJ主题图标教程

    教你使用Photoshop绘制一组DJ主题图标,教程内容有点长,因为作者写的真的很详细,总共分为如何设置新文档、如何设置自定义网格、如何设置图层、如何创建参考网格、如何创建CDJ、如何创建耳机和如何创建MPC七大步骤,效果很漂亮,好了,话不多说,下面让我们一起去看看具…

    5/9/2018 10:17:12 PM
  • Photoshop中绘制一组精致的科学实验室小图标教程

    最近,有不少同学问小编photoshop中怎么画类似烧杯一样的实验室玻璃器皿图标?今天小编就给大家带来一篇非常详细的Photoshop中绘制一组科学实验室小图标教程,教程中一个绘制了三个实验室小图标,分别是玻璃器皿、显微镜和灯检查器,效果非常精致漂亮,好了,话不多说,下…

    5/9/2018 10:17:09 PM
  • ps+ai制作一个精致的带有织布和缝线纹理的徽章图标教程

    版权申明:本文原创作者“hasaddl”,感谢“hasaddl”的原创经验分享!教你如何使用Photoshop结合Illustrator制作一个精致的带有织布和缝线纹理的徽章图标,教初中使用的方法非原创。偶觉得这些徽章图标纹理运用比较巧妙且精致,很有…

    5/9/2018 10:17:02 PM

共有条评论 网友评论

验证码: 看不清楚?