?

我們?cè)?D角色模型與動(dòng)畫(huà)設(shè)定上積累厚實(shí)，在卡噗角色設(shè)定中，我們做了很多的風(fēng)格嘗試以及整體配飾穿搭，去達(dá)到新銳時(shí)尚的品牌目標(biāo)。回看角色設(shè)定已超過(guò)100體，在此分享整體設(shè)計(jì)思路過(guò)程與百圖斬。

早期卡噗設(shè)計(jì)，我們專注于確定角色的整體比例與樣式，并在設(shè)計(jì)優(yōu)化后將所有內(nèi)容穩(wěn)定地應(yīng)用到系統(tǒng)中。卡噗服務(wù)啟動(dòng)后的一年，我們花更多時(shí)間來(lái)確定角色的時(shí)尚風(fēng)格。本文將詳細(xì)分享卡噗角色樣式的設(shè)計(jì)過(guò)程。
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.
?

?

1.樣式方向
?

在保持引領(lǐng)潮流的街頭時(shí)尚作為主方向的同時(shí)，我們分析十幾到二十幾歲用戶的口味以確定主要用戶喜歡的主題，并將這些主題應(yīng)用于角色的服飾以及房間設(shè)計(jì)中。每次主題設(shè)計(jì)秉承的原則都是時(shí)尚和年輕感。
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.
?

?

服裝主題分為兩個(gè)方向：當(dāng)代主題，即設(shè)計(jì)最新流行的日常可以穿的服裝；特殊主題，即應(yīng)用于特殊節(jié)日或特殊概念的服裝，比如圣誕節(jié)和情人節(jié)。每個(gè)服裝主題以7:3的比例來(lái)設(shè)計(jì)。為擴(kuò)大用戶的選擇范圍，設(shè)計(jì)各種樣式的服裝是很重要的，我們盡量不在整體上失去時(shí)尚感。
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.
?

?

設(shè)計(jì)當(dāng)代主題時(shí)，我們通過(guò)ins或時(shí)尚潮流網(wǎng)站分析時(shí)尚趨勢(shì)，并將它們應(yīng)用到角色中。將“潮流”、“現(xiàn)代”和“時(shí)尚”定義為當(dāng)代主題的關(guān)鍵詞，在設(shè)計(jì)服裝時(shí)賦予潮流感。
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.
?

?

特殊主題稍有不慎就會(huì)顯得幼稚或夸張，我們通過(guò)在設(shè)計(jì)中加入現(xiàn)代時(shí)尚元素以保持時(shí)尚感。另外，對(duì)于喜歡日本漫畫(huà)或游戲等幻想作品的用戶，我們也嘗試將幻想元素應(yīng)用到適合的主題中。
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.
?

?

每次設(shè)計(jì)服裝前，我們都會(huì)分析最新的時(shí)尚趨勢(shì)以反映年輕用戶的品味。2020年，“復(fù)古”，“柔和色彩”和“超大號(hào)”服裝是主要趨勢(shì)，我們經(jīng)常將其應(yīng)用于服裝設(shè)計(jì)中。
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.

2. 設(shè)計(jì)過(guò)程
?

?

角色設(shè)計(jì)可以分為四步。首先，做一些研究和構(gòu)思來(lái)確定風(fēng)格方向；然后通過(guò)創(chuàng)意草圖決定詳細(xì)的設(shè)計(jì)；大致確定設(shè)計(jì)方向后，進(jìn)行3D建模和映射。本節(jié)將詳細(xì)解釋每一個(gè)過(guò)程。
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.

1) Research and Ideation??研究與構(gòu)思

為了找到適合每個(gè)主題的方向，從而確定總體風(fēng)格方向，在設(shè)計(jì)之前要進(jìn)行研究。比如，都市性主題中，'Minimal', 'Cool' 和 'Sexy'是關(guān)鍵詞，根據(jù)這個(gè)方向，房間被設(shè)計(jì)成時(shí)尚沙龍的樣式。我們根據(jù)整個(gè)主題和關(guān)鍵詞搜索適當(dāng)?shù)膮⒖?#xff0c;再對(duì)它們進(jìn)行分析以找到適用的樣式。
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.
?

都市性主題緊跟時(shí)尚趨勢(shì)，賣QQ賬號(hào)平臺(tái)用扎染、柔和色以及超大號(hào)等樣式反映無(wú)性別感和表達(dá)主題。
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.

?

復(fù)活節(jié)主題用時(shí)尚商品搭配可愛(ài)的兔子服裝。具有日漫感的，夸張的兔子耳朵和尾巴可以直觀地反映主題 ，漁網(wǎng)襪、長(zhǎng)靴子和chokers則反映了時(shí)尚趨勢(shì)。
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 概念草圖

總體風(fēng)格方向確定后，需要思考特定的服裝和發(fā)型。我們嘗試用拼貼參考圖像，或畫(huà)素描的方式來(lái)確定特定的設(shè)計(jì)。概念草圖不僅可以作為3D建模的向?qū)?#xff0c;還決定了服裝的主要方向，因此繪制和輸出清晰的圖像特別重要。對(duì)整體設(shè)計(jì)比如服裝、合身性、 發(fā)型，細(xì)節(jié)元素、色彩組合等進(jìn)行想象也很重要。
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.
?

