Tencent ISUX's profile

3D角色设定全析百图斩

Character Design
3D角色设定全析百图斩
——————————
DESIGN

3D Avatar Style Design Progress
我们在3D角色模型与动画设定上积累厚实,在卡噗角色设定中,我们做了很多的风格尝试以及整体配饰穿搭,去达到新锐时尚的品牌目标。回看角色设定已超过100体,在此分享整体设计思路过程与百图斩。

早期卡噗设计,我们专注于确定角色的整体比例与样式,并在设计优化后将所有内容稳定地应用到系统中。卡噗服务启动后的一年,我们花更多时间来确定角色的时尚风格。本文将详细分享卡噗角色样式的设计过程。

In the early design stage of 3D avatar service Kapu, we focused on determining the overall ratio and style of the avatar, and applying everything in the system stably by optimizing the designs. But during the first year after the service launch, we spent more time on deciding the avatar fashion style. In this article, we will share the process of  character styling for Kapu in detail.

3D 아바타 서비스 Kapu의 초기 디자인에서는 전체적인 비율과 스타일을 결정하고 최적화 작업을 통하여 시스템에서 모든 것을 안정적으로 적용하는 데 중점을 두었다면, 서비스 출시 후 1년 동안은 아바타 패션 스타일을 결정하는데 조금 더 많은 고민의 시간을 보냈다. 이번 기사에서는 캐릭터 스타일 디자인 프로세스를 자세히 공유하려 한다. 
1. Character Style Direction  样式方向
在保持引领潮流的街头时尚作为主方向的同时,我们分析十几到二十几岁用户的口味以确定主要用户喜欢的主题,并将这些主题应用于角色的服饰以及房间设计中。每一次主题设计秉承的原则都是时尚和年轻感。

While maintaining the street fashion as a main direction which is leading the current fashion trend, we analyzed the taste of the 10-20s to determine the themes preferred by the main users. We apply these themes to character costumes along with room design. Every time we design for various themes,  the principle of applying trendy and young feeling is common to all designs.

Kapu의 의상 스타일은 현재 패션 트렌드를 주도하고 있는 스트리트 패션을 주요 방향성으로 유지하면서 Kapu의 주사용자인 10-20대의 취향을 분석하여 사용자가 선호하는 테마를 결정하여 반영한다. 우리는 이러한 테마를 캐릭터 의상 뿐 아니라 공간 디자인에도 적용한다. 매번 다양한 종류의 테마를 정하지만 패션 트렌드를 적용하고 젊은 느낌을 유지하는 원칙을 모든 디자인에 공통으로 적용된다.​​​​​​​
服装主题分为两个方向:当代主题,即设计最新的流行的日常可以穿的服装;特殊主题,即应用于特殊节日或特殊概念的服装,比如圣诞节和情人节。每个服装主题以7:3的比例来设计。设计各种样式的服装以扩大用户的选择范围是很重要的,我们尽量不在整体上失去时尚感。

The theme for the costumes can be divided into two main directions: contemporary theme, which designs the latest fashionable clothes that can be worn on a daily basis, and special theme, which applies special events such as Christmas and Valentine's Day or specific concepts. We design each theme at a ratio of 7:3 for the costume designs. It is important to design various styles of clothes to broaden the choice of users, but we try not to lose the trendy feeling as a whole.

의상 테마는 크게 두 가지 방향으로 나눌 수 있는데, 첫번째는 일상적으로 입을 수 있는 최신 유행의 옷을 디자인하는 Contemporary Theme과 크리스마스나 발렌타인데이와 같은 특별 이벤트 또는 특정한 컨셉을 적용하는 Special Theme이다. 각 테마를 각각 7 : 3의 비율로 의상 디자인을 진행하고 있다. 사용자의 선택의 폭을 넓히기 위해 다양한 스타일의 옷을 디자인하는 것도 중요하지만 전체적으로 트렌디한 느낌을 잃지 않으려고 노력한다.
设计当代主题时,我们通过ins或时尚潮流网站分析时尚趋势,并将它们应用到角色中。我们将“潮流”、“现代”和“时尚”定义为当代主题的关键词,并在设计服装时赋予潮流感。

When designing contemporary theme, we analyze the latest fashion trends through Instagram or fashion trend sites and apply them to avatar fashion. We defined 'trendy', 'modern' and 'stylish' as keywords for contemporary theme and try to give a trendy impression when designing the costumes.

