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