Photoshop 的一些实用操作
2017-09-04 本文已影响0人
VitoAt
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
精准切图


在图层列表中改变文件名的同时自动切图
- 自动切图的设置




会生成一个与当前psd同目录的图片文件夹, 将自动生成图片文件


- retina 清晰缩放型图片切法

若要删除自动生成图片,将名字后面的文件后缀名删掉,资源文件夹中的文件会自动删除
SVG与Webp矢量图图片格式导出技巧

这是一个svg代码生成的图片
自动生成css的方法
