威言威语

我愿像茶一样,把苦涩留在心里,敬发出来的都是清香!
威言威语
当前位置: 首页 > 设计 > 正文

PS图层文件转变为AI矢量图

有朋友问我,我博客的logo“威”怎么做的。当然是PhotoShop做的,不过不同的地方使用时用的大小不一样,如果都用PhotoShop去做的话效率有点低,那么使用矢量图进行伸缩同时有能保持清晰度。那么就需要将PS图层转换为AI矢量图。

有朋友问我,我博客的logo“威”怎么做的。当然是PhotoShop做的,不过不同的地方使用时用的大小不一样,如果都用PhotoShop去做的话效率有点低,不然就是做一个特别大的版本,其他地方缩小来使用,但是那样边缘容易失真,不是很好。

这个时候矢量图就很有必要了。不过我PhotoShop熟悉一些,Adobe Illustrator就几乎完全不懂了,让我单纯在AI里面做就做不出来了。只能通过PS图层转AI来实现我要的矢量图了,方法还是很简单的。

1、首先得有一个图片,比如我之前设计的logo“威”。

PS图层文件转变为AI矢量图

2、选择魔术橡皮擦工具等工具,擦除不需要的部分,留下logo主体。

PS图层文件转变为AI矢量图

3、选中logo主体,切换至路径,然后点击“从选区生成工作路径”(下图右下角圈出来的)。

PS图层文件转变为AI矢量图

4、生成工作路径

PS图层文件转变为AI矢量图

5、导出工作路径,文件-导出-路径到Illustrator…,选择工作路径并保存起来。

PS图层文件转变为AI矢量图

6、这个时候就可以使用AI打开刚刚保存的文件了。打开看到的全部是白色的,用选择工具全选画面会出现图标轮廓。

PS图层文件转变为AI矢量图

7、然后你也可以填充颜色。

PS图层文件转变为AI矢量图

8、还可以导出为svg格式的文件,如果你会CSS,配合CSS3能够做一些动效,做一些不同样的效果。

动态logo威
动态logo威

本文固定链接: https://www.weisay.com/blog/ps-change-into-ai.html | 威言威语

您可能还会对这些文章感兴趣!

PS图层文件转变为AI矢量图:目前有 14 条评论

  1. avatar
    6楼

    PS我只好一些简单的功能, :cool: 太复杂的玩不来

    2021-01-08 09:19 回复
    • avatar
      WilliamFirefox 84.0 Windows 10 x64 Edition

      其实我也只会皮毛,复杂的也玩不来。

      2021-01-08 13:57 回复
  2. avatar
    5楼

    玩得真6,我PS只会裁剪图片 :cry:

    2021-01-02 10:14 回复
  3. avatar
    4楼
    AjiangWebView 4.0 Android 9

    2021-01-01 19:04 回复
  4. avatar
    地板

    感觉AI使用起来比ps简单些 :cool:

    2020-12-30 14:06 回复
  5. avatar
    板凳
    公子Google Chrome 80.0.3987.163 Windows 10 x64 Edition

    学习了,ps也玩的这么溜~

    2020-12-29 22:04 回复
    • avatar
      WilliamMicrosoft Edge 87.0.664.66 Windows 10 x64 Edition

      PS只是入门,简单的处理还行,复杂的就搞不来了。

      2020-12-30 13:31 回复
      • avatar
        公子Google Chrome 80.0.3987.163 Windows 10 x64 Edition

        看来懂技术都是人手多技能。

        2020-12-31 15:00 回复
        • avatar
          WilliamGoogle Chrome 87.0.4280.88 Windows 10 x64 Edition

          一个人负责网站所有,多少都要会一些,不然就是用别人的,不一定都符合自己所想,多学点没坏处,正好也是兴趣所在。

          2020-12-31 16:28 回复
  6. avatar
    沙发
    LvtuSafari 14.0.2 Mac OS X  10.15.6

    你这个“威”还是适合在ai中做。。。 :cool:

    2020-12-29 20:31 回复
    • avatar
      WilliamMicrosoft Edge 87.0.664.66 Windows 10 x64 Edition

      虽然这个logo不复杂,但是AI还是画不起来,只会PS

      2020-12-30 13:29 回复
      • avatar

        这个用 AI 做很简单的,这种图案的话,先弄几条参考线并锁定,然后几个矩形排列就好了。先创建一个矩形,注意不要改变宽度,然后按住 Alt 鼠标拖动直接复制,根据需求调整长度、右键-变换-旋转 90° 等操作。

        2020-12-30 14:40 回复
        • avatar
          WilliamMicrosoft Edge 87.0.664.66 Windows 10 x64 Edition

          恩,会的不难,难的不会。有时间我直接在AI里面试画一下。

          2020-12-30 19:47 回复
        • avatar
          LvtuSafari 14.0.2 Mac OS X  10.15.6

          嗯,ai中更容易控制线条粗细及间距等细节 :shock:

          2020-12-31 11:03 回复

发表评论

avatar

电子邮件地址不会被公开。 必填项已用 * 标注

question razz sad smile redface biggrin surprised eek confused cool lol mad rolleyes wink neutral cry

快捷键:Ctrl+Enter