{"id":875,"date":"2023-12-31T11:15:38","date_gmt":"2023-12-31T11:15:38","guid":{"rendered":"https:\/\/www.katsbits.com\/site\/?p=875"},"modified":"2023-12-31T11:20:08","modified_gmt":"2023-12-31T11:20:08","slug":"basic-appearence-and-layout","status":"publish","type":"post","link":"https:\/\/www.katsbits.com\/site\/basic-appearence-and-layout\/","title":{"rendered":"Blender Basics (#1): Interface &#038; Appearance"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.katsbits.com\/site\/basic-appearence-and-layout\/#Blender_3Ds_interface_appearance\" >Blender 3D&#8217;s interface &amp; appearance<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.katsbits.com\/site\/basic-appearence-and-layout\/#Blenders_Layout_what_do_the_different_areas_do\" >Blender&#8217;s Layout, what do the different areas do<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.katsbits.com\/site\/basic-appearence-and-layout\/#The_Header_area\" >The Header area<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.katsbits.com\/site\/basic-appearence-and-layout\/#The_Work_Zone\" >The Work Zone<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.katsbits.com\/site\/basic-appearence-and-layout\/#The_Tool_Bar\" >The Tool Bar<\/a><\/li><\/ul><\/nav><\/div>\n<p>Low poly models and\/or content for games and interactive media made with Blender 3D tend to use the same core skills, tools and actions &#8211; from modeling to materials, UVW unwrapping to animation. Rather than repeat this same information in other tutorials and different contexts, for example exporting to UDK, creating Open 3D content, making maps and levels for idtech, making iPhone games, producing content for Unity etc., the following pages will take you through the process of using Blender to make a simple chair model, describing the process, tools and actions when they&#8217;re called into use. In this way you&#8217;ll learn about the tool itself and the context into which is commonly used.<\/p>\n<p>Note however, that the following is not necessarily going to present an exhaustive list of features or functions available to Blender 3D users, but rather instructional information most often used to make low poly 3D artwork for games and 3D media.<\/p>\n<blockquote style=\"background-color: #ddecf3; color: #000;\"><p><b>Download<\/b>: Chair exercise source file <a href=\"https:\/\/www.katsbits.com\/site\/files\/tutorials\/katsbits_chair-source.zip\" title=\"Download the source file for the chair used in this tutorial series\">Katsbits chair source<\/a> (c. 600 KB | *.blend, *.tga).<\/p><\/blockquote>\n<p><a id=\"interface\" name=\"interface\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Blender_3Ds_interface_appearance\"><\/span>Blender 3D&#8217;s interface &amp; appearance<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Blender 3D may appear a rather daunting application when opened for the first time, buttons and things seem to be everywhere. But, everything has a purpose and is placed where it is for a reason, it appears confusing simply because it&#8217;s something new, something not likely to have been looked at before. However, Blender does use the same fundamental principles available to other 3D applications to do what it does, the only major difference is where those functions are in relation to its layout.<\/p>\n<p>On first starting Blender a splash screen graphic will appear for a brief time before revealing the application shown in the image below. By default it contains a &#8216;<b>cube<\/b>&#8216;, a &#8216;<b>light<\/b>&#8216; and a &#8216;<b>camera<\/b>&#8216; object set within a &#8216;<b>grid<\/b>&#8216; environment. As can be seen below the application is split into three distinct areas, each serving a different function within the environment which can be swapped, changed, moved and manipulated depending on the function being carried out; although there are many these available to Blender users, the next section will briefly describe the most commonly used of those when making low poly objects.<\/p>\n<div class=\"content_images\">\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/blender-basics-using-for-first-time\/opening-blender-default-appearence.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" title=\"Blender basics, what Blender looks like when first open\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/blender-basics-using-for-first-time\/opening-blender-default-appearence_sml.jpg\" alt=\"Blender basics, what Blender looks like when first open\" width=\"640\" height=\"476\" border=\"0\" \/><\/a><\/p>\n<p>Blender&#8217;s appearance when started showing a number of different areas that facilitate different actions and activities<\/p>\n<\/div>\n<p><a id=\"features\" name=\"features\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Blenders_Layout_what_do_the_different_areas_do\"><\/span>Blender&#8217;s Layout, what do the different areas do<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>As mentioned above, Blender works using the same principles as other 3D applications, they&#8217;re just organised in a different way. By default the screen is broken into distinct sections, all of which serve a specific purpose as you work. The image below shows the three main &#8216;zones&#8217; of Blenders interface;<\/p>\n<ul>\n<li><i><b>Header<\/b><\/i> &#8211; red tinted area.<\/li>\n<li><i><b>Work Zone<\/b><\/i> &#8211; green tinted area.<\/li>\n<li><i><b>Toolbar<\/b><\/i> &#8211; blue tinted area.<\/li>\n<\/ul>\n<div class=\"content_images\">\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/blender-basics-using-for-first-time\/blender-layout.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" title=\"Blender 3D, its layout and common features and tools\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/blender-basics-using-for-first-time\/blender-layout_sml.jpg\" alt=\"Blender 3D, its layout and common features and tools\" usemap=\"#layout\" width=\"640\" height=\"476\" border=\"0\" \/><\/a><\/p>\n<map id=\"layout\" name=\"layout\">\n<area title=\"Header - overall scene\/project information and game engine access\" alt=\"Header - overall scene\/project information and game engine access\" coords=\"4,2,616,28\" shape=\"rect\" href=\"#\" \/>\n<area title=\"Work Zone\/Area - where most of the work producing content is carried out\" alt=\"Work Zone\/Area - where most of the work producing content is carried out\" coords=\"4,27,613,341\" shape=\"rect\" href=\"#\" \/>\n<area title=\"Tool Bar - the tools, buttons and actions that can be used to carry out certain functions\" alt=\"Tool Bar - the tools, buttons and actions that can be used to carry out certain functions\" coords=\"4,345,614,456\" shape=\"rect\" href=\"#\" \/> <\/map>\n<p>Blender 3D, its layout and common features and tools<\/p>\n<\/div>\n<p><a id=\"featuresHead\" name=\"featuresHead\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"The_Header_area\"><\/span>The Header area<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Provides more &#8216;global&#8217; information about the entire scene being worked on. So it&#8217;ll display information about how many polygons are on screen, what &#8216;<b>desktop mode<\/b>&#8216; you&#8217;re in (there are several different &#8216;types&#8217; to allow easy switching between different types of work &#8211; modeling, animation, material, etc.), as well as providing access to Blenders Game Engine via the menus.<\/p>\n<div class=\"content_images\">\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/blender-basics-using-for-first-time\/blender-layout-header.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" title=\"Blender 3D 'header' area\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/blender-basics-using-for-first-time\/blender-layout-header_sml.jpg\" alt=\"Blender 3D 'header' area\" width=\"640\" height=\"34\" border=\"0\" \/><\/a><\/p>\n<p>Blender 3D&#8217;s &#8216;Header&#8217; area where general scene information is provided<\/p>\n<\/div>\n<blockquote class=\"clear_styling\"><p><b>1) Header &#8211; Vertex\/Face\/Edge count<\/b>. This displays the number polygons (both &#8216;quads&#8217; and triangles), vertices and edges a mesh contains. The values change depending on whether you&#8217;re in edit mode (so they only show details related to the mode itself, or the number of elements selected whilst in this mode), or object mode (in which case values changes to reflect the entire scene.<\/p><\/blockquote>\n<p><a id=\"workzone\" name=\"workzone\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"The_Work_Zone\"><\/span>The Work Zone<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Is where most of your actual work will be done, certainly with regards to a model or mesh, so construction, editing, applying materials and UVW maps all go on in this screen.<\/p>\n<div class=\"content_images\">\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/blender-basics-using-for-first-time\/blender-layout-work-area.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" title=\"Blender 3D work zone\/area\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/blender-basics-using-for-first-time\/blender-layout-work-area_sml.jpg\" alt=\"Blender 3D work zone\/area\" width=\"640\" height=\"326\" border=\"0\" \/><\/a><\/p>\n<p>Blender 3D&#8217;s work area\/zone where most of the work carried out when making a mesh or model (currently showing the default &#8216;cube, light and camera&#8217; set-up<\/p>\n<\/div>\n<blockquote class=\"clear_styling\"><p><b>2) Work Zone &#8211; View Display Type<\/b>. This button allows you to change the view you&#8217;re looking at to any one of a number of different &#8216;types&#8217; depending on what function or activity you want to focus on. Shown above is the &#8216;<b>3D view<\/b>&#8220;, but there are also separate screens for &#8216;UVW unwrapping&#8217;, &#8216;animation&#8217;, &#8216;video sequencer&#8217;, &#8216;audio sequencer&#8217; and so on.<\/p>\n<p><b>4) Work Zone &#8211; &#8216;Mode&#8217; type.<\/b> Drop down list that allows you to change between different types of core activities &#8211; &#8216;<b>Edit Mode<\/b>&#8216;, &#8216;<b>Object mode<\/b>&#8216;, &#8216;<b>Vertex Paint<\/b>&#8216; and so on, each of which changes the Tool Bar area depending on the task at hand.<\/p>\n<p><b>5) Work Zone &#8211; Draw Type<\/b>. This allows you to change the way objects are displayed in the Work Zone; if a model is textured for instance changing to &#8220;<b>Textured<\/b>&#8221; will show the texture as applied to the model in the view port; changing to &#8220;<b>Solid<\/b>&#8221; will display the model in flat colours (usually those assigned to materials) if applied to the mesh.<\/p>\n<p><b>6) Work Zone &#8211; Rotation\/Scaling Point<\/b>. This sets the point of origin around which scaling and\/or rotating a mesh will happen, useful if increasing the size of an object relative to a point on the grid rather than the objects centre of mass.<\/p>\n<p><b>7) Work Zone &#8211; Layer buttons<\/b>. Each one of these buttons activates\/de-activates a &#8216;layer&#8217; onto which objects can be placed. Working in a similar way to &#8216;layers&#8217; present in image editing software, clicking on any one or combination (&#8220;<b>Shift+LMB<\/b>&#8220;) of these will cause objects to be displayed in the work zone relative to that layer, showing objects in those selected or hiding objects from view in layers left unselected.<\/p><\/blockquote>\n<p><a id=\"toolbar\" name=\"toolbar\"><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"The_Tool_Bar\"><\/span>The Tool Bar<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Is where all the tools to do what you need are displayed and commonly accessed. Note here that the tools change depending on what you&#8217;re doing &#8211; this is called a &#8220;<b>context sensitive menu system<\/b>&#8220;- so working on a mesh displays the &#8216;edit&#8217; tools; working on a UVW map will display the appropriate tools for that function.<\/p>\n<div class=\"content_images\">\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/blender-basics-using-for-first-time\/blender-tool-bar-buttons.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" title=\"Blender 3D tool bar\/buttons\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/blender-basics-using-for-first-time\/blender-tool-bar-buttons_sml.jpg\" alt=\"Blender 3D tool bar\/buttons\" width=\"640\" height=\"118\" border=\"0\" \/><\/a><\/p>\n<p>Blender 3D&#8217;s &#8216;tool bar&#8217; or &#8216;buttons window&#8217; where all the tools and function to create content appear. Changes depending on function required<\/p>\n<\/div>\n<blockquote class=\"clear_styling\"><p><b>3) Tool Bar &#8211; Button Type\/Mode<\/b>. As mentioned above, the tool bar changes depending on what function is being carried out on a mesh at any given time, these &#8216;<i>quick access<\/i>&#8216; buttons give access to separate function without necessarily changing the &#8216;mode&#8217; the object is in when they are activated &#8211; a mesh can be in edit mode for example, and still have the user access materials by clicking the appropriate button.<\/p>\n<p><b>8) Tool Bar &#8211; Buttons Panels<\/b>. Parameter panels associated with the various functions that can be carried out within each mode. In other words, the panels number and information change depending on the action being carried out.<\/p><\/blockquote>\n<p>Next we&#8217;ll take a look at controlling movement around Blender 3D, how various mouse and keyboard combinations allow movement, the manipulation of objects and rotation around the view ports.<\/p>\n<div class=\"subNav\">\n<p>[<a title=\"appearance and interface\" href=\"https:\/\/www.katsbits.com\/site\/basic-appearence-and-layout\/\" target=\"_self\" rel=\"noopener\">1: Display<\/a> | <a title=\"navigating around the application movement control\" href=\"https:\/\/www.katsbits.com\/site\/basic-keyboard-mouse-movement-control\/\" target=\"_self\" rel=\"noopener\">2: Navigation<\/a> | <a title=\"Blender basics: using blender to make a simple model\" href=\"https:\/\/www.katsbits.com\/site\/basic-modeling-mesh-editing\/\" target=\"_self\" rel=\"noopener\">3: Model<\/a> | <a title=\"Materials, Textures and images\" href=\"https:\/\/www.katsbits.com\/site\/basic-applying-material-texture-images\/\" target=\"_self\" rel=\"noopener\">4: Materials<\/a> | <a title=\"UVW unwrapping with Blender\" href=\"https:\/\/www.katsbits.com\/site\/basic-unwrapping-uvw-maps\/\" target=\"_self\" rel=\"noopener\">5: UV&#8217;s<\/a> | <a title=\"Blender Basics, optimising a mesh for export\" href=\"https:\/\/www.katsbits.com\/site\/basic-optimise-models-for-export-to-games\/\" target=\"_self\" rel=\"noopener\">6: Optimise<\/a> | <a title=\"Texture baking Ambient Occlusion\" href=\"https:\/\/www.katsbits.com\/site\/basic-ambient-occlusion\/\" target=\"_self\" rel=\"noopener\">7: Bake<\/a> | <a title=\"Video walkthru making a simple chair\" href=\"https:\/\/www.katsbits.com\/site\/basic-video\/\" target=\"_self\" rel=\"noopener\">8: Video<\/a>]<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":873,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[253,230,225,255,252,233,254],"class_list":["post-875","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-area","tag-blender-2-4x","tag-blender-basics","tag-header","tag-layout","tag-learn-blender","tag-toolbar"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.katsbits.com\/site\/wp-json\/wp\/v2\/posts\/875","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.katsbits.com\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.katsbits.com\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.katsbits.com\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.katsbits.com\/site\/wp-json\/wp\/v2\/comments?post=875"}],"version-history":[{"count":6,"href":"https:\/\/www.katsbits.com\/site\/wp-json\/wp\/v2\/posts\/875\/revisions"}],"predecessor-version":[{"id":961,"href":"https:\/\/www.katsbits.com\/site\/wp-json\/wp\/v2\/posts\/875\/revisions\/961"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.katsbits.com\/site\/wp-json\/wp\/v2\/media\/873"}],"wp:attachment":[{"href":"https:\/\/www.katsbits.com\/site\/wp-json\/wp\/v2\/media?parent=875"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.katsbits.com\/site\/wp-json\/wp\/v2\/categories?post=875"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.katsbits.com\/site\/wp-json\/wp\/v2\/tags?post=875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}