PS界面初始化设置-前端工程师必备的PS技能之一

位置:首页>文章>详情   分类: 教程分享 > WEB基础   阅读(850)   2023-03-28 11:29:14

PS界面初始化

1、新建设置

      web设计的基础标准:宽度为1920px,高度自定义,分辨率72px,背景模式RGB 8位。(提示:可以“存为预设”以便以后直接调用) 注意:背景内容为透明!!!
操作示例图-9a890a0404b74eee8845ea845b6762eb.png

 注意:背景内容为透明!!!

2、移动工具设计(快捷键V)

      在查看PSD源文件的时候,查看具有组合和图层的时候,需要移动或者选择某一个图层的时候,可以设置移动工具的“自动选择”功能的图层选择(注意:不必勾选“自动选择”功能,直接修改为图层模式即可)在使用时windows系统按住Ctrl+鼠标单击即可
操作示例图-ffee70fa609a465d97796b6cc79a52b4.png
 

3、视图设置

  • 在视图—显示—智能参线 视图—标尺 分别勾上进行显示
  • 将无用窗口关闭,仅仅留下图层,历史记录,信息,字符四个窗口
操作示例图-40cb48ee20984d33bb9ffffead833f7f.png
 
  • 设计信息窗口,选择“面板选项”,将第一颜色信息、第二颜色信息,鼠标坐标分别修改为RGB、RGB、像素模式,同时勾选“文档大小”(提示:此设计便于前端人员查看文件信息,设置绝对定位等信息)
操作示例图-56b0032de0984821bbb5c033e2bdf95a.png
 
操作示例图-d82b99df87d9458eae55f26b9acf2d1a.png
 
  • 编辑—首选项—单位与标尺:将单位均改为像素,确定即可
操作示例图-d9a573a05fcf40aab46f774a5aeb3545.png

4、保存界面初始化设置

      窗口—工作区—新建工作区 自定义名称保持即可,以便以后使用
操作示例图-ba0c5eacab294206b1915483485449f5.png
标签:
地址:https://www.leftso.com/article/658.html

相关阅读

PS界面初始化1、新建设置      web设计的基础标准:宽度为1920px,高度自定义,分辨率72px,背景模式RGB 8位
​1.假设初始化的chosen如下$('#chosenId').chosen({ width: '98%',//其他参数参考官网设置 }); 2.设置...
在CKEditor4版本中,对于编辑器高度设置是通过config配置里面的属性height来实现的,如下方所示CKEditor5 版本查文档发现已经没有这个配置了,通过网络资料查询得知,CKEd...
 bootstrapValidator 创建/重置/手动验证使用详解  bootstrapValidator 初始化  function initValidator() { $("#d...
summernote 粘贴图片上传到服务器以下为关键代码//初始化富文本 $('#description').summernote('destroy'); ...
Bootstrap-tab 组件增强插件效果图​​bootstrap-tab组件是对原生的bootstrap-tab组件的封装,方便开发者更方便地使用,主要包含以下功能:tab页初始化关闭tab...
npm配置国内镜像源
jQuery select 获取值$title(方法一:) let val=$('#selectId').val(); //获取选中值 $title(方法二:) let val=$('#sele...
网页布局是 CSS 的一个重点应用,之前都是盒子模型,flex布局是一种更优于盒子模型的先进方式,流行的开源前端框架bootstrap4之后也修改为了以flex布局为主。
类库方式实现:<!DOCTYPE html&gtl; <html lang="en"&gtl; <head&gtl; <meta charset="UTF-8"...