这篇文章主要介绍了photoshop正确的打开方式 ,本文图文并茂给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

首先这边我先贴一个地址:https://www.adobe.com/cn/products/photoshop.html

安装软件,这里就不赘述了,真的不会,可以百度^_^我当初就是百度的,哈哈

说到PS,作为前端开发的同学,一点都不陌生

photoshop正确的打开方式

前端需要的PS知识,也不是很多

针对页面布局,我们前端需要利用PS完成哪些准备工作呢?

1、我们需要测量目标元素的宽度和高度;

2、我们要知道目标元素的字体颜色,背景颜色

3、我们需要知道段落的行高,字符的属性

4、我们如何获取指定的图标,获取图标有啥快捷的方法

打开文件(ctrl+o)

图片和PSD,打开有什么不同

我们打开图片的时候,PS也会有个图层,这个图层是背景图层,会把这个图层给锁定起来,我们要编辑的时候,要先双击一下该背景图层,将背景图层转换为普通图层(通常我改的时候,都会+ ),通过拷贝建立一个新图层,防止误操作。

我们在打开PSD源文件的时候,就会看见好多图层,我们所看见的设计稿,就是由这些图层叠加上去的。表现这一点,感觉跟我们熟知的CSS很像。

控制图层是否显示 点击下图的小眼睛

photoshop正确的打开方式

拿到设计稿,我们要大致的确定下,版面的区域,宽度和高度,这个时候我们就要借助选区工具了

首先我们使用快捷键,选取矩形选框工具,此时我们可以按使用信息窗口,该窗口会实时显示被选元素的宽度和高度,这样我们就轻而易举的拿到了目标元素的宽度和高度。另外的话,取消选框选择(+ ),用的也比较多

photoshop正确的打开方式

参考线

使用标尺(+ ),我们按住鼠标左键不放,直接拖拽,直到贴合目标元素边缘,再按,切换到矩形选框,我们直接框选被测元素,就可以获取到其宽度和高度了

拾色器

拾色器说白了,就是获取颜色的,我们在开发的过程中,往往要涉及到字体颜色、背景色等诸多获取,拾色器方便快捷的解决了问题

photoshop正确的打开方式

抓手工具

我们利用这个工具,可以很轻松的拖拽设计稿,可以很轻松挪动显示区域,这个时候,我们往往会借助放大(+ 或者 + 鼠标滚轮)和缩小(+ 或者 + 鼠标滚轮)。

其实呢,抓手工具除了快捷键 呢,我们也可以按住键盘上面的空格,然后按住鼠标的左键,进行拖拽

移动工具

etc. 我们为了获取一个(目标元素),关键的一步,我们要选中它,如何快速的选中图层或者组,移动工具提供了接口,我们可以设置自动选择,勾选组或者图层,就可以快速的定位目标元素了,对应的切换到了对应的图层或者组了

photoshop正确的打开方式

既然我们已经找到了对应的图层,我们就可以通过矩形选框工具,进行框选,然后复制 + ---> 新建文件 + ---> 粘贴 + ,然后保存为 + + 。

总结

以上所述是小编给大家介绍的photoshop正确的打开方式 ,希望对大家有所帮助!

    无相关信息
最新资讯
618大促首日战报:京东天猫争主场,直播带货增长快

618大促首日战报:京东

6月2日,京东、天猫各自公布昨日的销售数据,其中京东和天
王兴为什么这么在意阿里文娱?

王兴为什么这么在意阿

无论是出于对猫眼娱乐的看好,还是出于对阿里文娱的看衰
牵手京东拼多多后, 国美这个6·18能翻多大盘

牵手京东拼多多后, 国

今年“6·18”是国内新冠肺炎疫情平伏之后首个大型促
泡泡玛特冲刺港股 是投资者的印钞机还是盲盒?

泡泡玛特冲刺港股 是

6月1日晚间,潮流玩具公司泡泡玛特向港交所递交招股书。
拼多多回应"二次上市":公司现金储备充裕 暂无任何计划

拼多多回应"二次上市

拼多多回应"二次上市":公司现金储备充裕,暂无任何计
杨柘加入小米 能否为中国区和高端化带来新气象?

杨柘加入小米 能否为

今日小米再次引入了一位手机圈高管,前魅族高级副总裁杨
最新文章
ps怎么制作简单的3D动画效果?

ps怎么制作简单的3D动

ps怎么制作简单的3D动画效果?ps中想要想要一个文字3d选
ps怎么圆形的金属饰品? ps圆形金属饰品的画法

ps怎么圆形的金属饰品

ps怎么圆形的金属饰品?家里经常能见到一些饰品,该怎么绘
ps图片中的水怎么添加流动动画?

ps图片中的水怎么添加

ps图片中的水怎么添加流动动画?ps中导入的自然风景图片
ps怎么设计猪年明信片? ps明信片的设计方法

ps怎么设计猪年明信片

ps怎么设计猪年明信片?今年是猪年,想要设计一款小猪明信
ps怎么绘制拼花效果的图案?

ps怎么绘制拼花效果的

ps怎么绘制拼花效果的图案?ps中想要制作拼花图案,该怎么
ps怎么绘制圆形的广告装饰图案素材?

ps怎么绘制圆形的广告

ps怎么绘制圆形的装饰图案?我们知道广告海报中都会有很