> ## Documentation Index
> Fetch the complete documentation index at: https://pitchprint.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 3D Business card

> Build a two page design, prepare a 1024x1024 texture file and map it to a business card mesh so customers see both sides in 3D.

PitchPrint 3D View allows you to view a model from a front and back perspective. In order to do this a two page design template design needs to be created and assigned to a 3D model. Page 1 will be the front of the business card and page 2 will be the back of the business card.

### Creating a two page design in PitchPrint

<Steps>
  <Step title="Open the Designs page">
    Navigate to [Designs](https://admin.pitchprint.com/designs) in the PitchPrint admin.
  </Step>

  <Step title="Create a two page design">
    Select the new design button and create a design that consists of two pages.
  </Step>
</Steps>

<Frame>
  <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/62a079ec02b8fd3b945fb4a6/file-Wk0nbtlQ0Q.png" alt="Page 1 of the two page design, used as the front of the business card" />
</Frame>

Page 1 will be the front of the business card.

<Frame>
  <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/62a07a4957320007925228e2/file-gWLfeMtEs7.png" alt="Page 2 of the two page design, used as the back of the business card" />
</Frame>

Page 2 will be the back of the business card. Select the Preview button on the top right and submit the design.

### Creating a texture image for a business card

<Steps>
  <Step title="Create a 1024x1024 canvas">
    Create a canvas of 1024x1024 in any design software such as Adobe Illustrator, Photoshop etc.

    <Frame>
      <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/5dd254732c7d3a7e9ae4100f/file-aG9VpHINZu.png" alt="A 1024x1024 canvas split into equal top and bottom halves for the front and back artwork" />
    </Frame>
  </Step>

  <Step title="Divide the canvas in two">
    The canvas needs to be divided into two sections, a top and bottom section.
  </Step>

  <Step title="Add two equal blocks">
    Create two rectangular blocks of equal size.
  </Step>

  <Step title="Plan the front and back placement">
    The front of the business card design will be placed on the top half of the canvas and the back of the business card will be placed on the bottom half of the canvas.
  </Step>

  <Step title="Place your artwork">
    Open the artwork you want to apply to the 3D model in a design program and place the front of the business card design on the top half of the canvas and the back of the business card design at the bottom of the canvas.
  </Step>

  <Step title="Save the file as a PNG">
    Save the file as a PNG.
  </Step>

  <Step title="Use the file as the model texture">
    This texture file will replace the default image when selecting the change texture file button.
  </Step>
</Steps>

### UV Mapping the 3D model

<Frame>
  <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/5dd7bfea2c7d3a7e9ae44adc/file-wuYyh7bbHL.png" alt="UV map of the 3D model laid out to match the texture file" />
</Frame>

The UV Mapping of the model should be identical to the texture file created in the above step.

**Uploading your Mesh**

Navigate to the  [3D studio](https://admin.pitchprint.io/three)  and select the upload your mesh button. Select the obj file of your choice.

<Frame>
  <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/62a0755d02b8fd3b945fb485/file-cf5nlO25gM.png" alt="Upload your mesh button in the PitchPrint 3D studio" />
</Frame>

Once the mesh is uploaded select the change texture file button and replace the default image with the texture file of 1024x1024.

<Frame>
  <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/62a0752992cb8c175b46ad57/file-fLZ3o0Rpax.png" alt="Change texture file button used to replace the default model image" />
</Frame>

Once the texture file is uploaded it will display as below. Click save ![Save button in the 3D studio](https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/62a07c0d92cb8c175b46ad86/file-ACFVvQcnRr.png)

### Assigning a design to the model

Navigate to [Designs](https://admin.pitchprint.com/designs) in the PitchPrint admin and hover over the 2 page design you created for the business card and select the configuration button.

<Frame>
  <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/62a07db8e1d2cf0eac00ef81/file-indfWvnmc4.png" alt="Configuration button shown when hovering over a design in the PitchPrint admin" />
</Frame>

Select 3D view and select the model you want to assign the design to and save.

<Frame>
  <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/62a07e2e02b8fd3b945fb4d9/file-mgMWiHwFbq.png" alt="3D view setting with a model selected for the design" />
</Frame>

### **Configuring the model**

Navigate to [3D studio](https://admin.pitchprint.io/three) and click on the uploaded model and select the edit button.

<Frame>
  <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/62a07db8e1d2cf0eac00ef81/file-indfWvnmc4.png" alt="Edit button shown when hovering over the uploaded model in 3D studio" />
</Frame>

Once the editor is displayed select the show configuration button.

<Frame>
  <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/62a0777657320007925228d6/file-fGjC4pFCWc.png" alt="Show configuration button in the 3D model editor" />
</Frame>

The below image will be displayed once selecting the button. This helps to set the artwork boundary areas of the design.

<Frame>
  <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/5dd2599d04286364bc91daec/file-MStozT84vp.png" alt="Configuration panel used to set the artwork boundary areas on the model" />
</Frame>

In the Search designs tab. Copy the name of the 2 page design you assigned to the model and press enter.

<Frame>
  <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/5dd25a1504286364bc91daef/file-o2NAExGJwd.png" alt="Search designs tab with the two page design name entered" />
</Frame>

Once you press enter the design name will show by the selection box. Select the design of your choice and select page 1 and set the boundary boxes to the top half of the texture file.

<Frame>
  <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/62a0814002b8fd3b945fb502/file-CF4eCK5hB1.png" alt="Boundary boxes for page 1 set over the top half of the texture file" />
</Frame>

Select Page 2 and set the boundary boxes to the bottom half of the texture file.

<Frame>
  <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/62a0825ba2c316231c203e55/file-NteZ02SF2H.png" alt="Boundary boxes for page 2 set over the bottom half of the texture file" />
</Frame>

Select the hide configuration button and you will be able to see how the texture file displays on the front and back of the model. Auto rotate allows you to see the model from various perspectives. Click save on completion.

<Frame>
  <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/5dd2595e04286364bc91daea/file-8cc94snVJ4.png" alt="3D preview of the business card model with the texture applied to front and back" />
</Frame>

## Related articles

<CardGroup cols={2}>
  <Card title="3D View Introduction" href="/docs/documentation/3d-view-introduction">
    Overview of PitchPrint 3D View, uploading a mesh and assigning designs to a model.
  </Card>

  <Card title="3D Studio" href="/docs/documentation/3d-studio">
    Learn what 3D Studio is and which model file types you can upload.
  </Card>

  <Card title="3D Views" href="/docs/documentation/3d-views">
    End-to-end tutorial on creating a 3D model and assigning it to a design.
  </Card>

  <Card title="3D UV Mapping" href="/docs/tutorial/3d-uv-mapping">
    How to UV map a model so your design displays correctly on its surface.
  </Card>
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.