创意网页设计素材-创意VC：畅游VC网页设计视角及实用教程

设计观点1 页面材质创建材质

通常我们认为材料在设计中起辅助作用。 事实上，材质对设计也有限制作用，尤其是游戏页面设计。 我们经常因为需方不提供材料或者没有合适的材料而不得不修改原来的设计方案。 下面我们就和大家一起探讨一下游戏页面设计中如何制作素材。 我把它们分为几种方法：绘制、叠加、拼接。 我将结合下面的例子（例子多为特殊页面，这种创意方法也适用于官网的设计），详细说明。

1.绘图方法

绘图方法是使用一些绘图工具（选择你最擅长的），这里推荐矢量图形工具

匹配图层样式

，根据页面样式创建新材质。 每个人都应该充分利用Photoshop中的矢量图形工具。 它不仅可以绘制各种矢量素材，还可以增强图形的可编辑性。

在很多韩国网页设计中，都有很多这种绘图素材的例子。

注意

确定了页面风格和布局之后，你必须对我们需要什么样的材料有一个清晰的概念。 不要处理完素材后才发现与页面风格冲突。 所得大于损失。

使用矢量工具绘制杂志，创建页面的厚度，并同时处理光线、阴影和纹理。 如果你在绘制这类素材的过程中感到不确定的话创意网页设计素材，可以去网上找一些实物图片进行参考。

矢量工具绘制图形，非常典型的扁平化风格设计。 色彩对比鲜明明亮，信息更加清晰突出。

2.叠加法

叠加法是利用物理材质图片和带纹理的背景或图形来创建新的材质。 这种制作方式适合一些接近写实风格的页面。

人与物以透视关系放置在空间中，采用木纹材质制作透视地板，并添加裂缝营造场景。 制作这类写实素材时，要注意透视关系和素材本身的特点。

利用木纹打造桌面，叠加光影效果，打造游戏棋盘的平面效果。 主题突出，功能和目的明确，游戏氛围更加浓厚。

3.拼接方式

拼接法就是从完整的图片中提取一些元素，拼接成新的素材。 这样做的好处是可以与游戏风格保持统一，节省制作时间。

使用草坪材质制作4个按钮卡通人物，使用木纹效果制作标语、按钮和主屏材质。 效果统一，焦点集中。

使用冰雪元素和人物素材来打造整个雪景创意网页设计素材吉祥物，让这个页面非常具有沉浸感和真实感。

实践

下面是一些在日常工作中运用上述素材创作方法的实际作品。 让我们一一分析。

工作1

这是《鹿鼎记》的回顾专题，主要是对各个阶段资料片的回顾。 需求方要求用一本书作为翻页Flash来表达效果，所以采用绘图的方式绘制了一本书作为整个专题的主视觉。

下面详细介绍画书的步骤。

01 首先，因为我不确定哪种书籍风格最适合这个主题，所以我需要在网上收集一些书籍图片，对它们进行合理分类，找到最符合主题风格的书籍形状。

经典书籍，适用武侠题材

破旧的书，适合黑暗风格的主题

前两者之间，更适合这个话题

02 确定了书本的基本形状后，开始绘制。

定义矢量基元

填充颜​​色、图案样式

丰富的图书详情

完善内容并调整细节

03 按照以上步骤进行绘制，完成最终效果。

工作2

这就是《鹿鼎记》中凶将职业的专题。 根据猛将钢棒铁骨绞肉机的职业特点，采用叠加的方式，让内容版块看起来如同热钢。

下面详细介绍一下钢材的制作步骤。

01 首先收集一些现实的素材图片，选择适合本主题的素材。

纹理过于平坦，适合基于材质的纽扣制作。

纹理裂纹清晰明显，表现力强，适合这个题材。

02开始拼接生产。

将石材与图案底图叠加，直至达到所需效果

叠加完毕后，开始调整细节，反复叠加光影效果，最后用橡皮或钢笔等工具调整板材边缘的裂缝，这样效果会更加真实。

03 按照上述步骤完成最终效果。