Contemporary Theme을 디자인 할 경우 Instagram 또는 패션 트렌드 사이트를 통해 최신 패션 트렌드를 분석하여 아바타 패션에 적용한다. 'Trendy', 'Modern', 'Stylish'를 Contemporary Theme의 키워드로 정의하고 전반적으로 트렌디 한 인상을 주기 위해 노력한다.
特殊主题稍有不慎就会显得幼稚或夸张,我们通过在设计中加入现代时尚元素以保持时尚感。另外,对于喜欢日本漫画或游戏等幻想作品的用户,我们也尝试将幻想元素应用到适合的主题中。

In the case of special theme, it can become too childish or exaggerated but we try to maintain trendy style by adding modern fashion elements on designs. Also, for the users who prefer fantasy feeling in Japanese manga or games, we try to apply the fantasy elements to the themes which fits.

Special Theme 디자인의 경우 자칫 유치하거나 과장 되게 표현될 수 있지만 현대적인 스타일 요소를 추가하여 기본적으로 트렌디한 스타일 방향을 유지하려 한다. 또한 일본 만화나 게임 캐릭터에서 판타지 느낌을 선호하는 사용자를 위해 이러한 요소를 적용할 수 있는 테마에는 적극 적용하려 한다. 
每次设计前,我们都会分析最新的时尚趋势以反映年轻用户的品味。 2020年,“复古”,“柔和色彩”和“超大号”服装是主要趋势,我们经常将其应用于服装设计中。

We analyze the latest fashion trends every time before we design the costumes to reflect the taste of young users. In 2020, ‘retro’, ‘pastel color’ and ‘over-sized’ costumes emerged as a major trend in fashion which we often apply to costume designs.

매번 디자인을 진행하기에 앞서 젊은 사용자의 취향을 반영하기 위해 최신 패션 트렌드를 분석을 진행한다. 2020년에는 레트로, 파스텔 컬러 및 오버핏 스타일이 패션의 주요 트렌드로 나타났는데, 우리는 이러한 종류의 패션 트렌드를 의상 디자인에 적용한다. 


2. Character Design Progress  设计过程​​​​​​​
角色设计可以分为四步。首先,我们做一些研究和构思来确定风格方向;然后通过草图决定详细的设计;大致确定设计方向后,进行3D建模和映射。本节将详细解释每一个过程。

The character design process can be divided into four steps. First, we do some research and ideation to define style direction then decide on detailed design through idea sketches. When the design direction is roughly decided, 3D modeling and mapping processes can be carried out. In this section, we will explain each process in detail.

캐릭터 디자인 프로세스는 크게 4단계로 나눌 수 있다. 먼저 스타일 방향을 정의하기 위한 리서치와 아이디에이션을 진행 한 후, 아이디어 스케치를 통해 세부 디자인을 결정한다. 대략적인 디자인 방향이 결정되면 3D 모델링 및 매핑 프로세스를 진행할 수 있다. 이번 섹션에서는 각 단계별 프로세스에 대해 자세히 설명하려 한다.  

1) Research and Ideation  研究与构思

为了找到适合每个主题的方向,从而确定总体风格方向,在设计之前要进行研究。比如,都市性主题中,'Minimal', 'Cool' 和 'Sexy'是关键词,根据这个方向,房间被设计成时尚沙龙的样式。我们根据整个主题和关键词搜索适当的参考,再对它们进行分析以找到适用的样式。

Before we start to design, research is conducted to find directions that fit each theme which will determine the overall style direction. For example, in the case of Metrosexual themes, 'Minimal', 'Cool' and 'Sexy' were the keywords so styling salon was designed for the room, following this direction. Based on the entire theme and keywords, we search for appropriate references and analyze them to find applicable style.

디자인을 진행하기 전, 각 테마에 맞는 방향을 찾기 위해 리서치가 진행되는데, 이를 통해 전체적인 스타일 방향을 결정하게 된다. 예를 들어 Metrosexual 테마의 경우 'Minimal', 'Cool' 및 'Sexy'가 키워드이므로 공간 디자인 또한 이를 반영하여 디자인되는데, 이 테마에서는 Styling Salon이 만들어졌다. 전체 테마와 키워드를 기반으로 적절한 레퍼런스를 검색하고, 적용 가능한 스타일을 찾기 위해 분석한다.
都市性主题紧跟时尚趋势,用扎染、柔和色以及超大号等样式反映无性别感和表达主题。

