Photoshop 入门

视图菜单(V)

标尺(R)

快捷键:Ctrl+R

标尺

1、 参考线:通过鼠标左键点击标尺,然后向下或者向右推拽拉出参考线。

参考线

2、自定义参考线: 点击左侧的移动工具>>双击参考线>>选择参考线、网格和切片并且进行自定义,如下图所示:

自定义参考线

3、 图片文件的tab标识:

测试.psd :表示文件的名称

100%:表示文件的现实比例

RGB 表示这个文件的色彩模式

8:表示文件的色彩深度

4、屏幕模式

快捷点:f

屏幕模式

5、图片放大与缩小

5.1、直接修改左下角的图片比例来进行放大缩小

图片缩放快捷方式

5.2、通过左侧工具栏进行放大缩小

图片放大缩小工具

5.3、通过快捷点 Ctrl+”+” 放大,通过Ctrl+”-“实现缩小 。(推荐)

常用图片格式:

图片网页制作中很重要的素材,图片有不同的格式,每种格式都有自己的特性,了解了这些特性,可以方便我们在制作网页时选取合适的图片格式,图片格式及特征如下:

1、psd

psd时Photoshop的专用格式,UI设计师使用Photoshop设计完效果图以后,会将psd格式的效果图交付给前端工程师,这种格式是不压缩的,而且保留了图层、透明和半透明等图片信息,所以这种格式的图片相对较大,前端工程师使用这种格式的效果图来切图制作网页,但是网页中不会出现这个格式的图片,它的作用是保存图片的原始数据,二是方便图片的修改。

2、jpg

jpg是一种有损压缩格式,压缩效率高,容量相对较小,网络传输速度快,它不能存为透明背景,在网页中应用最广,一般在不需要透明背景的时候使用这种图片。

3、gif

gif是一种无损压缩格式的图片,最多只有256种颜色,颜色丰富的图片转化为这种格式会颜色失真。它的背景可以是透明的,但不能是半透明的,透明背景中的图像,如果边缘轮廓是曲线的,会产生锯齿,它还可以保存为动画格式。

4、png

png的目的是为了代替gif图片,无损压缩,背景可以是透明或者半透明的,透明图像边缘光滑,没有锯齿,网页中需要透明或者半透明背景的图片,首选是png图片。png也是firework的专用格式,也可以包含图层信息。firework是另外一款可以和Photoshop相比的图像处理软件。也有少量的UI设计师使用这种软件来设计效果图,如果习惯使用Photoshop,那么可以将带图层的png效果图转换为psd图片在处理。

5、svg

svg是一种矢量二维图形格式,它是基于XML标记语言描述的,可以通过任何文本编辑器创建。它的优点是文件容量小、放大不失真、而且背景也可以是透明的。目前大量使用这种格式来制作网页图标或者网页地图。

6、flash

flash是一种矢量动画文件格式,曾经在网络上风靡一时,如今已逐渐退出历史舞台,原因是它的技术更新更不上发展,这种格式即可以是静态的图形,也可以是多媒体动画,还可以加入用户交互和数据,这是它曾今很流行的原因。这种格式名称为swf、flash是对它的统称。这种格式在网页中已经很少使用了,它的很多优秀特性被HTML5取代。swf文件中衍生出一种视频格式flv,它是一种流媒体视频格式,由于它有文件容量小,可以边下载,边观看等优点,目前广泛应用在视频网站中。

图片处理技巧:

1、图片格式转换与压缩

1.1、文件>>存储>>选择图片类型以及压缩比(不推荐)

1.2、文件>>存储为web所用格式>>选择图片类型以及压缩比(推荐)

2、图片平移

通过点击左侧的平移工具,对图像进行平移。双击此工具可以让图像缩放到显示区域完全显示。

3、移动图片

1、通过点击左侧的移动工具, ,然后按住Crtl +鼠标左键选中要拖拽的图层对图层进行拖动。

如果想取消移动,回到最初的状态,你们只需切换到历史面板,点击第一个条目即可。如果发现没有历史面板,那么点击窗口菜单>>历史面板,就会显示出来。

历史记录

2、 通过点击左侧的移动工具 ,然后勾选左上角的自动选择 ,然后对想要移动的图层进行拖拽操作

4、复制图层

在移动图层的同时按住Alt键复制图层。

5、图层的显示和隐藏

选中图层以后,点击右侧的图层table的锁定一列,点击眼睛图标即表示隐藏,否则显示。

图层隐藏于显示

6、设置图层的层叠顺序

只需设置图层的上下顺序即可,从上往山下依次层叠,最上面的在底部,最下面的在表面

层叠顺序

7、历史记录

记录20步操作,可以点击记录的操作步骤回到之前的状态。

历史记录

选择工具

1、矩形选择工具,通过该工具可以对已有图片进行抠图处理。

1.1、具体步骤:点击矩形选择工具>>在中间绘图区拉出矩形框>>Ctrl+C复制该矩形框中的图片>>选择目的地图片>>Ctrl+V粘贴该图片

1.2、Ctrl+D 取消矩形选择

1.3、对矩形选择框进行编辑(移动、缩小、放大),具体步骤:选择(S)菜单>>变换选区(T),取消编辑只需点击矩形内部区域即可。(ps:也可以切换到新选取模式,然后对矩形区域进行移动)

矩形选择编辑

1.4、设置矩形选择模式,新选区(每次只能选一个)、添加到新选取(可以在源矩形区域新添加一个矩形区域)、从选区减去(减去重叠的矩形区域)、与选区交叉(也就是取交集)

矩形选择模式

新选区模式:

新选取模式

添加新选取模式:

添加新选取模式

减选模式:

减选模式

与选区交叉模式:

与选区交叉模式

Ctrl+T 选中图片,可以对图片进行缩小和放大,缩放时按住Shift可以实现等比缩放。

2、任意套索工具

如果觉得文章有帮助到你,可以扫描以下二维码
   请本文作者 喝一杯
pay_weixin pay_weixin

发表评论

电子邮件地址不会被公开。 必填项已用*标注