[PS教程] 封面设计.科技与生命的结合

[复制链接]
敖珍瑞 2013-11-28 09:13:26
本文讲解了一位有名设计师凡杜仁在设计一套软件教程书的封面时的一点心得和技巧。在设计封面的步骤中,他把一幅照片和 3D 元素结合,并运用一点 Photoshop 的常用工具,便 使到出来的设计风格显得特殊及和众不同,也加强了照片的层次感。让我们看看他所设计的封面是怎么样传达出“科技和生命的有机结合”的设计意念的。


在 2005 年夏季的早些时间,英国出版商 Friends of ED 要求多媒体设计师凡杜仁( van Dooren )为他们出版社出版的软件教程系列书设计封面。凡杜仁解释在前五年中,这套书的封面都是采用剧院的照片作为主要设计元素,而此时出版社希望这套系列教程有一全新的形象。
他说 Friends of ED 出版社——特殊是该社的产品经理彼特艾尔华希望封面的效果应该少一点科技感的东西而应该加多一点有生命力的元素。在下图的教程系列封面设计步骤中,凡杜仁和我们分享他怎么样创造出最具挑战性的系列封面,这些教程书由 Sham Bhangal 及 Kristian Besley 所著。
13CTO510F-16109.jpg
把科技和自然结合
作者: 凡杜仁
我想设计一和之前有所不同的封面。我用了 3D 效果的管道及一只 3D 黄蜂设计出两个封面。而在设计第三个封面时,我采用了一放到一堆干草上的 3D 的拉拖机照片。
虽然出来的效果好,但和之前的封面并不配套。那辆拉拖机显得过于真实。于是我又创作了一架太空舟在收集干草。但我要进一步深化设计,由于它看上去太卡通了。因此我调整了设计意念,我设计出在草地上放上很多管道的封面。由于我想要和我上一封面设计显得越加一致。如下图《 Foundation XML for Flash 》一书。
13CTO510F-16109.jpg
但在我开始设计时我也是找不到feel。只为能够达到最好的效果,我有几天没有理会这个封面。过了几天后我才开始创作草图。出来的效果相当好。我决定不用那张干草地的照片,而是选用了一幅森林的相片,我也放弃了那张管道的照片,这次我选用了一 3D 做的花朵元素。背景的森林照片来自 iStockPhoto ,我从该网站找来这张照片完全是由于时间太紧,我没有时间去森林里个人拍一幅。
基本上在这个系列封面上我都是运用一样的版面。如此做是要让这些系列教程能够有一致的外观,而且也能够简化我的工作。
我在 Photoshop 里对所有的封面都采用了一样的细横线。图 1 为白色的封底配上一色彩的波浪形区域,在这个区域里我添加了一组平行的细横线,使之看上去更具动感。图 2 是我在波浪区域里放进了一点拷贝的元素:白色的波浪线、左半的色彩圆球,还有一点细圆球分布在这个区域的其它位置。这些白色的孤形元素表示活力。
13CTO510F-16109.jpg
图 1 、 2.
下一步我用了出版社给我的一幅照片(图 3 ),我对这张照片执行了一点装饰,使之能够和我要设计的效果更协同。我设想还要有一点管道穿过森林,并添加一束 3D 效果的花朵放到之前。
13CTO510F-16109.jpg
图 3
设计 3D 元素当然可在 Photoshop 软件里实现。我花了一点时间去做那些阴影及受光面,出来的效果也是好。但只为节省时间,我通常是运用 Maxon's Cinema 4D XL 做。 Cinema 4D 是一做 3D 的软件,和 Autodesk's 3D Studio Max 及 Alias' Maya 这些软件相同。当我做好了这些 3D 元素后,我就把它们放进了 Photoshop 的文件里。
图 4 是我把 3D 管道加进森林照片时的效果。把那棵大树、藓苔及其它一点东西切出放到之前,而 3D 管道就放到下一层里。但我认为出来的效果太过虚假,因此我对管道加了一点色彩与渲染,并且添加一点阴影。图 5 的效果就好很多了。
13CTO510F-16109.jpg
图 4 、 5
按照设想,在照片之前还应该要添加一幅 3D 管道的照片,但这条 3D 管道的方向是直立的。当做好了这个直立的 3D 管道时,我在 3D 软件里还做了一朵花(图 6 )。我在 3D 软件里把这朵花拷贝并旋转了几个不同的角度及添加不同的色彩,使到看上去好象有很多朵花在里面。
13CTO510F-16109.jpg
图 6
图 7 是我把那束 3D 效果的花朵及管道放到 Photoshop 文件里的效果。只为使之前这条管道看上去和森林照片更融合一点,我对它的色彩及阴影作了调节(图 8 ),但不幸的是,这次出来的效果让我并不理想。我感觉之前这条管道的视觉效果太过强烈,和整张照片有冲突。于是我又花了几个小时的时间在管道前添加一点真实的元素。
13CTO510F-16109.jpg
图 7 、 8

                                                             
        见P 9 ,因为在管道前我添加了一点叶子等其它元素,出来的效果要好多了。但对于整张照片来说它仍旧显得有点不合适,由于这个管道元素比照片其它元素都要光亮。虽然那些花朵也有一样的问题,但我感觉可接受,由于我本来就是想关键突出这些花朵。它们在这个设计中象征着科技。
