{"id":7367,"date":"2023-06-17T21:47:06","date_gmt":"2023-06-17T13:47:06","guid":{"rendered":"https:\/\/wings-xiii.com\/3d-design\/"},"modified":"2026-01-06T16:20:55","modified_gmt":"2026-01-06T08:20:55","slug":"3d-design","status":"publish","type":"page","link":"https:\/\/wings-xiii.com\/en\/3d-design\/","title":{"rendered":"3D Design"},"content":{"rendered":"\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"wp-block-cover alignwide is-light has-custom-content-position is-position-center-left has-large-font-size\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"724\" class=\"wp-block-cover__image-background wp-image-3191\" alt=\"\" src=\"https:\/\/wings-xiii.com\/wp-content\/uploads\/2023\/09\/\u5de5\u4f5c\u4efb\u52d9\u8aaa\u660e.png\" data-object-fit=\"cover\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-left has-x-large-font-size\" style=\"font-style:normal;font-weight:700\"><strong><strong>3D Design<\/strong><\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4fc3f8e1 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4fc3f8e1 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-buttons has-custom-font-size has-small-font-size is-horizontal is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-42a159bf wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-background wp-element-button\" style=\"border-top-right-radius:0px;background-color:#00000087\">Cinema 4D<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" style=\"border-top-right-radius:0px;background-color:#00000087\">3D Dimension<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons has-custom-font-size has-small-font-size is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" style=\"border-top-right-radius:0px;background-color:#00000087\">Photoshop &amp; illustrator<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<h2 class=\"wp-block-heading alignwide has-text-align-center ext-py-0 ext-mt-0 has-ext-x-large-font-size\" id=\"this-is-a-large-default-heading-title-1\" style=\"font-style:normal;font-weight:600\">Turning ideas into reality.<\/h2>\n\n<h2 class=\"wp-block-heading has-text-align-center has-text-color has-medium-font-size\" style=\"color:#7991a4;font-style:normal;font-weight:400\"><br\/>For UI designers, 3D is mainly used for key visuals, icons, and brand identity elements.<\/h2>\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-d05cb3ef wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"916\" height=\"917\" src=\"https:\/\/wings-xiii.com\/wp-content\/uploads\/2023\/09\/Cinema_4D_logo_PNG5-2.png\" alt=\"\" class=\"wp-image-3372\" style=\"width:67px;height:undefinedpx\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"480\" height=\"468\" src=\"https:\/\/wings-xiii.com\/wp-content\/uploads\/2023\/09\/Dimension-1.png\" alt=\"\" class=\"wp-image-3373\" style=\"width:67px;height:undefinedpx\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/wings-xiii.com\/wp-content\/uploads\/2023\/09\/&#x8CC7;&#x7522;-4.svg\" alt=\"\" class=\"wp-image-3376\" style=\"width:67px;height:undefinedpx\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"468\" src=\"https:\/\/wings-xiii.com\/wp-content\/uploads\/2023\/09\/Illustrator-1.png\" alt=\"\" class=\"wp-image-3384\" style=\"width:67px;height:undefinedpx\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"468\" src=\"https:\/\/wings-xiii.com\/wp-content\/uploads\/2023\/09\/Photoshop.png\" alt=\"\" class=\"wp-image-3365\" style=\"width:67px;height:undefinedpx\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/wings-xiii.com\/wp-content\/uploads\/2023\/09\/&#x8CC7;&#x7522;-5@3x-1024x1024.png\" alt=\"\" class=\"wp-image-3377\" style=\"width:67px;height:undefinedpx\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n<\/div>\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized is-style-default .wp-image-2965 .wing_b_r-3\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/wings-xiii.com\/wp-content\/uploads\/2023\/09\/01-2.png\" alt=\"\" class=\"wp-image-3227\" style=\"width:361px;height:203px\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" style=\"color:#27cbc0;font-size:24px;line-height:1.3\"><strong><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Cinema 4D&gt;&gt;<\/font><\/font><\/strong><\/h3>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4fc3f8e1 wp-block-group-is-layout-flex\">\n<p class=\"wing_f_s-3 has-cyan-bluish-gray-color has-text-color wp-block-paragraph\">\u283f Used for key visuals and motion Animation<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We use 3D to support visuals, animation, and video\u2014offering far greater precision and control over details than AI-generated content.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/wings-xiii.com\/wp-content\/uploads\/2023\/09\/01-1.png\" alt=\"\" class=\"wp-image-3194\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" style=\"color:#27cbc0;font-size:24px;line-height:1.3\"><strong>Adobe Dimension<strong>   &gt;&gt;<\/strong><\/strong><\/h3>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4fc3f8e1 wp-block-group-is-layout-flex\">\n<p class=\"has-cyan-bluish-gray-color has-text-color wp-block-paragraph\">\u283f 3D Packaging Mockups &amp; Visuals<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Adobe Dimension is designed for packaging and commercial visual simulation, effectively turning 2D designs into clear 3D representations early in the process. Leveraging its efficiency and stability, we deliver high-quality 3D visuals quickly for proposals, testing, and key visuals\u2014ideal for projects with tight timelines and budget control.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/wings-xiii.com\/wp-content\/uploads\/2023\/09\/psd_ai.png\" alt=\"\" class=\"wp-image-3228\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" style=\"color:#27cbc0;font-size:24px;line-height:1.3\"><strong>illustrator\u3001Photoshop &gt;&gt;<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4fc3f8e1 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4fc3f8e1 wp-block-group-is-layout-flex\">\n<p class=\"has-cyan-bluish-gray-color has-text-color wp-block-paragraph\">\u283f The integration of 2D and 3D starts early<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Illustrator and Photoshop are not only graphic design tools, but key foundations in the 3D workflow. With the latest Illustrator 3D features, materials and base renders can be created and exported as OBJ files, seamlessly connecting to Cinema 4D or Dimension. This workflow quickly transforms 2D concepts into 3D structures, ensuring visual consistency and improving production efficiency.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<h3 class=\"wp-block-heading alignwide has-text-align-left ext-py-0 ext-mt-0 has-text-color has-x-large-font-size\" id=\"this-is-a-large-default-heading-title-1\" style=\"color:#27cbc0\"><strong>Our Workflow<\/strong><\/h3>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-media-text is-stacked-on-mobile is-vertically-aligned-center\" style=\"grid-template-columns:35% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"450\" src=\"https:\/\/wings-xiii.com\/wp-content\/uploads\/2023\/09\/001.png\" alt=\"\" class=\"wp-image-3211 size-full\"\/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading ext-my-base ext-p-0 has-ext-xx-large-font-size\" id=\"01\">01<\/h3>\n\n\n\n<h4 class=\"wp-block-heading ext-mt-0 ext-mb-base ext-p-0 has-ext-large-font-size\" id=\"a-small-heading\"><strong><strong>Building visual foundations in Illustrator<\/strong><\/strong><\/h4>\n\n\n\n<p class=\"ext-mt-0 wp-block-paragraph\">3D production doesn\u2019t start from scratch\u2014it builds on clear 2D design. We first create the required graphics and structure in Illustrator, then bring them into Cinema 4D for further development. Since C4D R25, native AI file support streamlines the transition, ensuring accurate data transfer and reducing setup overhead.<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-media-text is-stacked-on-mobile is-vertically-aligned-center\" style=\"grid-template-columns:35% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"450\" src=\"https:\/\/wings-xiii.com\/wp-content\/uploads\/2023\/09\/002.png\" alt=\"\" class=\"wp-image-3212 size-full\"\/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading ext-my-base ext-p-0 has-ext-xx-large-font-size\" id=\"01\">02<\/h3>\n\n\n\n<h4 class=\"wp-block-heading ext-mt-0 ext-mb-base ext-p-0 has-ext-large-font-size\" id=\"a-small-heading\"><strong>Transforming 2D into Controllable 3D Structures<\/strong><\/h4>\n\n\n\n<p class=\"ext-mt-0 wp-block-paragraph\">Using Cinema 4D\u2019s Merge Objects feature, 2D paths are converted directly into 3D objects. At this stage, we refine structure\u2014adding bevels, rounding, and organizing objects\u2014while defining material directions to ensure visual consistency and scalability.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-media-text is-stacked-on-mobile is-vertically-aligned-center\" style=\"grid-template-columns:35% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"450\" src=\"https:\/\/wings-xiii.com\/wp-content\/uploads\/2023\/09\/003.png\" alt=\"\" class=\"wp-image-3230 size-full\"\/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading ext-my-base ext-p-0 has-ext-xx-large-font-size\" id=\"01\">03<\/h3>\n\n\n\n<h4 class=\"wp-block-heading ext-mt-0 ext-mb-base ext-p-0 has-ext-large-font-size\" id=\"a-small-heading\"><strong>Environment, Scene Setup &amp; Detail Refinement<\/strong><\/h4>\n\n\n\n<p class=\"ext-mt-0 wp-block-paragraph\">Additional objects are added as needed, with lighting, materials, and render settings defined. Output use cases\u2014key visuals, animation, or marketing assets\u2014are considered to ensure optimal results across applications.<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-media-text is-stacked-on-mobile is-vertically-aligned-center\" style=\"grid-template-columns:35% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"450\" src=\"https:\/\/wings-xiii.com\/wp-content\/uploads\/2023\/09\/004.png\" alt=\"\" class=\"wp-image-3231 size-full\"\/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading ext-my-base ext-p-0 has-ext-xx-large-font-size\" id=\"01\">04<\/h3>\n\n\n\n<h4 class=\"wp-block-heading ext-mt-0 ext-mb-base ext-p-0 has-ext-large-font-size\" id=\"a-small-heading\"><strong>Fast Rendering Tests with Octane<\/strong><\/h4>\n\n\n\n<p class=\"ext-mt-0 wp-block-paragraph\">We use Octane Render (OC) for its ultra-fast rendering speed, enabling real-time previews and rapid adjustments. This workflow is ideal for fast-paced commercial projects that require frequent validation\u2014significantly reducing wait times.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/wings-xiii.com\/wp-content\/uploads\/2023\/09\/3D&#x6E32;&#x67D3;-2-1024x663.png\" alt=\"\" class=\"wp-image-3236\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h3 class=\"wp-block-heading ext-my-base ext-p-0 has-ext-xx-large-font-size\" id=\"01\">05<\/h3>\n\n\n\n<h4 class=\"wp-block-heading ext-mt-0 ext-mb-base ext-p-0 has-ext-large-font-size\" id=\"a-small-heading\"><strong>Design Completion &amp; Final Rendering<\/strong><\/h4>\n\n\n\n<p class=\"ext-mt-0 wp-block-paragraph\">Renderers differ in lighting and material systems, so settings are not interchangeable. We select the most suitable rendering solution based on project goals\u2014Octane for speed and quality in e-commerce and marketing visuals, and Redshift for highly realistic results. Every choice is driven by actual needs, not by tools alone.<\/p>\n<\/div>\n<\/div>\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4fc3f8e1 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"468\" src=\"https:\/\/wings-xiii.com\/wp-content\/uploads\/2023\/09\/Dimension.png\" alt=\"\" class=\"wp-image-3242\" style=\"width:70px;height:68px\"\/><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-728072c3\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4fc3f8e1 wp-block-group-is-layout-flex\">\n<h3 class=\"wp-block-heading\"><strong>Dimension: An Efficient 3D Alternative<\/strong><\/h3>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">In specific scenarios, Adobe Dimension can effectively meet 3D visual needs. Originally designed for packaging and product mockups, it quickly composites 2D designs onto real-world packaging (e.g., bottles, bags). As Dimension does not support modeling, assets are prepared in Illustrator or Photoshop and exported as OBJ files for lighting and material setup.<br\/><br\/>Balancing Professional Depth and Efficiency<br\/> Dimension\u2019s strength lies in its intuitive workflow and speed\u2014making results visible quickly. While Cinema 4D offers greater flexibility and depth, it is more complex. We choose the right tool based on project stage and goals, delivering clear, effective, and persuasive visuals in the shortest time possible.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/wings-xiii.com\/wp-content\/uploads\/2023\/09\/&#x5929;&#x5B50;-1024x663.png\" alt=\"\" class=\"wp-image-3243\"\/><\/figure>\n<\/div>\n<\/div>\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Turning ideas into reality. For UI designers, 3D is mainly used for key visuals, icons, and brand identity elements. Cinema 4D&gt;&gt; \u283f Used for key visuals and motion Animation We use 3D to support visuals, animation, and video\u2014offering far greater precision and control over details than AI-generated content. Adobe Dimension &gt;&gt; \u283f 3D Packaging Mockups &amp; Visuals Adobe Dimension is &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"avo-builder.php","meta":{"footnotes":""},"class_list":["post-7367","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wings-xiii.com\/en\/wp-json\/wp\/v2\/pages\/7367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wings-xiii.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wings-xiii.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wings-xiii.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wings-xiii.com\/en\/wp-json\/wp\/v2\/comments?post=7367"}],"version-history":[{"count":0,"href":"https:\/\/wings-xiii.com\/en\/wp-json\/wp\/v2\/pages\/7367\/revisions"}],"wp:attachment":[{"href":"https:\/\/wings-xiii.com\/en\/wp-json\/wp\/v2\/media?parent=7367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}