常用开发工具
Typora快捷键
- 生成目录 : [toc] + enter键
- 生成标题 : ctrl + "数字键"
- 生成无序列表 : " * " + Tab键
- 取消当前样式 : ctrl + end
- 返回上一级 : shift + tab / 双击回车也可以
Vscode配置
- 安装插件 Atom One Dark Theme (主题设置)
- 安装图标 VSCode Great Icons (图标设置)
- 安装默认浏览器 open in browser(默认浏览器)
- 安装热更新 Live Server(会自动刷新你的网页)
- 自动更改名字 Auto Rename Tag (修改名字插件)
- 自动保存 file → auto save
- 字体大小设置 file → preferences → setting → text editor
- 自动换行 setting 栏中搜索 wrap 修改为 on
- 空格渲染方式
- 缩进大小设置(以空格为单位)
PhotoShop
- 菜单栏
- 工具栏
- 信息面板 工欲善其事，必先利其器 - 将界面调整成你喜欢的样子
- 菜单栏
- 窗口（常用）
- 图层
- 信息
- 字符
- 工具
- 选项
- 历史记录
常用的快捷键
- ctrl + N 新建
- ctrl + O 打开
- ctrl + r 打开游标卡尺
"锁"住原来的你
图层的位置有一把小锁，上了锁的图层是不可以修改的哦~ 如果想要修改，要先打开小锁。
工具篇
1.文字工具 —— 要来个文字吗？
- 可以用于往页面中添加文字，结合字符面板，可以更好的美化文字
** 添加的文字会新建一个图层
2.移动工具 —— 有本事你过来啊
- 可以用于移动页面中的元素 ** 额外需要注意一下，只可以移动选中的图层上面的内容哦，千万不要移错
3.选区工具 —— 不管你是圆的方的，我都可以把你围起来
- 可以用于测量页面中的元素大小，结合信息面板看起来更方便
- 也可以用于选中页面中的区域，复制出一个新的图层
4.裁剪工具
—— 超级变小变小再变小
- 裁剪页面中的元素大小
5.取色工具
—— 你猜这个口红是什么颜色？
- 获取画布中元素的颜色
6.画笔工具
—— 神笔马良就是我
- 往画布上面写写画画
7.橡皮擦工具
—— 我擦我擦我擦擦擦
- 把画布上看着不顺眼的通通擦掉
8.油漆桶工具
——是时候换个颜色了
更改ps单位
- 点击顶部选项窗口->编辑选项->首选项->单位与标尺
- 最后弹出设置窗口，进行更改即可
选取工具作用
- 用来测量页面元素的大小，在信息面板中即可查询
- 移动选框:如果通过移动选框，选中对应的元素，你的鼠标左键不可以松手，摁住空格，移动鼠标即可移动
缩放工具
- 放大：ctrl+'+';
- 缩小：ctrl+'-';
- 缩放: alt+鼠标滚轮
- 通过缩放工具+选中工具我们可以截取对应的图片（一定要选择对应的图层）优点：当我们创造新的画布，会根据你所复制的图片大小自动生成
抓手工具
- 快捷键：'空格键'即可移动画布
参考线
-如果页面过大，我们可以通过参考线，进行辅助测量，参考线可以半个PX进行移动 -我们在测量时，先用选框工具选中，再用参考线
更改图像大小
- 顶部工具选项，选择图像，然后调整图片大小，他是等比例调整的
图片缩放
- 图片大小调整：ctril+‘+或-’
- 然后再用裁剪工具进行剪切
裁剪工具
- 裁剪图片，高亮显示是保留部分
切图操作
- 1：用切片工具，切取索需要的图片，
- 2: 然后选择导出选项，摁住shift,鼠标点击选中对应的图片即可
栅格化图层
- 如果要切透明背景的图片
- 1选择对应的图层。右键点击选择栅格化图层
- 2ctrl+c 复制
- 3 在创建画布 ctrl+n 然后再黏贴 ctrl+v即可
