当前位置:首页>ps入门教程>ps基础教程>设计知识>教程内容

切图教程,pdf格式切图教程实例(2)

来源:站酷 作者:夏叙 学习:5645人次

切图教程,pdf格式切图教程实例_www.16xx8.com

现在开始储存动作,点开另存为,找到photoshop pdf格式,勾选“作为副本”

颜色什么的那么基础的就淡淡的略过吧。

切图教程,pdf格式切图教程实例_www.16xx8.com

点击保存,之后会弹出来这么一个框。

将“保留photoshop”编辑功能勾掉,

只剩下“嵌入页面缩览图”以及“优化快速web预览”然后点击保存

切图教程,pdf格式切图教程实例_www.16xx8.com

储存出来直接是pdf格式,这时候你打开预览不论是放多大缩多小都是十分清晰,并且占用空间很小。

这个volume切出来只有10kb!!!是不是为你app太大无法优化的困扰顿时就在梦里笑醒。

二,illustrator,如果是在ai里绘制的矢量图,请在ai里切pdf。

切图教程,pdf格式切图教程实例_www.16xx8.com

也是按照@1x的大小建立画板调整好大小,并且另存为pdf格式。

切图教程,pdf格式切图教程实例_www.16xx8.com

勾选“嵌入页面缩览图”以及“从顶层图层穿件Acrobat图层”然后点击保存。

切记切记,ps和ai的矢量图要在各自的软件环境下切图。所以比较推荐制作页面的时候绘制icon在一个环境下绘画。

到这里,设计师部分的就结束了,看着一大堆,其实我是很详细的把每一步都拆分的很仔细,自己操作一遍其实很迅速。如果有心者可以试着做一个动作会更方便,如果自己将来做动作了会及时上传上来。

然后就是放入xcode6中,因为我并不懂xconde6是什么,特意从我们公司程序员大大讨来教程贴在下面,所以下面的教程来自引用。因为我一个字都看不懂。

如果你是设计师,这一段请拉的快一点,因为我保证你连读都无法读通顺,就别想看懂了。

1,如果你不已经有一个XCAsset文件,然后创建一个; 否则,打开一个你已经在你的项目中。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!