那些前端需要掌握的PS知识

Posted 泠泠在路上

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了那些前端需要掌握的PS知识相关的知识,希望对你有一定的参考价值。

PS版本:ps cc2014

新建

新建 ctrl+n  
预设web  大小**1920*2000**   分辨率72  rgb8位   背景透明色

移动工具设置

左侧图标菜单区第一个图标  v       自动选择  -图层   ctrl+单击

视图-显示--智能参考线   视图-标尺  勾上

窗口-库-颜色-路径关闭   

窗口信息和字符打开    
 
选中信息菜单右击-信息面板选项-单位改成**像素**

颜色模式改成**rgb**模式

勾上**文档**尺寸

编辑-首选项-单位与标尺单位中全部改成**像素**

工作区

工作区-新建工作区-名字     切换成该模式窗口-工作区-名字

ctrl+单击选中=图层进行上下左右对齐    shift+m**形状切换**

shift+选区  **正方形和正圆**       alt+shift+选区 以此处为**圆心**

套索  不规则形状  shift+多边

快速选择工具   直接点击

裁剪工具

四种方式:
  一、选中裁剪 
  二、选中图层-裁剪-回车-回车   
  三、选中部分+裁剪   
  四、选中图层 +裁剪+选中图层+alt=透明图片

左侧菜单工具概述

污点修复画笔工具-画住污点

修复画笔-**alt+点击**  画出选中地方复制取材

修补工具-框起来选中-**摁住左键**选择替换换掉的部分

图章--alt+单击 -在别的地方画一样的部分

创可贴--alt+单击=复制(有羽化)

图案图样工具--从库中选择背景

历史记录画笔工具--滤镜-模糊-高斯模糊-确定--画笔元记录勾上--用画笔磨一下--去掉

钢笔工具-画线+alt调角度-路径-选区

画圆环

0.画椭圆
1.alt+椭圆工具
2.取颜色-alt+del前景色填充 /ctrl+del背景色填充
3.选区工具右键-变换选区-alt+shift缩小-同心圆的小选区
4.按del删除背景色
5.ctrl+t自由变化 按住shift缩小
6.按住alt 拖动,复制圆
7.选中图层-按住ctrl-在图层的缩略图上单击-选中图层里面的部分
8.alt+del上色

技巧键

1.ctrl+单击  自动选择图层

2.alt+移动并多次单击其他图层  **选中多个图层**

3.裁剪+alt

4.蓝色按住ctrl+单击   alt+选区去掉不想选择的部分

5.视图-新建参考线(水平和垂直)     或   ctrl+r 或视图-标尺

6.alt+v+e **新建参考线**

7.选中图层-拖动参考线-自动吸附

8.ctrl+; **关闭或打开参考线**

9.复制css:智能对象:图层-复制css-新建文件-粘贴

10.图层管理:右侧图层中的管理进行条件筛选

传统切图

 1.切片工具选择各种需要切的图
  2.选择切片工具-选中基于参考线的切片     存储为web所用格式-png24

精准切图

文件-脚本-将图层导出到文件-文件类型:png24  -选项全勾上   

自动切图

1.编辑-首选项-增效工具-启用生成器勾上-文件-生成-图像资源勾上
2.把需要的图命名为png或jpg的后缀名-自动在assets文件夹里生成图片
3.ritina-- png8/jpg8-png24/jpg10-200%空格+ 名称+空格+@2x.jpg

svg图

1   .svg后缀名 
2.抽出资源:文件-抽出资源-选择svg格式

以上是关于那些前端需要掌握的PS知识的主要内容,如果未能解决你的问题,请参考以下文章

CSS学习12-PS的基本操作

PS 切图

018 盒子实战

ps:图层知识

前端ps日常操作大全

前端访问服务器