PS切图操作

打开 Photoshop

  • 导出快捷键 shft+ctrl+s
    PS切图操作_第1张图片

画辅助线,切图

  1. 按住 Ctrl+R 打开标尺
    PS切图操作_第2张图片
  2. 拉好参考线之后,单机切片工具,点击上方属性区,基于参考线的切片
    PS切图操作_第3张图片
  3. Ctrl+Alt+Shift+S 存储为web所用格式
    PS切图操作_第4张图片
  4. 按住 Shift,在单击鼠标左键(可以多选),选择完,点击储存
    PS切图操作_第5张图片
  5. 存储保存
    PS切图操作_第6张图片

常用素材网址下载地址

  1. 下载psd文件:
    千图网 http://www.58pic.com/
    包图网 https://ibaotu.com/tupians/chuangyihaibao/guanggao/1-103-0-0-0-c0-3.html

  2. Png图片下载
    觅元素 http://www.51yuansu.com/

  3. 风景
    500px https://500px.com/
    pexels https://www.pexels.com/

你可能感兴趣的:(HTML5)