{"id":104502,"date":"2019-11-27T08:00:14","date_gmt":"2019-11-27T08:00:14","guid":{"rendered":"https:\/\/www.sickgaming.net\/blog\/2019\/11\/27\/how-to-create-a-computer-screen-in-cinema-4d-part-2\/"},"modified":"2019-11-27T08:00:14","modified_gmt":"2019-11-27T08:00:14","slug":"how-to-create-a-computer-screen-in-cinema-4d-part-2","status":"publish","type":"post","link":"https:\/\/sickgaming.net\/blog\/2019\/11\/27\/how-to-create-a-computer-screen-in-cinema-4d-part-2\/","title":{"rendered":"How to Create a Computer Screen in Cinema 4D: Part 2"},"content":{"rendered":"<figure class=\"final-product final-product--image\"><img decoding=\"async\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/final_image\/iMac_850x588.jpg\" alt=\"Final product image\" \/><!--googleoff: index--><figcaption>What You&#8217;ll Be Creating<\/figcaption><!--googleon: index--><\/figure>\n<p>Follow this tutorial step-by-step to create a 3D Computer Screen model to use in video games, graphic design and illustration projects whilst learning&nbsp;<strong>Cinema 4D<\/strong>&nbsp;quickly.&nbsp;<\/p>\n<p>Some of the skills you&#8217;ll learn in this tutorial include creating basic 3D modelling, importing reference images, adding lighting to the scene and basic rendering techniques.<\/p>\n<p>In the first part of the two-part tutorial, I showed you how&nbsp;to:<\/p>\n<ul>\n<li>How to Import Reference Images<\/li>\n<li>How to Prepare for Modelling<\/li>\n<li>How to Model the Computer Screen<\/li>\n<\/ul>\n<p>In this, the second part of the the tutorial series, I&#8217;ll show you how to:<\/p>\n<ul>\n<li>How to Create Colored Materials<\/li>\n<li>How to Add Lighting to the Scene<\/li>\n<li>How to Render the Computer Monitor<\/li>\n<\/ul>\n<h2><span class=\"sectionnum\">9.<\/span> How to Convert State to Object<\/h2>\n<h3>Step 1<\/h3>\n<p>Select all the objects associated with the&nbsp;<strong>Boole&nbsp;<\/strong>modifier. This will include the two cube objects that make up the computer screen.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Apply boole to computer monitor objects\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer_select_boole.jpg\"><\/figure>\n<h3>Step 2<\/h3>\n<p>With the <strong>Boole<\/strong> objects still selected, go to&nbsp;<strong>Mesh &gt; Conversion &gt; Current State to Object<\/strong>.&nbsp;<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Convert current state to object\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer_state_to_object.jpg\"><\/figure>\n<h3>Step 3<\/h3>\n<p>This creates a version of the computer screen objects with all the modifiers collapsed. This means that the new objects lose their modifiers, but retain their shapes so that we can colour them easily.&nbsp;<\/p>\n<p>You can delete the original <strong>boole<\/strong> objects as they won&#8217;t be needed in the project anymore.&nbsp;<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Two copies of the same object will appear\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer_boole_to_object.jpg\"><\/figure>\n<h3>Step 4<\/h3>\n<p>Feel free to rename the objects to something which is easily recognisable.&nbsp;&nbsp;<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Rename 3D objects\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer_rename_objects.jpg\"><\/figure>\n<h3>Step 5<\/h3>\n<p>Select the neck object and go to&nbsp;<strong>Mesh &gt; Conversion &gt; Current State to Object<\/strong>. Once you&#8217;ve create the new object, you can delete the original one to avoid clutter and confusion.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Convert neck into object\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer_neck_to_object.jpg\"><\/figure>\n<h3>Step 6<\/h3>\n<p>Select the&nbsp;<strong>Phong Tags&nbsp;<\/strong>and press the delete key on the keyboard to remove them.&nbsp;<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Delete phong tags\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer_delete_phong_tags.jpg\"><\/figure>\n<p><\/p>\n<h2><span class=\"sectionnum\">10.<\/span>&nbsp;How to Create a New Material<\/h2>\n<h3>Step 1<\/h3>\n<p>Located near the bottom of the screen there is a material selection window. Click on&nbsp;<strong>Create &gt; New Material<\/strong><strong>&nbsp;<\/strong>to create a new material to use that you can edit.&nbsp;<\/p>\n<p>Materials are used to colour in the various objects and parts of the Computer Screen.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Select new material\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-new-material.jpg\"><\/figure>\n<h3>Step 2<\/h3>\n<p>Double click on the new material icon (displayed as a sphere). This brings up the&nbsp;<strong>Material Editor<\/strong>&nbsp;where you can adjust the various properties of the material such as the colour, transparency and reflectance.&nbsp;<\/p>\n<p>For this particular style I&#8217;m only be interested in flat colour (Luminance).<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Open up the material editor\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-default-material.jpg\"><\/figure>\n<h3><span class=\"sectionnum\">Step 3<\/span><\/h3>\n<p><span class=\"sectionnum\">Tick the button for&nbsp;<strong>Luminance&nbsp;<\/strong>and&nbsp;u<\/span>ntick the boxes for&nbsp;<strong>Color&nbsp;<\/strong>and&nbsp;<strong>Reflectance<\/strong>. This gives the cel shaded look for the final image.&nbsp;<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Select luminance \" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-select-luminance.jpg\"><\/figure>\n<h3><span class=\"sectionnum\">Step 4<\/span><\/h3>\n<p>Colour the Computer Monitor by adding the material to the object. Drag and drop the material to the object using the mouse. You can also drag and drop the material onto the object listed on the right of the screen.&nbsp;<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Apply the new material to the computer screen\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-apply-color.jpg\"><\/figure>\n<h2><span class=\"sectionnum\">11.<\/span> How to Adjust the Material Properties<\/h2>\n<h3>Step 1<\/h3>\n<p>In the&nbsp;<strong>Material Editor<\/strong>, click on the arrow button next to&nbsp;<strong>Texture&nbsp;<\/strong>and select&nbsp;<strong>Sketch and Toon &gt; Cel&nbsp;<\/strong>from the menu.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Select Sketch and Toon \" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-sketchandtoon.jpg\"><\/figure>\n<h3>Step 2<\/h3>\n<p>Click on the new&nbsp;<strong>Cel&nbsp;<\/strong>button that appears next to&nbsp;<strong>Texture<\/strong>&nbsp;to bring up a new menu.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Click on the cel button\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-cel.jpg\"><\/figure>\n<h3>Step 3<\/h3>\n<p>In this new menu, adjust the settings as follows:<\/p>\n<ul>\n<li>Change the&nbsp;<strong>Diffuse<\/strong>&nbsp;to match the image at below. It should be grey scale with the colour getting light from left to right<\/li>\n<li>Deselect&nbsp;<strong>Camera<\/strong><\/li>\n<li>Select&nbsp;<strong>Lights<\/strong><\/li>\n<li>Select&nbsp;<strong>Shadows<\/strong>&nbsp;<\/li>\n<li>Select&nbsp;<strong>Multiply&nbsp;<\/strong>from the drop down menu<\/li>\n<\/ul>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Adjust the cel settings\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-shader.jpg\"><\/figure>\n<h3>Step 4<\/h3>\n<p><span class=\"sectionnum\">Select a colour by double-clicking on the <strong>color<\/strong> option box .&nbsp;<\/span><\/p>\n<p><span class=\"sectionnum\">The&nbsp;<strong>Material Editor<\/strong>&nbsp;gives many different options for choosing and picking colours. These include RGB, HSV and so on.&nbsp;<\/span><\/p>\n<p><span class=\"sectionnum\">Choose whichever option you are most familiar with as a flat colour. Because of the&nbsp;<strong><\/strong><strong>Multiply<\/strong>&nbsp;shading mode, the different colour shades also appear in the material.<\/span><\/p>\n<p><span class=\"sectionnum\">If the material has already been applied to the model, the colour of the model is automatically be adjusted to the new material colour. This is useful if you change your mind on a certain colour or a certain part of the Computer Screen model.<\/span><\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Select a color and set shading mode to multiply\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-mat-colour.jpg\"><\/figure>\n<h3>Step 5<\/h3>\n<p>Because I&#8217;ve already applied the material to the model, the colour of the Computer Monitor will automatically be adjusted to match the new material.&nbsp;&nbsp;<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"New material settings will be applied\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-apply-newmat.jpg\"><\/figure>\n<h2><span class=\"sectionnum\">12.<\/span> How to Adjust the Shading<\/h2>\n<h3>Step 1<\/h3>\n<p>To get a better idea of the shading and how the render will turn out as you work on it, click and hold on the&nbsp;<strong>Render Button<\/strong>&nbsp;and select&nbsp;<strong>Interactive Render Region&nbsp;<\/strong>from the menu.&nbsp;<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Select interactive render region\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-render-region.jpg\"><\/figure>\n<h3>Step 2<\/h3>\n<p>Use the mouse to adjust the selection window so that it fits around the Computer Screen model. Look for the very small arrow on the right hand side of the window and use the mouse to drag it to the top right corner of the box (this increases the resolution).&nbsp;<\/p>\n<p>Decrease the resolution by moving the arrow down if you find that the performance is decreasing.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Increase the resolution of the preview window\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-increase-res.jpg\"><\/figure>\n<h3>Step 3<\/h3>\n<p>To change the way the light source is facing go to&nbsp;<strong>Options &gt; Default Light<\/strong>.<\/p>\n<p>You can also add a light object to the scene if you are more comfortable working that way.&nbsp;&nbsp;<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Select default light\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-default-light.jpg\"><\/figure>\n<h3>Step 4<\/h3>\n<p>Change the light source in the&nbsp;<strong>Default Light<\/strong>&nbsp;window. Click where you&#8217;d like the light source to come from on the sphere and it will sync with the view port. Experiment with different lighting positions to come up with a lighting situation that you like.&nbsp;<\/p>\n<p>This can be adjusted at anytime so you can change the lighting again if you changed your mind.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Adjust the default light\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-adjust-light.jpg\"><\/figure>\n<h3><span class=\"sectionnum\">Step 5<\/span><\/h3>\n<p><strong>Secondary-click<\/strong> on the arrow and select&nbsp;<strong>Alpha Mode&nbsp;<\/strong>in order to reveal the rest of the viewport. Some people may find working this way easier.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Select the alpha mode\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-alpha.jpg\"><\/figure>\n<h2><span class=\"sectionnum\">13.<\/span> Other Lighting Solutions<\/h2>\n<h3>Step 1<\/h3>\n<p>To set up the basic lighting, go to the&nbsp;<b>Floor&nbsp;<\/b>button located in the top menu bar.&nbsp;<b>Primary-Click-Hold&nbsp;<\/b>and then select&nbsp;<b>Physical Sky&nbsp;<\/b>from the menu.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Select physical sky\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-physical-sky.jpg\"><\/figure>\n<h3>Step 2<\/h3>\n<p>Make sure that&nbsp;<strong>Physical Sky&nbsp;<\/strong>is selected in the menu on the right, a new menu will appear on the bottom right of the screen. Select the&nbsp;<b>Time and Location<\/b>&nbsp;tab and choose a time using the left and right arrow keys.&nbsp;<\/p>\n<p>This changes the lighting of the scene (according to the time of the day). Choose a suitable time to light up the scene. You&#8217;ll see how the lighting affects the scene in the viewport.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Adjust the time and location \" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-time.jpg\"><\/figure>\n<h3>Step 3<\/h3>\n<p>To add a light to the scene, select the&nbsp;<strong>Add Light&nbsp;<\/strong>button in the top menu bar at the top of the screen.<\/p>\n<p>This creates a&nbsp;<strong>Light Object<\/strong>&nbsp;which you can move around the scene. Move the light object using the&nbsp;<strong>Move Tool&nbsp;<\/strong>to a suitable position.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Select the add light button\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-add-light.jpg\"><\/figure>\n<h3>Step 4<\/h3>\n<p>To customise the lighting further, experiment with the light object options in the bottom right of the screen. Here you can adjust the&nbsp;<strong>Intensity, Light Type&nbsp;<\/strong>and even&nbsp;<strong>Color.<\/strong><\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Adjust the lighting settings\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-settings-light.jpg\"><\/figure>\n<h2><span class=\"sectionnum\">14.<\/span>&nbsp;How to Colour the Computer Monitor Screen<\/h2>\n<h3>Step 1<\/h3>\n<p>Open up the <strong>Material Editor&nbsp;<\/strong>and change <strong>material color<\/strong> to the following:<\/p>\n<ul>\n<li><strong>R: 194<\/strong><\/li>\n<li><strong>G: 222<\/strong><\/li>\n<li><strong>B: 236<\/strong><\/li>\n<\/ul>\n<p><strong><\/strong>This changes the basic colour of the computer that you can add to the other main objects (i.e. the neck).<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Select a new color for the material\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-material-color.jpg\"><\/figure>\n<h3>Step 2<\/h3>\n<p>To create a new material we can duplicate the material by holding&nbsp;<strong>CTRL&nbsp;<\/strong>on the keyboard and then using the mouse to click and drag the material to the side.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Duplicate the material\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-duplicate-material.jpg\"><\/figure>\n<h3>Step 3<\/h3>\n<p><strong>Double-click<\/strong>&nbsp;on the new material to open up the&nbsp;<strong>Material Editor<\/strong>&nbsp;and select&nbsp;<strong>Luminance<\/strong>. From there we can change the colour to the following:<\/p>\n<ul>\n<li><strong>R: 56<\/strong><\/li>\n<li><strong>G: 47<\/strong><\/li>\n<li><strong>B: 66<\/strong><\/li>\n<\/ul>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Select a purple color for the new material\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-screen-colour.jpg\"><\/figure>\n<h3>Step 4<\/h3>\n<p>Apply the new materials to the screen by clicking and dragging it directly onto the screen object.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Apply the new material to the screen\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-apply-new-colors.jpg\"><\/figure>\n<h2><span class=\"sectionnum\">15.<\/span>&nbsp;How to Color the Monitor Bezel&nbsp;<\/h2>\n<h3>Step 1<\/h3>\n<p>Create a new material. You may also duplicate a previous material in order to keep the same settings as before.<\/p>\n<p><strong>Double-click<\/strong>&nbsp;on the new material to open up the&nbsp;<strong>Material Editor<\/strong>&nbsp;and select&nbsp;<strong>Luminance<\/strong>. From there you can change the colour to the following:<\/p>\n<ul>\n<li><strong>R: 70<\/strong><\/li>\n<li><b>G: 69<\/b><\/li>\n<li><b>B: 65<\/b><\/li>\n<\/ul>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Create a new dark grey material\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-material-grey.jpg\"><\/figure>\n<h3>Step 2<\/h3>\n<p>Use the&nbsp;<strong>Polygon Selection Tool&nbsp;<\/strong>to select all the polygons that make up the bezel of the computer monitor.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Select the screen boder with the polygon selection tool\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/compuer-highlight-bezel.jpg\"><\/figure>\n<h3>Step 3<\/h3>\n<p>Apply the new material to the selected polygons by clicking and dragging it into the selection.&nbsp;<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Apply dark grey material to the selected border\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/compuer-color-bezel.jpg\"><\/figure>\n<h3>Step 4<\/h3>\n<p>Now that all the materials and colours have been applied to the model, use the perspective view to look around the computer screen to ensure that the colours have been applied properly.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Check the 3D model from all angles\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-check-back.jpg\"><\/figure>\n<h2><span class=\"sectionnum\">16.<\/span>&nbsp;How to Create the Power Button&nbsp;<\/h2>\n<h3>Part 1<\/h3>\n<p>Click on the small back arrow on the&nbsp;<strong>Cube<\/strong>&nbsp;button and select&nbsp;<strong>Cylinder&nbsp;<\/strong>from the list of options. This will spawn a&nbsp;<strong>Cylinder<\/strong>&nbsp;in the scene.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Create a new cylinder object\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-cylinder.jpg\"><\/figure>\n<h3>Part 2<\/h3>\n<p>Rotate the cylinder 90 degrees and then use the&nbsp;<strong>Scale Tool&nbsp;<\/strong>to scale it down to the appropriate size of a power button.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Rotate and scale the new cylinder\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-spawn-cylinder.jpg\"><\/figure>\n<h3>Part 3<\/h3>\n<p>Delete the&nbsp;<strong>Phong Tag&nbsp;<\/strong>from the newly created cylinder object.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Delete the phong tag\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-cylinder-phong-tag.jpg\"><\/figure>\n<h3>Part 4<\/h3>\n<p>Use the&nbsp;<strong>Polygon Selection Tool&nbsp;<\/strong>to select the base polygons making up a circle. Press the delete key to remove the polygons from the cylinder object.&nbsp;<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Select the base of the cylinder object and delete it\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-delete-cylinder-faces.jpg\"><\/figure>\n<h3>Part 5<\/h3>\n<p>Use the&nbsp;<strong>Edge Selection Tool&nbsp;<\/strong>to select the edges of the open hole and then use the&nbsp;<strong>Scale Tool&nbsp;<\/strong>to make it larger.&nbsp;<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Select the edges of the cylinder and expand it\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-scale-cylinder-edges.jpg\"><\/figure>\n<h3>Part 6<\/h3>\n<p>Once you are happy with the size of your power button, use the mouse to&nbsp;<strong>secondary-click<\/strong>&nbsp;the selected edges. Select&nbsp;<strong>Close Polygon Hole&nbsp;<\/strong>from the menu.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Cap the empty hole \" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-close-hole.jpg\"><\/figure>\n<h2><span class=\"sectionnum\">17.<\/span> How to use Boole<\/h2>\n<h3>Step 1<\/h3>\n<p><strong>Click<\/strong> on the small black arrow in the bottom right corner of the&nbsp;<strong>Array Tool&nbsp;<\/strong>in the top menu bar. Then select&nbsp;<strong>Boole<\/strong>&nbsp;from the list.&nbsp;This creates a&nbsp;<strong><\/strong>Boole tool in the list of objects on the right of the screen.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Select boole from the menu\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-boole.jpg\"><\/figure>\n<h3>Step 2<\/h3>\n<p>Drag and drop both the screen and the new cylinder object into the boole. Ensure that the screen object is above the cylinder object. This will create the power button in the screen.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Add the screen and cylinder objects to the boole\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-boole-button.jpg\"><\/figure>\n<h3>Step 3<\/h3>\n<p>With the boole objects still selected, go to&nbsp;<strong>Mesh &gt; Conversion &gt; Current State to Object<\/strong>. This will create a copy of the objects with the boole collapsed.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Select the bool and convert current state to object\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer_object_state.jpg\"><\/figure>\n<h3>Step 4<\/h3>\n<p>Use the&nbsp;<strong>Polygon Selection Tool&nbsp;<\/strong>to select the power button. Then drag and drop the dark grey material colour into the selection.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Select the polygons of the power button and apply a material\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-power-button.jpg\"><\/figure>\n<h3>Step 5<\/h3>\n<p>Check the camera and perspective view to make sure that the computer screen looks correct. Make any final adjustments to the materials to get the colour combination that you want.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"Check the model from all angles\" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/computer-final.jpg\"><\/figure>\n<h2>The End Result<\/h2>\n<p>The computer screen model is now ready for use and to render. Now that the project is complete you can repeat the steps above and change the camera or the view port to create a new image from a different angle.&nbsp;<\/p>\n<p>Throughout the course of the project you have successfully learnt:<\/p>\n<ul>\n<li>How to Import Reference Images<\/li>\n<li>How to Prepare for Modelling<\/li>\n<li>How to Model the Computer Screen<\/li>\n<li>How to Create Coloured Materials<\/li>\n<li>How to Add Lighting to the Scene<\/li>\n<li>How to Render the Computer Monitor<\/li>\n<\/ul>\n<p>Feel free to share your own creations below. You can also export your image into&nbsp;<strong>Adobe Photoshop<\/strong>&nbsp;to enhance it further or to use it as part of a larger image.<\/p>\n<figure class=\"post_image\"><img decoding=\"async\" alt=\"The final computer model \" src=\"https:\/\/cms-assets.tutsplus.com\/uploads\/users\/403\/posts\/33097\/image\/iMac_850x588.jpg\"><\/figure>\n<\/p>\n<div class=\"mediafed_ad\"><img loading=\"lazy\" decoding=\"async\" border=\"0\" height=\"1\" src=\"http:\/\/audio.tutsplus.com.feedsportal.com\/c\/35227\/f\/668810\/s\/33097\/sc\/4\/mf.gif\" width=\"1\" \/><a href=\"http:\/\/da.feedsportal.com\/r\/186529796139\/u\/407\/f\/668810\/c\/35227\/s\/33097\/a2.htm\"><img decoding=\"async\" border=\"0\" src=\"http:\/\/da.feedsportal.com\/r\/186529796139\/u\/407\/f\/668810\/c\/35227\/s\/33097\/a2.img\" \/><\/a><img loading=\"lazy\" decoding=\"async\" border=\"0\" height=\"1\" src=\"http:\/\/pi.feedsportal.com\/r\/186529796139\/u\/407\/f\/668810\/c\/35227\/s\/33097\/a2t.img\" width=\"1\" \/><\/div>\n","protected":false},"excerpt":{"rendered":"<p>What You&#8217;ll Be Creating Follow this tutorial step-by-step to create a 3D Computer Screen model to use in video games, graphic design and illustration projects whilst learning&nbsp;Cinema 4D&nbsp;quickly.&nbsp; Some of the skills you&#8217;ll learn in this tutorial include creating basic 3D modelling, importing reference images, adding lighting to the scene and basic rendering techniques. In [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-104502","post","type-post","status-publish","format-standard","hentry","category-tutorials"],"_links":{"self":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/104502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/comments?post=104502"}],"version-history":[{"count":0,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/104502\/revisions"}],"wp:attachment":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/media?parent=104502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/categories?post=104502"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/tags?post=104502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}