使用photoshop以及markman进行快速重构页面的几个步骤

先来几个photoshop打开psd图的标准动作。

ctrl+,ctrl-,放大,缩小psd图的。查看字体大小看T等等。

想psd图出现刻度

1037363-20180408005703235-985582483.png

你只需要">

1037363-20180408010335027-1039594936.jpg
1037363-20180408010412909-1978678402.png

设置度量单位为像素之后,打开我们的标尺

1037363-20180408010522449-1526960244.jpg

准备切图的时候,使用参考线,便于切图。

1037363-20180408010615338-136443624.png

切图无外乎切jpg图片和png图片。

第一种:切jpg图片方法。
1037363-20180408010718075-953126172.png
1037363-20180408010739060-1949906834.png
1037363-20180408010802954-1928363910.jpg
1037363-20180408010830023-936489540.png
1037363-20180408010851492-1394147200.png
第二种切png图片方法
1037363-20180408010948126-1325946163.png
1037363-20180408011013737-1933894026.png
1037363-20180408011033284-827045774.png
1037363-20180408011048747-1728741961.png
记得是用移动工具1037363-20180408011135157-1962387415.png

确保png图片背景必须为透明。注意png图需要一个一个的切。慢慢切,耐心就好。

使用markman的方法。

1037363-20180408011810502-1597472910.png

来看看markman长什么样子。

1037363-20180408011829167-1379482662.jpg

后记:

ps这个工具,放宽心按照步骤来,就可以要到自己想要的东西。但是你倘若想p一篮筐鸡蛋之类的,那你自己还是得下功夫的。
所谓的工具就是多用几次熟能生巧,切勿一开始急躁。
不过到底是切png图还是jpg图片好就看你的需求喽。###

关于使用markman,一点一点在上面标注你想要的东西的时候,其实也是一个思考的过程,他会让你有一种不必从上到下的呈现方法。你可以天马行空的选择最适合你的方法。

1037363-20180408012553040-96656935.png

转载于:https://www.cnblogs.com/smart-girl/p/8731639.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值