前端工程师必备的PS技能——切图篇_学习笔记

首页免费课前端工程师必备的PS技能——切图篇笔记

前端工程师必备的PS技能——切图篇

                
                爱米
            Web前端工程师

                    查看讲师更多课程 
                    爱米讲师的其他课程
                
从入门到实战，轻松完成Angular8构建CRM系统
实战·中级·732

                                                                                                                                    ￥69.90
                                            
Grid布局基础
中级·13166
免费课程
                                
HTML5+CSS3实现春节贺卡
中级·110206
免费课程
                                
                难度初级
            
                时长 2小时 8分
            
                学习人数
            
综合评分9.53
                            543人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.3
                                逻辑清晰

最热最新

流浪佳人纳入怀 07:22

svg格式的图片有的不显示要么是图片本身是白色，要么是需要看代码！！其本身就是代码！

查看全部

0 采集收起来源：PS扩展知识介绍
2016-09-20
流浪佳人纳入怀

图层也可以加后缀导出切片

查看全部

0 采集收起来源：PS扩展知识介绍
2016-09-20
流浪佳人纳入怀 03:43

通过重命名为200%导出2倍的切片

查看全部

0 采集收起来源：PS扩展知识介绍
2016-09-20
流浪佳人纳入怀 01:50

只需要重命名加一个后缀图层就会导出改格式的切片到自动生成的文件夹里

查看全部

0 采集收起来源：PS扩展知识介绍
2016-09-20
流浪佳人纳入怀 01:20

自动切图，可以单独切出某个图层

查看全部

0 采集收起来源：PS扩展知识介绍
2016-09-20
流浪佳人纳入怀 01:48

精准切图的设置即运行

查看全部

0 采集收起来源：PS精准切图
2016-09-20
流浪佳人纳入怀 12:48

图层比较多的时候可以通过图层管理进行快捷操作！！

查看全部

0 采集收起来源：PS扩展知识介绍
2016-09-20
流浪佳人纳入怀 10:48

智能对象不可以复制css即无法生成css代码；图层名自动定义为类

查看全部

0 采集收起来源：PS扩展知识介绍
2016-09-20
流浪佳人纳入怀 04:31

导出的文件命名与图层名字一致！并且阴影等也能切出！所以要注意图层命名尽量用英文

查看全部

0 采集收起来源：PS精准切图
2016-09-20
流浪佳人纳入怀 02:17

图层面板下的变化过程是脚本切图的过程（包括隐藏，删除其他图层）只对当前图层操作

查看全部

0 采集收起来源：PS精准切图
2016-09-20
流浪佳人纳入怀

PSCC脚本精准切图

查看全部

0 采集收起来源：PS精准切图
2016-09-20
流浪佳人纳入怀

图层整体是智能对象时，参考线会产生误差，切片不准确

查看全部

0 采集收起来源：PS传统切图
2016-09-20
流浪佳人纳入怀 20:01

先把所有需要切出的图形拉出参考线；采用裁剪工具分别裁剪出网页的不同模块---针对不同模块基于参考线切片病导出！否则整个网页基于参考线会产生很多切片！当然如果网页内容需要切的少的话，直接切片工具切出即可@！！

查看全部

0 采集收起来源：PS传统切图
2016-09-20
木易涛童鞋

V回到移动工具；ctrl+左键单击图像（工作区）选定图层；ctrl+左键单击图层（面板区图层面板里的图层）载入选区。 M键回到选区工具（shift+m/L/w可以选区工具扩展中切换）带有工具扩展常用两个重要快捷键：1.shift可以画正方形，圆；alt键从鼠标位置为圆心四散画选区；2.shift键默认是增加选区，alt默认是减去选区。（注意先放开鼠标再放开快捷键） Ctrl与+或者-号和滚轮：可以放大缩小图像。画笔大小调节中（大）括号+滚轮：左括号减小，右括号增大。技巧：自动选择勾上+ctrl鼠标左键单击图层载入选区+单击裁剪工具+回车就会快速裁剪出所需的图标。按住alt键单击图层前的眼睛会把其他图层都隐藏（透明图的裁剪常用）！ C键回到裁剪工具

查看全部

0 采集收起来源：PS简单工具操作（1）
2016-09-20
木易涛童鞋

新建文件：预设-自定；宽度1920，单位像素，高度自定义；分辨率：72像素/英寸；颜色模式：RGB，8位；背景色：透明；可存储预设，以后直接调用。<br> 视图：显示-智能参考线勾上；标尺勾上，快捷键ctrl+r；<br> 窗口：库、颜色、通道、路径、属性、段落都关闭；信息。字符打开；<br> 信息右侧打开属性：颜色选RGB，标尺单位：像素，文档尺寸勾上；<br> 编辑：首选项-标尺-单位都选像素

查看全部

0 采集收起来源：photoshop界面设置
2018-03-22

首页上一页 58 59 60 61 62 63 64 下一页尾页

0/150

提交

取消

该课程已下架

课程须知: 本课程适合对Photoshop有简单了解，希望学习前端开发切图方法的用户。

老师告诉你能学到什么？: 使用Photoshop从网页设计师提供的psd中获取网页前端开发过程中所需要的资源，并进行简单的调整和处理。

微信扫码，参与3人拼团

热搜

最近搜索清空

前端工程师必备的PS技能——切图篇