[PS教程] 设计技巧谈全篇

明天更快乐 2013-11-29 06:12:38

如何设计一与别不同的邮寄信封标签？如何通过轻易的调整，避免了设置出血位的烦恼？当相片的比例与版面的比例不一致时，除了剪切，是否还有其它的解决办法？如何在PS中制造真实逼真的立体效果。四个有趣的技巧，给你的灵感充电！
信封：设计围绕标签
将信封上的邮寄地址做成一围绕到信封背后的标签能够轻易引起别人的好奇心。

有趣的设计：这种围绕标签显得有趣，而且很聪明，如果在你的邮箱中收到这样的信件时，会让你立即眼前一亮。邮寄地址及寄件人地址都在同一条标签上，条状式的标签可成为一有趣的设计元素，印刷及打印的成本也非常低廉。就算是对于一些五颜六色的信封，使用起来也一样非常理想。
由于这是一种非标准的设计，邮递人员可能不一定喜欢你的这种另类作法。所以最佳的用途或许是用于一些小批量的个人邀请信件上，不适合商业信函的大批量使用。我们这个标签的尺寸是:6.75×1.5英寸，当然具体尺寸可能根据你自己的喜爱略作调整。这些标签还可设计得充满个性及艺术化，你可尝试在上面加一些照片，底纹甚至相片都可。
版式：没有出血位的设计
问题：“我正在设计一低成本的单张，而且是不希望有出血位的，颜色是单色。我该如何做？是否需要在相片边缘加一白框？”

创建一更小的“页面”：在版式中创建一更小的区域，让周围留出空白区域，这样就可不用去考虑出血位的问题。然后将相片放在上面即可。这时，周围的白边给人的feel并不象是一条边界，而超出一点的相片元素增加了页面的深度。

相片：在宽页面放置窄相片
问题：“如果相片及版面的比例大概一样，放上去就非常配合，但如果我有一张比较窄的相片想放在一比较宽的版面上，并且能够放满整个版面，而又不希望剪裁相片，该如何实现？”

相片剪切并不是万能的，象下P1样，如果将相片剪切成这样来配合版面，只会让相片失去所有积极的意义，还以为是踩到一只死老鼠后给吓了一跳。相片剪切是为了增强相片的力量感，而不是削弱它。

对于不图的相片，我们可灵活运用不同的技巧。关键记住一点：要让相片与背景产生紧密联系，一般相片的颜色与背景的颜色要一致。

PHOTOSHOP：从平面到三维
很多VI设计师，总希望给客户观看一些实际的应用效果，当然，这种应用效果一般不会真的用实物去实现，这样成本太高，都是通过PS来制造一种写实的效果。问题是，如何才能做得逼真？比如，一本掀开一角的书本效果如何实现？

你如何将第一幅图变成第二幅图的效果？对于很多PS玩家来说，应该会认为这并不是一很难的过程，但如果要达到以假乱真的效果，还是需要花一些心思的。

（一）做一模板：要达到以假乱真的效果，就必须来源于真实的生活。A：选择一与你封面尺寸一样大小的白纸，然后画个九宫图！当然，每个格不一定刚好是正方形（可在电脑中画好线再打印出来比较精确）。B：将白卡纸放在台面上，另一端用透明胶粘在桌面上；C：在桌面上也要画上纸张的轮廓线；D：然后掀起纸的一边，抬起的角度根据你自己喜爱所定。最后再拍张照片。

（二）打开PS，双击背景层解锁，命名为Template（模板），点“确定”。然后将封面相片放进来，减低封面相片的不透明度（50%），以便能看到下方的模板相片中的格线。

（三）封面相片变形：选择封面的图层后，应用“编辑>变换>变形（WRAP）”功能，你会注意到封面相片也被分成了象白纸那样的平均九格。通过调节节点的手柄，使封面的变形与上方模板上白纸的变形一致，可通过九个格线来对齐。最后应用变形。

