为了账号安全,请及时绑定邮箱和手机立即绑定

切图仔入门教程

标签:
Photoshop

对于大前端来说,首先入门的是切图,那我给大家来说说怎么做吧!

1、打开一个PSD文件先(要先安装PS啊 大哥们。。。)


https://img1.sycdn.imooc.com//5d53d98000010b1908790098.jpg

选择PSD文件打开

 打开后 会提示:


https://img1.sycdn.imooc.com//5d53d98300012cda09070209.jpg

一定要保留图层哦。因为每个文件里都是有各个小图层组成的



https://img1.sycdn.imooc.com//5d53d9880001d20809090473.jpg

打开了。右边各个都是图层。中间是页面。左边是工具栏。

2、开始切图

我首先想切下这个图片的底图,我要再右边的图层里找到这层先


https://img1.sycdn.imooc.com//5d53d98c0001e79009030489.jpg

在这里,是这个图层

  我们需要切的是一整张图,那么,我们就把其他的合并起来。但是我们看到了这几个图层后面有小锁,有小锁的图层是不能改变的。所以,不要慌,我们先把这些锁解除掉,

https://img1.sycdn.imooc.com//5d53d98f00011e4303370825.jpg

对了 上面这个按一下就解锁了。

解完锁后,开始把这些图层选中合并起来。


https://img1.sycdn.imooc.com//5d53d99300019e5d03430671.jpg

选中后,右击鼠标,合并图层


此时图层以变成如下样子:

https://img1.sycdn.imooc.com//5d53d998000179ef03180111.jpg

可以了 这个图合并完了

3、切图走起

选中这个图层 ,然后在左侧的工具栏里,找到


https://img1.sycdn.imooc.com//5d53d99d0001722c04690200.jpg

这个框选工具,选中这个图层,然后ctrl+c(复制)

这时 新建一个,如图


https://img1.sycdn.imooc.com//5d53d9a10001a38c04890781.jpg

什么也不用管,直接新建就好

然后 到页面 ctrl+v 复制过来,


https://img1.sycdn.imooc.com//5d53d9a70001c22309020442.jpg

好了。切出来了

最后一步,进行保存,要选择web格式保存,这样在网站的图片可以进行一步压缩(特殊图片要求除外哦)


https://img1.sycdn.imooc.com//5d53da4c0001024006840858.jpg

https://img1.sycdn.imooc.com//5d53da510001b83008940541.jpg

存储。。

接着  保存、、搞定。。


over over。。



作者:西柚子啊喂
链接:https://www.jianshu.com/p/b642c6a568cf


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消