In Metrosexual theme, styles such as ‘tie-die', ‘pastel color' and ‘over-sized' were applied following the fashion trend and also reflected the gender-less feeling to express the theme.

Metrosexual 테마에서는 'Tie-die', 'Pastel Color' 및 'Over-sized'와 같은 스타일을 적용하여 올해 트렌드를 반영하면서도 젠더리스한 느낌을 반영하여 주제를 극대화 할 수 있도록 하였으며, 공간 디자인 또한 고려한 스타일링 방향을 제안했다. 
复活节主题用时尚商品搭配可爱的兔子服装。日漫感的,夸张的兔子耳朵和尾巴可以直观地反映出主题 ,渔网袜、长靴子和chokers则是反映了时尚趋势。

For Easter theme, some trendy fashion items were applied with cute rabbit costumes. The exaggerated rabbit ears and tails that feel like Japanese cartoon elements intuitively reflect the theme, while mesh stockings, long boots and chokers are points that reflect fashion trends.

부활절 테마의 경우 최신 패션 아이템들이 귀여운 토끼 의상과 함께 적용되었다. 일본 만화처럼 느껴지는 과장된 토끼 귀와 꼬리는 테마를 직관적으로 반영하고 망사 스타킹, 긴 부츠 및 초커는 패션 트렌드를 반영하는 포인트이다. 

2) Idea Sketch 概念草图

确定整体风格方向后,需要思考特定的服装和发型。我们尝试用拼贴参考图像,或画素描的方式来确定特定的设计。概念草图不仅可以作为3D建模的向导,还决定了服装的主要方向,因此绘制和输出清晰的图像特别重要。对整体设计比如服装、合身性、 发型,细节元素、色彩组合等进行想象也很重要。

When overall style direction is set, we need to think about specific costume designs and hairstyles. We try collage or sketch using reference images to decide specific designs. The idea sketches not only guide 3D modeling work but also determine the main direction of the costume, so it is important to draw a clear image about the output. It is important to imagine the overall design such as costume, fit, hair style, detail element, color combination.

전반적인 방향이 결정되면 구체적인 의상 디자인과 헤어 스타일을 그려보아야 한다. 레퍼런스 이미지를 이용하여 콜라주를 시도하거나 직접 스케치를 해보면서 구체적인 디자인을 결정한다. 아이디어 스케치는 3D 모델링 작업의 가이드 역할 할 뿐만 아니라 의상의 주요 방향성을 결정하는 토대 작업이 되므로, 결과물에 대한 명확한 이미지를 그려보는 것이 중요하다. 실질적인 의상, 착용감, 헤어스타일, 아이템, 색상 조합 등 전체적인 디자인을 파악할 수 있어야한다.
3) 3D Modeling 3D建模

实际3D建模我们要考虑角色比例找到合适的服装比例和服装契合度。尽管实际上是很漂亮的服装,应用到角色可能也会不好看,所以在进行3D建模时,优化细节很重要。

During the actual 3D modeling process, we try to find the appropriate ratio and fit of the costume considering the proportion of the avatar. Although it is a pretty costume in real, they may not look nice when applied to avatars so it is important to optimize the details of the avatar when we work on the 3D modeling.

실제 3D 모델링 작업을 하면서 아바타의 비율을 고려하여 의상의 적절한 비율과 핏을 찾을 수 있다. 의상이 실제로는 예쁘더라도 막상 아바타에 적용했을 때 보기 좋지 않은 경우도 있기 때문에 모델링을 진행하면서 세부 디테일을 최적화하는 것이 중요하다.
4) Mapping 映射

设计的最后一步映射中,衣服材质和细节的应用可以提高设计的完整性。

In the mapping progress which is the last step of design, the material and details of the costume are applied which can enhance the completeness of design.

마지막 단계인 매핑 작업에서 의상의 재질과 세부 디테일을 적용하여 디자인의 완성도를 높일 수 있다. 
UV是映射过程中最重要的部分,因为它可以产生褶皱,并且可以用法线贴图表达材质。UV的创建取决于服装设计。要根据服装的切割线,比如肩线和裤子的切割线去创建UV,这样当纹理集中在一起时才不会出错。

UV is the most important part in mapping progress because it can make wrinkles and express materials using normal map. The way to make UVs depends on the costume design and it is important to make UVs following the cutting line of the costume such as shoulder lines or pants cutting line so that where textures meet together does not go wrong.