（四）封面处理完毕后，我们要在封面下放置内页，并扭曲：在模板图层上方增加一TEMPORARY BACKGROUND（临时背景）图层，然后用灰色填充该相片。将下方的页面放置在封面图层的下方，然后应用编辑>变换>扭曲（DISTORT）功能，相片扭曲的位置按我们在过程1时在桌面上所画的轮廓线移动，使之与轮廓线重合。

（五）为了产生下方是一本书的feel，我们还需要制造一些厚度。我们在下方的相片层中下面创建一新层，命名为“MORE PAGES（多页）”，然后用钢笔工作画上多条有颜色的线段。按上面小图放置。

（六）增加封面与下方页面的阴影：在下方页面图层上方增加一新层，将前景色设为黑色，选择一枝直径比较大边缘比较柔软的画笔，按上图呈角度画上阴影。然后在阴影图层及下方面页图层中间，按住ALT键点击，应用剪贴蒙板，这样阴影就只在下方页面上产生。
这个效果就基本完成了。在过程1设立一真实模板是必须的，否则封面的变形及下方页面的扭曲单凭想象操作往往并不真实自然。
让我们来做一本书摊开来的效果：

（一）在PS中将对开页的相片打开：双击背景图层，重命名为“MASTER SPREAD（主对开页）”。然后应用图象>画布大小，按上图，在相片四周增加空间。然后使用“矩形选框工具”，按上图选择区域。

（二）复制所选择的区域（图层>复制图层）。增加一灰色的临时图层（见上图图层面板），我们对复制的图层运行扭曲（编辑>变换>扭曲），选择右边的两个节点，按上图向下移动。

（点击上图看大图）
（三）增加阴影：新建多个单独图层，分别在上图的A、B、C及D处增加阴影。留意图层面板，阴影A图层被复制成两个图层，分别放置于右边页面图层的上方及下方。

（四）应用阴影剪切蒙板，逐一在上图面板箭头的地方应用剪切蒙板（按ALT键点击），然后按上图的百分比对不同的地方逐一调整不透明度。
出来的效果是非常逼真的，这里关键是对阴影的处理让人产生一种真实立体的feel。

创造出负空间，封面才能更具冲击力。你手头上只有一张相片，一样可创造出多张相片的效果，而且还显得非常特别。将动感的相片加进动感的元素中，能量将会加倍。小小的三角形是如何成为视觉的焦点？手风琴式的小册子优雅经典。五个设计技巧，为你的灵感加油。
封面：更少的硬币产生更好的封面效果
负空间往往被人忽略，但如果没有负空间，相片就缺乏冲击力。让我们看一下这个螺旋扣装订的封面是如何设计的：

密不透风，缺乏冲击力：这种将所有版面空间都挤得满满的设计让观看的眼睛无从停靠，发散的视觉效果注定其缺乏冲击力。

将硬币弄少一些，立即改头换面。这个时候版面有了呼吸的空间，而且硬币的摆放位置还巧妙地引导视线去到标题上。

相片：一张变多张
与其满地去找各种各样的相片，有时不妨将注意力只放在一张相片上。

你当然可说上面只是一张相片，但重叠的框架却使照片变得非常有趣，传达出一种视觉深度及层次感，还传达出更多的feel。非常巧妙的设计。

做这样的效果并不难，无论是在矢量软件还是在PHOTOSHOP这些软件里都可轻易实现。虽然三张照片出来的效果是倾斜的，但实际中我们并没有对原图运行倾斜。
相片：加进动感

留意一点：原图本身就是跳舞的人物轮廓图，加进去的相片也要配合这种情景，才能使效果最大化。
小三角形的威力：

上图中，在主相片边框外的下方形成一小三角形，将相片中的引言文字指向说话者的名字。你的眼睛无法忽视它。

下划线效果：颜色线条增加一三角形指向名字，有趣而且轻易。