?

?

3) 3D Modeling 3D建模

實(shí)際3D建模我們要考慮角色比例找到合適的服裝比例和服裝契合度。盡管實(shí)際上是很漂亮的服裝，應(yīng)用到角色可能也會(huì)不好看，所以在進(jìn)行3D建模時(shí)，優(yōu)化細(xì)節(jié)很重要。
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.
?

?

4) Mapping 映射

在設(shè)計(jì)的最后一步映射中，衣服材質(zhì)和細(xì)節(jié)的應(yīng)用可以提高設(shè)計(jì)的完整性。
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是映射最重要的部分，因?yàn)樗梢援a(chǎn)生褶皺，并且可以用法線貼圖表達(dá)材質(zhì)。UV的創(chuàng)建取決于服裝設(shè)計(jì)。要根據(jù)服裝的切割線，比如肩線和褲子的切割線去創(chuàng)建UV，這樣當(dāng)紋理集中在一起時(shí)才不會(huì)出錯(cuò)。
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.

3. 細(xì)節(jié)呈現(xiàn)

新近設(shè)計(jì)的服裝與早期相比，細(xì)節(jié)上有了很多的改進(jìn)，褶皺和頭發(fā)的改進(jìn)最為明顯。
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 衣服褶皺

通過(guò)呈現(xiàn)衣服褶皺，我們可以更好地展示材質(zhì)并使角色的衣服更加逼真。呈現(xiàn)衣服褶皺的主要方法有兩種，通過(guò)模型本身或使用雕刻。
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>??模型

通過(guò)模型本身表現(xiàn)褶皺的方法更直觀，由于模型可以直接應(yīng)用于系統(tǒng)，也更容易檢查整體的形狀。
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> 雕刻

雕刻是指在法線貼圖中進(jìn)行雕刻工作。因?yàn)椤暗窨獭笔且环N使模型看起來(lái)像是真正的雕刻的方法，它更容易表達(dá)復(fù)雜的形式，也可以更詳細(xì)地表現(xiàn)褶皺和紋理。
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.
?

?

雕刻完成后，網(wǎng)格會(huì)變得非常大，因此我們將建模數(shù)據(jù)更改為圖像并應(yīng)用于法線貼圖中。這種方法允許將褶皺應(yīng)用于紋理，所以人們可能會(huì)覺(jué)得像2D圖像。但因?yàn)樗梢燥@示褶皺和材質(zhì)的細(xì)節(jié)，上述兩種方法都可用于創(chuàng)建逼真的褶皺。
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.
?

?

2) Hairstyle 發(fā)型

通過(guò)扁平的形狀結(jié)構(gòu)，不規(guī)則的頭發(fā)表現(xiàn)以及反光效果，我們將發(fā)型設(shè)計(jì)得之前更有質(zhì)量。
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 > 在建模中使用扁平形狀

早期設(shè)計(jì)，我們將頭發(fā)表現(xiàn)為圓柱形，但當(dāng)這種圓柱形應(yīng)用到系統(tǒng)中時(shí)，頭發(fā)看起來(lái)會(huì)有點(diǎn)不自然，有時(shí)會(huì)形成一層，或者劉海的發(fā)線變得凹凸不平。使用扁平的形狀結(jié)構(gòu)后，最近這個(gè)問(wèn)題得到了解決。
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>??隨機(jī)形狀

呈現(xiàn)頭發(fā)時(shí)，寬和窄的形狀都要表現(xiàn)出來(lái)。如果僅用相似的形狀，頭發(fā)看起來(lái)可能會(huì)過(guò)于的簡(jiǎn)單，這不是一個(gè)有效的方法。隨機(jī)應(yīng)用寬和窄的形狀，頭發(fā)看起來(lái)更自然，細(xì)節(jié)也更好。
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> 明亮材料

頭發(fā)的顏色會(huì)根據(jù)反射顏色和反射值產(chǎn)生很大的變化，如果不用反射值，發(fā)色會(huì)很粗糙并且沒(méi)有光澤。在頭發(fā)上應(yīng)用反射，實(shí)際的頭發(fā)顏色和反射的顏色混合在一起，呈現(xiàn)出豐富而又有吸引力的色彩。此外反射光可以使頭發(fā)看起來(lái)更加生動(dòng)。
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.??
?

?

為讓用戶可以創(chuàng)建并享受能彰顯他們身份的各種角色樣式，卡噗將繼續(xù)設(shè)計(jì)反映不同主題的作品。通過(guò)使用時(shí)尚潮流的樣式和技術(shù)以擴(kuò)大表達(dá)范圍，我們嘗試將卡噗角色設(shè)計(jì)得更加年輕和生動(dòng)有活力。我們希望用戶能夠在卡噗世界中繼續(xù)度過(guò)美好的時(shí)光。
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.
?

總結(jié)

以上是生活随笔為你收集整理的3D角色设定全析百图斩的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。