TOOLS_PHOTOSHOP_实用操作
奥运五环绘制涉及到的快捷键
- cmd + 鼠标左键 在图层列表或图片上选择图层
- 选区模式中: alt/opt 删除选区 shift 增加选区
- cmd/ctrl + t 自由变幻, 相对的还有一个变幻选区, 与自由变幻有些区别, 看慕课网视频
- alt + delete 填充前景色 ctrl/cmd+delete 填充背景色 delete 删除背景色
辅助线
- 显示/隐藏辅助线 快捷键 cmd/ctrl + ;
- 建立辅助线方式:
- 视图->标尺(打钩)->锁定参考线/清除参考线/新建参考线
- 标尺拉出来, alt或opt键变幻方向
- 清除辅助线方式: 将参考线拉回标尺清除
传统切图
-
可以直接切的非背景图
- 裁剪工具->切片工具->选择切片将psd图分为几部分,
- 在分离开的切片中对要切的图片拖周围的辅助线, 全部辅助线做完后点击上方"基于辅助线的切片"
- 上述1,2步骤结合使用, 在文件中选择保存切片
-
不能直接切的背景图
- 移动工具->cmd/ctrl+左键选中图层,在图层列表中找到要切的背景图,右键保存为png格式
-
导出切片
image.png
快捷键ctrl/cmd+alt/opt+shift+s
精准切图
![](https://img.haomeiwen.com/i7500613/f24183eba1b7eacb.png)
![](https://img.haomeiwen.com/i7500613/28f281350f36e2e3.png)
在图层列表中改变文件名的同时自动切图
- 自动切图的设置
![](https://img.haomeiwen.com/i7500613/30f4546289232c42.png)
![](https://img.haomeiwen.com/i7500613/39a247f7d8394851.png)
![](https://img.haomeiwen.com/i7500613/7e855f75986b2cf5.png)
![](https://img.haomeiwen.com/i7500613/43eeb44005c08266.png)
会生成一个与当前psd同目录的图片文件夹, 将自动生成图片文件
![](https://img.haomeiwen.com/i7500613/866804509f0a3ac8.png)
![](https://img.haomeiwen.com/i7500613/3906dff8d53360ee.png)
- retina 清晰缩放型图片切法
![](https://img.haomeiwen.com/i7500613/6f0ec25b60152f54.png)
若要删除自动生成图片,将名字后面的文件后缀名删掉,资源文件夹中的文件会自动删除
SVG与Webp矢量图图片格式导出技巧
![](https://img.haomeiwen.com/i7500613/81108c124e7c81bc.png)
这是一个svg代码生成的图片
自动生成css的方法
![](https://img.haomeiwen.com/i7500613/e17afdea59c58fb4.png)
网友评论