与第一张相片相反，上述的设计将三角形指向里面。由于其框内的元素相对显得低调，所以这个三角形所形成的指示效果是非常强烈的。你甚至还可在一系列的作品中使用，当然，位置但是非常灵活。如下图：

连接的内页产生经典的视觉效果：
我们的XDJM在结婚时自己动手做了一节目单。合起来时象一本小册子，但打开时去象手风琴的效果，平淡之中出人意料，而且出来的效果非常典雅。

将17英寸宽的纸张折叠并象手风琴效果一样粘在黑色卡纸上。背面没有文字。你既可将它当作一本小册子来阅读，也可拉伸开来形成一种全景式的视觉效果，非常优雅的展示。轻易的黑白显得经典，文字容易设计，成本低廉。文字居中，用激光打印机就可打印。所有文字的尺寸都是一样。

据这个XDJM说，他们一家人用了一晚上一起来做这些节目单——这也是自己动手的魅力，做的过程也是十分温馨的。作为一设计人员，本应比别人更有资格来享受这种温馨！
模板尺寸：

本文所用颜色设置值如下：

如何让网上购物真实地模仿了象在逛商店的体验？一张邮寄单张通过聪明的设计使其发挥两个不同的功能；一张卡片上有两个人的信息，更加有效传达团队精神，但如何设计得漂亮？如何将一张了无生气的Excel表格转变成吸引人的设计？精心的安排能够让设计便宜也有好货。

网站：网上商店模仿了真实的店铺
ShoeGuru的网上鞋店给人的feel是如此的真实，你几乎都可闻到皮革的味道！简洁、在墙上陈列的设计给人一种非常真实的体验，对于一销售鞋类产品的网站，简直就是完美的设计。
www.shoeguru.ca

两用邮寄广告：名片与广告的无缝结合
在直邮广告中附上一张名片，并不是什么新鲜事，但这些名片往往是夹在一堆宣传品中，其实何必搞得这么复杂，下方介绍的设计可说是一种聪明的设计，它让受众留下你的名片作为下次联系之用，而且它本身也是广告的一部分。这种两用的直邮广告其实担负起两种功能。

点击上图看大图
（注：上面的律师事务所宣传卡片中，左为由收件人填写的表格，右为律师联系名片。左方的表格区域是让有兴趣的目标顾客加上自己的联系信息寄回律师事务所）
两个功能：该版式总尺寸为7×3.5（英寸），刚好可放入一9号信封（见下）。该版式提供了简洁清晰的信息，而且还可撕下名片部分。留意上面大图中，蓝色（标志，衬衣等）是如何将整个设计联系在一起的。

（表格背面为律师事务所的邮寄地址，邮资已付，方便有意向的顾客直接寄出表格）
名片：一卡两人
你是一支团队的其中一员？那就使用一张名片来达到双倍传达的效果！

文字左边，相片右边：这是让设计变得轻易有效的技法，直接将版面分成两等分，然后各自放上合适的信息即可。标志及联系信息要左对齐，而相片则要靠右对齐。

水平摆放，但相同的视觉效果：
名片水平摆放显得更通用，但我们的设计版式却仍然一样。仍然是文字在左方，相片在右方。文字通过浅灰黑来细微区分。 表格：由圆点构成的计划表
Excel软件对于做各种表格当然很实用，但对于设计，则是另一回事。在这里，我们将一张拥挤不堪的表格变成简洁明亮的由圆点构成的表格，使到整体更加吸引人，而且，它只是占用了原来一半的空间。

点击上图看大图
这张表格，信息不可谓不全，但里面有很多计划事项都是在不断重复，而且显得很厚重。三个信息（日期、时间及项目）看起来很相似。虽然上面表格的颜色搭配好，但一句话：压得人喘但气来。根本不留一点透气的空间给观看的人，而其中的“设计”元素，就是那种矩形色块，由软件默认产生，而没有经过细致雕刻。