UV 작업은 노멀맵을 사용하여 주름을 만들고 재질을 표현할 수 있기 때문에 매핑 작업에서 가장 중요한 부분이다. 의상 디자인에 따라 UV를 만드는 방법이 다른데, 어깨 선이나 바지 절개선과 같이 텍스쳐가 맞닿는 부분이 어긋나지 않도록 의상의 절개선에 따라 UV 작업을 진행하는 것이 중요하다.


3. Expression of Details  细节呈现

新近设计的服装与早期相比,细节上有了很多的改进,褶皱和头发的改进最为明显。

Recently, the design of character costumes has improved on the detail compared to the early ones, especially the expression of wrinkles and hair is the most noticeable improvement.

최근 디자인된 캐릭터 의상을 살펴보면 초기 버전에 비해 디테일이 많이 개선되었음을 알 수 있는데 특히 옷주름과 머리카락의 표현이 가장 눈에 띄게 개선 된 부분들이다.

1) Clothes Wrinkles 衣服褶皱

通过呈现衣服褶皱,我们可以更好地展示材质并使角色的衣服更加逼真。呈现衣服褶皱的主要方法有两种,通过模型本身或使用雕刻。

By expressing wrinkles on clothes, we can show the materials better and make more realistic avatar costumes. There are two main ways to express wrinkles in clothes: the way to express wrinkles in the modeling itself and the way to use the sculpting method. 

옷에 주름을 표현함으로써 재질을 더 잘 보여주고 보다 사실적인 아바타 의상을 만들 수 있게 되었다. 옷의 주름을 표현하는 방식에는 크게 두 가지가 있는데, 모델링 자체에 주름을 표현하는 방법과 스컬핑 기법을 사용하는 방법이 있다.
<Modeling Method>  模型

通过模型本身呈现褶皱的方法更加直观,由于模型可以直接应用于系统,也更容易检查整体的形状。

The method to express wrinkles by modeling itself is more intuitive and since modeling can be applied directly to the system, it is easier to check the overall shape.

모델링 자체에 주름을 표현하는 방법은 보다 직관적이며 모델링을 시스템에 직접 적용 할 수 있으므로 형태를 안정적으로 확인할 수 있다.
<Sculpting Method> 雕刻

雕刻是指在法线贴图中进行雕刻工作。因为“雕刻”是一种使模型看起来像是真正的雕刻的方法,它更容易表达复杂的形式,也可以更详细地表现褶皱和纹理。

The sculpting method is to apply the sculpting work to the normal map. Because 'sculpting' is a method of making the modeling as if it is literally sculpting, it is easier to express complex forms and also can make wrinkles and textures in detail.

스컬핑 작업을 노멀맵에 적용하는 방법은 말 그대로 조각하는 것처럼 모델링하는 방법이이기 때문에 복잡한 형태를 표현하기 더 쉽고, 주름과 질감을 자세하게 표현할 수 있다.
雕刻完成后,网格会变得非常大,因此我们将建模数据更改为图像并应用于法线贴图中。这种方法允许将褶皱应用于纹理,所以人们可能会觉得像2D图像。但因为它可以显示褶皱和材质的细节,上述两种方法都可用于创建逼真的褶皱。

Mesh can become very large when sculpting is completed so we change modeling data into an image and apply to the normal map. This method allows wrinkles to be applied to textures, so people might feel like a 2D images. However, this method can express the details of wrinkles and materials, so both method above can be used to create realistic wrinkles.

스컬핑이 완료되면 매쉬가 굉장히 많아지기 때문에 모델링 데이터를 이미지로 변경하여 노멀맵에 적용한다. 이 방법을 사용하면 주름이 텍스처에 적용되므로 2D 이미지처럼 느껴질 수 있다. 그러나 이 방법은 주름과 재질의 디테일을 매우 잘 표현할 수 있기 때문에 두 가지 방법을 모두 적절하게 사용하여 사실적인 주름을 만들 수 있다.
2) Hairstyle 发型

通过扁平的形状结构,不规则的头发表现以及反光效果,我们将发型设计得比之前更有质量。

By applying flat shape structure, irregular hair expression and reflection effect, we can design the hairstyle in better quality than before.

