前端PS切图的那些事
来源:互联网 发布:laravel cms 开源 编辑:程序博客网 时间:2024/05/06 04:56
我们在制作网站的时候如何把做好的效果图转成网页格式呢?如果是比较复杂的网页就需要用手动来切图。达到最终效果,接下来谈谈传统切图法
我们首先打开PS,把psd文件载入,进去后先ctrl+r 调出单位尺寸方便拉参考线,然后ctrl+k 调出配置像素点如下:
接下来切割一个小图标,我们可以按快捷键m 选择矩形工具,当然如果你的图标是圆形可以按shift+m 切换椭圆工具,选中图标后可以ctrl+shift+c复制然后ctrl+n新建画布,点击确定,再按一下ctrl+v 效果如下:
ctrl+v后得到新图标画布,然后Alt+ctrl+shift+s 调出存储为web格式的界面,点击存储可以选择jpeg,png24,gif格式的图片,效果如下:
以上步骤都是传统的切图方式,现在的ps里有个智能的切图方式,不过切出来的图片很多有很多不是你所需要的,而且电脑配置要求好,就是选择ps里文件下的脚本下有个图片处理器的功能,感兴趣可以去研究。
阅读全文
0 0
- 前端PS切图的那些事
- 前端的那些事
- 前端切图PS技能
- 真正的ps切图方法(前端必看)
- 做一个会PS切图的前端开发
- Ps抠图的那些事情
- 关于前端的那些事
- 干前端的那些事
- ps快捷键(仅为前端切图)
- 前端——ps 快速切图
- 【Web前端】PS 简单切图
- 前端PS实用切图指南
- 懂代码设计更容易!PS CC与前端那些事
- 前端学习基本的PS
- 关于系统前端开发的那些事
- 前端那些事
- 前端那些事
- 前端那些事
- 机器人
- CEO、COO、CFO、CTO、CIO各是什么意思?
- Spark相比MapReduce的优势
- 【Unity&JSON】.net JSON 数组 序列化和反序列化,并 创建玩家数据列表
- python 关于字典append 到list 后值的改变问题
- 前端PS切图的那些事
- android 背景样式shape -- rectangle矩形
- 销售自己使用过的小汽车纳多少增值税
- 评论进行分类
- JSON学习笔记(一)- 语法
- NIS主从服务器配置
- MySQL中行格式之Compact行记录格式
- MySql数据库命令操作详解
- linux上传下载工具_整理