亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

【十月打卡】第5天——切圖基礎教程-前端工程師版3-1

標簽:
資訊 活動

https://img1.sycdn.imooc.com/633da585000161ec11170648.jpg

切图方式

◆利用切片工具进行切图

◆利用参考线进行切图

https://img3.sycdn.imooc.com/633da5bb0001333111330647.jpg

https://img2.sycdn.imooc.com/633da5db000134b001850153.jpg

选择切片工具:

选择参考线工具:稍微麻烦一点。

最后了解图片格式相关知识:如png8. png24. jpg. gif


文字和颜色是可以用代码实现所以不用切片。

按住切片工具,按住鼠标左键拖动就可以的。

不需要的图片,首先选择选择工具,用Ctrl+左键就可以快速定位这些图象或代码所在的图层,然后把它的眼睛点掉,就会把不需要的图片隐藏了。

https://img1.sycdn.imooc.com//633dacea000177ee02520158.jpghttps://img1.sycdn.imooc.com//633dacfd0001159f02490213.jpg


https://img1.sycdn.imooc.com//633dad2a0001807803640114.jpg


按住Ctrl键,选中已做好的切片区域,然后再按shift键,鼠标变为如上形状,就可以拖动了。水平或垂直拖动,就再按住Alt键,就可以。还可以放大看,细致观察,如果想细微调整,就在键盘上按左右键一个一个像素点左右调整。

https://img1.sycdn.imooc.com//633dae690001864704020337.jpg

https://img1.sycdn.imooc.com//633dae790001df3f02880140.jpg

https://img1.sycdn.imooc.com//633daebe0001d3e803180377.jpghttps://img1.sycdn.imooc.com//633daed90001176702890134.jpg

https://img1.sycdn.imooc.com//633daf010001547904250149.jpg

只导出你选中的切片,选中的切片只是最后一个切片。我认为是一个非常好的切片。

https://img1.sycdn.imooc.com//633daf780001af9507250419.jpg

https://img1.sycdn.imooc.com//633db03a0001611c04630497.jpg

https://img1.sycdn.imooc.com//633db05b00012d4602750119.jpg

点击此菜单,就会自己生成切片。再按Ctrl+冒号,就可以把图片外的参考线隐藏了。如下图:

https://img1.sycdn.imooc.com//633db0d400019b2204800437.jpg

切片非常碎,

https://img1.sycdn.imooc.com//633db1280001599302300134.jpg

删除多切的切片,要删两次。选中后,delete键亦可以做到删除多余切片。

https://img1.sycdn.imooc.com//633db1e00001574a04710515.jpg

保存时是需要选中所有切片,因为是自动生成,不是我们自主选中的。其中有非常多的用不到的切片,下一步是单独选中我们需要的切片,再copy,移动。这是参考线切图的弊端,这一步是必须完成的。

https://img1.sycdn.imooc.com//633db3900001656601840116.jpg

还有脚本切图,是需要设计师帮助的。

图片格式:GIF是动图,淘汰了。

JPG没法做透明度图片,大小比PNG小点,PNG24是全透明,PNG8是半透明的,加阴影,是可以看出来的。特别是导出是,就明显了。WBMP最后一种是黑白的要求。JPG是可以选择品质的,最佳的100就是图片内容变大了。

https://img1.sycdn.imooc.com//633db41c0001224b07470326.jpg

https://img1.sycdn.imooc.com//633db43500011d6807480355.jpg

https://img1.sycdn.imooc.com//633db4650001525807230331.jpg





點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消