• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 用PS这个黑科技,轻松搞定视觉设计的团队协作!

用PS这个黑科技,轻松搞定视觉设计的团队协作!

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含ps技巧,PS教程,团队协作,经验分享等相关知识,希望在学习及工作中可以帮助到您

编者按:代码开发可以利用很多团队开发工具(如svn)进行团队开发,而设计师在共同设计的时候,却会很麻烦,因为大部分的设计工具都没有考虑团体开发。现在不用再羡慕代码开发可以团队协作共同开发,视觉设计也可以做到,比如:一个人做logo,一个人做主页导航,一个人做所有icon,按照传统的做法,需要不同的人做好以后,然后一个人合并起来,并且如果有update的话,还需要每一个文件分别替换,随着版本迭代的进行,会越来越浪费时间在替换资源上,本篇文字着重讲解如何利用Phososhop进行团队协作视觉设计,不同的设计师只需要更改自己的psd即可。

欢迎关注点融设计中心DDC微信公众号:「微信ID:DR_DDC」

原理:利用Photoshop “置入外链的智能对象”功能

Photoshop在14.2版本开始推出了“置入外链的智能对象”功能,实际上功能的具体意思是将几个psd分别链接进来,而不是和智能图层一样的“置入的图层”。

利用这一点,我们可以在建立设计文件的时候,把设计按照模块来分别建立不同psd文件,如图(例如:建立一个主页,主页顶部有header, header里面有logo,当然分类可以任意自己组合,分类越整齐明了,越利于团队协作):

具体实例如下(以建立一个简易的web页面为例):

1. 首先用photoshop建立home.psd文件作为主要页面,文件保持空白

2. 建一个单独的head.psd文件,作为网页的头部文件

3. 再建立一个logo.psd文件,作为网页的logo

4. 截止到此,我们一共已经有了三个psd文件,home.psd,head.psd, logo.psd。

重点来了!如何把几个psd链接起来? 打开home.psd , 菜单-文件-置入链接的智能对象,把logo.psd和head.psd置入即可。在图层面板上,你可以看到图层上多了一个链接的图标。

5. 此刻,只要你更改head.psd里面的任何内容,home.psd里面嵌入的内容,也会跟随改变。

6. 利用云盘实现自动同步

原理是:将文件通过云盘共享给其他设计师,设计师通过云盘更改psd文档,云盘自动同步最新psd文件,实现一次操作,永不麻烦。比如设计师A的任务是更改head,他只需要通过云盘打开head.psd进行更改,然后直接点保存,即可完成所有任务。其他人也马上能在自己的psd里面看到更新,是不是很爽啊?

同步网盘选择推荐:

  1. Dropbox,虽然被墙掉,但是可以通vpn等办法解决
  2. 坚果云,和dropbox类似,速度也很快。
  3. 自建私有云,如:家庭nas等,优点是隐私性更好。

好了,关于设计团队协作工具之PS的介绍就到此为止,希望有更多的工具能考虑帮助设计师解决一些重复劳动的过程。

欢迎关注点融设计中心DDC微信公众号:「微信ID:DR_DDC」

「迅速get:PS小技巧」

  1. 21个你不得不知的超简单PHOTOSHOP秘籍
  2. 有哪些让你相见恨晚的PHOTOSHOP技巧?
  3. PHOTOSHOP高效操作配置攻略
设计微博:拥有粉丝量200万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。

优设大课堂

您可能想查找下面的文章:

  • 学会这5个PS小技巧,让工作效率提高5倍!
  • 超全面!写给设计师的电脑配置攻略之PS篇
  • 高手的后期课堂!聊聊人像磨皮的基础原理
  • PS快速入门?看这篇经典的万字笔记就够了!
  • 学会这20招PS操作技巧,提高80%的工作效率
  • AI+AE教程!手把手教你绘制可爱的螳螂小动画
  • 零基础AI教程!教你五步临摹MBE风格的火焰渐变图标
  • AI教程!手把手教你绘制矢量花丛文字效果
  • AI+AE教程!手把手教你做出Game boy的飞机大战游戏
  • 用好PS的3D工具,5分钟快速做出酷炫的海报设计!

相关文章

  • 2018-08-23解读交互稿模板:如何让设计稿更规范化?
  • 2018-08-23查遗补漏!网页设计过程中需要注意的12个常见问题
  • 2018-08-23上亿人使用的3D版QQ黄脸表情是怎么做出来的?
  • 2018-08-23PM要多加底部导航时,设计师如何说服他打消念头?
  • 2018-08-23新鲜出炉!2018年的用户体验设计趋势(下)
  • 2017-08-06网页上播放mp3或flash等播放器代码
  • 2017-08-06如何去掉超链接下划线用三个简单的实例来说明
  • 2018-08-23实战深度总结!如何设计和运营品牌形象?
  • 2018-08-23写给新手的交互规范入门科普
  • 2018-08-23谷歌设计师:如何评价新版 iPhone X 的设计规范?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • AI+AE教程!制作骑电动车的小熊!
    • 对话腾讯设计师:微信车票背后的设计故事
    • “转化率”标准单一,那么“微转化率”是否更有效?
    • 新手进阶手册!成为交互设计师两年后的经验总结
    • 想设计出吸引视线的标题?来学这些好用的文字组合技巧
    • 进阶学习!如何做好产品界面中的内容设计?
    • 实战经验!从0到1的腾讯微众银行APP项目小结
    • 资深交互设计师经常强调的「场景」到底是什么?
    • AI教程!教你制作超唯美的游戏场景
    • 提升细节体验!移动应用的弹窗设计指南

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有