머리스타일 디자인에 플랫한 형태 구조, 불규칙한 머릿결 표현, 반사 효과를 통한 재질 표현을 적용하여 이전에 비하여 더 높은 퀄리티의 디자인을 적용할 수 있게 되었다. 
< Use flat shape on the modeling > 在建模中使用扁平形状

早期设计,我们将头发表现为圆柱形,但当这种圆柱形应用到系统中时,头发看起来会有点不自然,有时会形成一层,或者刘海的发线变得凹凸不平。使用扁平的形状结构后,最近这个问题得到了解决。

In the early design stage we expressed the hair in cylindrical form but when this cylinder type was applied to the system, it looked a bit unnatural and sometimes a layer was made or the hair line of the bangs became bumpy. Recently, this problem has been supplemented by using a flat shape structure on the hair.

초기 디자인 단계에서 머리는 원통 형태로 표현하였는데,  이 실린더 형태가 시스템에 적용되었을 때 부자연스러운 부분이 있었고, 때로는 레이어가 만들어지거나 앞머리의 헤어 라인이 울퉁불퉁 해지는 현상이 나타나기도 했다. 최근에는 머리에 플랫한 형태 구조를 사용함으로써 이러한 문제를 보완하였다.
<Apply random modeling shape> 随机形状

在表现头发时,宽和窄的形状都要表现出来。如果仅用相似的形状,头发可能会看起来很简单,这不是有效的方法。随机应用宽和窄的形状,头发看起来更自然,细节也更好。

When expressing hair, it is important to express the wide and narrow shape together. If you express hair only in a similar shape, the hair may look to simple which is not an effective way to express the hair. Therefore, if wide and narrow shapes are applied randomly, the hair will look much more natural and the details will be better.

머리결을 표현할 때는 넓은 면과 좁은 면을 함께 표현해야 한다. 단일한 방식으로만 머리를 표현하면, 빛을 받는 면이 단순해 보이게 되고 머리결이 잘 표현되지 않는다. 따라서 넓은 면을 잡아준 후 좁은 면을 함께 표현해주면 머리결이 훨씬 자연스럽고 디테일이 더 좋다.
<Apply Shiny Material> 应用闪亮的材料

头发的颜色会根据反射颜色和反射值产生很大的变化,如果不用反射值,发色会很粗糙并且没有光泽。在头发上应用反射,实际的头发颜色和反射的颜色混合在一起,呈现出丰富而又有吸引力的色彩。此外反射光可以使头发看起来更加生动。

The hair color can vary a lot according to the reflection color and value, so if he reflection value is not applied, the hair color can become stronger and matte. By applying the reflection on the hair, the actual hair color and the reflected color can be mixed together so rich and attractive color can be embodied on the hair. Moreover, the hair will look more vivid through the part in which the light is reflected.  

반사값의 컬러와 강도에 따라 머리색은 많이 달라질 수 있는데, 반사값이 없으면 컬러가 강하고 매트해 보인다. 따라서 반사값을 적용하여 머리 본연의 컬러와 반사된 컬러가 섞여 더 풍부하고, 매력적인 컬러를 구현할 수 있게 되었다. 또한 빛이 반사되는 효과를 통해 머리결이 더 살아나는 효과를 얻을 수 있다.
为让用户可以创建并享受能彰显他们身份的各种角色样式,卡噗将继续设计反映不同主题的作品。通过使用时尚潮流的样式和技术以扩大表达范围,我们尝试将卡噗角色设计得更加年轻和生动有活力。我们希望用户能够在卡噗世界中继续度过美好的时光。

Kapu will continue to strive to design that reflect various themes so that users can create and enjoy various avatar styles that express their identity. We try to design Kapu characters more young and lively by expanding the range of expressions with trendy styling and technics. I hope that many users will be able to keep enjoy their time in Kapu world.


Kapu는 사용자들이 각자의 개성을 살린 다양한 아바타 스타일을 만들어 즐길 수 있도록 앞으로도 다양한 테마를 반영한 디자인을 선보이기 위해 노력할 것이다. 트랜디한 스타일링을 적용하면서도 기술적으로도 표현의 범위를 넓혀 Kapu 캐릭터들을 더욱 젊고 생동감 있게 발전시키려고 한다. 앞으로도 많은 유저들이 Kapu의 세계에서 즐거운 시간을 보낼 수 있었으면 한다.  
3D角色设定全析百图斩
Published:

3D角色设定全析百图斩

Published: