分享

PS教程:PS CC2014新版智能对象应用实例

 老y车 2015-04-28
1设置画布回顶部

  【PConline 教程】在早期智能对象工具版本中,我们会将图像素材嵌入到PSD文档中。而在Photoshop CC 2014中,Adobe将智能对象工具升级,可以直接链接到外部文件。在这次的PS教程中 ,我们会应用到最新智能对象工具的链接特性,设计一本漂亮的小册子。在本教程中,Photoshop CC是主要处理软件,Illustrator则是用来设计Logo的。

  最终效果图

PS教程:PS CC2014新版智能对象应用实例
图00

  教程素材

  我们将会使用一些免费的素材。这里利用了谷歌字体Alef。教程中,我们使用Adobe Bridge浏览图像素材,所以记得升级Photoshop至Photoshop CC 2014 版。

  1.准备画布

  Step 1

  首先,按Ctrl+N新建文档,然后预设国际标准纸张,大小为A5,具体设置如下图所示。

PS教程:PS CC2014新版智能对象应用实例
图01

  在默认设置下面,画布分辨率为300像素/英寸。这表示每1英寸平方包含300像素,这是印刷品的理想分辨率。但是,对于这个简单的PS教程,我们将降低分辨率,设置为150像素/英寸。这样低分辨率意味着较低的像素,同时PS处理图像的速度也会增快。

PS教程:PS CC2014新版智能对象应用实例
图02

  画布设置完成后,效果如下图所示。

PS教程:PS CC2014新版智能对象应用实例
图03

  Step 2

  按Ctrl+R,显示画布的纵横标尺,这可以帮助我们准确地将设计元素放置定位。对着标尺右击,选择毫米为计量单位。

PS教程:PS CC2014新版智能对象应用实例
图04

  Step 3

  选择举行选框工具,在画布左上角拉出11mm*11mm的选取,按着Shift拉伸,可以纵横边等比例操作。

PS教程:PS CC2014新版智能对象应用实例
图05

  Step 4

  单击标尺并拉出至刚才选区的右边和下边,这样就新建纵横11mm的参考线。

PS教程:PS CC2014新版智能对象应用实例
图06

PS教程:PS CC2014新版智能对象应用实例
图07

  Step 5

  重复上面的操作,在画布右下角设置11mm*11mm的选区,并设置新的参考线。

PS教程:PS CC2014新版智能对象应用实例
图08

相关阅读:

PS教程:PS保留细节后期处理高清人像

http://pcedu.pconline.com.cn/579/5796379.html

PS教程:PS制作时间切片创意摄影合成图

http://pcedu.pconline.com.cn/579/5796378.html

PS教程:PS制作色彩斑斓雷朋风格海报

http://pcedu.pconline.com.cn/579/5796338.html

2添加背景回顶部

  2.添加背景

  Step 1

  从deathtothestockphoto下载图片素材,然后在PS中打开,并选择“文件>存储为”,文件类型选择PSD,而不是JPG,这样后面有所修改就会更加容易啦。

PS教程:PS CC2014新版智能对象应用实例
图09

  Step 2

  将刚才创建的PSD文档拖动到前面在Photoshop创建的画布中。需要提醒的是,这次不是打开图像,然后复制黏贴到画布中,而至将素材图片与画布形成连接。

PS教程:PS CC2014新版智能对象应用实例
图10

  在主菜单栏中选择“文件>置入关联”,然后在对话框中选择我们想要的素材PSD文档即可。

PS教程:PS CC2014新版智能对象应用实例
图11

  Step 3

  将素材放置在画布后,素材会形成自由变换操作状态,可以通过拖动控制点改变图像尺寸。由于图像已经作为智能对象被保存现在,所以不用担心操作错误而影响到素材,操作错误后,即使 重来或者添加其他操作都不会改变图像的质量。

PS教程:PS CC2014新版智能对象应用实例
图12

  按着Shift,然后拖动控制点,纵横等比例调整图像大小,具体效果如下图所示。

PS教程:PS CC2014新版智能对象应用实例
图13

  Step 4

  调整好以后,按回车确定保存调整效果。如果你对调整效果不满意可以按Ctrl+T,再次进行自由变换。这个时候,你看看图层面板,素材图层缩略图的右下角有个小图标,表示该图层链接另 外的文档。

PS教程:PS CC2014新版智能对象应用实例
图14

相关阅读:

PS教程:用PS去除背景中的规则纹路杂物

http://pcedu.pconline.com.cn/578/5784116.html

PS老手也要注意!那些PS中最容易犯的错误

http://pcedu.pconline.com.cn/577/5776738.html

媲美星际穿越!国外PS大神合成超炫机器人

http://pcedu.pconline.com.cn/573/5739496.html

3添加文字和Logo回顶部

  3.添加内容

  Step 1

  首先添加页脚。从deathtothestockphoto下载素材,这个素材是EPS文档,这样就要用Adobe Illustrator打开它,然后按Ctrl+C复制。

PS教程:PS CC2014新版智能对象应用实例
图15

  Step 2

  按Ctrl+N在Adobe Illustrator新建文档。

PS教程:PS CC2014新版智能对象应用实例
图16

  Step 3

  按Ctrl+V,粘贴刚才复制的Logo。

PS教程:PS CC2014新版智能对象应用实例
图17

  Step 4

  将Logo保存在跟主画布同一个文件夹中。

PS教程:PS CC2014新版智能对象应用实例
图18

  Step 5

  操作界面切换回PS主画布中,然后将保存下来的矢量图标置入,主菜单中选择“文件>置入关联”,这样Logo就会作为智能对象导入到主画布中了。

PS教程:PS CC2014新版智能对象应用实例
图19

  Step 6

  同样改变矢量Logo的大小,然后如下图所示,放置在主画布的右下角。

PS教程:PS CC2014新版智能对象应用实例
图20

  Step 7

  选择文字工具,然后在画布中点击创建文字图层,接着输入两三段文字,最后结尾用大号字体输入网址信息。文字字体采用谷歌字体Alef

PS教程:PS CC2014新版智能对象应用实例
图21

  Step 8

  在画布的右上角再添加文字。这次文字都是用Alef字体,然后字号更大,作为小册子的主标题。

PS教程:PS CC2014新版智能对象应用实例
图22

相关阅读:

PS教程:Photoshop快速抠出手绘线稿线条

http://pcedu.pconline.com.cn/573/5739136.html

PS教程:PS将人物照片转成彩色潮流插画

http://pcedu.pconline.com.cn/572/5723796.html

国外PS大神支招!避免PS中最容易犯的错误

http://pcedu.pconline.com.cn/570/5703456.html

4编辑智能对象(一)回顶部

  4.编辑链接的智能对象

  Step 1

  现在,我们拥有两个智能对象——矢量Logo和背景。这些智能对象图层链接着原始文件。现在,我们尝试对智能对象进行修改,看看效果如何。

  首先,修改背景图片。选择背景智能对象,右击打开属性面板,选择编辑内容。或者,直接双击编辑内容。

PS教程:PS CC2014新版智能对象应用实例
图23

  进行上面的操作后,会出现下面的对话框。这里,Photoshop是提醒你要将文件都保存在同一文件夹,好让它能找到。这里点击确定。

PS教程:PS CC2014新版智能对象应用实例
图24

  Step 2

  背景图层会作为一个独立的图层被打开。如下图所示,小册子主题文字跟窗台的颜色比较接近,那么这里需要增加两者的对比效果。

PS教程:PS CC2014新版智能对象应用实例
图25

  在背景图层面板中,如下图所示,用矩形选框工具选择下面的区域,然后按Ctrl+J复制。

PS教程:PS CC2014新版智能对象应用实例
图26

  Step 3

  然后按着Shift+↑,向上移动复制图层。

PS教程:PS CC2014新版智能对象应用实例
图27

  Step 4

  用选框工具,将复制图层中色彩较浅的部分选中。

PS教程:PS CC2014新版智能对象应用实例
图28

  Step 5

  然后按Ctrl+T,调整它的大小,直至与台面连接。

PS教程:PS CC2014新版智能对象应用实例
图29

  Step 6

  选择柔软的、较大的橡皮擦,将不需要的部分删除掉,令过渡更加自然。

PS教程:PS CC2014新版智能对象应用实例
图30

  Step 7

  做完刚才的操作后,保存并关闭背景图层。然后我们的主画布就会自动更新为刚才的修改结果。

PS教程:PS CC2014新版智能对象应用实例
图31

相关阅读:

小白必学PS抠图技巧!用PS橡皮擦工具抠图

http://pcedu.pconline.com.cn/564/5640918.html

干货大分享!25个最好用的免费PS笔刷

http://pcedu.pconline.com.cn/563/5631596.html

PS教程:<神雕侠侣>百花谷地图3D转2D

http://pcedu.pconline.com.cn/562/5620896.html

5编辑智能对象(二)回顶部

  Step 8

  下面我们继续尝试用其他方法编辑背景图层。关闭小册子文件,现在我们知道背景图层是作为一个PSD文件与小册子相连的。因此,这次我们直接编辑背景PSD文件。在Adobe Bridge中,双击背景PSD文件,以Photoshop打开它。

PS教程:PS CC2014新版智能对象应用实例
图32

  Step 9

  从deathtothestockphoto下载下面的图片素材,然后将素材复制黏贴到PSD文档中,并且保存PSD文档。

PS教程:PS CC2014新版智能对象应用实例
图33

  Step 10

  我们用Photoshop打开小册子PSD文件,看看有什么不同了。

PS教程:PS CC2014新版智能对象应用实例
图34

  Step 11

  在图层面板中,你会发现背景智能对象图层的图标有感叹号。这个感叹号是在提醒我们,图层存在问题。在属性面板中,你同样会找到类似的的感叹号标记。

PS教程:PS CC2014新版智能对象应用实例
图35

  Step 12

  我们清楚知道这个感叹号是指链接的内容已经有变化。下面需要Photoshop对内容变化进行更新,在主菜单栏中选择“图层>智能对象>更新修改的内容”。

PS教程:PS CC2014新版智能对象应用实例
图36

  下面再看看主画布,背景图像已经被自动更新啦。

PS教程:PS CC2014新版智能对象应用实例
图37

  Step 13

  点击“编辑内容”,对文档进行编辑。

PS教程:PS CC2014新版智能对象应用实例
图38

  Step 14

  在智能对象的画布中,按Ctrl+T调整第二次导入的素材尺寸。

PS教程:PS CC2014新版智能对象应用实例
图39

  调整好文件背景后,保存。返回至小册子的文档中,再更新背景智能对象图层。

PS教程:PS CC2014新版智能对象应用实例
图40

  Step 15

  下面在小册子页脚的地方添加简单的矩形图像作为装饰。填充颜色与Logo的橙色一致。

PS教程:PS CC2014新版智能对象应用实例
图41

PS教程:PS CC2014新版智能对象应用实例
图42

  完成上面的操作后,小册子的设计效果如下图所示。

PS教程:PS CC2014新版智能对象应用实例
图43

  还可以编辑一下背景,然后调整一下图像的位置。

PS教程:PS CC2014新版智能对象应用实例
图44

相关阅读:

PS教程:PS打造切·格瓦拉经典肖像效果

http://pcedu.pconline.com.cn/561/5610757.html

PS教程:Photoshop制作噪点电影画面效果

http://pcedu.pconline.com.cn/561/5610836.html

PS教程:一句话搞掂Photoshop各种插件

http://pcedu.pconline.com.cn/561/5610756.html

6变更配色方案回顶部

  5.不同的配色方案

  Step 1

  下面需要改变小册子的背景颜色。那么配色方案也需要变更一下。在这个版本中,Logo的颜色和文字的颜色对调。首先,添加简单的矩形背景。选用矩形工具,然后填充为#231f20。

PS教程:PS CC2014新版智能对象应用实例
图45

  单击边一拖到画布底部,将原先底部文字部分的白色盖掉。

PS教程:PS CC2014新版智能对象应用实例
图46

  Step 2

  设置文字颜色为白色,效果如下图所示。

PS教程:PS CC2014新版智能对象应用实例
图47

  Step 3

  同样需要对矢量图标进行编辑,改变其颜色。

PS教程:PS CC2014新版智能对象应用实例
图48

  与前面编辑背景图层的操作一样,选中Logo图层,然后右击选择编辑内容。

PS教程:PS CC2014新版智能对象应用实例
图49

  我们还可以浏览与矢量Logo相关文件,然后在PS打开。

PS教程:PS CC2014新版智能对象应用实例
图50

  右击小册子所在的文档,然后选择显示链接的文件。

PS教程:PS CC2014新版智能对象应用实例
图51

  Adobe Bridge会显示与小册子文档有关联的文件列表。如下图所示,有两个文件是与小册子的PSD文档关联的Logo和背景。双击Logo文件图标,然后选用Adobe Illustrator编辑。

PS教程:PS CC2014新版智能对象应用实例
图52

  Step 4

  选择到所有图形。

PS教程:PS CC2014新版智能对象应用实例
图53

  改变Logo的颜色为黑色,然后文字后面的图形同样改变为黑色。

PS教程:PS CC2014新版智能对象应用实例
图54

  将文本颜色设置为白色,保存并关闭矢量文件。

PS教程:PS CC2014新版智能对象应用实例
图55

  Step 5

  再回到小册子的PSD文件中,Logo的色彩已经跟前面调换,比较符合当前的配色方案了。

PS教程:PS CC2014新版智能对象应用实例
图56

相关阅读:

PS教程:Photoshop打造超酷人体飘浮魔术

http://pcedu.pconline.com.cn/556/5562578.html

PS大神分享!PS小白必知的超简单PS秘技

http://pcedu.pconline.com.cn/556/5560920.html

神器来袭!25款最佳网页设计神器分享

http://pcedu.pconline.com.cn/551/5517996.html

7管理文件回顶部

  6.管理文件

  Step 1

  通过关联素材等文件,而不是复制文档,可以在PS设计中链接多个文件。当然,如有文档放错地方,就会影响操作。因此,我们需要仔细将它们放置好。确保这些文档都放置在一个文件夹中 。就如下图所示,它们就是放置在一个名为小册子的文件中。

PS教程:PS CC2014新版智能对象应用实例
图57

  你还应该要了解到Photoshop怎么处理全部的关联文件。从官方网站中可知,PS最先会搜索过去绝对位置的文件。如果PS找不到,它会再次搜索作为文件组的文件夹中。

PS教程:PS CC2014新版智能对象应用实例
图58

  Step 2

  下面举个例子:PS找不到关联文件会发生什么。记得我们之前是设置了两个文件链接到PSD文档中。

PS教程:PS CC2014新版智能对象应用实例
图59

  如果我们不小心将Logo移动到其他地方。

PS教程:PS CC2014新版智能对象应用实例
图60

  Step 3

  右键单击PSD文档,并且选择“显示链接的文档”,这时就会显示警告信息,同时提醒我们有个关联文档未找到。

PS教程:PS CC2014新版智能对象应用实例
图61

  如果我们在PS中打开作为容纳其他文件的主文档时,就会弹出对话框,提示有关联文档丢失。

PS教程:PS CC2014新版智能对象应用实例
图62

  点击“选择”,然后尝试寻找丢失的文件,如果找到了,就点击“导入”。

PS教程:PS CC2014新版智能对象应用实例
图63

  如下图所示,一个复选框表示丢失的文档已经被重新找回啦。

PS教程:PS CC2014新版智能对象应用实例
图64

  不过,如果你实在不记得将文档放在哪里,可以选择点击忽略。这样在图层面板中,原来的智能对象图层就会在显示问好标记。

PS教程:PS CC2014新版智能对象应用实例
图65

  在丢失文件的属性面板中,选择编辑内容,然后对话框中找回丢失的文件。

PS教程:PS CC2014新版智能对象应用实例
图66

  因此,要确保主文档和被关联的文件要放置在同一文件中,使用相关联文佳的另外一个优势在于可以减少文件体积,如下图所示,整个小册子PSD文档只有14.43MB。

PS教程:PS CC2014新版智能对象应用实例
图67

  Step 4

  同样可以应用较早版本的智能对象,将图像导入到文档中,但这是将图像直接放置在PSD中,而非“借用”。

PS教程:PS CC2014新版智能对象应用实例
图68

  在主菜单中选择“图层>智能对象>嵌入全部链接”。

PS教程:PS CC2014新版智能对象应用实例
图69

  这样你就不会看到图层面板或属性面板中的缩略图链接标记,而是老式智能对象标记。

PS教程:PS CC2014新版智能对象应用实例
图70

  同时,应该注意到嵌入式智能对象的文档体积。由于采用嵌入式,将所有图像信息都放置在一个文档中,这样文档体积就会非常大。在本次教程中,嵌入式智能对象的体积就达到70MB,而链接式只有14MB。

PS教程:PS CC2014新版智能对象应用实例
图71

相关阅读:

PS冷门技!十个不为人知的PS文本排版工具

http://pcedu.pconline.com.cn/543/5435058.html

PS教程:10个超实用的PS矢量图设计技巧

http://pcedu.pconline.com.cn/542/5429097.html

PS教程:如何正确使用Photoshop切片工具

http://pcedu.pconline.com.cn/542/5429078.html

8链接多文件回顶部

  7.通过一个文件链接多个设计文件

  Step 1

  在这次教程中,我们的小册子链接到两个文件,PSD(Photoshop)和AI(Illustrator)。事实上,可以链接到其他主文档中,比如矢量Logo设计文档中。

PS教程:PS CC2014新版智能对象应用实例
图72

  Step 2

  这样,如果矢量Logo进行了变动,小册子就跟随变动。下面的例子就是Logo的字母有a变为s。当然两个文件放在同一文件夹下面啦。

PS教程:PS CC2014新版智能对象应用实例
图73

  这样小册子的矢量Logo就会被自动更新。

PS教程:PS CC2014新版智能对象应用实例
图74

PS教程:PS CC2014新版智能对象应用实例
图75

  总结

  从上面的PS教程中,我们可以看到Photoshop CC 2014的新链接智能对象可以为图像编辑带来更多的便利,并且有利于团队设计工作的开展。比如一个人在集中设计布局,一个人在设计Logo, 其他人在处理背景图片等。希望这次PS翻译教程能对您的图像处理带来帮助,谢谢!

  原文地址Using the New Linked Smart Objects in Photoshop CC 2014

相关阅读:

鉴图神器!Izitru网站快速鉴别图片有无PS

http://pcedu.pconline.com.cn/528/5289262.html

PS高手技能分享!13个超级有用的PS技巧

http://pcedu.pconline.com.cn/525/5252226.html

PS CC最新功能详解:路径模糊和旋转模糊

http://pcedu.pconline.com.cn/521/5211780.html

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多