Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[软技能] 第115天 说下你是如何从PS切出图的,有什么技巧? #1044

Open
haizhilin2013 opened this issue Aug 8, 2019 · 10 comments
Labels
软技能 软技能

Comments

@haizhilin2013
Copy link
Collaborator

第115天 说下你是如何从PS切出图的,有什么技巧?

@haizhilin2013 haizhilin2013 added the 软技能 软技能 label Aug 8, 2019
@NicholasBaiYa
Copy link

这个,交给ui切

@haizhilin2013
Copy link
Collaborator Author

@NicholasBaiYa 自己会切吗?

@Clearives
Copy link

电脑太卡,ps打不开

@ghost
Copy link

ghost commented Aug 9, 2019

一般在布局过程中不使用栅格图,因此没有这个需求。

@noel-blazblue
Copy link

切片工具切好导出为web所用格式……如果单独的图层,就直接快速导出png。

@haizhilin2013
Copy link
Collaborator Author

haizhilin2013 commented Aug 9, 2019

一般当你在切图的过程中,你就会知道你该怎么布局了,我的团队里,我都是要求成员自己搞定,不需要用UI人员帮忙,因为他们不知道我们想要啥样的,然后还要跟他们沟通,成本很大……(还有UI请假了,UI离职了,事情还得继续做啊,这点技能必备)
其实切图花不了太多的时间,不复杂的图也就一会的事。
还有个好处就是,自己切图,我们可以在用切片的时候,就给图片命好名字了,导出来后就能直接用,非常方便!
综上,前端人员必须掌握点PS技巧!——切片的使用

@xiangshuo1992
Copy link
Contributor

如果是PS协作就是:
最常用,快速导出PNG(这里涉及合并图层及转化为智能图层)
偶尔,切片(静态类页面用的比较多,可能只有一两个按钮操作,css直接定位)

现在最常用Adobe XD、Sketch,Adobe XD用的过程中很少用到图片,需要图片就自己导或者请UI导,Sketch 因为依赖 MacOS 系统,所有就请UI好好配合了。

@greatWeber
Copy link

蓝湖是个好东西。。。

@kruzabc
Copy link

kruzabc commented Jan 8, 2020

答题嘛,就答喽!

n久前我自己切图,就是那种ui考虑不到的地方我来切,后来再也没切过。
本人也只会切片,消除,添加文字,切图我只会切简单的,能用就行。
说下我的方式

打开ps,打开psd图层,如图1
图1

选中小刀符号,在图片上裁去,选好了,就按 Shift + Ctrl + Alt + S四个键,弹出保存框

图2

设置属性后保存即可,可以保存所有图片。

@censek
Copy link

censek commented Jan 23, 2020

除去PS外,Sketch 也可用来切图。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
软技能 软技能
Projects
None yet
Development

No branches or pull requests

8 participants