ps切图的基本操作有哪些?
作者:wanrong发布时间:2021年03月22日 15:10

  说到ps切图,小编一开始也是被弄的有些头痛,直到后面找对了正确的方法,后面的操作才越来越熟练。那么你是否也在为如何用ps进行切图制作而感到烦恼呢?如果是,就快来看看小编为你整理的ps切图的基础步骤吧!

  

  1.我们在设计中【切图】的主要目的是功能实现,让网页浏览更快。

  

  2.我们以这个图片为例,按住【Alt】键点住我们要切的图所在组,这样背景就直接隐藏了【如图所示】。

  

  3.【选框工具】框选住我们需要的图片部分,然后【Ctrl+Shift+N】新建图层,鼠标【右键】点击图片所在组,选择【转换为智能对象】,【如图所示】。

  

  4.然后【C】裁剪工具选中我们框选的地方,直接把图片切出来【如图所示】。

  

  5.【Ctrl+Alt+Shift+S】弹出操作栏,图片格式修改为【PNG】格式,然后点击【存储】,选择保存路径【如图所示】。

  

  6.第二种方法,点击上方【窗口】按钮,选择【扩展功能】,【Cutterman】插件,这个插件是需要下载的,【PS】自带的没有这个插件【如图所示】。

  

  7.在操作面板选择【PC】端,然后修改【保存目录】将保存路径修改为自己要保存的文件夹,然后选中我们要剪切的图层,点击【导出选中图层】,【如图所示】。

  

  8.这里以我们之前做好的网页为例,我们要切出左上角的logo图【如图所示】。

  

  9.我们按住【Alt】键,点击logo图层左侧的【眼睛图标】,隐藏logo之外的所有图层【如图所示】。

  

  10.【M】选框工具,选中logo图,然后【C】裁剪工具裁剪出框选的部分【如图所示】。

  

  11.【Ctrl+Alt+Shift+S】弹出操作面板,修改图片格式,点击存储【如图所示】。

  

  12.如果使用插件的话就直接选中图层,然后点击【导出选中图层】就可以了,非常方便【如图所示】。

  

  上面就是有关于ps切图的教程,其实主要是对图片进行裁剪,减掉不要的留下我们需要的就是我们的素材,也是进行ps的基础操作。希望能对各位小可爱有所帮助!

  

  本篇文章使用以下硬件型号:联想小新Air15;系统版本:win10,软件版本:ps(cc2020)。

点击观看视频教程
PS-网页切图方法
中级拔高20757人已学视频时长:09:12
立即学习
特别声明:以上文章内容仅代表作者wanrong本人观点,不代表虎课网观点或立场。如有关于作品内容、版权或其它问题请与虎课网联系。
500+精品图书
20G学习素材
10000+实用笔刷
持续更新设计模板
立即领取

下载虎课APP

随时随地学技能
APP更方便
每天免费学课程
下载虎课网APP
随时随地学海量会员教程
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了41,154
并提交了234份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证