-
· 自动切图： 【配置】配置完成后，PSD 文件所在路径会出现 对应文件名-assets 的文件夹 1、编辑--首选项--增效工具--这里对『启动生成器』打勾√ （注意，更改在下一次启动 PS 后生效） 2、文件--生成--图像资源（将其打勾√ ） 【使用】 1、在 PSD 内将图层或图层组的名称修改为.png 或.jpg 结尾，则在assets文件夹内自动生成导出图片（以图层名称及其约定的文件后缀名命名）。 2、如果需要适配 retina 显示器，可以将图层命名为『200% 图层名字 @2x.后缀名』（注意需要添加空格，如：200% button @2x.jpg）自动导出的文件名不会出现200%的字样，但是文件尺寸变为2倍大小。 3、如果不想要导出的图片资源了，可以取消图层和图层组的文件后缀名，则导出的图片自动在assets文件夹内消失。 4、还可以通过图层和图层组的文件后缀名来控制导出图片质量，例如『.jpg8』则为 导出为80%品质的 jpg文件，如果不设置则默认为最佳品质。 · 导出为 SVG 格式 与自动切图类似，图层或图层组名称添加.svg 的后缀名即可自动导出。 1、如果导出图层不是标准矢量智能对象，则可能会出现问题，需要手动调整。 2、SVG格式文件大小很小，还可以用sublime 等编辑器对其代码进行精简或进一步优化。 【Photoshop CC 版本支持】 · 文件--抽出资源（可以导出图层为指定格式） · 图层--复制 CSS （可以将矢量图形对象复制为 CSS 代码） 1、CSS 代码会以图层名称作为 class 名称 · 图层管理 图层面板处，可以使用 名称、智能对象、颜色等进行筛选查找查看全部
-
1,切片工具：灰色代表被动切片，蓝色代表主动切片 2,使用参考线切图 3,先使用裁剪工具---再使用参考线切图 4,切图完毕，导出步奏 文件---存储为web所用格式（快捷键：alt+shift+ctrl+s） 5,存储格式png-24查看全部
-
单击文件-脚本-将图层导出到文件 文件类型：png-24 透明区域，交错，裁剪图层勾选 注意：比如说要做一个gif动画，如果是ps导出，半透明效果出不来，我们用ps导出一个一个png序列帧，由于命名是很顺的，我们可以在脚本 当中引入堆栈，那是非常炫的一个功能 1、有阴影会保留下来。 2、命名刚好是图层的名字，如果做网页设计把每个图层命名使用网页中合法的命名，就可以不需要导出后再调整名称。查看全部
-
1.ctrl+R 标尺快捷键 2.用鼠标左键从标尺拖动到图片，可以出现参考线 3.横向参考线按住 alt 键变成纵向参考线 4.删除参考线将其拖回到标尺位置即可 5.新建参考线 按Alt\ V 后 E 6.隐藏\出现参考线 ctrl+； 网页标准：1920X1080 选中图层，再新建参考线时，参考线会被吸附到图层边缘，但吸附到文字的边缘时会自动过滤掉虚化的部分 视图->显示->网格：作图中经常会用到查看全部
-
Alt+Delete：前景色填充 Ctrl+Delete：背景色填充 选区->右键点击选区->变换选区->Alt+Shift+鼠标左键：同圆心缩小->确定->Delete删掉小圆内部颜色 Ctrl+T：自由变换 移动+Alt+拖动：复制并且自动新建图层 裁剪：按住Alt键，以图像为中心建立裁剪区域查看全部
-
文本工具：Windows LCD 可以让文字没有毛边 文字可以直接添加在路径上 蒙版文字：可以向文字填充渐变色 路径选择工具：移动路径 直接选择工具：改变路径形状 形状工具：绘制标准形状 抓手工具、旋转视图 选择工具+空格+鼠标左键：抓手工具 放大工具（松开Alt）、缩小工具（Atl） 快捷键H：可以放大和缩小查看全部
-
污点修复画笔工具（J）：从点击周围来取素材再做一个融合 修复画笔工具：ctrl+右键，取素材，鼠标放开画出的内容，有羽化效果（复用某个地方的素材） 修补工具：将修补区域圈起来，按住鼠标左键拖动，放开后，放开区域回合圈的区域融合可以盖掉涂抹工具 --- 画笔工具（B）：可以通过属性面板调节硬度来实现画出来的轮廓的模糊程度 铅笔工具：画出的效果带毛边，硬度调到最小，画出的依然比较生硬 --- 防制图章工具（S）：取到的素材，什么样子画出来就是什么样子；与修复画笔不同的是，修复画笔松开左键会羽化图片边缘 图案图章工具：sp库中存在的图案 -- 历史记录画笔工具(Y)：打开历史记录面板，将历史记录画笔放在前面的方框内，点回原图，这时，画笔就带有历史记录，可以在原图上进行局部处理。 -- 橡皮擦工具（E）：设置背景颜色后，使用橡皮擦，擦过的地方会被背景颜色填充。 背景橡皮擦工具：会将图片直接擦掉，露出背景图层。 魔术橡皮擦工具:颜色相同区域，会被直接擦掉，露出背景图层。 -- 渐变工具（G）：设置前景色和背景色后，在图层上拉动，会出现渐变效果，属性面板上有各种渐变方式。 油漆桶工具 -- 模糊工具 锐化工具：内容会变得干燥 涂抹工具：类似画板上画完画，用手抹一下,比如加长睫毛 -- 减淡工具（O）：使脸部皮肤变白 加深工具 海绵工具查看全部
-
四大面板：图层，信息，字符，历史记录查看全部
-
盖印图层的概念，快捷键Ctrl + Alt + Shift + E，新建一个图层，包含所有图层的内容。<br> alt键可以确定圆心在哪里。<br> ｓｈｉｆｔ可以让圆成为正圆<br> 右键扩展工具中有椭圆选区（shift+M切换）<br> 当按住shift再选区的时候，选区属性自动变为第二个添加到选区<br> 当按住alt再选区的时候，选区属性自动变为第三个从选区减去<br> 套索工具（L）：<br> [放大缩小一倍：ctrl加+/-；百分之十：alt+鼠标滚轮]<br> 当按住alt再选区的时候，选区属性自动变为第三个从选区减去<br> 取消选中，ctrl+d<br> 小技巧—当按住ctrl+右键，选中一个图层时，点击裁剪工具，它会自动框住选中区域，按enter进入裁剪区，再按enter裁剪成功<br> 当使用选区工具，选中一个不规则选区时，按下裁剪工具，会围绕选区，选出一个最小的矩形<br> 小技巧—当按住ctrl+右键，选中一个图层时，点击裁剪工具，它会自动框住选中区域，按enter进入裁剪区，再按enter裁剪成功<br> ctrl+左键点图层缩略图，给图层加选区 Ctrl + ‘+’/‘-’或者Alt+鼠标滑轮（放大缩小视图）； Ctrl + 滑轮（左右移动视图）查看全部
-
alt+鼠标滚轮放大缩小。或者sh+ct+空格加鼠标移动放大缩小<br> 界面设置<br> ctrl+N（新建）<br> 预设：自定义<br> 宽度：1920<br> 高度：2000<br> 分辨率：72像素(比较流行)<br> 背景内容：透明（注意）<br> -----------<br> 移动工具设置：快捷键V——上方属性栏，自动选择不要勾选，冒号后，选中图层。当，想选中一个图层时，按住ctrl+左键，就会选中此图层，并可以拖拽<br> -----------<br> 视图设置：上方菜单栏-视图-显示-智能参考线（切图会提供很大帮助）<br> 打开标尺：上方菜单栏-视图-标尺（也可以ctrl+r）<br> 窗口设置：不需要的统统关闭；库、颜色、右侧的：通道、路径等关闭，只留四大面板在右面:信息和字符（放上面），图层和历史记录（放下面）<br> 信息设置：单击信息右侧的设置-面板选项：第一第二颜色模式：RGB；标尺单位：像素；文档尺寸勾选<br> -----------<br> 编辑设置：菜单栏-编辑-首选项-单位与标尺，将标尺和文字都改为像素<br> 小经验：<br> 选中一个图层：右下角图层位置，ctrl+点击，在图片中形成一个选区，并且选区的信息会出现在面板中；如果选中字的话，字体信息也会显示在面板上。<br> 建议：窗口-工作区-新建工作区：取名，并勾选两个选项：此方法可以保存之前的设置信息，以免，软件设置复位基本功能后，找不回之前的设置。<br> 编辑/首选项/单位与标尺【标尺：像素；文字：像素，其他默认不用改动】<br> <br> 这样的做的好处：在PS里打开一个网页，随便点击哪个图片或者某个字符，就可以知道详细的信息。查看全部
-
网页宽度查看全部
-
常用快捷键： Ctrl + ‘+’/‘-’或者Alt+鼠标滑轮（放大缩小视图）； Ctrl + 滑轮（左右移动视图）； 工具箱： 移动（V）； 选框工具（M）：（shift + 快捷键，可在拓展工具中快速切换） ——矩形、椭圆，画出选中范围后按住shift，可变成正方形、圆形，先松开鼠标。 先按住Alt，再选取，可鼠标指定正中心，矩形椭圆都行。 套索工具（L）：手画、多边形、磁性； 魔棒工具（W）：全自动、魔棒；（Ctrl + ‘【’/‘】’，可放大缩小魔棒大小） 以上三者为选取工具，选取时可添加可删除： 选取某部分后，按住shift键添加，alt键删除。即，添加选中的非公共部分，删除选中的公共部分。查看全部
-
web切图工作区：信息、字符、图层、历史 信息：面板选项，都修改为RGB颜色，添加文档尺寸。 菜单中，视图，添加标尺，以及显示里的智能参考线。 菜单中，编辑，首选项，单位与标尺，前两者改为像素。 菜单中，窗口，工作区，新建工作区，如前端常用的web切图。可轻松转换各种个性化工作环境。查看全部
-
快速切图： 编辑->首选项->增效工具->勾选启用生成器 文件->生成->勾选图像资源：可在PS文件下面发现新的文件夹 更改图层或者组名后缀为.png/.jpg：可在新的文件夹里发现导出的该图层或组的PNG文件/JPG文件 ……………………………………………………………………………………………………… 优化Retina屏幕显示效果： 更改图层或组的名字为“200% XXX @2x.png” 命名为.jpg8为80%品质，命名为.jpg或.jpg10为最高品质 命名为.png8有白边，命名为.png24无白边 ……………………………………………………………………………………………………… SVG格式： 命名为.svg，可以生成SVG文件，并且可以自适应窗口大小，可在sublime中查看代码，修改颜色等 WebP格式：同上 ……………………………………………………………………………………………………… 抽出资源： 选择图层或组->文件->抽出资源 ……………………………………………………………………………………………………… 复制CSS： 图层->复制（外部引用的智能图层是不支持复制的）->在sublime中粘贴，类名默认为图层名 ……………………………………………………………………………………………………… 图层管理： 可以通过名称、颜色、智能图层等条件筛选图层查看全部
-
文件->脚本->将图层导出为文件->PNG-24->透明区域、交错、裁剪图层->运行：自动切图，且文件命名即为存储前缀+图层名，图片阴影也会切出，有多少图层切出多少张图查看全部
举报
0/150
提交
取消