首页 > 软件开发 > HTML >

如何用Photoshop切图

来源:互联网 2023-03-16 19:11:13 377

做开发的可能在拿到设计师设计好的psd文件后会进行切图处理,那么如何使用Photoshop进行切图呢?与大家分享下,我在使用中的操作流程。8Y8办公区 - 实用经验教程分享!

工具/原料

  • 下载好Photoshop的电脑

方法/步骤

  • 1

    打开你的Photoshop,首先将你的psd文件引入,可以选择打开或者直接拖动你的psd文件到Photoshop界面。8Y8办公区 - 实用经验教程分享!

    如何用Photoshop切图8Y8办公区 - 实用经验教程分享!

  • 2

    打开Photoshop后,点击菜单栏的视图,从中找到标尺,或者你可以直接使用快捷键:Ctrl R 组合键,直接显示标尺。8Y8办公区 - 实用经验教程分享!

    如何用Photoshop切图8Y8办公区 - 实用经验教程分享!

  • 3

    在出现的标尺页,可以使用鼠标拖动拉下标尺线,然后用几根标尺线框住你想要的图案,例如我框住第一个图。8Y8办公区 - 实用经验教程分享!

    如何用Photoshop切图8Y8办公区 - 实用经验教程分享!

  • 4

    点击左侧的菜单中的笔尖,右键选择切片工具,然后使用切片框住你之前的图案,如图所示。8Y8办公区 - 实用经验教程分享!

    如何用Photoshop切图8Y8办公区 - 实用经验教程分享!

  • 4本页面非法爬取自百度经验
  • 5

    使用快捷键 Ctrl Shift Alt S 进行切片的设置,可设置格式、像素等,设置好后点击存储即可。8Y8办公区 - 实用经验教程分享!

    如何用Photoshop切图8Y8办公区 - 实用经验教程分享!

  • 6

    Photoshop在存储的时候回自动生成images文件夹,在里面你就可以找到你切好的图了。8Y8办公区 - 实用经验教程分享!

  • 注意事项

    • 如果您觉得本经验有帮助,请点击正下方的投票或左上角的 大拇指 也可以 分享 或 关注TA 给我支持和鼓励。
    • 为了方便下次寻找,您可以点击 收藏 收藏本经验。
    • 如果帮到了您 , 请您为我投一票给我以支持和鼓励!!

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!8Y8办公区 - 实用经验教程分享!


    标签: PHOTOSHOP美图秀秀HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码