13CTO510F-16109.jpg
图 9.
图 10 为花朵局部的放大图,你可看到里面全部是由上色的元素组成,当然还有一点象电线的那种线条,表示这朵花是由 3D 软件做成的。
我希望能够对这些花朵再执行润色。我加了一点真实的小黄色玫瑰(图 11 )。只为显得更真实一点,我对这些黄色的玫瑰也作了色彩上的调节,以便和整张图协同。
13CTO510F-16109.jpg
图 10 、 11
继续我在后面的树上添加一点 3D 效果的蘑菇,使封面的设计更一致(图 12 ),由于在其他的封面上我也用白点及白线设计一点 3D 的元素。蘑菇是在 Photoshop 里勾出来的,而因为笔触的效果使他们看上去有点 3D 的效果。
13CTO510F-16109.jpg
图 12
下图为做的照片和真实的照片放到一起时的效果(图 13 )。你可看到这些做的 3D 元素使整张照片有了层次感。下图中原来的蓝色区域好象不见了,其实蓝色还在,全是照片把蓝色区域盖住了。这个蓝色区域我们还要运用。由于我在这个系列教程书的封面设计时都会用上某个主调色调。
13CTO510F-16109.jpg
图 13
只为把最开始的蓝色波浪区域变回来,我运用了图层混合模式,我把图层混合模式设置为“发光度”( Luminosity ),不透明度设置成 30% 。之后我拷贝了该照片图层,把它的图层混合模式设置成“变暗”( Darken ),不透明度设置成 30% ,使到整张照片色彩变浅并有一种浅蓝光效果在上方(图 14 )。
13CTO510F-16109.jpg
图 14
这时照片变得有点苍白,只为使整张照片显得更蓝及色彩更鲜艳,我加了几个蓝色的图层。我一样接着拷贝照片并使图层的混合模式和不透明度和上方保持一致。重复如此做然后,就有了我希望的那种效果(图 15 )。

图 15
因为出来的效果让我感到满足,于是我加进了有关该书的其它文字信息(图 16 )。因为是系列书,因此这些文字放置的位置都相同,全是作者的名字及书名有调整。

图 16
这个软件基础教程书的封面已经设计完毕。但还有一步——我常常忘记。由于我要把这张 Photoshop 文件发回给出版社,我必须要使每一图层都有一准确的名字(图 17 ),不然,另外打开这个文件的人可能永远都找不到我在这个封面上到底运用了哪些不同的元素。

图 17
正如你看到的,我把这个 Photoshop 的文件的各个图层分别起名为“照片”( Image )、“元素”( Elements )及“题目 / 作者”( Title-Author )。在“照片”层组里放置是那张经装饰制成的照片,在“元素”图层组里放置的是一点细横线、圆圈及白色波纹这些元素。在“题目 / 作者”图层组里就放置着出版社的标志、书名及作者名字。而“出血位”( Bleed )图层表示安全打印区域。完成这些后,整个设计可说大功告成。
"作者简介"多媒体设计师凡杜仁( Corné van Dooren )出生在莲兰南部的一叫米尔德的小村庄。他所服务的客户来自全球各地。他一样执行测试软件的工作,并出版过几本有关 Photoshop 书,其中一本名New Masters of Photoshop: Volume 2
13CTO510F-16109.jpg
禹云亭 2013-11-28 09:14:22
支持,赞一个
回复

使用道具 举报

隗春娇 2013-11-29 21:34:38
佩服佩服!
回复

使用道具 举报

太叔樱花 2013-11-30 14:39:04
一直在看
回复

使用道具 举报

沈敏叡 2013-11-30 17:16:45
无论是不是沙发都得回复下
回复

使用道具 举报

Admin 2013-12-1 06:10:19
我也顶起出售广告位
回复

使用道具 举报

祁紫杉 2014-3-22 17:31:08
不错 支持一个了
回复

使用道具 举报

司马蓓蕾 2014-3-23 18:21:44
呵呵,低调,低调!
回复

使用道具 举报

田海书 2014-4-4 09:24:22
LZ帖子不给力,勉强给回复下吧
回复

使用道具 举报

晏洛灵 2014-4-8 15:38:42
学习下
回复

使用道具 举报

酆俊雅 2014-4-12 21:38:33
回复

使用道具 举报

亢昭懿 2025-4-14 09:50:46
沙发位出租,有意请联系电话:138XXXXXXXX
回复

使用道具 举报

柏嘉言 2025-5-10 13:13:03
好,很好,非常好!
回复

使用道具 举报

手机版

GMT+8, 2025-5-29 15:14

Copyright © 2012 技术派 | 技术支持:技术派设计

Powered by Discuz! X3.4