点击上图看大图
相同的信息，但看起来完全不一样！我们保留了原表格中的颜色，但是由小圆点放在白色背景上构成，显得清新悦目。相关项目不象原表中反反复复地呈现，在这里，我们只在表格下方呈现一次。对于文字，不同的信息由大小不同的文字构成。与旧表格对比，高低立判。而且它只占用原来一半的版面，多出来的宝贵空间，你尽可放上一些你希望传达的信息。
菜单：低成本的设计一样可做得出彩
Chipotle是一家经营墨西哥玉米卷及豆卷烤肉的小店铺，它知道你并不需要什么格调高尚虚张声势的精美菜单。我们所设计的这个菜单，只采用一种颜色，再加上一些想象力，便大功告成。

吸引人的版式使信息传达更有效果：瘦长形的菜单由下至下一览无遗地方便顾客观看，这个尺寸刚好是一张标准纸张14×8.5（英寸）的一半。

由简洁线条构成的照片显得乡土气息浓厚，而且也很容易绘制。没有所谓精致的颜色，有的只是略显粗犷厚重的气息，线条构成的照片显得醒目，易于印刷。

一种醒目的字体已经足够：粗壮简洁的字体非常适合在这种木浆的纸张上呈现，这种字体就象高速公路的指示牌上的字体一样。字体的特点配合了照片的气息，使整张单张给人一种整体协调及稳重的feel。
本文所用颜色设置值如下：

如何将产品的特点在名片中得到延续？面对越来越多轻而易得的各种丰富设计元素，一设计师往往容易迷失其中，最终使一设计版面变得拥挤不堪。排版中的一些小细节一不留意就会造成信息传达的不清晰。一张便条纸贴在“网页”上使信息更加有效传达，轨道式的排版形自然形成了一视觉焦点。

名片：重复形状

努比优格（Nubi Yogurt）是一家新兴的奶酷连锁店，它的奶酷产品显得明亮新鲜。你如何将这种产品特色也在一张名片上体现？非常轻易：使用一条线，一弧线，一种亮色。

名片：一对象的设计
这个时候网上有很多照片及相片素材可轻易下载，它们在不断地引诱你将名片、手册、广告及网页的版面填满，所以充斥着太多图形的版面设计随处可见。但你千万不能成为其中的受害者！有时一张相片已经胜过十张，而且设计起来更加轻易，不要自讨苦吃。

单个元素传达更多：各种各样的工具对于房屋修建工程虽然很有用，但对于设计来说却恰恰相反。原来的毛笔手写体多少有点女性味道，而且各种工具显得模糊不清，其实这些相片只能产生嘈音。而我们修改后的名片，字体(ITC Machine字体)显得粗壮并呈角状，传达出一种与行业相符的特色。而最底下一把轻易的卷尺已经传达出一种专业、阳刚及果断的气息。

一元素已经足够触动人心：一普通的毛线球是否具有足够的美感？答案是肯定的。如果仔细打量，毛线球的纹理、颜色及触感已经呈现丰富的细节，也只有在只放一元素的卡片上，你才会留意到这些细节。优雅的字体（Sloop Script One字体）与毛线球形成恰到好处的互补：其流畅的字母线条象是织针，而颜色则取自于毛线球的相片。
照片：便条纸
谁能忽视一张黄色的小小便条纸？没有人！便条纸显得轻巧轻易，并且它们可贴在很多地方——包括你的网页！让我们看看出来会是什么效果？

价廉物美的设计：便条纸象一不速之客，它让你无法不注意它。你可自己设计你喜欢的版面，然后作为“特别告示”之类的信息贴一两张在你希望别人看到的地方。记住一点：它是一最先会被注意的元素。如果你在同一网页用过，那以后更换信息时最好也贴在同一地方，不要过于兴之所致。
你可在网上下载一张便条纸的相片，但你如果想方便灵活应用，你也可自己做一张，在PS中只费你十分钟的时间。上面的字体，但是html文字，或者自己手写后再扫描上去，当然，也可直接用一种手写字体直接打上去。