【十月打卡】第5天——切图基础教程-前端工程师版3-1
2022/10/7 4:24:51
本文主要是介绍【十月打卡】第5天——切图基础教程-前端工程师版3-1,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
切图方式
◆利用切片工具进行切图
◆利用参考线进行切图
选择切片工具:
选择参考线工具:稍微麻烦一点。
最后了解图片格式相关知识:如png8. png24. jpg. gif
文字和颜色是可以用代码实现所以不用切片。
按住切片工具,按住鼠标左键拖动就可以的。
不需要的图片,首先选择选择工具,用Ctrl+左键就可以快速定位这些图象或代码所在的图层,然后把它的眼睛点掉,就会把不需要的图片隐藏了。
按住Ctrl键,选中已做好的切片区域,然后再按shift键,鼠标变为如上形状,就可以拖动了。水平或垂直拖动,就再按住Alt键,就可以。还可以放大看,细致观察,如果想细微调整,就在键盘上按左右键一个一个像素点左右调整。
只导出你选中的切片,选中的切片只是最后一个切片。我认为是一个非常好的切片。
点击此菜单,就会自己生成切片。再按Ctrl+冒号,就可以把图片外的参考线隐藏了。如下图:
切片非常碎,
删除多切的切片,要删两次。选中后,delete键亦可以做到删除多余切片。
保存时是需要选中所有切片,因为是自动生成,不是我们自主选中的。其中有非常多的用不到的切片,下一步是单独选中我们需要的切片,再copy,移动。这是参考线切图的弊端,这一步是必须完成的。
还有脚本切图,是需要设计师帮助的。
图片格式:GIF是动图,淘汰了。
JPG没法做透明度图片,大小比PNG小点,PNG24是全透明,PNG8是半透明的,加阴影,是可以看出来的。特别是导出是,就明显了。WBMP最后一种是黑白的要求。JPG是可以选择品质的,最佳的100就是图片内容变大了。
这篇关于【十月打卡】第5天——切图基础教程-前端工程师版3-1的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-30毕设私活神器
- 2024-05-30html
- 2024-05-09一定要避坑:关于微信H5分享,温馨提示你不要再踩坑了!!!
- 2024-05-09本地项目放到公网访问!炒鸡煎蛋!
- 2024-04-07金融企业区域集中库的设计构想和测试验证
- 2024-03-11前端CSS的工程化——掌握Sass这四大特性就够了
- 2024-02-21h5关联css样式(html怎么和css关联)-icode9专业技术文章分享
- 2024-02-07Firefox禁止远程字体加速网页加载及图标字体补充安装
- 2024-02-07一个菜鸡前端的3年总结-「2023」
- 2024-01-18最火前端Web组态软件(可视化)