photoshop的基本操作

本文主要介绍了前端工程师在还原设计稿时使用Photoshop的一些基本操作,包括缩放、拖动图片、选取工具的使用、查看信息、文字工具、颜色吸取、标尺与辅助线的使用、切片工具及导出图片等,帮助前端开发者快速上手Photoshop。
摘要由CSDN通过智能技术生成

photoshop的基本操作

在还原设计稿时,我们需要使用photoshop打开psd格式的设计稿,作为前端工程师,我们不需要太多的ps技巧,只需要了解一些简单的基本操作即可。

  1. alt + 滚轮:缩放图片;
  2. 空格 + 鼠标左键:拖动图片;
  3. shift + m:切换到选取工具,使用鼠标左键选择,ctrl+d可以取消选取;
  4. F8查看信息,可以查看选取内容的尺寸;
  5. shift + t:切换到文字工具;
  6. 单击色盘可以吸取颜色;
  7. ctrl + r:切换显示标尺;
  8. 鼠标左键可以从标尺中拖出辅助线,取消辅助线可以将其拖入标尺;
  9. shifit + c:切换到切片工具;
  10. 选择切片后,按alt + shift + ctrl +s:存储为web和设备所用格式,就可以看到切片选择的对应图片了(透明背景的图标或者图片推荐存储为png格式)。
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值