{"__v":14,"_id":"55b56fb87a0ea40d004c4e68","category":{"__v":1,"_id":"55b57982ef36f32100563fc8","pages":["55b57b32ef36f32100563fcb"],"project":"55b41741c8f1ca1700e5e194","version":"55b41742c8f1ca1700e5e197","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-07-27T00:21:22.499Z","from_sync":false,"order":4,"slug":"tutorials-creating-illustrations-with-publisher3d","title":"Tutorials: Creating Illustrations with Publisher3D"},"project":"55b41741c8f1ca1700e5e194","user":"55a6dc0c112cf20d003a3196","version":{"__v":10,"_id":"55b41742c8f1ca1700e5e197","project":"55b41741c8f1ca1700e5e194","createdAt":"2015-07-25T23:09:54.255Z","releaseDate":"2015-07-25T23:09:54.255Z","categories":["55b41742c8f1ca1700e5e198","55b526b3ef36f32100563f7c","55b5278910db590d00e7f78e","55b527a210db590d00e7f78f","55b527b310db590d00e7f790","55b527d3ef36f32100563f7d","55b5285610db590d00e7f792","55b57982ef36f32100563fc8","588111a7ca3cb60f00018f0d","588111d49e24c01900508c5d"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-07-26T23:39:36.672Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":1,"body":"[block:callout]\n{\n  \"type\": \"warning\",\n  \"title\": \"Suggested Product: Publisher3D\",\n  \"body\": \"Alternatively, this tutorial can be completed using Pages3D Professional after completion of the “Pages3D Primer” tutorial.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Storyboard & Illustration Concepts\"\n}\n[/block]\nAn Illustration is a named 3D view that can be created, edited, and recalled during the use of the Publisher3D software. Also, many publish options will offer methods for recalling illustrations. \n\n- Viewpoint – the viewing position of the 3D scene\n- Render Style – the style that is used to render the 3D scene\n- Explode State – the exploded view and the exploded step\n- Section – The state of the section planes\n- Parts List – An associated parts list\n- Metadata, such as the commonly used “name” and “description”\n\nThe Storyboard is a named collection of illustrations that provides an intuitive method of organizing illustrations. Each Publisher3D project can include multiple storyboards, if needed. A storyboard determines the following:\n\n- Any number of illustrations\n- The order in which the illustrations will be displayed\n-  Optionally, a transition and timing between the illustrations for animations\n\nLet’s display the Storyboard Panel so that as we create illustrations in the next sections, we will see how the storyboard panel is populated.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/ZsYePnRHRYizDGokkVFE_image007.png\",\n        \"image007.png\",\n        \"210\",\n        \"88\",\n        \"#9c5a1b\",\n        \"\"\n      ],\n      \"caption\": \"Storyboard Ribbon Group\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Show the Storyboard\",\n  \"body\": \"- Select the Illustrate Ribbon\\n- From the Storyboard Group, click on “Show”\\n- Observe that the Storyboard Panel is displayed along the bottom of the user interface. You will notice that it does not contain any illustrations.\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/Ys5wnu0TyO3EdAdvJBEw_image009.png\",\n        \"image009.png\",\n        \"800\",\n        \"450\",\n        \"\",\n        \"\"\n      ],\n      \"caption\": \"Storyboard Panel without Illustrations\"\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Create Your First Illustration\"\n}\n[/block]\nWhen using Publisher3D, the goal is to create a set of illustrations for graphical content. These illustrations will be organized using the Storyboard and finally published. Let’s create our first illustration.\n[block:image]\n{\n  \"images\": [\n    {\n      \"caption\": \"Illustrations Ribbon Group\",\n      \"image\": [\n        \"https://files.readme.io/Sy0tfy98TomfuO5P4LyC_image011.png\",\n        \"image011.png\",\n        \"195\",\n        \"114\",\n        \"#2e4966\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Create an Illustration\",\n  \"body\": \"- Select the Illustrate Ribbon\\n- From the Illustrations ribbon group, click on “New” (or click on “New” from the Storyboard panel)\\n- This will display a dialog box allowing you to name this illustration. Name this one, “My First Illustration”.\\n- Uncheck “Edit Markups Now”\\n- Click OK to create the new illustration.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Observe your First Illustration\"\n}\n[/block]\nAs you create new illustrations, they will be saved with your Publisher3D project and you can recall them at any time. Since the Storyboard Panel is displayed, you will notice that your newly created illustration is presented as a thumbnail. If the thumbnail is not yet available, then you will see an exclamation point icon indicating that the thumbnail will be rendered soon.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/3XNrnwUaTC2KR0oR3FMT_image013.png\",\n        \"image013.png\",\n        \"294\",\n        \"168\",\n        \"\",\n        \"\"\n      ],\n      \"caption\": \"Storyboard with one illustration\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Recall an Illustration\",\n  \"body\": \"- Use the mouse to move the 3D viewpoint into an arbitrary position.\\n- Click on the thumbnail of the illustration to recall it. Notice that the main 3D view immediately displays the clicked illustration.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Set Precise Viewpoints\"\n}\n[/block]\nOften when creating technical graphics it is important to use industry standard viewpoints. For example, the Home button automatically centers the view and sets it to an isometric viewpoint. Using the viewpoint panel enables unlimited viewpoint selection.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/2hgQqaAgTUG9gorkvl4s_image015.png\",\n        \"image015.png\",\n        \"186\",\n        \"84\",\n        \"\",\n        \"\"\n      ],\n      \"caption\": \"Viewpoint Ribbon Group (Rotate)\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Display the Viewpoint Panel\",\n  \"body\": \"- Click on the small button **Extended Group Property** located in the bottom right corner of the Viewpoint group to display the Viewpoint Panel.\"\n}\n[/block]\nThe small *Extended Group Property* buttons are located throughout the program and when clicked bring up an advanced panel relevant to the ribbon group that they are associated with.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/QY7yIGIyQRWkaFloqhZD_image017.png\",\n        \"image017.png\",\n        \"20\",\n        \"19\",\n        \"#aca474\",\n        \"\"\n      ],\n      \"caption\": \"Extended Group Property Button\"\n    }\n  ]\n}\n[/block]\nThe viewpoint panel provides an easy way to “dial-in” precise viewpoints.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/N4d3D0zISCigS0TICjmy_image021.png\",\n        \"image021.png\",\n        \"197\",\n        \"472\",\n        \"#69a1d1\",\n        \"\"\n      ],\n      \"caption\": \"Viewpoint Panel\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Explore Standard Viewpoints\",\n  \"body\": \"- Observe the effect on the 3D view when you click on the buttons in the “Standard Views” panel group. (These views are also conveniently available as a pulldown on the Viewpoint Group on most Ribbons.)\\n- From the “Axonometric Views” group, click through the 8 buttons. Notice that each button represents a position, such as top-front-right or bottom-front-left and that as these are clicked the “Isometric 30” Axonometric view is applied.\\n- Now, from the pulldown in the “Axonometric Views” group, select “Trimetric 15-50-35”. Notice that the last position is maintained but the new axonometric view is applied.\\n- Click through the 8 buttons and observe.\"\n}\n[/block]\nThe “Custom Views” group lets you dial in an exact viewpoint. To use this you will select an initial starting position from front, left, right or back and then modify the offset and tilt of the camera to get a desired viewpoint.\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Explore Custom Viewpoints\",\n  \"body\": \"- From the “Custom Views” group, click on the Front button. If you are unsure what the icons indicate you can mouse over to get a tip. Your model will orient to the Front view.\\n- For the Offset, type in “30.0”\\n- For the Tilt, type in “45.0”\\n- Observe that the model is now oriented 30 degrees to the left of the front position and 45 degrees above\\n- Now, change the Tilt to “-45.0” (note the negative sign). This will set the viewing position below the model.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Select and Hide Parts and Assemblies with the Mouse\"\n}\n[/block]\nIt is often necessary to select parts. Sometimes part selection is simply used to highlight a specific part visually. Other times, features included with the software require part selection.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/M8tRtL67RFiUqGSSASzd_image023.png\",\n        \"image023.png\",\n        \"240\",\n        \"145\",\n        \"#6e404b\",\n        \"\"\n      ],\n      \"caption\": \"Viewpoint Ribbon Group (Select Parts)\"\n    }\n  ]\n}\n[/block]\nThe Viewpoint group included on most ribbons includes a number of mouse modes for part or assembly select and hide functions.\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Selecting Parts with the Mouse\",\n  \"body\": \"- Click on “Select Parts” in the Viewpoint group\\n- Hold your mouse over the 3D view and observe the cursor that indicates part selection. The solid cursor arrow indicates selection.\\n- Left click on a part.\\n- Observe that the part changes color to indicate that it has been selected.\\n- Click on another part.\\n- Observe that the first part your selected was deselected and the recently selected part is now the only selected part.\\n- Now, click on one of the screws near the ST logo. This will select it.\\n- Hold down CTRL and then click on the other screw. Notice that when you held down CTRL, the clicked part is added to the selection set and the already selected parts remain selected.\\n- Left click on the background of the 3D view. Make sure that you do not click on any part of the model. This will clear the selection set.\\n- Observe that the screws were deselected and the selection set is now empty.\"\n}\n[/block]\nAnother useful selection mouse mode is “Select Assembly”. In this example there is only one subassembly which is the spindle.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/qjDOn71TG2TmQxkHAe1b_image025.png\",\n        \"image025.png\",\n        \"600\",\n        \"278\",\n        \"#b5cf25\",\n        \"\"\n      ],\n      \"caption\": \"Subassembly Selection\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Selecting Assemblies with the Mouse\",\n  \"body\": \"- Click on the pulldown arrow next to “Select Parts” and choose “Select Assembly”.\\n- Observe the mouse cursor for selection now includes a small assembly indicator.\\n- Left click the part of the model that extends away from the C-Frame.\\n- Observe that the entire spindle assembly is selected.\\n- Now, click on the background in the 3D view where there are no parts to deselect all.\"\n}\n[/block]\nYou can also hide parts and assemblies in the same way.\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Hiding Parts\",\n  \"body\": \"- Click on the pulldown next to “Select Assemblies” and choose “Hide Parts”.\\n- Observe the mouse cursor for hiding parts. The white cursor arrow indicates hide.\\n- Left click on various parts to hide them.\\n- Now, right click the 3D view and choose “Show All” from the popup menu.\\n- Observe that the parts that were hidden are now visible again.\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/W5hPInCPRmm7IQgz8cgF_image027.png\",\n        \"image027.png\",\n        \"397\",\n        \"378\",\n        \"\",\n        \"\"\n      ],\n      \"caption\": \"Right-click Menu (Show All)\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"warning\",\n  \"title\": \"CTRL and SHIFT\",\n  \"body\": \"Holding down CTRL and left clicking a part will add the clicked part to the selection set. Holding down SHIFT and left clicking a part will hide it.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Using the Model Tree to Select and Hide Parts\"\n}\n[/block]\nMany 3D CAD models are organized into subassemblies and individual parts. To work with this assembly tree you will use the Model Panel.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/BwcKMmHWQteRU78XHfu2_image029.png\",\n        \"image029.png\",\n        \"108\",\n        \"111\",\n        \"\",\n        \"\"\n      ],\n      \"caption\": \"Model Ribbon Group\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Displaying the Model Panel\",\n  \"body\": \"- Select the Model Ribbon\\n- From the Model ribbon group, click on “Model Panel” to display the Model Panel.\\n- When the panel is first displayed, you may need to click the plus sign next to the CAD model name to open up the assembly tree and view the parts and subassembly.\\n- Click on on the plus sign next to the “SpindleSubss” to display the parts in that subassembly.\"\n}\n[/block]\nThe Model Panel presents a hierarchical view of the imported 3D model. This should match the organization from the 3D CAD tool that created the model.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/xjxwlqXqQtqFJLgqr1D2_image031.png\",\n        \"image031.png\",\n        \"300\",\n        \"320\",\n        \"#409af7\",\n        \"\"\n      ],\n      \"caption\": \"Model Panel\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Selecting Parts with the Model Panel\",\n  \"body\": \"- In the Assembly Tree, left click on the item labeled “Frame3”.\\n- Observe that this selects that part in the 3D view and places a check next to the part in the assembly tree indicating selection.\\n- Now, hold down SHIFT and click on the part labeled “Name Plate”.\\n- Notice that this allows multiple selections and now the top three parts here are selected.\\n- Next, hold down CTRL and click the part labeled “Spindless” inside the subassembly.\\n- Note that this adds the newly selected part to the selection set.\\n- Click on the top element of the tree to deselect all.\"\n}\n[/block]\nThe assembly tree can also be used to hide parts and subassemblies.\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Hiding Parts with the Model Panel\",\n  \"body\": \"- Click on the checkbox next the “SpindleSubss” item.\\n- Notice that when the check box is not checked, then the subassembly is not visible in the 3D view.\\n- Click the checkbox again to enable the check and unhide the subassembly.\"\n}\n[/block]\nYou can also select parts and subassemblies and then right click the tree to gain access to other options through a right click menu. Isolate is a powerful option here that will hide all of the parts and isolate the selected parts. There are other advanced option to that help maintain large sets of illustrations over time.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Adjust the Render Style\"\n}\n[/block]\nRender Styles are used to select and even customize the way the 3D scene is rendered. When a render style is selected, it is applied to the entire view. Since illustrations record the render style, each illustration can have it’s own render style applied to it.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/1icgwW4dQjCoBAkKhVyW_image033.png\",\n        \"image033.png\",\n        \"240\",\n        \"330\",\n        \"\",\n        \"\"\n      ],\n      \"caption\": \"Render Style Ribbon Group (Draw Style Selection)\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Using Preset Render Styles\",\n  \"body\": \"- Select the 3D View Ribbon\\n- From the Render Style pulldown, select “Shaded with Edges”\\n- Observe that the view of the 3D now displays edges.\"\n}\n[/block]\nYou can also modify specific render styles attributes. The most common options are easily available form the Render Style ribbon group.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/BTsnpWpRvaoVBz8Qycyw_image035.png\",\n        \"image035.png\",\n        \"258\",\n        \"188\",\n        \"\",\n        \"\"\n      ],\n      \"caption\": \"Render Style Ribbon Group (Background Color Selection)\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Customizing the Render Style\",\n  \"body\": \"- Click on the “Background” pulldown and select a white background color.\\n- Now, select an object in the 3D view. You can use any of the tools you learned previously, or CTRL-left click the C-shaped frame part. (If you have other parts selected, you can right click the 3D view and choose “Deselect All”)\\n- Then, click on the “Highlight” pulldown and select the top shade of red.\\n- The Highlight color applies to the selected objects in the 3D view. Make a note that if you do not have a current selection, then the change will occur, but will not be immediately visible.\"\n}\n[/block]\nYour 3D view should now look like this:\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/WGdrkEc2Q8yJrY1GvvMk_image037.png\",\n        \"image037.png\",\n        \"722\",\n        \"468\",\n        \"#972604\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Create a Sectioned View\"\n}\n[/block]\nThe sectioning tools allow you to create versatile sectioned views of your 3D model.\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Sectioned View Setup\",\n  \"body\": \"- Select the 3D View Ribbon\\n- Click on the “Edit Section” to enable the sectioning mode\\n- Notice that when the “Edit Section” is pressed, the 3D view will display the section plane for editing, and the Properties Panel is displayed with the relevant properties. Also, you will notice a large “Done” button in the top-right area of the 3D view. This button indicates that you are in an alternate mode of the program.\\n- Click on “Enable Section View”.\\n- This will activate the section plane and display a visual guide in the 3D view. Notice that the 3D model is not sectioned at this point.  We need to adjust the section planes.\\n- It is generally easiest to work with sectioning from a standard view such as Front, Right, Bottom, etc. This allows you to easily see the section planes.\\n- From the Viewpoint Group, select “Front”.\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/ZTaWuXShG7DqZ6HoUAaA_image039.png\",\n        \"image039.png\",\n        \"194\",\n        \"176\",\n        \"\",\n        \"\"\n      ],\n      \"caption\": \"Viewpoint Ribbon Group (Selecting Front)\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"body\": \"- Now, from the Properties Panel, click on “XY” to pick the section plane orientation.\\n- At this point, you should see a solid red line and a solid blue line indicating the section planes. You may nee to zoom out just a little to see these lines.\\n- We are not ready to adjust the plane. Use the red slide to adjust the plane so that it is positioned through the top half of the C-shaped Frame. Like this:\",\n  \"title\": \"Section View - Adjusting the Plane\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/ZNPaWVVgS0q7WjnMTCzf_image041.png\",\n        \"image041.png\",\n        \"1348\",\n        \"482\",\n        \"\",\n        \"\"\n      ],\n      \"caption\": \"Adjusting the Section Plane\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"body\": \"- Now, use the Viewpoint group to select the rotate tool and rotate the model so that you can see the sectioned model in 3D. Since the sectioning tools are still active, the planes will also be visible.\\n- Click on the “Done” button in the top-right to exit section editing. This will hide the properties and the section plane indicators. The section plane will still display the sectioned model.\",\n  \"title\": \"Section View - Viewing the Results\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"caption\": \"Viewing the Section Plane\",\n      \"image\": [\n        \"https://files.readme.io/xPtk1v5CTAed0O4VkNwt_image043.png\",\n        \"image043.png\",\n        \"536\",\n        \"408\",\n        \"#a52904\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nIt is also easy to create a view that sections only specific parts. In our example, it would be nice to section only the C-shaped frame. The section plane can be set to section only the selected parts or only the unselected parts. In this example\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"Apply the Section to only the Selected Parts\",\n  \"body\": \"- Make sure that the C-shaped frame is selected. If not, hold down CTRL  and click on the frame.\\n- Click on the “Edit Section Plane” button to enter section-editing mode once again.\\n- Observe that the sectioning tools and properties are again displayed.\\n- Now, in the Properties Panel, check “Selected Objects\\\"\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/VkVEOJaTSxC0Q1JLyvSJ_image045.png\",\n        \"image045.png\",\n        \"270\",\n        \"274\",\n        \"\",\n        \"\"\n      ],\n      \"caption\": \"Section Selected Objects Only\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"success\",\n  \"body\": \"- Observe that the 3D view is updated and now only the selected parts are sectioned.\\n- Click on “Done” to exit section-editing mode.\",\n  \"title\": \"Observing a Partial Section\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/AXYv3CjtQrShcX0FP3Ev_image047.png\",\n        \"image047.png\",\n        \"528\",\n        \"398\",\n        \"\",\n        \"\"\n      ],\n      \"caption\": \"Viewing a Partial Section\"\n    }\n  ]\n}\n[/block]","excerpt":"Learn about Storyboards, Illustrations, Render Styles, Sections and more.","slug":"the-first-illustration","type":"basic","title":"Your First 3D Illustration"}

Your First 3D Illustration

Learn about Storyboards, Illustrations, Render Styles, Sections and more.

[block:callout] { "type": "warning", "title": "Suggested Product: Publisher3D", "body": "Alternatively, this tutorial can be completed using Pages3D Professional after completion of the “Pages3D Primer” tutorial." } [/block] [block:api-header] { "type": "basic", "title": "Storyboard & Illustration Concepts" } [/block] An Illustration is a named 3D view that can be created, edited, and recalled during the use of the Publisher3D software. Also, many publish options will offer methods for recalling illustrations. - Viewpoint – the viewing position of the 3D scene - Render Style – the style that is used to render the 3D scene - Explode State – the exploded view and the exploded step - Section – The state of the section planes - Parts List – An associated parts list - Metadata, such as the commonly used “name” and “description” The Storyboard is a named collection of illustrations that provides an intuitive method of organizing illustrations. Each Publisher3D project can include multiple storyboards, if needed. A storyboard determines the following: - Any number of illustrations - The order in which the illustrations will be displayed - Optionally, a transition and timing between the illustrations for animations Let’s display the Storyboard Panel so that as we create illustrations in the next sections, we will see how the storyboard panel is populated. [block:image] { "images": [ { "image": [ "https://files.readme.io/ZsYePnRHRYizDGokkVFE_image007.png", "image007.png", "210", "88", "#9c5a1b", "" ], "caption": "Storyboard Ribbon Group" } ] } [/block] [block:callout] { "type": "success", "title": "Show the Storyboard", "body": "- Select the Illustrate Ribbon\n- From the Storyboard Group, click on “Show”\n- Observe that the Storyboard Panel is displayed along the bottom of the user interface. You will notice that it does not contain any illustrations." } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/Ys5wnu0TyO3EdAdvJBEw_image009.png", "image009.png", "800", "450", "", "" ], "caption": "Storyboard Panel without Illustrations" } ] } [/block] [block:api-header] { "type": "basic", "title": "Create Your First Illustration" } [/block] When using Publisher3D, the goal is to create a set of illustrations for graphical content. These illustrations will be organized using the Storyboard and finally published. Let’s create our first illustration. [block:image] { "images": [ { "caption": "Illustrations Ribbon Group", "image": [ "https://files.readme.io/Sy0tfy98TomfuO5P4LyC_image011.png", "image011.png", "195", "114", "#2e4966", "" ] } ] } [/block] [block:callout] { "type": "success", "title": "Create an Illustration", "body": "- Select the Illustrate Ribbon\n- From the Illustrations ribbon group, click on “New” (or click on “New” from the Storyboard panel)\n- This will display a dialog box allowing you to name this illustration. Name this one, “My First Illustration”.\n- Uncheck “Edit Markups Now”\n- Click OK to create the new illustration." } [/block] [block:api-header] { "type": "basic", "title": "Observe your First Illustration" } [/block] As you create new illustrations, they will be saved with your Publisher3D project and you can recall them at any time. Since the Storyboard Panel is displayed, you will notice that your newly created illustration is presented as a thumbnail. If the thumbnail is not yet available, then you will see an exclamation point icon indicating that the thumbnail will be rendered soon. [block:image] { "images": [ { "image": [ "https://files.readme.io/3XNrnwUaTC2KR0oR3FMT_image013.png", "image013.png", "294", "168", "", "" ], "caption": "Storyboard with one illustration" } ] } [/block] [block:callout] { "type": "success", "title": "Recall an Illustration", "body": "- Use the mouse to move the 3D viewpoint into an arbitrary position.\n- Click on the thumbnail of the illustration to recall it. Notice that the main 3D view immediately displays the clicked illustration." } [/block] [block:api-header] { "type": "basic", "title": "Set Precise Viewpoints" } [/block] Often when creating technical graphics it is important to use industry standard viewpoints. For example, the Home button automatically centers the view and sets it to an isometric viewpoint. Using the viewpoint panel enables unlimited viewpoint selection. [block:image] { "images": [ { "image": [ "https://files.readme.io/2hgQqaAgTUG9gorkvl4s_image015.png", "image015.png", "186", "84", "", "" ], "caption": "Viewpoint Ribbon Group (Rotate)" } ] } [/block] [block:callout] { "type": "success", "title": "Display the Viewpoint Panel", "body": "- Click on the small button **Extended Group Property** located in the bottom right corner of the Viewpoint group to display the Viewpoint Panel." } [/block] The small *Extended Group Property* buttons are located throughout the program and when clicked bring up an advanced panel relevant to the ribbon group that they are associated with. [block:image] { "images": [ { "image": [ "https://files.readme.io/QY7yIGIyQRWkaFloqhZD_image017.png", "image017.png", "20", "19", "#aca474", "" ], "caption": "Extended Group Property Button" } ] } [/block] The viewpoint panel provides an easy way to “dial-in” precise viewpoints. [block:image] { "images": [ { "image": [ "https://files.readme.io/N4d3D0zISCigS0TICjmy_image021.png", "image021.png", "197", "472", "#69a1d1", "" ], "caption": "Viewpoint Panel" } ] } [/block] [block:callout] { "type": "success", "title": "Explore Standard Viewpoints", "body": "- Observe the effect on the 3D view when you click on the buttons in the “Standard Views” panel group. (These views are also conveniently available as a pulldown on the Viewpoint Group on most Ribbons.)\n- From the “Axonometric Views” group, click through the 8 buttons. Notice that each button represents a position, such as top-front-right or bottom-front-left and that as these are clicked the “Isometric 30” Axonometric view is applied.\n- Now, from the pulldown in the “Axonometric Views” group, select “Trimetric 15-50-35”. Notice that the last position is maintained but the new axonometric view is applied.\n- Click through the 8 buttons and observe." } [/block] The “Custom Views” group lets you dial in an exact viewpoint. To use this you will select an initial starting position from front, left, right or back and then modify the offset and tilt of the camera to get a desired viewpoint. [block:callout] { "type": "success", "title": "Explore Custom Viewpoints", "body": "- From the “Custom Views” group, click on the Front button. If you are unsure what the icons indicate you can mouse over to get a tip. Your model will orient to the Front view.\n- For the Offset, type in “30.0”\n- For the Tilt, type in “45.0”\n- Observe that the model is now oriented 30 degrees to the left of the front position and 45 degrees above\n- Now, change the Tilt to “-45.0” (note the negative sign). This will set the viewing position below the model." } [/block] [block:api-header] { "type": "basic", "title": "Select and Hide Parts and Assemblies with the Mouse" } [/block] It is often necessary to select parts. Sometimes part selection is simply used to highlight a specific part visually. Other times, features included with the software require part selection. [block:image] { "images": [ { "image": [ "https://files.readme.io/M8tRtL67RFiUqGSSASzd_image023.png", "image023.png", "240", "145", "#6e404b", "" ], "caption": "Viewpoint Ribbon Group (Select Parts)" } ] } [/block] The Viewpoint group included on most ribbons includes a number of mouse modes for part or assembly select and hide functions. [block:callout] { "type": "success", "title": "Selecting Parts with the Mouse", "body": "- Click on “Select Parts” in the Viewpoint group\n- Hold your mouse over the 3D view and observe the cursor that indicates part selection. The solid cursor arrow indicates selection.\n- Left click on a part.\n- Observe that the part changes color to indicate that it has been selected.\n- Click on another part.\n- Observe that the first part your selected was deselected and the recently selected part is now the only selected part.\n- Now, click on one of the screws near the ST logo. This will select it.\n- Hold down CTRL and then click on the other screw. Notice that when you held down CTRL, the clicked part is added to the selection set and the already selected parts remain selected.\n- Left click on the background of the 3D view. Make sure that you do not click on any part of the model. This will clear the selection set.\n- Observe that the screws were deselected and the selection set is now empty." } [/block] Another useful selection mouse mode is “Select Assembly”. In this example there is only one subassembly which is the spindle. [block:image] { "images": [ { "image": [ "https://files.readme.io/qjDOn71TG2TmQxkHAe1b_image025.png", "image025.png", "600", "278", "#b5cf25", "" ], "caption": "Subassembly Selection" } ] } [/block] [block:callout] { "type": "success", "title": "Selecting Assemblies with the Mouse", "body": "- Click on the pulldown arrow next to “Select Parts” and choose “Select Assembly”.\n- Observe the mouse cursor for selection now includes a small assembly indicator.\n- Left click the part of the model that extends away from the C-Frame.\n- Observe that the entire spindle assembly is selected.\n- Now, click on the background in the 3D view where there are no parts to deselect all." } [/block] You can also hide parts and assemblies in the same way. [block:callout] { "type": "success", "title": "Hiding Parts", "body": "- Click on the pulldown next to “Select Assemblies” and choose “Hide Parts”.\n- Observe the mouse cursor for hiding parts. The white cursor arrow indicates hide.\n- Left click on various parts to hide them.\n- Now, right click the 3D view and choose “Show All” from the popup menu.\n- Observe that the parts that were hidden are now visible again." } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/W5hPInCPRmm7IQgz8cgF_image027.png", "image027.png", "397", "378", "", "" ], "caption": "Right-click Menu (Show All)" } ] } [/block] [block:callout] { "type": "warning", "title": "CTRL and SHIFT", "body": "Holding down CTRL and left clicking a part will add the clicked part to the selection set. Holding down SHIFT and left clicking a part will hide it." } [/block] [block:api-header] { "type": "basic", "title": "Using the Model Tree to Select and Hide Parts" } [/block] Many 3D CAD models are organized into subassemblies and individual parts. To work with this assembly tree you will use the Model Panel. [block:image] { "images": [ { "image": [ "https://files.readme.io/BwcKMmHWQteRU78XHfu2_image029.png", "image029.png", "108", "111", "", "" ], "caption": "Model Ribbon Group" } ] } [/block] [block:callout] { "type": "success", "title": "Displaying the Model Panel", "body": "- Select the Model Ribbon\n- From the Model ribbon group, click on “Model Panel” to display the Model Panel.\n- When the panel is first displayed, you may need to click the plus sign next to the CAD model name to open up the assembly tree and view the parts and subassembly.\n- Click on on the plus sign next to the “SpindleSubss” to display the parts in that subassembly." } [/block] The Model Panel presents a hierarchical view of the imported 3D model. This should match the organization from the 3D CAD tool that created the model. [block:image] { "images": [ { "image": [ "https://files.readme.io/xjxwlqXqQtqFJLgqr1D2_image031.png", "image031.png", "300", "320", "#409af7", "" ], "caption": "Model Panel" } ] } [/block] [block:callout] { "type": "success", "title": "Selecting Parts with the Model Panel", "body": "- In the Assembly Tree, left click on the item labeled “Frame3”.\n- Observe that this selects that part in the 3D view and places a check next to the part in the assembly tree indicating selection.\n- Now, hold down SHIFT and click on the part labeled “Name Plate”.\n- Notice that this allows multiple selections and now the top three parts here are selected.\n- Next, hold down CTRL and click the part labeled “Spindless” inside the subassembly.\n- Note that this adds the newly selected part to the selection set.\n- Click on the top element of the tree to deselect all." } [/block] The assembly tree can also be used to hide parts and subassemblies. [block:callout] { "type": "success", "title": "Hiding Parts with the Model Panel", "body": "- Click on the checkbox next the “SpindleSubss” item.\n- Notice that when the check box is not checked, then the subassembly is not visible in the 3D view.\n- Click the checkbox again to enable the check and unhide the subassembly." } [/block] You can also select parts and subassemblies and then right click the tree to gain access to other options through a right click menu. Isolate is a powerful option here that will hide all of the parts and isolate the selected parts. There are other advanced option to that help maintain large sets of illustrations over time. [block:api-header] { "type": "basic", "title": "Adjust the Render Style" } [/block] Render Styles are used to select and even customize the way the 3D scene is rendered. When a render style is selected, it is applied to the entire view. Since illustrations record the render style, each illustration can have it’s own render style applied to it. [block:image] { "images": [ { "image": [ "https://files.readme.io/1icgwW4dQjCoBAkKhVyW_image033.png", "image033.png", "240", "330", "", "" ], "caption": "Render Style Ribbon Group (Draw Style Selection)" } ] } [/block] [block:callout] { "type": "success", "title": "Using Preset Render Styles", "body": "- Select the 3D View Ribbon\n- From the Render Style pulldown, select “Shaded with Edges”\n- Observe that the view of the 3D now displays edges." } [/block] You can also modify specific render styles attributes. The most common options are easily available form the Render Style ribbon group. [block:image] { "images": [ { "image": [ "https://files.readme.io/BTsnpWpRvaoVBz8Qycyw_image035.png", "image035.png", "258", "188", "", "" ], "caption": "Render Style Ribbon Group (Background Color Selection)" } ] } [/block] [block:callout] { "type": "success", "title": "Customizing the Render Style", "body": "- Click on the “Background” pulldown and select a white background color.\n- Now, select an object in the 3D view. You can use any of the tools you learned previously, or CTRL-left click the C-shaped frame part. (If you have other parts selected, you can right click the 3D view and choose “Deselect All”)\n- Then, click on the “Highlight” pulldown and select the top shade of red.\n- The Highlight color applies to the selected objects in the 3D view. Make a note that if you do not have a current selection, then the change will occur, but will not be immediately visible." } [/block] Your 3D view should now look like this: [block:image] { "images": [ { "image": [ "https://files.readme.io/WGdrkEc2Q8yJrY1GvvMk_image037.png", "image037.png", "722", "468", "#972604", "" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "Create a Sectioned View" } [/block] The sectioning tools allow you to create versatile sectioned views of your 3D model. [block:callout] { "type": "success", "title": "Sectioned View Setup", "body": "- Select the 3D View Ribbon\n- Click on the “Edit Section” to enable the sectioning mode\n- Notice that when the “Edit Section” is pressed, the 3D view will display the section plane for editing, and the Properties Panel is displayed with the relevant properties. Also, you will notice a large “Done” button in the top-right area of the 3D view. This button indicates that you are in an alternate mode of the program.\n- Click on “Enable Section View”.\n- This will activate the section plane and display a visual guide in the 3D view. Notice that the 3D model is not sectioned at this point. We need to adjust the section planes.\n- It is generally easiest to work with sectioning from a standard view such as Front, Right, Bottom, etc. This allows you to easily see the section planes.\n- From the Viewpoint Group, select “Front”." } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/ZTaWuXShG7DqZ6HoUAaA_image039.png", "image039.png", "194", "176", "", "" ], "caption": "Viewpoint Ribbon Group (Selecting Front)" } ] } [/block] [block:callout] { "type": "success", "body": "- Now, from the Properties Panel, click on “XY” to pick the section plane orientation.\n- At this point, you should see a solid red line and a solid blue line indicating the section planes. You may nee to zoom out just a little to see these lines.\n- We are not ready to adjust the plane. Use the red slide to adjust the plane so that it is positioned through the top half of the C-shaped Frame. Like this:", "title": "Section View - Adjusting the Plane" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/ZNPaWVVgS0q7WjnMTCzf_image041.png", "image041.png", "1348", "482", "", "" ], "caption": "Adjusting the Section Plane" } ] } [/block] [block:callout] { "type": "success", "body": "- Now, use the Viewpoint group to select the rotate tool and rotate the model so that you can see the sectioned model in 3D. Since the sectioning tools are still active, the planes will also be visible.\n- Click on the “Done” button in the top-right to exit section editing. This will hide the properties and the section plane indicators. The section plane will still display the sectioned model.", "title": "Section View - Viewing the Results" } [/block] [block:image] { "images": [ { "caption": "Viewing the Section Plane", "image": [ "https://files.readme.io/xPtk1v5CTAed0O4VkNwt_image043.png", "image043.png", "536", "408", "#a52904", "" ] } ] } [/block] It is also easy to create a view that sections only specific parts. In our example, it would be nice to section only the C-shaped frame. The section plane can be set to section only the selected parts or only the unselected parts. In this example [block:callout] { "type": "success", "title": "Apply the Section to only the Selected Parts", "body": "- Make sure that the C-shaped frame is selected. If not, hold down CTRL and click on the frame.\n- Click on the “Edit Section Plane” button to enter section-editing mode once again.\n- Observe that the sectioning tools and properties are again displayed.\n- Now, in the Properties Panel, check “Selected Objects\"" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/VkVEOJaTSxC0Q1JLyvSJ_image045.png", "image045.png", "270", "274", "", "" ], "caption": "Section Selected Objects Only" } ] } [/block] [block:callout] { "type": "success", "body": "- Observe that the 3D view is updated and now only the selected parts are sectioned.\n- Click on “Done” to exit section-editing mode.", "title": "Observing a Partial Section" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/AXYv3CjtQrShcX0FP3Ev_image047.png", "image047.png", "528", "398", "", "" ], "caption": "Viewing a Partial Section" } ] } [/block]