codecamp

工具, 面板, 视图

[TOC]

在全局设置下将单位修改为像素,因其在 CSS 中运用最广 (Preference -> Units & Rulers -> Units) 。设置工作区布局为切图及图片编辑做准备(所需窗口为信息窗口,图层窗口以及历史记录窗口)。

打开『信息窗口』、『图层窗口』、『历史纪录窗口』、『工具面板』、『选项』面板,可以通过 Window -> Workspace -> New WorkSpaces 保存工作区,以便下次打开。

切图常用工具

工具名示意图注释
移动工具
矩形选框工具需将自动选择调至选择图层
魔棒工具(容差 Tolerance 越小选择的范围就越小)消除锯齿可以让选择区域光滑
剪裁工具
切片工具在裁剪工具分支下
缩放工具Ctrl+加号Ctrl+减号 或者 alt+鼠标滑轮
取色器

图层(单层元素)与组(类似于文件夹)的区别。

辅助视图,在视图菜单下启动

  • 对齐,会启动靠近吸附功能
  • 标尺,Command + R
  • 参考线,Command + ;

NOTE: 所有工具及快捷键如下。

常用快捷键

放大缩小画布

  • 放大到100%大小:Ctrl+数字1
  • 放大:ctrl + 加号
  • 缩小:ctrl + 减号
  • alt + 滚轮

合并图层

  • 合并图层:ctrl+E
  • 合并可见图层:ctrl+shift+E


前端工程师概述
测量及取色
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

书单

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }