1设置画布回顶部 【PConline 教程】在早期智能对象工具版本中,我们会将图像素材嵌入到PSD文档中。而在Photoshop CC 2014中,Adobe将智能对象工具升级,可以直接链接到外部文件。在这次的PS教程中 ,我们会应用到最新智能对象工具的链接特性,设计一本漂亮的小册子。在本教程中,Photoshop CC是主要处理软件,Illustrator则是用来设计Logo的。 最终效果图 教程素材 我们将会使用一些免费的素材。这里利用了谷歌字体Alef。教程中,我们使用Adobe Bridge浏览图像素材,所以记得升级Photoshop至Photoshop CC 2014 版。 1.准备画布 Step 1 首先,按Ctrl+N新建文档,然后预设国际标准纸张,大小为A5,具体设置如下图所示。 在默认设置下面,画布分辨率为300像素/英寸。这表示每1英寸平方包含300像素,这是印刷品的理想分辨率。但是,对于这个简单的PS教程,我们将降低分辨率,设置为150像素/英寸。这样低分辨率意味着较低的像素,同时PS处理图像的速度也会增快。 画布设置完成后,效果如下图所示。 Step 2 按Ctrl+R,显示画布的纵横标尺,这可以帮助我们准确地将设计元素放置定位。对着标尺右击,选择毫米为计量单位。 Step 3 选择举行选框工具,在画布左上角拉出11mm*11mm的选取,按着Shift拉伸,可以纵横边等比例操作。 Step 4 单击标尺并拉出至刚才选区的右边和下边,这样就新建纵横11mm的参考线。 Step 5 重复上面的操作,在画布右下角设置11mm*11mm的选区,并设置新的参考线。 相关阅读: PS教程:PS保留细节后期处理高清人像 http://pcedu.pconline.com.cn/579/5796379.htmlPS教程:PS制作时间切片创意摄影合成图 http://pcedu.pconline.com.cn/579/5796378.htmlPS教程:PS制作色彩斑斓雷朋风格海报 http://pcedu.pconline.com.cn/579/5796338.html2添加背景回顶部 2.添加背景 Step 1 从deathtothestockphoto下载图片素材,然后在PS中打开,并选择“文件>存储为”,文件类型选择PSD,而不是JPG,这样后面有所修改就会更加容易啦。 Step 2 将刚才创建的PSD文档拖动到前面在Photoshop创建的画布中。需要提醒的是,这次不是打开图像,然后复制黏贴到画布中,而至将素材图片与画布形成连接。 在主菜单栏中选择“文件>置入关联”,然后在对话框中选择我们想要的素材PSD文档即可。 Step 3 将素材放置在画布后,素材会形成自由变换操作状态,可以通过拖动控制点改变图像尺寸。由于图像已经作为智能对象被保存现在,所以不用担心操作错误而影响到素材,操作错误后,即使 重来或者添加其他操作都不会改变图像的质量。 按着Shift,然后拖动控制点,纵横等比例调整图像大小,具体效果如下图所示。 Step 4 调整好以后,按回车确定保存调整效果。如果你对调整效果不满意可以按Ctrl+T,再次进行自由变换。这个时候,你看看图层面板,素材图层缩略图的右下角有个小图标,表示该图层链接另 外的文档。 相关阅读: PS教程:用PS去除背景中的规则纹路杂物 http://pcedu.pconline.com.cn/578/5784116.htmlPS老手也要注意!那些PS中最容易犯的错误 http://pcedu.pconline.com.cn/577/5776738.html媲美星际穿越!国外PS大神合成超炫机器人 http://pcedu.pconline.com.cn/573/5739496.html3添加文字和Logo回顶部 3.添加内容 Step 1 首先添加页脚。从deathtothestockphoto下载素材,这个素材是EPS文档,这样就要用Adobe Illustrator打开它,然后按Ctrl+C复制。 Step 2 按Ctrl+N在Adobe Illustrator新建文档。 Step 3 按Ctrl+V,粘贴刚才复制的Logo。 Step 4 将Logo保存在跟主画布同一个文件夹中。 Step 5 操作界面切换回PS主画布中,然后将保存下来的矢量图标置入,主菜单中选择“文件>置入关联”,这样Logo就会作为智能对象导入到主画布中了。 Step 6 同样改变矢量Logo的大小,然后如下图所示,放置在主画布的右下角。 Step 7 选择文字工具,然后在画布中点击创建文字图层,接着输入两三段文字,最后结尾用大号字体输入网址信息。文字字体采用谷歌字体Alef。 Step 8 在画布的右上角再添加文字。这次文字都是用Alef字体,然后字号更大,作为小册子的主标题。 相关阅读: PS教程:Photoshop快速抠出手绘线稿线条 http://pcedu.pconline.com.cn/573/5739136.htmlPS教程:PS将人物照片转成彩色潮流插画 http://pcedu.pconline.com.cn/572/5723796.html国外PS大神支招!避免PS中最容易犯的错误 http://pcedu.pconline.com.cn/570/5703456.html4编辑智能对象(一)回顶部 4.编辑链接的智能对象 Step 1 现在,我们拥有两个智能对象——矢量Logo和背景。这些智能对象图层链接着原始文件。现在,我们尝试对智能对象进行修改,看看效果如何。 首先,修改背景图片。选择背景智能对象,右击打开属性面板,选择编辑内容。或者,直接双击编辑内容。 进行上面的操作后,会出现下面的对话框。这里,Photoshop是提醒你要将文件都保存在同一文件夹,好让它能找到。这里点击确定。 Step 2 背景图层会作为一个独立的图层被打开。如下图所示,小册子主题文字跟窗台的颜色比较接近,那么这里需要增加两者的对比效果。 在背景图层面板中,如下图所示,用矩形选框工具选择下面的区域,然后按Ctrl+J复制。 Step 3 然后按着Shift+↑,向上移动复制图层。 Step 4 用选框工具,将复制图层中色彩较浅的部分选中。 Step 5 然后按Ctrl+T,调整它的大小,直至与台面连接。 Step 6 选择柔软的、较大的橡皮擦,将不需要的部分删除掉,令过渡更加自然。 Step 7 做完刚才的操作后,保存并关闭背景图层。然后我们的主画布就会自动更新为刚才的修改结果。 相关阅读: 小白必学PS抠图技巧!用PS橡皮擦工具抠图 http://pcedu.pconline.com.cn/564/5640918.html干货大分享!25个最好用的免费PS笔刷 http://pcedu.pconline.com.cn/563/5631596.htmlPS教程:<神雕侠侣>百花谷地图3D转2D http://pcedu.pconline.com.cn/562/5620896.html5编辑智能对象(二)回顶部 Step 8 下面我们继续尝试用其他方法编辑背景图层。关闭小册子文件,现在我们知道背景图层是作为一个PSD文件与小册子相连的。因此,这次我们直接编辑背景PSD文件。在Adobe Bridge中,双击背景PSD文件,以Photoshop打开它。 Step 9 从deathtothestockphoto下载下面的图片素材,然后将素材复制黏贴到PSD文档中,并且保存PSD文档。 Step 10 我们用Photoshop打开小册子PSD文件,看看有什么不同了。 Step 11 在图层面板中,你会发现背景智能对象图层的图标有感叹号。这个感叹号是在提醒我们,图层存在问题。在属性面板中,你同样会找到类似的的感叹号标记。 Step 12 我们清楚知道这个感叹号是指链接的内容已经有变化。下面需要Photoshop对内容变化进行更新,在主菜单栏中选择“图层>智能对象>更新修改的内容”。 下面再看看主画布,背景图像已经被自动更新啦。 Step 13 点击“编辑内容”,对文档进行编辑。 Step 14 在智能对象的画布中,按Ctrl+T调整第二次导入的素材尺寸。 调整好文件背景后,保存。返回至小册子的文档中,再更新背景智能对象图层。 Step 15 下面在小册子页脚的地方添加简单的矩形图像作为装饰。填充颜色与Logo的橙色一致。 完成上面的操作后,小册子的设计效果如下图所示。 还可以编辑一下背景,然后调整一下图像的位置。 相关阅读: PS教程:PS打造切·格瓦拉经典肖像效果 http://pcedu.pconline.com.cn/561/5610757.htmlPS教程:Photoshop制作噪点电影画面效果 http://pcedu.pconline.com.cn/561/5610836.htmlPS教程:一句话搞掂Photoshop各种插件 http://pcedu.pconline.com.cn/561/5610756.html6变更配色方案回顶部 5.不同的配色方案 Step 1 下面需要改变小册子的背景颜色。那么配色方案也需要变更一下。在这个版本中,Logo的颜色和文字的颜色对调。首先,添加简单的矩形背景。选用矩形工具,然后填充为#231f20。 单击边一拖到画布底部,将原先底部文字部分的白色盖掉。 Step 2 设置文字颜色为白色,效果如下图所示。 Step 3 同样需要对矢量图标进行编辑,改变其颜色。 与前面编辑背景图层的操作一样,选中Logo图层,然后右击选择编辑内容。 我们还可以浏览与矢量Logo相关文件,然后在PS打开。 右击小册子所在的文档,然后选择显示链接的文件。 Adobe Bridge会显示与小册子文档有关联的文件列表。如下图所示,有两个文件是与小册子的PSD文档关联的Logo和背景。双击Logo文件图标,然后选用Adobe Illustrator编辑。 Step 4 选择到所有图形。 改变Logo的颜色为黑色,然后文字后面的图形同样改变为黑色。 将文本颜色设置为白色,保存并关闭矢量文件。 Step 5 再回到小册子的PSD文件中,Logo的色彩已经跟前面调换,比较符合当前的配色方案了。 相关阅读: PS教程:Photoshop打造超酷人体飘浮魔术 http://pcedu.pconline.com.cn/556/5562578.htmlPS大神分享!PS小白必知的超简单PS秘技 http://pcedu.pconline.com.cn/556/5560920.html神器来袭!25款最佳网页设计神器分享 http://pcedu.pconline.com.cn/551/5517996.html7管理文件回顶部 6.管理文件 Step 1 通过关联素材等文件,而不是复制文档,可以在PS设计中链接多个文件。当然,如有文档放错地方,就会影响操作。因此,我们需要仔细将它们放置好。确保这些文档都放置在一个文件夹中 。就如下图所示,它们就是放置在一个名为小册子的文件中。 你还应该要了解到Photoshop怎么处理全部的关联文件。从官方网站中可知,PS最先会搜索过去绝对位置的文件。如果PS找不到,它会再次搜索作为文件组的文件夹中。 Step 2 下面举个例子:PS找不到关联文件会发生什么。记得我们之前是设置了两个文件链接到PSD文档中。 如果我们不小心将Logo移动到其他地方。 Step 3 右键单击PSD文档,并且选择“显示链接的文档”,这时就会显示警告信息,同时提醒我们有个关联文档未找到。 如果我们在PS中打开作为容纳其他文件的主文档时,就会弹出对话框,提示有关联文档丢失。 点击“选择”,然后尝试寻找丢失的文件,如果找到了,就点击“导入”。 如下图所示,一个复选框表示丢失的文档已经被重新找回啦。 不过,如果你实在不记得将文档放在哪里,可以选择点击忽略。这样在图层面板中,原来的智能对象图层就会在显示问好标记。 在丢失文件的属性面板中,选择编辑内容,然后对话框中找回丢失的文件。 因此,要确保主文档和被关联的文件要放置在同一文件中,使用相关联文佳的另外一个优势在于可以减少文件体积,如下图所示,整个小册子PSD文档只有14.43MB。 Step 4 同样可以应用较早版本的智能对象,将图像导入到文档中,但这是将图像直接放置在PSD中,而非“借用”。 在主菜单中选择“图层>智能对象>嵌入全部链接”。 这样你就不会看到图层面板或属性面板中的缩略图链接标记,而是老式智能对象标记。 同时,应该注意到嵌入式智能对象的文档体积。由于采用嵌入式,将所有图像信息都放置在一个文档中,这样文档体积就会非常大。在本次教程中,嵌入式智能对象的体积就达到70MB,而链接式只有14MB。 相关阅读: PS冷门技!十个不为人知的PS文本排版工具 http://pcedu.pconline.com.cn/543/5435058.htmlPS教程:10个超实用的PS矢量图设计技巧 http://pcedu.pconline.com.cn/542/5429097.htmlPS教程:如何正确使用Photoshop切片工具 http://pcedu.pconline.com.cn/542/5429078.html8链接多文件回顶部 7.通过一个文件链接多个设计文件 Step 1 在这次教程中,我们的小册子链接到两个文件,PSD(Photoshop)和AI(Illustrator)。事实上,可以链接到其他主文档中,比如矢量Logo设计文档中。 Step 2 这样,如果矢量Logo进行了变动,小册子就跟随变动。下面的例子就是Logo的字母有a变为s。当然两个文件放在同一文件夹下面啦。 这样小册子的矢量Logo就会被自动更新。 总结 从上面的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.htmlPS高手技能分享!13个超级有用的PS技巧 http://pcedu.pconline.com.cn/525/5252226.htmlPS CC最新功能详解:路径模糊和旋转模糊 http://pcedu.pconline.com.cn/521/5211780.html
|
|