<em id="5jzef"><ins id="5jzef"></ins></em>

      <div id="5jzef"></div>
        <em id="5jzef"><ins id="5jzef"></ins></em>

            <div id="5jzef"><tr id="5jzef"><object id="5jzef"></object></tr></div>
            <em id="5jzef"></em>

                    <div id="5jzef"></div>
                    <div id="5jzef"></div>

                      <progress id="5jzef"><tr id="5jzef"><ruby id="5jzef"></ruby></tr></progress>
                      当前位置£º首页 >影楼数码 >数码后期 >切图教程£¬pdf格式切图教程实例

                      数码后期 切图教程£¬pdf格式切图教程实例

                      文章来源£º其他网络   时间:2019-04-09 09:10:18   我要投稿  分享到
                      数码后期

                      在ios某个版本之后£¨原谅我只是一个设计师并不是很清楚到底是哪个版本正式开?#35745;?#29992;pdf格式载入的£©£¬xcode6具有了基于矢量图像(PDF文件)的编译能力¡£

                      UI设计师都会涉及到的一个问题£¬切图¡£在完成页面设计之后£¬需要导出@1x @2x @3x三个尺寸的png图像资源¡£哦呵呵呵呵呵呵£¬我每天都是带着计算器在按¡£

                      然而£¬现在xcode6有了pdf辨识的功能£¡直接带来的2个非常直观的影响¡£

                      1£¬ios切图从此只要切@1x£¬然后不论是哪个尺寸都能完美适配£¬达到最佳效果

                      2£¬缩减app大小£¬优化用户下载体验¡££¨因为切图成pdf并且是@1x的时候占用空间非常小£¬并且省去了一整套@2x和@3x的切图所占用的空间£¬喔呵呵呵呵呵想到app一下子减少了那么多大小£¬真是睡觉都笑出声呢¡££©

                      现在£¬一步步教大家如何切图¡£

                      一£¬photoshop£¬如果是在ps里绘制的矢量图£¬请在ps里切pdf¡£

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

                      以上图为例£¬这是一个求攻略出品的翻译软件£¬目前处于开发状态¡£这是一个在ps里用矢量画的volume图标¡£切记£¬icon务必要用矢量画£¬切图pdf格式?#27493;?#25903;持矢量图形¡£

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

                      选中volume icon选区£¬快捷键 command+鼠标左键£¬然后按照选区大小新建大小相同的新文件¡£

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

                      这时候£¬你会看到图中所示¡£因为在设计ui的时候是以iphone6为尺寸£¬也就是750¡£是@2x的时候的图£¬所?#28304;?#26102;£¬我们切出来的图是@2x的¡£

                      还需要注意的一点£¬当从画布1将icon 复制到画布2的时候£¬要保持icon一直处在矢量状态¡£切勿删格化£¡否则大业未成£¬前功尽弃£¡

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

                      如上图所示£¬这时候点开调整画布£¬control£«command£«i快捷键£¬将宽高百分比调整到50%£¬也就是说这时候你的icon切图是@1x的状态了¡£

                      为什么要调整到@1x的状态呢£¬因为@1x的时候扩展成@2x和@3x只要往上乘£¬而不是往?#24405;õ¡?/p>

                      避免了切图像素不整除的情况£¬但是我还是建议大小要取一个吉利的像素尺寸¡£

                      此处晤面¡£记住£¬要把背景去掉£¬因为你需要的是一个透明的背景¡£

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

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

                      颜色什么?#21738;?#20040;基础的就淡淡的略过吧¡£

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

                      点击保存£¬之后会弹出来这么一个框¡£

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

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

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

                      储存出来直接是pdf格式£¬这时候你打开预览不论是?#21734;?#22823;缩多小都是十分清晰£¬并且占用空间很小¡£

                      这个volume切出来只有10kb£¡£¡£¡是不是为你app太大无法优化的困?#21734;?#26102;就在梦里笑?#36873;?/p>

                      二£¬illustrator£¬如果是在ai里绘制的矢量图£¬请在ai里切pdf¡£

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

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

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

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

                      切记切记£¬ps和ai的矢量图要在各自的软件环?#35802;?#20999;图¡£所以比较推荐制作页面的时候绘制icon在一个环?#35802;?#32472;画¡£

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

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

                      如果你是设计师£¬这一段请拉的快一点£¬因为我保证你连读都无法读通?#24120;?#23601;别想看懂了¡£

                      1£¬如果你不已经有一个XCAsset文件£¬然后创建一个; 否则£¬打开一个你已经在你的项目?#23567;?/p>

                      2£¬从编辑?#35828;?#20013;的“新建映像集”¡£

                      3£¬在出现新的图像集£¬选择空白图像集£¬然后显示在工具面板¡£

                      4£¬选择属性检查器¡£

                      5£¬根据类型下拉?#35828;?#20013;选择“矢量”¡£

                      6£¬图像设?#23186;?#21464;成只有一个放置点£¬标有“全部 - 通用”

                      7£¬拖放上面创建到落点的矢量PDF文件¡£

                      接下来£¬您将只需使用设置£¬你会与任何其他的图像£¨无论是在代码或通过接口生成器£©Xcode的图像目录的图像¡£例如£¬要求-imageNamed£º在代码中£¬并通过在图像集的NSString的文字名称¡£

                      当你建立你的项目时£¬Xcode会去工作£¬创造@ 1倍£¬2倍@和@从您在Xcode的资产类别已经使用的PDF 3倍PNG文件¡£举例来说£¬如果你有一个@ 1X PDF£¬这是150像素x 150像素£¬然后Xcode中会生成以下PNG大小在应用程序中使用£º

                      ·@ 1X PNG在150像素x 150像素

                      ·@ 2倍PNG在为300px x 300px的

                      ·@ 3倍PNG在450px x 450px

                      当你运行应用程序£¬iOS的会自动选择合?#23454;Ä@ 1倍£¬2倍@或@ 3倍的形象£¬Xcode的基础?#21916;?#29983;的设备需求¡£请务必注明您的自动版式的限制£¬使得图像不调整对大型设备£¬否则你会最终与模糊的图像¡£xcode中产生基于所述@ 1倍的PDF图像代替缩放矢量在运行时对光栅图像¡£

                      有关将图像添加到您的项目中此方法的一些注意事项£º

                      这不是充满载体的支持 - 在编译时生成PNG图像£¬而你保持在这个没有控制权¡£

                      你不能选择一个新大小的图像£¬一旦你指定使用矢量缩放后的图像在你的应用程序¡£坚持使用您指定的大小£¬或者创造更大的尺寸新的PDF¡£否则£¬如果缩放与自动版式£¬例如图像将被扭曲¡£

                      虽然iOS的8不包括全矢量支持£¨而不是Xcode的只是建立你的PNG在生成时£© - OS X那样- 如果你使用同样的方法¡£在OS X中£¬你可以扩展你的代码£¬或者使用自动版式图像而没有任?#38382;?#30495;¡£

                      没有与以前的IOS版本不能向后兼容¡£所有的资产都被编译成一个Assets.car文件只能够通过的iOS 7和iOS 8读取这是用于与资产目录与iOS 7开头的同一个文件¡£

                      如果你已经有一个脚本或其他工具£¬可自动实现这个要求£¬那么你可能看不到一个?#20040;?#20351;用自动生成的PNG这种方法; 但是£¬如果你使用的OS X和iOS应用程序之间共享资源£¬它可能是一个方便的工具¡£

                       

                      更多影楼远程数码后期修片教程尽在全影网¡£

                      官方微博£º@全影网 http://weibo.com/7192com

                      官方微信?#21512;?#22312;?#21482;?#19978;获取最新?#39318;?#35759;吗£¿添加全影网官方微信£ºwww7192com

                      免责声明£º

                      本站部分内容¡¢观点¡¢图片¡¢文字¡¢视频来自网络£¬仅供大家学习和交流£¬真实性¡¢完整性¡¢及时性本站不作任何保证或?#20449;µ¡?#22914;果本站有涉及侵犯您的版权¡¢著作权¡¢肖像权?#21738;?#23481;£¬请联系我们(0536-8337192),我们会立即审核并处理¡£

                      我要评论

                      当前已有loading...个参与 查?#27492;?#26377;评论
                      验证码£º 验证码,看不清楚?请点击刷新验证码

                      名企招聘

                      人才求职

                      婚纱摄影