Photoshop 的一些实用操作

TOOLS_PHOTOSHOP_实用操作

奥运五环绘制涉及到的快捷键

• cmd + 鼠标左键 在图层列表或图片上选择图层
• 选区模式中: alt/opt 删除选区 shift 增加选区
• cmd/ctrl + t 自由变幻, 相对的还有一个变幻选区, 与自由变幻有些区别, 看慕课网视频
• alt + delete 填充前景色 ctrl/cmd+delete 填充背景色 delete 删除背景色

辅助线

• 显示/隐藏辅助线 快捷键 cmd/ctrl + ;
• 建立辅助线方式:
  • 视图->标尺(打钩)->锁定参考线/清除参考线/新建参考线
  • 标尺拉出来, alt或opt键变幻方向
• 清除辅助线方式: 将参考线拉回标尺清除

传统切图

• 可以直接切的非背景图

  1. 裁剪工具->切片工具->选择切片将psd图分为几部分,
  2. 在分离开的切片中对要切的图片拖周围的辅助线, 全部辅助线做完后点击上方"基于辅助线的切片"
  3. 上述1,2步骤结合使用, 在文件中选择保存切片

• 不能直接切的背景图

  • 移动工具->cmd/ctrl+左键选中图层,在图层列表中找到要切的背景图,右键保存为png格式

• 导出切片

  
  
  

  image.png
  
  

  快捷键ctrl/cmd+alt/opt+shift+s

精准切图

image.png

image.png

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

• 自动切图的设置

image.png

image.png

image.png

image.png

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

image.png

image.png

• retina 清晰缩放型图片切法

image.png

若要删除自动生成图片,将名字后面的文件后缀名删掉,资源文件夹中的文件会自动删除

SVG与Webp矢量图图片格式导出技巧

image.png

这是一个svg代码生成的图片

自动生成css的方法

image.png