深入探究photoshop辅助线(附工具推荐)

2013/06/30 43148

写说说 辅助线神马的最给力了~~

一、你的辅助线的样子是准确的还是随意的?

杂乱的辅助线

准确又整齐的辅助线

 

二、辅助线基本操作

新增:通常做法是在显示标尺情况下,从标尺处直接拉出辅助线,这种做法不够明确,当视图放大时候经常会发现辅助线并不对齐实际像素。

删除:将辅助线拖出文档窗口视图外,就可以删掉辅助线。如果要删除辅助线,可以使用菜单“视图”-“删除辅助线”的功能。

旋转:按住Alt时可以90°旋转辅助线,其实就是水平和垂直两种辅助线之间的互转。

锁定:菜单“视图”-“锁定辅助线”功能,锁定全部辅助线。

显示和隐藏:菜单“视图”-“显示”-“辅助线”,快捷键为Ctrl+H。

设置:在菜单“首选项”-“辅助线和网格”的弹出窗口可以设置辅助线属性。在“辅助线和网格”设置窗口可以修改辅助线的颜色和样式。或者在选择移动工具并且辅助线没有锁定的的情况下,双击辅助线,这时也会弹出设置窗口,但这样可能会导致辅助线轻微移动。

准确定位:新增辅助线有另一种更准确的做法,在菜单“视图”-“新增辅助线”的弹出窗口,通过输入数值精确定位。除了输入准确的整数坐标,也可以输入百分比数值。例如输入50%快速定位图片的中线,输入61.8%或38.2%就是当前图片的黄金分割线。如果需要很多辅助线,就需要花较长时间来计算,虽然通过输入准确的数值可以让辅助线对齐像素,这也是比较费时的做法。

黄金分割

对齐像素:拖动辅助线时按住Shift,辅助线会自动对齐到当前标尺的刻度上。标尺的刻度会随着视图缩放而发生变化。

使用动作或脚本:960网格系统是网页上比较流行的网格系统。http://960.gs/网站制作了一个atn文件让设计师生成不同类型的960网格。这个动作会新建一个固定宽度的文档然后对该文档添加辅助线。如果要让辅助线居中,需要改变画布的大小。可以将画布宽度改为960PX,运行动作之后再将画布水平方向两边扩展相同尺寸,这样辅助线便会居中。

更改画布大小的时候辅助线会居中

使用脚本创建网格系统会更加自由而且灵活。脚本除了能完成类似ps动作这样固定的操作,还能可以加入逻辑或者判断,从https://gist.github.com/1335730 上下载压缩包,或者将代码复制复制出来保存成.jsx文件。在ps菜单“文件”-“脚本”-“浏览”打开下载的”NumberGuidesGride.js”文件(需要文件浏览对话框的文件类型下拉选项选择”.js”文件),脚本会询问垂直辅助线的间隔和宽度,不需要水平辅助线的可以输入0。

辅助线神器推荐
强烈推荐:PS 参考线插件GuideGuide下载及使用说明 谁用谁知道:)
GuidesGride是一个免费的设置辅助线的photoshop的扩展,能够建立各种有规律的辅助线,保存和管理各种用户预设。这个扩展安装需要使用到Adobe Extension Manager,安装完之后重启ps,便可以在菜单“窗口”-“扩展”下打开GuidesGride面板。

 

三、相关书籍和工具

《秩序之美——网页中的网格设计》Ordering Disorder:Grid Principles for Web Design
《栅格系统与版式设计》Grid Systems:Principles of Organizing Type(Kimberly Elan)

四、一句话总结

离你越近的地方,路途越远;最简单的音调,需要最艰苦的练习。

分享人:SDC翻茄匠写说说

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:15335158)分享实战经验。
设计微博:拥有粉丝量39万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/photoshop-guides

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里